body { 
width:100%;/* vous pouvez  decaler l'ensmble par rapport aux cotés ( en changeant le " width" mais il faudra changer aussi le  " with "  du  menu_horizontale_placement !!!*/
height:auto;
margin:0;
background-color:#ffffff;
}

/*_________________________________________________________________banniere__________________________________________________________________________________________*/
#banniere {
width: 100%; 
height:130px; 
background:url(images/banniere/banniere.bmp) ;
}
.nom_du_site{
height:96px;
padding-top:35px;
text-align:center;
}

/*__________________________________________________________________menu horizontal_________________________________________________________________________________________*/
#menu_horizontal
{
width: 100%; 
height: 38px; 
background:url(images/menu_horizontal/menu_banniere_milieu.bmp); 
background-repeat:repeat-x;
text-align:center; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight:bold;
} 
.menu_horizontal_gauche
{
float:left; 
width: 23px; 
height: 38px; 
background-image:url(images/menu_horizontal/menu_banniere_gauche.bmp); 
background-repeat:no-repeat;
}
.menu_horizontal_droit
{ 
float:right; 
width: 24px; 
height: 38px; 
background:url(images/menu_horizontal/menu_banniere_droit.bmp); 
background-repeat:no-repeat;
}
.liste ul
{	
margin: 0;
list-style-type: none;
text-align: center;
padding-top:12px;
display: block;
}
.liste ul li { 
display: inline;
list-style: none; 
 }
.liste ul li a
{
text-decoration: none;
font-size: 11px;
padding:12px 12px 12px 12px;
color:#757575;
width: 100%;
border-right: thin  #C1C1C1 solid;
border-left: thin  #C1C1C1 solid;
}
.liste ul li a:hover
{padding:13px 12px 13px 12px;
border-right: thin  #FFFFFF solid;
border-left: thin  #FFFFFF solid;
color:#000000;
background:url(images/menu_horizontal/menu_banniere_over.bmp);
background-repeat:repeat-x;
font-size: 11px;
text-decoration:none;
width: 100%;
height:38px;
margin: 0;
}

/*__________________________________________________________________banniere defilante_________________________________________________________________________________________*/
#defilant{
width:100%;
height: 76px;
background-image:url(images/banniere/defilant.bmp); 
background-repeat:repeat-x;
text-decoration: none;
}
.texte_defilant 
{
padding-top:19px;
font-size: 20px;
color:#000000;
float:left;
margin-right:20px;
}
.fin_texte_defilant /* permet de créer un espace plus long entre le texte et la banniere*/
{
padding-top:19px;
font-size: 20px;
color:#000000;
float:left;
margin-right:100px;
}
.texte_defilant a
{
color:#767676;
text-decoration: none;
}	
.texte_defilant a:hover
{
color:#6D006D;
text-decoration: none;
}					
.banniere_defilant a
{
color:#cccccc;
float:left;
padding-top:6px;
}
				

