html, body {
 min-height: 100%;
height: auto !important;
 height: 100%;
 }
 *{ padding: 0px 0px 0px 0px;
 }
 
 /******************** GENERIQUE ******/
 h1 {
	padding: 10px 0px 10px 0px;
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F19413;	
}
h2 {
	text-align:center;	
}
p {
	padding: 2px 0px 2px 2px;
	text-align:justify;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
}
h6 {
  font-size: 8px;
}
ul {
  padding: 0px 0px 0px 0px;
}
.format_png {
	behavior: url("win_png.htc");
}

/******************************************/
 body {
  margin: 0px;
  padding: 0px;
  background-color: #0B2A6B;  
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
}

#div-warpper {
	position: absolute;	
	background-image: url(images/calif-warper.jpg);
	width: 100%;	
	height : 378px;
	visibility: visible;
	background-position:center center;	
}
#leconteneur {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
margin-left: -490px;
left: 50%;
background-position: left top;
width: 980px;
  font-weight: normal;
  min-height: 100%;
  background-color: #0B2A6B;
}
#bloc-header {
	padding: 0px 20px 0px 20px;
	position: relative;
	width: 650px;
	height:29px;
	left: 300px;
	top: 55px;
	visibility: visible;
	 }
 #bloc-google {   
position: absolute;
left :75px;
top : 280px;   
 }
#bloc-facebooklike {
	position:absolute;
	top: 30px;
	left : 400px;
 }	 
  #bloc-header h1 {
	color: #FFFFFF;
	font-size: 18px;
	line-height : 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
 }
 #bloc-header h2 {
	padding: 0px 0px 0px 0px;
	color: #EF8A16;
	font-size: 18px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
 } 
 #labanniere-art {
	background-color: transparent;
	height: 141px;
	width: 980px;
	padding-top: 0px;
	margin-top: 0px;
	position: relative;

}
#contact{
	background-color: transparent;
	height: 20px;
	width: 210px;
	top : 120px;
	left : 720px;
	padding-top: 0px;
	margin-top: 0px;
	position: absolute;	
	font-weight:bold;
	color: #FFDD00;
	font-style: italic;
	display:inline;
}
#contact a,#contact :visited ,#contact ul,#contact li{
	background-color: transparent;		
	font-weight:bold;
	color: #FFDD00;
	font-style: italic;
	display:inline;
}

#sousbanniere-art {
background-image: url(images/fond_header-article.jpg);
background-repeat: repeat-x;
	background-color: #113F95;
	height: 141px;
	width: 980px;
	position: absolute;
	top: 20px;
	
}
#bloc-deco-haut {	
	position: relative;
	width: 980px;
	height: 11px;
background-image: url(images/calif_bandeaucouleurhaut.jpg);
 background-repeat: no-repeat;	
}
#bloc-deco-bas {	
	position: relative;
	width: 980px;
	height: 8px;
background-image: url(images/calif_bandeaucouleurbas.jpg);
 background-repeat: no-repeat;	
}
#bloc-photo {	
	position: relative;
	width: 980px;
	height: 171px;
background-image: url(images/photo_bloc_photo.jpg);
 background-repeat: no-repeat;	
}

#bloclogo {
	height: 141px;
	width: 107px;
	position: absolute;
	left: 40px;
	top: 19px;
}

 


#bloclangue {
	
background-color:transparent;
display:inline;
font-size:12px;
font-weight:bold;
height:35px;
left:735px;
padding:0;
position:absolute;
text-align:center;
top:20px;
visibility:visible;
width:244px;
WORD-SPACING: 0.2em;
}

#blocgauche {
	float: left;
	width: 195px;
	background-color: #113F95;
}

#bloc-adresse {
	position: absolute;
	padding: 10px 0px 0px 10px;
	width: 972px;
	height:24px;
	left: -1px;
	top: 553px;
	font-size: 16px;
	color: #F5A800;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	visibility: visible;
}

