/* CSS Document */
body
{
   width: 900px;
min-height: 700px;
   margin: auto; 
   margin-top: 10px; 
   margin-bottom: 20px;  
   border: 1px solid #808080;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size:12px

}

/* Header */

#header
{
   width: 900px;
   height: 80px;
   background-image: url("images/banniere.png");
   background-repeat: repeat-x; 
   margin-bottom: 10px;
}


/* Menu Top */

#menu_top
{
   width: 900px;
   height: 20px;
   margin-bottom: 10px;
   background-image: url("images/top.png");
    
}

.element_menu_top
{
   text-decoration: none;
   color: #FFFFFF;
   font-weight: bold;
}

.element_menu_top a
{
   text-decoration: none;
   color: #FFFFFF;
}

.element_menu_top a:hover 
{
   text-decoration: none;
   color: #FFFFFF;
}

/* Menu gauche newsletter */

#menu_gauche
{
   float: left; /* Le menu flottera à gauche */
   width: 130px; /* Très important : donner une taille au menu */
   margin-left: 10px;
   
 }

.element_menu_news
{
   background-color:#FFFFFF;      
   border: 1px solid #808080;   
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu_news_validation
{
   background-color:#FFFFFF;      
  
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu_etcredit
{
   background-color:#FFFFFF;      
   border: 1px solid #808080;   
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu_thematique
{
   background-color:#FFFFFF;      
   border: 1px solid #808080;   
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
   
}

.element_menu_thematique_thema
{
   font-size:11px;
   padding: 5px;
   text-align:justify;
}

.element_menu_offres
{
   font-size:11px;
   padding: 5px;
   
}

.element_menu_offres a
{
   font-size:9px;
   padding: 2px;
   text-align:justify;
}

/* Menu droite */

#menu_droite
{
   float: right; /* Le menu flottera à droite */
   width: 130px; /* Très important : donner une taille au menu */
   margin-right: 10px; 
 }


.annonce_google
{
   background-color: #FFFFFF;   
   border: 1px solid #808080;   
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}



/* Quelques effets sur les menus */


.element_menu_news h4 /* Tous les titres de menus */
{   
   background-color:#000000; 
   color: #FFFFFF;
   text-align: center;
   padding: 2px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
     }
	 
.element_menu_news h5 /* Texte Menu */
{   
     
   color: #000000;
   text-align: left;
   text-align: justify;
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
       }

.element_menu_etcredit h4 /* Tous les titres de menus */
{   
   background-color: #000000;  
   color: #FFFFFF;
   text-align: center;
   padding: 2px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
     }
	 
.element_menu_etcredit h5 /* Texte Menu */
{   
   color: #000000;
   text-align: left;
   text-align: justify;
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
    }
	

.element_menu_thematique h4 /* Tous les titres de menus */
{   
   background-color:#000000; 
   color: #FFFFFF;
   text-align: center;
   padding: 2px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
     }

.element_menu_thematique_thema a /* Tous les liens se trouvant dans un menu */
{
   text-decoration: none;
   color: #000000;
}

.element_menu_thematique_thema a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration: none;
   color: grey;
}

/* Le corps de la page */

#corps
{
   margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 150px; /*Marge droite*/
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #000000;
   background-color: #FFFFFF; /* Une couleur de fond pour le corps */
   border: 1px solid #808080; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: left;
   }

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
   }
   
   
#corps h3 /* Tous les titres h3 du corps */
{
  
   background-color: #930000;
   padding-left: 30px;
   color: #FFFFFF;
   text-align: left;
}

span.liens a /* Tous les liens se trouvant dans un menu */
{
   text-decoration: none;
   color: #000000;
}

span.liens a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration: none;
   color: #808080;
}


/* Carre pub */

.carrepub
{
   width: 250px;
   height: 250px;
   color: #000000;
   background-color: #FFFFFF; /* Une couleur de fond pour le corps */
   border: 1px solid #808080; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   
}

/* Tableaux */

.tableaux
{
   width: 270px;
   height: 65px;
   border: 1px solid #808080; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   font-weight: bold;  
   margin-bottom: 10px;
}

.tableaux a /* Tous les liens se trouvant dans un menu */
{
   text-decoration: underline;
   color: #000000;
}

.tableaux a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration: none;
   color: #808080;
}

.tableaux_cc
{
   width: 580px;
   height: 80px;
   border: 1px solid #808080; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
     margin-bottom: 10px;
}

.tableaux_credit
{
   width: 580px;
   height: 150px;
   border: 1px solid #808080; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   margin-bottom: 10px;
}

.tableaux_moteur
{
   width: 580px;
   height: 120px;
   border: 1px solid #808080; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   font-weight: bold;  
   margin-bottom: 10px;
}

.tableaux_ex
{
   width: 500px;
   height: 100px;
   border: 1px solid #808080; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   font-weight: bold;  
   margin-bottom: 10px;
}

.tableaux_cc a /* Tous les liens se trouvant dans un menu */
{
   text-decoration: underline;
   color: #000000;
}

.tableaux_cc a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration: none;
   color: #808080;
}

.tableaux_credit a /* Tous les liens se trouvant dans un menu */
{
   text-decoration: underline;
   color: #000000;
}

.tableaux_credit a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration: none;
   color: #808080;
}



/* Bandeau carre pub */

#bandeaucarrepub
{
   margin-left: 315px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   
   width: 250px;
   height:10px;
   background-image: url("images/publicite.png"); 
   background-repeat: no-repeat; 
   
}

.liens a /* Tous les liens se trouvant dans un menu */
{
   text-decoration: none;
   color: #000000;
}

.liens a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration: none;
   color: #808080;
}

/* Footer */

#footer
{
  
   margin-left: 10px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 10px; /*Marge droite*/
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 2px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   text-align: center;
   color: #000000;
   background-color: #FFFFFF;   
   border: 1px solid #808080;
  
}

.element_footer a /* Tous les liens se trouvant dans un menu */
{
   text-decoration: none;
   color: #000000;
}

.element_footer a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration: none;
   color: #808080;
}