/*__________________________________________________________________corps_________________________________________________________________________________________*/
#corps
{
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#corps_gauche
{
float:left;
width:25%;
height: 100%;
background-color:#C1C1C1;
text-align:center;
font-size: 11px; 
font-weight:bold;

}
.menu1
{
margin-left:10px;
margin-right:10px;
}
.haut_images_menu_gauche
{
float:left; 
background-image:url(images/menu_vertical/menu_gauche.bmp); 
background-repeat:no-repeat;
width: 28px;
height:20px;
}
.haut_images_menu_milieu
{
background-image:url(images/menu_vertical/menu_milieu.bmp); 
background-repeat:repeat-x;
height:20px; 
}		
.haut_images_menu_droit 
{
float:right;
background-image:url(images/menu_vertical/menu_droit.bmp); 
background-repeat:no-repeat;
width: 28px;
height:20px; 
}	
.haut_images_menu_gauche1
{
float:left; 
background-image:url(images/menu_vertical/menu_gauche1.bmp); 
background-repeat:no-repeat;
width: 28px;
height:20px;
}	
.haut_images_menu_droit1 
{
float:right;
background-image:url(images/menu_vertical/menu_droit1.bmp); 
background-repeat:no-repeat;
width: 28px;
height:20px; 
}	
.titre_menu
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px; 
color:#FFFFFF;
padding-top:1px;
}
/*--------------------Interieur  menu vertical--------------------------------------------*/
.placement_menu
{
height:auto; 
padding: 0 ; 
margin: 0 28px 0 28px;
border-right:1px solid #FFFFFF; 
border-left:1px solid #FFFFFF; 
}
.placement_menu a
{
width:100%; 
margin:0 ;
padding-top:6px ; 
padding-bottom: 7px ; 
text-decoration: none;
Display : block;
text-align:center;
}
.placement_menu  ul 
{
margin: 0 ; 
padding: 0; 
list-style:none; 
}
.liens_menu a 
{
background-image:url(images/menu_vertical/lien.bmp); 
background-repeat:repeat-x;
color:#ffffff;
}
.liens_menu  a:hover 
{
background-image:url(images/menu_vertical/lien_over.bmp); 
background-repeat:repeat-x;
color:#000000;

}
/*----------------------------------------------------------------*/
.bloc_bas_images_menu
{
width:100% ;
height:10px;
margin-bottom:20px
}	
.bas_images_menu_gauche 
{
float:left; 
background-image:url(images/menu_vertical/menu_gauche_bas.bmp); 
background-repeat:no-repeat;
width: 46px;
height:10px;
}	
.bas_images_menu_droit 
{
float:right;
background-image:url(images/menu_vertical/menu_droit_bas.bmp); 
background-repeat:no-repeat;
width: 46px;
height:10px;
}	
.bas_images_menu_milieu
{
background-image:url(images/menu_vertical/menu_milieu_bas.bmp); 
background-repeat:repeat-x;
 height:10px;
}		

#corps_droit
{
float:left;
width:75%;
background-color:#ffffff;
}
.titre_principal
{
height: 35px; 
background:url(images/corps/titre_principal.bmp) repeat-x ;
text-decoration: none;
}
.titre_principal_gauche
{
float:left; 
width: 25px; 
height: 35px; 
background-image:url(images/corps/titre_principal_gauche.bmp); 
background-repeat:no-repeat;
}
.titre_principal_droit
{ 
float:right; 
width: 25px; 
height: 35px; 
background-image:url(images/corps/titre_principal_droit.bmp); 
background-repeat:no-repeat;
}
.texte_titre_principal
{
text-align:center;
font-family:  Arial, Helvetica, sans-serif;
font-size: 20px; 
font-weight:bold;
text-transform:capitalize;
color:#FFFFFF;
padding-top:5px;
}
.titre_sujet
{
height:20px;
margin-top:20px;
padding-left:20%;
padding-right:20%;
text-decoration: none;
}
.titre_gauche
{
float:left; 
width: 9px; 
height: 20px; 
background-image:url(images/corps/titre_gauche.bmp); 
background-repeat:no-repeat;
}
.titre_droit
{ 
float:right; 
width: 9px; 
height: 20px; 
background-image:url(images/corps/titre_droit.bmp); 
background-repeat:no-repeat;
}
.texte_titre_sujet{
height: 20px; 
color: #ffffff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px; 
text-transform:capitalize;
background-image:url(images/corps/titre_milieu.bmp); 
background-repeat:repeat-x;
}
.texte{
padding-left:5%;
padding-right:5%;
padding-top:10px;
Display : block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}
.texte a {
color: #9F3F9F;
text-decoration: none;
font-weight: bold;
}
.texte a:hover {
color:#0000FF;
text-decoration: none;
font-weight: bold;
}

/*__________________________________________________________________pied de page_________________________________________________________________________________________*/
#pied_de_page{
float:left; 
width:100%;
height:15px;
background:url(images/pied_de_page/footer.jpg) ;
background-repeat:repeat-x ;
text-align:center; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color:#FFFFFF;

}
.texte_footer a{
color:#767676;
font-size:10px;
text-decoration: none;
}
.texte_footer a:hover{
color:#CCFFFF;
font-size:10px;
text-decoration: none;
}