body {margin:0;padding:0; 
height:100%;width:100%; 
background:#e5e5e5 url("../images/design/back_site.jpg") center top repeat-y ;
font:12px normal normal Arial, Helvetica, sans-serif;
}

a:link {COLOR: #060;text-decoration: none;}
a:visited {COLOR: #0F5482; text-decoration: none;}
a:active {COLOR: #F90; text-decoration: none;}
a:hover {COLOR: #F90; text-decoration: underline;}

#page_wrapper {
margin-left: auto; 
margin-right: auto;
width: 994px;
text-align: left;
background: #FFF;
}

#header_wrapper {margin:0; 
padding:0;
height:170px;
position:relative;
}

#left_side {
margin-top: 110px;
float: left;
width: 261px;
z-index:5;
}

#left_side .separateur{
margin-top:5px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:5px;
width: 160px;
background: url('../images/design/separateur.png') center center no-repeat;
z-index:3;
}


#content {
margin:110px 0 0 261px;
}

#content .content_title {
color:#000;
height:50px;
font-family: verdana, arial, sans-serif;
font-size: 18px;
padding:15px 0 0 10px;
margin:5px 0 0 0;
background: #FFF url('../images/design/simple_degrade_gris.png') top left repeat-x;
line-height: 25px;
}

#content .content_title .comment{
color:#666;
font: bold normal 11px verdana, arial, sans-serif;
margin:2px 0;
}

#footer {
display:block;
height: 90px;
background: url('') center top repeat-y ;
text-align: center;
vertical-align:bottom;
padding-top:12px;
color: #025BA6;
font-family: verdana, arial, sans-serif;
font-size: 11px;
line-height: 13px;
position:relative;
}

.bouton		{ 
border: 1px #960 solid; 
font-family: Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#960; 
background-color:#FEF2E0; 
font-weight:bold;
}

.module		{ 
border: 1px #D9E8E1 solid;
color: #960;
background-color: #FFF;
font-weight: bold
}

.bouton_normal		{ 
border: 1px #960 solid; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #960;
background-color: #DFD8AC; 
}

td.principal	{ 
border: 1px #960 solid; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #960;
background-color: #DFD8AC; 
font-weight: bold
}

img{border:none;margin:0;padding:0;}

img.show{	border:none;margin:0;padding:10;}


A.ejsmenu	{font-size: 12px;color:#000;text-decoration:none;}


A.menu:visited	{font-family: arial, helvetica, geneva, sans-serif; 
font-size: 11px; 
text-decoration: underline; 
color: #363;
}

A.menu:link   {
font-family: arial, helvetica, geneva, sans-serif; 
font-size: 11px; 
text-decoration: underline;
color: #363;
}
A.menu:hover
{
font-family: arial, helvetica, geneva, sans-serif; 
font-size: 11px; 
text-decoration: underline; 
color:#F90;
}

.titre{width: 100%;}

.titre_article	
{	font-family: sans-serif; 
font-size: 12pt;
color: #363;
letter-spacing: 0pt;
font-weight: bold;
}

a.petit:link {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt; 
color: #060; 
text-decoration: none;
}

a.petit:visited {font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt; 
color: #0F5482; 
text-decoration: none;
}

a.petit:active {font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt; 
color: #F90; 
text-decoration: none;
}

a.petit:hover {font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt; 
color: #F90; 
text-decoration: underline;
}

p {	font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
align:center;
} 

p.justify {	font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
text-align:justify;
align:center;
}

p.juste {	font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt;
text-align:justify;
}

.jvert1 {	font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
text-align:justify;
align:center;
color: #363;
letter-spacing: 1pt;
}

.vert1 {	font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt;
color: #363;
letter-spacing: 1pt;
}

.vert0 {	font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt;
color: #363;
}
.petit_vert1 {	font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt;
color: #363;
letter-spacing: 1pt;
}

.vert2 {	
font-size: 11px;
color: #363;
letter-spacing: 2pt;
}
a.vert2 {	
text-decoration: underline;
}

.Orange {	font-family: Arial, Helvetica, sans-serif; 
font-size: 11pt;
color: #F90;
letter-spacing: 1pt;
}

.titre_module
{
font-weight: bold;
color: #060;
line-height:15px;
text-align:center;
background: url('../images/bandeau/maket3_V3_test3_21.gif') top right repeat-x;
-moz-border-radius:10px 10px 0 0;
}


a.blanc:visited
{
font-family: arial, helvetica, geneva, sans-serif; 
font-size: 12px; 
text-decoration: underline; 
color: #efefff;
}

a.blanc:link   {
font-family: arial, helvetica, geneva, sans-serif; 
font-size: 12px; 
text-decoration: underline;
color: #fff;
}

a.blanc:hover
{
font-family: arial, helvetica, geneva, sans-serif; 
font-size: 12px; 
text-decoration: underline; 
color: #d0ffd0;
}

img		{ border:	0;}

.bdr {
border: 1px dotted #FFF;
}

.bdr img{
padding: 3px;
}

div.rss {
padding:8px 0;
border-bottom:1px solid #DFDFDF;
}
div.rss p.rss_titre {
text-align:left;
padding:5px 0;
}

.rss p span.rss_date {
float:right;color:#999;
}

div.rss p.rss_desc {
text-align:left;
}

div.rss p.rss_inscription {
text-align:right;
}

div.rss p,
div.rss p p{
padding:0;margin:0;
}

/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { margin: 10px; height: 100px; font-size: 10pt; font-family: verdana; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 220px; }
.menu li { background-color: #E5E5E5; float: left; }
.menu li.sub { background-color: #cccc99; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px solid #fff; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 220px; color: #060; padding-left: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 220px; }
* html .menu a:hover { color: #FEF2E0; background-color: #9bd58c; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #ccff66; background-color: #9bd58c; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #FEF2E0; background-color: #9bd58c; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 12em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }