/* CSS Document */
* {
	margin: 0;
	padding: 0;
}


body {
/*	background-color: #E0D0AB;*/
	background-color: #D2C198;
	
	margin-top: 0px;
	margin-bottom: 0px;
	
	

}

a img {
	border: none;
}

/* conteneur global */
#conteneur {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 995px;
	background-color: #E0D0AB;

	background-image: url(images/page_fondconteneur.jpg);
	background-position: 467px 221px;
	background-repeat: no-repeat;
	
}


/* BANDEAU */
#bandeau {
	position: relative;
	height: 272px;
	
	background-image: url(images/page_fondbandeau.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
#sac {
	position: absolute;
	top: 1px;
	left: 700px;
	width: 128px;
	height: 30px;
	
	z-index: 100;
}
#carte {
	position: absolute;
	top: 15px;
	left: 737px;
	
	z-index: 90;
}
#logo {
	position: absolute;
	top: 240px;
	left: 911px;
}
#mois {
	position: absolute;
	top: 245px;
	left: 9px;
	
	width: 229px;
	height: 25px;
	
	padding-left: 7px;
	
	background-image: url(images/page_fondmois.gif);
	background-repeat: no-repeat;
	
	z-index: 2;
}
#mois select {
	width: 132px;
	height: 17px;
	
	background-color: #EFEBC8;
	border: 1px solid #000;
	
	vertical-align: top;
	
	margin-top: 3px;
	
	color: #38351D;
	font-size: 9px;
	
	
}

/* CONTENU */
#block_contenu {
	position: relative;
	
}
#contenu {
	padding-bottom: 20px;
	height: 250px;
}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #contenu {
	height: auto;
	min-height: 250px;
}

h1 {
	position: relative;
	padding-left: 257px;
	margin-top: -10px;
	margin-bottom:15px;
	font-size: 100%;
	font-weight:normal;	
	clear: both;

}


/* AFFICHAGE EN 2 COLONNES */
#col1{
	float: left;
	
	width: 245px;	
	height: 250px;
	
	overflow-x: hidden;

	
}

.col1 {
	padding-left: 10px;
	padding-right: 0px;
	margin-bottom: 10px;
}

/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #col1 {
	height: auto;
	min-height: 250px;
}
#col2 {
	float: left;
	
	width: 740px;
	height: 150px;
	
	overflow-x: hidden;
	
	margin-left:5px;
}
#col2intra {
	float: left;
	
	width: 500px;
	height: 150px;
	
	overflow-x: hidden;

	margin-left:5px;
}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #col2intra {
	height: auto;
	min-height: 150px;
}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body #col2 {
	height: auto;
	min-height: 150px;
}
#listepresta{

	padding-bottom: 56px;
	margin-left: 12px;
	
	background-image: url(images/page_fondlistepresta.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	
	border-top: 1px solid #8BC3E6;

	width: 710px;

}

#article{

	padding-bottom: 30px;
	margin-left: 12px;
	width: 495px;

}
#article .boutons {

	margin-left: 0px;
	margin-right: 0px;
}

.presta {
	height: 100px;
	
	background-image: url(images/page_bgpresta.gif);
	background-repeat: repeat-x;
	
	
}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body .presta {
	height: auto;
	min-height: 100px;
}
.sscol1 {
	float: left;
	text-align: center;	
	width: 120px;
	padding-top: 5px;
	
}
.sscol2 {
	float: left;
	
	width: 160px;
	
	padding-top: 5px;
	padding-bottom: 3px;
	
}
.sscol2b {
	float: left;
	width: 3px;
	padding-top: 5px;
	
}

.sscol3 {
	float: left;
	
	width: 350px;
	
	padding-top: 5px;
	margin-right: 5px;
	

}
.sscollogo {
	float: left;
	width: 70px;
	padding: 5px 0 5px 0;
}
#colextras {
	float: left;
	width: 400px;
}

.sscol2intra {
	float: left;
	
	width: 140px;
	
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	
}

.sscol3intra {
	float: left;
	
	width: 320px;
	
	padding-top: 5px;
	margin-right: 5px;
	

}


