body {font: 11px "Helvetica"; text-align: center; color: #444444; background: url(../images/blank.gif) #f5f5f5 repeat-y center; }
div {vertical-align: top; text-align: left; }
td, select, option, input {font: 12px "Helvetica"; vertical-align: top; text-align: left; }

h1{font: 24px bold "Helvetica"; color : #8a8a8a; text-transform: uppercase; letter-spacing: 2px;  }
h2{font: 16px bold "Helvetica"; color : #8a8a8a; text-transform: uppercase; letter-spacing: 2px;  }

a:link, a:visited {color: #444444; text-decoration: none; margin: 0; outline: none; }
a:active, a:hover {color: #8BC91C; }

img {margin: 0; padding: 0;  border: none;}
img.img_big {margin: 1 0 15 0; }

li { list-style: none; display: list-item;  }
ul { margin: 0; padding: 0; }

div.main { width: 800px; padding: 0 20 20 20; margin: 0 auto;}

/* ****************************************************** */
/*                          Menu                          */
/* ****************************************************** */

div.d_menu_h { font: bold 11px "Helvetica"; }
	
	div.d_menu_h div.c1 { width: 780px; background: #EFECE9; float: left; border-top: 1px solid #EFECE9; border-right: 0px solid #fff;	}
		
	div.d_menu_h ul { margin: 0; padding: 0; }
	div.d_menu_h ul li { list-style: none; display: inline; margin: 0; padding: 0; }
	
		div.d_menu_h ul li a:link, div.d_menu_h a:visited { color: #444444; background: #e5e5e5; padding: 4px 5px; border-right: 1px solid #000; display: block; float: left; text-decoration: none;  }
		div.d_menu_h ul li a:active, div.d_menu_h ul li a:hover { color: #444444; background: #fff; }
		div.d_menu_h ul li a.act:link, div.d_menu_h a.act:visited {	background: #9DCC48;	}
		
/* ****************************************************** */
/*                          Banner                        */
/* ****************************************************** */

div.banner { float: left; width: 790px; padding: 10px 0 0 0; color: #fff; background: #fff; }


/* ****************************************************** */
/*                          A - Chapeau                   */
/* ****************************************************** */

h1.page_title { font: 24px bold "Helvetica"; color: #444444; padding: 0 0 15 0; margin: 0 0 0 0; text-transform: uppercase; letter-spacing: 2px;  }
span.navigation { font: 12px bold "Helvetica"; color: #444444; padding: 0 0 0 0; margin: 0 0 10 0; text-transform: uppercase; letter-spacing: 2px;  }

div.conteneurA {width : 790px; float: left; padding: 0 0 15 0; margin: 0 0 0 0; background: #fff;}
	div.conteneurA div.conteneurA1 {float: left; width: 525px; padding: 0 0 0 0; margin: 0 0 0 0;}
	div.conteneurA div.conteneurA2 {float: left; width: 240px; padding: 0 0 0 0; margin: 0 0 0 0; padding: 7; text-align: right;}

/* ****************************************************** */
/*                          B - CMS                       */
/* ****************************************************** */

div.conteneurB {font: 12px "Helvetica"; width: 590px; float: left; padding: 0 0 0 0; margin: 0 0 0 0; background: #fff;}
div.b-menu-produit {width: 590px; float: left; padding: 0 0 0 0; margin: 0 0 25 0;}
div.b-ligne-produit {width: 590px; float: left; border-bottom: 1px solid #8a8a8a; padding: 0 0 15 0; margin: 0 0 15 0;}
div.b-cell-produit {width: 187px; float: left; padding: 0 0 0 0; margin: 0 9 0 0; text-align: center;}
span.b-photo-pdt {width: 187px; height: 112px; float: left; border: 1px solid #fff; padding: 0 0 0 0; margin: 0 0 0 0;}
Span.b-titre-pdt {width: 185px; font: 14px bold "Helvetica"; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 0 0; margin: 0 0 15 0;}
Span.b-ssfam-pdt {width: 185px; font: 12px "Helvetica"; padding: 0 0 0 0; margin: 0 0 0 0;}


div.b-banniere-add {width: 590px; float: left; padding: 0 0 0 0; margin: 20 0 15 0;}
div.b-banniere-add-unit-L {width: 285px; border: 1px solid #aaaaaa; float: left; padding: 0 0 0 3; margin: 0 0 0 0;}
div.b-banniere-add-unit-R {width: 285px; border: 1px solid #aaaaaa; float: right; padding: 0 0 0 3; margin: 0 0 0 0;}
div.b-banniere-add-unit-full-img-L {width: 285px; border: 0px; float: left; padding: 0 0 0 0; margin: 0 0 0 0;}
div.b-banniere-add-unit-full-img-R {width: 285px; border: 0px; float: right; padding: 0 0 0 0; margin: 0 0 0 0;}
span.b-ban-txt {position: absolute; float: left; }
span.b-ban-img {float: right;}
span.b-ban-full-img {float: center;}

div.Article {width : 570px; float: left; padding: 0 0 20 0; margin: 0 0 30 0; }
	div.Article div.ArticleTexte {float: left; width: 580px; padding: 0 0 0 0; margin: 0 0 0 0;}
	div.Article div.ArticlePhoto{float: center; width: 580px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center;}


/* ****************************************************** */
/*                          B - CMS - page produit        */
/* ****************************************************** */
div.blocproduit {width : 590px; float: left; padding: 0 0 0 0; margin: 0 0 0 0;}
div.blocimage {width : 256px; float: left; padding: 0 0 0 0; margin: 0 0 0 0;}
div.zoomplus {width : 250px; float: left; background: #C5FF5A; border : 1px solid #aaaaaa; padding: 0 0 0 0; margin: 5 0 5 0;}
div.descriptif {width : 320px; font: 13px; letter-spacing: 1px; text-align: justify; float: right; background: #fff; border : 0px solid #E5E5E5; padding: 0 0 0 0; margin: 5 5 0 0;}
div.lignephoto {width : 590px; float: left; padding: 0 0 0 0; margin: 30 0 30 0;}
div.photounit {width : 150px; float: left; padding: 0 0 0 0; margin: 0 18 0 18; }
div.blocinfo {width : 590px; float: left; padding: 0 0 0 0; margin: 0 0 0 0; }
div.blocnuancier {width : 242px; float: left; background: #fff; padding: 0 0 0 0; margin: 0 0 0 0; }
div.lignenuancier {width : 230px; float: left; background: #fff; padding: 5 5 5 0; margin: 0 0 0 0; }
div.nuancierunit {width : 50px; float: left; background: #fff; padding: 0 0 0 0; margin: 5 2 5 2; }
div.blocgarantie {width : 342px; float: right; background: #fff; padding: 0 0 0 0; margin: 0 0 0 0; }
div.lignegarantie {width : 330px; float: left; background: #fff; padding: 5 5 5 0; margin: 0 0 0 0; }
div.garantiunit {width : 100px; float: left; background: #fff; padding: 0 0 0 0; margin: 5 2 5 2; }


/* ****************************************************** */
/*                          C - Menu acces rapide         */
/* ****************************************************** */

div.conteneurC {font: 12px "Helvetica"; width : 177px; float: left; padding: 0 0 10 0; margin: 0 0 0 13;}
div.conteneurC div.conteneurC1 {width : 177px; float: left; padding: 0 0 15 0; margin: 0 0 0 0;}
	div.conteneurC div.titre {font: 14px "Helvetica"; text-transform: uppercase; width : 177px; float: left; color: #fff; background: #9dcc48; padding: 5 5 5 5; margin: 0 0 3 0;}
	div.conteneurC a.titre {color: #fff;}
	div.conteneurC span.famille {font: bold 12px "Helvetica"; text-transform: uppercase; letter-spacing: 1px; width : 177px; float: left; color: #444444; padding: 0 0 0 0; margin: 0 0 0 0;}
	li.listit {list-style: none; display: list-item;padding: 0 0 0 0; margin: 0 0 0 0;}

/* ****************************************************** */
/*                          Footer                        */
/* ****************************************************** */

div.footer {font: 11px "Helvetica"; width: 780px; float: left; padding: 20 0 0 0; margin: 0 0 0 0; color: 444444; }
	div.footer div.footer1 {width: 170px; float: left; padding: 0 0 0 0; margin: 0 0 0 0;}
	div.footer div.footer2 {width: 480px; float: left; padding: 0 0 0 0; margin: 0 0 0 0;}
	div.footer div.footer3 {width: 100px; float: right; padding: 0 0 0 0; margin: 0 0 0 0;}