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

body {
	font-weight: normal;
	text-align : left;
	

}

#global{
	position: relative;
	margin-left: auto;
 	margin-right: auto;
  text-align: left;
	width: 990px;
	height:590px;
	margin-top:-1px; 
	background-color: #FFFFFF;
	width:100%;
  
}

img { border: none; text-align: center; vertical-align:middle;}

h1 { font-size: 20px; font-weight: bold; color: #000033; text-align:center;}
h2 { font-size: 16px; font-weight: bold; color: #000033; text-align:center;}
h2.gaucheh2 { font-size: 20px; font-weight: bold; color: #000033; text-align:left;}

a:link    	{ text-decoration: none; font-weight: normal; border: none; }
a:visited 	{ text-decoration: none; font-weight: normal; border: none; }
a:hover   	{ text-decoration: none; color: #FF6600; font-weight: normal; border: none;}
a:active 	{ text-decoration: none; color: #FF6600; font-weight: normal; border: none; } 

a.acc:link   	 	{ text-decoration: none; color: #000033; font-size: 12px; font-weight: bold; border: none; }
a.acc:visited 	{ text-decoration: none; color: #000033; font-size: 12px; font-weight: bold; border: none; }
a.acc:hover   	{ text-decoration: none; color: #FF6600; font-size: 12px; font-weight: bold; border: none;}
a.acc:active  	{ text-decoration: none; color: #FF6600; font-size: 12px; font-weight: bold; border: none; } 

a.petit:link    	{ text-decoration: none; font-size: 9px; font-weight: normal; border: none; }
a.petit:visited 	{ text-decoration: none; font-size: 9px; font-weight: normal; border: none; }
a.petit:hover   	{ text-decoration: none; font-size: 9px; font-weight: normal; border: none; color: #FF6600; }
a.petit:active  	{ text-decoration: none; font-size: 9px; font-weight: normal; border: none; color: #FF6600; } 

a.petit1:link    	{ text-decoration: none; font-size: 9px; font-weight: normal; border: none; color: #666666;}
a.petit1:visited 	{ text-decoration: none; font-size: 9px; font-weight: normal; border: none; color: #666666;}
a.petit1:hover   	{ text-decoration: none; font-size: 9px; font-weight: normal; border: none; color: #FF6600; }
a.petit1:active  	{ text-decoration: none; font-size: 9px; font-weight: normal; border: none; color: #FF6600; } 
/* a:link lien non-visité */
/* a:visited lien visité */
/* a:hover lien survolé */
/* a:active lien activé */

ol.normal { list-style-position:outside; list-style-type:decimal;  }
ul.normal { list-style-position:outside; list-style-type:disc}
li.normal { margin-left:60px; text-align : left;}

table  { width : 100%; }
table.table70  { width : 70% }
td.td2 { width : 2%; text-align : left;}
td.td8 { width : 8%;  text-align : left; vertical-align:top;}
td.td25b { width : 25%; text-align:center; vertical-align:bottom;}
td.td25 { width : 25%; text-align:center; vertical-align:middle;}
td.td33 { width : 33%; text-align:center; vertical-align:middle;}
td.td34 { width : 34%; text-align:center; vertical-align:middle;}
td.td40 { width : 40%; text-align:center; vertical-align:middle;}
td.td50 { width : 50%; text-align:center; vertical-align:middle;}
td.td60 { width : 60%; text-align:center; vertical-align:middle;}
td.td100 { width : 100%; text-align:center; vertical-align:middle;}
td.tdic { text-align:center; padding-left:5px; vertical-align:top;}
td.tabpadd { text-align:left; padding-left:5px; vertical-align:top;}

br.br5px { font-size:5px; }
br.br3px { font-size:3px; }

.centrer { text-align:center; }
.just { text-align:justify; font-size: 12px;}
.justifie { text-align:justify; }
.justifie1 { text-align:justify; margin-left:20px; margin-right:20px;}
.soul { text-decoration:underline; }
.ortho { color: #000033; font-size: 12px; font-weight: bold;}
.org { color: #FF6600; font-size: 12px; font-weight: bold;}
.point { color: #FF6600; font-weight: bold;}
.lettreo { font-size: 20px; font-weight: bold; color: #FF6600; }
.titre1 {font-size: 15px; font-weight: bold; background-color:#DDDDDD; text-align:left;}
.sstitre {font-size: 13px; font-weight: bold; font-style:italic; text-decoration:underline; margin-left:10px;}
.titreph {font-size: 13px; font-weight: bold;}
.pttitre {font-size: 11px; font-weight: bold; text-decoration:underline; margin-left:20px;}
.adroite { text-align:right; font-size:10px;}
.graita {font-weight: bold; font-style:italic;}
.gras {font-weight: bold;}
.grasou {font-size: 13px; font-weight: bold; text-decoration:underline;}
.marg0 {font-size: 11px; text-align:justify; margin-left:30px; margin-right:20px;}
.marg1 {margin-left:50px;}
.marg2 {margin-left:50px; text-decoration:underline;}
.marg3 {font-size: 11px; text-align:justify; margin-left:30px; margin-right:20px; text-decoration:underline; }
.marg4 {margin-left:50px; text-align:justify; margin-right:30px; }
.marg5 {margin-left:20px;}
.marg6 {margin-left:100px;}
.gras60 {font-weight: bold; margin-left:60px;}
.petit1 {color: #666666; font-size: 9px; }

/* banniere */
#banniere { position:absolute; left:0px; top:0px; width:970px; height:103px;  z-index:3; text-align:left;}
#drapeau { position:absolute; left:920px; top:30px; width:50px; height:29px;  z-index:4; }
#drapeauacc { position:absolute; left:920px; top:510px; width:50px; height:29px;  z-index:4; }
/* boutons */
#bouton 	{ position:absolute; left:0px; top:102px; width:988px; height:29px; z-index:2; text-align:left;}
#btaccueil 	{ position:absolute; left:0px; top:102px; width:150px; height:29px; z-index:2; text-align:left;}
#btcdg	{ position:absolute; left:150px; top:102px; width:250px; height:29px; z-index:2; text-align:left;}

#boutonssjs 	{ position:absolute; left:32px; top:101px; width:945px; height:29px; z-index:2; }

td.bt { color: #FFFFFF; font-size: 11px;  vertical-align:middle; text-align:center;}
a.menu:link    { text-decoration: none; color: #FFFFFF; font-size: 11px; font-weight: normal; border: none; }
a.menu:visited { text-decoration: none; color: #FFFFFF; font-size: 11px; font-weight: normal; border: none; }
a.menu:hover   { text-decoration: none; color: #FF6600; font-size: 11px; font-weight: normal; border: none;}
a.menu:active  { text-decoration: none; color: #FF6600; font-size: 11px; font-weight: normal; border: none; } 

/* ACCUEIL */
#accueil { position:absolute; left:0px; top:180px; width:970x; font-size: 11px; z-index:1 }
#accac	{ position:absolute; left:13px; top:0px; width:300px; height:150px; font-size: 11px; z-index:1 }
#acccalot 	{ position:absolute; left:13px; top:160px; width:300px; height:150px; font-size: 11px; z-index:1 }
#accght 	{ position:absolute; left:697px; top:40px; width:280px; height:150px; font-size: 11px; z-index:1 }
#acccontact 	{ position:absolute; left:697px; top:170px; width:280px; height:150px; font-size: 11px; z-index:1 }
#acctexte	{ position:absolute; left:332px; top:36px; width:336px; height:288px; z-index:1}
#acclvg 	{ position:absolute; left:318px; top:20px; width:3px; height:300px; font-size: 11px; z-index:1 }
#acclvd 	{ position:absolute; left:680px; top:20px; width:3px; height:300px; font-size: 11px; z-index:1 }
#accmaj 	{ position:absolute; top:350px; left:0px; width:970px; font-size: 9px; z-index:1} 
#accopa	{ position:absolute; top:350px; left:20px; width:200px; text-align:left; z-index:1} #accpied 	{ position:absolute; top:526px; left:0px; width:970px; height:60px; text-align:center; font-size: 9px; z-index:1}
.acctit { font-size: 11px; font-weight: bold;}
.savoir { text-align:right; font-size: 11px; font-weight: bold;}
.honcode { margin-left: 50px; text-align:center; width:230px; }
/* menu gauche */
#menugauche	{ position:absolute; left:0px; top:131px; width:263px; height:416px; font-size: 11px; text-align: left; 
background-image: url(./images/fondgauche.jpg); background-repeat: no-repeat; background-position: left top;
z-index:1 }

/* pages */

#contenu {position:absolute; left:275px; top:135px; width:692px; font-size: 11px; z-index:1}

.haut	{    margin-left:275px; margin-top:-135px; width:682px; font-size: 11px; z-index:1 }

/* pied */

.piedssjs { text-align:center; font-size: 9px;}
#pied	{ position:absolute; top:30px; left:0px; width:970px; height:60px; text-align:center; font-size: 9px; z-index:1 }
#piedcache	{ position:absolute; top:30px; left:0px; width:985px; height:60px; background-color: #FFFFFF; z-index:2 }

/* ERREURS SYSTEMES */
#erreur-syst { position:absolute; left:30px; top:100px; width:600px; height:210px; z-index:2; text-align: left;
font-size: 11px; }	
td.errtd {font-size: 11px; }	

/* menu deroulant */
#navmenu { position:absolute; left:132px; top:102px; width:830px; height:29px; z-index:100; }

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

#nav a.menu:link    { display: block; text-decoration: none; color: #FFFFFF; font-size: 11px; font-weight: normal; border: none; }
#nav a.menu:visited { display: block; text-decoration: none; color: #FFFFFF; font-size: 11px; font-weight: normal; border: none; }
#nav a.menu:hover   { display: block; text-decoration: none; color: #FF6600; font-size: 11px; font-weight: normal; border: none;}
#nav a.menu:active  { display: block; text-decoration: none; color: #FF6600; font-size: 11px; font-weight: normal; border: none; } 

#nav a.menuc:link    { display: block; text-decoration: none; color: #FFFFFF; font-size: 11px; font-weight: normal; border: none; text-align:center;}
#nav a.menuc:visited { display: block; text-decoration: none; color: #FFFFFF; font-size: 11px; font-weight: normal; border: none; text-align:center;}
#nav a.menuc:hover   { display: block; text-decoration: none; color: #FF6600; font-size: 11px; font-weight: normal; border: none; text-align:center;}
#nav a.menuc:active  { display: block; text-decoration: none; color: #FF6600; font-size: 11px; font-weight: normal; border: none; text-align:center;} 

#nav a.smenu:link    { display: block; text-decoration: none; color: #333333; font-size: 11px; font-weight: normal; border: none; }
#nav a.smenu:visited { display: block; text-decoration: none; color: #333333; font-size: 11px; font-weight: normal; border: none; }
#nav a.smenu:hover   { display: block; text-decoration: none; color: #FF6600; font-size: 11px; font-weight: normal; border: none;}
#nav a.smenu:active  { display: block; text-decoration: none; color: #FF6600; font-size: 11px; font-weight: normal; border: none; } 

#nav li.li1 { float: left; margin-top:5px; width: 62px; }
#nav li.li2 { float: left; width: 130px; }
#nav li.li3 { float: left; width: 90px; }
#nav li.li4 { float: left; margin-top:5px; width: 70px; }
#nav li.li5 { float: left; margin-top:5px; width: 30px; }
#nav li.li6 { float: left; margin-top:5px; width: 30px; }
#nav li.li7 { float: left; margin-top:5px; width: 66px; }
#nav li.trait { float: left; margin-top:5px; width: 40px; color: #FFFFFF; text-align : center;}

#nav li ul.ul1 { 
	position: absolute;
	background: #EEEEEE;
	width: 150px;
	text-align:left;
	margin-left:-15px ;
	left: -999em; 
}

#nav li ul.ul2 { 
	position: absolute;
	background: #EEEEEE;
	width: 200px;
	text-align:left;
	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 ul.ul3 { 
	position: absolute;
	text-align:left;
	background: #EEEEEE;
	width: 170px;
	margin-left:-15px;
	left: -999em; 
}
#nav li ul.ul4 { 
	position: absolute;
	background: #EEEEEE;
	width: 180px;
	margin-left:-15px;
	left: -999em; 
}
#nav li ul.ul5 { 
	position: absolute;
	background: #EEEEEE;
	width: 180px;
	margin-left:-15px;
	left: -999em; 
}

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