html {height:100%}
body{margin:0;padding:0;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;text-align:center;background:#fff;height:100%;font-size:0.8em;}
#conteneur{
background:#fff;width:760px;margin-top:5px;margin-left:auto;margin-right:auto;padding:10px;text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px
}
#pied, .push {
	height: 50px;
}
#logo{background:#fff;padding:5px;width:260px;}
.conteneurmenu{float:right;width:400px;padding:15px;margin:3px 5px 20px 0;border:1px solid #930;background:#fff;}
#menuhaut{margin:0;padding:0 0 20px 10px;border-bottom:1px solid #9FB1BC;}
#menuhaut li{margin:0;padding:0;display:inline;list-style-type:none;}
#menuhaut a:link,#menuhaut a:visited{float:left;font-size:10px;line-height:14px;font-weight:bold;padding:0 12px 6px 12px;text-decoration:none;color:#708491;}
#menuhaut a:link.active,#menuhaut a:visited.active,#menuhaut a:hover{padding-bottom:6px;color:#000;background:url(circle.gif) no-repeat bottom center;}
a {text-decoration:none;color:#09046D;}
.cb{clear:both;}
.rouge{color:#f00;}
.msgerr{border:1px solid #f00;background:#ccc;}
#sepa{height:30px;}
a img{border:none;}
a{text-decoration:none;}
hr{visibility:hidden;}
p{margin:0 0 10px 0;}
#slogan{font-size:14px;background:#930;color:#fff;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:x-small;padding-bottom:2px;text-align:center;}
#pied{clear:both;background:transparent;color:#000;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:x-small;text-align:center;}
#centre{background:#fff;float:left;}
#centre h2{margin-left:23px;font-size:1em;margin-right:15px;border-bottom:1px dotted #ccc;color:#333;}
#intervention ul{list-style-type:none;margin:0;margin-left:10px;padding:0;}
#intervention li{font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;font-size:100%;color:black;list-style-type:none;background-image:url(puce.png);background-repeat:no-repeat;background-position:0% 85%;padding-left:15px;}
.bloccentre{background:transparent url(bgc.gif) no-repeat top center;padding-left:23px;padding-top:10px;font-size:x-small;padding-right:15px;text-align:justify;}
.prefoot{height:10px;position:relative;}
#gauche{float:left;background:transparent;margin-left:5px;width:210px;}
/*#gauche{position:absolute;left:0;background:transparent;padding-left:5px;width:210px;}*/
.bloc{background:transparent url(bg.gif) no-repeat top center;font-size:x-small;padding-left:23px;padding-top:10px;}
.source{font-size:xx-small;}
.infobulle{position:absolute;visibility:hidden;border:1px solid Black;padding:10px;font-family:Verdana,Arial;font-size:10px;padding:12px;background:#eee url(info.gif) no-repeat top left;}
.date{font-size:x-small;margin-bottom:0;}
.np{list-style-type:none;margin:0;padding:0}
.ptit{font-size:x-small;}
input,select,textarea{border:1px solid #ccc;}
label.lb{float:left;width:25%;padding-top:0.35em;text-align:left;font-weight:bold;}
/* ICI on s'occupe de positionner les différents blocs métiers */
.globmetiers{width:460px;margin-left:auto;margin-right:auto;text-align:left;}
.globmetiers img{border:1px solid #000;}
.globmetiers ul{margin:5px 0 0 0;padding:0;list-style-type:none;}
.metiers{background:transparent url(bg.gif) no-repeat;font-size:x-small;width:195px;float:left;padding-left:23px;padding-top:10px;}
.metiers1{background:transparent url(bg.gif) no-repeat;font-size:x-small;width:195px;margin-left:235px;padding-left:23px;padding-top:10px;}
/* FIN  */
/* Paramétres LIght Box */
#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;/* Trick IE into showing hover */ display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(../images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{height:1%;/* IE-mac */}
/* Fin Paramétres LightBox */

