body{margin:0;padding:0;background:url(images/fond-page.gif) repeat-x center 15px #016e92;
	color:#494d56; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
body *{margin:0; padding:0;}

p{margin:0 0 8px 0;}
h1{font-family: Arial, Helvetica, sans-serif; font-size:16px; margin:0 0 4px 0; font-weight:normal;/* color:#026e92;*/color:#FFF}
h2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:14px 0 4px 0; font-weight:bold; color:#50545e;}
h2 span {color:#065C91}
h2 a{text-decoration:none; color:#50545e;}
h2 a:hover{text-decoration:none; color:#777777;}
h3{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin:14px 0 4px 0; font-weight:bold; color:#e88c0b;}
h3 strong{font-size:20px;}
h3 b{font-size:12px;}
h4 b{font-size:10px;}
.rel{_position:relative}
h4{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 4px 0; font-weight:bold; color:#f49d23;}

.cpointer{ cursor:pointer;}
.fondgris{color:#ffffff; background-color:#545862; padding: 5px 10px;}
.fondorange{color:#ffffff; background-color:#cf7d08; padding: 5px 15px;}
a{color:#ce7b06;}
a:hover{color:#8d5608;}
a img {border:none}
ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;}
li{background: url(images/puce.gif) no-repeat 0 4px; padding:0 0 0 15px; margin:3px 0 3px 15px; border:0;}
ul ul li{background-image: url(images/puce2.gif);}
ul ul ul li{background-image: url(images/puce3.gif); background-position: 0 6px;}
input{font-size:9px; background-color:#ffffff; color:#494d56; border:0; padding:2px;}
input.btPoursuivreGris{border:0; background-color:transparent; height:auto; width:auto}
label{text-align: right; font-size:11px; display:block; margin:0 0 8px 0;}
b{color:#016e92;}
u{display:block;clear:both; text-decoration:none; height:1px;}
.tablo{ border-collapse:collapse}
.tablo th{border:1px solid #999; padding:4px}
.tablo td{border:1px solid #999; padding:2px}

.center{ margin:0 auto;}

/* #################### CLASSES COURANTES  ########################*/
/* CLASSES */
/*marges*/
.m5		{margin:5px;}
.m10		{margin:10px;}
.m15		{margin:15px;}
.m20		{margin:20px;}
.m0		{margin:0;}
.ml5		{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}
.ml40	{margin-left:40px;}
.ml50	{margin-left:50px;}
.ml60	{margin-left:60px;}
.ml70	{margin-left:70px;}
.ml80	{margin-left:80px;}
.ml90	{margin-left:90px;}
.ml100	{margin-left:100px;}
.mr5		{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr30	{margin-right:30px;}
.mr40	{margin-right:40px;}
.mr50	{margin-right:50px;}
.mr60	{margin-right:60px;}
.mr70	{margin-right:70px;}
.mr80	{margin-right:80px;}
.mr90	{margin-right:90px;}
.mr100	{margin-right:100px;}
.mt5		{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}
.mt70	{margin-top:70px;}
.mt80	{margin-top:80px;}
.mt90	{margin-top:90px;}
.mt100	{margin-top:100px;}
.mb5		{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb50	{margin-bottom:50px;}
.mb60	{margin-bottom:60px;}
.mb70	{margin-bottom:70px;}
.mb80	{margin-bottom:80px;}
.mb90	{margin-bottom:90px;}
.mb100	{margin-bottom:100px;}
/* marges négatives */
.ml-5		{margin-left:-5px;}
.ml-10	{margin-left:-10px;}
.ml-15	{margin-left:-15px;}
.ml-20	{margin-left:-20px;}
.ml-30	{margin-left:-30px;}
.ml-40	{margin-left:-40px;}
.ml-50	{margin-left:-50px;}
.ml-60	{margin-left:-60px;}
.ml-70	{margin-left:-70px;}
.ml-80	{margin-left:-80px;}
.ml-90	{margin-left:-90px;}
.ml-100	{margin-left:-100px;}
.mr-5		{margin-right:-5px;}
.mr-10	{margin-right:-10px;}
.mr-15	{margin-right:-15px;}
.mr-20	{margin-right:-20px;}
.mr-30	{margin-right:-30px;}
.mr-40	{margin-right:-40px;}
.mr-50	{margin-right:-50px;}
.mr-60	{margin-right:-60px;}
.mr-70	{margin-right:-70px;}
.mr-80	{margin-right:-80px;}
.mr-90	{margin-right:-90px;}
.mr-100	{margin-right:-100px;}
.mt-5		{margin-top:-5px;}
.mt-10	{margin-top:-10px;}
.mt-15	{margin-top:-15px;}
.mt-20	{margin-top:-20px;}
.mt-30	{margin-top:-30px;}
.mt-40	{margin-top:-40px;}
.mt-50	{margin-top:-50px;}
.mt-60	{margin-top:-60px;}
.mt-70	{margin-top:-70px;}
.mt-80	{margin-top:-80px;}
.mt-90	{margin-top:-90px;}
.mt-100	{margin-top:-100px;}
.mb-5		{margin-bottom:-5px;}
.mb-10	{margin-bottom:-10px;}
.mb-20	{margin-bottom:-20px;}
.mb-30	{margin-bottom:-30px;}
.mb-40	{margin-bottom:-40px;}
.mb-50	{margin-bottom:-50px;}
.mb-60	{margin-bottom:-60px;}
.mb-70	{margin-bottom:-70px;}
.mb-80	{margin-bottom:-80px;}
.mb-90	{margin-bottom:-90px;}
.mb-100	{margin-bottom:-100px;}
/*padding*/
.p5		{padding:5px;}
.p10		{padding:10px;}
.p15		{padding:15px;}
.p20		{padding:20px;}
.p0		{padding:0;}
.pt5		{padding-top:5px;}
.pt10		{padding-top:10px;}
.pt15		{padding-top:15px;}
.pt20		{padding-top:20px;}
.pt30		{padding-top:30px;}
.pt40		{padding-top:40px;}
.pt50		{padding-top:50px;}
.pt60		{padding-top:60px;}
.pt70		{padding-top:70px;}
.pt80		{padding-top:80px;}
.pt90		{padding-top:90px;}
.pt100	{padding-top:100px;}
.pb5		{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb30	{padding-bottom:30px;}
.pb40	{padding-bottom:40px;}
.pb50	{padding-bottom:50px;}
.pb60	{padding-bottom:60px;}
.pb70	{padding-bottom:70px;}
.pb80	{padding-bottom:80px;}
.pb90	{padding-bottom:90px;}
.pb100	{padding-bottom:100px;}
.pl5		{padding-left:5px;}
.pl10		{padding-left:10px;}
.pl15		{padding-left:15px;}
.pl20		{padding-left:20px;}
.pl30		{padding-left:30px;}
.pl40		{padding-left:40px;}
.pl50		{padding-left:50px;}
.pl60		{padding-left:60px;}
.pl70		{padding-left:70px;}
.pl80		{padding-left:80px;}
.pl90		{padding-left:90px;}
.pl100	{padding-left:100px;}
.pr5		{padding-right:5px;}
.pr10		{padding-right:10px;}
.pr15		{padding-right:15px;}
.pr20		{padding-right:20px;}
.pr30		{padding-right:30px;}
.pr40		{padding-right:40px;}
.pr50		{padding-right:50px;}
.pr60		{padding-right:60px;}
.pr70		{padding-right:70px;}
.pr80		{padding-right:80px;}
.pr90		{padding-right:90px;}
.pr100	{padding-right:100px;}
/* largeurs % */
.l5				{width:5%;}
.l10			{width:10%;}
.l15			{width:15%;}
.l20			{width:20%;}
.l25			{width:25%;}
.l30			{width:30%;}
.l33			{width:33%;}
.l35			{width:35%;}
.l40			{width:40%;}
.l45			{width:45%;}
.l48			{width:48%;}
.l50			{width:50%;}
.l52			{width:52%;}
.l55			{width:55%;}
.l60			{width:60%;}
.l65			{width:65%;}
.l70			{width:70%;}
.l75			{width:75%;}
.l80			{width:80%;}
.l85			{width:85%;}
.l90			{width:90%;}
.l95			{width:95%;}
.l100			{width:100%;}
/*largeurs PX*/
.w100		{width:100px}
.w150		{width:150px;}
.w200		{width:200px;}
.w250		{width:250px;}
.w300		{width:300px;}
.w350		{width:350px;}
.w400		{width:400px;}
.w450		{width:450px;}
.w500		{width:500px;}
.w550		{width:550px;}
.w600		{width:600px;}
.w650		{width:650px;}
.w700		{width:700px;}
/* hauteurs PX*/
.h5			{height:5px;}
.h10			{height:10px;}
.h20			{height:20px;}
.h30			{height:30px;}
.h40			{height:40px;}
.h50			{height:50px;}
.h60			{height:60px;}
.h70			{height:70px;}
.h80			{height:80px;}
.h90			{height:90px;}
.h100		{height:100px;}
.h110		{height:110px;}
.h120		{height:120px;}
.h130		{height:130px;}
.h140		{height:140px;}
.h150		{height:150px;}
.h160		{height:160px;}
.h170		{height:170px;}
.h180		{height:180px;}
.h190		{height:190px;}
.h200		{height:200px;}
.h210		{height:210px;}
.h220		{height:220px;}
.h230		{height:230px;}
.h240		{height:240px;}
.h250		{height:250px;}
.h260		{height:260px;}
.h240		{height:270px;}
.h280		{height:280px;}
.h290		{height:290px;}
.h300		{height:300px;}
.h350		{height:350px;}
.h400		{height:400px;}
.h450		{height:450px;}
.h500		{height:500px;}
.h550		{height:550px;}
.h600		{height:600px;}
.h650		{height:650px;}
.h700		{height:700px;}
.block{display:block;}
.petit{font-size:9px;}
.smallit{font-size:9px; font-style:italic;}
img.cadre{border:1px solid #8b9095;padding:1px;background-color:#ffffff;}
.cadre img{border:1px solid #8b9095;padding:1px;background-color:#ffffff;}
.none{display:none;}
.minicadre:hover img{border:1px solid #ffffff;}
.cadreg{display:block;height:157px;width:200px;}
.cadre{ cursor : pointer }
/*.cadre:hover img{border:1px solid #ffffff; }*/
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.marg15{margin:15px;  }
.pad15{padding:15px;}
.marg10fr{margin-left:10px;margin-right:10px;}
.margd{margin-right:15px; float:left;}
.margg{margin-left:15px; float:right;}
.padg{padding-left:15px;}
.padd{padding-right:15px;}
.col{width:47%; float:left;}
.clear{clear: both;}
.center{text-align:center;}
.right{text-align:right;}
.barre{text-decoration: line-through;}
.prix{background-color:#9c5d03; padding:2px 3px; color:#ffffff; text-align:center;}
.prix span{color:#f49d23;}
.grismoyenbord{background-color:#cacacb; border:1px solid #545862;}
.grismoyen{background-color:#cacacb;}
.grisfonce{background-color:#b3b7ba;}
.bleu {color:#006d92}
.bnone{border:0px;}
.bgrey{ border:1px solid #666; width:30px;}
.error{ border:1px solid red;}
/* ############################################*/

.sitemap {text-align:left;margin:10px; color:#3d4047; font-family: Verdana, Arial, Helvetica, sans-serif; color:#3d4047; font-size:11px;}
.sitemap a{font-family: Verdana, Arial, Helvetica, sans-serif; color:#3d4047; font-size:11px;}
.sitemap a:hover{color: #6c717d;}



/* ####################   INTERFACE  ########################*/
.global{text-align:center; margin: 15px 0 0 0}
.ombre{width:1014px; text-align:center; background:url(images/ombre-fond.gif) repeat-y center; margin:0 auto;}
.principal{width:982px; min-height:300px;margin:0 auto;border:0; text-align:left;}

/*colonne gauche*/
.colg{width:261px;border-right:1px solid #a7a7a7; color: #ffffff; height:auto; /*text-align:center;*/}
.colg a{color: #dddddd;}
.colg a:hover{color: #ffffff;}
.colg p,.colg h1,.colg h2,.colg h3,.colg h4{color: #ffffff;}


/*colonne droite*/
.cold{text-align:left;}
/* ###########################################*/

/* #################### BANDEAU HAUT   ########################*/
.haut{width:982px;height:125px;background:url(images/fond-page.gif) repeat-x top #016e92; text-align:left; margin:0 auto; padding:0 16px 0 16px;}
.haut p.liensHaut {color:#ccc}
.haut p.liensHaut a span {color:#FC3; text-decoration:underline}
.haut p.liensHaut a {background:none; float:none; display:inline;color:#ccc; line-height:normal; padding:0}
.haut p.liensHaut a:hover {color:#fff}
.hautoutils{float: right; width:700px; height:124px; background: url(images/points-droite.gif) no-repeat right 26px ; margin:0; padding:0 1px 0 0; text-align:right;}
.hautoutils ul{width:700px;margin:8px 0;padding:5px 0 0; height:32px;}
.hautoutils ul li{display:block; float:right; background: url(images/fond-bt-outils.gif) repeat-x top #4b4e57;
	border:1px solid #757a88; border-top:0;
	margin:0 0 0 14px; padding:0; height:32px; width:190px; text-align:left;}
.hautoutils a{color:#bfbfbf; text-decoration:none; background:url(images/ico-suivi-commandes.gif) no-repeat 10px 4px;
	display: block;height:32px; padding:0 14px 0 40px; margin:0; line-height:30px;}
.hautoutils a:hover{color:#ffffff;}
.hautoutils .btcompte{width:140px;}
.hautoutils .btpanier{width:200px; border-right:0;}
.hautoutils .btfaq{width:100px;}
.hautoutils .btcompte a{background-image: url(images/ico-votre-compte.gif);}
.hautoutils .btpanier a{background-image: url(images/ico-votre-panier.gif);}
.hautoutils .btfaq a{background-image: url(images/ico-faq.gif); background-position:10px 0;}
/* ############################################*/

/* ####################  MENU GAUCHE  ########################*/
/*.menugauche{width:261px; text-align:center;}
.menugauche img{border-left:1px solid #a7a7a7;border-bottom:1px solid #a7a7a7;}
.menugauche ul{margin:0; padding:0;}*/
/*.menugauche ul li{/*height:27px;*/ /*text-align:left; margin:0; padding:0;}*/
/*.menugauche ul li a{display: block; height:26px; line-height:24px; border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; background:url(images/fleche-grise.gif) no-repeat 8px 9px #494d56; color:#a7a7a7; text-decoration:none; padding:0 4px 0 25px; font-size:11px;}
.menugauche ul li a:hover{border-left:1px solid #3a3d44; background:url(images/fleche-orange.gif) no-repeat 8px 9px #3a3d44;color:#ffffff;}
.menugauche ul li a.selected{border-left:1px solid #3a3d44; background:url(images/fleche-orange.gif) no-repeat 8px 9px #3a3d44; }
.menugauche ul li a.selected:hover{color:#ffffff;}

.menugauche ul li ul{padding:4px 0 4px 0; background-color: #8b9095;}
.menugauche ul li ul li{margin:0; padding:0;}
.menugauche ul ul li a{display: block; height:24px; line-height:22px; border:0;background: url(images/fleche-bleue.gif) no-repeat 8px 8px #8b9095; color:#2a2c31; text-decoration:none; padding:0 4px 0 30px; border:0; font-size:10px;}
.menugauche ul ul li a:hover{background: url(images/fleche-bleue.gif) no-repeat 8px 8px #a7a7a7; color:#494d56; border:0;}
.menugauche ul ul li a.selected{background: url(images/fleche-bleue.gif) no-repeat 8px 8px #a7a7a7; color:#494d56; border:0; font-weight:bold;}
.menugauche ul ul li a.selected:hover{color:#494d56;}*/



/* ####################  MENU GAUCHE  ########################*/
.menugauche{width:261px; text-align:center;}
.menugauche img{border-left:1px solid #a7a7a7;border-bottom:1px solid #a7a7a7;}
.menucontrole{margin:0; padding:0;}
.menucontrole li{/*height:27px;*/ text-align:left; margin:0; padding:0;overflow:hidden;}
.menucontrole li a{display: block; /*height:26px; line-height:24px;*/ border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; background:url(images/fleche-grise.gif) no-repeat 8px 12px /*#494d56*/#3d4047; color:#CCC/*a7a7a7*/; text-decoration:none; padding:7px 8px 7px 25px; font-size:11px;}
.menucontrole li a:hover{border-left:1px solid #3a3d44; background:url(images/fleche-orange.gif) no-repeat 8px 12px #3a3d44;color:#ffffff;}
.menucontrole ul li a.selected{border-left:1px solid #3a3d44; background:url(images/fleche-orange.gif) no-repeat 8px 9px #3a3d44; }
.menucontrole ul li a.selected:hover{color:#ffffff;}

.menucontrole li ul{padding:4px 0 4px 0; background-color: #8b9095;}
.menucontrole li ul li{margin:0; padding:0;}
.menucontrole ul li a{display: block; /*height:24px; line-height:22px;*/ border:0;background: url(images/fleche-bleue.gif) no-repeat 8px 8px #8b9095; color:#2a2c31; text-decoration:none; padding:3px 4px 3px 30px; border:0; font-size:10px;}
.menucontrole ul li a:hover{background: url(images/fleche-bleue.gif) no-repeat 8px 8px #a7a7a7; color:#494d56; border:0;}
.menucontrole ul li a.selected{background: url(images/fleche-bleue.gif) no-repeat 8px 8px #a7a7a7; color:#494d56; border:0; font-weight:bold;}
.menucontrole ul li a.selected:hover{color:#494d56;}

/* ############################################*/

.btquisommesnous{border-left:1px solid #a7a7a7;}

/* ####################  BLOC INSCRIPTION NEWSLETTER  ########################*/
.quoideneuf{background-color:#cd7801; color:#ffffff;}
.quoideneuf h1{font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#efedc0; margin:0 0 4px 0; font-weight:normal;}
.quoideneuf h2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#ecd7aa; margin:0 0 4px 0; font-weight:normal;}
.quoideneuf p{color:#ffffff;}
/* ############################################*/

/* #################### TALON   ########################*/
.talon{width:1014px; background:url(images/ombre-talon.gif) no-repeat top center #016e92;
	color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal;
	margin:0 auto 0px auto; padding:18px 0 0 0; height:28px;}
.talon a{color:#c1f0ff; text-decoration:none;}
.talon a:hover{color:#ffffff;}
/* ############################################*/



/* ####################  FORMULAIRE  ########################*/
.champok{background-color:#dbdbdc; border:0;height:19px; width:200px; margin:4px 4px 4px 0; padding: 0;}
.champok input{margin:0px;font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#dbdbdc; color:#494d56; border:0; width:160px; padding:2px 0 0 4px; }
.champok input.bt{border:1px solid #5e626d; float:right; width:26px; padding:0;}
.champok input.champerreur{color:#be0d0d; font-family: Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold}

form{border:0; padding:0; margin:0}
select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; border: 1px #fff solid; color:#4e3200}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; border: 1px #fff solid; color:#4e3200}
input{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; border: 1px #fff solid; color:#4e3200}/**/

.champcontact{background-color:#fff;margin:4px 20px 0 0; border: 1px #fff solid;width:150px; padding:2px; }
.champerreur{border:1px solid #5f0606; color:#FFFFFF; background-color: #cc0000;font-weight:bold;margin:4px 20px 0 0;width:150px; padding:2px;}

.champSelect{background-color:#fff;margin:4px 20px 0 0; border: 1px #fff solid;width:156px; padding:2px;}

.champcontacterreur{border:1px solid #5f0606; color:#FFFFFF; background-color: #cc0000;margin:4px 20px 0 0;width:150px; padding:2px;}
.erreur{color:#be0d0d; font-family: Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold}
.messagErreur{ text-align:center; color:Red; }


.champcontactins{background-color:#fff;margin:4px 0 0 0px; border: 1px #fff solid;border-left:1px solid #8D8D90; border-top:1px solid #8D8D90; border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8; width:200px; padding:2px; }
.champcontacterreurins{border:1px solid #5f0606; color:#FFFFFF; background-color: #cc0000;margin:4px 0 0 0;/*margin:4px 240px 0 0;*/width:200px; padding:2px; }

.champSelectins{background-color:#fff;margin:4px 0 0 0; border: 1px #fff solid;width:206px; padding:2px;}
.btn{background-color:#026e92; color:#C9DEE5;}
.champGenre {width:50px}
.champDate{background-color:#fff;margin:4px 3px 0 0; border: 1px #fff solid;padding:2px; }
.champDate.jour{width:40px; }
.champDate.annee{margin:4px 0 0 0;width:60px; }
.champDate.mois{width:70px; }

.inscription {width:90%; padding:15px; margin: 0 auto}
.inscription label {margin: 0 0 0 20px}
table.formInscription td {padding: 3px 0}
.labelfor{display:block; float:left; margin:4px 2px 0 0; padding:0; border:1px solid #dbdbdc; text-align:left;}
.bloq{display:block; float:left; margin-right:2px; padding:0; }
.groupe{display:block; float:left; margin-top:15px; padding:0}
/* ############################################*/


.newsletter{margin:5px auto 10px auto;}

.header{color:#dbdbdc; border-bottom:1px solid #9ea4aa; height:74px; margin-bottom:6px;}
.header .champok{width:300px;}
.header div{width:45%; float:left;}
.header div div{width:auto; float:none;}

.cartouchecompte{margin:10px; background:url(images/cartouche-compte-pro-haut.gif) no-repeat top center #5a5f6a; width:326px;}
.cartouchecompte a{color:#dddddd;}
.cartouchecompte a:hover{color:#ffffff;}
.cartouchecompte td{background:url(images/cartouche-compte-pro-bas.gif) no-repeat bottom center; padding:10px;}
.cartouchecompte td div{width:45%; float:left; text-align:center;}
.cartouchecompte div.ouvrircomptepro a{text-decoration:none; color:#dbdbdc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
.cartouchecompte div.ouvrircomptepro a font{font-size:16px; color:#ffffff;}
.cartouchecompte div.ouvrircomptepro a span{font-size:16px; color:#ffffff; background-color:#cd7801; padding:1px 4px; text-decoration:none;}

.surclair{background:url(images/cartcomptepro-haut-clair.gif) no-repeat top center #5a5f6a;}
.surclair td{background:url(images/cartcomptepro-bas-clair.gif) no-repeat bottom center;}

#divbandeau{height:215px;}
#divnosatouts{display:block;height:174px;}
#actu{display:block;}
#numTel 			{float:right; padding-left:5px}
#numTel a 			{ color:#fff; text-decoration:none; background:none; height:15px; line-height:15px}
#numTel a:hover 	{ text-decoration:underline}
#certif {position:relative; width:200px; float:right; height:50px; text-align:left; margin:0 auto; color:#ccc; background:url(images/logo-ISO-9001.jpg) 0 0 no-repeat; padding:5px 0 0 40px}
#certif a {background:none;outline:none; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}

#pageActu div.Texte {padding-bottom:10px}
.actuArchives {border-top: 1px solid #666; padding:0 0 10px 0}

.ongletbleu{height:26px; background: url(images/onglet-bleu-g.gif) no-repeat top left #026e92;
	color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; font-weight:normal; line-height:28px;}
.ongletbleu span{background: url(images/onglet-bleu-d.gif) no-repeat top right; display:block; height:26px; padding-left:26px;}

.ongletorange{height:26px; background: url(images/onglet-orange-g.gif) no-repeat top left #cd7801;
	color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-transform: capitalize; font-weight:normal; line-height:28px;}
.ongletorange span{background: url(images/onglet-orange-d.gif) no-repeat top right; display:block; height:26px; padding-left:26px;}

.blocgris{background: url(images/blocgris-bas-g.gif) no-repeat bottom left #dbdbdc; margin-bottom: 8px; overflow:hidden;}
/*.blocgris#offresMois, .blocgris#pdtsPlusVendus {min-height:0}*/
.blocgris u{/*background: url(images/blocgris-bas-d.gif) no-repeat bottom right;*/ display:block; height:12px; text-decoration:none; clear:both; margin:0; padding:0;}
.blocgris{padding:15px;}
/*.blocgris p{color:#494d56;}
.blocgris div:first-child{margin: 0;}*/
.blocgris .ongletbleu, .blocgris .ongletorange{margin:0;} 

.encarts{text-align:center;}
.encarts div{width:48%/*256px;*/; float:left; color:#dbdbdc; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:4px;}
.encarts div.catalogue{width:180px; text-align:left; padding-top:8px; float:right;}
.encarts div.accessoires{float:right;}
.encarts div.accessoires div{text-align:left;}
.encarts div div{width:100%;/*260px;*/ clear:both; text-align:right; margin:0 auto; }
.encarts div span{font-size:16px; color:#ffffff;}

.offresdumois{text-align:center;}
.offresdumois div{width:128px; float:left; margin:10px 0 5px 10px; text-align:left;}
.offresdumois h1 a img{border:1px solid #8b9095;}
.offresdumois h1 a:hover img{border:1px solid #ffffff;}

.plusvendus{text-align:center;}
.plusvendus div{width:160px; float:left; margin:10px 0 5px 10px; text-align:left;}
.plusvendus h1 a img{border:1px solid #8b9095;}
.plusvendus h1 a:hover img{border:1px solid #ffffff;}

/*######### ETAPE DE PAIEMENT #########*/
.etapespaiement{text-align:center; padding:20px 0 20px 15px;}
.etapespaiement i{clear:both; display:block;}
.etapespaiement a{color:#efefef; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; line-height:33px; text-decoration:none;
	display:block; float:left; width:134px; height:33px; background:url(images/bt-etape-off.gif) no-repeat center center; margin:0 2px;}
.etapespaiement span.over a{background:url(images/bt-etape-on.gif) no-repeat center center;}	
.etapespaiement a.off{color:#cccccc;}
.etapespaiement a:hover{color:#ffffff;}	

/*######### PAGE LISTE DE PRODUITS#########*/
.listeproduits{width:94%; /*text-align:center;*/ margin:15px auto;}
.listeproduits th{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; background-color:#545862; padding: 4px 8px; text-align:left;}
.listeproduits td{border-top:1px solid #717172; /*text-align:left;*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #494d56; padding:8px 0;}
.listeproduits td a.cadre{border:1px solid #9b9fa3;/**/ display:block; float:left; margin:0 10px;}

.listeproduits td a.cadre:hover{border:1px solid #fff;}
.listeproduits td.cellprix, .listeproduits th.cellprix{text-align:right; padding-right:5px;font-weight:bold}
.listeproduits tr.alternate td{background-color: #cacacb;}
.listeproduits th a{text-decoration: none; color:#efefef;}
.listeproduits th a.on{color:#e8a342;}
.listeproduits th a:hover{text-decoration: none; color:#ffffff;}
.checkPanier{height:200px;width:500px;background-color:#FFF;padding:10px;}
.checkPanier img{ border:none;}
/*######### PAGE LIVRAISON #########*/
.formlivraison{margin:0 0 0 20px; width:380px;}

/*######### PAGE PAIEMENT #########*/
.recapcommande{width:450px;}
.recapcommande td{padding: 10px 5px; text-align:right; font-size:12px; border-bottom:1px solid #a3a6ac;}
.recapcommande th{padding: 2px 15px; text-align:right; font-size:12px; border-bottom:1px solid #dbdbdc;}

.recapcommande tr td:first-child, .recapcommande tr th:first-child{text-align:left; font-size:11px; width:200px;}
#erreurCheck{ color:Red;}
/*######### PANIER et RECAPITULATIF  #########*/
th{color:#ffffff; background-color:#545862; padding: 5px 15px;border-bottom:1px solid #dbdbdc}
.ht th{background-color:#b5b5b7; color:#4c5059;}
.ht th span{font-weight:normal;}
.ttc th{background-color:#656975; color:#ffffff;}
.ttc th span{font-weight:normal;}
.fraislivraison th{background-color:#acc0d4; color:#026e92;}
.total th{background-color: transparent; color:#850000;}
.IsChecked li{ float:left; width:200px; background:none;}
/*
.ht{background-color:#b5b5b7; color:#4c5059;border-bottom:1px solid #DBDBDC;font-size:12px;padding:2px 15px 2px 120px;text-align:left; width:479px;}
.ht font{font-weight:normal;}
.ttc{background-color:#656975; color:#ffffff;border-bottom:1px solid #DBDBDC;font-size:12px;padding:2px 15px 2px 120px;text-align:left; width:479px;}
.ttc font{font-weight:normal; width:150px; padding-left: 20px; text-align:right; display:block;}
.fraislivraison{background-color:#acc0d4; color:#026e92;border-bottom:1px solid #DBDBDC;font-size:12px;padding:2px 15px 2px 120px;text-align:left;width:479px;}
.fraislivraison font{}
.total{background-color: transparent; color:#850000;border-bottom:1px solid #DBDBDC;font-size:12px;padding:2px 15px 2px 120px;text-align:left;width:479px;}
.total font{}
*/
/*######### PAGE SOMMAIRE  #########*/
.sommaire div{display: block; float:left; width:125px; height:170px; margin:0 0 10px 10px; text-align:center; overflow:hidden;}
.sommaire div h2{color:#026e92; text-align:center; margin-top:6px;}
.sommaire div a img{border:1px solid #8b9095;}
.sommaire div a:hover img{border:1px solid #016e92;}

 .linkPhoto{display:block;
height:97px;
width:125px;}
 /*######### PAGE PANIER #########*/
table.tablepanier tr td{padding: 10px 15px; text-align:left; font-size:12px; border-bottom:1px solid #a3a6ac;}
table.tablepanier tr th{padding: 2px 15px; text-align:left; font-size:12px; border-bottom:1px solid #dbdbdc}
table.tablepanier input{width:40px;}
table.tablepanier{border-collapse : collapse}
 /*######### OBJ slidephoto #########*/
.slideproduit, .slideproduit2{display:block;float:left;width:auto;overflow:hidden;padding:0px; background:none;width:100%;position:relative;left:0px;top: 0px;}

.slideproduit *, .slideproduit2 *{text-decoration:none; cursor:default}/*supprimer le soulignement des textes*/
.slideproduit img, .slideproduit2 img{ cursor:pointer;}/*supprimer le soulignement des textes*/
.slideproduit a, .slideproduit2 a{text-align:center;cursor:pointer;color:#494d56; font-weight:normal;border:0;display:block; width:100%; height:100%;}
 .slideproduit img, .slideproduit2 img{border:0;}
 
.slideproduit dl {width:160px; height:auto; float:left; cursor:pointer;margin:0 10px 5px 0;}
.slideproduit dl dt{float:left;width:157px; height:122px; display: table-cell; vertical-align:middle; border:1px solid #8b9095; background-color:#FFF}
.slideproduit dl dt:hover{border:1px solid #FFF;}
.slideproduit dl dd.nom{width:160px; height:47px;clear:both;background:none;  text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:-1px;}
.slideproduit dl dd.prix{width:160px; height:17px;clear:both;background:none;  text-align:left; 
    font-family:Verdana,  Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#026e92;}
.slideproduit dl dd.prix span{color:#026e92;} 
.slideproduit .btlien {width:160px; height:17px;clear:both; }  
.slideproduit .btlien img{cursor:pointer}  



.slideproduit2 dl {width:125px; height:auto; float:left; cursor:pointer;margin:0 10px 5px 0;}
.slideproduit2 dl dt{float:left;width:125px; height:97px; display: table-cell; vertical-align:middle; border:1px solid #8b9095;background-color:#FFF; margin-bottom:5px}
.slideproduit2 dl dt:hover{border:1px solid #016e92;}
.slideproduit2 dl dd.nom{width:123px; height:67px;clear:both;background:none;  }
.slideproduit2 dl dd.nom a {text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:-0.3px;color:#026e92}
.slideproduit2 dl dd.nom a:hover {text-decoration:underline}
.slideproduit2 dl dd.prix{width:120px; height:17px;clear:both; 
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#026e92;background-color:#9c5d03; padding:2px 3px; color:#ffffff; text-align:center;}
.slideproduit2 dl dd.prix span{color:#f49d23;}
.slideproduit2 .btlien {width:123px; height:17px;clear:both;margin-top:2px;}  
.slideproduit2 .btlien img{cursor:pointer}  


.tag h2 a {color:#016e92; font-size:12px;}
.tag h2 a:hover {text-decoration:underline}

.pass dl {width:150px; height:auto; float:left; cursor:pointer;margin:0 10px 5px 0;}
.pass dl dt{float:left;width:125px; height:97px; display: table-cell; vertical-align:middle; border:1px solid #8b9095;background-color:#FFF; margin-bottom:5px}
.pass dl dt:hover{border:1px solid #016e92;}
.pass dl dd.nom{width:123px; height:67px;clear:both;background:none; text-align:center; }
.pass dl dd.nom a {text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; letter-spacing:-0.3px;color:#026e92}
.pass dl dd.nom a:hover {text-decoration:underline}
.pass dl dd.prix{width:120px; height:17px;clear:both; 
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#026e92;background-color:#9c5d03; padding:2px 3px; color:#ffffff; text-align:center;}
.pass dl dd.prix span{color:#f49d23;}
.pass .btlien {width:123px; height:17px;clear:both;margin-top:2px;}  
.pass .btlien img{cursor:pointer}  


/*######### FICHE PRODUIT #########*/
h4.sstitre{ color:#494D56; margin:0 6px; font-weight:normal;}
.ulPhoto li{  float:left; list-style-type:none; background-image:none; padding:0px; }
.ulPhoto{ list-style-type:none; }
.ficheproduit div{float:left;}
.ficheproduit div.details{width:270px; margin:0 6px;}
.ficheproduit div.details h1 {color:#016e92}
.ficheproduit div.outils{float:right;}
.ficheproduit div.outils img{margin-bottom:5px; display:block;}
.legende{ font-style:italic;}
.zoomPhoto{width:620px;height:auto;background-color:#FFF;padding:10px;}
.zoomPhoto img{ border:none;}
  /*
 div.onglets{ clear:both; height:36px;}
div.onglets a{width:168px; height:36px; margin-right:2px; display:block; text-align:center;
	color:#c9dee5; font-weight:bold; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
 float:left; background:url(images/onglet-produit.gif) no-repeat  center 10px; line-height: 46px; }
 div.onglets a.selected{background:url(images/onglet-produit.gif) no-repeat top center;line-height: 36px;}
 div.onglets a:hover{color:#ffffff;}
 */
 .tableQuestion{ margin:auto; }
 .tableQuestion input{ border:1px solid #666; width:300px; margin:0 0 0 5px;}
 .tableQuestion input.champerreur{color:#be0d0d; font-weight:bold; border: 1px red solid;}

 .tableQuestion textarea{ margin-left:5px;border:1px solid #666; width:304px;}
 .tableQuestion .btn{ background-color:#026e92; color:#C9DEE5;}
 .tableQuestion .btn:hover{color:#FFF}
 .cadrebleu{border:1px solid #026e92;}
 .ongletdetail{display:block; float:left; width:100%;margin:0 0 30px 0; padding:0;}
 .messOk input{ border:1px solid #666; width:300px; margin:0 0 0 5px;}
 .messOk .btn{ background-color:#026e92; color:#C9DEE5;}
 .messOk .btn:hover{color:#FFF}
  /*######### OBJMenu #########*/
.objMenu{float:left; width:100%; height:36px;line-height:normal; margin:0; padding:0;border:0; list-style-type: none;clear:both;}

.objMenu li {display:block; float:left; width:168px; height:36px; margin:0 2px 0 0; padding:0;border:0; text-align:center; color:#c9dee5; font-size:11px; line-height:46px;
    font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/onglet-produit3.gif) no-repeat  center top;  overflow:hidden;  cursor:pointer }
.objMenu li:hover{color:#FFF}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.objMenu nobr {float:none;}
/* End IE5-Mac hack */
.objMenu .selected {background:url(images/onglet-produit2.gif) no-repeat center top;line-height: 36px;}
/*.objMenu.subMenu {width:200px; height:auto; background-image:none; background-color:Blue}
.objMenu.subMenu li {width:100%; background-image:none; list-style:none; margin:0; padding:0; background-color:red}*/


/* PAGE MON COMPTE loggée */
.blocCompte {width:250px; background-color:#c2c2c4; padding: 15px; float:left; margin: 15px 15px 0 15px; height:70px}
.blocCompte#suiviCommande {background:url(images/picto-commandes.jpg) 15px 15px no-repeat #c2c2c4}
.blocCompte#infosProfil {background:url(images/picto-profil.jpg) 15px 15px no-repeat #c2c2c4}
.blocCompte h1 {color:#026e92; font:normal 14px Arial, Helvetica, sans-serif; margin-left:80px}
.blocCompte p {margin-left:80px; color:#494D56}

.commandes{ text-align:center;}
.ref{ color:#016E92; }
.tdeco{ text-decoration:none;}
.zoomh2{color:#50545E;
font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none; float:left;
font-size:14px;
font-weight:bold;
margin:14px 0 4px;}
.zoom{ text-decoration:none; float:left;}
.zoom img{ border:none; background-color:Transparent;}
.zoomh2 img{ border:none; background-color:Transparent;}

#encart-contact 	{ padding:15px 10px 10px 40px; float:left; width:440px}
#info-contact 		{ float:left; padding-top:35px; width:200px}