@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------BODY------------------------------------------------------------------------------------- */

html, body {
	background-color: #cfd49f;
	margin: 0;
	padding: 0;
	height: 100%;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------FONTS------------------------------------------------------------------------------------- */

.font01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}

.font02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A94A5;
}

.font03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	line-height: 10px;
}

.font04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6A94A5;
	line-height: 10px;
	padding-top: 5px;
}

.font05 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 10px;
	color: #FFFFFF;
}

.font06 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.font07 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 20px;
	margin-right: 20px;
}

.font08 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	line-height: 10px;
	padding-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
}

.font09 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 0px;
	margin-right: 20px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------DIVS------------------------------------------------------------------------------------- 
background-image:url(../images/conteneur_bgd_01.gif);
*/

#conteneur {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -392px;
	width: 785px;
	_height: 100%;
	min-height: 100%;
	
	z-index: 1;
}

/* --------------------------------------------------------HEADER---------------------------------------------------------------------- */

#header_conteneur {
	position: relative;
	width: 785px;
	z-index: 2;
	height: 90px;
	background-color: #CFD49F;
}

#header_logo {
	position: relative;
	width: 245px;
	float: left;
	left: 50px;
	height: 90px;
	z-index: 3;
	background-image: url(../images/header_logo_bgd_01.gif);
}

#header_bleu {
	position: relative;
	width: 490px;
	height: 90px;
	float: left;
	background-color: #91D2EF;
	left: 50px;
	z-index: 3;
}

/* --------------------------------------------------------CORPS----------------------------------------------------------------------- */

#corps_conteneur {
	position: relative;
	width: 785px;
	z-index: 2;
	background-image: url(../images/corps_bgd_01.gif);
}

#arrondi_01 {
	position: absolute;
	width: 50px;
	height: 25px;
	top: 0px;
	background-image: url(../images/arrondi_bgd_01.gif);
	z-index: 0;
}

#menu_conteneur {
	position: relative;
	width: 245px;
	z-index: 3;
	left:1px;
}

/*height: 125px; */
#menu_01 {
	position: relative;
	width: 245px;
	background-color: #9DBF3D;
	z-index: 4;
	padding-top: 20px;
}

#menu_01 a, #menu_01 a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: RGB(255,255,255); 
	text-decoration: none;
}

#menu_01 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: RGB(255,255,255); 
	text-decoration: underline;
}

#menu_02 {
	position: relative;
	width: 245px;
	height: 285px;
	background-color: #9DBF3D;
	z-index: 4;
}

#menu_footer {
	position: relative;
	width: 245px;
	height: 25px;
	background-image: url(../images/menu_footer_bgd_01.gif);
	z-index: 4;
}

.menu_lien {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 17px;
	font-size: 11px;
	color: #FFFFFF;
	padding: 3px 0px 0px 20px;
	border-bottom-style: solid;
	border-bottom-color: #B9D36E;
	border-bottom-width: 1px;
}

.menu_lien_last {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 37px;
	font-size: 11px;
	color: #FFFFFF;
	padding: 3px 0px 0px 20px;
}

.menu_lien2 {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 17px;
	font-size: 11px;
	color: #FFFFFF;
	padding: 3px 0px 0px 20px;
}

.menu_lien_niveau2 {
	position: relative;
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 3px 0px 0px 40px;
}

.offres_lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A94A5;
}

.offres_lien_a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A94A5;
	text-decoration: none;
}

.offres_lien_a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A94A5;
	text-decoration: underline;
}

#info {
	position: relative;
	width: 205px;
	height: 50px;
	z-index: 4;
	padding: 20px 20px 0px 20px;
}

#page_photo {
	position: relative;
	width: 490px;
	height: 150px;
	background-color: #D9EFFA;
	z-index: 4;
}

#page_photo2 {
	position: relative;
	width: 490px;
	height: 310px;
	background-color: #BDE4F5;
	z-index: 4;
}

#page_plan {
	position: relative;
	width: 490px;
	height: 310px;
	background-color: #D9EFFA;
	z-index: 4;
}

.page_onglet_01 {
	position: relative;
	width: 450px;
	height: auto;
	min-height: 90px;
	_height: 90px;
	background-color: #91D2EF;
	padding: 20px 20px 0px 20px;
	z-index: 4;
	
}

.page_onglet_02 {
	position: relative;
	width: 450px;
	height: auto;
	min-height: 260px;
	_height: 260px;
	background-color: #A8D8E5;
	padding: 20px 20px 0px 20px;
	z-index: 4;
	
}

