@charset "utf-8";

/* ________________________________________________ => BODY */

body { text-align: center; color: #666666; background: #FFFFFF url(../images/fond_page.jpg) no-repeat center top; font: normal 11px/18px Arial, Helvetica, sans-serif; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}
fieldset, img { border: 0; }
a { text-decoration: none; color: #42b3b4; }
a:hover { text-decoration: underline; color: #395c8c; }
a:focus { outline: none; }
.floatleft { float: left; margin: 0px; padding: 0px; }
.floatright { float:right;}
.clearfloat {clear:both;}
.images { margin-left: 7px; }
#logoprint {width:0; height:0; visibility:hidden; overflow:hidden}
#container { margin: 0px auto; width: 983px; }
#wrapper { padding-top: 51px; }
.bleu { color: #3362a2; }
.vert{ color: #42b3b4; }

/* ________________________________________________ => HEADER */

#header { height: 364px; }
#top1 { height: 133px; }
#top2 { float: left; height: 119px; width: 352px; }
#top3 { float: left; height: 98px; width: 631px; }
#top4 { height: 96px; margin-top: 10px; background: url(../images/menu.jpg) no-repeat; }
#top5 { background: url(../images/fond_bandeau.jpg) no-repeat; height: 125px; }
#top6 {}
#top7 { float: left; height: 20px; width: 210px; padding-top: 105px; text-align: left; padding-left: 15px; }
#top8 { float: left; height: 125px; width: 731px; }
.menu2 { font-size: 11px; text-transform: uppercase; color: #373b40; float: left; text-align: left; padding-left: 15px; padding-top: 4px; letter-spacing: 1px; height: 92px; }
.menu2:hover { background: url(../images/menu.gif) no-repeat center bottom; text-decoration: none; }
.visited { background: url(../images/menu.gif) no-repeat center bottom; text-decoration: none; }

/* ________________________________________________ => CONTENT */

.link1 { background: url(../images/puce5.gif) no-repeat; float: right; height: 35px; padding-left: 65px; text-align: left; line-height: 14px; padding-top: 4px; color: #3F444A; letter-spacing: 1px; }
.link1:hover { text-decoration: underline; color: #42b3b4; }
.link2{ background: url(../images/deco_bouton1.jpg) no-repeat; float: right; height: 19px; width: 134px; }
.link2:hover { background: url(../images/deco_bouton1o.jpg) no-repeat; }
.p_content1 { padding-left: 232px; padding-bottom: 18px; }
#content { background: url(../images/ligne_fond.gif) repeat-y; }
#content_center { margin-right: 230px; margin-left: 223px; padding: 0px; text-align: left; }
#content_center1 { margin-right: 0px; margin-left: 253px; border-top: 1px solid #d8d8d8; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8; }
#content1 { height: 83px; }
#content2 { float: left; height: 83px; width: 223px; }
#content3 { float: left; height: 83px; width: 532px; text-align: right; padding-right: 45px; }
#content4 { float: left; height: 83px; width: 183px; }
#content5 { margin: 0px; padding: 0px; text-align: left; }
.iframe_actu { height: 500px; width: 730px; border-width: 0px; border-style: none; }


/* ________________________________________________ => LEFT*/

#left{ float: left; width: 160px; margin-left: 37px; text-align: right; padding: 0px; margin-top: 0px; }
.link_left1 { color: #3a999b; text-decoration: none; }
.link_left1:hover { color: #487ABE; text-decoration: underline; }
.p_left1 { padding-bottom: 18px; }

/* ________________________________________________ => RIGHT*/

#right { float: right; width: 183px; text-align: left; }
.p_right1 { padding-bottom: 18px; }
.t_right1 { display: block; margin-bottom: 5px; border-bottom: 1px solid #d8d8d8; padding-bottom: 4px; font-weight: bold; }

/* ________________________________________________ => FOOTER*/

#footer { background: url(../images/ligne_fond.gif) repeat-y; text-align: left; padding-top: 20px; padding-bottom: 0px; padding-left: 250px; margin-bottom: 0px; letter-spacing: 1px; }
#footer1 { background: url(../images/ligne_fond.gif) repeat-y; text-align: left; padding-top: 0px; padding-bottom: 0px; padding-left: 250px; margin-bottom: 30px; letter-spacing: 1px; }


/* ________________________________________________ => ACCUEIL */

.acc_body { text-align: center; color: #666666; background: #FFFFFF url(../images/fond.jpg) no-repeat center top; font: normal 11px Arial, Helvetica, sans-serif; }
#acc_container { padding: 0px; text-align: center; width: 984px; margin: 0px auto; }
#acc_1 { height: 171px; padding-top: 26px; padding-left: 329px; text-align: left; }
#acc_2 { height: 68px; }
#acc_3 { float: left; height: 68px; width: 669px; }
#acc_4 { float: left; height: 41px; width: 315px; }
#acc_5 { height: 72px; padding-top: 85px; background: url(../images/menu_acc.jpg) no-repeat 0px 0px; text-align: left; padding-left: 442px; }
#acc_6 { padding-top: 98px; height: 41px; }
#acc_7 { font-size: 10px; letter-spacing: 1px; padding-top: 17px; padding-bottom: 20px; }
.acc_link1 { background: url(../images/acc_bouton1.jpg) no-repeat; float: right; height: 27px; width: 141px;}
.acc_link1:hover { background: url(../images/acc_bouton1o.jpg) no-repeat; }
.acc_link2 { background: url(../images/puce4.gif) no-repeat; float: left; height: 35px; margin-left: 422px; padding-left: 65px; text-align: left; line-height: 14px; padding-top: 6px; color: #3F444A; letter-spacing: 1px; }
.acc_link2:hover { text-decoration: none; color: #42b3b4; }
.acc_link3 { color: #2E7D81; text-decoration: none; background: url(../images/fond_page.jpg) no-repeat; }
.acc_link3:hover { text-decoration: underline; }
.menu1 { font: 11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFFFFF; padding-top: 36px; float: left; padding-left: 15px; letter-spacing: 1px; height: 35px; }
.menu1:hover { background: url(../images/puce3.gif) no-repeat center 15px; color: #42b3b4; text-decoration: none; }

/* ________________________________________________ => BULLETINS*/

.bulletins_body { margin:auto; padding: 0; background: #FFFFFF url(../images/fond_bulletins.jpg) no-repeat; text-align: left; }
#bulletin_1 { margin: 0px; padding: 0px 37px 20px; width: 900px; float: left; }
#bulletin_2 { height: 97px; }
#bulletin_3 { float: left; height: 97px; width: 430px; }
#bulletin_4 {}
#bulletin_5 { height: 560px; }
.bulletins_link1{ background: url(../images/bulletins_bouton1.jpg) no-repeat; float: right; height: 19px; width: 134px; margin-top: 57px; }
.bulletins_link1:hover { background: url(../images/bulletins_bouton1o.jpg) no-repeat; }
.bulletins_frame { border: 1px solid #6b6b6b; margin: 0px; padding: 0px; height: 550px; width: 899px; }
.bulletins_selectbox { font-size: 11px; text-decoration: none; border: 1px solid #CCCCCC; padding: 0px; color: #666666; height: 19px; float: right; margin-top: 40px; margin-right: 0px; margin-bottom: 0px; }

/* ________________________________________________ => LIGHTBOX*/

#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #121315;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{ padding: 0px; margin: 0px; }
#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;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%	}
#imageData{	padding:0 0px; color: #666; }
#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: 129px; float: right; padding-bottom: 0.7em; margin-right: 224px; }	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}