@charset "utf-8";

/* General */

body {
	background:url(../images/background.jpg) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
}

* {
	margin:0; padding:0;
}

.floatleft {
	float:left;
}
.floatright {
	float:right; margin-right:30px;
}

.spacer {
	clear:both;
}

/* Bloc du site */

.conteneur {
	width:1000px; 
	margin-left:auto;
	margin-right:auto;
}

.logo {
	margin-top:6px;
}

.menu {
	width:395px; height:60px;
	margin:43px 0 0 79px;
}

.search {
	width:308px; height:39px; background-color:#f5f5f8; 
	margin:63px 0 0 1px;
}

.headerleft {
	background:url(../images/header-left.jpg) no-repeat;
	width:690px; height:292px;
	margin-top:6px;
}

.headerright {
	background:url(../images/header-right.jpg) no-repeat;
	width:309px; height:292px;
	margin:6px 0 0 1px;
}

.mainleft {
	width:690px;
	margin-top:15px;
}

.mainright {
	width:309px;
	margin:15px 0 0 1px;
}

.footer {
	width:100%;
	border-bottom:2px solid #ededf3;
	
}

/* Texte */
.headerleft h1, .headerright h1, .logo h1, .maintitle span, .secondtitle span, .maintitle-contact span, .secondtitle-contact span, .maintitle-faq span, .secondtitle-faq span, .maintitle-produits span, .secondtitle-produits span, .maintitle-nous span, .secondtitle-nous span, .maintitle-legale span, .maintitle-sitemaps span, .maintitle-environnement span, .secondtitle-environnement span {
	display:none;
}

.maintitle {
	background:url(../images/title-left.jpg) no-repeat;
	width:346px; height:17px;
}

.secondtitle {
	background:url(../images/title-right.jpg) no-repeat;
	width:255px; height:17px;
}

.maintitle-contact {
	background:url(../images/title-left-contact.jpg) no-repeat;
	width:346px; height:17px;
}

.secondtitle-contact {
	background:url(../images/title-right-contact.jpg) no-repeat;
	width:255px; height:17px;
}

.maintitle-faq {
	background:url(../images/title-left-faq.jpg) no-repeat;
	width:346px; height:17px;
}

.maintitle-sitemaps {
	background:url(../images/title-left-sitemaps.jpg) no-repeat;
	width:346px; height:17px;
}

.secondtitle-faq {
	background:url(../images/title-right-faq.jpg) no-repeat;
	width:255px; height:17px;
}

.maintitle-environnement {
	background:url(../images/title-left-environnement.jpg) no-repeat;
	width:346px; height:17px;
}

.secondtitle-environnement {
	background:url(../images/title-right-environnement.jpg) no-repeat;
	width:255px; height:17px;
}


.maintitle-produits {
	background:url(../images/title-left-produits.jpg) no-repeat;
	width:346px; height:17px;
}

.maintitle-legale {
	background:url(../images/title-left-legale.jpg) no-repeat;
	width:346px; height:17px;
}

.secondtitle-produits {
	background:url(../images/title-right-produits.jpg) no-repeat;
	width:255px; height:17px;
}

.maintitle-nous {
	background:url(../images/title-left-nous.jpg) no-repeat;
	width:346px; height:17px;
}

.secondtitle-nous {
	background:url(../images/title-right-nous.jpg) no-repeat;
	width:255px; height:17px;
}

.maintext {
	background:url(../images/background-left.jpg) no-repeat;
	width:401px; height:170px; color:#9fb2d5; font-size:11px; line-height:24px;
	margin:25px 0 0 0;
	padding:30px 0 0 260px;
}

.maintextproduit {
	background:url(../images/background-left-produit.jpg) no-repeat;
	width:401px; height:170px; color:#9fb2d5; font-size:11px; line-height:24px;
	margin:25px 0 0 0;
	padding:30px 0 0 260px;
}

.maintexthistoire {
	background:url(../images/background-left-histoire.jpg) no-repeat;
	width:401px; height:170px; color:#9fb2d5; font-size:11px; line-height:24px;
	margin:25px 0 0 0;
	padding:30px 0 0 260px;
}

.maintext-environnement {
	background:url(../images/background-left-environnement.jpg) no-repeat;
	width:401px; height:170px; color:#9fb2d5; font-size:11px; line-height:24px;
	margin:25px 0 0 0;
	padding:30px 0 0 260px;
}

