body{
	width:100%;
	margin:0px;
	padding:0px;
	color: #FFF;
	background:#000 url('../images/bg_site.jpg') top center repeat-x;
	font-family: Arial;
	font-size:12px;
}

.contenu{width:998px; position:relative;}

.page{
	width:998px;
	margin:0 auto 0 auto;
	padding:0;
	 position:relative;
}

.banniere{width:998px; margin-bottom:20px;}

.logo{display:block; float:right; width:320px; height:25px; margin:45px 5px 0 0;}



/* BLOCS  *******************************************************************************************************************************/

.gauche{float:left;}
.droite{float:right;}

.alignD{text-align:right;}
.alignG{text-align:left;}
.alignC{text-align:center;}

.imgG{float:left; margin-right:10px;}
.imgD{float:right; margin-left:10px;}

.colGauche{float:left;}
.colCentre{float:left;}
.colDroite{float:right;}



/* ACCUEIL  *******************************************************************************************************************************/

#accueil .colGauche{width:674px;}
#accueil .colDroite{width:300px;}

.divPres{background:#FFF; color:#000; padding:9px 10px 8px 10px; margin-bottom:12px;}
.divPres .texte{padding:0 4px; font-size:12px;}

.list1{list-style-image:url('../images/puce2.gif'); color:#e4791f; margin:0 0 5px 25px; padding:0;}
.list2{list-style-image:url('../images/puce3.gif'); color:#e4791f; margin:0 0 5px 25px; padding:0;}

.divIllusAccueil{display:block; width:674px; height:666px; position:relative; background:url('../images/illusAccueilBis.jpg') top left no-repeat;}
.divIllusAccueil span{display:block; width:674px; height:64px; position:absolute; left:0; top:20px; right:0; font-style:italic; font-size:22px; text-transform:uppercase; line-height:64px; text-align:center; color:#FFF; padding:0;}

.btnLireSuite, .btnLireSuite:visited{font-size:12px; color:#e4791f; display:block; float:right; padding-left:13px; font-weight:bold; background:url('../images/puce2.gif') left no-repeat;}
.btnLireSuite:hover{color:#e4791f; padding-left:12px; }

.texteC{ text-align:center; font-size:14px; font-weight:bold; color:#77471f;}
#accueil .texteC{ text-align:center; font-size:17px; font-weight:bold; color:#77471f;}



/* SAVOIR-FAIRE  *******************************************************************************************************************************/

#savoir .texteC{-position:absolute; -top:720px; -left:0; -right:0; width:998px;}
#savoir .pied{-position:absolute; -top:740px; -left:0; -right:0;}

#savoir .colDroite{width:763px; height:390px !important; height:530px; overflow:hidden; position:relative !important; position:absolute; -top:230px; -right:0; bottom:0px;}

#savoir .colDroite .divPres{float:left; width:304px; height:360px; margin-left:20px; clear:left;}
#savoir .colDroite .divPres2{float:right; width:355px;}
#savoir .colDroite .colG{float:left; text-align:center; width:300px;}
#savoir .colDroite .colD{float:right; text-align:center; width:375px;}
#savoir .colDroite .diapo{float:right; width:560px; margin-right:100px;}
#savoir .colDroite .diapo a, #savoir .colDroite .diapo a:visited{float:left; margin:0 6px 31px 6px; display:block; border:1px solid #FFF;background:#000; width:112px; height:73px; overflow:hidden; text-align:center; filter:alpha(opacity=100); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
#savoir .colDroite .diapo a:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; border:1px solid #e4791f;}


.divPres2{background:#5c3718; color:#FFF; padding:10px; margin-bottom:20px;}
.divPres2 .texte{padding:0 4px; font-size:12px;}

#savoir .colDroite .divPartenaire{float:right; width:375px; text-align:center; font-size:15px; line-height:18px; color:#e4791f;}

.buttons{width:205px; float:left; -position:absolute; -top:230px; -left:0;}
.buttons span{display:block; color:#715744; padding:18px 10px 18px 40px; background:url('../images/bg_btn.jpg') left no-repeat; border-bottom:2px groove #715744; font-size:12px; font-weight:bold; cursor:pointer;}
.buttons span.active, .buttons span:hover{color:#FFF; background:url('../images/bg_btnHover.jpg') left no-repeat; border-bottom:2px groove #715744;}

/* Sample 4*/
#box4{
	position:absolute;
	
}
#box4 div{
	width:763px;
	float:left;
}

.mask3{
	position:relative;
	width:763px;
	height:390px;
	overflow:hidden;

}



/* PRODUITS  *******************************************************************************************************************************/

#produits .colGauche{width:300px; margin-right:40px; position:relative;}
#produits .colCentre{width:307px; position:relative;}
#produits .colDroite{width:300px; position:relative;}


#produits .divPres, #produits .divPres2{padding:10px; position:relative;}

.divIllusProduits{display:block; width:998px; height:212px; position:relative; background:url('../images/illusProduits.jpg') top left no-repeat; margin-bottom:20px;}
.divIllusProduits span{display:block; width:435px; height:58px; position:absolute; left:203px; bottom:12px; font-style:italic; font-size:22px; text-transform:uppercase; line-height:32px; text-align:left; color:#FFF; padding:15px 10px;}

.gaucheProd{float:left; width:260px; text-align:center; position:absolute; bottom:5px;}
.centreProd{float:left; width:330px; margin:0 0 0 30px; position:absolute; bottom:5px; left:300px;}
.droiteProd{float:right; width:300px; text-align:center; position:absolute; bottom:5px; right:0px;}

.centreProd .alignD, .divPres .alignD{font-size:14px; font-style:italic; color:#c07232; overflow:hidden;}
.centreProd .alignD a, .centreProd .alignD a:visited{font-size:14px; font-style:italic; color:#c07232;}
.centreProd .alignD a:hover{color:#c07232; text-decoration:underline;}

.texteC2{text-align:center; font-size:14px; font-style:italic; color:#c07232; background:#FFF; padding:3px 0; margin-bottom:15px;}
.texteC3{text-align:center; font-size:14px; font-style:italic; font-weight:bold; color:#e4791f; background:#FFF; padding:5px 0; margin-bottom:15px;}



/* CONTACT  ************************************************************************************************************************************/

#contact .colGauche{width:300px;}
#contact .colDroite{width:640px;}

#contact .colGauche p{padding-left:40px;}
#contact .colGauche .texte{padding-left:15px;}

.formulaireContact{margin:20px 0 0 0; width:100%; padding:0;}

.formulaireContact table{width:100%; margin:19px 0 10px 0;}
.formulaireContact table tr td{width:50%; padding:4px 8px;}

.formulaireContact label{width:70px; display:block; float:left; color:#434343; padding:2px 0;}
.formulaireContact input{background:#FFF; font-size:11px; color:#e4791f; font-family:Arial; width:190px; border:1px solid #e4791f; padding:1px 2px; position:relative; z-index:40; float:right;}

.formulaireContact textarea{height:100px; overflow:auto; border:1px solid #e4791f; padding:1px 2px; width:210px; font-size:11px; color:#e4791f; margin:0; font-family:Arial; background:#FFF; float:right;}

.formulaireContact .submit{float:right; border:none; height:28px; width:86px; background:url('../images/btnSubmit.gif') left no-repeat; cursor:pointer;}

.formulaireContact small{color:#e4791f; float:left; padding:5px 0;}

.capcha label{width:98px;}
.capcha input{background:#FFF; font-size:11px; color:#e4791f; font-family:Arial; width:65px; border:1px solid #e4791f; padding:1px 2px; position:relative; z-index:40; float:left;}





/* MENTIONS LEGALES  *******************************************************************************************************************************/

#mentions .colGauche{width:300px;}
#mentions .colDroite{width:674px;}





	
/* TITRES ET TEXTES  *******************************************************************************************************************************/

.titre1{background:url('../images/bg_titre1.png') top left no-repeat !important; background:url('../images/bg_titre1.gif') top left no-repeat; height:34px; line-height:29px; color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold; padding-left:30px; margin:5px 0 5px -28px;}
.titre2{background:#c77f41 url('../images/bg_titre3.gif') top left no-repeat; height:23px; line-height:25px; color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold; padding-left:50px; margin:0 0 20px 0;}
.titre3{background:url('../images/bg_titre2.png') top left no-repeat !important; background:url('../images/bg_titre2.gif') top left no-repeat; height:34px; line-height:29px; color:#FFF; text-transform:uppercase; font-size:12px; font-weight:bold; padding-left:30px; margin:5px 0 5px -28px;}

.texte{text-align:justify; padding:3px 0; margin-bottom:10px;}
.texte b{color:#e4791f;}

.barre{text-decoration:line-through;}
.clignote{text-decoration:blink;}





/* BAN HAUT  *******************************************************************************************************************************/

.menu{font-family:Arial; width:557px; font-size:11px; margin:70px 0 0 -1px !important; margin:70px 0 0 -1px; float:left; background:url('../images/bg_menu.gif') top left no-repeat; padding-left:56px;}
.menu a, .menu a:visited{height:55px; display:block; float:left;}

.btn1, .btn1:visited{width:87px; background:url('../images/btn1.gif') top left no-repeat;}
.btn1:hover, .btn1#courant{background:url('../images/btn1Hover.gif') top left no-repeat;}

.btn2, .btn2:visited{width:132px; background:url('../images/btn2.gif') top left no-repeat;}
.btn2:hover, .btn2#courant{background:url('../images/btn2Hover.gif') top left no-repeat;}

.btn3, .btn3:visited{width:90px; background:url('../images/btn3.gif') top left no-repeat;}
.btn3:hover, .btn3#courant{background:url('../images/btn3Hover.gif') top left no-repeat;}

.btn4, .btn4:visited{width:116px; background:url('../images/btn4.gif') top left no-repeat;}
.btn4:hover, .btn4#courant{background:url('../images/btn4Hover.gif') top left no-repeat;}






/* PIED  *******************************************************************************************************************************/

.pied {
	font-size:10px; 
	color:#FFF; 
	display:block;
	padding:5px 25px;
	margin:10px 0 0 0;
	font-family:Arial;
	background:#77471f;
}

.pied p{text-align:center; padding:2px 0;}

.pied  a,.pied  a:visited{color:#FFF;}
.pied a:hover{color:#e4791f;}

.logoPied{margin:0 auto 10px auto; text-align:center; font-size:9px;}
.logoPied a, .logoPied a:visited{color:#FFF;}
.logoPied a:hover{color:#e4791f;}



/* DIVERS ET LIENS *******************************************************************************************************************************/

img.png {
behavior: url('../js/png.htc');
border:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p{margin:0;}

a{color:#000; text-decoration:none;}
a:visited{color:#000; text-decoration:none;}
a:hover{color:#e4791f; text-decoration:none;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0;}

.pagination{margin:8px 0;text-align:center;}
.pagination a, .pagination a :visited {color:#000; text-decoration:none; font-weight:bold; padding:1px;}
.pagination a:hover {color:#e4791f;}
.pagination .courante  {color:#e4791f; font-weight:bold; text-decoration:underline;}

.planRub{font-size:12px; list-style-type:circle; margin:10px auto; padding:10px 30px;}
.planRub li{margin:3px 0;}
.planRub li a, .planRub li a:visited{display:block; color:#000;}
.planRub li a:hover{color:#e4791f;}
.planSousRub{font-size:12px; list-style-image:none; list-style-type:none; border-left:1px dotted #CECECE; padding-left:10px;}
.planSousRub li{margin:1px 0;}

/***************************************  BANDEAU JAVASCRIPT   ***********************************/
noscript div{
width:100%;
border-bottom:1px solid #F00;
background-color:#FF9;
color:#F00;
text-align:center;
padding:4px 0 4px 0;
font-weight:bold;
}