body { 
	/* redéfini les propriétés de toute la page */
	overflow-y: hidden ; /* fonction microsoft supprimant les ascenseurs sous IE */
	margin: 0; /* la marge du body est à 0 pixels */
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	background-color:#256914;
	height:100%;
	background-image:URL("images/fond_page.jpg");
	background-repeat:repeat-y;
/*	SCROLLBAR-FACE-COLOR: #014598; /* -- ascenseur + boutons -- */
/*	SCROLLBAR-HIGHLIGHT-COLOR: #bdd3ff; /* ombre intérieur haut et gauche des boutons + ascensceurs */
/*	SCROLLBAR-SHADOW-COLOR: #FFFFFF;	/* ombre intérieur haut et droite des boutons + ascensceurs */
/*	SCROLLBAR-3DLIGHT-COLOR: #bdd3ff;	/* ombre extérieur haut et gauche des boutons + ascensceurs */
/*	SCROLLBAR-ARROW-COLOR: #FFFFFF; /* fleches de défilement active */
/*	SCROLLBAR-TRACK-COLOR: #bdd3ff;	/* couleur de fond de l'ascenseur */
/*	SCROLLBAR-DARKSHADOW-COLOR: #014598; /* ombre extérieur haut et droite des boutons + ascensceurs */
}	
 /* marge intérieure à 0 pixels */
html > body {overflow-y: auto} /* annule le overflow-y pour firefox 1.5 et supérieur */

#div_bug_IE_arbre
{
	overflow:auto;
	width:100%;
	height:100%;
	border:0px solid #CC0000;
}

H1{ display:inline; }

H2{ display:inline; }

a img {
    border: 0px;
	color:#000000
}

/* ************************* STRUCTURE GLOBALE *********************** */

/* ------------- div globale pour structure générale -------- */
#div_principal
{
	position:absolute;
	margin:0;
	height:100%;
	width:983;
	min-height:100%;
	background-color:#FFFFFF;
}
/* -------- div de gauche pour l'arbre ------------*/
#div_gauche
{
	padding:0px;
	margin:0 0 0 0;
	width:177px;
	height:100%;
	float:left;
	background-color:#FFFFFF;
	z-index:100;
}
#arbre
{
	background-image:URL("images/arbre_gauche3.gif");
	background-repeat:no-repeat;
	/*position:absolute;*/
	bottom:0px;
	left:0;
	width:170px;
	z-index:1000;
	height:762px;
	position:absolute;
}
body>#arbre {position:fixed}

/* --- div temporaire pour insérer toujours en haut l'image de fond blanc + menu---- */
#gauche_temp
{
	/*position:relative;*/
	z-index:1;
	height:210px;
	background-image:URL("images/image_gauche.jpg");
	background-repeat:no-repeat;
}
#contenu_haut
{
	position:absolute;
	top:50%;	/* -- centre le haut de la div à 50% de l'écran -- */
	height:50%;
	background-color:#CCFFFF;
	z-index:1000;
	overflow:none;
}
/* ---------------- div de droite pour le contenu ---------*/
#div_contenu
{
	padding:0px;
	margin:0 0 0 0;
	width:806px;
	min-height:100%;
	float:left;
	position: relative;
	background-image:URL("images/image_fond.jpg");
	background-color:#FFFFFF;
}

#banniere /* banniere */
{
	width:806px;
	margin:0 0 0 0;
	height:150px;
	padding:0px;
}
#banniere img {
	display: block;
}
#menu /* menu */
{
	background-image:URL("images/menu.jpg");
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0px;
	width:806px;
	height:59px;
}
#contenu /* contenu */
{
	margin:0 0 0 0;
	padding-bottom: 3em;
	width:806px;
	height:auto;
	position:relative;
}
#contenu_col_gauche /* Partie Texte de la zone de contenu  */
{
	margin:0 0 0 0; /* marges du haut, de droite, du bas et de gauche */
	/*padding-bottom: 3em;*/
	width:620px;
	height:auto;
	float:left;
	padding-bottom: 3em;
	bottom:0;
}
#contenu_col_droite /* Partie Texte de la zone de contenu  */
{
	margin:0 0 0 0;
	background-image:URL("images/bordure_cadre.jpg");
	background-repeat:no-repeat;
	/*padding-bottom: 3em;*/
	width:170px;
	min-height:168px;
	background-color:#FFFFFF;
	float:left;
	padding-bottom: 3em;
	text-align:center;
}
/* --- */
#contenu_col_border /* Partie BORDURE de la zone de contenu  */
{
	background-image:URL("images/bordure_droite_haut.jpg");
	background-repeat:no-repeat;
	padding:0px;
	margin:0 0 0 0;
	width:16px;
	height:46px;
	float:left;
	z-index:10000;
}

