/* GABARIT */  
html, body{ margin:0; padding:0; text-align:center; background-image: url(../images/fond.jpg); font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #515B62; background-color: #CEEBF6; background-repeat: no-repeat; background-attachment:fixed;} 
#pagewidth{  margin-top: 10px; width:900px; text-align:left; margin-left:auto; margin-right:auto; border:solid 1px black; background-color:#FFFFFF;} 
#header{ position:relative; height:170px; background-color:#FFFFFF; width:100%; background-image: url(../images/pointilles_haut.gif); background-repeat: no-repeat; background-position: bottom; } 

.headerliens{  margin-bottom: 8px; }
.headerliens ul { padding:0px; float:right;	margin-top: 5px; margin-right: 25px; margin-bottom: 0px; margin-left: 0px;} 
.headerliens ul li { display:inline; list-style-type: none; width:auto; margin:0; padding:0; } 
.headerliens ul li a { width:110px; height:20px; font-weight: bold; text-decoration: none;  padding-top: 4px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; color: #fff; border:solid 1px #abb9cc; background-color: #8f9ca5;} 


.headerg a span,.headerd span {display:none;} 
.headerg a {  width:197px; height:160px; float:left;  background-image: url(../images/logo_mesureo.jpg); background-repeat: no-repeat; background-position: 50px bottom;} 
.headerd { width:620px; height:120px; float:right; background-image: url(../images/header_eau.jpg); background-repeat: no-repeat; background-position: right bottom; margin-right: 20px;}
	
#leftcol{ width:280px; float:left; position:relative; background-color:#FFFFFF; }
#maincol{ width:600px; /*height:900px;*/ background-color: #FFFFFF; float: right; display:inline;  position: relative; background-image: url(../images/pointilles_gauche.gif); background-repeat: repeat-y; background-position: left; padding-left:15px; }

.contenu{width:580px; margin-top:10px; height:auto; float: left;}
#footer{ height:22px; background-color:#FFFFFF; clear:both; border-top:solid 1px black; } 
.clearfix:after { content: ".";  display: block;  height: 0; clear: both;  visibility: hidden; } 
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

.footerg { color:#979797; width:auto; float:left; padding-left:8px; padding-top:4px;} 
.footerd { color:#979797; width:auto; float:right; text-align: right; padding-right:8px; padding-top:4px;} 
/***************************************************** Liste principale *********************************************************/ 



#accueil{ display:block; margin-left:40px; margin-top:15px; width:240px; height:20px; clear:both; margin-bottom:15px;} 
#accueil a { display:block; width:220px; height:20px; font-weight: bold; color: #8f9ca5; text-decoration: none; border:solid 1px #8f9ca5; padding-top: 4px; padding-right: 2px; padding-bottom: 2px; padding-left: 8px;} 
#accueil a:hover { display:block; width:220px; height:20px; font-weight: bold; color: #39759d; text-decoration: none; border:solid 1px #abb9cc;  background-color: #eef2f4;} 

#navblue{ width:auto; height:auto; display:block; float:left; clear:both; margin-bottom:15px;} 
#navblue ul { list-style-type: none; } 
#navblue ul strong a { display:block; float:left; width:220px; height:auto; color:#000; border:solid 1px #abb9cc;
	background-color: #d4dbe5; text-decoration: none; margin-bottom:2px; padding: 5px; } 
#navblue ul strong a:hover { border:solid 1px #0b5182; background-color: #649ec6; color:#fff;} 
#navblue ul li { display:block; float:left; width:220px; height:auto; padding:1px; background-image: url(../images/flch_2.gif); background-repeat: no-repeat; list-style-type: none; text-indent: 18px; margin-left: 5px; margin-bottom: 2px; background-position: 4px 4px;} 
#navblue ul li a { display:block; font-weight: bold; color: #39759d; text-decoration: none;	border:solid 1px #fff;} 
#navblue ul li a:hover { display:block;	font-weight: bold; color: #39759d; text-decoration: none; border:solid 1px #abb9cc;} 

#nav{width:240px; clear:both; margin-bottom:8px;} 
#nav ul { list-style-type: none;} 
#nav ul li strong a, #nav ul li.bleu strong a, #nav ul li.violet strong a,
#nav ul li.orange strong a, #nav ul li.vert strong a { display:block; float:left; width:220px; height:auto; color:#000; border:solid 1px #abb9cc;
	background-color: #d4dbe5; text-decoration: none; margin-bottom:8px; padding: 5px; } 
#nav ul li.bleu strong a:hover { border:solid 1px #0b5182; background-color: #649ec6; color:#fff;} 
#nav ul li.violet strong a:hover { border:solid 1px #87217e; background-color: #db66d1; color:#fff;} 
#nav ul li.orange strong a:hover { border:solid 1px #d24722; background-color: #fe9901; color:#fff;} 
#nav ul li.vert strong a:hover { border:solid 1px #29842b; background-color: #4eca50; color:#fff;}