.orange {
	color:#ff9700; font-size:12px; font-weight:bold; margin-bottom:5px;
}

.gray {
	color:#bfbfbf;
}

.footer p {
	color:#d5d5d9; font-size:11px; padding-top:5px;
}

p.mainleftfaq {
	 color:#777777; font-size:11px; text-align:justify; margin-right:30px;
}

p.carac-produit {
	color:#d5d5d9; font-size:11px; line-height:15px;
	margin:8px 0 0 0; display:block; text-decoration:none;
	padding:12px 40px 0 0; line-height:20px;
}

/* Lien */
a.savoir {
	background:url(../images/savoir-right.jpg) no-repeat;
	width:82px; height:20px; display:block;
	color:#FFFFFF; font-size:11px; text-decoration:none;
	padding:2px 0 0 5px;
	margin:230px 0 0 145px;
}

a.savoir:hover {
	background:url(../images/savoir-right-hover.jpg) no-repeat;
	text-decoration:underline;
}

a.savoirmain {
	background:url(../images/savoir-main.jpg) no-repeat;
	width:116px; height:22px; display:block;
	color:#777777; font-size:11px; text-decoration:none;
	padding:0 0 0 5px;
	margin:8px 0 0 0;
}

a.savoirmain:hover {
	background:url(../images/savoir-main-hover.jpg) no-repeat;
	text-decoration:underline;
}

a.secondtext {
	background:url(../images/background-right.jpg) no-repeat;
	width:239px; height:70px; color:#bcbcc1; font-size:11px; line-height:15px;
	margin:25px 0 0 0; display:block; text-decoration:none;
	padding:15px 20px 0 20px;
}

a.secondtext:hover {
	background:url(../images/background-right-hover.jpg) no-repeat;
	text-decoration:underline;
}

a.normal {
	color:#bcbcc1; font-size:11px; text-decoration:none;
}

a.normal:hover {
	text-decoration:underline;
}

a.question {
	 color:#9fb2d5; font-size:11px; font-weight:bold; text-decoration:none; 
}
a.question:hover, .footer p a:hover {
	text-decoration:underline;
}

.footer p a {
	color:#d5d5d9; font-size:11px; text-decoration:none;
}

/* Search, formulaire */
.search input[type=text] {
	font-size:11px; float:left;
	color:#e1e1e6;
	background:url(../images/input-text-search.jpg) no-repeat;
	width:198px; height:19px;
	border:0;
	padding:2px 10px 0 10px;
	margin:9px 0 0 10px;
}

.search input[type="submit"] { 
	background:none; float:left;
	border:none;
	background:url(../images/input-submit-search.jpg) top left no-repeat;
	width:60px;
	height:19px;
	color:#FFFFFF; font-size:11px;
	text-align:center;
	margin:9px 0 0 2px;
}


label {
	display:block;
	width:200px;
	float:left;
	margin: 0 10px 15px 0;
	font-size:12px;
	color:#777777;
}

input + br, select + br, textarea + br, label + br {
	clear: both;
}

.contact input[type=text] {
	font-size:11px; float:left;
	color:#777777;
	background:url(../images/input-text-contact.jpg) no-repeat;
	width:366px; height:19px;
	border:0;
	padding:2px 10px 0 10px;
}

.contact textarea {
	font-size:11px; float:left;
	color:#777777;
	background:url(../images/textarea-text-contact.jpg) no-repeat;
	width:366px; height:117px;
	border:0;
	padding:2px 10px 0 10px;
}

.contact select {
	font-size:11px; float:left;
	color:#777777;
	width:386px; height:19px;
	border:1px solid #ececf2;
}

.contact input[type="submit"] { 
	background:none; float:left;
	border:none;
	background:url(../images/input-submit-search.jpg) top left no-repeat;
	width:60px;
	height:19px;
	color:#FFFFFF; font-size:11px;
	text-align:center;
	margin:9px 0 0 300px;
}

/* Menu Style */

.menu ul  {
	margin-top:20px;
}
.menu ul li {
	list-style:none;
	float:left;
	width:95px;
	height:40px;
	border-left:1px solid #ececf2;
	border-right:1px solid #ececf2;
	margin-right:1px;
}

.menu ul li a  {
	padding:2px 8px 0 8px; 
	display:block;
	color:#777777; font-size:11px; text-decoration:none;
	margin:1px;
	border-top:2px solid #ff9700;
	display:block;
	height:38px;
}

.menu ul li a:hover  {
	background-color:#ececf2;
}