/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


body {
	background-color: #B8BFC4;
	
	margin-top: 0px;
	margin-bottom: 0px;
	
}

a img {
	border: none;
}



/* conteneur global */
#conteneur {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	
	z-index: 1;
	
	background-image: url(images/page_bg_fond_contenu.jpg);
	background-repeat: repeat-y;
	
		

}

/* Bandeau */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#logo {
	position: absolute;
	left: 35px;
	top: 12px;
	
	z-index: 100;
	
}

#menus {
	position: absolute;
	
	left: 0px;
	top: 0px;
	width: 1003px;
	height: 113px;
	
	background-image: url(images/page_bg_bandeau.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	z-index: 90;
}

/* Menu haut */
#haut {
	position: absolute;
	
	left: 422px;
	top: 0px;
	width: 581px;
	height: 23px;
	
	overflow: hidden;
}



/* Menu vivre sa ville */
#bienvivre {
	position: absolute;
	
	left: 215px;
	top: 0px;
}
#vivre {
	position: absolute;
	
	left: 213px;
	top: 27px;
	width: 787px;
	height: 23px;
	
	z-index: 90;
	
}
/* Chemin */
#block_chemin {
	position: absolute;
	
	left: 233px;
	top: 87px;
	width: 415px;
	
	color: #CB312F;
	font-size: 10px;

	z-index: 80;

}
/* Recherche */
#recherche {
	position: absolute;
	top: 85px;
	left: 645px;
	
	color: #000;
	font-size: 10px;
	
}
#recherche input {
	border: 1px solid #E28558;
	width: 115px;
	
	
	font-size: 10px;
	display: inline;
	text-align: center;
	
	vertical-align: 50%;

}

/* Photo */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#photo {
	position: absolute;
	
	left: 0px;
	top: 113px;
	width: 760px;
	height: 176px;
	
	
}
#photo img.spip_logos {
	border: none;
	margin: -3px 0px 0px -3px;
}
/* hack pour le decalage du bandeau photo (different sous ie et firefox et ie7) */
html>/**/body #photo img.spip_logos {
	margin: 0px;
	
}
#disposition {
	position: absolute;
	
	left: 760px;
	top: 113px;
	width: 243px;
	height: 176px;
	
	background-image: url(images/page_bg_disposition.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	
	z-index: 1;

	
}


/* Block contenu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#fond_block_contenu {
	position: absolute;
	
	width: 1003px;
	
	left: 0px;
	top: 289px;
	
	background-image: url(images/page_bg_fond_contenu.jpg);
	background-repeat: repeat-y;
	
	z-index: 50;

}

#block_contenu {
	width: 1003px;
	height: 300px;
	
	background-image: url(images/page_bg_contenu.jpg);
	background-repeat: no-repeat;
	background-position: top;

}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #block_contenu {
	height: auto;
	min-height: 300px;

}


/* Colonne gauche */
#colonne_gauche {

	float: left;
	width: 200px;
	
	
	padding-left: 20px;
	padding-right: 13px;
	
	overflow-x: hidden;
	overflow-y: hidden;

}

/* Contenu */
#contenu {

	float: left;
	width: 447px;
	height: 200px;
	
	padding-left: 46px;
	padding-right: 34px;
	
	overflow-x: hidden;
}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #contenu {
	height: auto;
	min-height: 200px;
}
/* Colonne droite */
#colonne_droite {
	position: relative;

	float: left;
	width: 205px;
	
	padding-left: 15px;
	margin-top: -45px;
	
	overflow: hidden;
}
.separation {
	margin-left: -15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.img_coldroite {
	margin-bottom: 10px;

}

/* Footer */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	position: relative;
	
	width: 1003px;
	height: 115px;
	
	
	
	background-image: url(images/page_bg_footer.gif);
	background-repeat: no-repeat;
	

}

#infos {
	position: absolute;
	
	left: 19px;
	bottom: 0px;
	
	/* width: 205px; */
	height: 16px;
	
}
/* Liste de lettre de l'annuaire */
#lettres {
	text-align: center;
	margin-bottom: 10px;
}

/* Navigation diaporama */
#navigation {
	position: absolute;
	top: 15px;
	left: 60px;
	
	z-index: 100;

}
#photo_avantapres {
	position: relative;
	
	z-index: 10;

}


.spip-admin {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
}