#page_onglet_footer {
	position: relative;
	width: 490px;
	height: 25px;
	background-image: url(../images/page_onglet_footer_bgd_01.gif);
	margin-bottom: 0px;
	z-index: 4;
}

.produit {
	width: 220px;
	height: 120px;
	z-index: 25;
	float: left;
}

.titre {
	margin-bottom: 5px;
	z-index: 30;
}

.texte {
	z-index: 30;
}

.vignette {
	width: 205px;
	height: 70px;
	z-index: 30;
	margin-bottom: 5px;
	background-color: #CCCCCC;
}

.vignette_prochainement {
	width: 180px;
	height: 100px;
	margin-bottom: 5px;
	background-color: #CCCCCC;
	z-index: 30;
	margin-left: 20px;
}

.lien {
	margin-top: 10px;
	z-index: 30;
}

#offres_conteneur {
	position: relative;
	width: 170px;
	height: 195px;
	float: left;
	left: 20px;
	z-index: 4;
	padding-top: 20px;
}

.offres_conteneur_bis {
	margin-top: -10px;
	position: relative;
	width: 170px;
	height: 195px;
}

#prochainement_conteneur {
	position: relative;
	width: 220px;
	height: 235px;
	float: left;
	left: 20px;
	background-color: #9DBF3D;
	padding: 20px 0px 0px 0px;
	z-index: 4;
}

#prochainement_footer {
	position: absolute;
	width: 220px;
	height: 25px;
	background-image: url(../images/prochainement_footer_bgd_01.gif);
	z-index: 5;
	top: 230px;
}

.lien_content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: RGB(255,255,255); 
	text-decoration: none;
}

.lien_content:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: RGB(255,255,255); 
	text-decoration: underline;
}

.vignette_ville{
	width: 60px;
	height: 15px;
	z-index: 30;
	background-color: #91D2EF;
	border: solid;
	border-width: 1px;
	border-color: #6B9AAE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

/* --------------------------------------------------------FOOTER---------------------------------------------------------------------- */

#footer_conteneur {
	position: relative;
	width: 785px;
	height: 45px;
	z-index: 2;
}

#recherche {
	position: relative;
	width: 170px;
	height: 33px;
	float: left;
	left: 0px;
	background-image: url(../images/recherche_bgd_01.gif);
	padding-left: 125px;
	padding-top: 12px;
	z-index: 3;
}

#page_footer {
	position: relative;
	width: 425px;
	height: 30px;
	float: left;
	left: 0px;
	z-index: 3;
	background-color: #FFFFFF;
	padding: 15px 20px 0px 20px;
}

#page_footer a, #page_footer a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A94A5;
	text-decoration: none;
}

#page_footer a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A94A5;
	text-decoration: underline;
}

/* --------------------------------------------------------INFOS----------------------------------------------------------------------- */

#infos_conteneur {
	position: relative;
	width: 785px;
	height: 45px;
	z-index: 2;
	margin-bottom: 50px;
}

#infos_legales {
	position: relative;
	width: 295px;
	height: 105px;
	float: left;
	left: 0px;
	z-index: 3;
	background-image: url(../images/recherche_bgd_02.gif);
}

#infos_adresse {
	position: relative;
	width: 450px;
	height: 35px;
	float: left;
	left: 0px;
	padding: 10px 20px 0px 20px;
	z-index: 3;
	background-image: url(../images/infos_adresse_01.gif);
}

#infos_search_input {
	position: relative;
	width: 295px;
	height: 45px;
	float: left;
	left: 0px;
	z-index: 3;
}

#infos_adresse {
	position: relative;
	width: 450px;
	height: 35px;
	float: left;
	left: 0px;
	background-image: url(../images/infos_adresse_01.gif);
	padding: 10px 20px 0px 20px;
	z-index: 3;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------FORMULAIRES---------------------------------------------------------------------------------- */

.form_recherche {
	width: 125px;
	height: 15px;
	background-color: #BDE4F6;
	border-width: 1px;
	border-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6B9AAE;
	font-size: 11px;
}

.input_recherche{
     color:#6B9AAE;
     background-color:#BDE4F6;
     font-size:10px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     border-width: 1px;
     border-color: #6B9AAE;
     border-style: solid;
}

.input_contact{
     color:#FFFFFF;
     background-color:#91D2EF;
     font-size:12px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     border-width: 1px;
     border-color: #FFFFFF;
     border-style: solid;
}

A.lien_terrain{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none}
A.lien_terrain:link{color: #FFFFFF; text-decoration: none}A.lien_terrain:visited{color: #FFFFFF; text-decoration: none}
A.lien_terrain:hover{color: #FFFFFF; text-decoration: underline}