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

.contenu{width:875px; padding:20px; background:url('../images/bg_contenu.gif') top left repeat-y; -margin-top:10px;}
#catalogue .contenu, #commerce .contenu{background:url('../images/bg_contenu2.gif') top left repeat-y;}
#plan .contenu, #prestations .contenu{background:#FFF;}

.page{
	width:915px;
	margin:0 auto 0 auto;
	padding:0;
}

.banniere{height:322px; width:915px; position:relative; background:url('../images/banAccueil.jpg') top left no-repeat;}

#catalogue .banniere{background:url('../images/banCatalogue.jpg') top left no-repeat;}
#contact .banniere{background:url('../images/banContact.jpg') top left no-repeat;}

.logo{margin:0 auto; display:block; width:210px; height:155px;}



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

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

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

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

.colGauche{float:left; position:relative;}
.colDroite{float:right; position:relative;}

.top{position:absolute; top:0; left:0;}
.bottom{position:absolute; bottom:0; left:0;}


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

#accueil .colGauche{width:224px; background:url('../images/bgGaucheAccueil.gif') top left repeat-y; padding:60px 25px 30px 25px;}
#accueil .colDroite{width:570px; padding-left:12px;}

.colDroite .separateur{margin-left:-12px;}

#accueil .unProd{display:block; margin:15px 0 0 0;}
#accueil .unProd .imgProd{
	display:block; 
	width:70px; 
	height:70px; 
	line-height:70px; 
	padding:7px; 
	text-align:center; 
	background:url('../images/bg_imgProd.gif') top left no-repeat;
	float:left;
	margin-right:5px;
}
#accueil .unProd .imgProd a, #accueil .unProd .imgProd a:visited{display:block; width:70px; height:70px; text-align:center; overflow:hidden;}
#accueil .unProd .imgProd a img{vertical-align:middle;}

#accueil .unProd .descProd{float:left; width:130px; margin-top:3px;}
#accueil .unProd .titreProd{font-size:11px; font-family:Georgia; color:#749500;}
#accueil .unProd .texteProd{font-size:10px; height:38px; padding:4px 0; margin-bottom:3px; overflow:hidden;}

.btnSavoirPlus, .btnSavoirPlus:visited{display:block; width:80px; height:16px; background:url('../images/btnSavoirPlus.gif') top left no-repeat;}
.btnSavoirPlus:hover{background:url('../images/btnSavoirPlus.gif') bottom left no-repeat;}

.btnLireSuite, .btnLireSuite:visited{display:block; width:95px; height:16px; background:url('../images/btnLireSuite.gif') top left no-repeat; margin-left:3px;}
.btnLireSuite:hover{background:url('../images/btnLireSuite.gif') bottom left no-repeat;}

