/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
http://www.siteduzero.com
*/

body
{
  width: 800px;
   margin-left: auto; 
   margin-right: auto; 
   margin-top: 5px; 
   margin-bottom: 20px;   
   position:relative;
   font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif, "Times New Roman", Times, serif; 
   font-size: 11px;
   color : #000000;
   
}


a img /* pas de bordure des images */
{
   border: none; 
}


/* en-tête */

#en_tete
{
   width: 800px;
   height: 100px;
  margin-bottom: 10px;
 
}


/* menu_horizontal */
#menu_horizontal
{
   width: 800px;
   height: 30px;
   margin-bottom: 10px;
}

ul {
list-style-type: none;
width: 100%; 
}

.menu li {
float: right;
}

.menu a {
margin: 0 2px;
padding: 0 2px;
width: 130px;
height: 15px;
display: block;
text-align: center;
border: 2px solid green;
text-decoration: none;
color: #FFFFFF;
background: #008B8B;
}

.menu a:hover {
background: #008B8B;
border: none; 
}

.menu a:active {
background: gray;
border: 1px solid gray; 
color: #000000;
}

/*  menu vertical*/

#menu
{
   float: left;
   width: 160px;
}
.element_menu
{
   border: none;
   margin-top: 0px;
   margin-bottom: 10px;
}

.element_menu h3
{   
   color: #008000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
}
.element_menu ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}
.element_menu a
{
   color: #000000;
}
.element_menu a:hover
{
   background: green;
   color: #ffffff;
}


/*  corps de la page */

#corps
{
   width: 600px;
   float: auto;
   margin-left: 170px;
   margin-top: 10px;
   margin-bottom: 20px;
   padding: 5px;
   color: #000000;
   background-color: none;
   border: none;
}

.imageflottante
{
   float: left;
   font-size: 3em; 
   margin-right: 10px;
	margin-left: 10px;    
}

h1 {
	color:#2e8b57;
	font-size: 22px;
	line-height: 44px;
	font-weight: bold;
	
	}


h2 {
	color: #2e8b57;
	font-size: 18px;
	line-height: 10px;
	font-weight: bold;
	
	}


h3 {
	color: #2e8b57;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	
	}

.gros {
font-size : 2em
}

.petit {
font-size: 1em;
}

	
	
{   
   color: green;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
}

hr
{
 color: #008B8B;
 background: #008B8B;
 height: 2px;
 padding: 0;
 margin: 0;
 border: 0;
}


#cellule_couleur_rose
{
   margin-left: 1px;
   margin-bottom: 1px;
   padding: 5px;
   background-color: #ffe4c4;
   background-repeat: repeat-x;
   border: 1px;
}

#cellule_couleur_bleu
{
   margin-left: 1px;
   margin-bottom: 1px;
   padding: 5px;
   background-color: #e6e6fa;
   background-repeat: repeat-x;
   border: 1px;
}

#cellule_couleur_vert
{
   margin-left: 1px;
   margin-bottom: 1px;
   padding: 5px;
   background-color: #dcdcdc;
   background-repeat: repeat-x;
   border: 1px;
}

#cellule_couleur_rouge
{
   margin-left: 1px;
   margin-bottom: 1px;
   padding: 5px;
   background-color: #dc143c;
   background-repeat: repeat-x;
   border: 1px;
}

#cellule_couleur_orange
{
   margin-left: 1px;
   margin-bottom: 1px;
   padding: 5px;
   background-color: #ffd047;
   background-repeat: repeat-x;
   border: 1px;
}


td,  th /* Toutes les cellules des tableaux... */
{
   border: 1px solid black; /* ... auront une bordure de 1px */
  	
}

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 11px;
   color: #008B8B;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #008B8B;
   color: white;
   font-size: 11px;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   font-size: 11px;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/* Listes à puces non ordonnées */

.cercle
{
   list-style-type: circle;
}
.carre
{
   list-style-type: square;
}
.rien
{
   list-style-type: none;
}


/*  pied de page  */

#pied_de_page
{
   
   padding: 5px;
   width: 800px;
   float: auto;
   margin-left: auto;
   font-size: 10px;
   color: #008B8B;
   background-color: none;
   border: none;
}