/* ----------------------- STYLE GENERAL ----------------------- */

*{
	margin					: 	0;
	padding					:	0;
	color 					: 	#000000;
}

html{
	margin					: 	0;
	padding					:	0;
	font					: 	.95em Verdana, Arial, Helvetica, sans-serif;
	color 					: 	#000000;
	background				: 	url(../images/interface/fd_body.gif) repeat-x;
	background-color		:	#E1E1E1;
}

body{
	margin					: 	0;
	padding					:	0;
	font					: 	.95em Verdana, Arial, Helvetica, sans-serif;
	color 					: 	#000000;
	background				: 	url(../images/interface/fd_body.gif) repeat-x;
	background-color		:	#E1E1E1;
}

body, form, input, ul, li, p, h1, h2, h3, h4, h5, img
{
	margin	: 	0;
	padding	: 	0;
}

ul{list-style	: none;}

H1{
	font						: 	italic 2em Georgia, "Times New Roman", Times, serif;
	margin-bottom		:	8px;
	border-bottom		: 	1px solid #137B2C;
	color						:	#137B2C;
}

H2{
	font						: 	italic 1.6em Georgia, "Times New Roman", Times, serif;
	margin-bottom		:	10px;
	color						:	#137B2C;
}

H3{
	font-family				:	Arial, Helvetica, sans-serif; 
	font-size				:	1.3em;
	margin-bottom			:	8px;
	color					:	#137B2C;
	font-weight				:	bold;
}

H4{
	font-family				:	Arial, Helvetica, sans-serif; 
	font-size				:	1.1em;
	margin					:	0;
	color						:	#137B2C;
	font-weight				:	bold;
}

H5{
	font-family				:	Arial, Helvetica, sans-serif; 
	font-size				:	1em;
	margin-bottom		:	3px;
	color						:	#137B2C;
	font-weight				:	bold;
}

a:link      	{text-decoration: underline; color: #137B2C; font-weight : normal;}
a:visited 	{text-decoration: underline; color: #9E6A18; font-weight : normal;}
a:active  	{text-decoration: underline; color: #137B2C; font-weight : normal;}
a:hover  	{text-decoration: underline; color: #9E6A18; font-weight : normal;}

/* ----- IDS ----- */

#container, #header, #main{
	width						:	894px;
	margin					:	0 auto;
}

#container{
	background			:	url(../images/interface/fd_container.gif) repeat-y;
	text-align				: 	left;
	font-size				: 	70%;
	line-height				: 	150%;
}

#header{
	position					:	relative;
	height					:	208px;
	float						:	left;
	background			:	url(../images/interface/fd_header.gif) no-repeat;
}

/* ----- MOO FX ----- */

#moo_content div {
	height	: 1%;
}

.moo_stretcher {
	background: none !important;
	background: #fff;
}

div.fiche {
	float				:	left;
	border				:	2px solid #E1E1E1;
	padding				:	4px;
	margin				:	4px;
	background			:	url(../images/interface/fd_fiche.gif);
}

H3.moo_display{
	background			:	url(../images/interface/puce_prod.gif) left no-repeat;
	padding-left		:	8px;
	font-size			:	1.1em;
	text-decoration		:	none;
}

/* ----- menu ----- */

#navlist
{
	position					:	absolute;
	width						:	450px;
	height					: 	20px;
	top						: 	12px;
	left						: 	50%;
	font						: 	1.2em Verdana, Arial, Helvetica, sans-serif;
	list-style					: 	none;
	padding					: 	0;
	margin					: 	0;
}

#navlist li
{
	display					: 	inline;
	padding					: 	0;
	margin					: 	0;
}

#navlist li a{
	text-decoration		:	none;
	padding-bottom		:	3px;
	border-bottom		:	6px solid #E6F3EC;
	}

#navlist li a.active{
	padding-bottom		:	3px;
	border-bottom		:	6px solid #00A54F;
}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/

* html #navlist li
{
border-left				: 	1px solid black;
padding					: 	0 0.4em 0 0.4em;
margin					: 	0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display					: 	block;
float						: 	left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }

/* ----- logo ----- */

#logo_home
{
	width				: 	284px;
	height			: 	50px;
	position			: 	absolute;
	top				: 	9px;
	left				: 	50%;
	margin-left		: 	-430px;
}

/* ----- Header content ----- */

#img_header
{
	width				: 	645px;
	height			: 	149px;
	float				:	left;
	position			: 	relative;
	top				: 	58px;
	margin-left		:	10px;
}

* html #img_header
{
	margin		:	0;
	left			:	10px;
}

#navquick
{
	width				: 	229px;
	height			: 	149px;
	float				:	left;
	position			: 	relative;
	background	:	url(../images/interface/fd_quicknav.gif) repeat-x;
	top				: 	58px;
	margin-left		:	1px;
}

* html #navquick
{
	margin		:	0;
	left			:	11px;
}

/* ----- Main ----- */

#main{
	position					:	relative;
	background			:	url(../images/interface/fd_main.gif) repeat-y;
	float						:	left;
}

#left{
	position					:	relative;
	width						:	235px;
	float						:	left;
	margin-left				:	10px;
}

* html #left
{
	margin					:	0;
	left						:	10px;
}

#right{
	position					:	relative;
	width						:	640px;
	float						:	left;
}

* html #right
{
	margin					:	0;
	left						:	10px;
}

div.box{
	position					:	relative;
	background			:	url(../images/interface/fd_title_bloc.gif) repeat-x;
	width						:	223px;	
	float						:	left;
	padding					:	6px;
}