.diapo{float:right; margin-top:-27px; width:240px; height:174px; padding:10px; text-align:center; line-height:174px; background:#eaefd9; position:relative;}

.diapo a, .diapo a:visited{width:240px; height:174px; display:block; text-align:center; line-height:172px; position:relative; overflow:hidden;}
.diapo a .png{z-index:10; position:absolute; top:0; left:0;}
.diapo img{display:inline; vertical-align:middle; vertical-align:center;}

.pttDiapo{float:left; width:270px; margin:10px 0 0 15px;}
.pttDiapo div{width:50px; height:36px; padding:7px 6px; margin:2px; float:left; background:url('../images/bg_pttDiapo.gif') top left no-repeat;}
.pttDiapo a, .pttDiapo a:visited{display:block; width:50px; height:36px; text-align:center; overflow:hidden;}






/* PRESTATIONS  *******************************************************************************************************************************/

.unePrest{display:block; border-bottom:1px dashed #ded5b9; padding:15px 0;}

.imgPrest{float:left; margin:0 20px 0 0; width:240px; height:174px; padding:10px; text-align:center; line-height:174px; background:#eeeadc; position:relative;}

.imgPrest a, .imgPrest a:visited{width:240px; height:174px; display:block; text-align:center; line-height:172px; position:relative; overflow:hidden;}
.imgPrest a .png{z-index:10; position:absolute; top:0; left:0;}
.imgPrest img{display:inline; vertical-align:middle; vertical-align:center;}

.descPrest{float:left; width:350px;}
.titrePrest{background:url('../images/puce3.gif') top left no-repeat; padding:0 0 0 22px; margin:3px 0 8px 0; font-size:15px; color:#749500;}
.textePrest{padding:8px; background:#f2eee3; color:#3e301e; text-align:justify;}

.tarifsPrest{float:right; width:220px;}
.tarifsPrest .titrePrest{margin:3px 0 12px 0;}
.tarifsPrest div{position:relative; padding:4px 70px 4px 0; display:block; border-bottom:1px dashed #ded5b9;}
.tarifsPrest div span{position:absolute; text-align:right; bottom:4px !important; -top:4px; right:0; color:#749500;}





/* COMMERCE  *******************************************************************************************************************************/

#commerce .colGauche{width:210px; background:url('../images/bgGaucheCatalogue.gif') top left repeat-y; padding:66px 12px 55px 12px;}
#commerce .colDroite{width:606px; padding-left:12px; clear:right;}






/* CATALOGUE  *******************************************************************************************************************************/

#catalogue .colGauche{width:210px; background:url('../images/bgGaucheCatalogue.gif') top left repeat-y; padding:66px 12px 55px 12px;}
#catalogue .colDroite{width:606px; padding-left:12px; clear:right;}

.menuCat, .menuCat:visited{background:url('../images/bg_menuCat.gif') top left no-repeat; height:32px; line-height:32px; padding-left:37px; color:#FFF; border-bottom:1px solid #FFF; display:block; font-size:11px; text-transform:uppercase;}
.menuCat:hover{background:url('../images/bg_menuCat.gif') bottom left no-repeat; color:#FFF;}

.menuCat:first-letter, .menuCat:visited:first-letter, .menuCat:hover:first-letter, .menuCat#courant:first-letter{font-size:14px;}

.btnInteret, .btnInteret:visited{display:block; width:234px; height:104px; background:url('../images/btnInteret.gif') top left no-repeat; float:left; clear:left; margin-top:20px;}
.btnInteret:hover{background:url('../images/btnInteret.gif') bottom left no-repeat;}

#accordion {
	margin:20px 0px;
}

div.element{
	margin:0;
	padding:5px 0;
}

div.element a, div.element a:visited{color:#3e301e; display:block; padding:3px 0 3px 12px; margin:0 12px 0 10px; border-bottom:1px dashed #c8d59b; background:url('../images/puce1.gif') left no-repeat;}
div.element a:hover, div.element a#courante{color:#749500; background:url('../images/puce2.gif') left no-repeat;}

.puce{background:url('../images/puce5.gif') top left no-repeat; padding:0 0 0 12px; margin:3px 0;}
.puce b{font-weight:normal; color:#749500;}





/* FICHE  *******************************************************************************************************************************/

.diapo2{float:left; margin:10px 10px 10px 0; width:240px; height:174px; padding:10px; text-align:center; line-height:174px; background:#eeeadc; position:relative;}

.diapo2 a, .diapo2 a:visited{width:240px; height:174px; display:block; text-align:center; line-height:172px; position:relative; overflow:hidden;}
.diapo2 a .png{z-index:10; position:absolute; top:0; left:0;}
.diapo2 img{display:inline; vertical-align:middle; vertical-align:center;}

.pttDiapo2{float:left; width:140px; margin:7px 0 0 0;}
.pttDiapo2 div{width:50px; height:36px; padding:7px 6px; margin:0 2px; float:left; background:url('../images/bg_pttDiapo.gif') top left no-repeat;}
.pttDiapo2 a, .pttDiapo a:visited{display:block; width:50px; height:36px; text-align:center; overflow:hidden;}

.btnDlPdf, .btnDlPdf:visited{display:block; width:193px; height:37px; background:url('../images/btnDlPdf.gif') top left no-repeat;}
.btnDlPdf:hover{background:url('../images/btnDlPdf.gif') bottom left no-repeat;}

.btnDlVideo, .btnDlVideo:visited{display:block; width:193px; height:37px; background:url('../images/btnDlVideo.gif') top left no-repeat;}
.btnDlVideo:hover{background:url('../images/btnDlVideo.gif') bottom left no-repeat;}

.fiche{float:right; width:193px; margin-top:6px;}
.fiche .texte{padding:5px; background:#f2eee3; color:#3e301e; margin-bottom:8px;}

.tableParente{color:#3e301e; float:left; border-right:1px solid #ded5b9; margin:10px 0 0 0; width:150px;}
.tableParente .bg_marron td{background:#f2eee3; color:#3e301e; padding:2px; text-align:center;}
.tableParente .bg_marron2 td{background:#ded5b9; color:#3e301e; font-weight:bold; padding:2px; text-align:center;}


.btnRetour, .btnRetour:visited{background:url('../images/puce4.gif') left no-repeat; padding:5px 0 5px 24px; color:#749500; font-size:14px;}
.btnRetour:hover{background:url('../images/puce4Hover.gif') left no-repeat; padding:5px 0 5px 24px; color:#db8722; font-size:14px;}








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

#contact .colGauche{width:224px; background:url('../images/bgGaucheContact.gif') top left repeat-y; padding:60px 25px 30px 25px;}
#contact .colDroite{width:570px; padding-left:12px;}
#contact .colDroite .separateur{margin-left:-12px;}


.coordonnees{margin:0; float:left; width:180px; font-size:12px;}
.coordonnees a, .coordonnees a:visited{color:#3e301e;}
.coordonnees a:hover{color:#749500;}

.formulaireContact{margin:5px 0; width:100%;}
.formulaireContact p{color:#695d54; vertical-align:middle; padding:3px; background:#FFF; margin:5px 0;}
.formulaireContact .capcha{position:relative; height:25px; line-height:25px;}
.formulaireContact p label{padding:2px 0;}

.formulaireContact p input{border:none !important; -border:1px solid #FFF; font-size:11px; padding:0; color:#749500; font-family:Arial; width:160px; margin:0;}
.formulaireContact p textarea{height:87px; overflow:auto; border:none; width:100%; font-size:11px; color:#749500; margin:0; font-family:Arial; background:#FFF;}

.formulaireContact div{padding:0; color:#3e301e;}
.formulaireContact small{margin:7px 2px; color:#3e301e;}

.formulaireContact .submit{color:#db8722; display:block; margin:0; width:82px; text-align:left; padding:4px 0; font-size:14px; background:url('../images/btnEnvoyer.gif') right no-repeat; border:none; float:left; cursor:pointer;}
.formulaireContact .submit:hover{color:#749500; background:url('../images/btnEnvoyerHover.gif') right no-repeat; cursor:pointer;}





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

#mentions .colGauche{width:224px; background:url('../images/bgGaucheContact.gif') top left repeat-y; padding:60px 25px 30px 25px;}
#mentions .colDroite{width:570px; padding-left:12px;}




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

.titre1{background:url('../images/bg_titre1.gif') left no-repeat; padding:4px 0 4px 40px; color:#749500; font-size:15px;}
.titre1 small{display:block; letter-spacing:1px; color:#ded5b9; font-weight:normal; font-size:11px;}
.titre2{background:url('../images/puce3.gif') left no-repeat; padding:5px 0 5px 24px; color:#749500; font-size:14px;}
.titre3{background:url('../images/puce6.gif') left no-repeat; padding:5px 0 5px 18px; color:#877967; font-size:12px; font-weight:bold; margin:10px 0 3px 0;}

.texte{text-align:justify; padding:3px; margin-bottom:5px;}
.texte b{color:#749500; font-weight:normal;}

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






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

.menu{font-family:Arial; width:100%; font-size:12px; margin:119px 0 0 0; height:48px;}
.menu a, .menu a:visited{color:#749500; display:block; padding:0; text-align:center; text-transform:uppercase; background:url('../images/bg_menu.jpg') left no-repeat; width:168px; height:34px; line-height:35px; margin:7px -9px 0 18px; float:left;}
.menu a:hover, .menu a#courant{color:#3e301e; background:url('../images/bg_menuHover.jpg') left no-repeat;}

.menu a:first-letter , .menu a:visited:first-letter , .menu a:hover:first-letter , .menu a#courant:first-letter {font-size:16px;}






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

.pied {
	font-size:10px; 
	color:#FFF; 
	width:915px;
	padding:0;
	margin:0 auto;
	font-family:Arial;
	background:url('../images/bg_pied.jpg') top left no-repeat;;
}

.pied .logo2{float:left; margin:7px 10px 0 13px;}
.pied p{float:left; padding:2px 0 2px 10px; border-left:1px solid #FFF; margin:10px 0 0 0;}

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

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



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

.separateur{height:1px; margin:15px 0; background:url('../images/bg_separateur.gif') top left repeat-x;}

ul {list-style-type:square; font-size:11px; margin:3px 0; padding:2px 20px;}

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:#3e301e; text-decoration:none;}
a:visited{color:#3e301e; text-decoration:none;}
a:hover{color:#749500; 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:#3e301e; text-decoration:none; font-weight:bold; padding:1px;}
.pagination a:hover {color:#749500;}
.pagination .courante  {color:#749500; font-weight:bold; text-decoration:underline;}

.planRub{font-size:11px; list-style-type:square; margin:0 auto; padding:5px 30px;}
.planRub li{margin:3px 0;}
.planRub li a, .planRub li a:visited{color:#3e301e;}
.planRub li a:hover{color:#749500;}
.planSousRub{font-size:11px; 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;
}

#Recommandation table{font-size:11px;}
#Recommandation textarea{width:100%;}

#BoxLogForum{width:40%;text-align:right;margin-left:20%;color:#333;}
#BoxLogForum input[type=submit]{color:#FFF; background:#93877b;cursor:pointer;margin:5px 50px 10px 0;border:none;}
#BoxLogForum input[type=submit]:hover{background:#9bad00;}
#BoxLogForum input[type=text]{margin-bottom:5px;}

#InfoDebug{
	position:absolute;
	background-color:#000;
	color:#fff;
	-moz-opacity: .90;
	filter:alpha(opacity=90);
	opacity: 0.90;
	border:2px solid #f00;
	width:260px;
	-moz-border-radius:0 0 10px 10px;
	z-index:9999;
}
#InfoDebug div{
	background-color:#fff;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin:2px;
	padding:4px;
	cursor:move;
}
#InfoDebug p{padding:6px 10px 4px 10px;}