@charset "utf-8";

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;}
.petit_italique         { font-size:10px; font-style:italic; }
.Mise_en_oeuvre         { font-style:italic; text-decoration:underline; }
.title_faq              { font-style:italic; text-decoration:underline; font-weight:bold; }
.t_left                 { text-align:left;}

.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}
.style_none              { text-decoration:none; color:#494D56;}

.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;}
.w230		            { width:230px;}
.w240		            { width:240px;}
.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;}
.f_left                 { float:left;}
.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_img1             { float:right; padding-left:10px;}
.cadre_img2             { float:left; width:650px; position:relative;}
.cadre_img_racc         { float:left; width:480px; position:relative; padding:10px; background-color:#979797; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;}
.cadre_txt              { float:left; width:320px; margin-left:30px; vertical-align:middle; text-align:justify;}
.cadre_txt_decap        { float:left; width:500px; margin-left:30px; margin-top:15px; vertical-align:middle; text-align:justify;}
.cadre_img2 .legende1   { position:absolute; top:87px; left:40px; font-weight:bold; }
.cadre_img2 .legende2   { position:absolute; top:87px; left:400px; font-weight:bold;}
.cadre_light            { background:#979797; height:100%; width:100%}

/*.cadre:hover img{ border:1px solid #ffffff; }*/
.mt5                    { margin-top:5px}
.mt10                   { margin-top:10px}
.mt20                   { margin-top:20px}
.marg15                 { margin:15px;  }
.m_auto                 { margin:auto;  }
.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;}
.aligncenter            { width:100%;}
.aligncenter label      { text-align:right!important;}
.aligncenter input      { text-align:right!important;border:1px solid black;}
.aligncenter select     { text-align:right!important;border:1px solid black;}
.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; position:relative;}
.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;}

/*.catalogue-revendeur    { width:307px; height:31px; display:block; position:absolute;top:-15px;left:380px;font-size:13px;}
.catalogue-revendeur a  { background:url(images/bt-catalogue-revendeur.gif) no-repeat; width:252px; height:26px; display:block;color:#fff; padding-left:55px;
                          padding-top:5px; text-decoration:none;}
.catalogue-revendeur a span
                        { background-color:#016e92; padding-left:2px; padding-right:2px; text-decoration:none; padding-bottom:2px;}*/

