body
{
   width: 80%;
   margin: auto;
   margin-top: 4px;
   margin-bottom: 10px;   
   background-color:#000000 ;
   font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif, "Times New Roman", Times, serif; 
   font-size: 11px;
   color : #FFFFFF;
}


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

/* L'en-tête */

#en_tete
{
   width: 100%;
   height: 200px;
   margin-bottom: 0px;
  
}

/* Conteneur central */
#centre {
background: #ff00FF;
}

#centre-bis {
	background: url(img/11-coldroite.png) repeat-y right top;
}

/* Navigation */
#navigation {
	background: #F48000;
}
#navigation a {
	color: #FF6533;
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}

/* Contenu principal */
#principal {
	height: 1300px;
	color: #181A12;
	background: #9B2775;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif, "Times New Roman", Times, serif; 
	font-size: 11px;
	color : #FFFFFF;
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}

/* Contenu secondaire */
#secondaire {
	background: #009049;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	width: 80%;
	max-width: 90em;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding: 20px 0;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central */
#centre-bis {
	width: 100%;
	height: 1300px;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 200px;
	height: 1300px;
	padding-left: 10px;
	margin-right: 10px;
		
}
#navigation ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
}

#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif, "Times New Roman", Times, serif; 
	font-size: 11px;
	color : #FFFFFF;
}

#navigation a:hover
{
   background: green;
   color: #ffffff;
}

/* Contenu principal */
#principal {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 200px;
	
	
}
#principal > :first-child {
	margin-top: 0px;
	
}
#principal p, #principal li {
	line-height: 1.5;
	
}

/* Contenu secondaire */
#secondaire {
	float: right;
	width: 150px;
	height: 1500px;
	padding: 12px 20px;
	padding-left: 10px;
}

#secondaire a {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif, "Times New Roman", Times, serif; 
	font-size: 11px;
	color : #FFFFFF;
}


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

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


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


h3 {
	color: #F48000;
	font-size: 24px;
	line-height: 10px;
	font-weight: bold;
	
	}

.gros {
font-size : 2em
}

.petit {
font-size: 1em;
}


hr
{
 color: #2e8b57;
 background: #2e8b57;
 width: 95%;
 height: 3px;
 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;
}

/* Tableau */

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 white;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   font-size: 11px;
   padding: 5px; /* marge intérieure  */
}


/* Pied de page */
#pied_de_page {
	width: 50%;
	margin: auto;
	margin-top: 4px;
	margin-bottom: 10px;   
	margin: 0;
	padding: 15px 260px 10px 200px;
	font-size: .85em;
	
}