#blocmilieu-video, blocmilieu-video img {
	text-align:center;
	color:#EF8A16;
	border: none;
}
#logocamping {
	position: absolute;
	background-color: transparent;
	width: 266px;
	height: 241px;
	left: 687px;
	top: 55px;
	color : white;
	display : inline;
	visibility: visible;
}
#blocliensprincipaux {
	position: absolute;
	background-color: transparent;
	width: 799px;
	height: 31px;
	left: 35px;
	top: 477px;
	color : white;
	display : inline;
	WORD-SPACING: 1.5em;
	visibility: visible;
	text-align: left;
}
#bloclangue   
 ul {
padding: 0px;
 list-style-type: none;
 display : inline;
}
#bloclangue  li {
margin:0;
/*margin-top: 10px;*/
padding:0;
display:block;
width: 75px;
/*border: 1px solid blue;*/
background-color: transparent;
/*background-color: yellow;*/
text-align: center;
display : inline;

}
#bloclangue  a {
margin: 0px 0px;
  padding: 0px;
 color: white; 
  font-weight: bold; 
text-align: center;
display : inline;
}
#bloclangue  li  a:hover {
display:block;
 text-align:center;
 text-decoration:none;
 background-color: transparent;
 /*background:#ec454e; */
 color:#FEDC00; 
 display : inline;
}
/*************************/
/* BLOC MILIEU TEXTE */
/*************************/

#bloc-centre {
float: left;
	text-align: left;	
	width: 980px;
	background-color: #0393DC;
	background-image: url(images/fond-bloc-centre.jpg);
}

#bloc-centre-texte {
	width: 785px;
	float: left;
	background-image: url(images/fond-bloc-centre-texte.jpg);
	background-repeat: repeat-x;
}
#bloc-haut-centre-texte {
	height: 174px;
	width: 785px;
	background-image: url(images/bloc-haut-centre-texte.jpg);
}

#bloc-texte {
padding: 0em;
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 20px;
width: 750px;
background-color: transparent;  
font-size: 1em;
text-align: justify;
color: white;
}
/*
#bloc-texte img, #bloc-texte emb{
  padding: 0em 0em 0em 0em;
  margin: 0.5em 0.5em 1.5em 0em; 
  border: 0px; 
  }
 */
  #bloc-texte h3.spip{
  padding: 0em 0em 0em 0em;
  margin: 0.5em 0.5em 0.5em 0em;  
  }
  #blocmilieu-video, blocmilieu-video img {
	text-align:center;
	color:#EF8A16;
	border: 0px;
}
 #blocmilieu-video, #blocmilieu-video img {
	text-align:center;
	color:#43331C;
	border: 0px;
}

.spip_documents_left{
vertical-align:middle; 
clear: left;
border: 1px solid white; 
}
.spip_documents_right {
vertical-align:middle; 
clear: right; 
border: 1px solid white; 
}
.spip_documents_center img{
vertical-align:middle; 
clear: both; 
border: 1px solid white; 
}

.puce{
border: none; 
padding: 10px 10px 0px 0px;
padding-top:30px;
}


#bloc-texte h1{
padding: 10px 0px 10px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 690px;
background-color: transparent; 
font-size: 16px;
text-align: center;
color: #FFFFFF; 
}
#bloc-texte h2{
padding: 15px 0px 15px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 690px;
background-color: transparent; 
font-size: 1.2em;
text-align: center;
color: #FFDD00; 
font-weight: bold;
 clear: both;
}
#bloc-texte h3{
text-align: center;
  left: 0px;
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 0px;
 
}
#bloc-texte h4{
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 17px;
  margin: 0px 0px 0px 0px;  
  font-weight: bold;
}
#bloc-texte h5{
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 13px;
  margin: 0px 0px 0px 0px;  
  font-weight: normal;
}
#bloc-texte hr{
margin-top: 10px ;
clear: both;
}
#bloc-texte a{
color:#EAD9BB;
}
#bloc-texte a:hover{
color:#F29400;
}
#bloc-texte p{
font-family: Arial,Helvetica,sans-serif;
margin-top: 10px ;
font-size: 1.2em;
padding: 10px 10px 10px 10px;
color: inherit; 
vertical-align: middle;
clear:none;
}
#bloc-texte hr{
color: inherit; 
}
#bloc-fil-art {
font-size: 10px;
font-weight: bold;
text-align:center;
color:#F29400;
}
#bloc-fil-art a,#bloc-fil-art li,#bloc-fil-art ul,#bloc-fil-art :visited{
color:#F29400;
}

