html, body {
 min-height: 100%;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

 }
* { margin:0; padding:0; }
 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%; }

@media screen and (max-width: 640px) {
   html {   
   background:none;
   margin:5px;
   }
}
#google_translate_element {   
   width:90%;
   height: 10px;
}
@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 {
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
background : none;
background-color : none;
   font-size: 0.8125em;
 border-top:none;  
}  

#div-warpper {
position: absolute;	
width: 100%;
height:100%;	
visibility: visible;
background-position: center top;		
} 
#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;

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 {	
background-color:#FFF;
 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+ */
-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 {
width: 277px;
height: 200px;
margin:0px 0px 0px 0px;
min-width: 227px;
}
#header-droit {	
display:flex;
max-width: 703px;
height:200px;
max-width: 100%;
margin:auto;
 }
#bloc-titre {
background-color: #00B1E7;
border-radius: 6px 50px 6px 50px;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
height: 160px;   
Padding : 5px 10px 20px 10px; 
max-width: 750px;
min-width : 320px;
font-size : 1em;
}
 #bloc-titre  p{	
font-size : 1.1em;
color : #FFF;
 }
 #bloc-info { 	
Padding : 10px 10px 10px 10px;
margin : 0px 0px 0px 20px;
max-width : 230px;
min-width : 230px;
height:160px;
background-color: #FBBB00;
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);
overflow : hidden;	
 } 
 #bloc-header h2 {
	padding: 0px 0px 0px 0px;
	color:yellow;		
	font-size: 1.4em;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
 }
#bloclangue-home {
position: absolute;
padding: 0px 0px 0px 0px;
font-weight: bold;
background-color: transparent;
text-align: center;
width: 175px;
height: 27px;
left: 790px;
top: 5px;
display:inline; 
font-size: 1.1em;
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; 
}
#bloc-centre {
clear : both;
position: relative;
display:flex;
/*width: 980px;
max-width: 980px;*/
clear : both;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
#blocgauche  {
font-size: 1em;
float:left;
max-width: 20%;
min-width: 20%;
background-color : #E8E9D9;
min-height : 100%;
}

#blocgauche  h3{
font-family: Futura,Verdana,Arial,Helvetica,sans-serif;
text-align:left;
font-size : 1em;
}
#blocgauche ul {
display:block;
padding: 0px 0px 0px 5px;
 list-style-type: none;
}
#blocgauche li {
margin:0;
padding:5px;
background-color: transparent;
word-spacing:0.3em;
}
#blocgauche a {
text-align:left;
margin: 0px 0px;
padding: 5px 10px 5px 20px;
color: #1F2907; 
font-weight: bold; 
background-image: url(images/picto-off.png);
background-repeat : no-repeat;
background-position : center left;
}


#blocgauche li a:hover {
 text-decoration:none;
 background-color: transparent;
 color:#49610B; 
}
#blocgauche a.on {
 text-decoration:none;
 background-color: transparent;
 color:#150C11; 
 background-image: url(images/picto-on.png);
background-repeat : no-repeat;
background-position : center left;
}

#blocmilieu {
padding: 0em 0em 0em 0em;
float: right; 
/*width: 738px;*/
max-width: 77%;
color:#B83287;
/*background-color: #FFFFCC; */
margin-left: auto;
margin-right: auto;
/*overflow : hidden; */
}
#blocmilieu-homecontact {
font-size: 0.7em;
font-weight: bold;
margin: 0px;
padding: 0px 0px 20px 0px;
position: relative;
text-align: center;
height: 10px;
color: #1F2907;
background-color: transparent;

}
#blocmilieu-homecontact li{
margin: 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  font-weight: normal;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  text-align: left;
  display: inline;
  color : #1F2907;
}
#blocmilieu-homecontact ul{
padding: 0px;
 margin-top: 0px;
  margin-right: 0px;
  list-style-type: none;
  font-weight: normal;
  color : #1F2907;
}
#blocmilieu-homecontact a{
 margin: 0px;
  padding: 0px;
  text-decoration: none;
  list-style-type: none;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  text-indent: 0em;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  color: #1F2907;
}
a:link {
outline: none;
}
#blocmilieu-homecontact li a:hover {
color: #1F2907;
}

#blocmilieu-homecontact li a:visited {
color: #1F2907;
}
#blocmilieu-homecontact li a:active {
color: #1F2907;
}
#blocmilieu-texte {
padding: 0px;
margin: 00px 0px 0px 0px;
width: 100%;
max-width: 100%;
background-color: #FFFFFF;  
font-size: 1em;
/*text-align: justify;*/
color: #1F2907;
}
#blocmilieu-texte img{
  padding: 0em 0em 0em 0em;
  margin: 0em;
  clear: both;
  max-width: 100%;

  border: 0px solid #9EAD5C;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  -ms-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); 
overflow : hidden;  
  }
  #blocmilieu-texte .puce{  
  border: 0px solid #9EAD5C;
  margin : 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.6);
  webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.6);
  -ms-box-shadow: 0px 0px 0px rgba(0,0,0,0.6); 
  }

