body {
   background: #F9A13A;
   margin: 0 0 10px 0; 
   padding: 0; 
   width:100%; 
   font-family:"trebuchet ms", Arial;
	font-size: 10pt;
	color: #333333;
}

a {
   color: #900;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
   background: #900;
   color: #FFF;
}

h1 {
   padding-top:5px;
   font: bold 16px Arial, Helvetica, sans-serif;
   color:#960000;
}

h2 {
   padding-top:10px;
   font: bold 14px Arial, Helvetica, sans-serif;
   color:#000000;
   border-bottom: 1px solid #960000;
}

h3 {
   padding-top:10px;
   font: bold 12px Arial, Helvetica, sans-serif;
   color:#000000;
}

img {
   border:0;
}

.header { 
   background: #FBE5BA; 
   padding-bottom:5px;
   border-bottom: solid 1px #DDDDDD;
} 

.menubar { 
   background: #FBE5BA; 
   padding: 5px; 
} 

.footer { 
   background: #EEEEEE;
   text-align:right;
   padding: 5px; 
} 

.container { 
   background:white;
	position: relative;
	border: solid 1px #CCC;
	text-align: left; /* pour annuler l'heritage de text-align:center de BODY */
	margin: 10px auto; /* auto pour centrer horizontalement la boite dans BODY pour le navigateurs autres que IE/WIN */
	padding: 0;
	width: 780px; /* ou 100% pour largeur fluide pleine largeur */
} 

.leftbar { 
   margin: 0;
   float:left;
   width: 135px; 
   height:auto;
   padding: 0px; 
	background: white;
	text-align:center;
	color: #333333;
}

.content { 
  text-align:justify;
	border: 0;
	margin: 0px 5px 5px 15px;
	padding: 10px;
	background: white;
	color: #333333;
	font-size: 10pt;
	margin-left:140px;
	min-height:870px;
	margin-right:140px;
} 

#content ul {
   list-style-image: url(/images/puce.gif);
}
#content li {
   margin: 0 0 0 15px;
}

.rightbar { 
   text-align:center;
   margin: 10px 0 20px 0;
	border:0;
   float: right;
   width: 140px; 
   padding: 0px; 
	background: white;
	color: #333333;
	font-size:8pt;
}
.communaute {
	font-size: 14pt;
	color: #333333;
	font-weight: normal;
}
.texte_blanc {
	font-size: 8pt;
	line-height: 16pt;
	color: #FFFFFF;
}

.titre {
	color: #333333;
	font-size: 14pt;
}

div.bloc {
   background:#E7E7E7;
   padding:0;
}
div.bloc h2 {margin:0 0 0.5em 0; padding-left:0}
div.bloc h2,div.bloc h3 {border-left:none}
div.bloc ul {margin:0 0 1em 1em; padding:0}
div.bloc ul ul {font-size:0.8em; margin:0 0 0 1em}
div.bloc li {margin:0; padding:0}
div#actu {margin:1em 0.5em 3em 1em}
#actu {
   float:right;
   margin-right:1em;
   min-width:330px;
   text-align:center;
   width:420px;
}
#actu div {
   background:#FBFBFB;
   height:15em;
   margin:0;
   overflow:auto;
   padding:0 0 0 0.5em;
   text-align:left;
   border: solid 1px #DDDDDD;
}
#actu img {border:3px outset #FFF}
#actu p {margin:1em 0 0.5em 0; padding:0}

.titre {
	font-size: 14pt;
}

.communaute {
	font-size: 14pt;
	color: #333333;
	font-weight: normal;
}
.zone_droite_ttr {
	font-size: 10pt;
	font-weight: bold;
	;color: #999999;
}

.zone_droite_txt {
	font-size: 0.80em;
}

.liens:link {
	font-size: 0.65em;
	color: #0033CC;
}

.sous-titre {
	font-size: 12pt;
	font-weight: bold;
	color: #0066CC;
}
.texte {
	font-size: 8pt;
	line-height: 16pt;
	;color: #666666;
}
.path {
	font-size: 9pt;
	color: #999999;
}
.titre_menu {
	font-size: 10pt;
	color: #061BD5;
	background-color: #FFFFFF;
	padding: 10px 5px;
	height: 40px;
	width: 150px;
	font-weight: bold;
	border: 1px none #999999;
	background-position: center;
	line-height: 22px;
}
.credit:link {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
.credit:visited {
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
}

.credit:hover {
	font-size: 9px;
	color: #FFCC00;
	text-decoration: none;
}
.liens:hover {
	font-size: 0.65em;
	color: #FF6600;
	text-decoration: none;
}
.liens {
	font-size: 0.65em;
	color: #0033CC;
}
.repere {
	font-size: 10pt;
	color: #FFFFFF;
}
.repere_ttr {
	font-size: 10pt;
	color: #999999;
}
.zone_droite_exergue {
	font-size: 8pt;
	font-weight: bold;
	color: #FA6105;
	line-height: 16pt;
}
.exergue {
	font-size: 8pt;
	font-weight: bold;
	color: #666666;
	line-height: 16pt;
}
.exergue_bleu {
	font-size: 8pt;
	font-weight: bold;
	color: #0066cc;
	line-height: 16pt;
}
.texte_blanc {
	font-size: 8pt;
	line-height: 16pt;
	color: #FFFFFF;
}
.petit {
	font-size: 7pt;
	line-height: 15pt;
	color: #666666;
}



/* =-=-=-=-=-=-=-[Menu Four]-=-=-=-=-=-=-=- */
	
#menu4 {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #D76100;
	border-width: 1px;
	margin: 10px;
	}
	
#menu4 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #9E3C02;
	display: block;
	background: url(/images/menu4.gif);
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:hover {
	color: #fff;
	background: url(/images/menu4.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:active {
	color: #fff;
	background: url(/images/menu4.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}