/* ****************************************************

	@file         screen.css
	@description  Feuille de styles globale
	@author       luc-olivier (ixmedia.com)
	vim: set noet ts=4 fdm=marker fenc=utf-8:

***************************************************** */

@import url("./reset.css");

/* @section Basic {{{
******************************************************************************/

html 		{ font-size: 62.5%; }
html, body 	{ height: 100%; }

body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 120%;
	line-height: 1.3;
	color: #000;
	background: #000;
	position: relative;
	behavior: url("/js/ie6/csshover.htc");
}
p 				 			{ margin-bottom:1em;line-height:1.4em; }
hr.clear {clear: both; visibility: hidden;}

/* LIENS */
a 				 			{ text-decoration: none; cursor: pointer; color: #c3b9b4; font-family:Tahoma; }
a:visited 		 			{ color: #c3b9b4; }
a:hover, a:focus 			{ color: #d31145;text-decoration:underline; }
a:focus 		 			{ outline: 1px dotted;outline:none; }
div#inner-wrap a 			{ text-decoration:none;}/*pour IE6*/
div.nom-produits a#nom		{ color:#d31145;}/*pour IE6*/
a *, button * 	 			{ cursor: pointer; }

input, select, 
button, textarea, 
option 						{ font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
button, label, 
select, option, 
input[type=submit] 			{ cursor: pointer; }
.groupe:after 				{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .groupe {display: inline-block;}
/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe {display: block;} /* End hide from IE-mac */
sup 						{ font-size: 80%; line-height: 1; vertical-align: super; }
button::-moz-focus-inner	{ border: 0; padding: 1px; }
span.amp 					{ font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
h1,h2,h3,h4,h5,h6 			{ line-height: 1.1; }
strong 						{ text-transform:uppercase;color:#d31145; }

blockquote:before  {
	content: "«";
	color:#d31145;
}
blockquote:after {
	content: "»";
	color:#d31145;	
}
.float-left					{ float:left; }
.float-right				{ float:right; }
.inner						{ width:950px;margin:0 auto; }
.premier-par				{ margin:25px 0 20px 0; }
div.navigation a.actif		{ color:#d31145; }

.section-accueil li.accueil a ,
.section-nous li.nous a ,
.section-nos-essences li.nos-essences a ,
.section-nos-produits li.nos-produits a,
.section-produits li.nos-produits a ,
.section-nos-adresses li.nos-adresses a 	{ color:#d31145; }

/*}}}*/



/* @section Titres {{{
******************************************************************************/

h1,h2,h3,h4,h5,h6 { font-family:Tahoma; }

h1 span {
	display:none;
}

h2 {
	font-size:220%;
}

h2 span {
	color:#98877e;
	font-size:65%;
}

h2 span.rose 	{
	color:#d31145;
	font-size:100%; 
}

h3 {
	color:#98877e;
	font-size:150%;
}

body.section-accueil h2 { 
	font-family:Georgia; 
	font-weight:normal;
}
body.section-accueil h3 { 
	font-weight:normal; 
}

body.section-nos-adresses h2 {
	color:#88746a;
	margin-bottom:10px;
}

body.section-nos-adresses h3 {
	color:#d31145;
	font-size: 120%;
}

/*}}}*/



/* @section General Sliders {{{
******************************************************************************/

span#degradeContenu {
	background:url('/img/interface/conteneur-repetition.png') repeat-x bottom;
	position:absolute;
	bottom:0;
	display:block;
	height:133px;
	width:100%;
}

*html span#degradeContenu 	{ display:none; }
*+html span#degradeContenu 	{ display:none; }

span.overProduits {
	position:absolute;
	margin-right:-406px;
	background:url('/img/interface/fade-full-white.png') no-repeat top left transparent;
	display:block;width:406px;height:541px
}

span.overProduits a {
	display:block;
	width:406px;
	height:541px;
}

div.sliderProduits {
	margin-top:20px;
}

/*}}}*/



/* @section En-tête {{{
******************************************************************************/

.navigation {
	background-color:#000;
	width:100%;	
}

.navigation ul {
	margin-bottom:4px;
	margin-top:4px;
}

	.navigation ul.menu {
		font-size:150%;
		position:relative;
		z-index:100;
	}
	
		.navigation ul.menu li.accueil { 
			border-left:1px solid #494846; 
			width:60px;
		}

	.navigation ul.langues {
		margin-top:13px;
	}
	
		.navigation ul.langues li {
			border-right:none;
			padding:0 5px;
			font-weight:bold;
		}
		
.navigation ul li {
	display:inline-block;
	border-right:1px solid #494846;
	padding:5px 20px 0;
	float:left;
}	
/*													OTPTPTPTPTP
*/	
	
li.nous ul#sous-menu {
	background-color:#000;
	display: none;
	font-size:0.8em;
		
	width:200px;
	position: absolute;
	left: 102px;
	top: 27px;
	padding: 15px 0 5px 0;
	margin:0;

	z-index:150;
}

*html li.nous ul#sous-menu 	{ left:95px;top:28px; }
*+html li.nous ul#sous-menu { left:95px;top:28px; }

li.nous ul#sous-menu li {
	border:none;
}

li.nous ul#sous-menu li a 		{ color:#C3B9B4; }
li.nous ul#sous-menu li a:hover { color:#d31145; }

body.section-notre-mission ul#sous-menu li.notre-mission a,
body.section-nos-convictions ul#sous-menu li.nos-convictions a,
body.section-nos-valeurs ul#sous-menu li.nos-valeurs a,
body.section-fondateurs ul#sous-menu li.fondateurs a { color:#d31145; }

li.nous:hover ul#sous-menu { display: block; }


/*}}}*/



/* @section Contenu {{{
******************************************************************************/

.conteneur {
	position:relative;
	background:#fff;
}
	.section-logo {
		position:relative;
	}

		.section-logo img.produit { 
			padding-left:10px;
		}

	#logo {
		position:absolute;
		top:33px;
		left:0;
		z-index:30;
	}

	.contenu {
		width:500px;
		margin-top:80px;
		position:relative;
		font-size: 110%;
	}
	
		.contenu p {
			color:#98877e;
		}

		.contenu a {
			color:#d31145;
		}
		
		ul.nav li {
			display:block;
		}

			ul.nav li a {
				display: block;
				width: 15px;
				height: 12px;
				text-indent: -9999px;
				background: transparent url("/img/interface/sprite-navSlider.png") no-repeat 0 0;
				overflow:hidden;
			}
						
			ul.nav li a.active {
				background-position: 0 -12px;
			}
			
div.boite { 
	width:375px;
	margin:0 50px;
	color:#88746a;
}	

*html div.boite {
	width:350px;
}

div.boite h2 {
	margin-top:20px;
	color:#d31145;
	font-size:120%;
}		

/*}}}*/



/* @section Pied de page {{{
******************************************************************************/

.pied-page {
	background-color:#000;
	color:#b6ada8;
	font-size:90%;
	min-height:150px;
}

	.pied-page .inner {
		padding-top:10px;
	}

/*}}}*/



/* 	@section Accueil.php {{{
******************************************************************************/

body.section-accueil .overflow {
	position:relative;
	width:406px;
	overflow:hidden;
	height:541px;
}

body.section-accueil div.nom-produits {
	margin-top:25px;
}

body.section-accueil div.nom-produits ul.nav {
	margin-bottom:15px;
}

body.section-accueil div.conteneur div.groupe {
	position:relative;
}

body.section-accueil div.coupDeCoeur {
	position:absolute;
	top:410px;
	left:375px;
	z-index:15;
	width:640px;
}

ul#boucle 		{ height:75px;}
ul#boucle li 	{ display:none; }	

/*}}}*/



/* 	@section Nous.php {{{
******************************************************************************/

body.section-nous .img {
	float:left;
	margin-top:15px;
}

body.section-nous div.conteneur h2 {
	padding-top:20px;
	color:#d31145;
	font-size:120%;
	margin-bottom: 1em;
}

body.section-nous div.conteneur div.fondateurs ul li {
	margin-bottom: 2em;
}

body.section-nos-convictions div.contenu, body.section-nos-valeurs div.contenu {padding-bottom: 3em;}

body.section-nous strong { color:#88746a; }

body.section-nous p {
	color:#88746a;
	line-height:1.6em;
}

body.section-nous .conteneur {
	padding-bottom:15px;
	background:url('/img/interface/conteneur-repetition.png') repeat-x bottom #fff;	
}

body.section-nous .contenu {
	width:700px;
	margin-top:40px;
}

body.section-nous div.boite { width:350px; }
	body.section-nous div.boite h2 { margin-top:0; }
	
body.section-nous div#fondateurs ul { margin-left:15px; }
	body.section-nous div#fondateurs li { margin-bottom:30px; }
		body.section-nous div#fondateurs h3 {
			font-size:125%;
			color:#88746A;
		}

		body.section-nous div#fondateurs p { margin-bottom:0; }
		
		body.section-nous div#fondateurs blockquote {
			padding-top:10px;
			color:#88746A;
			font-style:italic;
			font-weight:600;
		}

div.coupDeCoeur div.detailConcours {
	color:#88746A;	
	margin:50px 0px 0 -30px;
	padding:8px 12px 8px 51px;

	-webkit-border-top-right-radius : 5px;
	-webkit-border-bottom-right-radius : 5px;
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 5px; 
}

	div.coupDeCoeur div.detailConcours span {
		font-size:1.1em;
		font-weight:bold;
		color:#88746A;
		display:block;
		padding-bottom:5px;
	}

/*}}}*/



/* 	@section Nos-essences.php
 	@section Nos-produits.php {{{
******************************************************************************/

body.section-nos-essences strong,
body.section-nos-produits strong { 
	text-transform:uppercase;
	color:#88746a; 
}

body.section-nos-essences .contenu,
body.section-nos-produits .contenu {
	width:700px;
	margin-top:136px;
	padding-top:0;
	line-height:1.6em;
	font-size:110%;
}

	body.section-nos-essences .contenu p, 
	body.section-nos-produits .contenu p {
		color: #88746a;
	}

body.section-nos-essences .choixEssences,
body.section-nos-produits .choixProduits { 
	padding-bottom:80px;
}

	body.section-nos-essences .essence,
	body.section-nos-produits .produits { 
		width:375px;
		margin:0 50px;
		color:#88746a;
	}

		body.section-nos-essences .img { 
			height:150px; 
			position:relative;
		}
		
		body.section-nos-essences .img img {
			position:absolute;
			bottom:0;
		}
		

/*}}}*/



/* 	@section Nos-essences.php {{{
******************************************************************************/

body.section-nos-produits h2 {
	margin:20px 0;
	color:#d31145;
	font-size:110%;
}

body.section-nos-essences h3 {
	margin-bottom:20px;
	font-size:90%;
}

body.section-nos-essences .conteneur {
	background:url('/img/interface/conteneur-repetition.png') repeat-x bottom #fff;	
}

*html body.section-nos-produits p.float-left { margin-left:125px; }
*+html body.section-nos-produits p.float-left { margin-left:275px; }

/*}}}*/



/* 	@section Nos-produits.php {{{
******************************************************************************/

body.section-nos-produits div.nom-produit {
	margin-right:50px;
	display:none;
}

body.section-accueil div.nom-produit {
	display:none;
}

	body.section-nos-produits div.nom-produit p {
		color:#d31145;
		font-size:90%;
		text-align:right;
		margin-right:25px;
	}
	
body.section-nos-produits .contenu {
	margin-top:30px;
}
	
body.section-nos-produits .overflow {
	position:relative;
	width:650px;
	overflow:hidden;
	margin-bottom:5px;
}

body.section-nos-produits div#inner-wrap a {
	width:157px;
	display:inline-block;
}

/*}}}*/



/* 	@section Produits.php {{{
******************************************************************************/

body.section-produits .contenu {
	width:500px;
	font-size:1em;
	margin-top:20px;
}

	body.section-produits .contenu p strong {
		text-transform:none;
		color:#88746a;
	}

body.section-produits h2 {
	color:#000;
	font-family:Georgia;
	font-weight:normal;
	font-size:200%;
	margin:30px 0 15px 0;
}

body.section-produits h3 {
	font-size:100%;
	color:#d31145;
	margin-top:15px;
}

body.section-produits p.prix {
	margin-bottom:10px;
}

div#puces {
	margin:20px 0;
}

#miniatures { width:500px; }

body.section-produits .overflow {
	position:relative;
	width:406px;
	height:541px;
	overflow:hidden;
}

body.section-nos-produits .choixProduits {
	width:75%;
}

/*}}}*/



/* 	@section Nos-adresses.php {{{
******************************************************************************/

body.section-nos-adresses div.contenu {
	width:650px;
	margin-bottom:120px;
}

body.section-nos-adresses ul li.detaillants {
	float:left;
	width:180px;
	height: 90px;
	margin-bottom: 20px;
}

body.section-nos-adresses ul li.detaillants a {
	display: block;
	text-decoration: none;
}

body.section-nos-adresses ul li.detaillants h3 a {
	text-decoration: underline;
}


body.section-nos-adresses ul li.detaillants .noir{
	color: #000;
}

body.section-nos-adresses ul li.detaillants .noir span.rouge{
	color: #D31145;
}

body.section-nos-adresses ul li.detaillants .noir span.rouge:hover{
	color: #D31145;
}

body.section-nos-adresses div.contact {
	width:200px;
}

body.section-nos-adresses ul#informations li {
	margin-bottom:15px;
}
	body.section-nos-adresses ul#informations li ul li {
		margin:0;
	}
	
	body.section-nos-adresses ul#informations li strong span {
		color:#000;
	}	

/*}}}*/



/* 	@section 404 et Produit non existant {{{
******************************************************************************/

body.section-erreur404 div.conteneur div.inner {
	padding:20px 0;
}

body.section-erreur404 h1 {
	font-size:35px;
	padding:10px 0;
}

div.nonExistant {
	min-height:235px;
}

div.nonExistant span {
	font-size:35px;
	font-weight:bold;
	display:block;
	margin-top:35px;
}

/*}}}*/