body{
	width:100%;
	margin:0px;
	padding:0;
	color: #7a7a7a;
	background:#FFF url('/images/bg_site.gif') top repeat-x;
	font-family: Arial;
	font-size:11px;
}
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;
}
.tableSite{width:100%;}
.tableSite tr td{vertical-align:top;}

.colGauche{width:31%; background:#306ab3 url('/images/bgg.jpg') top left repeat-x;}
.backgroundColG{background:url('/images/bg_colGauche.jpg') right top no-repeat; height:752px; width:255px; float:right;}

.contenu{width:750px; min-height:470px;}

.banniere{height:264px;	background:url('/images/banHaut.jpg') left top no-repeat; width:750px;}

.page{
	width:69%;
	margin:0 auto 0 auto;
	padding:0;
	height:100%;
	height:auto;
	min-height:600px;
	border-top:10px solid #306bb2;
}

.logo{position:relative; top:19px; left:95px !important; left:184px;}

.type{top:22px; left:32px !important; left:121px; position:relative; z-index:2;}

/****************** 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;}
.imgD{float:right; margin-left:10px;}

.menuGauche{float:left;}
.colCentre{float:right; width:540px; padding-top:20px;}

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

.menuGauche{background:url('/images/bg_menuG.jpg') top left repeat-y; width:174px; padding:0px; color:#FFF; font-size:11px; z-index:1; text-align:justify;}
.menuGauche img{padding:0; margin:0;}
.menuGauche p{padding:1px 11px 2px 28px; z-index:12; position:relative;}
.menuGauche p b{color:#FFF; font-size:12px;}

#accueil .divPres{float:left; width:245px;}

#accueil .unProd{margin:7px 10px !important; margin:7px; width:160px; float:left; background:url('/images/bg_imgProd.gif') top left no-repeat;}
#accueil .unProd .imgProd{width:142px; height:106px; text-align:center; margin:9px; overflow:hidden;}

#accueil .unProd .titreProd{color:#4f8a10; font-size:12px; margin:3px; font-weight:bold; text-transform:uppercase;}
#accueil .unProd .descProd{color:#4f8a10; font-size:12px; margin:3px;}
#accueil .unProd .titreProd.coeur{padding-left:25px; background:url('/images/bg_titreCoeur.gif') left no-repeat;}
#accueil .unProd .titreProd.nouveaute{padding-left:25px; background:url('/images/bg_titreNouv.gif') left no-repeat;}

#accueil .unProd .prixProd{background:#4f8a10; font-family:Arial; font-size:12px; margin:3px; font-weight:bold; color:#FFF; float:left; padding:1px 4px;}
#accueil .savoirPlus, #accueil  .savoirPlus:visited{background:url('/images/plus.gif') left no-repeat; padding-left:13px; float:right; text-decoration:underline; margin:3px; display:block; color:#4f8a10;}
#accueil  .savoirPlus:hover{text-decoration:underline; color:#ed9700; background:url('/images/plus2.gif') left no-repeat;}

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

.titreMenu{text-align:center; padding:0 0 6px 0; margin:0 18px 0 20px; border-bottom:1px dashed #FFF;font-size:17px;}
.menuCat, .menuCat:visited{margin:0 18px 0 20px; padding:6px 0; border-bottom:1px dashed #FFF; text-align:center; display:block; z-index:12;position:relative; color:#FFF; font-size:12px;}
.menuCat:hover, .menuCat#courant{background:url('/images/bg_transparent.png') !important; background:#f1a32f; color:#FFF;}

#catalogue .unProd{margin:10px 0; padding:10px 0; border-bottom:1px solid #d6e1f0;}
#catalogue .unProd .imgProd{width:156px; height:121px; text-align:center; background:url('/images/bg_imgProd2.gif') top center no-repeat; float:left; overflow:hidden;}
#catalogue .unProd .imgProd img{margin-top:6px;}

#catalogue .unProd .infosProd{width:370px; float:right;}

#catalogue .unProd .titreProd{color:#245b9e; font-family:Arial; font-size:12px; margin:3px 0; font-weight:bold; text-transform:uppercase;}
#catalogue .unProd .refProd{color:#245b9e; font-family:Arial; font-size:11px; margin:5px 0;}
#catalogue .unProd .descProd{color:#245b9e; font-family:Arial; font-size:11px; margin:3px 0; height:54px; overflow:hidden; text-align:justify;}
#catalogue .coeur .titreProd{padding-left:25px; background:url('/images/bg_titreCoeur.gif') left no-repeat;}
#catalogue .nouveaute .titreProd{padding-left:25px; background:url('/images/bg_titreNouv.gif') left no-repeat;}

#catalogue .unProd .prixProd{background:#ed9700; font-family:Arial; font-size:12px; margin:1px 15px; font-weight:bold; color:#FFF; padding:1px 4px;}

#catalogue .savoirPlus, #catalogue  .savoirPlus:visited{background:url('/images/plus2.gif') left no-repeat; padding-left:13px; text-decoration:underline; display:block; color:#ed9700; margin-top:7px;}
#catalogue  .savoirPlus:hover{text-decoration:underline; color:#4f8a10; background:url('/images/plus.gif') left no-repeat;}

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

.fiche{float:left; width:260px; margin:10px 0 20px 0; border-right:1px solid #e3e3e3;}

.fiche .titreProd{color:#245b9e; font-family:Arial; font-size:12px; margin:3px 0; font-weight:bold; text-transform:uppercase;}
.fiche.coeur .titreProd{padding-left:25px; background:url('/images/bg_titreCoeur.gif') left no-repeat;}
.fiche.nouveaute .titreProd{padding-left:25px; background:url('/images/bg_titreNouv.gif') left no-repeat;}
.fiche .refProd{color:#245b9e; font-family:Arial; font-size:11px; margin:5px 0;}
.fiche .infosProd{color:#245b9e; font-family:Arial; font-size:12px; font-weight:bold;}

.fiche .prixProd {color:#245b9e; font-family:Arial; font-size:13px; font-weight:bold; margin-top:10px;}
.fiche .prixProd b{background:#ec9b0c; font-family:Arial; font-size:12px; font-weight:bold; color:#FFF; padding:1px 4px;}

.description{float:right; color:#245b9e; padding:10px; width:240px; padding-left:15px;}
.titreDesc{color:#245b9e; font-family:Arial; font-size:11px; margin:3px 0; text-transform:uppercase; font-weight:bold;}

.grdDiapo{width:355px; height:266px; background:url('/images/bg_diapo.jpg') top center no-repeat; text-align:center; float:left; overflow:hidden; line-height:260px; padding:0 !important; padding:10px 0 0 0;}
.grdDiapo img{vertical-align:center; vertical-align:middle;}

.pttDiapo{float:right; width:170px; margin-top:17px;}
.pttDiapo .titre1{margin-bottom:17px;}
.pttDiapo img{padding:1px; float:left; border:1px solid #DADADA; margin:2px 7px;}

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

.menuGaucheContact{float:left; width:242px; height:210px; padding:0px; color:#FFF; z-index:1; font-size:14px; background:url('/images/bg_plan_mini.gif') top right no-repeat; margin-top:15px;}
.colCentreContact{float:left; width:220px; margin:30px 10px 10px 20px;}

.planmini{position:relative; z-index:12; float:right; margin:8px;}

.coordonnees{margin-top:20px;}
.coordonnees p{font-size:12px;color:#306bb2; margin:10px 0;}
.coordonnees p b{font-size:13px; font-weight:bold;}

.coordonnees p a, .coordonnees p a:visited{color:#306bb2;}
.coordonnees p a:hover{color:#ed9700;}

.formulaireContact{margin:15px 0;}
.formulaireContact p{border:1px solid #e0e0e0; vertical-align:middle; font-size:10px; color:#306bb2; padding-left:2px; margin:4px 0;}
.formulaireContact p input{border:none !important; border:1px solid #FFF; font-size:10px; color:#757575; margin:0; font-family:Arial;}
.formulaireContact p textarea{border:none !important; border:1px solid #FFF; height:75px; overflow:auto; width:99%; font-size:10px; color:#757575; margin:0; font-family:Arial;}
.formulaireContact .submit{float:right; margin:0; text-transform:uppercase; padding:1px; border:1px solid #e0e0e0; font-size:10px; color:#306bb2; width:100px; background:#FFF;}

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

.tableMentions tr td {vertical-align:top; padding:10px 0; border-bottom:1px dashed #306bb2}

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

.titre1, .titre2{background:url('/images/bg_titre.gif') bottom repeat-x; margin-bottom:10px;}
.titre1 span{background:#FFF; color:#306bb2; font-size:15px; font-weight:bold; padding:4px 12px 4px 0;}
.titre2 span{background:#FFF; color:#4f8a10; font-size:15px; font-weight:bold; padding:4px 12px 4px 0;}

.texte{text-align:justify; padding:3px 0;}
.texte b{color:#ed9700;}

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

.menu{float:right; border:0;}

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

.pied {
	font-size:10px; 
	color:#306bb2; 
	height:100%; 
	width:100%; 
	padding:5px 0 90px 0;
	background:#f6f6f6; 
	margin:10px auto 0 auto; 
	text-align:left;
	position:relative;
	z-index:12; 
}

.pied p{padding:4px 0 1px 10px;}

.pied  a,.pied  a:visited{color:#306bb2;}
.pied  a:hover{color:#ed9700;}

.logoPied{margin:20px 0 0 0; text-align:center; width:400px; font-size:10px;}

.menuPied{font-family:Arial; padding:5px 0; color:#53534d;}
.menuPied a, .menuPied a:visited{color:#53534d;}
.menuPied a:hover, .menuPied a#courante{color:#ed9700;}

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

hr{
	color: none;
	background-color: none;
	height: 0px;
	border-top:1px dashed #4f8a10;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:0;
	padding: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{color:#4f8a10; text-decoration:none;}
a:visited{color:#4f8a10; text-decoration:none;}
a:hover{color:#ed9700; text-decoration:none;}

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

.hrnettoyeur{
	clear: both; margin: 10px 0; padding: 0;color: none;
	background-color: none;
	height: 0px;
	border-top:1px dashed #ed9700;
	border-bottom:none;
	border-left:none;
	border-right:none;}

.pagination{margin:8px 0;text-align:center; color:#306bb2;}
.pagination a, .pagination a :visited {margin:2px; font-size:13px; color:#306bb2;}
.pagination a:hover {color:#ed9700;}
.pagination .courante  {color:#ed9700; text-decoration:underline;}

h2{color:#660e05;}
/***************************************  CONNEXION ADMIN   ***********************************/
#logbox{
	padding:1px 2px 0 2px;
	text-align:center;
	height:120px;
	margin:0 0 10px 0;
}
#logbox label{
	display:block;
	text-align:right;
	margin:10px 4px 0 4px;
	color:#000;
	padding-right:300px;
}
#logbox input[type=text],#logbox input[type=password]{
	width:70px;
	margin-left:4px;
}
#logbox input[type=submit]{margin-top:10px;}

.formulaireContact table tr td .captcha{
	border:1px solid #7e2a41; vertical-align:middle; padding:5px 5px 12px 5px;margin:0;
}
.formulaireContact table tr td .captcha input{width:100px;}