body
{
   width: 900px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   background-image: url("images/terre2.jpg") ;
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-position:right top;

}

/* L'en-tête */

#en_tete
{
   width: 785px;
   height: 184px;
   background-image: url("images/bandeau.jpg") ;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
   font-family: "Trebuchet MS", helvetica, sans-serif;
}
#en_tete img
{
border: none;
}
div.menuhead
{
   float: left;
   margin-top: 116px;
}

/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   font-family: "Trebuchet MS", helvetica, sans-serif;
}
.element_menu
{
   background-repeat: repeat-x;
   background-image: url("images/menufdh.jpg") ;
   background-color: #9ACD32;
   border: 2px solid black;

   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_menu
{
   background-repeat: repeat-x;
   background-image: url("images/menufdh.jpg") ;
   background-color: #9ACD32;
   border: 2px solid black;

   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.bouton a {
display:block;
width:120px;
line-height:50px;
text-align:center;
vertical-align:middle;
background:url("images/bouton-noir.png") no-repeat;
color:white;
text-decoration:none;
}
.bouton a:hover {
background:url(mages/bouton-noir-2.png) no-repeat;
}
.boutonb a {
display:block;
width:220px;
line-height:30px;
text-align:center;
vertical-align:middle;
background:url("images/boutonb.jpg") no-repeat;
color:black;
text-decoration:none;
}
.boutonb a:hover {
background:url("images/boutonb2.jpg") no-repeat;
}
.boutonc a
 {
display:block;
width:170px;
line-height:30px;
text-align:center;
vertical-align:middle;
background:url("./images/boutonb1.jpg") no-repeat;
color:black;
text-decoration:none;
}
.boutonc a:hover
 {
background:url("./images/boutonb21.jpg") no-repeat;
color: black;
}
/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #B3B3B3;
   font-family: "Trebuchet MS", helvetica, sans-serif;
   text-align: center;
}

.element_menu ul
{

   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #FFFFFF;
}
.element_menu h3
{
   color: #FFFFFF;
}

.element_menu a:hover
{
   background-color: #9ACD32;
   color: #FFFFFF;
   font-size: 110%;
}

.element_menu a:visited
{
  color: #FFFFFF;
}


/* Le corps de la page */

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   font-family: "Trebuchet MS", helvetica, sans-serif;
   color: black;
   background: #9ACD32; /* opacity: 0.85; */
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid black;
}
.imageflottante
{
   float: right;
   margin-left: 20px;
}
.imageflottanteright
{
   float: right;
   margin-right: 50px;
   margin-top: 23px;
}
.imageflottanteleft
{
   float: left;
   margin-left: 20px;
}


.cont {
text-align:left; /* On place le texte à gauche */
color:#000;
margin:0;
padding:0;
margin-right:20px; /* On fais une marge de 20 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:10px; /* On fais une marge de 95 pixel à gauche pour éviter que le texte ne colle à la bordure */

}
p.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
p.info:hover{
z-index:25;
background-color:#FFF
}
 
p.info span{
display: none
}
 
p.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}
label {
display: block;
width:270px;
float: left;
text-align:right;
}

/* Mise en page des puces */
div.box{
    background:url(./images/box-top.jpg) 0 0 no-repeat;
    padding:10px 0 0 0;
	margin-left: 90px; 

}
div.marge
{margin-bottom:60px;}

div.box-bg{
    background:url(./images/box-bg.jpg) 0 100% no-repeat;
    padding:0 10px 10px 10px;
}
.clicTitre
  {
  border-color: #9ACD32;
  background-color: #9ACD32;
  }
.clickTitre a:link {color: red ; text-decoration: underline overline ;}
.clickTitre a:hover {border: 1px solid #000000; color: #00FBFF} 
.clicCacher
  {
  position: relative;
  text-align:right;
  width: 30px;
  }
  



#corps a
{
  color: #FFFFFF
}
.clickTitre a:link {color: red ; text-decoration: underline overline ;}
.clickTitre a:hover {border: 1px solid #000000; color: #00FBFF} 
#corps a:hoover
{
  color: #FFFF33
}
.clickTitre a:link {color: red ; text-decoration: underline overline ;}
.clickTitre a:hover {border: 1px solid #000000; color: #00FBFF} 
#corps h1
{
   color: black;
   text-align: center;
   font-family: "Trebuchet MS", helvetica, sans-serif;
}

#corps h2
{
   height:  20px;
   padding-left: 30px;
   color: black;
}

#corps h4
{
   color: green;
}
table.tarifs
{
 background-color:#FFFF66;
} 
table.contact
{
background-color:#9ACD32;}
#corps tr
{
 horizontal-align:middle;
}
#corps td
{
text-align:center;
}

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

#pied_de_page
{
   padding: 5px;
   margin-left: 140px;

   text-align: center;

   color: #B3B3B3;
   background-color: #626262;
   background-repeat: repeat-x;
   
   border: 2px solid black;
}
#pied_de_page a
{
  color: #FFFFFF
}
#pied_de_page a:hoover
{
  color: #FFFF33
  .box
{
position: relative;
border: dashed 1px #dadada;
margin-top: 15px;
background: inherit;
color: #AAB165;
}