*,html{margin:0;padding:0}
body{font:12px "Trebuchet MS", Arial, sans-serif;color:#4E4E4E;background:#E9E6D8 url(img/body.gif) repeat-x left top}
h1,p{margin-bottom:10px}
h1{font-weight:400}
h2{font-size:13px;line-height:28px;color:#FFF;padding-left:17px}
h3{font-size:14px;font-weight:400}
h3 span{font-size:12px;color:#86BD4A}
a{color:#4E4E4E}
a:focus{-moz-outline-style:none}
ul{list-style:none}
ol li{list-style:inside url(img/sfleche.png);margin-bottom:5px}
hr{background-color:#4E4E4E;color:#4E4E4E;height:0;margin-bottom:10px;border:none;border-top:1px solid #4E4E4E}
th{font-weight:400;background:url(img/th.gif) repeat-x left bottom;border-top:1px solid #FFF}
th,td{text-align:center;padding-top:3px;padding-bottom:3px;border-bottom:1px solid #4E4E4E}
label{display:block;margin-bottom:10px}
#header{background:url(img/header.gif) no-repeat left bottom}
.openedpopdiv{font-size:11px;color:#FFF;background:url(img/popconnect.gif) no-repeat left top;width:238px;height:168px;position:absolute;left:710px;top:92px}
#center{background:url(img/center.gif) no-repeat left top}
#interior{background-color:#FFF;padding-top:8px}
#interior .home_main{padding-top:9px;margin-bottom:20px}
#sbloc{background:url(img/sbloc.png) no-repeat center bottom;overflow:auto}
#wbloc{background:url(img/wbloc.png) no-repeat center bottom;overflow:auto}
#nav_actu{text-align:center;padding:40px 0 20px}
#formats{margin-left:120px;margin-bottom:20px;overflow:hidden}
#sarticle,#warticle,.garticles,.hcde{width:100%;border-collapse:collapse}
.HT, .TTC, .QTE {text-align:right}
#footer{font-size:11px;color:#FFF;background:url(img/footer.gif) no-repeat left top}
#header .logo{top:0;left:16px;position:absolute}
#header .pub{top:0;left:284px;position:absolute}
#header .connect{top:70px;right:13px;position:absolute}
#header .compte_cre{background:url(img/compte_cre.gif) no-repeat left top;padding-left:20px}
#header .compte{background:url(img/compte.gif) no-repeat left top;padding-left:20px}
#header .panier,#header .panieron,#header .connexion,#header .deconnexion{padding-top:0}
#interior .home_left,#interior .home_right,#content,#sidebar{padding-bottom:30px}
#content .minco{padding-left:120px}
#content .f1{background-color:#F60}
#content .f2{background-color:#266D61}
#content .f3{background-color:#939393}
#content .f4{background-color:#3AC3D7}
#content .f5{background-color:#7BBF3E}
#content .f6{background-color:#FF3C00}
#content .f7{background-color:#E87389}
#content .f8{background-color:#9C6139}
#content .f9{background-color:#1E525B}
#content .f10{background-color:#1E355B}
#content .f11{background-color:#929145}
#content .f12{background-color:#FF0084}
#content .f13{background-color:#BF5BC8}
#content .f14{background-color:#5BA5C8}
#content .f15{background-color:#C89E5B}
#content .f16{background-color:#4288B5}
#content .f17{background-color:#7F2E2E}
#content .f18{background-color:#399C7D}
#content .f19{background-color:#71B825}
#content .f20{background-color:#9C317A}
#content .f21{background-color:#7447F6}
#content .f22{background-color:#F53232}
#content .f23{background-color:#09C227}
#content .f24{background-color:#046132}
#content .dnld{background:url(img/dnld.png) no-repeat left top;padding-left:25px}
#content .note{font-size:10px;background:url(img/nte.png) no-repeat left top;padding-left:25px}
.noteprix{font-size:10px;padding-left:10px;padding-right:10px}
#content .important{font-weight:700;background:url(img/important.png) no-repeat left top;padding-left:25px}
#content .mkvs{line-height:26px;background:url(img/mkvs.gif) no-repeat 0 0;padding-left:45px;margin-top:20px;margin-bottom:20px}
#content .asso{background:url(img/bfleche.gif) no-repeat 0 0;padding-left:20px}
#content .marticle{margin-left:120px}
#content .garticle{margin-left:60px;margin-right:60px}
#content .sprix{background:url(img/sprix.png) no-repeat center bottom}
#content .sarticle{background:url(img/sarticle.gif) no-repeat center top;padding:6px}
#content .wprix{background:url(img/wprix.png) no-repeat center bottom;margin-bottom:15px}
#content .warticle{background:url(img/warticle.gif) no-repeat center top;padding:6px}
#footer .footer_main{color:#FFF;background:url(img/footer_main.gif) repeat-y left top;margin-top:12px;position:relative;padding:5px 23px 10px 24px}
#footer .footer_links{font-size:10px;color:#3E4F4F;background:url(img/footer_links.gif) no-repeat left top;padding:10px 9px 0}
#footer .foo_liv{width:315px;height:49px;bottom:0;left:9px;position:absolute}
#footer .indigo{background:url(img/footer_links_sprite.png) no-repeat 0 -104px;margin-left:8px;padding-left:8px}
#footer .archives{line-height:26px;background:url(img/footer_links_sprite.png) no-repeat 0 -52px;padding-left:24px;display:block}
#footer .allnews{line-height:26px;background:url(img/footer_links_sprite.png) no-repeat 0 -78px;padding-left:24px;display:block}
#footer .copyright{margin-left:90px;float:left}
#footer .ours{margin-right:90px;float:right}
#footer .links{text-align:center;color:#556E6E;clear:both}
.bloc_actu{background:url(img/bloc_actu.png) repeat-x left bottom;border:4px solid #ECE9DF;border-bottom:none;margin-bottom:10px}
.actu{overflow:auto;padding:5px 5px 5px 17px}
.rampe_h{margin-top:8px;margin-bottom:16px;overflow:hidden}
.footer_main a,.footer_main h3,.footer_main ul{color:#9F3}
.content_main h1{font-size:16px;margin-bottom:0;padding:21px 0 0 120px}
.content_main h1 span{font-size:14px;line-height:normal}
#h1{background:url(img/h1_sprite.png) no-repeat left top;height:54px;width:120px;position:absolute;top:145px;left:17px}
.home_left h1{font-size:24px}
.home_right h2{background-color:#F60}
h2.promo{font-size:18px;color:#4E4E4E;background:url(img/promo.gif) no-repeat left top;padding-left:45px;margin-bottom:10px}
.footer_main h3{font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.actu h3,.actu h4{margin-bottom:5px}
.actu h3{padding-top:10px;clear:right}
.connect p{float:left;margin-left:5px;padding-top:4px;height:23px}
.foo4 span{font-size:11px;font-weight:400;text-transform:none;color:#FFF}
.red{color:red;font-weight:700}
#nav_actu img{float:none;padding-left:0;padding-bottom:0}
.foo2 img{margin-bottom:15px}
.indigo img{margin-left:-8px;padding-top:5px}
.flg{float:left;padding-right:10px;padding-bottom:10px}
#footer a{text-decoration:none}
.compte_cre a{color:#313131}
.panier a,.panieron a,.connexion a,.deconnexion a{text-indent:-999px;height:23px;display:block;overflow:hidden}
.panier a{background:url(img/panier.gif) no-repeat left top;width:106px}
.panieron a{background:url(img/panier.gif) no-repeat left bottom;width:106px}
.connexion a{background:url(img/connexion.gif) no-repeat left top;width:102px}
.deconnexion a{background:url(img/deconnexion.gif) no-repeat left top;width:102px}
.connexion a.openedpopmenu{background:url(img/connexion.gif) no-repeat left bottom}
.footer_links a{color:#4E4E4E;text-decoration:none}
.links a{color:#556E6E}
#sidebar a{text-indent:-999px;background:url(img/small_sprite.png) no-repeat 0 0;width:92px;display:block;overflow:hidden}
.content_main form{padding-top:20px}
.warticle form{padding-top:0}
#formats label{background:url(img/tfleche.gif) no-repeat right center;padding-right:15px;margin-right:5px;display:inline}
#formats select{width:250px!important;width:;}
.openedpopdiv form{padding:20px 10px 10px}
.openedpopdiv input{display:block}
.wlog{color:#FFF;background-color:#F1669E;width:200px;height:20px;margin-bottom:5px;border:1px solid #FFF}
.wok{margin-left:140px}
label span{width:80px;display:block;float:left}
.inputxs{width:80px}
.inputl{width:248px}
.inputxl{width:444px}
span.valider{width:394px;display:block;float:left}
.rampe_h li{margin-right:9px;float:left}
.rampe_h li.last{margin-right:0}
.rampe_h a{text-indent:-999px;background:url(img/big_sprite.png) no-repeat left top;width:92px;height:54px;display:block;overflow:hidden}
.footer_main ul{list-style:disc outside;padding-left:15px}
.foo1 ul{margin-bottom:20px}
.classic,.docs,.gf{text-indent:-999px;width:168px;height:70px;display:block;float:left;overflow:hidden}
.classic a,.docs a,.gf a{text-indent:-999px;width:168px;height:70px;display:block;overflow:hidden}
.gf a:hover{background:url(img/satellites.png) no-repeat 0 -70px}
.classic a:hover{background:url(img/satellites.png) no-repeat -174px -70px}
.docs a:hover{background:url(img/satellites.png) no-repeat -348px -70px}
tr.odd{background:url(img/odd.gif) repeat-x left bottom}
td.last{border-bottom:none}
td.price{text-align:right;padding-right:3px}
th img{vertical-align:middle}
th.famille{font-size:16px}
.famille{text-align:left;padding-left:10px;width:70%}
.connect span,.openedpopdiv p,.footer_main li span{color:#FFF}
.actu img,.fld{float:right;padding-left:10px;padding-bottom:10px}
.openedpopdiv label,.footer_main li{margin-bottom:2px}
span.pwd,.inputm,.form select,.lform select{width:164px}
.gf,.gf a{background:url(img/satellites.png) no-repeat 0 0}
.classic,.classic a{background:url(img/satellites.png) no-repeat -174px 0}
.docs,.docs a{background:url(img/satellites.png) no-repeat -348px 0}

.contact div,.form,.mcompte div,.basket div{padding:10px 25px 20px}
.contact h1{font-size:14px;font-weight:700;background:url(img/contacth1.png) no-repeat left top;border-bottom:1px solid #4E4E4E;line-height:30px;padding-left:45px;margin-bottom:0}
.contact p,.mcompte p,.basket p{background:url(img/cfleche.gif) no-repeat left 2px;padding-left:12px;clear:both}
.form fieldset,.lform fieldset{border:none;padding-left:12px}
label span{width:80px;display:block;float:left}
.form .float,.lform .float{float:left;margin-right:30px}
#devis .inputM{width:160px}
#devis .inputXS{width:70px}
#devis .inputXL{width:340px}
#devis .float{margin-right:15px}
p.em{background:none;font-style: italic;clear:none;padding-left:0;margin-bottom:0}
#devis fieldset{margin-bottom:10px}
#devis label{margin-bottom:0}