* {
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:245px; z-index:1;
}
#actualites {
position:absolute; left:0px; margin-left:0px; top:400px; width:220px; height:140px; z-index:1;
}
/* MENU */
#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; }


/* HISTORIQUE */
#detail { 
	position:absolute; left:220px; margin-left:0px; margin-right:0px; top:0px; 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; }

/* menu deroulant */
#navmenu { position:absolute; left:123px; top:0px; width:120px; 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;
	
}