#blocdroit {
padding: 0px 0em 0px 0em;
  float: right;
  width: 181px;
 /* height: 794px;*/
  text-align: center;
  background-color: transparent;
 /* background-image: url(images/rub-photo-droit.jpg);
  background-position: right top;
  background-repeat: no-repeat;  */
}
#blocdroit-titreportfolio {
padding: 100px 0em 0px 0em;
  width: 181px;
  height: 86px;
  text-align: center;
    font-size: 1em;
	  font-weight: bold;
	  color: white;
  background-color: transparent;
 background-image: url(images/Fleur-page-Article.jpg);
  background-position: left top;
  background-repeat: no-repeat; 
}
#blocdroit-portfolio {
display: inline;
padding: 0px 0em 0px 0em;
  width: 181px;
  text-align: center;
  background-color: transparent;
}
#blocdroit-portfolio img{
 margin-bottom: 20px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: 1px solid white;
background-color: transparent;	}

#piedcds {
	clear:both;
	width: 980px;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 30px;
	background-color: #113F95;
	color : #FFFFFF;
}
#piedcds a {	
	color : #FFFFFF;
	}
#bloclogofooter	{
position: relative;
height: 100px;
top:15px;
margin: 20px 10px 0px 0px;	
padding: 20px 10px 0px 0px;
display:inline;	
text-align: center;
	}
#bloclogofooter li{
display:inline;	
width: 35px;
	}
#blocresaligne {		
position: absolute;
	width: 190px;
	height: 33px;
	left: 790px;
	top: 350px;	
}
#blocbrochure {		
position: absolute;
	width: 190px;
	height: 33px;
	left: 790px;
	top: 390px;	
}
#bloccontrat {		
position: absolute;
	width: 190px;
	height: 33px;
	left: 200px;
	top: 390px;	
}
#bloctarifs {		
position: absolute;
	width: 190px;
	height: 33px;
	left: 200px;
	top: 350px;	
}

#logoaquaticamp {
position : relative;
	width: 80px;
	height: 67px;
	left: 880px;
	top: 0px;
padding: 0px 0px 10px 0px;	
	}
a img{
  border:  none ;
}

#blocslide {
	background-color: transparent;
	position: absolute;
	width: 424px;
	height: 311px;
	left: 20px;
	top: 161px;
	visibility: visible;
}

#blocplan
{
 clear:both;   
}
#blocplan h3,#blocplan a {
color:#F29400; 
}
#blocplan h2 a:hover{
padding: 10px 3px 10px 3px;
font-size: 1.5em;
color:#F29400;
 clear:both;   
}

.plandescriptif   {
padding: 3px 3px 3px 3px;
margin: 3px 3px 3px 3px;
float:left; 
width: 210px;
height:auto;
height:200px;
border: 1px solid #0B2965;
   }

/* 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;
}

/*  La grande classe de Frère Gorm */
/* artisan en formulaires de contact */
/* plus qu'un métier : une passion */

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: 1.8;
	vertical-align: top;
	}
	
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: 3px 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: 100px; } /* 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 */

 input[type=submit], input[type=reset] {

 border:2px outset #015A6C;

 font-weight:bold;

 cursor:pointer;

 }

input[type=submit]:hover, input[type=reset]:hover {

 border:2px outset white;

 background-color:white;

 }

input[type=submit]:active, input[type=reset]:active {

 border:2px inset #015A6C;

 background-color:#015A6C;

 color:black;

 } 



 form .cmxform :focus {

 background-color:white;

 }
 
 
#blocpalmierjaune{
background-image: url(images/calif-demipalmierorange.png);
 background-repeat: no-repeat;	
height: 262px;
	width: 109px;
	position: absolute;
	top: 85px;
  left: -1px;
}
#blocpalmiermauve{
background-image: url(images/calif-demipalmierviolet.png);
 background-repeat: no-repeat;	
height: 262px;
	width: 109px;
	position: absolute;
	top: 86px;
  left: 913px;
}
#blochandicap {
position: absolute;
top : 40px;
left : 775px;
width: 50px;
height: 50px;
}