html, body {
 min-height: 100%;
height: auto !important;
 height: 100%;
 }
 *{ padding: 0px 0px 0px 0px;
 }
 
 /******************** GENERIQUE ******/
 h1 {
	padding: 10px 0px 10px 0px;
	font-size: 1.2em;
	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: #43331C;  
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
}

#div-warpper {
	position: absolute;	
	background-image: url(images/body_fond.jpg);
	width: 100%;	
	height : 602px;
	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;
height:542px;
  font-weight: normal;
  min-height: 100%;
  background-color: #43331C;
}
#bloc-header {
	padding: 0px 20px 0px 20px;
	position: absolute;
	width: 489px;
	height:29px;
	left: 260px;
	top: 94px;
	visibility: visible;
 }
#labanniere-art {
	background-color: transparent;
	height: 160px;
	width: 980px;
	padding-top: 0px;
	margin-top: 0px;
	position: relative;
}

 #bloc-header h1 {
	color: #FFFFFF;
	font-size: 34px;
	line-height : 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
 }
#sousbanniere-art {
	background-color: #F5A800;
	height: 141px;
	width: 980px;
	position: absolute;
	top: 20px;
	background-image: url(images/banni_fond_art.jpg);
}

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

 #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;
 } 

#bloclangue {
	position: absolute;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	background-color: transparent;
	text-align: left;
	width: 244px;
	height: 25px;
	left: 476px;
	top: 0px;
	font-size: 10px;
	display : inline;
	visibility: visible;
}
#blocgauche {
	float: left;
	width: 195px;
	background-color: #EC7406;
}

#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;
}

#bloclangue {
	position: absolute;
	background-color: transparent;
	width: 245px;
	height: 25px;
	left: 734px;
	top: 20px;
}
#bloc-fil-art {
	text-align:center;
	color:#EF8A16;
}
#blocmilieu-video, blocmilieu-video img {
	text-align:center;
	color:#EF8A16;
	border: none;
}

#logotalaris {
	position: absolute;
	background-color: transparent;
	width: 102px;
	height: 139px;
	left: -237px;
	top: -73px;
	color : white;
	display : inline;
	visibility: visible;
}
#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 /* BLOC LANGUE Talaris */


  
 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 10px;
  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: #F08A01;
	background-image: url(images/fond_bloc_centre-texte.jpg);
}
#bloctexte a {	
 color: #EF8A16;
}
#bloc-centre-texte {
	width: 785px;
	float: left;
}
#bloc-haut-centre-texte {
	height: 174px;
	width: 785px;
	background-image: url(images/bloc-haut-centre-texte.jpg);
}

#bloc-texte {
padding: 0em;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 20px;
width: 785px;
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;
  clear: both;
  border: 1px solid white;
  clear:both;
  }
  #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: both;
}
.spip_documents_right{
vertical-align:middle; 
clear: both;
}

#bloc-texte h1{
padding: 10px 0px 10px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 690px;
background-color: transparent; 
font-size: 1.2em;
text-align: center;
color: #FFFFFF; 
}
#bloc-texte h2{
padding: 7px 0px 7px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 690px;
background-color: transparent; 
font-size: 1em;
text-align: center;
color: #FFFFFF; 
font-weight: bold;
 clear: both;
}
#bloc-texte h3{
text-align: center;
/*background-image: url(../style/images/puce_capsoleil.gif);
  background-repeat: no-repeat;*/
  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;
  background-image: url(../style/images/puce_h4capsoleil.jpg);
  background-repeat: no-repeat; 
  font-weight: bold;
}
#bloc-texte h5{
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 13px;
  margin: 0px 0px 0px 0px;
  background-image: url(../style/images/puce_h4capsoleil.jpg);
  background-repeat: no-repeat; 
  font-weight: normal;
}
#bloc-texte hr{
padding-bottom: 1px;
clear: both;
}
#bloc-texte a{
color:#F24C01;
}
#bloc-texte a:hover{
color:#F15000;
}
#bloc-texte p{
margin-top: 10px ;
padding: 10px 10px 10px 10px;
color: inherit; 
vertical-align: middle;
clear:none;
}
#bloc-texte hr{
color: inherit; 
}


#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;
  /*background-image: url(images/rub-photo-droit.jpg);
  background-position: right top;
  background-repeat: no-repeat;  */
}
#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;	}



/* BLOC LANGUE MEDITERRANEE */


#bloclangue-home-med {
position: absolute; 
  font-weight: normal;
 background-color: transparent;
 text-align: left;
  width: 300px;
  height: 20px;
  left: 660px;
  top: 500px;
  /*top : 1650px;*/
  font-size: 12px;
  display : inline;
  }
  
#bloclangue-home-med ul {
padding: 0px;
 list-style-type: none;
 display : inline;
}
#bloclangue-home-med 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-home-med a {
margin: 0px 10px;
  padding: 0px;
 color: white; 
  font-weight: bold; 
text-align: center;
display : inline;
}
#bloclangue-home-med li a:hover {
display:block;
 text-align:center;
 text-decoration:none;
 background-color: transparent;
 /*background:#ec454e; */
 color:#FEDC00; 
 display : inline;
}
#piedcds {
	clear:both;
	width: 980px;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 30px;
	background-color: #EC7406;
	color : #FFFFFF;
}
#piedcds a {	
	color : #FFFFFF;
	}
#blocmeteo {		
position: absolute;
	width: 80px;
	height: 50px;
	left: 880px;
	top: 350px;	
}

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

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


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

 }