/**
 * @properties : display, positioning, dimension, margin, padding, text, border, background.
 * @page : section defining properties of a page.
 * @bloc : section defining properties of a block to a specific page.
 */
/**************************************************************************************************/
/*			- DEFINITION DES ATTRIBUTS PAR DEFAUT -							 			  		  */
/**************************************************************************************************/

/* ------------------------------------------------------ */
/*			- corps du document -  			    	      */
/* ------------------------------------------------------ */
html, body { height: 100%; margin: 0 }
html body { color:#000; cursor: default }

/* ------------------------------------------------------ */
/*			- suppression des marges par défaut -  	      */
/* ------------------------------------------------------ */
div, span, object, iframe, 
h1, h2, h3, h4, h5, h6,
p, a, em, img, fieldset, strong, ol, ul, li, dl, dt, dd,
form, label, table, tr, th, td { margin:0; padding:0; font-weight:normal }
strong { font-weight:bold }
/* ------------------------------------------------------ */
/*			- redéfinition des liens par défaut -  	      */
/* ------------------------------------------------------ */
a img { text-decoration:none; border: 0 }
a { color:#009; }
a:hover { cursor: pointer }
a:hover { text-decoration: none }
a:hover span { text-decoration: none }
a:focus { outline: none }
a:visited { color:#009; }

/* ------------------------------------------------------ */
/*			- redéfinition des listes/tableaux -  	      */
/* ------------------------------------------------------ */
ol, ul { padding: 0 }
ul { list-style: none }
ol { list-style-position: inside }
table { font-size: inherit; border-collapse:collapse; border-spacing:0 }

/**************************************************************************************************/
/*			- FIN RESET -							 			  		  */
/**************************************************************************************************/

body {	font-size: 13px; font-family: arial,verdana,sans serif; background: #fff }

/* ------------------------------------------------------ */
/*			- container -  	      */
/* ------------------------------------------------------ */
#container { position:relative; min-height:100%; width:990px; margin:0 auto } 

/* ------------------------------------------------------ */
/*			- header -  	      */
/* ------------------------------------------------------ */
#header { float:left; position:relative; display:inline; width:990px; height:320px; background: url(../images/charte/headerBg.jpg) left top no-repeat } 
#headerFlash { position:absolute; display:inline; width:960px; height:245px; /*obligatoire si il y a un flash (firefox)*/ display:block; outline:0; top:0; left:15px;} 


/* ------------------------------------------------------ */
/*			- styles globaux -  	      */
/* ------------------------------------------------------ */
a img{ border:none; } 
a:active, 
a:focus{ outline:none; }
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer { clear:both }
#clearFooter { height:120px;/*--- = à la hauteur du footer ---*/ }

/* ------------------------------------------------------ */
/*			- contenu -  	      */
/* ------------------------------------------------------ */
#contenu { float:left; position:relative; display:inline; width:690px; }
#contenu p{ text-align:justify; margin: 0 0 15px 0; } 
#contenu p em{ font-weight:bold; font-size:12px; line-height:1.3em; } 
#contenu .text{ float: left; width: 370px; padding: 0 20px 0 0 } 
#contenu .text a { color: #21437a }
#contenu .text a:hover { text-decoration: none }
#contenu .colRight{ float: left; width: 184px; margin: 32px 0 0 0; padding: 0 0 0 20px; border-left: 2px dotted #657da2 } 

h1.expertise { position: relative; margin: -20px 0 25px 0; height: 25px; width: 96px; background: url(../images/charte/titres/expertise.png) -11px 0 no-repeat }
h1.actualite { position: relative; margin: -20px 0 25px 0; height: 25px; width: 96px; background: url(../images/charte/titres/actu.png) 0 0 no-repeat }
h1.hydro { position: relative; margin: -20px 0 25px 0; height: 25px; width: 120px; background: url(../images/charte/titres/hydromto.png) 0 0 no-repeat }
h1.wmstudio { position: relative; margin: -20px 0 25px 0; height: 25px; width: 96px; background: url(../images/charte/titres/hydromto.png) 0 0 no-repeat }
h1.qui { position: relative; margin: -20px 0 25px 0; height: 33px; width: 176px; background: url(../images/charte/titres/Qui.png) 0 0 no-repeat }
h1.campagnes { position: relative; margin: -18px 0 25px -10px; height: 32px; width: 211px; background: url(../images/charte/titres/mesure.png) 0 0 no-repeat }
h1.meteo { position: relative; margin: -20px 0 25px -12px; height: 29px; width: 226px; background: url(../images/charte/titres/MTO.png) 0 0 no-repeat }
h1.parc { position: relative; margin: -20px 0 25px 0; height: 30px; width: 153px; background: url(../images/charte/titres/parc.png) 0 0 no-repeat }
h1.savoir { position: relative; margin: -20px 0 25px 0; height: 25px; width: 96px; background: url(../images/charte/titres/Savoir.png) 0 0 no-repeat }
h1.releves { position: relative; margin: -20px 0 25px 0; height: 23px; width: 154px; background: url(../images/charte/titres/releve.png) 0 0 no-repeat }
h1.plateforme { position: relative; margin: -20px 0 25px 0; height: 21px; width: 195px; background: url(../images/charte/titres/plateforme.png) 0 0 no-repeat }
h1 span { display: none }

h1
{
	font-weight:lighter;
	font-size:18px;
	color:#333;
}

h2
{
	font-size:14px;
	font-weight:bold;
	color:#039;
}

.homeThumbs { width: 582px; height: 194px; margin: 50px 0 0 0; background: url(../images/charte/homeThumbs.png) 0 0 no-repeat }
.homeThumbs .diagnostic,
.homeThumbs .instrumentation,
.homeThumbs .traitement,
.homeThumbs .expertise { display: block; float: left; margin: 0 5px 0 0; width: 138px; height: 194px }
.homeThumbs a span{ display: none }

/* ------------------------------------------------------ */
/*			- menu top -  	      */
/* ------------------------------------------------------ */
#colLeft { display:inline; width: 230px; float: left; margin: 51px 70px 0 0;} 
#menuLeft li a { display:block; background: url(../images/charte/menuLeftBg.gif) right top no-repeat; }
#menuLeft li a:hover { background: url(../images/charte/menuLeftBg_hover.jpg) right top no-repeat; }
#menuLeft li#bt10 a{ height: 30px; background:url(../images/charte/accueil.jpg) no-repeat; background-position:10px top; }
*html #menuLeft li#bt10 { margin-bottom:-5px; }
#menuLeft li#bt10 a:hover { background:url(../images/charte/accueil_hover.jpg); background-position:10px top;}
#menuLeft li#bt1 a{ height: 23px; background-position: right 0 }
#menuLeft li#bt2 a { height: 27px; background-position: right -23px }
#menuLeft li#bt3 a { height: 22px; background-position: right -50px }
#menuLeft li#bt4 a { height: 20px; background-position: right -72px }
#menuLeft li#bt5 a { height: 22px; background-position: right -92px }
#menuLeft li#bt6 a { height: 26px; background-position: right -114px }
#menuLeft li#bt7 a { height: 30px; background-position: right -140px }
#menuLeft li#bt8 a { height: 20px; background-position: right -170px }
#menuLeft li#bt9 a { height: 30px; background-position: right -190px }
#menuLeft li#bt11 a { height: 30px; background-position: right -220px }
#menuLeft span { display: none }

#b10
{
	position:absolute;
	top:375px;
	left:213px;
	height:17px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b10
{
	top:372px;
}

*html #b10
{
	top:370px;
}

#b1
{
	position:absolute;
	top:400px;
	left:213px;
	height:15px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b1
{
	top:397px;
}

*html #b1
{
	top:396px;
}

#b2
{
	position:absolute;
	top:434px;
	left:213px;
	height:15px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b2
{
	top:431px;
}

*html #b2
{
	top:429px;
}

#b3
{
	position:absolute;
	top:456px;
	left:213px;
	height:15px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b3
{
	top:453px;
}

*html #b3
{
	top:451px;
}

#b4
{
	position:absolute;
	top:476px;
	left:213px;
	height:15px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b4
{
	top:473px;
}

*html #b4
{
	top:471px;
}

#b5
{
	position:absolute;
	top:496px;
	left:213px;
	height:16px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b5
{
	top:493px;
}

*html #b5
{
	top:491px;
}

#b6
{
	position:absolute;
	top:533px;
	left:213px;
	height:15px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b6
{
	top:530px;
}

*html #b6
{
	top:528px;
}

#b7
{
	position:absolute;
	top:555px;
	left:213px;
	height:15px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b7
{
	top:552px;
}

*html #b7
{
	top:550px;
}

#b8
{
	position:absolute;
	top:576px;
	left:213px;
	height:15px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b8
{
	top:573px;
}

*html #b8
{
	top:571px;
}

#b9
{
	position:absolute;
	top:619px;
	left:213px;
	height:15px;
	width:16px;
	background-color:#657da2;
	display:none;
}

*+html #b9
{
	top:616px;
}

*html #b9
{
	top:614px;
}

.coordonnees { display:inline; width: 213px; float: left; text-align: right; border-right: 2px solid #6d6e71; color: #6d6e71; font-size: 11px; padding: 0 15px 0 0; margin: 30px 0; }
.coordonnees a { margin: 20px 0 0 0; display: block; color: #6d6e71; text-decoration: underline }
.coordonnees a:hover {  text-decoration: none }

#contenu .numerotation-page { }

#contenu .numerotation-page a 
{
	font-weight:bold;
	color:#000;
}

#lienAccueil
{
	position:relative;
	width:960px;
	height:280px;
	background:none;
	z-index:1000;
	/*border:1px solid red;*/
}

#ban img{
	width:960px;
	height:280px;
	border:none;
	background-image:url(images/charte/blank.gif);
}