.catalogue-revendeur		{ width:364px; height:33px; position:absolute; top:-15px; left:300px}
.catalogue-revendeur a		{ width:174px; display:block; font-size:12px; float:left; background:url(images/catalogue-complet.png) no-repeat left top; _background:url(images/catalogue-complet.gif) no-repeat left top; height:33px; line-height:30px; color:#FFF; text-decoration:none; text-align: right; padding-right:8px}
.catalogue-revendeur a:hover		{ background-position:bottom}
.catalogue-revendeur a.revendeur	{ background-image:url(images/catalogue-revendeur.png); _background-image:url(images/catalogue-revendeur.gif); padding-right:0; padding-left:8px; text-align:left}
.catalogue-revendeur a.revendeur span	{ background:#016e92; padding:0 2px}
.retour						{ height:32px; line-height:32px; font-size:12px; color:#FFF; text-decoration:none; background:url(images/retour.png) no-repeat #595d66 5px 0; padding-left:45px; display:block; float:left; margin-left:0px; padding-right:10px; -moz-border-radius: 5px;
border-radius: 5px;}
.retour:hover				{ color:#FFF; text-decoration:underline}
/* ####################  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        { text-align:left; margin:0; padding:0;overflow:hidden;}
.menucontrole li a      { display: block; 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; 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;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:150px; margin-bottom:6px; display:block;clear:both;overflow:hidden;}
.header .champok        { width:300px;}

.revendeur .header      { border-bottom:none;height:60px;}

.rechercher             { display:block;clear:both; border-bottom:1px #9ea4aa solid;width:100%!important; padding-bottom:5px;}
.rechercher .champok    { width:600px; background-color:#8b9095!important;}
.rechercher .champok input.champRecherche
                        { margin:0px;font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#dbdbdc;
                            color:#494d56; border:0; width:485px!important; padding-bottom:4px; padding-top:4px; border:1px #000 solid;*margin-top:-1px;}
.rechercher .champok input.bt
                        { border:1px solid #5e626d; float:right; width:98px; height:23px; padding:0;}

.revendeur .rechercher  { width:455px!important; border-bottom:none;}
.revendeur .rechercher .champok
                        { width:440px;}
.revendeur .rechercher .champok input.champRecherche
                        { width:330px!important;}

.cartouchecompte        { margin:10px; background:url(images/cartouche-compte-pro.gif) no-repeat top left; width:290px; height:53px;
                            display:block; position:relative!important; float:left; overflow:hidden;}
.cartouchecompte span.left
                        { position:absolute; top:10px;left:15px; font-size:13px; width:130px;}
.cartouchecompte span.left a
                        { color:#ddd; text-decoration:none;}
.cartouchecompte span.left span.highlighted
                        { font-size:16px;}
.cartouchecompte span.left a span.highlighted
                        { color:#fff!important;}
.cartouchecompte span.left span.highlighted span
                        { background-color:#cd7801;padding-left:2px; padding-right:2px;}
.cartouchecompte span.right
                        { position:absolute; top:15px;right:30px; font-size:10px; text-align:center; text-decoration:underline!important;}
.cartouchecompte span.right a
                        { color:#ddd;}
.cartouchecompte a.global
                        { position:absolute; width:290px; height:53px; display:block; top:0; left:0;}

.cartoucherevente       { margin:10px; background:url(images/cartouche-compte-revendeur.gif) no-repeat top left; width:362px; height:53px;
                            display:block; position:relative!important; float:left; margin-left:20px;}
.cartoucherevente span.left
                        { position:absolute; top:10px;left:15px; font-size:13px; width:190px;}
.cartoucherevente span.left a
                        { color:#ddd; text-decoration:none;}
.cartoucherevente span.left span.highlighted
                        { font-size:16px;}
.cartoucherevente span.left a span.highlighted
                        { color:#fff!important;}
.cartoucherevente span.left span.highlighted span
                        { background-color:#016e92;padding-left:2px; padding-right:2px;}
.cartoucherevente span.right
                        { position:absolute; top:15px;right:30px; font-size:10px; text-align:center; text-decoration:underline!important;}
.cartoucherevente span.right a
                        { color:#ddd;}
.cartoucherevente a.global
                        { position:absolute; width:362px; height:53px; display:block; top:0; left:0;}

.revendeur .cartoucherevente, .revendeur .cartouchecompte
                        { display:none!important;}

.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 u             { display:block; height:12px; text-decoration:none; clear:both; margin:0; padding:0;}
.blocgris               { padding:15px;}
.blocgris .ongletbleu, .blocgris .ongletorange
                        { margin:0;}

.encarts                { text-align:center;}
.encarts div            { width:48%; 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%; 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%; 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; 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:690px;}
.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;}

/*######### PAGE SOMMAIRE  #########*/
.sommaire div           { display: block; float:left; width:140px; height:170px; margin:0 0 10px 10px; text-align:center; overflow:hidden;}
.sommaire div h2        { color:#026e92; text-align:center; margin-top:6px;}

 .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}
.slideproduit img, .slideproduit2 img
                        { cursor:pointer;}
.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;}

 .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;}

/* PAGE MON COMPTE loggu� */
.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}

