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

.page{
	width:950px;
	margin:0 auto 0 auto;
	height:100%;
}

.banniere{
	width:955px;
	height:214px;
	margin:0;
	background:url('../images/banHaut-accueil.jpg') top no-repeat;
}
.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 */

.contenu{width:955px; min-height:380px; height:100%; background:url('../images/bg_contenu.gif') top repeat-y; margin:0 auto 1px auto;}

.logo{margin-top:7px; float:left;}

.flag{float:right; margin:3px 20px 0 0;}

/****************** POSITIONNEMENT ET MISE EN FORME DES BLOCS  *************************/

.gauche, .colGauche,.colCentre, .colDroite{float:left;}
.droite{float:right;}

.tdDroite{text-align:right;}
.tdGauche{text-align:left;}

.colGauche{float:left; width:305px; background:url('../images/bgColGauche.gif') top left no-repeat; height:385px;margin-bottom:1px; overflow: visible; position: relative;}
.invit {
	margin-top: 350px;
}
.colDroite{float:left; width:650px; padding:10px 0;}

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

.accueilPuce{background:url('../images/bg_accueilPuce1.gif') left top no-repeat; font-size:14px; line-height:24px; width:120px; height:110px; padding:5px 28px; color:#FFF; float:right;}

/****************************** MENU CATALOGUE  ********************************/

.btnFiche{float:right; width:250px; margin:0 10px; border-left:1px solid #d8e9b5; padding:20px;}

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

#accueil .unProd{width:192px; float:left; height:95px; margin:1px 10px 10px 0px !important; margin:2px 8px 10px 0px ; padding:5px 0 5px 5px;}
#accueil .unProd:hover{background:#e6f2d8 url('../images/bg_unProd.gif') bottom right no-repeat; cursor:pointer;}
#accueil .unProd .imgProd{float:left;}
#accueil .unProd .imgProd img{margin:10px 5px 0 0; border:1px solid #adcf87;}
#accueil .unProd .prodDesc{float:left; width:85px; margin-top:1px; padding:10px 0;}
#accueil .unProd .titreProd{
	padding-left:15px;
	background:url('../images/puce_verte.gif') left no-repeat;
	color:#2e5700;
	font-weight:bold;
}

#accueil .presentation{float:left; width:340px; margin:0 40px 0 0;}
#accueil .partenaire{float:left; width:240px;}

#catalogue .unProd{width:192px; height:102px;  float:left; margin:1px 10px 10px 0px !important; margin:2px 8px 10px 0px ; padding:3px 0 3px 5px;}
#catalogue .unProd:hover{background:#e6f2d8 url('../images/bg_unProd.gif') bottom right no-repeat; cursor:pointer;}
#catalogue .unProd .imgProd{float:left;}
#catalogue .unProd .imgProd img{margin:6px 5px 2px 0; border:1px solid #adcf87;}
#catalogue .unProd .prodDesc{float:left; width:85px; margin-top:1px; padding:7px 0;}
#catalogue .unProd .titreProd{
	padding-left:15px;
	background:url('../images/puce_verte.gif') left no-repeat;
	color:#2e5700;
	font-weight:bold;
}

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


.fiche{float:left; margin:10px; width:250px;}

.fiche p{margin:10px 0;}

.diapo{width:355px; float:left; margin:0px 0;}