#blocmilieu-texte h1{
padding: 10px 0px 10px 0px;
font-family: Futura,Verdana,Arial,Helvetica,sans-serif;
/*width: 690px;*/
background-color: transparent; 
font-size: 1.8em;
text-align: center;
color: inherit; 
}
#blocmilieu-texte a{
color:#F24C01;
}
#blocmilieu-texte a.colorblanc{
color:#FFF;
}
#blocmilieu-texte a:hover{
color:#F15000;
}
#blocmilieu-texte p{
font-family: Futura,Verdana,Arial,Helvetica,sans-serif;
font-size : 1.1em;
padding: 10px 30px 10px 30px;
color: #443D2D; 
line-height : 1.4em;
}
#blocmilieu-texte p.rouge{
color: red; 
line-height : 1.5em;
}
#blocmilieu-texte p.bleu{
color: blue; 
font-size : 1.1em;
font-style : bold;
}
#blocmilieu-texte .orange{
color: #ed7006; 
font-size : 1.1em;
font-style : bold;
}
#blocmilieu-texte p.vert{
color: green; 
font-size : 1.1em;
font-style : bold;
}
#blocmilieu-texte p.center{
text-align : center;
 }
#blocmilieu-texte p.italic{
font-style : italic;
 } 
#blocmilieu-texte h2{
font-family: Futura,Verdana,Arial,Helvetica,sans-serif;
color: #FF9900; 
}
#blocmilieu-texte h3{
font-family: Futura,Verdana,Arial,Helvetica,sans-serif;
text-align: center;
font-size : 1.5em;
left: 0px;
padding-bottom: 10px;
padding-top: 0px;
padding-left: 0px;
 
}
#blocmilieu-texte h4{
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 1.4em;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
}
#blocmilieu-texte h5{
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 13px;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
}
#blocmilieu-texte hr{
margin: 10px 0px 10px 0px;
clear: both;
color : #FFFFFF;
border: 0px;
}
#bloc-portfolio {
display : inline;
padding: 0px 0em 0px 0em;
  /*width: 181px;*/
  max-width: 181px;
  text-align: center;
  background-color: transparent;
}
#bloc-portfolio img{
 margin-bottom: 20px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: 2px solid #9EAD5C;
background-color: transparent;	}

#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;
}
#piedcds a{
color : #52680D;
}
#piedcds a:visited{
color : #52680D;
}
#lienspartenaires {
position : relative;
/*background-color : #FFF;*/
text-align :center;
/*width : 800px;*/
max-width: 800px;
margin:10px auto; 
}
#lienspartenaires  ul{
list-style-type: none; 
}
#lienspartenaires  li {
display : inline;
}
#lienspartenaires  a{
text-align :center;
display : inline;
}

 
/*_____________________________________________________________________*/
/*_____________________________________________________________________*/

/***************** ADDON POUR BOUTONS RESA ******************************************/

.flex { 
 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+ */
-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: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}

.box4 {
  border: 3px solid #fff;
  border-radius: 10px;
  color: #fff;
  margin: 0;
  padding: 20px;
  transition: all 0.5s ease-out 0s;
  max-width : 300px;
}
.fontbig {
  font-size: 1.2em;
}

#blocmilieu-texte a.box4bout  {
font-size: 1.3em;
color:#FFF;
text-align: center;
text-decoration:none;
}
#blocmilieu-texte a.box4bout:hover, #blocmilieu-texte a.box4bout:visited  {
color:#E4E4E4;
background-color:none;
}
a:focus, a:hover, a:active {
background: none !important;
text-decoration: none;
}
.boxbackcolor_rose{
background-color : #E10080;
}
.boxbackcolor_bleu{
background-color : #37ADE2;
}
.boxbackcolor_vert{
background-color : #1483CC;
}
.boxbackcolor_ctoutvert{
background-color : #00485E;
}
.boxbackcolor_rouge{
background-color : #FF0000;
}
.boxbackcolor_vert_clair{
background-color : #BBD034;
/*background-image: linear-gradient(#BBD034, #2B7039);*/
}
.boxbackcolor_orange{
background-color : #2BADF1;
moz-opacity:0.95;
opacity: 0.95;
filter:alpha(opacity=95);
}
.boxbackcolor_rose{
background-color : #983295;
}
.boxbackcolor_gris{
background-color : #CECDD3;
}
.boxbackcolor_jaune{
background-color : #FF9900;
}
#blocplan{
 clear:both;
/*height : 35px;*/
}

#deco1 {
float : left;
  width: 168px;
  height: 160px;   
}


/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 5px;
	font-weight: bold; }
table.spip tr.row_first { background: #DD581F; }
table.spip tr.row_odd { background: #EEB000; }
table.spip tr.row_even { background: #DD581F; }
table.spip th, table.spip td { padding: 5px; text-align: left; vertical-align: middle; }
.trans50 {
     filter: alpha(opacity=50);
     -moz-opacity: 0.8;
     -khtml-opacity: 0.8;
     opacity: 0.8;
}



form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;	
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 30px;	
	vertical-align: top;
word-spacing : 0.3em;	
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 5px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 180px;} /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px;} /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

.sousnav {
height : 40px;
width : 150px;
text-align :center;
margin: 10px;
padding :10px;
background-color : green;
}

.sousnav-titre {
color:#FFF !important;
font-size : 1.2em;
}





.columns2 {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.tarifsdispo{
width : 100%;
text-align : center;
margin : 10px auto;
font-size : 2em;
color:#A80101;
}

.slicknav_menu {
	display:none;
}
.bigh2 {
	font-size:2.5em;
	text-align:center;
	background-color:#3B5F7A;
	padding:10px;
}

@media screen and (max-width: 799px) {
	
	.js #blocgauche{
		display:none;
	}
	#souder {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
		
	}
	
	}
	
}