/* Site lavieenvert.fr
Feuille de style permettant le positionnement des blocs
Création Pito & cie - juin-août 2008
oct 08 : modification de la popup
Charte graphique : Christelle Dolle
Textes et mise en page : Christophe Auriac
Fenêtre :
largeur prévue : 990px
hauteur prévue : 600px
marge 25px - menu 150px - marge 25px - marge 25px - photo 455px - marge 25px - texte 260px - marge 25px
*/
/*	----------------
	Blocs du site
	----------------*/

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #5DAE47 url(images/fond.jpg) repeat-x fixed; 	/* Couleur de fond verte, image de fond répétée horizontalement et ancrée à la fenêtre*/
	}

#MenuGauche {				/* Bloc du menu gauche */
	position: fixed;
	top: 0px;
	margin-top: 100px;
	left: 0px;
	width: 200px;
	height: 100%;
	background-color: white;
	z-index: 21;
	}

#MenuBas {					/* Bloc du menu bas */
	position: fixed;
	left: 0px;
	margin-left: 200px;
	bottom: 0px;
	width: 100%;
	height: 40px;
	background-color: #5DAE47;			/* Le bloc est vert comme le fond : les éléments du contenu passent en dessous */
	z-index: 20;
	}

#Titre {						/* Titre de la page*/
	position: absolute;
	top: 0px;
	left: 200px;
	width: 790px;
	z-index: 5;
	}

#ContenuPage {				/* Bloc de contenu de la page*/
	position:	absolute;
	top: 0px;
	left: 200px;
	width: 790px;
	z-index: 6;
	padding-bottom: 50px;				 /* MARCHE PAS ? */
	}

#Texte {						/* Bloc droit du texte de la page*/
	position: absolute;
 	top: 100px;
 	left: 505px;
 	width: 260px;
 	z-index: 10;
	}

#Photo {						/* Bloc gauche de la photo de la page*/
	position: absolute;
	top: 100px;
	left: 25px;
	width: 460px;
	z-index: 11;
	}

#Popup-photo {						/* Bloc de publicité */
	position: absolute;
	top: 100px;
	left: 25px;
	z-index: 18;
	}
	
#Popup-texte {						/* Bloc de publicité */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 440px;
	padding: 10px;
	z-index: 19;
	}

/* Anciens blocs
#Popupold {	
	width: 460px;
	height: 303px;
	top: 100px;
	left: 25px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	background: #FFFFFF url(images/popuphaut.jpg) top left no-repeat;
	z-index: 16;
	}

#Popup-bas {
	width: 445px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 30px;
	background: url(images/popupbas.jpg) bottom left no-repeat;
	z-index: 15;
	}
*/

#Recherche {					/* Bloc du champ de recherche */
	position: fixed;
	bottom: 0px;
	left: 750px;
	z-index: 23;
	}

#Pieddepage {				/* Bloc pied de page sur la page Accueil */
	position:absolute;
 	top:500px;
 	left:580px;
	width: 200px;
	height:50px;
 	z-index: 7;
	}

/*	-------------------------
	Autres blocs du site
 	-------------------------*/
#AdministrationSite { 	/* Bloc des liens d'édition et d'administration du site*/
	position: fixed;
	top: 10px;
	left: 1100px;
	z-index: 100;
	}