* {
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
}

body {
	font-weight: normal;
	text-align : left;
	background-color: #4F89BF;
}

#global{
	position: relative;
	margin-left: auto;
 	margin-right: auto;
  text-align: left;
	margin-top: 0px; 
	width:1000px;
	z-index:1;
}

a:link   	 	{ text-decoration: underline; color: #a1c8d7; border: none; }
a:visited 	{ text-decoration: underline; color: #a1c8d7; border: none; }
a:hover   	{ text-decoration: underline; color: #FFFFFF; border: none;}
a:active  	{ text-decoration: underline; color: #FFFFFF; border: none; }


#gauche {
	position:absolute; left:0px; margin-left:0px; top:0px; width:220px; height:734px; z-index:1;
	 
	background: url(./images/gauche.gif) 0 0 no-repeat;
}
#logogauche {
position:absolute; left:0px; margin-left:0px; top:0px; width:220px; height:245px; z-index:1;
}
#logogauche1 {
position:absolute; left:0px; margin-left:0px; top:30px; width:220px; height:72px; z-index:1;
}
#logogauche2 {
position:absolute; left:0px; margin-left:0px; top:142px; width:220px; height:113px; z-index:1;
background: url(./images/fond_cadre.jpg) 0 0 repeat-x;
}
#actualites {
position:absolute; left:0px; margin-left:0px; top:400px; width:220px; height:140px; z-index:1;
}
/* MENU */
.txtmenu {color: #FFFFFF; font-size: 10px;}
#menugen { position:absolute; left:0px; margin-left:0px; top:245px; width:220px; height:300px; z-index:1; }
a.menutx:link   	 	{ text-decoration: none; color: #FFFFFF; font-size: 10px; border: none; }
a.menutx:visited 	{ text-decoration: none; color: #FFFFFF; font-size: 10px; border: none; }
a.menutx:hover   	{ text-decoration: none; color: #a1c8d7; font-size: 10px; border: none;}
a.menutx:active  	{ text-decoration: none; color: #a1c8d7; font-size: 10px; border: none; }
.pucemenu {
	height:38px;
	width:19px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F89BF;
	background-color: #203d5f;
}
.ypucemenu {
	height:38px;
	width:19px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F89BF;
	background-color: #111f30;
}
.menu {
	background: url(./images/fond_menu.jpg) 0 0 repeat-y;
	height:38px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F89BF;
	font-size: 10px;
}
.ymenu {
	background: url(./images/fond_menuy.jpg) 0 0 repeat-y;
	height:38px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F89BF;
	font-size: 10px;
}
/* sous-menu */
a.ssmenutx:link   	 	{ text-decoration: none; color: #FFFFFF; font-size: 10px; border: none; }
a.ssmenutx:visited 	{ text-decoration: none; color: #FFFFFF; font-size: 10px; border: none; }
a.ssmenutx:hover   	{ text-decoration: none; color: #4F89BF; font-size: 10px; border: none;}
a.ssmenutx:active  	{ text-decoration: none; color: #4F89BF; font-size: 10px; border: none; }
.pucessmenu {
	height:22px;
	width:19px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #ff9933;
}
.xpucessmenu {
	height:22px;
	width:19px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #ff6600;
}
.ssmenu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #ff9933;
	height:22px;
	text-align:left;
}
.xssmenu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #ff6600;
	height:22px;
	text-align:left;
}
.pucessmenu1 {
	height:22px;width:19px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F89BF;
	background-color: #ff9933;
}
.xpucessmenu1 {
	height:22px;width:19px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F89BF;
	background-color: #ff6600;
}
.ssmenu1 {
	background-color: #ff9933;
	height:22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F89BF;
	text-align:left;
}
.xssmenu1 {
	background-color: #ff6600;
	height:22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F89BF;
	text-align:left;
}

#droite {
	position:absolute; left:765px; margin-left:0px; top:0px; width:235px; height:734px; z-index:1;
		
}
#droite1 {
	position:absolute; left:765px; margin-left:0px; top:0px; width:235px; height:329px; z-index:2;
		
}

#accueil { 
position:absolute; left:220px; margin-left:0px; top:0px; width:545px; height:734px; z-index:1;
background-color: #3e73b5;
text-align:center;
 }
 
#accueil1 { 
position:absolute; left:450px; margin-left:0px; top:100px; width:310px; height:110px; z-index:1;
font-size: 15px;
/* border: 1px solid #FF0000; */
 }


h1 {font-size: 18px; margin-left:20px; font-weight: normal;}
.titre {font-size: 18px; }
.stitre {font-size: 12px; font-weight: bold; color:#FF9933; } 
.sstitre {font-size: 12px; font-weight: bold;}
.gras {font-weight: bold; }
.italic {font-style: italic; }
.retrait20a { margin-left:20px; text-align:justify; margin-right:22px; color: #a1c8d7; font-style: italic;}
.retrait20 { margin-left:20px; text-align:justify; margin-right:22px;}
.retrait40 { margin-left:40px; text-align:justify; margin-right:22px;}
.retrait80 { margin-left:80px; text-align:justify; margin-right:22px;}
.milieu { text-align:center;  }
.important { color:#AA0000; text-decoration: none; }
.adroite { text-align:right; margin-right:22px; }
.imp { color:#FF9933; }
.imp1 { font-weight: bold; font-size: 12px; }
.entete { margin-top:10px; margin-bottom:10px; margin-left:10px; text-align:right;}
a.tete:link   	 	{ text-decoration: none; color: #FFFFFF;  font-size: 11px; border: none; }
a.tete:visited 	{ text-decoration: none; color: #FFFFFF; font-size: 11px; border: none; }
a.tete:hover   	{ text-decoration: none; color: #a1c8d7; font-size: 11px; border: none;}
a.tete:active  	{ text-decoration: none; color: #a1c8d7; font-size: 11px; border: none; }

a.stitre1:link   	 	{ text-decoration: none; font-size: 12px; font-weight: bold; color:#FF9933; border: none; }
a.stitre1:visited 	{ text-decoration: none; font-size: 12px; font-weight: bold; color:#FF9933; border: none; }
a.stitre1:hover   	{ text-decoration: none; font-size: 12px; font-weight: bold; color: #FFFFFF; border: none;}
a.stitre1:active  	{ text-decoration: none; font-size: 12px; font-weight: bold; color: #FFFFFF; border: none; }

a.dr:link   	 	{ text-decoration: underline; font-size: 13px; color: #1d5c91; border: none; }
a.dr:visited 	{ text-decoration: underline; font-size: 13px; color: #1d5c91; border: none; }
a.dr:hover   	{ text-decoration: underline; font-size: 13px; color: #FFFFFF; border: none;}
a.dr:active  	{ text-decoration: underline; font-size: 13px; color: #FFFFFF; border: none; }

/* HISTORIQUE */
#entetepage { 
	position:absolute; left:220px; margin-left:0px; margin-right:0px; top:0px; width:545px; z-index:1;
	background-color: #3e73b5;
	text-align:left;
 }
#detail { 
	position:absolute; left:220px; margin-left:0px; margin-right:0px; top:60px; width:545px; z-index:1;
	background-color: #3e73b5;
	text-align:left;
 }
  
#barre {
	position:absolute; left:0px; margin-left:0px; margin-right:0px; top:47px; width:545px; z-index:1;
	text-align:center; color: #FFFFFF; font-size: 10px;
}
.std { margin-left:20px; margin-right:22px; text-align:justify;}
/* PIED */
.piedssjs { text-align:center; font-size: 9px;}
#pied {position:absolute; top:-10px; width:1000px; font-size: 9px; color: #CCCCCC; text-align:center;  z-index:2;}

a.pied:link   	 	{ text-decoration: underline; color: #a1c8d7; font-size: 9px; border: none; }
a.pied:visited 	{ text-decoration: underline; color: #a1c8d7; font-size: 9px; border: none; }
a.pied:hover   	{ text-decoration: underline; color: #FFFFFF; font-size: 9px; border: none;}
a.pied:active  	{ text-decoration: underline; color: #FFFFFF; font-size: 9px; border: none; }
img { border: none; text-align: center; vertical-align:middle;}

table {margin-left: auto; margin-right: auto; text-align:justify;}
.br5px { font-size: 5px;  }
.err { color:#FF9933; }
.envoiok { text-align:center; font-size: 11px; font-weight:bold; }

.contact { color:#000000; }
object { outline: none; } 

/* menu deroulant */
#navmenu { position:absolute; left:110px; top:0px; width:100px; height:20px; z-index:100; text-align: left; }

#nav, #nav ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
}

#nav a {
	display: block;
	font-size: 11px;
	text-decoration: none; color: #FFFFFF;
}

#nav li.li2 { float: left; width: 80px; }
#nav li ul.ul2 { /* listes de deuxième niveau */
	position: absolute;
	background: #34619a;
	width: 230px;
	margin-left:-15px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */

}


#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
	
}

/* 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: #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; 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: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.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 */