/**************************************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 ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-color:  #12a3eb;
   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: 150px;
  /* width: 95%;*/
	background-image: url("../images/fond_degrade_bleu_phpBB2.png");
	background-repeat: repeat-x;
   padding: 10px;
}

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

#onglet
{
	float: top;
	width: 580;
	height: 35;
	margin-left: 175px; /* 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 #ff9200;
	-moz-border-radius: 10px;
	padding: 1px;
	background-color: white;
}

#onglet2
{
	float: top;
	width: 580;
	height: 35;
	margin-left: 175px; /* 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: 10px;
	border: 1px dashed #ff9200;
	-moz-border-radius: 10px;
	padding: 2px;
	background-color: white;
}

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

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

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

#onglet2 a
{
	color: #0077b2;
	text-decoration: none;
}

#onglet a:hover
{
	color: blue;
}

#onglet2 a:hover
{
	/*text-decoration: underline;*/
	color: #ff9200;
}

.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: 155px; /* Très important : donner une taille au menu */
   margin-right: 10px;
   margin-left: 10px;
}

.element_partenaire
{
   background-color: white;
   background-image: url("../images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid #ff9200;
   -moz-border-radius: 10px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   padding: 2px;
}

/* Quelques effets sur le id partenaire*/

.element_partenaire h3/* Tous les titres de menus */
{   
   color: black;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
}

.element_partenaire ul
{
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   text-align: center;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   list-style-type: none;
}

.element_partenaire a/* Tous les liens se trouvant dans un menu */
{
   color: #0077b2;
}

.element_partenaire a:hover
{
   color: blue;
}


.avis
{
   background-color: white;
   background-image: url("../images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid #ff9200;
   -moz-border-radius: 10px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
	text-align:center;
	vertical-align:middle;
}

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

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

/* *******************************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: 10px; /*Valeur a changer a 144 pour la pub! sinon 10*/
   margin-bottom: 10px; /* 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: black;
   background-color: #f3f4fe; /* Une couleur de fond pour le corps #f9f7ee*/
   /*background-image: url("images/motif.png");/*
   /*background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   border: 5px double #ff9200; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   -moz-border-radius: 15px;
}

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

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

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

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

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

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

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

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



/*************************************PUBLICITE***********************************************/

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

.element_pub
{
   background-color: white;
   background-image: url("../images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid #458adf;
   -moz-border-radius: 10px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Quelques effets sur le id partenaire*/

.element_pub h3
{   
   color: black;
   text-align: center;
   text-transform: uppercase;
   text-decoration: underline;
}

.element_pub ul
{
   /*list-style-image: url("../images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   text-align: center;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   list-style-type: none;
}

.element_pub a
{
   color: black;
}

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

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

#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: black;
   background-color: white;
   background-image: url("../images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid #ff9200;
   -moz-border-radius: 10px;
   margin: 10px;
}