/******************************************************
DEBUT - A ne pas toucher sinon ça pète tout ^^
******************************************************/
body{	
	background-image:url(../img/bg.jpg);
	background-attachment:fixed;
	background-position:top left;
	background-color:#deae5c;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div#overall{
width:870px;
margin:0 auto;
}
div#overall, div#overall div#header, div#overall div#homerecettes, div#overall div#footer {
background-image:url(../img/bg_div_global.png);
}
div#overall div#header{
height:97px;
position:relative;
}
div#overall div#header div#logo{
background-image:url(../img/logo.png);
position:absolute;
width:316px;
height:100px;
top:9px;
left:7px;
z-index:200;
}
div#overall div#header div#rechercher{
	position:absolute;
	width:228px;
	height:29px;
	top:67px;
	left:402px;
	z-index:202;
	text-align:right;
	
}
div#overall div#header div#rechercher h1{
margin-bottom:5px;
color:#FFFFFF;
font-size:12px;
}
div#overall div#header div#rechercher input{
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right;
padding-right:20px;
font-size:11px;
}
div#overall div#menu{
padding:7px;
position:relative;
height:55px;
}
div#overall div#menu div#menus{
background-color:#FFFFFF;
border:solid 1px #8e8e8e;
height:53px;
background-image:url(../img/bg_menu.gif);
background-repeat:no-repeat;
}
div#overall div#menu div#menus a{
display:block;
width:96px;
height:54px;
line-height:54px;
float:left;
text-align:center;
font-size:12px;
color:#7e6334;
}
div#overall div#menu div#menus a:hover{
color:#000;
}
div#overall div#menu div#headerbottle {
	background:none;
	border:none;
	background-image:url(../img/header_bottle.png);
	background-repeat:no-repeat;
	width:293px;
	height:158px;
	position:absolute;
	left: 576px;
	top: -88px;

}

div#overall div#homerecettes{
padding:7px 3px;
}
div#overall div#homerecettes div#warning{
	text-align:center; 
	padding:20px; 
	border:dashed 1px #cee91d; 
	background-color:#fdfdfd; 
	margin:5px 150px;
	font-weight:bold;
	font-size:12px;
}
div#overall div#contenu{
padding:7px;
}
div#overall div#contenu div#events, div#overall div#contenu div#edito, div#overall div#contenu div#contenudetails{
background-color:#FFFFFF;
border:solid 1px #8e8e8e;
}
div#overall div#contenu div#events{	width:188px;	height:288px;	background-image:url(../img/bg_event.jpg);	background-repeat:no-repeat;	background-position:top left;	float:right;	padding:9px;	font-size:11px;}
div#overall div#contenu div#events span{
display:block;
line-height:15px;
}
div#overall div#contenu div#events span#date{
color:#6492cd;
}
div#overall div#contenu div#events span#titre{
margin-bottom:7px;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
-o-text-overflow: ellipsis; 
-icab-text-overflow: ellipsis; 
-khtml-text-overflow: ellipsis; 
-moz-text-overflow: ellipsis; 
-webkit-text-overflow: ellipsis;
}
div#overall div#contenu div#events h1{	
font-size:13px;	
padding-left:7px; 
margin-bottom:10px;	
font-weight:bold;

}
div#overall div#contenu div#edito{
width:619px;
min-height:288px;
padding:9px;
font-size:11px;
background-image:url(../img/bg_edito.jpg);
background-repeat:no-repeat;
background-position:top left;

}
div#overall div#contenu div#edito p{
margin-bottom:5px;

}
div#overall div#contenu div#edito div#presentation{
width:260px;
margin-top:130px;
line-height:14px;
text-align:left;
}
div#overall div#contenu div#edito div#produits{
float:right;
width:350px;
}
div#overall div#contenu div#edito div#produits a#voirplus{ display:block; text-align:right; font-size:10px; line-height:20px; padding:10px;}
div#overall div#contenu div#edito div#produits div#looparticle div#img,
div#overall div#contenu div#edito div#produits div#looparticle div#description,
div#overall div#contenu div#edito div#produits div#looparticle div#prix,
div#overall div#contenu div#edito div#produits div#looparticle div#prix span{
cursor:pointer;
}
div#overall div#contenu div#edito div#produits div#looparticle{
width:168px;
height:60px;
float:left;
border:dotted 1px #eeeeee;
margin:2px 2px;
}
div#overall div#contenu div#edito div#produits div#looparticle:hover{
background-image:url(../img/bg_home_produit.gif);
background-repeat:repeat-x;
border:dotted 1px #b29960;
}
div#overall div#contenu div#edito div#produits div#looparticle div#img{
height:58px;
width:58px;
background-position:50% 50%;	
background-repeat:no-repeat;	
background-image:url(../img/no_image_mini.png);
float:left;
}
div#overall div#contenu div#edito div#produits div#looparticle div#description{
width:100px;
margin-left:65px;
height:39px !important;
height:39px;
font-size:10px;
line-height:13px;
}
div#overall div#contenu div#edito div#produits div#looparticle div#prix{
width:100px;
padding-top:5px;
margin-left:65px;
line-height:13px;
text-align:right;
}
div#overall div#contenu div#edito div#produits div#looparticle div#prix span{
color:#6492cd;
}
div#overall div#contenu div#contenudetails{
padding:9px;
font-size:12px;
position:relative;
}
div#overall div#contenu div#contenudetails h1{
font-size:18px;
margin-bottom:10px;
}
div#overall div#contenu div#contenudetails h2{
font-size:16px;
margin-bottom:15px;
}
div#overall div#contenu div#contenudetails h1 span{
font-weight:normal;
}
div#overall div#contenu div#contenudetails div#gauche, div#overall div#contenu div#contenudetails div#gaucherecettes{
width:180px; float:left;
}
div#overall div#contenu div#contenudetails div#gaucherecettes h3{
margin-bottom:10px;}
div#overall div#contenu div#contenudetails div#gaucherecettes a{
	display:block;
	margin-bottom:8px;
	padding-left:8px;
}
div#overall div#contenu div#contenudetails div#gaucherecettes a:hover{
}
div#overall div#contenu div#contenudetails div#droite{
margin-left: 200px;
}
div#overall div#contenu div#contenudetails div#droite div#marque{
border-left:dotted 1px #e6e6e6;
padding:10px 10px 0 10px;
}
div#overall div#contenu div#contenudetails div#droite h2{
}
div#overall div#contenu div#contenudetails div#droite h3{
color:#790101;
}
div#overall div#contenu div#contenudetails div#droite h4, div#overall div#contenu div#contenudetails div#droite h3{
margin:0 0 10px 0;
}

