body
{
width: 100%;
margin: auto; 
margin-top: 20px;
margin-bottom: 20px;
background:url(images/fond.png) center fixed;
}

#en-tete
{
width: 0.1%;
height: 120px;
left: 0.1%;

background-repeat: no-repeat;
margin-bottom: 10px;
}

#en-tete1
{
width: 123px;
height: 120px;
left: 10%;
top: 20px;
position: absolute;
background-image:url(images/logo.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
}

#en-tete2
{
width: 125px;
height: 120px;
left: 75%;
top: 20px;
position: absolute;
background-image:url(images/logo.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
}

#menugauche
{
top: 150px;
position: absolute;
left: 0.5%;
width: 17%;
-moz-opacity:0.8;   /* transparence mozillainférieure ou égale a 1.6*/
   opacity: 0.8;	/* transparence mozillain firefox */
   filter: alpha(opacity=80);	/* transparence IE*/
}


#menudroite
{
top: 150px;
position: absolute;
left: 82%;
width: 17%;
margin-left: 4px;
-moz-opacity:0.8;   /* transparence mozillainférieure ou égale a 1.6*/
   opacity: 0.8;	/* transparence mozillain firefox */
   filter: alpha(opacity=80);	/* transparence IE*/
}
.element-menu
{
background-color: #72a650;
background-image:url(images/menu.png);
background-repeat: repeat-x;
border: 2px solid green;
margin-bottom: 20px;


}

 /*quelques effets sup sur le menu*/
 
 .element-menu h3 /*tous les titres des menus*/
 {
 color: #103ea0;
 font-family:Thickhead,Typewriter,"Times New Roman";
 text-align: center;
 margin-top:5px;
 }
 
 .element-menu  ul /*tous les listes a puce se trouvent dans menu*/
 {
 list-style-image:url(images/pucemenu.png);
 padding: 0px;
 padding-left: 30px;
 margin:0px;
 margin-bottom:5px;
 font-size: 18px;
 }
 
 .element-menu a /* tous les liens se trouvant dans un menu*/
 {
 color: #ffcc33;
 text-decoration:none;
 }
 
 .element-menu a:hover /*quand on pointe sur un lien du menu*/
 {
 background-color: ;
 color: #dd6900;
 }
 
#google
{
top: 35px;
position: absolute;
left: 26%;
width: 45%;
color: #ffffc0;
background-color: #72a650;
background-image: url(images/menu2.png);
background-repeat: repeat-x;
border: 2px solid green;

 -moz-opacity:0.8;   /* transparence mozillainférieure ou égale a 1.6*/
   opacity: 0.8;	/* transparence mozillain firefox */
   filter: alpha(opacity=80);	/* transparence IE*/
   

}

 .element-google h3
 {
 margin: 0; padding: 0;
 color: #103ea0;
 font-family:Thickhead,Typewriter,"Times New Roman";
 font-size: 24px;
 text-align: center;
 margin-top:5px;
 
 }



#corps
{
   width: 62.5%;
   margin-top: 10px;
   margin-left: 18%;
   margin-bottom: 20px;
   padding: 5px;
   
    -moz-opacity:0.8;   /* transparence mozillainférieure ou égale a 1.6*/
   opacity: 0.8;	/* transparence mozillain firefox */
   filter: alpha(opacity=80);	/* transparence IE*/
   
   color: #ffffc0;
   background-color: #72a650;
   background-image: url(images/menu2.png);
   background-repeat: repeat-x;
   border: 2px solid green;
}

#corps h1 /* Tous les titres h1 du corps */
{
   margin: 0; padding: 0;
   color: #103ea0;
   text-align: center;
   font-family:Thickhead,Typewriter,"Times New Roman";
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   padding-left: 30px;
   color: #ffcc33;
   text-align: left;
}

#corps h4 /* Tous les titres h2 du corps */
{
   text-decoration: underline;
   height: 12px;
   padding-left: 30px;
   color: #103ea0;
   text-align: left;
}

#corps h5 /* Tous les titres h2 du corps */
{
   text-decoration: underline;
   text-decoration: blink;
   height: 13px;
   padding-left: 30px;
   color: #800080;
   text-align: left;
}
#corps h5 /* Tous les titres h2 du corps */
{
   height: 13px;
   padding-left: 30px;
   color: #800080;
   text-align: left;
}

.image /* Tous les images sont centrées */
{
	display: block; margin-right: auto; margin-left: auto;
}

.texte /* les classe texte sont centré */
{
	text-align: center;
}

#corps  ul /*tous les listes a puce se trouvent dans menu*/
 {
 list-style-image:url(images/pucemenu.png);
 padding: 0px;
 padding-left: 30px;
 margin:0px;
 margin-bottom:5px;
 font-size: 20px;
 text-align: center;
 }

#corps p
{
color: #103ea0;
font-size: 20px;
}

#corps a /* tous les liens se trouvant dans un corps*/
 {
 color: #103ea0;
 text-decoration:none;
 }

#corps a:hover /*quand on pointe sur un lien du corps*/
{
 background-color: ;
 color: #ffcc33;
 }
 
strong/* mot important dans corps */
{
color: #ffcc33;
text-decoration: underline;
}

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

#pied-de-page
{
padding-bottom:10px;
   text-align: center;
   vertical-align: top;
   color: #103ea0;
   background-color: ;
   background-image: url(images/menu2.png);
   background-repeat: repeat-x;
   border: 2px solid green;
   width: 63.5%;
   height: 30px;
   margin-left: 18%;
  
}