div.contener{
	position					:	relative;
	background			:	url(../images/interface/fd_title_contener.gif) repeat-x;
	width						:	620px;	
	float						:	left;
	padding					:	30px 10px 10px 10px;
}

#coll{
	text-align				:	center;
	float						:	left;
	padding-left			:	70px;
	width						:	550px;
}

#coll a{
	float						:	left;
	position					:	relative;
	width						:	236px;
	height					:	176px;
	border					:	2px solid #fff;
	text-align				:	center;
	padding-top			:	15px;
	text-decoration		:	none;
	font						: 	italic 1.5em Georgia, "Times New Roman", Times, serif;
	color						:	#058B45;
}

a.coll_herberg{background-color	:	#CDDEE6;}

a.coll_herberg:hover{background-color	:	#8BB3C6;}

a.coll_herberg:hover img{background-color	:	#CDDEE6;}

a.coll_herberg img{
	background-color	: #8BB3C6; 
	padding					: 12px;
}

a.coll_rest{background-color	:	#F6F6C0;}

a.coll_rest:hover{background-color	:	#EBEA74;}

a.coll_rest:hover img{background-color	:	#F6F6C0;}

a.coll_rest img{
	background-color	: #EBEA74; 
	padding					: 12px;
}

a.coll_sante{background-color	:	#CDF8A4;}

a.coll_sante:hover{background-color	:	#AAEF51;}

a.coll_sante:hover img{background-color	:	#CDF8A4;}

a.coll_sante img{
	background-color	: #AAEF51; 
	padding					: 12px;
}

a.coll_mesure{background-color	:	#E5E5E4;}

a.coll_mesure:hover{background-color	:	#C5C5C4;}

a.coll_mesure:hover img{background-color	:	#E5E5E4;}

a.coll_mesure img{
	background-color	: #C5C5C4; 
	padding					: 12px;
}

a.box_img{ 
	clear							: 	both;
	float							: 	left;
	border						: 	5px solid #E6F3EC; 
	background-color		: 	#fff; 
	padding						: 	4px; 
	/*margin						: 	0 10px 10px 0;*/
	text-decoration			:	none;
}

a.box_img:hover {border: 5px solid #00A54F;}

/* ----- menu présentation ----- */

#sub_nav
{
	float						:	left;
	width						:	140px;
	border					:	2px solid #E1E1E1;
	background-color	:	#F7F7F7;
	font						: 	1.1em Verdana, Arial, Helvetica, sans-serif;
	padding					: 	5px;
	margin					: 	0;
	list-style-image		:	url(../images/interface/puce_list.gif)
}

#sub_nav li{
	padding					: 	0;
	margin					: 	0 0 0.8em 1.2em;
	color						:	#137B2C;
}

* html #sub_nav li
{
	margin-left					: 	1.8em;
}

#sub_nav li a{
	text-decoration			:	none;
}

#sub_nav li.active, #sub_nav li a.active{
	background-color		:	#E1E1E1;
	border-bottom			:	1px solid #00A54F;
}

#sub_nav li.sub{
	padding						: 	0;
	margin						: 	0 0 0.8em 2.1em;
	list-style-image			:	url(../images/interface/puce_slist.gif);
}

* html #sub_nav li.sub
{
	margin-left					: 	2.8em;
}

#sub_nav li.sub a{
	text-decoration			:	none;
	font							: 	.9em Verdana, Arial, Helvetica, sans-serif;
	font-weight					:	bold;
}

#sub_nav li.sub a.active{
	background-color		:	#E1E1E1;
	border-bottom			:	1px solid #00A54F;
	font							: 	.9em Verdana, Arial, Helvetica, sans-serif;
	font-weight					:	bold
}

/* ----- CMS ----- */

#cms{
	float							:	left;
	width							:	450px;
	margin-left					:	10px;
}

#cms p{
	text-align					:	justify;
}

/* ----- collection ----- */

H1.heberg{
	color						:	#8BB3C6;
	border-bottom		: 	1px solid #8BB3C6;
}

H4.heberg{color			:	#8BB3C6;}

/* ----- newsletter ----- */

input.newsletter[type=text]{
	background-color	:	#F7F7F7;
	border					:	1px solid #E1E1E1;
	font-size				:	1em;
	color						:	#45464F;
	padding					:	2px;
	width						:	15em;
}

input.newsletter[type=button]{
	background-color	:	#F7F7F7;
	border					:	1px solid #E1E1E1;
	font-size				:	1em;
	color						:	#00A54F;
	padding					:	2px;
}


/* ----- Footer ----- */

#footer{
	position					:	relative;
	background			:	url(../images/interface/fd_footer.gif) repeat-x;
	width						:	875px;
	height					:	29px;
	margin-left				:	10px;
	color						:	#FFFFFF;
	text-align				:	right;
}

#footer a{
	color						:	#FFFFFF;
	text-decoration		:	none;
}



/* ----- IMAGES ----- */

img{
	border					:	0;
}
img a{
/*
border:;
text-decoration:;
*/
}
img a:hover{
/*
border:;
*/
}

img.photo{
	border					:	1px solid #000; 
	background-color	: 	#FFF; 
	padding					: 	2px; 
}

/* ----- CLASSES ----- */

.hide{
	display				:	none;
}

.show{
	display				:	block;
}

.clear { 
	clear					: 	both; 
	line-height			: 	0px;
 }