.grdDiapo{width:350px; height:265px;}
.grdDiapo img{border:1px solid #f5750c;}

.pttDiapo img{float:left; margin:5px 6px 0 0; border:1px solid #3a610f;}

.caracteristiques{background:#f8fac3; padding:5px; color:#f5750c; 	text-align:justify;}

.details{border-bottom:1px solid #2e5700; padding-bottom:10px;	text-align:justify;}

.prix{font-size:17px; color:#f5750c; font-weight:bold;}

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

.adresse{width:280px; padding:0px; font-size:12px; color:#757575;}
.adresse strong{font-size:14px; text-transform:uppercase; color:#519900;}
.adresse b{font-size:12px; text-transform:uppercase; color:#f5750c;}

.adresse a,.adresse a:visited,.adresse a:hover{color:#519900;}

.horaires{width:140px; padding:0 0 0 10px ; font-size:13px; color:#757575;}
.horaires strong{font-size:14px; text-transform:uppercase; color:#519900;}
.horaires b{font-size:12px; text-transform:uppercase; color:#f5750c;}

.formContact tr td{width:50%; vertical-align:top;color:#519900; text-align:left;}

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

.vert{color:#519900;}

.titre1 a,.titre1 a:visited,.titre2 a,.titre2 a:visited,.titre3 a,.titre3 a:visited{color:#519900;}
.titre1 a:hover,.titre2 a:hover,.titre3 a:hover{text-decoration:underline;}


.titre1{background:url('../images/bg_titre1.gif') left no-repeat; margin-bottom:2px; padding:25px 0 12px 32px; font-size:14px; font-weight:bold; color:#519900;}
.titre2{background:url('../images/bg_titre2.gif') left no-repeat; margin-bottom:2px; padding:25px 0 8px 32px; font-size:14px; font-weight:bold; color:#519900;}
.titre3{
	background:url('../images/puce_verte.gif') left no-repeat;
	color:#294d00;
	padding-left:17px;
	font-size:16px;
	font-family:Garamond;
	font-weight:bold;
	border-bottom:1px solid #294d00;
	text-transform:uppercase;
	margin-bottom:7px;
}
.texte{text-align:justify; padding:5px 0;}

/************************************* Ban HAUT ******************************************/

.minimenu{float:left; color:#FFF; margin-right:15px;}
.minimenu a,.minimenu a:visited{color:#FFF;}
.minimenu a:hover{color:#cbeba7;}

.eltMenu{float:left; width:540px; margin:3px 20px 0 15px !important; margin:2px 20px 0 15px;}
.eltMenu tr td{width:105px; background:url('../images/bg_menu.gif') left no-repeat; height:32px; font-size:13px;}
.eltMenu tr td a, .eltMenu tr td a:visited{color:#519900; padding:10px;}
.eltMenu tr td a:hover{padding:10px 10px 10px 12px;}
.eltMenu tr td a:hover,.eltMenu tr td#courante a{color:#f5750c;}

.eltCat{background:url('../images/bg_menuCat.gif') left no-repeat; padding:6px 0 6px 30px; margin:5px 0 0 20px; font-size:14px; font-weight:bold; color:#519900; font-style:italic;}
.eltCat:hover{ padding:6px 0 6px 33px; }
.eltCat#courant{background:url('../images/bg_menuCatHover.gif') left no-repeat;}
.eltCat a, .eltCat a:visited, .eltCat a:hover{color:#519900;}

.sousRub,.sousRub a,.sousRub a:visited{margin:5px 0 0 10px; font-size:11px; font-style:italic; color:#519900; font-weight:bold;}
.sousRub a:hover{color:#f5750c;}
.sousRub#courante a{color:#f5750c;}

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

.bgPied{width:100%; background:#FFF url('../images/bg_pied.gif') top repeat-x; min-height:140px;}

.infosPied {color:#FFF; margin:0 auto; min-height:40px; padding:3px; text-align:center;}


.infosPied  a,.infosPied  a:visited{color:#519900; text-decoration:none;}
.infosPied  a:hover{color:#f5750c;}

a.mailto{color:white;}

/*********************************** FORMULAIRES  *******************************************/

select{ font-size:11px; border:1px solid #D7D7D7; width:200px; float:left; display:block;}

form{margin:0;font-size:11px; color:#0d3876; padding:2px;}

input, select option, select{font-size:10px;}

.formContact input, textarea{
	width:280px;
	font-size:10px;
	font-family:Verdana;
	background:none;
	color:#0d3876;
	padding:2px;
	margin:2px 0;
	border:1px solid #0d3876;
}

.formContact input:focus, textarea:focus,.formContact input[type=text]:focus, .formulaire textarea:focus{color:#519900;	border:1px solid #519900;}

.formContact input[type=text], .formulaire textarea{
	width:280px;
	font-size:10px;
	font-family:Verdana;
	color:#757575;
	padding:2px;
	margin:2px 0;
	border:1px solid #757575;
}

.formContact textarea{height:55px;}

.formulaire input[type=image], .btnSend{
	width:75px;
	border:none;
	float:left;
}


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

hr{
	color: #2f85c8;
	background-color: #2f85c8;
	height: 1px;
	border: 0; 
	margin:3px 0 0 0;
}

p{margin:0;}
p b{color:#519900; letter-spacing:1px;}
.texte strong{color:#519900;}
p strong{color:#519900;}

ul{list-style-type:square; color:#9abf3b; margin:0px; padding-left:15px;}
ul li{color:#626469; margin:2px 0;}

.savoirPlus{cursor:pointer; margin-top:5px;}
.btn1{width:89px; height:17px; text-align:right; color:white; background:url('../images/bg_btn1.gif') no-repeat; padding:2px 2px; margin-top:7px; font-size:13px; cursor:pointer;}
.btn2{width:89px; height:17px; text-align:left; color:white; background:url('../images/bg_btn2.gif') no-repeat; padding:2px 0px 2px 4px; font-size:13px; cursor:pointer;}

a{color:#626469; text-decoration:none;}
a:visited{color:#626469; text-decoration:none;}
a:hover{color:#519900; text-decoration:none;}

.lienContact,.lienContact:visited{color:#337734;}

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

.pagination{margin-top:4px;text-align:center;}
.pagination a {margin:2px;font-weight:bold; padding:0px 4px 0 4px; font-size:11px; color:#757575;}
.pagination a :visited {margin:2px;font-weight:bold;}
.pagination a:hover {margin:1px;font-weight:bold; padding:0px 4px 0px 4px; color:#519900; border:1px solid #519900;}
.pagination .courante  {padding:0px 4px 0px 4px; color:#519900; margin:1px; border:1px solid #519900;}

.tdleft { 	font-size:8pt;
			text-align:left;			
			vertical-align:middle; }

.tdright { 	font-size:8pt;
			text-align:right;
			vertical-align:middle; }

.tdcenter { font-size:8pt;
			text-align:center;
			vertical-align:middle; }