* {
font-size : 1.2em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#colorbox, #cboxOverlay, #cboxWrapper { 
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
} 
a, a:hover {
  background: none ;
}
p, .p, dl, dd, blockquote, address, pre, table, fieldset {
    margin-bottom: 1em;
	line-height : 1.7em;
	color : #674040;
	font-size : 1.3em
}
img, object, embed, canvas, video, audio, picture {
 
    max-width: 100%;
} 

a:hover {
    background-color: transparent;
	color : #F80000; 
}

a:hover,a:active,a:visited ,a:focus{
color: #990000;
 }
 html, body {
 min-height: 100%;
height: auto !important;
 height: 100%; 
 border-top: medium none;
 }
 html { 
  margin:0;
  padding:0;
background: url(../piscine.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}

 img { max-width: 100%; margin:auto;text-align:center; } 
 *{ padding: 0px 0px 0px 0px;
 }
 @font-face {
    font-family: "Dancing Script";
    font-style: normal;
    font-weight: 700;
    src: local("Dancing Script Bold"), local("DancingScript-Bold"), url("https://themes.googleusercontent.com/static/fonts/dancingscript/v3/KGBfwabt0ZRLA5W1ywjowfVc48Rxw3pIW-IHeDZiIVI.woff") format("woff");
} 
 body {
 background : none;
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
  /*background-color : #00CBFE;*/
  color : #000;
  font-size: 0.8125em;
}
#leconteneur {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
background-position: left top;
max-width: 80%; 
font-weight: normal;
min-height: 100%;
background-color: #FFFFFF;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 50px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
 #bloc-header {	
 position:relative;
    background-color: #FFF;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: auto;
    width: 100%;
    max-width: 100%;
    min-height: 200px;
 }
 #logocamping {
	background-color: transparent;
	min-width: 257px;
	height: 200px;
	left: 0px;
	top: 0px;	
}
#bloc-titre {
Padding : 5px 10px 5px 10px; 
position : relative;	
min-width: 430px;
height:180px;
top: 5px;
line-height : 1.1em;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 50px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
background: url(/IMGHOME/plage_de_valras.jpg)  no-repeat center; 
opacity:0.9;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

 }
#bloc-info {
margin:10px;	
Padding : 5px 10px 5px 10px; 
min-width: 350px;
height:180px;
top: 5px;
background-color: #FBBB00;
overflow : hidden;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 50px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);	
 }
 #bloc-info p {
padding : 10px;
margin : 0px auto;
 
 }
 #bloc-header h1 {
	color:#FFF;		
	font-size: 20px;
	line-height : 35px;
	font-family: Futura,Verdana,Arial,Helvetica,sans-serif;	
	font-weight: bold;
	text-shadow:1px 1px 2px gray;
 }
 #bloc-header h2 {
	padding: 0px 0px 0px 50px;
	color:#FFFFFF;		
	font-size: 14px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
 } 
 #leblocentre {
clear:both;
position: relative;
max-width: 100%;
/*height:286px;*/
margin: 0px 0px 0px 0px;
padding: 0px 20px 20px 20px;
text-align: left;
background-color: #FFFFFF;
 border-bottom-left-radius: 50px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 50px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
.imghome {
float:left;
max-width: 350px;
max-height: 263px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 50px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
padding : 0px 0px 0px 0px;
margin : 10px 30px 10px 50px;
border: 3px solid #00B1E7;
}
#blocentret1 {
font-size: 12px;
/*float:left;*/
max-width: 100%;
text-align:justify;
padding : 10px 0px 0px 0px;
}
/********************************* Home bloc menu ************************************/
#blocmenu {
position : relative;
margin : 20px auto;
/*left:170px;*/
padding : 10px;
height:20px;
background-color : transparent;
padding: 0px;
 list-style-type: none;
 font-size : 16px;
}
#blocmenu ul {
padding: 0px;
margin: 0px;
list-style-type: none;
text-align : center;
}
#blocmenu li {
display:inline;
margin:0;
padding:0px;
background-color: transparent;
/*word-spacing:0.3em;*/
}
#blocmenu a {
display:inline;
margin: 0px 0px;
padding: 0px 0px 0px 10px;
color: #1F2907; 
font-weight: bold; 
}
#blocmenu li a:hover {
display:inline;
 text-decoration:none;
 background-color: transparent;
 color:orange; 
}
/********************************* FIN Home bloc menu ************************************/

#bloclangue-home {
padding: 0px 0px 0px 0px;
font-weight: bold;
background-color: transparent;
text-align: center;
width: 175px;
  height: 27px;
  left: 800px;
  top: 10px;
  display:inline; 
font-size: 12px;
visibility: visible;
}  
#bloclangue-home ul {
padding: 0px;
 list-style-type: none;
 display:inline;
}
#bloclangue-home li {
margin:0;
padding:0;
background-color: transparent;
text-align: center;
display:inline;
word-spacing:0.3em;
}
#bloclangue-home a {
margin: 0px 0px;
padding: 0px;
color: white; 
font-weight: bold; 
text-align: center;
display : inline;
}
#bloclangue-home li a:hover {
display:block;
 text-align:center;
 text-decoration:none;
 background-color: transparent;
 color:#FEDC00;
display : inline; 
}
#warpper-pied {
clear : both;
position: relative;	
background-color: transparent;
width: 100%;
}
#piedcds {
padding : 10px 0px 0px 0px;
bottom :0;
text-align: center; 
background-color: transparent;
color:#000000;
}
#piedcds a{
color : #000;
}
#piedcds a:visited{
color : #orange;
}
#lienspartenaires {
position : relative;
background-color : transparent;
text-align :center;
max-width : 800px;
margin:10px auto; 
}
#lienspartenaires  ul{
list-style-type: none; 
}
#lienspartenaires  li {
display : inline;
}
#lienspartenaires  a{
text-align :center;
display : inline;
}

a img{
  border:  none ;
}
h1 {
	padding: 10px 0px 10px 0px;
	font-size: 1.5em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
}
h2 {
	text-align:center;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF6600;

}
h3 {
	text-align:center;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FE7902;
}
h6 {
  font-size: 8px;
}
ul {
  padding: 0px 0px 0px 0px;
}
.reduce600{
max-width : 600px;
margin-left:auto;
margin-right:auto;
}

.actualit{
font-size : 1.8em;
font-family: 'Dancing Script',cursive;
color : #FFF;
padding : 0px 0px 5px 0px;
}
.clean{
clear:both;
}	
 #share-buttons {
float : left;
margin : 0px 0px 0px 0px;	
max-width : 400px;

}

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: none;
display: inline;
transition-delay: 0s;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease-out;
-webkit-transition-property: width,height;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-webkit-transition-property: all;
}
#share-buttons img:hover{   
/*transform: scale(1.5) rotate(10deg) translate(10px, 20px);*/
transform: scale(1.5);
} 
.boxcenter{  
width : 100%; 
text-align : center;
margin : 5px auto;
float : none;
}
.minimghome{
border: 0px solid ;
width: 150px;
height: 130px;
 }
.ancv{
float :left;
margin : 10px auto;
 } 
a.blanc{
color:#FFF;
}
.inline{
display:inline;
}
.menu_footer{
margin : auto;
width:80%;
background-color: rgba(0, 0, 255, 0.3);
}
.flex {
position: relative;

margin-top : 0px;
padding : 0px;
max-width: 100%;


background-repeat : repeat;
display : block;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-direction: row;
justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center; 
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
 } 
.center{text-align:center;}