#agenda /* menu bas */
{
	margin:10px 9px 0 19px;
	width:140px;
}
/* -------*/ 
#menu_bas /* menu bas */
{
	background-image:URL("images/image_bas.jpg");
	background-repeat:no-repeat;
	position:absolute;
	bottom:0px;
	width:806px;
	height:41px;
	background-color:#FFFFFF;
	text-align:center;
	border:0px solid #000000;
}
#Divmenubas /* menu bas */
{
	margin-top:17px;
	border:0px solid #CC0000;
	text-align:center;
	position:relative;
	height:20px;
}
/* ******************************************************************** */

/* ************* DIV TYPO ********** */
/* ---  titre en couleur fond blanc ----- */
.div_titre
{
	margin:5px;
	padding-left:2px;
	padding-top:2px;
	width:auto;
	height:18px;
	background-color:#FFFFFF;
	color:#000000;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}

.div_texte
{
	margin : 0 5px 0 10px;
	padding-left:2px;
	padding-top:2px;
	width:auto;
	height:auto;
	color:#b2ceff;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	text-align:justify;
	line-height:15px;
}

.titre_noir
{
	margin : 0 5px 0 10px;
	padding-left:2px;
	color:#FFFFFF;
	FONT:11px Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	text-transform: uppercase;
}

.titre-blanc
{
	color:#FFFFFF;
	FONT:12px Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	text-transform: uppercase;
}

.texte_form
{
	color:#FFFFFF;
	FONT:10px Verdana, Arial, Helvetica, sans-serif;
	padding-left:12px
}

A.temp:link 
{
	FONT: 10px verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; TEXT-DECORATION: none;background-color:#000000;
}
A.temp:visited 
{
	FONT: 10px verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; TEXT-DECORATION: none;background-color:#000000;
}
A.temp:active 
{
	FONT: 10px verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; TEXT-DECORATION: none;background-color:#000000;
}
A.temp:hover 
{
	FONT: 10px verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; TEXT-DECORATION: none;background-color:#000000;
}

A.lien_noir:link 
{
	FONT: 11px verdana, Arial, Helvetica, sans-serif; COLOR: #000000; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_noir:visited 
{
	FONT: 11px verdana, Arial, Helvetica, sans-serif; COLOR: #000000; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_noir:active 
{
	FONT: 11px verdana, Arial, Helvetica, sans-serif; COLOR: #000000; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_noir:hover 
{
	FONT: 11px verdana, Arial, Helvetica, sans-serif; COLOR: #000000; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}

A.lien_vert:link 
{
	FONT: 11px Arial, Verdana, Helvetica, sans-serif; COLOR: #155206; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_vert:visited 
{
	FONT: 11px Arial, Verdana, Helvetica, sans-serif; COLOR: #155206; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_vert:active 
{
	FONT: 11px Arial, Verdana, Helvetica, sans-serif; COLOR: #155206; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_vert:hover 
{
	FONT: 11px Arial, Verdana, Helvetica, sans-serif; COLOR: #26800f; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_vert_livredor:link 
{
	FONT: 13px Arial, Verdana, Helvetica, sans-serif; COLOR: #2A3E23; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_vert_livredor:visited 
{
	FONT: 13px Arial, Verdana, Helvetica, sans-serif; COLOR: #2A3E23; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_vert_livredor:active 
{
	FONT: 13px Arial, Verdana, Helvetica, sans-serif; COLOR: #2A3E23; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A.lien_vert_livredor:hover 
{
	FONT: 13px Arial, Verdana, Helvetica, sans-serif; COLOR: #2A3E23; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}

/* ----------- TYPO CONTENU ------ */
.titre_vert
{
	color:#44902c;
	FONT:15px Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
.texte_titre_noir
{
	color:#000000;
	FONT:12px Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	text-align:left;
}
.texte
{
	color:#5f5f5f;
	FONT:11px Arial, Verdana, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
}

.texteform
{
	color:#5f5f5f;
	FONT:11px Arial, Verdana, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
}

.textevert
{
	color:#1d7409;
	FONT:12px Arial, Verdana, Helvetica, sans-serif;
	text-align:justify;
	FONT-WEIGHT: bold;
	line-height:15px;
}

.titre_date_agenda
{
	color:#44902c;
	FONT:14px Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
A:link 
{
	FONT: 11px Arial, Verdana, Helvetica, sans-serif; COLOR: #155206; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A:visited 
{
	FONT: 11px Arial, Verdana, Helvetica, sans-serif; COLOR: #155206; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A:active 
{
	FONT: 11px Arial, Verdana, Helvetica, sans-serif; COLOR: #155206; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
A:hover 
{
	FONT: 11px Arial, Verdana, Helvetica, sans-serif; COLOR: #26800f; TEXT-DECORATION: none;FONT-WEIGHT: bold;
}
