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

.banniere{height:266px; background:url('/images/banHaut.jpg') top center no-repeat;}

.contenu{width:895px; padding:10px 30px; background:url('/images/bg_contenu.gif') center top no-repeat; min-height:400px;}

.page{
	width:955px;
	margin:0 auto 0 auto;
	padding:0;
	height:100%;
	height:auto;
	min-height:600px;
	background:#FFF url('/images/bg_page.gif') center top repeat-y;	
}

.logo{margin:6px 0px 0px 35px; float:left;}
.slogan{float:right; margin:78px 150px 0 0; text-align:right; text-transform:uppercase; color:#006caa;}

.moteur{margin:10px 30px; width:230px;}
.moteur form{margin:0;}
.moteur input{font-size:10px; font-family:Verdana; width:224px; background:#FFF; border:1px solid #005577; padding:1px 2px; margin:3px 0; color:#005d9a; text-transform:uppercase}
.moteur select{font-size:10px; font-family:Verdana; width:230px; background:#FFF; border:1px solid #005577; padding:2Px 1px; margin:3px 0; color:#005d9a; text-transform:uppercase}

.flag img{border:1px solid #FFF;}
.flag:hover img{border:1px solid #005577;}

/****************** POSITIONNEMENT ET MISE EN FORME DES 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; padding:2px; border:1px solid #ff9000;}
.imgD{float:right; margin-left:10px; padding:2px; border:1px solid #ff9000;}

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

.presentation{margin-bottom:10px;}
.presentation .gauche{width:380px; float:left;}
.presentation .imgPres{background:#ff9000; border:1px solid #ff9000; color:#FFF; float:right; margin:0 0 0 20px;}

.savoirPlus, .savoirPlus:visited{text-align:right; padding:2px 22px 2px 0; border-bottom:1px solid #5e85b3; text-transform:uppercase; color:#FFF; background:url('/images/bg_savoirplus2.gif') right no-repeat; display:block; font-style:italic;}
.savoirPlus:hover{background:url('/images/bg_savoirplus.gif') right no-repeat; color:#FFF;}

.prodPhare{float:left; width:415px;}
.prodPhare .unProd, .prodNouv .unProd{float:left; width:405px;}

.prodNouv{float:right; width:415px;}

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

.unProd{
	width:620px;
	border:5px solid #e7e7e7;
	background:#d1d1d1 url('/images/bg_unProd_accueil.gif') right top repeat-y;
	font-family:Arial;
	margin:5px 0;
	padding:0px;
}

.unProd .imgProd{width:109px; height:94px; overflow:hidden; text-align:center; float:left; margin:0; border-left:1px solid #ff9000; border-right:5px solid #ff9000;}

#accueil .unProd .descProd{float:left; text-align:justify; border-left:5px solid #5e85b3; height:83px; overflow:hidden; width:146px; padding:5px; border-bottom:1px solid #5e85b3;}
.unProd .descProd{float:left; text-align:justify; border-left:5px solid #5e85b3; height:83px; overflow:hidden; width:361px; padding:5px; border-bottom:1px solid #5e85b3;}

.unProd .prixProd{float:left; text-align:justify; height:94px; width:122px;}
.unProd .prixProd p{margin-bottom:3px; color:#535353; font-size:12px; text-align:center; height:62px; padding:5px 0;}
.unProd .prixProd p b{text-transform:uppercase; color:#535353; font-size:13px; text-align:center;}

.unProd .titreProd{text-transform:uppercase; margin-bottom:3px; color:#5e85b3; font-size:13px;}
.unProd .textProd .reference{color:#5e85b3; font-size:10px;}
.unProd .textProd{text-transform:uppercase; margin-bottom:3px; color:#535353; font-size:11px;}

.unProd .detailProd{float:left; background:#e3f0c7 url('/images/bg_titredetails.gif') top left repeat-x; text-align:center; padding:6px 10px; height:70px; margin-left:10px; width:120px;}

.unProd .detailProd , .unProd .detailProd {color:#557412; margin:17px 3px; display:block; text-align:left; font-size:11px;}
.unProd .detailProd .dlPDF:hover{color:#dc6923;}

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

#catalogue .colGauche{float:left; width:230px;}

#catalogue .colGauche a, .colGauche a:visited{
border-bottom:1px solid #eff3f7; font-size:12px; font-style:italic; color:#5e85b3; display:block; padding:7px 0 5px 25px; background:url('/images/puce1.gif') left no-repeat;}
#catalogue .colGauche a:hover, .colGauche a#courant{background:url('/images/puce2.gif') left no-repeat; color:#ff9000;}

#catalogue .puce4 a, .puce4 a:visited{border-bottom:1px solid #eff3f7; font-size:12px; font-style:italic; color:#5e85b3; display:block; padding:7px 0 5px 35px; background:url('/images/puce4.gif') left no-repeat;}
#catalogue .puce4 a:hover, .puce4 a#courant{border-bottom:1px solid #eff3f7; font-size:12px; font-style:italic; display:block; padding:7px 0 5px 35px; background:url('/images/puce5.gif') left no-repeat; color:#ff9000;}

#catalogue .colDroite{float:right; width:630px;}

#catalogue .colDroite form{ padding:0; margin:0;}
#catalogue .colDroite form select{font-size:10px; font-family:Verdana; width:230px; background:#FFF; border:1px solid #005577; padding:1px; margin:4px 0 5px 0; color:#005d9a; text-transform:uppercase;}
#catalogue .colDroite form input{}

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

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

.grdDiapo{width:290px; height:370px; margin-bottom:5px; text-align:center;}
.grdDiapo img{border:1px solid #FF9000;}
.pttDiapo img{float:left; margin:0 11px 0 4px; border:1px solid #FF9000;}

.fiche{border-collapse:collapse; width:320px; background:#FFF url('/images/bg_fiche.gif') top repeat-x; float:right; margin:10px 0 10px 0; font-size:12px; font-family:Arial;}
.fiche2{width:315px; float:right; font-size:12px; font-family:Arial;}
.fiche2 .texte{border-bottom:1px solid #7d7d7d; margin-bottom:5px; font-size:11px; padding:8px 0; color:#7d7d7d;}
.fiche2 .texte b{color:#5e85b3;}

.fiche tr td{padding:3px; border-bottom:1px solid #FFF; vertical-align:middle;}
.fiche .gris td{color:#7d7d7d;}
.fiche .bleu td{color:#5e85b3;}

.retour, .retour:visited{background:url('/images/bg_back.gif') left no-repeat; width:150px; height:13px; color:#FFF; text-transform:uppercase; display:block; padding:4px 4px 4px 0; font-size:11px; text-align:right; float:left; font-weight:bold;}
.retour:hover{color:#FFF;}

.print, .print:visited{background:url('/images/bg_print.gif') right no-repeat; width:150px; height:13px; color:#FFF; text-transform:uppercase; display:block; padding:4px 0 4px 4px; font-size:11px; text-align:left; float:right; font-weight:bold;}
.print:hover{color:#FFF;}

.dlPDF, .dlPDF:visited{padding:5px 27px 5px 2px; font-weight:bold; color:#FF9000; float:left; font-size:12px;}
.dlPDF:hover{color:#df0002;}

.prixFiche{width:140px; display:block; background:url('/images/bg_menu.gif') center repeat-x; float:right; padding:4px; color:#FFF; font-weight:bold; text-transform:uppercase; text-align:center;}

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

#contact .colGauche {float:left; width:500px;}
#contact .colDroite {float:right; width:391px;}

.coordonnees{float:left; margin-left:10px; width:288px; margin-bottom:10px;}
.coordonnees tr td{color:#5e85b3; border-bottom:1px solid #dfdfdf; padding:4px 0;}
.coordonnees tr td b{color:#5f5f5f; text-transform:uppercase; font-weight:normal; font-size:11px;}
.coordonnees tr td a, .coordonnees tr td a:visited{color:#5e85b3;}
.coordonnees tr td a:hover{color:#5F5F5F;}

.formulaireContact{margin:0;}
.formulaireContact tr td{ border:1px solid #5e85b3; background:#dfdfdf; width:50%; font-size:11px; font-family:Arial; padding:1px 2px; vertical-align:top;}
.formulaireContact tr td input{border:1px solid #dfdfdf; background:#dfdfdf; font-size:11px; font-family:Arial; color:#5e85b3;}
.formulaireContact tr td textarea{border:1px solid #dfdfdf; padding:0; background:#dfdfdf; font-size:11px; font-family:Arial; color:#5e85b3; width:99%; height:70px; overflow:auto;}
.formulaireContact tr td .submit{border:none; background:url('/images/bg_submit.gif') center left no-repeat; font-size:11px; font-family:Arial; color:#FFF; text-transform:uppercase; width:94px; height:18px; text-align:left; float:right; font-weight:bold; padding-left:4px;}

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

#mentions .colGauche {float:left; width:240px;}
#mentions .colDroite {float:right; width:630px;}

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

.titre1{color:#5e85b3; background:url('/images/bg_titre1.gif') left no-repeat; padding:4px 0 4px 25px; margin:4px 0; font-size:13px;}
.titre1 span{background:#FFF; padding:3px 8px 6px 0px; text-transform:uppercase; color:#5e85b3;}
.titre1 a, .titre1 a:visited{color:#5e85b3;}
.titre1 a:hover{color:#ff9000;}

.titre2{color:#FFF; background:url('/images/bg_titre2.gif') left no-repeat; text-align:left; padding:4px 10px; margin:4px 0; font-family:Arial; font-size:13px; text-transform:uppercase; font-weight:bold;}

.titre3{color:#7d7d7d; padding:4px 0px; margin:2px 0; font-family:Arial; font-size:13px; border-bottom:1px solid #7d7d7d;}

.puce3{background:url('/images/puce3.gif') left no-repeat; padding-left:14px; color:#5e85b3; margin-left:4px;}

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

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

.minimenu{font-size:10px; font-family:Verdana; color:#5e85b3; padding:2px 20px; text-align:right;}
.minimenu a, .minimenu a:visited{color:#5e85b3;}
.minimenu a:hover{color:#ff9000;}

.menu{font-family:Arial; float:right; margin:12px 40px 0 0; padding:0;}
.menu a{text-align:center; padding:9px 10px; font-size:12px; height:14px; color:#FFF; display:block; float:left; border-left:1px solid #FFF;}
.menu a, .menu a:visited{color:#5e85b3; font-family:Arial; font-weight:bold; text-transform:uppercase;}
.menu a:hover, .menu a#courante{color:#FFF; background:url('/images/bg_menu.gif') top center repeat-x;}

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

.pied {
	font-size:10px; 
	color:#FFF; 
	width:100%; 
	background:#7dceef url('/images/bg_pied2.gif') top center repeat-x; 
	margin:0 auto 0 auto; 
	text-align:center;
	padding-bottom:10px;
}

.logoPied{margin:20px 0 0 0;}

.menuPied{background:url('/images/bg_pied.jpg') center top no-repeat; font-family:Arial; margin:0 auto; padding:15px 0; color:#FFF; height:40px; width:955px;}
.menuPied a, .menuPied a:visited{color:#FFF;}
.menuPied a:hover{color:#ff9000;}

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

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

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, a:visited{color:#453b33; text-decoration:none;}
a:hover{color:#ff9000; text-decoration:none;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0; font-size:1px;}

.pagination{margin:8px 0;text-align:center; color:#5e85b3;}
.pagination a, .pagination a :visited{margin:2px; font-size:11px; color:#5e85b3;}
.pagination a:hover, .pagination .courante  {color:#ff9000; margin:2px;}