div#overall div#contenu div#contenudetails div#droite h4 span{
font-weight:normal;
}
div#overall div#contenu div#contenudetails div#droite div#marque > a{
padding:5px;
display:block;
border-bottom:dotted 1px #CCCCCC;
}
div#overall div#contenu div#contenudetails div#droite div#marque > a:hover{
color:#790101;
}
div#overall div#contenu div#contenudetails div#droite div#marque > a div#img{
height:58px;
width:58px;
float:left;
margin:-3px 15px 0 0;
background-position:50% 50%;	
background-repeat:no-repeat;
}
div#overall div#contenu div#contenudetails div#droite span#description{
display:block;
margin:10px;
text-align:justify;
font-size:11px;
line-height:14px;
/*max-height:28px;*/
overflow:hidden;
}
div#overall div#contenu div#contenudetails div#droite span#description img{
margin:10px;
}
div#overall div#contenu div#contenudetails div#droite div#prix{
border:solid 1px #c0c0c0;
background-color:#f9f9f9;
padding:10px;
text-align:center;
width:100px;

}

div#overall div#footer{
font-size:11px;
line-height:15px;
padding:10px;
color:#FFFFFF;
}
#submenuproduit {
	position: relative;
	width: 150px;
	margin:0 0 0 0;
	padding: 15px 10px 0 10px;
	z-index:150;
}
#submenuproduit a{
	display:block;
	margin-bottom:5px;
	margin:0 0 5px -5px;
	padding:0 0 0 15px;
	line-height:14px;
	border-left:dotted 1 px #666666;
}
#partager{
	position:absolute;
	border:dotted 1px #eeeeee;
	padding:5px 5px 5px 21px;
	left: 570px;
	top: 10px;
	text-align:right;
	font-size:10px;
	background-color:#fdfdfd;
	background-image:url(http://s7.addthis.com/static/btn/sm-plus.gif);
	background-repeat:no-repeat;
	background-position:2px 50%;
	width: 245px;
	
}
#clear{
clear:both;
height:1px;
overflow:hidden;
visibility:hidden;
}
div#formulaire{
width:300px;
margin:0 auto;
font-size:12px;
}
div#formulaire span{	display:block;	margin-bottom:5px;}
form.css label{	display: inline;	position: relative;	float: left;	width: 100px;}
form.css input, form.css textarea, form.css select{	background-color:#f5f5f5;	border:dotted 1px #b5b5b5;	color:#3c3c3c; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
form.css input:hover, form.css input:focus, form.css textarea:hover, form.css textarea:focus, form.css select:hover, form.css select:focus{	background-color:#f5f5f5;	border:dashed 1px #cee91d;	color:#3c3c3c;}





.boxgrid{ 	width: 206px; 	height: 200px; 	margin:0 4px;	float:left; 	border: solid 1px #686868; 	overflow: hidden; 	position: relative; }
.boxgrid #img{	background-position:top center;	background-repeat:no-repeat;	position: absolute; 	top: 0; 	left: 0; 	border: 0;	width: 206px; 	height: 245px; }
.boxgrid #bandrole{	background-position:top center;	background-repeat:no-repeat;	position: absolute; 	top: 2px; 	left: -5px; 	border: 0;	z-index:1002;	width: 157px; 	height: 34px;}
	.boxgrid h3{ 
		font-size: 12px;
		text-align:left;
		width: 186px;
		white-space: nowrap; 
		overflow: hidden; 
		text-overflow: ellipsis; 
		-o-text-overflow: ellipsis; 
		-icab-text-overflow: ellipsis; 
		-khtml-text-overflow: ellipsis; 
		-moz-text-overflow: ellipsis; 
		-webkit-text-overflow: ellipsis;
	}
	.boxgrid span {
		display:block;
		margin:5px 0;
		max-height::42px;
		height:42px !important;
		height:42px;
		font-size:10px;
		line-height:14px;
		color:#656565;
		text-align:justify;
		font-weight:normal;
		/*white-space: nowrap; */
		white-space:normal;
		overflow: hidden; 
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis; 
		-icab-text-overflow: ellipsis; 
		-khtml-text-overflow: ellipsis; 
		-moz-text-overflow: ellipsis; 
		-webkit-text-overflow: ellipsis;
	}
	.boxgrid a{
		display:block;
		text-align:right;
		font-size:9px;
		font-weight:bold;
	}
	
div.boxcaption{ 
	float: left; 
	position: absolute;
	background-color: #fff;
	background-image:url(../img/bg_caption_recettes.jpg);
	background-repeat:no-repeat;
	height: 100px; 
	width: 186px; 
	padding:10px;
	/* -moz-opacity: 0.9;
	opacity: .9; 
	For IE 5-7 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);*/
	/* For IE 8 
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
}
	.caption .boxcaption {
		top: 172px;
		left: 0;
	}
div.rechercheresult{
background-image:url(../img/spices.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
div.rechercheresult a{
margin-left:30px;
line-height:20px;
}
	
div.recette div#breifing{
/*border:solid 1px #000; */
margin:10px 10px 10px 220px;
border:dotted 1px #eeeeee;
padding:10px;
background-color:#fdfdfd;
}
div.recette div#breifing span{
display:block;
line-height:20px;
color:#790101;
}
div.recette div#breifing span span{
display:inline;
line-height:15px;
font-style:italic;
color:#000000;
font-weight:bold;
}

/*

div#overall div#header{	background-color:#382b1e;	height:68px;	margin:36px 0 6px 0;	padding:0 0 0 95px;	position:relative;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;}

div#overall div#header div#menu{	width:335px;	float:right;	margin:0;	height:68px;	padding:0;}
div#overall div#header div#menu div{	width:166px;	float:right;	border-left:dotted 1px #60554b;	text-align:right;}
div#overall div#header div#menu div a{	display:block;	padding:17px 10px;	color:#FFFFFF;	text-decoration:none;	width:146px;	font-size:15px;	line-height:17px;	font-weight:bold;	height:34px;}
div#overall div#header div#menu div a:hover, 
div#overall div#header div#menu a#active, 
div#overall div#menu a#active{
	color:#cee91d;
}
div#overall div#header a{	text-decoration:none;}

div#overall div#header div#logo{	position:absolute;	top:-32px;	left:-17px;	float:left;	width:96px;	height:100px;	background-image:url(../img/logo.png);	background-repeat:no-repeat;}

div#overall div#menu{	background-color:#382b1e;	margin:0 0 6px 0;	height:28px;	padding:0 5px;}
div#overall div#menu a{	display:block; 	float:left;	padding:0 10px;	height:28px;	line-height:28px;	font-size:11px;	color:#FFFFFF;	text-decoration:none;}
div#overall div#menu a:hover{	color:#cee91d;}

div#overall div#container{	background-color:#FFFFFF;	padding:15px; font-size:12px;}
div#overall div#container div#contenu{line-height:15px;	text-align:justify;}
div#overall div#container div#toutclear{	clear:both;	height:1px;}

div#overall div div.bigmenu, div#overall div div.bigmenu2{	text-align:right;	position:absolute;	top:42px;	font: 22px/25px Arial, Helvetica, sans-serif;	width: 236px;	color: #fff;	z-index:10000;	background-image:url(../img/bg_transparent.png);}
div#overall div div.bigmenu2{	top:145px;}
div#overall div div.bigmenu a, div#overall div div.bigmenu2 a{	display:block;	padding:10px 13px;	color:#FFFFFF;	text-decoration:none; font-weight:bold;}
div#overall div div.bigmenu a:hover, div#overall div div.bigmenu2 a:hover{	color:#cee91d;}
div#overall div#footer div#coords{	font-size:10px;	color:#e7e7e7;	padding:10px;	line-height:15px;}
div#overall div#footer div#coords a{ color:#e7e7e7;}
div#overall div#footer div#coords a:hover{ color:#cee91d;}
div#overall div#footer div#links{	background-color:#e7e7e7;	border-bottom:solid 2px #b3ce3a;	text-align:right;}
div#overall div#footer div#links a{	color:#5c5c5c;	text-decoration:none;	padding:0 10px;	line-height:19px;	font-size:10px;}

*/
/******************************************************
FIN - A ne pas toucher sinon ça pète tout ^^
******************************************************/



div#overall div#container p{ margin:5px 0; text-align:justify; line-height:17px;}
div#overall div#container li{ margin:10px 0 10px 20px; list-style:square; line-height:17px;}

div#overall div#container blockquote{ padding:15px; margin:15px; border:dotted 1px #dddddd; background-color:#eeeeee; font-family:"Courier New", Courier, monospace}

#help{	width:335px;	float:right;	margin-right:-15px;	background-color:#f8f8f8;	background-image:url(../img/bg_help.gif);	background-position:bottom;	background-repeat:no-repeat;	height:191px;}
#help h1{	border:none;	background:none;	background-color:#cbcbcb; padding:7px 20px;}

div#overall a{	color:#000000;	text-decoration:none;}
div#overall a:hover{	color:#4e3d2c;}
div#overall div#article div#header{	background:none;	margin:0 0 7px 0;	padding:0;	height:auto;}
div#overall div#article div#header span#titre{	font-weight:bold;}
div#overall div#article div#contenu{	line-height:15px;	text-align:justify;	max-height:90px;	overflow:hidden;}
div#overall div#article hr {	height: 1px;	padding: 0;	color: #e8f4b2;	background-color: #e8f4b2;	border: 0;	width:365px;	margin:10px auto;}

/*div#overall div#container div#previewanimal { width:350px; height:100px; border:dotted 1px #e7e7e7; margin:3px; float:left; background-color:#fdfdfd; padding:5px}
div#overall div#container div#previewanimal:hover{ border:dashed 1px #cee91d;}*/
div#overall div#container div#previewanimal a{ display:block; width:340px; height:90px; border:dotted 1px #e7e7e7; margin:3px; float:left; background-color:#fdfdfd; padding:10px}
div#overall div#container div#previewanimal a:hover{ border:dashed 1px #cee91d;}
div#overall div#container div#previewanimal div#photo{ float:left; width:120px; height:90px; background-repeat:no-repeat; background-position:50% 50%}
div#overall div#container div#previewanimal div#details{ margin-left:140px}
div#overall div#container div#previewanimal div#details span, div#alldetails span{ display:block; line-height:18px}
div#overall div#container div#previewanimal div#details span span , div#alldetails span span{ font-weight:bold; display: inline;}

div#alldetails {border:dotted 1px #e7e7e7; margin:3px; float:left; background-color:#fdfdfd; padding:10px; font-size:12px; line-height:17px;}

#warning{text-align:center; padding:20px; border:dashed 1px #cee91d; background-color:#fdfdfd; margin:20px 150px;}

div#overall div#container div#map{ float:left; width:350px; height:400px;}
div#overall div#container div#formulaire{ float:right; width:370px;}
div#overall div#container div#formulaire span{	display:block;	margin-bottom:5px;}
form.css label{	display: inline;	position: relative;	float: left;	width: 100px;}
form.css input, form.css textarea{	background-color:#f5f5f5;	border:dotted 1px #b5b5b5;	color:#3c3c3c; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
form.css input:hover, form.css input:focus, form.css textarea:hover, form.css textarea:focus{	background-color:#f5f5f5;	border:dashed 1px #cee91d;	color:#3c3c3c;}