/* ---------------------------------------- */
/* général				*/
/* ---------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size:12px;
	background-color: #181816;
}


html, body {
height: 100%;
 margin:0px 0px 0px 0px; 
 padding:0;
 min-height: 100%; margin-bottom: 1px;
}

div.cleaner {
	clear: both; 
	line-height: 0px; 
	height: 0px; 
	font-size: 0px;
}

p { padding: 0 0 12px 0; margin: 0 }

p.center{
text-align:center;
}

ul, li, h1, h2, h3, h4{
margin:0;
padding:0;
}

.flux{ 
clear: both; 
}

.cleft{
clear:left;
}

.cright{
clear:right;
}

hr.clear{
display:block;
clear:both;
visibility:hidden;
height:0;
border-width:0;
margin:0;
padding:0;
}

a{
color: #B8C826;
text-decoration:none;
}

a:hover {
text-decoration:none;
color:#ffffff;
}

a.texte{
color: #BFBFB0;
text-decoration:none;
}

a.texte:hover {
text-decoration:none;
color:#B8C826;
}

a.error{
color: #CC0033;
text-decoration:underline;
}

a.error:hover {
text-decoration:underline;
color:#CC0033;
}

.right{
float:right;
text-align:right;
padding-right:20px;
}


.error {
color:#CC0033;
font-weight:bold;
} 

.fielderror{
background-color: #B8C826;
font-weight:bold;
}

.errorvert{
color:#B8C826;
font-weight:bold;
background-color: #131312;
padding:8px 6px 8px 6px;
}



/* ---------------------------------------- */
/* 				*/
/* ---------------------------------------- */

#conteneur{
margin-left: auto;
margin-right: auto;
width: 738px;
color:#BFBFB0;
background-color:#222220;
}

#header{
padding-left:10px;
padding-bottom:8px;
font-size:12px;
background-color:#2A2A28;
border-bottom:#3E3E3E 8px solid;
}

#header img{
margin-bottom:-9px;
}

.logo{
margin-right:193px;
margin-left:230px;
}

#navigation{
background-color:#222220;
height:170px;
}

#col1{
float:left;
width:340px;
padding:10px 10px 0 12px;
font-size:11px;
line-height:15px;
}

#col2{
border-left:#333333 1px solid;
float:left;
width:300px;
padding:10px 20px 0 12px;
font-size:11px;
line-height:15px;
}

#col2p{
border-left:#333333 1px solid;
float:left;
width:170px;
padding:10px 10px 0 16px;
font-size:11px;
line-height:15px;
}

#col2v{
border-right:#333333 1px solid;
float:left;
padding:6px 10px 0px 10px;
font-size:11px;
line-height:15px;
}

#noir{
width:154px;
background-color:#131312;
padding-left:3px;
padding-top:3px;
height:147px;
}


.titreblanc{
color:#FFFFFF;
font-size:13px;
font-weight:bold;
}

.titrevert{
color:#B8C826;
font-size:13px;
font-weight:bold;
}

.vertb{
color:#B8C826;
font-weight:bold;
}

.vert{
color:#B8C826;
}

.bt{
vertical-align: bottom;
 }

#centre{
height:318px;
}

#centre_formulaire{
color:#000000;
background-color:#FFFFFF;
margin:0;
margin-left:60px;
padding-top:15px;
padding-left:15px;
font-size:11px;
line-height:15px;
width:620px;
font-size:11px;
}

#centre_texte{
background-image:url(../images/bg_lac.jpg);
margin:0;
padding-top:0px;
padding-left:15px;
font-size:11px;
line-height:15px;
height:318px;
}

* html #centre_texte {   /* pour explorer  */
height:313px;
}


#x{
position: relative;
top:5px;
left:706px;
width:20px;
}


#x_elevation{
position: relative;
top:-26px;
left:705px;
width:20px;
}

#plans{
position: relative;
top:-35px;
left:467px;
width:300px;
}

* html #plans {   /* pour explorer  */
left:458px;
}

.elevation{
margin-top:-26px;
padding:0;
}

#centre_form{
background-color:#FFFFFF;
margin:0;
padding-top:15px;
padding-left:15px;
font-size:11px;
line-height:15px;
height: 473px; /* 303 + 170*/
}

#image{
float:right; 
margin:0 20px 0 30px;
}

#col13{
float:left;
width:255px;
padding:10px 10px 0 16px;
font-size:11px;
line-height:15px;
}

#col23{
border-left:#333333 1px solid;
float:left;
width:200px;
padding:10px 18px 0 10px;
font-size:11px;
line-height:15px;
height:130px;
}

#col33{
border-left:#333333 1px solid;
float:left;
width:200px;
padding:10px 6px 0 8px;
font-size:11px;
line-height:15px;
}

#col131{
float:left;
width:245px;
padding:10px 10px 0 10px;
font-size:11px;
line-height:15px;
}

#col231{
border-left:#333333 1px solid;
float:left;
width:200px;
padding:10px 10px 0 10px;
font-size:11px;
line-height:15px;
}

#col331{
border-left:#333333 1px solid;
float:left;
width:235px;
padding:10px 0px 0 10px;
font-size:11px;
line-height:15px;
}

#col22{
border-left:#333333 1px solid;
float:left;
width:440px;
padding:10px 10px 0 10px;
font-size:11px;
line-height:15px;
}

#col300{
border-left:#333333 1px solid;
float:left;
width:320px;
padding:10px 10px 0 10px;
font-size:11px;
line-height:15px;
}

#col301{
float:left;
width:320px;
padding:10px 10px 0 10px;
font-size:11px;
line-height:15px;
}


#col150{
border-left:#333333 1px solid;
float:left;
width:150px;
padding:10px 20px 0 20px;
font-size:11px;
line-height:15px;
}

.caracteristiques{
margin-top:-10px; 
margin-left:13px; 
padding:0;
}

.legal{
font-size:9px;
line-height:9px;
}

#footer{
clear:both;
background-color:#2A2A28;
color:#FFFFFF;
padding-top:15px;
height:26px;
padding-left:55px;
}

#footer ul {
height:15px;
font-size:10px;
list-style:none;
text-transform:uppercase;
margin: 0;
padding:0;
background-image:url(../images/border-footer.gif);
background-repeat:no-repeat;
background-position:left top;
	}
	
#footer li {
float: left;
display:block;
background-image:url(../images/border-footer.gif);
background-repeat:no-repeat;
background-position:right top;
padding:0 10px 0 10px;
	}

#footer a{
color:#B7B7A8;
text-decoration:none;
}

#footer a:hover {
color:#B8C826;
text-decoration:none;
}

#footer a.on{
display:block;
color:#B7B7A8;
text-decoration:none;
border-bottom:#B8C826 7px solid;
padding-bottom:6px;
}