/**************************************PAGE ENTIERE*****************************************/

body
{
   margin: auto; /* Pour centrer notre page */
   margin-top: none; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	background-color:  #f6f6f6;
   font-family: Verdana, Arial, "Times New Roman", Times, serif;
   font-size: 0.9em;
   position: absolute;
   width: 100%;
}

body img
{
border-style:none;
}


/* *****************************************L'ENTETE*****************************************/

#en_tete
{
   height: 135px;
  /* width: 95%;*/
   background-repeat: repeat-x;
   padding: 5px;
}

/********************************************MENU********************************************/

#onglet
{
	float: top;
	width: 580;
	height: 35;
	margin-left: 10px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-right: 10px; /*valeur a changer a 144 pour la pub sinon 10*/
	margin-bottom: 5px;
	border: 5px double #e32322;
	-moz-border-radius: 10px;
	padding: 1px;
	background-color: black;
}


#onglet table
{
	text-align: center;
	width:100%;
	font-weight: bold;
}

#onglet a
{
	color: #ffffff;
	text-decoration: none;
}


#onglet a:hover
{
	color: #e32322;
}


.onglet_princ
{
	-moz-border-radius: 10px;
}

.onglet_princ a:hover
{
	text-transform: none;
}

.onglet_sec
{
	-moz-border-radius: 10px;
}

.onglet_sec a:hover
{
	text-transform: none;
}

/*************************************PARTENAIRE********************************************/

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

.dons
{
   background-color: white;
   background-repeat: repeat-x;
   border: 2px solid #e32322;
   -moz-border-radius: 10px;
   padding: 5px;
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
	text-align:center;
	vertical-align:middle;
}

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

.dons a:hover
{
   color: red;
   text-decoration: blink;
}

h7
{
	color:#e32322;
	font-size:16px;
	font-weight: bold ;
	text-align: center;
}

/*************************************ALEATOIRE***********************************************/

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


.element_aleatoire
{
   background-color: white;
   background-repeat: repeat-x;
   border: 2px solid #e32322;
   -moz-border-radius: 10px;
   padding: 2px;
   text-align:center;
}

/* *******************************LE CORPS DE LA PAGE************************************/

#corps
{
   margin-left: 175px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 220px; /*Valeur a changer a 144 pour la pub! sinon 10*/
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-bottom: 0px;
   color: black;
   background-color: #ffffff; /* Une couleur de fond pour le corps #f9f7ee*/
   /*background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   border: 5px double #e32322; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   -moz-border-radius: 15px;
}

hr {
clear: both;
visibility: hidden;
display:block;
height: 0px;
padding: 0;
color: #F00;
background-color: #F00;
border: 0;
}

#corps a
{
	color: #6064f1; /*couleur bleu*/
	text-decoration: none;
}

#corps a:hover
{
   color: #0000BF;
}


.tableau
{
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid red; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   -moz-border-radius: 10px;
}

.tableau tr td
{
	border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	padding: 5px;
   -moz-border-radius: 10px;
}

.tableaunoborder
{
	margin-top: 10px;
	margin-bottom: 20px;
}

h1
{
	color:#ff9200; /*couleur orange*/
	text-align: center;
}

#corps h2 a
{
	color:#ff9200; /*couleur orange*/
	text-decoration: none;
}

#corps h2 a:hover
{
	color: black;
	text-decoration: underline;
}

.avis a
{
	color : red;
	font-weight : bolder;
	text-decoration : underline;
}



/* **********************************LE PIEDS DE PAGE**************************************** */

#pied_de_page
{
   padding: 3px;
   text-align: center;
   color: black;
   background-color: white;
   background-repeat: repeat-x;
   border: 2px solid #e32322;
   -moz-border-radius: 10px;
   margin: 5px;
}

#pied_de_page a
{
	color: #6064f1; /*couleur bleu*/
	text-decoration: none;
}