@charset "UTF-8";
/* CSS Document */

html,body {height:100%;margin:0;padding:0;width:100%;}
body {background:url(../images/background-2.jpg); color:#d5d4d4; font-family:Verdana, Arial, sans-serif;font-size:10px;font-style:normal; line-height:18px;}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}

@font-face {
font-family: 'GillSansStd';
src: url('../images/GillSansStd.eot');
src: local('☺'),
url('../images/GillSansStd.woff') format('woff'),
url('../images/GillSansStd.ttf') format('truetype');
}

a img { border:none;}
p {font-size:1.3em;line-height:1.6em;}
h1 { color:#835d07; font-size:2.2em; font-family:"GillSansStd", Verdana, Arial, sans-serif; font-weight: normal; margin-top: 0; text-transform: uppercase; }
h2 { color:#835d07; font-size:1.8em; font-family:"GillSansStd", Verdana, Arial, sans-serif; font-weight: normal; margin-top: 0; text-transform: uppercase; }
h3 { color:#835d07; font-size:1.6em; font-family:"GillSansStd", Verdana, Arial, sans-serif; font-weight: normal; margin-top: 0; text-transform: uppercase; }
h4 { color:#835d07; font-size:1.4em; font-family:"GillSansStd", Verdana, Arial, sans-serif; font-weight: normal; margin-top: 0; text-transform: uppercase; }
h5 { color:#d8a43a; font-size:1.4em; font-family:"GillSansStd", Verdana, Arial, sans-serif; font-weight: normal; margin-top: 5px 0; text-transform: uppercase; }
	h5 a { color:#efd39b; font-weight:bold; text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); }
table { border:0; font-size:1.2em; }
	td { color:#a2958c; }
	td.premier { color:#FFF; font-size:0.9em; }

#container { margin: 0 auto; width: 885px; }

#header { height:355px; margin-bottom:14px; }
	
	#header-gauche { background:url(../images/bloc-sous-navigation.png) no-repeat; float:left; height:355px; position:relative; width: 298px; }
		
		#logo { position:absolute; left:38px; top:33px; }
		
		#navigation { position:absolute; left:38px; top:138px; }
			#navigation ul { list-style: none; margin:0; padding:0; }
				#navigation li { margin:0; padding:2px 0 0 0; }
					#navigation li a { color:#efd39b; text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); font-family:Verdana, Arial, sans-serif; font-size:1.3em; text-decoration: none; text-transform: uppercase; }
						#navigation li a:hover { color:#bfab83; }	
			#navigation #country { display: inline-block; width: 50px; float: right; }
			
			
		#bouton1-sous-navigation { position:absolute; left:15px; top:326px; z-index: 200; width: 125px; text-align: center;}
			#bouton1-sous-navigation a{ color:#e3c792; font-size:1.1em; text-decoration: none; }
				#bouton1-sous-navigation a:hover{ color:#94815c; }
		#bouton2-sous-navigation { color:#200c00; font-size:1.0em; position:absolute; left:158px; top:326px; z-index: 205; width: 125px; text-align: center; }
			#bouton2-sous-navigation a{ color:#200c00; font-size:1.1em; text-decoration: none; }
				#bouton2-sous-navigation a:hover{ color:#2e1608; }
		
	#header-droite { background: url(../images/sucres-a-la-creme.png) no-repeat; float:left; height:355px; width: 561px; }
	#header-droite2 { background: url(../images/sucres-a-la-creme2.png) no-repeat; float:left; height:355px; width: 561px; }
	#header-droite-video { background: url(../images/sous-video.gif) no-repeat; float:left; height:355px; width: 530px; padding:20px 0 0 32px;}
	#bt-gallerie-photos { background: url(../images/bouton-gallerie-photos.png) no-repeat; float:left; margin-top: 222px; width:24px; height:134px; }
	
#sidebar { float:left; width:299px; }
	
	.bloc-gauche-top { background: url(../images/bloc-gauche-top.png) no-repeat; height:46px; width:299px; position:relative;}
		.bloc-gauche-top h3 { position:absolute; left:26px; top:17px; }
		.bloc-gauche-top a { color: #835d07; text-decoration: none; }
		.bloc-gauche-top a:hover { text-decoration: underline; }

	.bloc-gauche-contenu { position:relative; margin-bottom: 14px; }
	.bloc-gauche-bouton {background: url(../images/bloc-gauche-bouton.png) no-repeat; position: absolute; bottom:8px; right:25px; height:38px; width:38px;}

	#bloc-plaisir-fr { background:url(../images/bloc-gauche-plaisir_FR.png) no-repeat; height:157px; width:298px; margin-bottom: 14px; }
	#bloc-plaisir-en { background:url(../images/bloc-gauche-plaisir_EN.png) no-repeat; height:157px; width:298px; margin-bottom: 14px; }
	#bloc-temoignages { background:url(../images/bloc-gauche-temoignages.png) no-repeat; height:157px; width:298px;  }
		#bloc-plain { background:url(../images/bloc-gauche-plain.png) repeat-y; padding:14px 0 20px 20px; margin-left:1px; width:297px; }
		#bloc-plain a { color:#efd39b; text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); font-size:1.1em; text-decoration: none;  }
			#bloc-plain a:hover { color:#bfab83; }
	
	
#content { float:left; width:585px; }

	#content-top { background: url(../images/bloc-principal-top.png) no-repeat ; height:56px; position:relative; width:585px; }
		#content-top h2 { color:#835d07; font-size:1.8em; font-family:"GillSansStd", Verdana, Arial, sans-serif; font-weight: normal; position:absolute; left:28px; top:19px;margin-top: 0; text-transform: uppercase; }
	
	#content-middle { background: url(../images/bloc-principal-repetition.png) repeat-y ; min-height: 300px; padding-bottom:50px; }
		#content-middle-top { background: url(../images/sous-contenu-texte.png) top no-repeat; min-height: 200px; }
			#content-text { padding:30px 46px 30px 36px; position:relative;}
				#section-alimentaire-gauche { float:left; width:230px; }
					#section-alimentaire-gauche p { text-indent: 0; }
				#section-alimentaire-droite { float:left; margin-left:20px; width:230px; }
			
	#content-bottom { background:url(../images/bloc-principal-footer.png) no-repeat; height:63px; width:585px; }

#footer { background:url(../images/footer-general.gif) no-repeat; clear:both; height:206px; position:relative; width:883px; }
	#coordonnees { color:#835d07; position:absolute; left:330px; top:92px; }
		#conception a{ color:#5f544e; }

/* Section Recettes */
#recettes { padding:15px 46px 0px 36px; position:relative; }
	#recettes h5.subtitle { color: #a2958c; margin-bottom: 0px; }
	#recettes div.recette-full { padding-bottom: 30px; }
		#recettes div.recette-full p { text-indent: 0; padding-left: 10px; }
		#recettes div.recette-full ul { font-size: 1.3em; padding-left: 10px; list-style-position: inside; }
		#recettes div.recette-full ol { font-size: 1.3em; padding-left: 10px; list-style-position: inside; }
	#recettes div.recette-content { width: 300px; padding-right: 40px; float: left; }
	#recettes div.recette-images { float: left; }
	#recettes img.sep { float: left; }
	#recettes img.thumb { float: left; margin: 28px 0px 0px 25px; width: 129px; border-left: 2px solid #1f0b00; border-bottom: 2px solid #1f0b00; }
	#recettes img.loupe { clear: both; float: right; padding: 5px; margin-right: -12px; }

/* Section Produits */
#produits { padding:15px 46px 0px 36px; position:relative; }
	#produits p { text-indent: 0; }
	#produits div.produit { margin-bottom: 10px;}
	#produits div.produit-content { width: 300px; padding-right: 40px; float: left; }
	#produits img { float: left; }
		#produits img.sep { float: left; }
		#produits img.thumb { float: left; margin: 28px 0px 0px 25px; width: 129px; }
h3.qty { margin-top: 10px; margin-bottom: 5px;}

img.banner { margin-left: -30px;}

/* Section FAQ */
#faqs { padding:15px 46px 50px 36px; position:relative; }
	#faqs h5 { margin: 0px; padding:10px; background-color: #200c00; cursor: pointer; border-bottom: 1px solid #835d07; }
	#faqs div.faq { margin-bottom: 10px; padding: 0px; background-color: #210E00; padding: 10px; }
		#faqs div.faq p { padding: 7px 0px 7px 0px; margin: 0px 0px 0px 0px; }
		#faqs div.faq img { margin: 10px 10px 15px 15px; }
	div.faq {margin-bottom: 10px; padding: 0px; }
		div.faq h4 {margin: 20px 0px 0px 0px !important; padding: 0px; }
		
.accord-closed div.accord-status { background: url('../images/faq-closed.png') no-repeat; width: 16px; height: 16px; float: right; }
.accord-opened div.accord-status { background: url('../images/faq-opened.png') no-repeat; width: 16px; height: 16px; float: right; }

/* Section Entreprise */
div.history p { margin-bottom: 20px !important; }

/* Section Nouvelles */
#nouvelles { padding:20px 46px 0px 36px; position:relative; }
	#nouvelles h5 {padding:0 0 0px 0;}
	#nouvelles p { padding:10px 0 10px 0;}
	#nouvelles div.nouvelle-content { width: 300px; padding-right: 40px; float: left; }
	#nouvelles a {color:#d8b162; text-decoration:underline;}
		#nouvelles a:hover {color:#d8a640;}
	#nouvelles img { float: left; }
		#nouvelles img.sep { float: left; }
		#nouvelles img.thumb { float: left; margin: 28px 0px 0px 25px; width: 129px; height: 90px; }
	.bloc-date { float:right; }
	.bloc-name { float:left; font-style: italic; margin-top: -20px; }
	
/* Section Points de ventes */
#points-de-ventes { padding:15px 46px 0px 36px; position:relative; }
	#points-de-ventes p { text-indent: 0; }
	
/* Service Login */
.loginbox h5 { padding-bottom: 5px; margin: 0px; }
.loginbox input[type='text'] { margin-bottom: 10px }

/* Services */
#gallery {
	width: 480px;
	padding: 0px;
	position: relative;
	left: 8px;
	margin-bottom: 25px;
	height: 167px;
}

div.download { margin-top: 15px; }
	div.download a { color: #ffffff; text-decoration: none; font-size: 1.2em; }
	div.download span { margin-left: 3px; margin-top: 18px; position: absolute; }

/* Section Contact */
#content-contact { margin-left:40px; width: 250px; }
	#content-contact div { margin-bottom: 10px; }
	#content-contact div p { text-indent: 0; }
	#content-contact div label { font-size:1.3em; }
	#content-contact textarea { width: 250px; height: 200px; background:#e1e1e1; margin-top:6px; }
	#content-contact select { margin-top:6px; }
	#content-contact input[type='text'] { width: 250px; background:#e1e1e1; margin-top:6px; }
	#content-contact input[type='submit'] { padding: 0px; margin: 0px; }
	#content-contact label.error { font-size:1.0em; color: #ff0000; }
div.warning_green { border: 1px solid #06592f; background-color: #088424; color: #000000; padding: 15px; text-align: center; margin: 4px 24px 10px 11px; }
div.warning_red { border: 1px solid #5e1000; background-color: #8b0f00; color: #000000; padding: 15px; text-align: center; margin: 4px 24px 10px 11px;}

/* Section Media */
#medias { padding:15px 46px 0px 36px; position:relative; }
	#medias h5 { margin: 0px; padding: 0px; }
	#medias p { margin: 0px; padding: 0px; text-indent: 0; }
	#medias div.download { cursor: pointer; margin-top: 5px; font-size: 1.3em; font-weight: bold; padding: 6px 0px 0px 40px;  width: 100px; float: right; height: 33px; background: url(../images/download.png) no-repeat; }
	#medias a {color:#efd39b; text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); font-family:Verdana, Arial, sans-serif; text-decoration: none; text-transform: uppercase;}	

/* Easy Slider */

	#slider{margin:0 0 50px 20px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:460px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:30px;
		top:110px;
		}	
	#nextBtn{ 
		left:524px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/slider/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/slider/btn_next.png) no-repeat 0 0;	
		}												

/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
/* // image replacement */

/* // Easy Slider */
