body,html{
	line-height:normal;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	background:url(../images/bg.gif) #fff repeat-y
	}



#container{width:981px}
a:focus{outline:none}

img{border:none}
.left{float:left}
.right{float:right}
.mini{float:none}
strong{color:white}

/* PRELOAD DES IMAGES DE GRANDE TAILLE */
#preload {
	/* Nos produits */
	background-image: url(../images/nosproduits/nosproduits1-big.jpg);
	background-image: url(../images/nosproduits/nosproduits6-big.jpg);
	background-image: url(../images/nosproduits/nosproduits3-big.jpg);

	/* Repas Bio */
	background-image: url(../images/repasbio/nosproduits2-big.jpg);
	background-image: url(../images/repasbio/nosproduits4-big.jpg);
	background-image: url(../images/repasbio/nosproduits5-big.jpg);
	background-image: url(../images/repasbio/nosproduits7-big.jpg);
	
	display:inline;
	height:0px;
	width:0px;
}


/* HEADER */
#top{height:174px;width:349px}

/*#top h1{background:url(../images/bg-header.gif) transparent no-repeat}*/
#top h1 {
 
  background-image: url("../images/spriteme1.png");
  background-position: -10px -10px;
}



#top h1 a{display:block;width:349px;height:174px;line-height:174px}
#top h1 a span{display:none}

/* ___________ DEBUT : MENU GAUCHE */
#leftnav{float: left;width:349px}
#leftnav h2{height:67px;
/*background:url(../images/bg-h2.gif) transparent no-repeat*/
}
#leftnav h2 {
  background-image: url("../images/spriteme1.png");
  background-position: -10px -204px;
}



#leftnav h2 span {display:none}

/* DEBUT : PANELS */
#leftnav .panel a {color:#8FC54E}
#leftnav .panel a:hover {color:white}

#leftnav .panel,#leftnav .panel2,#leftnav .panel3{position:absolute;top:260px;left:0;display:none;background:#000000;border:1px solid #111111;filter:alpha(opacity=85);opacity:.85;width:330px;height:auto;padding:10px 10px 20px 190px;z-index:1;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius: 20px}
#leftnav .panel2{width:800px;}
#leftnav h3{color:#fff;text-transform:uppercase;font-weight:normal;padding:5px 0 5px 0px;border-bottom:1px solid #444444; font-size:80%; margin-bottom:17px;}
#leftnav .panel p, #leftnav .panel2 p, #leftnav .panel3 p{margin:0 0 15px 0;color:#cccccc;text-align:justify;font-size:80%;line-height:1.5em}
#leftnav .panel p.size70{font-size:70%;}

#leftnav .panel2 p span.Q {color:#8FC54E}
#leftnav .panel2 p span.A {font-style:italic}



#leftnav img.right{margin:3px 0px 0px 8px;padding:5px;background:#222222;border:1px solid #333333}
/* FIN : PANELS */

