body
{
	margin: 0 ;
	padding: 0 ;
	
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: url(../images/background-1-f2.gif);
}

div#conteneur
{
position:absolute;
left: 52%; 
top: 50%;
width: 770px;
height: 576px;
margin-top: -250px; /* moitié de la hauteur */
margin-left: -380px; /* moitié de la largeur */
border: 1px solid #666;

text-align: left ;
background: #191919 ;
}

#header_i {
width:770px;
height:376px;
background:#191919;
}
#zone1 {   
float: left;
width : 100px;
height: 100px;
margin-left: 20px;
margin-top: 30px;
}

ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
		
#navlist {
margin-top:5px;
width: 100%;
position:relative;
background: #FF0000;
left:0px;
text-align:right;
z-index:150;
}

#navlist3 {
width: 98%;
position:absolute;
margin: 0 auto ;
top:-30px;
text-align:right;
z-index:150;
}

#navlist2 {
margin-top:1px;
width: 100%;
position:relative;
left:0px;
text-align:left;
z-index:150;
background: #FF0000;
}
ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}
#menu{
z-index:100;
width:100%;
height:30px;
}

div#contenu
{
	height:auto;
	padding: 0 10px 0 10px ;
}
#contenu #menu {
background-color: #fff;
float: right;
width: 200px;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #FF0000 ;
}

div#contenu p
{
	text-align: justify ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #9b2 ;
}

p#footer
{
width: 98%;
position:absolute;
margin: 0 auto ;
top:-30px;
text-align: left ;
color:#fff;
}

#imag_g{
padding-left:10px;
padding-right:10px;
float:left;
text-align:center;
color:#666;
}
#imag_d{
padding-left:10px;
padding-right:10px;
float:right;
color:#666;
}

img.imgs{
vertical-align:middle;
}

#encadre_centre{
position:relative;
background-repeat: repeat-x;
width:505px;
left:4px;
height:150px;
text-align:justify;
top:10px;
padding-left:10px;
padding-right:10px;
font-family:arial;
font-size:13px;
color:#fff;
z-index:80;
}

#encadre_centre a{
font-weight:bold;
font-family:arial;
text-decoration:none;
}

p.p_centre{
position:absolute;
width:68%;
color:#000000;
font-weight:lighter;
font-family: arial, sans-serif;
text-align:justify;
padding-left:15px;
}

.encadre_centre a{
color:#CC0000;
font-weight:bold;
font-family: arial, sans-serif;
}
#encadre_left{
    float:left;
    width:45%;
    padding-left:10px;
    padding-top:10px;
    font-size:12px;
    color:#666;
}
#encadre_left2{
    float:left;
    width:45%;
    margin-top:10px;
    padding-left:10px;
    padding-top:10px;
    font-size:12px;
    color:#666;
}
#encadre_right{
    position:relative;
    left:50px;
    width:60%;
	top:20px;
	height:55px;
    font-size:13px;
	font-family:arial
	letter-spacing:0.1em;
    color: #fff;
	border-style:solid;
    border-color:#336699;
	border-width:1px;
    background-color:#265D86; 
	text-align:center;
}

#encadre_right2{
    float:right;
    width:50%;
    margin-top:15px;
    font-size:12px;
    color: #333;
    padding-left:5px;
    border-style:solid;
    border-width:2px;
    border-left-width:0px;
    border-right-width:0px;
    border-width-top:0px;
    border-width-bottom:0px;
    background-color:#E4E4E4; 
}
#encadre_right3{
    float:right;
    width:50%;
    margin-top:50px;
    font-size:12px;
    color: #333;
    padding-left:5px;
    border-style:solid;
    border-width:2px;
    border-left-width:0px;
    border-right-width:0px;
    border-width-top:0px;
    border-width-bottom:0px;
    background-color:#E4E4E4; 
}
.spacer {
clear : both; 
height : 13px ; 
}

span.cit{
font-family:arial;
font-size:14px;
font-weight:light;
color:#990033;
padding-left:15px;
text-align:right;
}