body
{
	background:#FFFFFF;
	color:#000000;
	font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size:0.75em;
	margin:0px;
	padding:0px;
}

/*** Divisions ***/
div{margin:0px; padding:0px; border:0px;}

/*** Images ***/
img{border:0px;}

/*** Paragraphes ***/
p{text-align:justify; font-size:1em;}

/*** Titres ***/
h1{color:#000000; font-size:1.30em;}
h2{color:#000000; font-size:1.24em;}
h3{color:#000000; font-size:1.18em;}
h4{color:#000000; font-size:1.12em;}
h5{color:#000000; font-size:1.06em;}
h6{color:#000000; font-size:1em;}

/*** Liens ***/
a:link{color:#0079C6; font-weight:bold; font-size:1em; text-decoration:underline;}
a:visited{color:#800080; font-weight:bold; font-size:1em; text-decoration:underline;}
a:hover{color:#800080; font-weight:bold; font-size:1em; text-decoration:underline;}
a:active{color:#800080; font-weight:bold; font-size:1em; text-decoration:underline;}

/*** Mise en page ***/
#entete{width:100%; min-width:775px; height:100px;}
#enteteMenu{background:#00309E; clear:right; min-height:15px; height:auto !important; height:15px;}
#page{clear:both; min-width:763px; margin:6px !important; margin:8px 6px;}
#pageGauche{float:left; width:185px;}
#pageDroite{float:right; width:185px;}
#pageCentre{margin:0px 185px;}
#piedCentre{margin:0px auto 10px auto; text-align:center; width:98%;}
#pied{clear:both; text-align:center; font-size:0.9em;}
#contenu{width:98%; margin:0px auto;}
#update{width:98%; font-size:0.9em; margin:10px auto; color:#222222; text-align:center;}

.lienHautPage{text-align:right; margin-right:10px;}

.alignGauche{float:left;}
.alignDroite{float:right;}
.aucunAlign{clear:both;}
.affiche{display:block;}
.cache{display:none;}

/*** CSS nécessaire au menu du PIV ***/
#enteteMenu ul{float:left; list-style:none; margin:0px; padding:0px 0px 0px 13px; background:#00309E;}
#enteteMenu li{float:left; margin:2px 13px 0px 0px; padding:0px; font-size:10px;}
#enteteMenu a, #enteteMenu a:visited, #enteteMenu a:hover{color:#FFFFFF; font-weight:normal; text-decoration:none; font-size:10px;}
#enteteMenu div#lang{float:right; font-size:10px; margin-right:4px; background:#00309E;}
#enteteMenu div#lang a.tailleG{font-size:11px;}
#enteteMenu div#lang a.tailleX{font-size:12px; margin-right:4px;}

/*** CSS nécessaire aux menus déroulant Son of Suckerfish de gauche et de droite ***/
*:first-child+html ul.sousMenu{height:1%;}
*:first-child+html ul.sousMenu li{height:1%;} 

ul.sousMenu{list-style:none; margin:3px 0px 10px 0px; padding:0px; float:left; width:185px;}
ul.sousMenu li ul{list-style:none; padding:0px; margin:-1.69em 0px 0px 185px; left:-999em; position:absolute; float:left; width:250px;}
ul.sousMenu li ul ul{margin:-1.96em 0em 0em 250px;}
ul.sousMenu li{background:#F2F2F2; margin:0px 0px 3px 0px; padding:0px; position:relative; float:left; width:185px; z-index:+100;}
ul.sousMenu li li{margin:0px; width:250px;}
ul.sousMenu li a, ul.sousMenu li a:visited, ul.sousMenu li a:hover{background:none; display:block; color:#222222; text-decoration:none; font-weight:normal; width:175px; padding:3px 5px;}
ul.sousMenu li li a, ul.sousMenu li li a:visited, ul.sousMenu li li a:hover{width:240px; padding:5px;}
div.titre{min-height:28px; height:auto !important; height:28px;}
div.titre h3{margin:0px; padding:7px 0px 0px 25px; font-size:1.07em; min-height:21px; height:auto !important; height:21px;}
div.imgMenu{margin:0px auto 10px auto; text-align:center; width:185px; float:left;}

ul.sousMenu li:hover ul ul{left:-999em;}
ul.sousMenu li:hover ul ul ul{left:-999em;}
ul.sousMenu li.sfhover ul ul{left:-999em;}
ul.sousMenu li.sfhover ul ul ul{left:-999em;}
ul.sousMenu li:hover ul{left:auto;}
ul.sousMenu li li:hover ul{left:auto;}
ul.sousMenu li li li:hover ul{left:auto;}
ul.sousMenu li.sfhover ul{left:auto;}
ul.sousMenu li li.sfhover ul{left:auto;}
ul.sousMenu li li li.sfhover ul{left:auto;}

#pageGauche div.titre, #pageDroite div.titre{float:left; width:185px;}
#pageGauche div.titre{background:url("../images/hmi_coin_fond_b2.jpg") repeat-x bottom left;}
#pageGauche div.titre h3{background:url("../images/hmi_coin_gaucheb2.jpg") no-repeat bottom left;}
#pageDroite div.titre{background:url("../images/hmi_coin_fondr2.jpg") repeat-x bottom left;}
#pageDroite div.titre h3{background:url("../images/hmi_coin_gaucher2.jpg") no-repeat bottom left;}
#pageGauche ul.sousMenu li.sfhover{background:#69ABB4;}
#pageGauche ul.sousMenu li:hover{background:#69ABB4;}
#pageDroite ul.sousMenu li.sfhover{background:#A84716;}
#pageDroite ul.sousMenu li:hover{background:#A84716;}
#pageDroite ul.sousMenu li:hover a {color:#FFFFFF;}

#pageGauche ul.sousMenu li{z-index:+200;}

/*** CSS nécessaire aux sections Quoi de neuf ?, Publications récentes et Saviez-vous que ? ***/
div.titre h1{margin:0px; padding:2px 0px 0px 30px; font-size:1.5em; color:#606018; min-height:26px; height:auto !important; height:26px;}
.nouvellesRecentes{border-width:0px 1px 1px 1px; border-style:solid; border-color:#979926; margin-bottom:15px; padding:15px 15px 0px 15px;}
.nouvellesRecentes ul{list-style:none; margin:0px; padding:0px;}
.nouvellesRecentes li{background:url("../images/hmi_coin_gauchebv2_small.jpg") no-repeat top left; margin:0px; padding:0px 0px 15px 15px; text-align:justify;}
.nouvellesRecentes p{margin:0px; padding:0px 0px 15px 0px;}
.nouvellesDate{font-weight:bold; position:relative; left:-7px; margin-bottom:15px; z-index:-1;}

#pageCentre div.titre{background:url("../images/hmi_coin_fondv2.jpg") repeat-x bottom left;}
#pageCentre div.titre h1{background:url("../images/hmi_coin_gauchebv2.jpg") no-repeat bottom left;}

.lienArchives{ float:right; margin:-20px 0px 0px 0px;}
.quoiNeuf{ float:left; }
.lienRSS{float:left;  display:block; background:url("../images/rss_images.gif") no-repeat bottom right; padding-right:15px; margin:5px 0px 0px 10px;}
.imgDixAns{float:right; margin:0px 0px 15px 15px; vertical-align:baseline;}