body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-color: #b6bba1;
   background-image:url(../images/background-2.png);
   background-repeat: no-repeat;
   background-position:top center;
   
}

/* L'en-tête */

#en_tete
{
   width: 850px;
   height: 160px;
   background-image: url("../images/banniere.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   
}


/* Le menu */

#menu
{
   float: left;
   width: 150px;
   
}

.element_menu
{
   background-color: #6c7c5a;
   background-image: url("../images/background-menu.png") ;
   background-repeat: repeat-x;
   
   border: 5px solid #155721;
   margin-right: 50px;
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("../images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le corps de la page */

#corps
{
   margin-left: 30px;
   margin-bottom: 20px;
   margin-top: 20px;
   padding: 5px;
   width:700px;
   color: #B3B3B3;
   background-color: #6c7c5a;
   background-image:;
   background-repeat: repeat-x;
   text-align:center;
   border: 5px solid #155721;
   font: bold 10.5px Verdana, Arial, Helvetica, sans-serif;
}
#corps a { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }
#corps a:hover { color: #acb28c; }

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family:10px Verdana, Arial, Helvetica, sans-serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}

#corps2
{
   margin-left: 30px;
   margin-bottom: 20px;
   margin-top: 20px;
   padding: 5px;
   width:700px;
   color: #B3B3B3;
   background-color: #6c7c5a;
   background-image:;
   background-repeat: repeat-x;
   text-align:center;
   border: 5px solid #155721;
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
#corps2 a { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }
#corps2 a:hover { color: #acb28c; }

#corps2 h1
{
   color: #B3B3B3;
   text-align: center;
   font-family:10px Verdana, Arial, Helvetica, sans-serif;
}

#corps2 h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}



#corps3
{
   margin-left: 30px;
   margin-bottom: 20px;
   margin-top: 20px;
   padding: 5px;
   width:700px;
   color: #b6bba1;
   background-color: #6c7c5a;
   background-image:;
   background-repeat: repeat-x;
   text-align:left;
   border: 5px solid #155721;
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
#corps3 a { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }
#corps3 a:hover { color: #acb28c; }

#corps3 h1
{
   color: #B3B3B3;
   text-align: center;
   font-family:10px Verdana, Arial, Helvetica, sans-serif;
}

#corps3 h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   text-align:center;
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;

   text-align: center;
   margin-left:20px;
   color: #B3B3B3;
   background-color: #6c7c5a;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   border: 5px solid #374935;
}

#pied_de_page a { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }
 
#pied_de_page a:hover { color:#acb28c; }


/* menu HORIZONTHAL */

#menuPrincipal {width: 351px; height: 39px; margin:0 auto 0 auto; padding: 0 25px 0 25px; background-image:url(../images/sousmenu.png); background-repeat: no-repeat; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center; }
#menuPrincipal ul {height: 39px; margin:0; padding:0; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
#menuPrincipal li  {float:left; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#menuPrincipal li.imageSeparateur {float:left; width:3px; height: 39px; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#menuPrincipal a {display: block; width: 87px; height: 27px; margin: 0; padding:12px 0 0 0; text-align:center; text-decoration: none; color:#fff;}
#menuPrincipal a.pageActive { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#fff;}
#menuPrincipal a:visited {center; color:#fff;}
#menuPrincipal a:hover { background-image: url(../images/menuPrincipalOver2.gif); background-repeat:no-repeat; background-position:top center; color:#acb28c; }

#realisation {color:#fff; text-align:right;}
#realisation p:hover {color:#acb28c;}

.caracteristiques { text-decoration:underline; font:bold;}

.special { text-decoration:underline;}
.special2 { text-decoration:underline; color:#fff; font: bold; background-color:#b6bba1;}