/* DEBUT : TRIGGERS */
a.trigger,a.accueil {position:relative;text-decoration: none;color:#fff;background:#222222 url(../images/plus.jpg) 90% 50% no-repeat;border:1px solid #444444;display:block;z-index:2;padding:5px 40px 10px 10px;margin-bottom:12px;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px
}
a.accueil{background-image:none}
a.trigger:hover,a.accueil:hover{padding:5px 40px 10px 20px}
a.trigger.active{background:#222222 url(../images/minus.jpg) 95% 50% no-repeat;color:#9FC54E;font-weight:bold;border:1px solid #ccc;padding:5px 40px 10px 20px}
a.accueil{width:40px}
a.trigger.deux{width:83px}
a.trigger.trois{width:115px}
a.trigger.quatre{width:60px}
/* FIN : TRIGGERS */

/* FIN : ___________ MENU GAUCHE */

/* DEBUT : _________ CONTENU */
#content{float:left;width:632px;margin-top:17px}

#content .boxgrid{width:300px;height:260px;float:left;background:#161613;border:solid 6px #dce175;overflow:hidden;position:relative}

#content .boxgrid.gauche{margin:0 8px 0 0}
#content .boxgrid.droite{margin:0}
#content .boxgrid.caption.gauche.bas{margin-top:8px}
#content .boxgrid.caption.droite.bas{margin-top:8px}

#content .boxgrid a:link,#content .boxgrid a:visited {color:#9FC54E;text-decoration:none;border-bottom:1px solid #9FC54E;font-size:80%}

#content .boxgrid a:hover{color:#fff;text-decoration:none;border:none}

#content .boxgrid p{ padding:0 10px; color:#afafaf;font-size:90%}

#content .boxgrid h3 {color:#fff;text-transform:uppercase;font-weight:normal;padding:5px 0 5px 5px;border-bottom:1px solid #444444;margin-bottom:9px}

#content .boxgrid img{ position:absolute; top:0; left:0; border:0}

#content .boxcaption{ float:left;position:absolute;background:#000;height:100px;width:100%; opacity:.8; 
	/* Pour IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* pour IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px
}
#content .captionfull .boxcaption{top:260px;left:0}
#content .caption .boxcaption{top:220px;left:0}

#content p{font-size:80%;text-align:justify}

#content h4{font-weight:normal;letter-spacing:2px;text-transform:capitalize;font-variant:small-caps}

#content .bienvenue{background:#333}

#navigateur{text-align:center;color:red;font-size:75%}

#navigateur a:hover {color: #9FC54E;}

#content.page{background:#9FC54E;border:1px solid #9FC54E;padding:20px;width:590px;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-bottomleft:20px-webkit-border-bottom-left-radius:20px}

#content.page{background:#9FC54E;border:1px solid #9FC54E;padding:20px;width:590px;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px}

#content.page a,#content.page a:visited{color:#fff;text-decoration:none;border-bottom:1px solid #fff}

#content.page a:hover,#content.page a:visited:hover{color:#a92764;text-decoration:none;border:none}

#content.page a.thumb{text-decoration:none;border:none}

#content.page a.thumb img{background:#dce175;border:1px solid #eef0bc;padding:5px}

#content.page a.thumb img.right{margin:0px 0px 0px 8px}
#content.page a.thumb img.left{margin:0px 8px 0px 0px}

#content.page .backbutton{clear:both;font-size:80%}

#content.page h3{padding-bottom:8px;border-bottom:1px solid #dce175;color:#fff;text-transform:uppercase;font-weight:normal}
#content.page h3.nos-produits{background:url(../images/h3-nos-produits.jpg) 0% 0% no-repeat;padding-left:30px}
#content.page h3.notre-histoire{background:url(../images/h3-notre-histoire.jpg) 0% 0% no-repeat;padding-left:30px}
#content.page h3.repas-bio{background:url(../images/h3-repas-bio.jpg) 0% 0% no-repeat;padding-left:30px}

#content.page p{color:#161613;margin:5px 0 5px 0;text-align:justify}

#content.page ul{margin-left:20px}
#content.page li{font-size:80%}
#content.page ul.plan{margin-top:5px}
#content.page ul.plan li{margin-bottom:5px}

#content.page .separator{text-align:center;clear:both;color:white;font-size:60%;margin:5px 0 5px 0}
/* FIN   : _________ CONTENU */

/* DEBUT  : _________ FOOTER */
#container #footer{clear:both;padding:5px 0 5px 0;text-align:right;font-size:80%}

#container #footer a:link,#container #footer a:visited{border:none;text-decoration:none;color:#9FC54E}

#container #footer a:hover{color:#9FC54E;border-bottom:1px solid #9FC54E;text-decoration:none}
/* FIN   : _________ FOOTER */

/* _________________________ AJAX FORM _________________________ */	
#contact_form {}
.panel3 h3{padding:0;margin-bottom:10px}
#contact_form input.text{width:305px;display:block;-moz-border-radius:5px;-webkit-border-radius:5px}
#contact_form input.bginput{border:1px solid #f4f4f4;background:#e4e8ed;margin-bottom:5px}
#contact_form textarea{width:305px;height:150px;overflow:auto;-moz-border-radius:5px;-webkit-border-radius:5px}
#contact_form textarea.bgtxtarea{border:1px solid #f4f4f4;background:#e4e8ed}
#contact_form .label{width: 120px;margin-bottom:5px;color:#ccc;font-size:80%}
#contact_form .button{display:block;width:70px;cursor:pointer;background:#283D6A;color:#ccc;border:1px solid #91a1be;-moz-border-radius:5px;-webkit-border-radius:5px}
#contact_form input.button:hover {background-color:#91a1be;color:#fff;border-color:#283D6A;-moz-border-radius:5px;-webkit-border-radius:5px}
#contact_form .clear{clear: both;margin-bottom:3px}
#contact_form .fleft{float:left}
#note{margin-bottom:5px}
.notification_error{font-size:70%;border:2px solid #A25965;width:305px;height:auto;padding:4px;background:#F8F0F1;text-align:left;-moz-border-radius:5px;-webkit-border-radius:5px}
.notification_ok{font-size:70%;border:2px #567397 solid;width:305px;height:auto;padding:8px;background:#f5f9fd;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px}
/* _________________________ AJAX FORM _________________________ */	


#cboxCurrent{font-size:70%}