/* AFFICHAGE EN 3 COLONNES */
#listeprestaaleat {

	margin-left: 8px;
	margin-right: 10px;
}
.margin_prestaaleat {
	margin-left: 8px;
	margin-right: 2px;
	
	padding-top: 4px;
	width: 209px;
	
}

#listeprestaaleat h2 {
	background-image:  url(images/page_fondtitrepresta.gif);
	background-repeat: repeat-x;
	
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px;
}
#listemenupro {
	width: 95%;
	
}

#listemenupro h2 {
	background-image:  url(images/page_fondtitrepresta.gif);
	background-repeat: repeat-x;
	
	
	padding-bottom: 0px;
	margin: 0px;
	
}


#listeprestaall {
	
	margin-left: 8px;
	margin-right: 18px;
	
}
#listeprestaall h2 {
	background-image:  url(images/page_fondtitrepresta.gif);
	background-repeat: repeat-x;
	
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px;
	
	
}

.prestaaleat {
	background-image: url(images/page_fondprestaaleat.gif);
	background-repeat: repeat-x;
	
	height: 60px;

}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body .prestaaleat {
	height: auto;
	min-height: 60px;
}
.prestaall {
	background-image: url(images/page_fondprestaall.gif);
	background-repeat: repeat-x;
	
	height: 40px;

}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body .prestaall {
	height: auto;
	min-height: 40px;
}


.prestaaleat img {
	margin-top: 4px;
	margin-left: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	
	float: left;
}
.prestaaleat img.detail {
	margin: 4px;
	float: right;
	

}
.textevignette {

	
	margin-top: 0px;
	

	
	
}
#bt_prestations {
	margin-top: 10px;
}
#col3{
	float: left;
	
	width: 473px;
	
	padding-left: 12px;
	margin-top: 0px;
	
	overflow-x: hidden;	
	
}
#col4{
	float: left;
	
	width: 250px;
	
	margin-top: 110px;
	
	text-align: right;	
		
	
}

#col4b{
	float: left;
	width: 255px;
	text-align: right;
	margin-top: 15px;
	
}


/* Affichage des 2 sous blocs de la colonnes centrale */
.bg_sscol45 {
	
	background-image: url(images/bg_sscol45.gif);
	
	margin-bottom: 20px;
	padding-bottom: 0px;
	margin-left: -3px;
	
	height: 20px;
	

}
/* hack pour le min-height sous IE : donner une hauteur mini au contenu */
html>body .bg_sscol45 {
	height: auto;
	min-height: 20px;
}

.sscol4, .sscol5 {
	float: left;
	
	width: 232px;
	
	
	padding-top: 5px;
	margin-right: 4px;
	
	

}


.sscol5 div {
	margin-left: 12px;

}


#bandeau_bas {
	background-image: url(images/page_fondbandeaubas.gif);
	background-repeat: repeat-x;
	
	width: 478px;
	height: 36px;
	
	margin-left: 269px;
	margin-top: 20px;
}

/* Positionnement bouton Imprimer */
.bouton_retour {
	width: 63px;
	height: 36px;
	margin-right: 120px;
	
	float: left;
	
	

}
.bouton_imprimer {
	width: 114px;
	height: 36px;
	margin-right: 0px;
	
	float: left;

}
.bouton_sacados {
	width: 171px;
	height: 36px;
	margin-right: 0px;
	
	float: left;

}



/* PIED DE PAGE */
#footer {
	position: relative;
	width: 995px;
	height: 31px;
	
	background-image: url(images/page_fondfooter.jpg);
	
	
}
/* Recherche */
#recherche {
	position: absolute;
	top: 12px;
	left: 13px;
	width: 220px;
	height: 20px;
	
	
}

#recherche input {
	width: 112px;
	height: 14px;
	
	font-size: 9px;
	text-align: center;
	color: #605B3B;
	
	vertical-align: 20%;
	
	background-color: #EFEBC8;
	border: 1px solid #000;
}

#menu_bas {
	position: absolute;
	top: 14px;
	left: 252px;
	height: 17px;
}
#partenaires {
	position: absolute;
	top: -9px;
	left: 762px;
	width: 234px;
	height: 40px;
}


