/*******************************************************/
/***** CSS SITE *****/
/*******************************************************/
*{font-family:Tahoma, Verdana, Arial, Geneva, sans-serif;}

body, p, table, td, select, a, input, textarea{font-size: 12px; color:#231f20;}

body{background: #ffffff; margin: 0px; padding: 0px; text-align: center;}



a{text-decoration: underline;}
a:hover{text-decoration: none; color:#155414;}

a img{border:none;}

form{margin:0px; padding:0px;}

p{margin-top:0px;}



/* -- Pour décoller les images flotantes du reste du texte... -- */

html body#top div#conteneur div#milieu div#milieu_droite div#milieu_contenu p img { padding:0px 5px; }






/***************************************/
/** CONTENEURS **/
/***************************************/
#conteneur{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width: 956px;
	margin: 0px auto;
	padding: 0px;
}










/***************************************/
/** HEADER **/
/***************************************/
#header{
	height: 169px;
	width: 956px;
	background: url(images/interface/fond_header.jpg) top left no-repeat;
}
#header_logo{
	float:left;
	width:260px;
}









/***************************************/
/** FOOTER **/
/***************************************/
#footer{
	width: 100%;
	height: 80px;
	background: url(images/interface/fond_footer.gif) bottom center repeat-x;
	color: #ffffff;
	font-size:10px;
	text-align:left;
}

#footer #footer_links{
	float: left;
	padding: 65px 0 0 10px;
}
#footer_links a{
	text-decoration:none; color: #ffffff; font-size:10px;
	padding: 0 6px 0 12px;
	background:url(images/interface/puce_footer.gif) center left no-repeat;
}
#footer_links a:hover{text-decoration:underline;}

#footer #footer_coord{float:right; width:600px; text-align:center;}
#footer #footer_top{float: right; width: 90px; padding: 0px;}

#footer_top, #footer_coord, #footer_top a, #footer_coord a{color: #155414; font-size:10px; text-decoration:none;}
#footer_top a{padding-left:20px;}
#footer_top a:hover, #footer_coord a:hover{text-decoration:underline;}











/***************************************/
/** MILIEU **/
/***************************************/
#milieu{
	height: auto !important;
	min-height: 350px;
	height: 350px;
	text-align: left;
	background: url(images/interface/fond_middle.gif) repeat-y;

}

#milieu_gauche{
	float: left;
	width: 281px;
	background:url(images/interface/fond_menu.gif) top left no-repeat;
}
#milieu_droite{
	float: left;
	width: 675px;
	height: auto !important;
	height: 100px;
	min-height: 100px;
	padding: 50px 0 20px 0;
	background: url(images/interface/fond_header_bottom.gif) top left no-repeat;
}

#milieu_menu{
	height:auto !important;
	height: 211px;
	min-height: 211px;
	width:245px;
	padding: 0px;
}
#milieu_recette{
	height:auto !important;
	height: 205px;
	min-height: 205px;
	background: url(images/interface/fond_recette.gif) top left no-repeat;
}


#milieu_contenu{padding: 0 10px 0 0;}

#bloc_push{border:1px solid #155414; padding:3px;}
#bloc_push h1{color:#FFFFFF; font-weight:bold; font-size:13px; padding:2px; margin:0; background:#155414;}
#bloc_push h2{color:#155414; font-weight:bold; font-size:11px; padding:2px 0 3px 0; margin:0; border-bottom:1px dashed #155414;}
#bloc_push a.suite{font-size:10px; color:#155414; text-decoration:underline;}
#bloc_push a.suite:hover{color:#155414; text-decoration:none;}
.push_infos{background:#EAF2E7; font-size:11px; padding: 1px; text-align:justify;}
#blocs_agenda{background:#EAF2E7; padding: 5px;}
#blocs_agenda h2{color:#155414; font-weight:bold; font-size:12px; padding: 0px 0 3px 0; margin:0;}
#blocs_agenda .date{color:#155414; font-size:11px;}









/***************************************/
/** MENU **/
/***************************************/
a.menu{
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	display:block;
	padding: 14px 0px 0px 0;
	text-align:right;
}
a.menu:hover{
	font-family: Verdana;
	font-weight: bold;
	color: #7b9434;
	text-decoration: none;
}
a.menu_ok{
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	color: #7b9434;
	display:block;
	padding: 14px 0px 0px 0;
	text-align:right;
	text-decoration: none;
}


.smenu{display:none;}
ul.smenu{margin:0px; padding:0 0 10px 0; border-top:1px dashed #ffffff;}
ul.smenu li{
	color:#ffffff; text-align:left; 
	padding:0px; margin:0px; list-style:none;
}
ul.smenu li a{
	font-family: Verdana;
	font-size: 10px;
	text-decoration:none; 
	color:#ffffff; display:block; padding:2px 0px 2px 5px;
}
ul.smenu li a:hover{
	background:#7b9434; border-right: 2px solid #ffffff;
}

.ssmenu{display:none;}
ul.ssmenu{margin:0px; padding:0 0 5px 0;}
ul.ssmenu li a{
	font-family: Verdana;
	font-size: 9px;
	font-style:italic;
	text-decoration:none; 
	color:#7b9434; display:block; padding:2px 0px 2px 5px;
}
ul.ssmenu li a:hover{
	color: #ffffff;
	background:#7b9434;
}







/***************************************/
/** NOTES **/
/***************************************/
.note{font-size: 9px; color: #7B8482; line-height: 18px;}
a.note{color: #7B8482; text-decoration: none;}
a.note:hover{text-decoration: underline;}










/***** RESTE ****/
.cmde_validate{color: #00CC33; font-weight:bold; font-size:14px;}
.cmde_cancel{color: #FF0000; font-weight:bold; font-size:14px;}

.clear{clear: both;}
.clear_S{clear: both; height: 5px;}
.clear_L{clear: both; height: 10px;}
.clear_XL{clear: both; height: 20px;}
.clear_XXL{clear: both; height: 55px;}

.titre_site{color:#155414; font-weight:bold;}
.titre{color:#155414; font-weight:bold; font-size:14px; text-align:right; padding:0px;}
.soustitre{color:#155414; font-weight:bold; font-size:13px; text-align:right; font-style:italic;}

.titre_contact{border-bottom:1px dashed #155414; color:#155414; font-size:14px; font-weight:bold; font-style:italic;}


.champ_site{border: solid 1px #747E7C;	width:250px;}
.champ_site2{border: solid 1px #747E7C; width:250px; height:40px;}
.champ_site3{border: solid 1px #747E7C; width:450px; height:50px;}

.pdf{
	background: url(images/interface/pdf.gif) no-repeat;
	padding: 2px 0 5px 20px;
	line-height: 20px;
}

.alerte{
	border: 1px dashed #7b9434;
	background: #FDF4F8;
	padding: 10px;
	color:#7b9434;
	font-weight: bold;
	text-align: center;
}

.alerte2{color:#ff0000;	font-weight: bold;}


#video{
	float: right;
	padding: 0px 0px 0px 10px;
}
#video_zone{
	width: 342px;
	height: 231px;
	border: solid 1px #4d5362;
	background: url(images/interface/video_load.gif) no-repeat 50%;
}

#google_map{
	border:1px solid #155414;
	height: 400px;
}