/* FEUILLE de STYLE N°1 - Agroglyphes */
/* Navigation toutes pages + Page d'accueil */

* { /* Réinitialisation des comportements par défaut de certains éléments : p, h1, ... */
	margin: 0;
	padding: 0; }
	
*a {
	position:relative; }

img { /* Enlève la bordure pour toutes les images (notamment pour celles représentant des liens) */
	border-width: 0;
	border-style: none; }

table {
	margin-left: auto;  /* Pour centrage */
	margin-right: auto;
	border-collapse: collapse; }

/**********************************************************************************************/
/* CONTENEURS principaux */
/**********************************************************************************************/

body { /* Ensemble de la fenêtre de l'explorateur */
	background: #DCBD76; /* Couleur entourant la page, lorsque la fenêtre est plus grande */
	margin: 10px 0 10px 0; /* Marge (entre le bord de la fenêtre et le début de la "page") de 10 pixels en haut et en bas, 0 sur les côtés */
	padding: 0; /* Ecart entre le contenu de la page et le bord de la page */
	text-align: center; /* La page est centrée dans la fenêtre : ne marche pas pour Firefox */
	font-family: arial, helvetica, sans-serif; } 

#conteneur_principal { /* Ensemble de la page */
	width: 980px; /* Largeur totale de la page*/
	background: #EAD8AC; /* Fond de la page */
	background: #EEDFBB; /* Fond de la page */
	margin-left: auto;  /* Centrage de la page : ne marche pas sous IE */
  margin-right: auto;
	text-align: center; }

#menu_principal { /* Menu PRINCIPAL (à gauche)... */
	/*background-color: #CC0066;*/  /* Couleur de TEST positionnement... */
	/*position: absolute;  */ /* Fonctionnait sous FF (sans le "float") mais pas sous IE... */
	float: left;  /* Nécessaire pour IE */
	width: 265px;
	margin: 26px 10px 10px 10px; }

#espace_sous_menu { /* Espace en dessous du menu principal (à gauche)... */
	/* ATTENTION à ce que le "Conteneur HAUT" soit assez long pour repousser le "Conteneur BAS" au-delà de l'Espace soue Menu" !... */
	/*background-color: #FF99FF; */ /* Couleur de TEST positionnement... */
	position: absolute;
	width: 265px;
	margin: 430px 10px 10px 10px; }

#menu_secondaire { /* Menu SECONDAIRE (en haut à droite)... */
	/*background-color: #66FF99; */ /* Couleur de TEST positionnement... */
	position: relative;
	margin: 10px 10px 10px 285px;
	text-align: right;
	padding-right: 0px;
	font-weight: 600; }

#conteneur_haut { /* Premier conteneur, à droite du menu principal... */
	/*background-color: #3399FF;*/  /* Couleur de TEST positionnement... */
	position: relative;
	margin: 10px 10px 10px 285px;
	padding: 0 10px 0 10px;
	text-align: justify;
	min-height: 800px;  /* A adapter en cas de modification du menu... */ }

#conteneur_bas { /* Deuxième conteneur, sous le menu... */
	/*background-color: #009900; */ /* Couleur de TEST positionnement... */
	position: relative;
	margin: 10px 10px 10px 10px;
	padding: 0 10px 0 10px;
	text-align: justify; }

#banniere_bas {
	/*background-color: #990000; */ /* Couleur de TEST positionnement... */
	margin-top: 20px; }
	
#banniere_haute img {
	display: block; }	 /* Nécessaire sous IE7 car sinon marge de 3px sous image... */

#banniere_bas img {
	display: block; }	 /* Nécessaire sous IE7 car sinon marge de 3px sous image... */
	
/**********************************************************************************************/
	
.update_navigateur_out {  /* Paragraphe proposant la mise à jour du navigateur... */
	padding: 10px;
	background-color: #5784C5; }

.update_navigateur {  /* Paragraphe proposant la mise à jour du navigateur... */
	padding: 10px;
	border-color: #BB0000;
	border-width: 3px;
	border-style: solid;
	background-color: #DFEFFF; 
	text-align: left; }
	
.update_navigateur img {
	float: left;
	margin: 8px 20px 20px 0; }
		
.update_navigateur p {
	color: #BB0000;
	padding-bottom: 5px;
	font-size: 0.9em; }
	
.update_navigateur p.important {
	font-weight: 600;
	text-decoration: underline; }
	
.update_navigateur p.petit {
	font-style: normal;
	font-size: 0.8em; }

.update_navigateur a {
	color: #BB0000;
	text-decoration: underline; }

.update_navigateur a:hover {
	text-decoration: none; }

/**********************************************************************************************/

img.precharge {  /* Préchargement des images (pour boutons avec survol)... */
	display: none; }

#mise_jour { /* Ligne de mise à jour */
	text-align: center;
	font-size: 12px;
	color: #888888;
	font-weight: normal;
	padding: 10px 0; }

div.image_titre {
	text-align: center;
	margin: 0; }

/**********************************************************************************************/
/* BOUTONS du MENU */
/**********************************************************************************************/
	
#menu_principal .bouton_75 {
	text-align: center;
	width: 270px; /* Largeur définie nécessaire pour centrage sous FF */
	margin: auto; /* Pour centrage FF */
	padding: 0; }

#menu_principal .bouton_75 a {  
	display: block;  /* Permet que les images s'enchaînent à la ligne */
	width: 270px;  /* Nécessaire de définir les dimensions, sinon ne s'affiche pas... */
	height: 75px; }
	
#menu_principal .bouton_55 a {  
	display: block;
	width: 270px;
	height: 55px; }

/**********************************************************************************************/

#menu_principal .accueil_sous_menu { /* Lien ACCUEIL sous le menu principal */
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	margin-top: 18px; }
	
#menu_principal .accueil_sous_menu a {
	color: #606729;
	text-decoration: none; }
	
#menu_principal .accueil_sous_menu a:hover {
	color: #9AA743; }

#menu_principal .accueil_sous_menu img { 
	padding-top: 8px; }

#menu_secondaire .ligne_menu {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	padding-right: 10px;
	color: #AAA; }
	
#menu_secondaire .ligne_menu a {
	color: #606729;
	text-decoration: none; }
	
#menu_secondaire .ligne_menu a:hover {
	color: #9AA743; }

#menu_secondaire .ligne_menu span.select{
	color: #606729;
	text-decoration: underline; }

#menu_secondaire .ligne_menu span.inter{
	color: #444; }

#menu_secondaire img {
	padding-top: 10px; }

/**********************************************************************************************/

div.ligne_5 {
	clear: both;
	height: 5px; }

div.ligne_5s {
	height: 5px; }

div.ligne_10 {
	height: 10px; }

div.ligne_20 {
	height: 20px; }

/**********************************************************************************************/
/* Haut de page HORS paragraphe */

p.haut_de_page {
	font-family: Arial, Helvetica, Sans-serif;
	text-align: center;
	margin: 20px 400px;
	padding: 5px 0;
	border-top: 1px solid #CC3300;
	border-bottom: 1px solid #CC3300;
	font-size: 0.8em; }

.haut_de_page a {
	color: #CC3300;
	text-decoration: none; }
	
.haut_de_page a:hover {
	font-style: italic; }