html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
background : url(images/bg.gif);
font-family : arial ; 
font-size : 12px; 
color : #666666; 
}


img {border : none ; }


/* CONTENEUR GENERAL 
  *******************************************************/

#content {
	background :#FFF url(images/bg-all.gif) repeat-y;
	width : 754px;
	margin : 0 auto;
	height : auto;
	min-height : 100%;
	padding: 5px;
}


/* CENTRAGE
  *******************************************************/

#centre {
	margin-left : 13px;
	width : 727px;
	background-color: #FFF;
 }


/* HAUT
  *******************************************************/

#haut {
	border-top : 1px solid #fff;
	position : relative;
	height : 257px;
	background : url(images/haut.gif);
	background-image: url(images/haut.png);
}


#haut h1 a{
display : block ; 
width : 134px ;
height : 62px ; 
background :  url(http://www.zwatla.com/404.html) ; 
position : absolute ; 
top : 140px ; 
left : 21px ; 
}


#haut h1{
}


#haut h1 a{
color : #40FF3A ; 
text-decoration : none ; 
}


#haut ul {
	margin : 0 0 0 10px;
	padding : 0;
	list-style : none;
	position :absolute;
	background : transparent;
	height : 36px;
	line-height : 35px;
	top : 215px;
	float : left;
	width: 736px;
	left: -14px;
}

#haut li {
margin:0 0 0 -2px;
float : left ; 
 background : url(images/sep.jpg) top left repeat-y; 
 padding : 0 15px 0 15px;
height : 36px;

}
	
 #haut li:first-child {
 background : url(http://www.zwatla.com/404.html) top left repeat-y; 
}
	

#haut li a {
text-decoration : none;
color : #000; 
}

#haut li a:hover {
text-decoration : underline;
color : #000; 
}



 
 





/* GAUCHE
  *******************************************************/

#gauche {
float : left ; 
width : 250px ;
padding : 0;
background : transparent ; }

#3dx {
	float : left;
	width : 250px;
	padding : 0;
	background : transparent;
	position: relative;
}

#agenoria {
	float : left;
	width : 250px;
	padding : 0;
	background : transparent;
	position: relative;
}

#gauche h2{
font-size : 0.8em;
margin : 0 ; 
padding : 0 ; 
 }
 
#gauche h3{
font-size : 1em;
margin : 0 0 0 0 ; 
padding : 4px ; 
background-color : #EBEBEB
 }
 
#gauche h4{
font-size : 1em;
margin :  0 ; 
padding : 4px ; 
background-color : #F7F7F7
 }
 
#gauche ul{
margin : 5px 0 5px 0 ; 
padding : 0 ; 
 }
 
#gauche li  {
padding : 0 0 0 4px ; 
margin : 0 ; 
 }
 
#gauche li a {
text-decoration : none ;
font-weight : bold ; 
text-trabsform : uppercase ;
color : #4D4F50  
 }
 
#gauche li a:hover {
text-decoration : underline ; 
}
 
 
#gauche img {
border : 0;

 }

#gauche p {
	margin : 5px 0 5px 0;
	padding : 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
 }





/* DROITE
  *******************************************************/


#droite {
	float : left;
	width : 468px;
	margin-left : 9px;
	padding :  0;
	background :#F2F2F2;
	border-left-width: thin;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	color: #666666;
	vertical-align: top;
}

#droite a{
	text-decoration : none;
	color: #666666;
}

#droite a:hover {
text-decoration : underline ;  
 }




 /* Liste Droite */

ul.liste_001 {
background : transparent ;
margin : 0 ;
padding : 0 ;  }

ul.liste_001 li{
dispaly : block ; 
margin : 0 ;
padding : 4px 0 4px 4px; 
  }
  
  ul.liste_001 li a{
font-weight : bold;
text-decoration : none;
  }


ul.liste_001 li.paire{
background : #AC3201 ;
color : #fff ; 
  }

ul.liste_001 li.paire a{
color : #fff ; 
  }
  
  ul.liste_001 li.impaire{
background : #FFFFFF ;
  }
  
    ul.liste_001 li.impaire a{
color : #4D4F50 ; 
  }
  
  
/* Footer
  *******************************************************/


#footer {
clear : left ;
height : 86px ;
background : url(images/footer.jpg) right no-repeat ;
padding-top : 30px ;   
}

#footer p{
padding :5px 20px 0 0;
margin : 0 0 0 276px;  
}

#footer a{
text-decoration : none ; 
color : #4D4F50 ;
font-weight : bold ; 
}


#footer a:hover{
text-decoration : underline ; 
}


/* BANNIERE 728x90
  *******************************************************/



#acf728x90 {
height : 100px ; 
background : url(images/bg_centrage.jpg) no-repeat ; }
 
 
 
/* PRESENTATION
  *******************************************************/

.presentation {
background : #E5E5E5 ; 
margin : 20px 0 0  0 ; 
overflow : auto ; 
height : 1% }

.presentation p {
margin :  0  ; 
padding : 0}

.presentation img{
float : left ; 
display : block ; 
border-right : 10px solid #E5E5E5 
}

.presentation .intro { }

.presentation h1{
font-size : 1.4em;
 margin :  0 0 2px 0 ; 
 padding : 0 0 2px 0; 
 border-bottom : 1px dotted #000;
 color : #000;  }
 
 .presentation a {
font-weight : bold ; 
color : #000; 
}



#droite h2{
font-size : 1em;
 background : #F2F2F2 ; 
 margin :0 ; 
 padding : 0 ;
font-weight : normal ;  }
 
  
  
  
  
  /* DIVERS
  *****************************************************************************/


.top30 {margin-top : 30px}




ul {list-style : none ; }




/* FORM INPUT : FORMULAIRES
  *******************************************************/

form {
	margin : 0;
	padding : 0;
	visibility: inherit;
}

input {
border : none ; 
background : #999999; 
color : #000000
}
#gauche_texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#content #centre #droite .Style7 Style22 strong {
}