/* feuille de style CSS2 contenant le positionnement et la couleur des divisions pour www.ecologielibidinale.org */
/* arrangement : colonne gauche fixe ; colonne centrale défilante ; colonne droite fixe */
/* dernière mise à jour le 25/01/09 22:54 - validée CSS 2.1 */

/* pour tous les media */
@media all {
}
/* pour affichage écran et impression */
@media screen, print {
}

/* pour affichage écran seul */
@media screen {
/*html, body {
height: 100%;
width: 100%;
overflow: auto;
} */
body {
margin: 0;
padding: 0;
background-color: #FFFFCC;  /* couleur de base du site */
}
/* DIVISIONS DANS LE FLUX */

#conteneur {
position:static; /*static (défaut) ou absolute semblent équivalents - fixed empeche la scroll bar du navigateur*/
width: 100%;
/*max-width: 1322px; /* 122 + 1000 + 200  sans effet */
height:100%;
margin: 0;
padding:0;
background-color:#CCCCCC;  /* non visible */
}
/* FIN DES DIVISIONS DANS LE FLUX */

/* DIVISIONS HORS FLUX */

#centre {  /* a pour parent : conteneur */
/* solution 1 : la barre de défilement est à droite du centre */
position:fixed;
top: 0;
left:0;
height: 100%;
/* solution 2 : la barre de défilement est sur la fenetre (pb : bande blanche en bas si contenu plus court que la fenêtre 
position:static;  
/*height: 100%; /* sans effet : ne va pas jusqu'en bas si contenu plus court que la hauteur de la fenêtre.*/
max-width: 1000px;
/*min-width: 200px;   /* sans effet */
margin: 0;
padding:0;
margin-left: 122px;
margin-right: 200px;
background-color:#FFEE00;  /* non visible */
overflow: auto;
}
	#entete { /* a pour parent : centre */
	position:static; /* defaut */
	height: 3em;
	margin: 0;
	padding: 0.5em;
	background-color: #FFFFCC;
	overflow: hidden;
	}
	#haut { /* a pour parent : centre */
	position:static; /* defaut */
	margin: 0;
	padding: 0.5em 0.5em; /* haut-bas gauche-droite */
	background-color:#FFFF80;
	}
	#contenu { /* a pour parent : centre */
	position:static;  /* pas fixed pour pouvoir défiler */
	margin: 0;
	padding: 0.5em 1em; /* haut-bas gauche-droite */
	background-color:#FFFFCC;
	}
	#pied {  /* a pour parent : centre*/
	position:static;
	margin: 0;
	padding: 0.5em;
	background-color: #FFFF80;
	}
	#bas {  /* a pour parent : centre*/
	position:static;
	margin: 0;
	padding: 0.5em;
	background-color: #F8F8F8;
	}

#gauche { /* a pour parent : conteneur */
position:fixed;
top:0;
left:0;
height: 100%;
width: 122px;
margin: 0;
padding: 0;
background-color:#F8F8F8;
overflow: auto;
}
	/* FLUX  à l'intérieur de div #gauche */
	#entete-gauche { /* a pour parent : gauche */
	position:static; /* defaut */
	height: 4em;  /* 3 si padding 0.5 */
	margin: 0;
	padding: 0;
	/*padding: 0.5em;*/
	/*background-color:#FFFFCC;*/
	background-image: url("images/logo/logo-miel_bkrva2.gif");
	}
	#haut-gauche { /* a pour parent : gauche */
	position:static; /* defaut */
	margin: 0;
	padding: 0.5em 0; /* haut-bas gauche-droite */
	background-color:#F8F8F8;
	}
	#contenu-gauche { /* a pour parent : gauche */
	position:static; /* defaut */
	margin: 0;
	padding: 0;
	/*padding: 0.5em;*/
	background-color:#F8F8F8;
	}
	#pied-gauche { /* a pour parent : gauche */
	position:static; /* defaut */
	margin: 0;
	padding: 0;
	/*padding: 0.5em;*/
	background-color: #F8F8F8;
	}

#droite { /* a pour parent : conteneur */
position:fixed;
top:0; 
right:0;
height: 100%;
width: 200px;
padding: 0;
margin: 0;
color:#666666;
background-color:#F8F8F8;
overflow: auto;
}
	/* FLUX  à l'intérieur de div #droite */
	#entete-droit { /* a pour parent : droite */
	position:static; /* defaut */
	height: 3em;
	margin: 0;
	padding: 0.5em;
	background-color:#FFFFCC;
	}
	#haut-droit { /* a pour parent : droite */
	position:static; /* defaut */
	margin: 0;
	margin-top:-0.5em;  /*utile si padding=0*/
	padding: 0;
	/*padding: 0.5em 0; /* haut-bas gauche-droite */
	background-color:#FFF0FF;
	}
	#contenu-droit { /* a pour parent : droite */
	position:static; /* defaut */
	margin: 0;
	margin-top:-0.5em;  /*utile si padding=0*/
	padding: 0;
	/*padding: 0.5em;*/
	background-color:#F8F8F8;
	}
	#pied-droit { /* a pour parent : droite */
	position:static; /* defaut */
	margin: 0;
	padding: 0;
	/*padding: 0.5em;*/
	background-color: #F8F8F8;
	}
/* FIN HORS FLUX */
}

/* pour impression seule  */
@media print {
/* n'imprime que #contenu et #pied */
#conteneur {padding: 0;}
 #centre {padding: 0;}
	#contenu {padding: 0;}
	#pied {padding: 0;}

	#entete {display: none;}
	#haut   {display: none;}
	#bas    {display: none;}
 #gauche {display: none;}
 #droite {display: none;} 
}