/*COMPTE REVENDEUR*/
.blocgris .item         { margin-left:30px;background:url(images/item-line.gif) 0 100% no-repeat;}
.blocgris .item h2      { font-size:15px;font-weight:normal;color:#e88c0b;text-shadow: 1px 1px 1px #fff;padding-bottom:5px;}
.blocgris .item .inner  { display:block;clear:both;overflow:hidden;padding:15px 0 30px 120px;width:490px;}
.blocgris .selection .inner
                        { background:url(images/icone-selection.gif) 0 20px no-repeat;}
.blocgris .vente .inner { background:url(images/icone-vente.gif) 0 25px no-repeat;}
.blocgris .sauvegarde .inner
                        { background:url(images/icone-sauvegarde.gif) 0 35px no-repeat;}
.blocgris .suivi .inner { background:url(images/icone-suivi.gif) 0 20px no-repeat;}
.blocgris .paiement .inner
                        { background:url(images/icone-paiement.gif) 0 45px no-repeat;}

/*PAGE REVENDEUR*/
.contenu-revendeur                                      { position:relative;}
.contenu-revendeur .white                               { background-color:#fff;margin-top:-3px;overflow:hidden;}
.contenu-revendeur .heading                             { background:url(images/revendeur-contenu-ombre.png) 0 0 repeat-x;padding-top:5px;}
* html .contenu-revendeur .heading                      { background:none;}
.contenu-revendeur .heading .inner                      { background:#DBDBDD;height:40px;}
.contenu-revendeur .heading span.resultat-recherche     {color:#4e525c;font-size:12px;text-shadow:1px 1px 1px #fff;float:left;margin:13px 0 0 20px;}
.contenu-revendeur .heading .group-btn                  { float:right;width:350px;margin-top:6px;background:url(images/btn-line.gif) 42% 50% no-repeat;}
.contenu-revendeur .heading .group-btn a                { float:left;font-size:12px;color:#4e525b;text-shadow:1px 1px 1px #fff;text-decoration:none;padding-left:35px;padding-top:6px;}
.contenu-revendeur .heading a.bonne-affaire             { background:url(images/icone-bonne-affaire-lien.gif) 0 0 no-repeat;width:103px;height:25px;display:block;}
.contenu-revendeur .heading a.lot                       { margin-left:20px;background:url(images/icone-par-lot-lien.gif) 0 1px no-repeat;width:135px;height:25px;display:block;}
.contenu-revendeur ul.menu-revendeur                    { width:473px;position:absolute;top:-28px;right:10px;}
.contenu-revendeur ul.menu-revendeur li                 { float:left;list-style-type:none!important;background-image:none;padding:0;margin:0;text-indent:-3000em;}
.contenu-revendeur ul.menu-revendeur li a               { background:url(images/revendeur-menu.png) no-repeat;display:block;}
.contenu-revendeur ul.menu-revendeur li.basiques a      { background-position: 0 0;width:114px;height:33px;}
.contenu-revendeur ul.menu-revendeur li.basiques a:hover,.contenu-revendeur ul.menu-revendeur li.basiques a.selected
                                                        { background-position: 0 -33px;height:43px;margin-top:-10px;}

.contenu-revendeur ul.menu-revendeur li.technologiques a
                                                        { background-position: -114px 0;width:147px;height:33px;}
.contenu-revendeur ul.menu-revendeur li.technologiques a:hover, .contenu-revendeur ul.menu-revendeur li.technologiques a.selected
                                                        { background-position: -114px -33px;height:43px;margin-top:-10px;}

.contenu-revendeur ul.menu-revendeur li.catalogue-complet a         { background-position: -261px 0;width:212px;height:33px;}
.contenu-revendeur ul.menu-revendeur li.catalogue-complet a:hover   { background-position: -261px -33px;width:212px;height:43px;margin-top:-10px;}
.contenu-revendeur .white ul.pagination                 { float:right;margin:10px 5px 10px 0;}
.contenu-revendeur .white ul.pagination li              { float:left;background-image:none;margin:0;padding:0;}
.contenu-revendeur .white ul.pagination li a            { color:#494d56;font-size:13px;text-decoration:underline;margin-right:10px;}
.contenu-revendeur .white ul.pagination li.numero       { margin-top:-1px;}
.contenu-revendeur .white ul.pagination li a.current    { text-decoration:none;}

.contenu-revendeur .white .resultat                     { display:block;clear:both;overflow:hidden;padding:0px 0 20px 11px;}
.contenu-revendeur .white .item                         { float:left;width:172px;border:1px #8b9095 solid;margin-right:10px;padding:5px;position:relative;margin-bottom:10px;}
.contenu-revendeur .white .item h1                      { color:#036282;font-size:11px;font-weight:normal;margin-top:5px;height:27px;}
.contenu-revendeur .white span.ref                      { color:#494d56;font-size:11px;display:block;clear:both;margin:0 0 5px 0;}
.contenu-revendeur .white span.prix                     { border:1px #cc7700 solid;background-color:#fff;color:#494d56;font-size:11px;display:block;text-align:left;}
.contenu-revendeur .white span.prix span                { font-weight:bold;color:#cc7700;font-size:12px;}
.contenu-revendeur .white a.detail-produit              { color:#494d56;font-size:11px;float:right;margin-top:5px;text-decoration:none;}
.contenu-revendeur .white a.detail-produit:hover        { text-decoration:underline;}
.contenu-revendeur span.thumb                           { display:block;width:163px;height:114px;overflow:hidden; text-align:center}
.contenu-revendeur span.thumb img                       { margin:0auto;}

/*PAGE REVENDEUR*/
.contenu-revendeur                                      { position:relative;}
.contenu-revendeur .white                               { background-color:#fff;margin-top:-3px;overflow:hidden;}
.contenu-revendeur .heading                             { background:url(images/revendeur-contenu-ombre.png) 0 0 repeat-x;padding-top:5px;}

* html .contenu-revendeur .heading                      { background:none;}
.contenu-revendeur .heading .inner                      { background:#DBDBDD;height:40px;}
.contenu-revendeur .heading span.resultat-recherche     { color:#4e525c;font-size:12px;text-shadow:1px 1px 1px #fff;float:left;margin:13px 0 0 20px;}
.contenu-revendeur .heading .group-btn                  { float:right;width:350px;margin-top:6px;background:url(images/btn-line.gif) 42% 50% no-repeat;}
.contenu-revendeur .heading .group-btn a                { float:left;font-size:12px;color:#4e525b;text-shadow:1px 1px 1px #fff;text-decoration:none;padding-left:35px;padding-top:6px;}
.contenu-revendeur .heading a.bonne-affaire             { background:url(images/icone-bonne-affaire-lien.gif) 0 0 no-repeat;width:103px;height:25px;display:block;}
.contenu-revendeur .heading a.lot                       { margin-left:20px;background:url(images/icone-par-lot-lien.gif) 0 1px no-repeat;width:135px;height:25px;display:block;}
.contenu-revendeur ul.menu-revendeur                    { width:473px;position:absolute;top:-28px;right:10px;}
.contenu-revendeur ul.menu-revendeur li                 { float:left;list-style-type:none!important;background-image:none;padding:0;margin:0;text-indent:-3000em;}
.contenu-revendeur ul.menu-revendeur li a               { background:url(images/revendeur-menu.png) no-repeat;display:block;}
.contenu-revendeur ul.menu-revendeur li.basiques a      { background-position: 0 0;width:114px;height:33px;}
.contenu-revendeur ul.menu-revendeur li.basiques a:hover,.contenu-revendeur ul.menu-revendeur li.basiques a.selected
                                                        { background-position: 0 -33px;height:43px;margin-top:-10px;}

.contenu-revendeur ul.menu-revendeur li.technologiques a{ background-position: -114px 0;width:147px;height:33px;}
.contenu-revendeur ul.menu-revendeur li.technologiques a:hover,.contenu-revendeur ul.menu-revendeur li.technologiques a.selected
                                                        { background-position: -114px -33px;height:43px;margin-top:-10px;}

.contenu-revendeur ul.menu-revendeur li.catalogue-complet a
                                                        { background-position: -261px 0;width:212px;height:33px;}
.contenu-revendeur ul.menu-revendeur li.catalogue-complet a:hover
                                                        { background-position: -261px -33px;width:212px;height:43px;margin-top:-10px;}
.contenu-revendeur .white ul.pagination                 { float:right;margin:10px 5px 10px 0;}
.contenu-revendeur .white ul.pagination li              { float:left;background-image:none;margin:0;padding:0;}
.contenu-revendeur .white ul.pagination li a            { color:#494d56;font-size:13px;text-decoration:underline;margin-right:10px;}
.contenu-revendeur .white ul.pagination li.numero       { margin-top:-1px;}
.contenu-revendeur .white ul.pagination li a.current    { text-decoration:none;}

.contenu-revendeur .white .resultat                     { display:block;clear:both;overflow:hidden;padding:0px 0 20px 11px;}
.contenu-revendeur .white .item                         { float:left;width:172px;border:1px #8b9095 solid;margin-right:10px;padding:5px;position:relative;margin-bottom:10px;}
.contenu-revendeur .white .item h1                      { color:#036282;font-size:12px;font-weight:normal;margin-top:5px;height:58px;}
.contenu-revendeur .white span.ref                      { color:#494d56;font-size:11px;display:block;clear:both;margin:0 0 5px 0;}
.contenu-revendeur .white span.prix                     { border:1px #cc7700 solid;background-color:#fff;color:#494d56;font-size:12px;display:block;text-align:left;}
.contenu-revendeur .white span.prix span                { font-weight:bold;color:#cc7700;}
.contenu-revendeur .white a.detail-produit              { color:#494d56;font-size:11px;float:right;margin-top:5px;text-decoration:none;}
.contenu-revendeur .white a.detail-produit:hover        { text-decoration:underline;}
.contenu-revendeur span.thumb                           { max-width:163px;max-height:114px;overflow:hidden;}
.contenu-revendeur .white span.icone-affaire,.contenu-revendeur .white span.icone-lot
                                                        { position:absolute;top:3px;right:3px;}

.global .encart_produit					                { list-style:none; padding-left:16px}
.global .encart_produit p				                { margin:0}
.global .encart_produit li				                { float:left; background:#026e92; width:300px; color:#FFF; margin:4px; padding:10px; min-height:120px; cursor:pointer}
.global .encart_produit li:hover		                { background:#0E5973}
.global .encart_produit .reference		                { border-bottom:1px solid #025570; padding-bottom:10px; margin-left:112px; padding-top:5px}
.global .encart_produit .encart_prix	                { border-top:1px solid #3d90ab; padding-top:10px; margin-left:112px}
.global .encart_produit .encart_prix span	            { background:#cd7801; display:block; padding:0 5px; height:30px; float:right; font-size:21px; line-height:30px}
.global .left							                { float:left}
.global .mR10							                { margin-right:10px}
.global .fS13							                { font-size:13px}

.contenu-revendeur .white span.icone-affaire            { position:absolute;top:3px;right:3px;}
.contenu-revendeur .white span.icone-lot                { position:absolute;top:3px;right:40px;}

div.instruction { float:left; width:330px; margin:15px 0 20px 30px;background:#CACACB; border:1px #B6B6B6 solid; padding:0 10px 10px 10px;}

div.login-panel { float:left; width:240px; margin-left:10px; border:1px #B6B6B6 solid; margin-top:15px; padding:10px 10px 0px 10px;}
div.login-panel label{ float:left; padding-bottom:3px; margin-bottom:0; }
div.login-panel h2{ margin-top:0; }
div.login-panel .field{ display:bloc; clear:both; overflow:hidden; margin-top:20px;position:relative;}

.grisfonce2              { background-color:#b3b7ba; display:block; overflow:hidden;}
div.form-left input.champcontactins,
div.form-right input.champcontactins,
div.form-left input.champcontacterreurins,
div.form-right input.champcontacterreurins{
	width:230px;
}
div.form-left{
	width:340px;
	float:left;
}
div.form-right{
	float:right;
	width:260px;
	margin-left:20px;
}
div.form-right label{
	float:left;
	text-align:left;
	padding-bottom:0;
	margin-bottom:0;
	margin-left:0;
}

div.block{
	display:block;
	overflow:hidden;
	clear:both;
}
div.panel-adress{
	float:left;
	width:220px;
	border:1px #545862 solid;
	background:#CACACB;
	padding:15px;
	margin-top:15px;
	margin-left:60px;
}
div.panel-adress h3{
	margin-top:0;
}
td.gauche{
	width:450px!important;
}
.note{font-size:10px}

div.formlightview{
	background:#CACACB;
	width:330px;
	-moz-border-radius: 1em;
	border-radius: 1em ;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
}
div.formlightview h1{
	text-align:center;
	color:#E88C0B;
	font-weight:bold;
	margin-bottom:15px;
}
div.formlightview input.modifieradresse{
	background:url(images/btn-modifier.gif) no-repeat;
	width:109px;
	height:25px;
	display:block;
	border:none;
	float:right;
	cursor:pointer;
	margin:10px 17px 0 0;
}
span.coderemise{
	display:block;
	clear:both;
	overflow:hidden;
	margin:5px 15px;
}
ul.IsChecked li.comptepro{
	width:250px;
}
ul.IsChecked li.comptepro span{
	font-style:italic;
	float:left;
	margin-left:20px;
	margin-top:3px;
	margin-left: 0\0/;
}
ul.IsChecked li.comptepro input{
	float:left;
	margin-right:5px;
}
ul.IsChecked li.cheque{
	width:180px;
	float:left;
}
ul.IsChecked li.virement{
	width:150px;
	float:left;
}
ul.IsChecked li.cb{
	width:250px;
	float:right;
}
ul.IsChecked li.cb span{
	font-style:italic;
	float:left;
	margin-left:20px;
	margin-top:3px;
}
ul.IsChecked li.cb input,
ul.IsChecked li.virement input,
ul.IsChecked li.cheque input{
	float:left;
	margin-right:5px;
}
ul.IsChecked li.cb img{
	float:left;
	margin-top:3px;
	margin-left:20px;
	margin-left: 0\0/;
}
ul.IsChecked li input,
div.panel-adress input{
	background:none!important;
	border:none!important;
}
#datacheque .inner{
	border:1px #545862 solid;
	background:#CACACB;
	padding:15px 15px 0 15px!important;
	text-align:left;
}
#dataVirement .inner{
	border:1px #545862 solid;
	background:#CACACB;
	padding:15px 15px 10px 15px!important;
	text-align:left;
}
#datacheque .inner label{
	text-align:left;
}