/* styles globaux */ /* +++ les elements avec - devant (-margin-left) sont specifiques ie6 ceux avec / (/margin-left) sont specifiques ie7 */ body { min-width:985px; font-family: Arial, Helvetica, sans-serif; font-size:0.7em; color:#000000; background-color:#FFFFFF; margin:0px; } a { font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#004D91;text-decoration:none; } a:active { font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#004D91;text-decoration:underline; } /* pour que IE6 supporte les png img, div, span, a, li { BEHAVIOR: url(iepngfix.htc); } */ #global {position: relative; width: 980px; height: 100%; margin: 0 auto 0 auto; display:block; color:#333333;background-color:#004F94; } .frouge { color:#dc0707; } .fblanc { color:#ffffff; } #entete { display:block; position:relative; top:0px; left:0px; height:14px; width:980px; background-color:#FFFFFF;} #nav_entete { float:left; width:660px; margin-left:330px; -margin-left:164px; } #nav_entete .nor { display: block; float: left; text-align:center; padding-top:0px; width: 125px; height: 14px;} #nav_entete .fin { display: block; float: left; text-align:right; padding-top:0px; width: 110px; height: 14px;} #nav_entete .nav_ecart { display:block; float:left; text-align:center; width: 10px; height: 14px; padding-top:0px; font-size:13px;} #gauche{display:block;position:absolute;top:0px;left:0px;height:310px;width:218px;} #gauchebas{display:block;position:relative;top:0px;margin-left:-218px;height:86px;width:218px;background:url(../images/logoacbscoliposte.jpg) no-repeat; background-color:#FFFFFF; } #haut{display:block;position:relative; top:0px; left:218px; height:auto; width:762px;-width:770px;background-color:#FFFFFF;} #haut #haut1{display:block;position:relative; top:10px; left:0px; height:90px; width:762px;} /* #haut #haut1 #pubhaut{display:block;position:relative;background-image:url(../images/fond_pubhaut.jpg);width:622px;height:94px;} */ #haut #haut1 #pubhaut{display:block;position:relative;width:762px;height:70px;text-align:center;} /* #haut #haut1 #pubhaut2{display:block;position:relative;width:762px;height:34px;font-size:28px; top:-10px; color:#0E4E8C; text-align:center; font-weight:bold;}*/ #haut #haut1 #panier {display:block;position:absolute;left:580px;top:80px; height:61px; width:177px; background:url(../images/Eng/panier.jpg) no-repeat; z-index:10; } #haut1 #panier #nbarticles{width:155px;margin-left:0px;position:absolute;height:60px; margin-top:0px;} #haut1 #panier #nbarticles a{display:block;width:117px;height:30px;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#3875AA; text-decoration:none;text-align:center; padding-top:30px; padding-left:60px;} #haut1 #panier #nbarticles a .nbarticles{font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#FCDC18;} #haut #haut2 {display:block;position:relative; top:0px; left:0px; height:63px; width:501px; background-image:url(../images/Eng/fond_laboutique.jpg);z-index:0;} #haut #haut3 {display:block;position:relative; top:18px;/top:17px; left:0px; height:0px; width:762px; z-index:1;} #haut #haut3 #recherche { display:block; position:absolute;top:0px;left:568px;width:190px; } #haut #haut3 #recherche label {font-size:14px;font-family:Arial;color:#14599A;vertical-align:middle; font-weight:bold;} #haut #haut3 #recherche button {display:block; position:absolute;background:none;border:none;cursor:pointer;white-space:nowrap;width:auto;vertical-align:top;top:-1px; left:140px;} #haut #haut3 #QuestionReponse {display:block;position:absolute; top:75px; left:165px; height:20px; width:200px;} #haut #haut3 #QuestionReponse a {font-size:20px;font-family:Gill Sans MT;color:#7FA7CA;} #haut #haut3 #Suividecommande {display:block;position:absolute; top:58px; left:385px; height:20px; width:200px;} #haut #haut3 #Suividecommande a {font-size:20px;font-family:Gill Sans MT;color:#7FA7CA;} #haut #haut3 #Conditionsdevente {display:block;position:absolute; top:20px; left:554px; height:20px; width:200px;} #haut #haut3 #Conditionsdevente a {font-size:20px;font-family:Gill Sans MT;color:#7FA7CA;} #haut #haut4 {display:block;position:relative; top:17px; left:0px; height:61px; width:752px; } /*#haut #haut4 dt, dl, dd, ul, li {list-style-type: none;margin: 0 10px 0 0;padding:0;} #haut #haut4 #menu {position : absolute;left:0px;width:762px;background:#004F94;} #haut #haut4 #menu dl {float: left;} #haut #haut4 #menu li {display: inline;} #haut #haut4 #menu li a{color:#FFFFFF; background:#7FA5C9;font-size: 12px; font-weight:normal; } #haut #haut4 #menu li a:hover{color:#FFFFFF; background:#7FA5C9;font-size: 12px;font-weight:bold; } #haut #haut4 #menu a:active {text-decoration: none;color:#FFFFFF;background: #7FA5C9;font-size: 15px; margin-left:10px;font-weight:bold; } #haut #haut4 #menu a {text-decoration: none;color:#FFFFFF;background: #004F94;font-size: 15px; margin-left:10px;font-weight:bold; } #haut #haut4 #menu a:hover {text-decoration: none;color:#FFFFFF;background: #7FA5C9;font-size: 15px; margin-left:10px; } #haut #haut4 #smenu1, #smenu2, #smenu3, #smenu4 , #smenu5{position: absolute;left: 0;font-size: 15px;width: 762px;background:#7FA5C9;} */ /* the styling */ #haut #haut4 #nav {float:left;padding-left:12px;width:750px;height:auto;position:absolute;background-color: #004F94;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;} #haut #haut4 #nav .select, #nav .current {margin:0; padding:0; list-style:none; display:block;} #haut #haut4 #nav li {display:inline; margin:0; padding:0;height:auto;} #haut #haut4 #nav .select a, #haut #haut4 #nav .current a {display:block; height: 22px; float:left; padding:0 0 0 3px; text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; font-weight:normal; margin-left:5px; border: 1px; } * html #nav .select a, * html #nav .current a {width: 1px;} #haut #haut4 #nav .select a b, #haut #haut4 #nav .current a b {height:100%; display:block; padding:0 9px 0 6px; color:#FFFFFF; font-weight:bold; cursor:pointer;} #haut #haut4 #nav .select a:hover, #haut #haut4 #nav .select li:hover a {border-color:#FFFFFF;cursor:default;background-position: 0 -75px;text-decoration: none;cursor:pointer;} #haut #haut4 #nav .select a:hover b, #haut #haut4 #nav .select li:hover a b {background-color: #7FA5C9; color:#FFFFFF; font-weight:bold;cursor:pointer;} #haut #haut4 #nav .sub {display:none;} /* for IE5.5 and IE6 only */ #haut #haut4 #nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;} #haut #haut4 #nav .current a {background-position:0 -75px; border-color:#6f9c6f;} #haut #haut4 #nav .current a b {background-position:100% -75px; color:#ff0;} #haut #haut4 #nav .sub li a:hover, #haut #haut4 #nav .select a:hover .sub li a:hover, #haut #haut4 #nav .select li:hover .sub li a:hover {background-color: #7FA5C9; color:#FCDC18; font-weight:bold;} #haut #haut4 #nav .sub_active .current_sub a, #haut #haut4 #nav .sub_active a:hover {background:#7FA5C9;color:#FFFFFF;} #haut #haut4 #nav .select li a:hover .sub, #haut #haut4 #nav .select li:hover .sub {display:block;position:absolute;width:762px;top:21px;left:0;margin-top:1px;padding:0 0 0px 0; z-index:100;background-color: #7FA5C9;margin-left: 0px;} #haut #haut4 #nav .sub, #haut #haut4 #nav .sub_active {margin:0; padding:0; list-style:none;} #haut #haut4 #nav .sub_active {display:block; position:absolute; width:762px; top:21px; left:0; margin-top:1px; padding:0 0 0 0; z-index:10; color:#FFFFFF;} * html #nav .sub_active, * html #haut #haut4 #nav .select a:hover .sub {z-index:-1; margin-top:0; } #haut #haut4 #nav .sub_active a {height:21px; float:left; text-decoration:none; line-height:20px; white-space:nowrap; font-weight:normal;} #haut #haut4 #nav .sub_active a {height:21px; float:left; text-decoration:none; line-height:20px; white-space:nowrap; font-weight:normal;} #haut #haut4 #nav .sub_active a, #haut #haut4 #nav .select a:hover .sub li a, #haut #haut4 #nav .select li:hover .sub li a {display:inline;padding:0 20px;margin:0;font-size:12px;width:auto;white-space:nowrap;font-weight:normal;color:#FFFFFF; } #footer {float:left; display:block; position:relative; top:20px; width:762px; height:26px;color:#747474; text-align:center; padding-top:4px; -top:20px; -display:inline; -float:left;border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; } #footer label { padding-left:8px; padding-right:8px; color:#333333; } #footer .nav_ecart {text-align:center; width: 6px; font-size:12px;} #bigfooter {clear:both; position:relative; top:80px; left:0px; width:762px; text-align:center; color:#a1a1a1; padding-top:10px; -top:40px;} #content {display:block;position:relative;top:0px; padding-top:10px;left:218px;width:762px;background-color:#FFFFFF;-width:770px;} #content #centregauche{display:block;position:absolute; top:0px; left:0px; height:501px; width:438px;} #content #centregauche #notreselection {background:url(../images/Eng/fondnotreselection.jpg) no-repeat;height:501px; width:432px;} #content #centregauche #notreselection #titreselection a{display:block; position:relative;height:10px; width:250px;top:60px;left:48px;text-align:left;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004D91;} #content #centregauche #notreselection #prixselection{display:block; position:relative;height:40px; width:100px; left:215px;top:60px;text-align:center;font-size:26px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#FCDC18;} #content #centregauche #notreselection #ancienprixselection{display:block; position:absolute;height:30px; width:100px; left:215px;top:80px;text-align:center;font-size:22px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004D91;background:url('../images/barre2.gif') no-repeat center;} #content #centregauche #notreselection #decritpionselection {display:block; position:relative;height:150px; width:180px; left:8px;top:100px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#004D91;padding-left:40px;} #content #centregauche #notreselection #imageselection { display:block; position:absolute;height:166px; width:190px; left:230px;top:78px;} #content #centregauche #notreselection #detailacheterselection {display:block; position:relative;height:20px; width:180px; left:40px;top:0px;padding-left:10px;padding-top:10px;} #content #centregauche #notreselection #detailacheterselection a {font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#004D91;padding-left:30px;text-decoration:underline;} #content #centregauche #notreselection #titreselection2 a{display:block; position:relative;height:10px; width:250px;top:6px;left:48px;text-align:left;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004D91;} #content #centregauche #notreselection #prixselection2{display:block; position:relative;height:40px; width:100px; left:230px;top:20px;text-align:center;font-size:26px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#FCDC18;} #content #centregauche #notreselection #ancienprixselection2{display:block; position:absolute;height:30px; width:100px; left:215px;text-align:center;font-size:22px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004D91;background:url('../images/barre2.gif') no-repeat center;} #content #centregauche #notreselection #decritpionselection2 {display:block; position:relative;height:150px; width:180px;left:8px;top:30px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#004D91;padding-left:40px;} #content #centregauche #notreselection #imageselection2 { display:block; position:absolute;height:166px; width:190px; left:230px;top:295px;} #content #centregauche #notreselection #detailacheterselection2 {display:block; position:relative;height:50px; width:190px; left:48px;top:-30px;padding-left:10px;padding-top:10px;} #content #centregauche #notreselection #detailacheterselection2 a {font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#004D91;padding-left:30px;text-decoration:underline;} #content #centredroit{display:block;position:relative; top:-10px; left:438px; height:440px; width:324px;} #content #centredroit #topdesventes {display:block; position:relative;width:318px; height:309px; background:url(../images/Eng/fondtopdesventes.jpg) no-repeat;font-family: Arial, Helvetica, sans-serif; } #select01, #select02, #select03, #select04, #select05 {display:block; position:absolute;width:130px;height:46px; left:33px; padding-left:2px; padding-top:2px;margin-top:15px; } #select01 { top:48px; } #select02 { top:95px; } #select03 { top:142px; } #select04 { top:189px; } #select05 { top:236px; } .select_up {color:#ffffff;background:url(../images/top_select_up.jpg) no-repeat; } .select_up a{color:#ffffff;} .select_on {color:#004E93; background:url(../images/top_select_on.jpg) no-repeat; } .select_on a{color:#16387c;} .select_down {color:#ffffff; background:url(../images/top_select_down.jpg) no-repeat; } .select_down a{color:#ffffff;} .select_off {color:#ffffff; background:url(../images/top_select_off.jpg) no-repeat; } .select_off a{color:#ffffff;} .topprix { position:relative; float:right; width:45px; height:15px; color:#FCDC18; padding-right:15px; text-align:right; top:-2px; } .euro { font-size:10px; vertical-align:top; } .eurobig { font-size:20px; vertical-align:top; } #topvente01, #topvente02, #topvente03, #topvente04, #topvente05 { display:none; position:absolute; top:48px; left:166px; height:250px; width:110px;} .topphoto { display:block;position:relative; top:15px; left:0px; height:172px; width:110px; } .toptexte { display:block; position:relative; top:12px; left:0px; width:110px; height:57px; padding:2px; text-align:center; color:#16387c; font-size:12px;} .topacheter a { display:block; position:absolute;left:30px;top:-20px; width:45px; height:15px; color:#d00000; text-align:center; width:100%;text-decoration:underline; color:#004D91; font-size:14px;} .topacheter a:hover { display:block;position:absolute; left:30px;top:-20px; width:45px; height:15px; color:#d00000; text-align:center; width:100%;text-decoration:underline; color:#004D91;font-size:14px;} .topprixb {font-weight:bold; display:block; width:45px; height:15px; color:#004F94; text-align:center; width:100%; } .eurob { font-size:10px; vertical-align:top; } #content #centredroit #offrespeciale {display:block; position:relative;background:url(../images/Eng/offrespeciale.jpg) no-repeat;height:191px; width:324px;} #content #centredroit #offrespeciale #imageoffre{display:block;position:absolute;top:50px;left:34px; width:105px;height:128px;} #content #centredroit #offrespeciale #prixavantpromotion{display:block;position:absolute;top:50px;width:100px;height:60px; left:130px;margin-top:15px;} #content #centredroit #offrespeciale #prixavantpromotion .texte{display:block;position:relative;color:#004D91; text-align:center;font-size:18px;font-family:Arial, Helvetica, sans-serif;} #content #centredroit #offrespeciale #prixavantpromotion .texte a{display:block;position:relative; top:10px;color:#004D91; text-align:left;font-size:12px;font-family:Arial, Helvetica, sans-serif; text-decoration:underline; left:10px;} #content #centredroit #offrespeciale #prixavantpromotion .prix{display:block;position:relative;color:#004D91;text-align:center;font-size:18px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;background:url('../images/barre2.gif') no-repeat center;} #content #centredroit #offrespeciale #prixoffre{color:#FFFFFF; display:block;position:absolute;top:50px; left:206px;width:80px;height:40px; margin-top:85px;text-align:center;font-size:28px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;} #content .chemin {display:block;position:relative; top:0px; left:20px; height:20px; width:742px;color:#004D91; font-size:14px;border-bottom:1px solid #C1D4E3;} #content .chemin a{font-family:Arial, Helvetica, sans-serif;color:#004D91; font-size:14px;font-weight:bold;} #content .chemin .active{font-family:Arial, Helvetica, sans-serif;color:#FCDC18;font-size:14px; font-weight:bold;} /* pages familles */ #content #articles {display:block;position:relative; float:left; display:block; width:700px; /margin-top:0px;padding-top:10px;background-color:#FFFFFF; margin-left:6px; min-height:400px; } #content #articles #contenuarticlegauche{display:block;position:relative;top:10px;left:20px;height:265px;width:350px;} #content #articles #contenuarticledroit {display:block;position:relative;top:20px;margin-left:392px;height:265px;width:350px;margin-top:-273px; } #content #articles #contenuarticleseparateurV {display:block;position:relative;top:0px;margin-left:370px;background:url(../images/fond_articleseparateurVertical.jpg) no-repeat; width:22px;height:265px;margin-top:-263px; } #content #articles #contenuarticleseparateurH {display:block;position:relative;top:0px;left:0px;background:url(../images/fond_articleseparateurHorizontal.jpg) no-repeat;width:762px;height:27px;} #content #contenuarticlegauche .titre {display:block; position:absolute;height:20px; width:340px;top:0px;left:10px;text-align:left;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#FCDC18; } #content #contenuarticlegauche .description{display:block; position:absolute;height:160px;width:160px; left:10px;top:35px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#004D91;} #content #contenuarticlegauche .imagesproduit{display:block; position:absolute;height:180px; width:150px; left:168px;top:20px;} #content #contenuarticlegauche .detailacheterselection {display:block; position:absolute;height:50px; width:160px; left:10px;top:216px;} #content #contenuarticlegauche .detailacheterselection a {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#004D91;text-decoration:underline; text-align:left;} #content #contenuarticlegauche .prix{display:block; position:absolute;height:40px; width:185px; left:80px;top:198px;text-align:left;font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004F94;} #content #contenuarticlegauche .ancienprix{display:block; position:absolute;height:30px; width:130px; left:220px;top:18px;text-align:center;font-size:18px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004F94;background:url('../images/barre2.gif') no-repeat center;} #content #contenuarticledroit .titre {display:block; position:absolute;height:20px; width:340px;top:0px;left:10px;text-align:left;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#FCDC18; } #content #contenuarticledroit .description{display:block; position:absolute;height:160px;width:160px; left:10px;top:35px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#004D91;} #content #contenuarticledroit .imagesproduit{display:block; position:absolute;height:180px; width:150px; left:168px;top:20px;} #content #contenuarticledroit .detailacheterselection {display:block; position:absolute;height:50px; width:160px; left:10px;top:216px;} #content #contenuarticledroit .detailacheterselection a {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#004D91;text-decoration:underline; text-align:left;} #content #contenuarticledroit .prix{display:block; position:absolute;height:40px; width:148px; left:80px;top:198px;text-align:left;font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004F94;} #content #contenuarticledroit .ancienprix{display:block; position:absolute;height:25px; width:100px; left:220px;top:18px;text-align:center;font-size:18px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004F94;background:url('../images/barre2.gif') no-repeat center;} /* Fin pages familles */ /* pages produit */ #content #produit { float:left; display:block; width:742; /margin-top:0px;padding-top:10px; margin-left:6px; } #content #produit #contenuproduit{display:block;position:relative;top:10px;left:20px;height:580px;width:742px;} #content #produit #contenuproduit .titre {display:block; position:absolute;height:20px;width:732px;top:0px;left:10px;text-align:left;font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004D91;} #content #produit #contenuproduit #textproduit{width:429px;display:block; position:absolute;height:500px;top:30px;left:10px;} #content #produit #contenuproduit #textproduit .titrecaracteristique{position:relative;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#FCDC18; font-weight:bold;} #content #produit #contenuproduit #textproduit .textcaracteristique{position:relative;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#004D91; margin-left:30px;padding-top:10px;margin-bottom:20px;} #content #produit #contenuproduit #textproduit .titredescription{position:relative;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#FCDC18; font-weight:bold; top:-15px;} #content #produit #contenuproduit #textproduit .textdescription{position:relative;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#004D91; margin-left:30px;padding-top:0px; margin-bottom:20px;} #content #produit #contenuproduit #textproduit .contenuproduitseparateurH {display:block;position:relative;top:0px;left:0px;background:url(../images/fond_articleseparateurproduitHorizontal.jpg) no-repeat;width:429px;height:25px;margin-bottom:20px;} #content #produit #contenuproduit #textproduit .detailacheterselection {display:block; position:absolute; z-index:1;height:50px; width:50px; left:600px; top:225px;} #content #produit #contenuproduit #textproduit .detailacheterselection a {font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#004D91;text-decoration:underline; text-align:left;} #content #produit #contenuproduit .imagesproduitdetail{width:285px;display:block; position:absolute;height:350px;top:30px;left:449px;} #content #produit #contenuproduit .prix{display:block; position:absolute;height:40px; width:180px; left:440px;top:250px;text-align:center;font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#FCDC18;} #content #produit #contenuproduit .ancienprix{display:block; position:absolute;height:25px; width:100px; left:420px;top:18px;text-align:center;font-size:22px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#004F94;background:url('../images/barre2.gif') no-repeat center;} #content #produit #contenuproduit .colors{z-index:1;display:block; position:absolute;height:40px; width:180px; left:100px;top:0px;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#FCDC18;} /* Fin pages produits */ /* Panier */ #content #etape {display:block; position:relative; float:left; top:-50px; left:120px; height:27px; width:538px; background:url(../images/etape1.jpg) no-repeat; padding-top:40px; } #content #etape2 { display:block; position:relative; float:left; top:-50px; left:120px; height:27px; width:538px; background:url(../images/etape2.jpg) no-repeat; padding-top:40px;} #content #etape3 {display:block; position:relative; float:left; top:-50px; left:120px; height:27px; width:538px; background:url(../images/etape3.jpg) no-repeat; padding-top:40px;} #content #etape4 {display:block; position:relative; float:left; top:-50px; left:120px; height:27px; width:538px; background:url(../images/etape4.jpg) no-repeat; padding-top:40px;} #content #etape .pan, #content #etape2 .pan , #content #etape3 .pan, #content #etape4 .pan { padding-left:26px; } #content #etape .pan-in, #content #etape2 .pan-in, #content #etape3 .pan-in ,#content #etape4 .pan-in { padding-left:26px; color:#FCDC18; } #content #etape .coord, #content #etape2 .coord, #content #etape3 .coord, #content #etape4 .coord { padding-left:67px; } #content #etape .coord-in, #content #etape2 .coord-in, #content #etape3 .coord-in, #content #etape4 .coord-in { padding-left:67px; color:#FCDC18; } #content #etape .paie, #content #etape2 .paie, #content #etape3 .paie, #content #etape4 .paie { padding-left:75px; } #content #etape .paie-in, #content #etape2 .paie-in, #content #etape3 .paie-in, #content #etape4 .paie-in { padding-left:75px; color:#FCDC18; } #content #etape .conf, #content #etape2 .conf, #content #etape3 .conf, #content #etape4 .conf { padding-left:85px; } #content #etape .conf-in, #content #etape2 .conf-in, #content #etape3 .conf-in, #content #etape4 .conf-in { padding-left:85px; color:#FCDC18; } #content #contentpanier {display:block; position:relative; top:-15px; left:0px; width:762px; -margin-bottom:12px;min-height:100% !important; } #content #contentpanier #contentpaniertop { display:block; position:relative; float:left; top:-35px; left:0px; height:20px; width:762px;} #content #contentpanier #contentpaniercontent { display:block; position:relative; float:left; top:-35px; left:0px; width:762px;padding-bottom:9px; height:100% !important; } #content #contentpanier #contentpaniercontent .ligne { clear:both; display:block; position:relative; height:100% !important; width:752px; padding-left:10px; } #content #contentpanier #contentpaniercontent .btexte { font-size:13px; color:#4c4c4c; font-weight:bold; } #content #contentpanier #contentpaniercontent .ligne .article { display:block; position:relative; float:left; width:420px; padding-left:0px; padding-right:25px; } #content #contentpanier #contentpaniercontent .ligne .quantite { display:block; position:relative; float:left; width:70px; padding-left:5px; padding-right:0px;} #contentpanier #contentpaniercontent .ligne .prix { display:block; position:relative; float:left; width:130px; padding-left:5px; padding-right:5px; text-align:right;} #contentpanier #contentpaniercontent .ligne .prixtotal { display:block; position:relative; float:left; width:80px; padding-left:5px; padding-right:5px;text-align:right;} #content #contentpanier #contentpaniercontent .ligne .quantite input { width:20px; border-color:#4c4c4c; border:solid 1px; } #content #contentpanier #contentpaniercontent .ligne .quantite .supprimer { float:left; display:block; position:relative; top:-24px; /top:-20px; left:22px; height:14px; padding-left:8px; background:url(../images/acheter.jpg) left no-repeat; color:#16387c; padding-bottom:4px; } #content #contentpanier #contentpaniercontent .ligne .quantite .supprimer a { text-decoration:none; color:#004E93; } #content #contentpanier #contentpaniercontent .ligne .quantite .supprimer a:hover { text-decoration:underline; color:#004E93; } #content #contentpanier #contentpaniercontent .ligne .intitaddition { display:block; position:relative; float:left; width:180px; padding-left:488px;} #content #contentpanier #contentpaniercontent .ligne .addition { display:block; position:relative; float:left; width:75px; height:30px; text-align:right;} #content #contentpanier #contentpaniercontent .ligne .addition input { width:40px; border-color:#4c4c4c; border:solid 1px; } #content #contentpanier #contentpaniercontent .ligne .addition input:hover { background-color:#f9fafa; } #content #contentpanier #contentpaniercontent .ligneTTC { clear:both; display:block; position:relative; float:left; height:100% !important; width:762px; margin-left:10px; background-color:#FCDC18; -margin-left:6px; } #content #contentpanier #contentpaniercontent .ligneTTC .addition { display:block; position:relative; float:right; width:375px; height:23px; padding-right:12px; padding-top:7px; text-align:right; color:#FFFFFF; font-weight:bold; font-size:13px;} #contentpanier #contentpaniercontent .ligne .titrecrossselling{ float:left; display:block; position:relative; top:0px; left:12px; width:360px; height:20px; padding-left:0px; padding-top:10px; background:url(../images/acheter.jpg) left no-repeat; text-decoration:none; color:#004E93;font-size:14px;} #contentpanier #contentpaniercontent .ligne .seprateurcrossselling { float:left; display:block; position:relative; width:5px; } #contentpanier #contentpaniercontent .ligne .crossselling { float:left; display:block; position:relative; top:0px; left:40px; width:240px; height:125px;} #contentpanier #contentpaniercontent .ligne .crossselling .libecrossselling { float:left; display:block; position:relative; top:0px; left:0px;width:150px;text-decoration:none; color:#004E93;font-size:14px;} #contentpanier #contentpaniercontent .ligne .crossselling .imagescrossselling { float:left; display:block; position:relative; top:10px; left:12px; width:150px; text-decoration:none; color:#004E93;font-size:14px; } #contentpanier #contentpaniercontent .ligne .crossselling .prixcrossselling{ float:left; display:block;position:absolute; top:40px; left:132px; width:90px;color:#d00000; font-size:14px;} #contentpanier #contentpaniercontent .ligne .crossselling .achatdispocrossselling a{ float:left; display:block;position:absolute; top:90px; left:98px; width:90px; } #content #contentpanier #contentpaniercontent .ligne .continuer { float:left; display:block; position:relative; top:0px; left:380px; width:160px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#004E93;} #content #contentpanier #contentpaniercontent .ligne .commander { float:left; display:block; position:relative; top:0px; left:400px; width:160px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#004E93;} #content #contentpanier #contentpaniercontent .ligne .continuer a, #content #contentpanier #contentpaniercontent .ligne .commander a { text-decoration:none; color:#004E93; font-size:14px; } #content #contentpanier #contentpaniercontent .ligne .continuer a:hover, #content #contentpanier #contentpaniercontent .ligne .commander a:hover { text-decoration:underline; color:#004E93;font-size:14px; } #content #contentpanier #contentpaniercontent .ligne .valider { float:left; display:block; position:relative; top:0px; left:600px; width:140px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#004E93;} #content #contentpanier #contentpaniercontent .ligne .valider a, #content #contentpanier #contentpaniercontent .ligne .valider a { text-decoration:none; color:#004E93;font-size:14px; } #content #contentpanier #contentpaniercontent .ligne .valider a:hover, #content #contentpanier #contentpaniercontent .ligne .valider a:hover { text-decoration:underline; color:#004E93;font-size:14px; } #content #contentpanier #contentpaniercontent .ligne .confirmation { display:block; position:relative; float:left; width:742px;} #content #contentpanier #contentpaniercontent .ligne .imprimer { float:left; display:block; position:relative; top:0px; left:400px; width:180px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#16387c;} #content #contentpanier #contentpaniercontent .ligne .imprimer a, #content #contentpanier #contentpaniercontent .ligne .imprimer a { text-decoration:none; color:#16387c; } #content #contentpanier #contentpaniercontent .ligne .imprimer a:hover, #content #contentpanier #contentpaniercontent .ligne .imprimer a:hover { text-decoration:underline; color:#16387c; } #content #contentpanier #contentpaniercontent .ligne .coordonnees { display:block; float:left; position:relative; width:742px; padding-left:20px; height:20px; font-size:13px; color:#4c4c4c; font-weight:bold; padding-top:0px; } #content #contentpanier #contentpaniercontent .ligne .adresse {display:block; float:left; position:relative; width:742px; height:20px; font-size:13px; color:#4c4c4c; font-weight:bold; padding-top:30px; padding-left:20px;} #content #contentpanier #contentpaniercontent .ligne .modedepaiement { display:block; float:left; position:relative; width:742px; padding-left:20px; height:20px; font-size:13px; color:#4c4c4c; font-weight:bold; padding-top:20px; } #content #contentpanier #contentpaniercontent .ligne .bloc1 { float:left; display:block; position:relative; top:0px; left:0px; width:742px; padding-left:20px;} #content #contentpanier #contentpaniercontent .ligne .bloc1 label { clear:both; float:left; display:block; position:relative; width:230px; text-align:left; padding-right:8px; margin-top:5px; font-size:13px; color:#4c4c4c; font-weight:bold; } #content #contentpanier #contentpaniercontent .ligne .bloc1 .btradio { display:block; position:relative; float:left; width:35px; text-align:left; border:0; background:none; } #content #contentpanier #contentpaniercontent .ligne .bloc1 .civilite {float:left; padding-top:5px; /padding-top:8px;} #content #contentpanier #contentpaniercontent .ligne .bloc1 .textconfirmation {float:left; padding-top:5px; /padding-top:8px;} #content #contentpanier #contentpaniercontent .ligne .bloc1 input { float:left; display:block; position:relative; width:200px; margin-top:5px; border:1px solid #d3d5d9; background-color:#f9fafa;} #content #contentpanier #contentpaniercontent .ligne .bloc1 input:hover { background-color:#ffffff; border:1px solid #d3d5d9; } #content #contentpanier #contentpaniercontent .ligne .bloc2 { float:left; display:block; position:relative; top:0px; left:0px; width:742px; padding-left:20px; } #content #contentpanier #contentpaniercontent .ligne .bloc2 label { clear:both; float:left; display:block; position:relative; width:230px; text-align:left; padding-right:8px; margin-top:5px; font-size:13px; color:#4c4c4c; font-weight:bold; } #content #contentpanier #contentpaniercontent .ligne .bloc2 .btradio { display:block; position:relative; float:left; width:30px; } #content #contentpanier #contentpaniercontent .ligne .bloc2 .textconfirmation {float:left; padding-top:5px; /padding-top:8px;} #content #contentpanier #contentpaniercontent .ligne .bloc2 input { float:left; display:block; position:relative; width:200px; margin-top:5px; border:1px solid #d3d5d9; background-color:#f9fafa; } #content #contentpanier #contentpaniercontent .ligne .bloc2 input:hover { background-color:#ffffff; border:1px solid #d3d5d9; } #content #contentpanier #contentpaniercontent .ligne .boutradio { display:block; position:relative; float:left; width:54%; height:20px; font-size:13px; color:#4c4c4c; font-weight:bold; padding-left:15px; } #content #contentpanier #contentpaniercontent .ligne .poursuivre { float:left; display:block; position:relative; top:0px; left:142px; width:150px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#16387c;} #content #contentpanier #contentpaniercontent .ligne .poursuivrehaut { float:left; display:block; position:relative; top:0px; left:377px; width:150px; height:20px; padding-left:20px; padding-top:8px; background:url(../images/acheter.jpg) left no-repeat; color:#16387c;} #content #contentpanier #contentpaniercontent .ligne .poursuivre a { text-decoration:none; color:#16387c; } #content #contentpanier #contentpaniercontent .ligne .poursuivre a:hover { text-decoration:underline; color:#16387c; } #content #contentpanier #contentpaniercontent .ligne .boutchamps { display:block; position:relative; float:left; width:52%; height:20px; padding-left:15px; top:30px; } #content #contentpanier #contentpanierbas { display:block; position:relative; float:left; top:-35px; left:0px; height:0px; width:762px;} #content #contentpanier #contentpaniercontent .btextepetit { font-weight:bold; font-size:10px; margin:0 0 5px 20px; } #content #contentpanier #contentpaniercontent .ligne .confirmationcoordonne {display:block; position:relative; float:left; width:868px; padding-left:60px; padding-right:25px;} #content #contentpanier #contentpaniercontent .ligne .texteorder { display:block; float:left; position:relative; width:700px; padding-left:20px; height:20px; font-size:13px; color:#4c4c4c; font-weight:bold; padding-top:3px; } #content #contentpanier #contentpaniercontent .ligneorder { clear:both; display:block; position:relative; height:100% !important; width:700px; margin-left:200px; } #content #contentpanier #contentpaniercontent .ligneorder .article { display:block; position:relative; float:left; width:200px; padding-left:10px; padding-right:25px;} #content #contentpanier #contentpaniercontent .ligneorder .quantite { display:block; position:relative; float:left; width:100px; padding-left:5px; padding-right:5px;} #content #contentpanier #contentpaniercontent .ligneorder .prix { display:block; position:relative; float:left; width:200px; padding-left:5px; padding-right:5px;} #content #contentpanier #contentpaniercontent .ligneorder .prixtotal { display:block; position:relative; float:left; width:120px; padding-left:5px; padding-right:5px;} #content #contentpanier #contentpaniercontent .ligneorder .intitaddition { display:block; position:relative; float:left; width:180px; padding-left:350px;} #content #contentpanier #contentpaniercontent .ligneorder .addition { display:block; position:relative; float:left; width:75px; height:30px; text-align:right;} #content #contentpanier #contentpaniercontent .ligneorder .addition input { width:40px; border-color:#4c4c4c; border:solid 1px; } #content #contentpanier #contentpaniercontent .ligneorder .addition input:hover { background-color:#f9fafa; } #content #contentpanier #contentpaniercontent .lignerougeorder { clear:both; display:block; position:relative; float:left; height:100% !important; width:650px; margin-left:200px; background-color:#da0205; -margin-left:100px; } #content #contentpanier #contentpaniercontent .lignerougeorder .addition { display:block; position:relative; float:right; width:75px; height:23px; padding-right:40px; padding-top:7px; text-align:right; color:#FFFFFF; font-weight:bold; font-size:13px;} #content #contentpanier #contentpaniercontent .textconfirmation {} /* FIN page panier */ /* Fin panier */ #gauche #menug { display:block; position:relative; top:-40px; left:0px; width:218px;/* min-height:374px; */ height:auto !important; } #gauche #menug #menuencours { display:block; position:relative; top:0px; left:0px; height:18px; width:200px;color:#FFFFFF; font-weight:bold; padding-left:10px; padding-top:3px; font-size:14px;} #gauche #menug #menugder { display:block; position:relative; top:0px; left:0px; width:218px;min-height:360px; height:auto !important; } #gauche #menug #menuencours a{ color:#FFFFFF; font-size:14px;} #gauche #menug #menugder ul.menuafin { display:block; float:left; list-style-type:none; height:100%; margin:0; width:218px; } #gauche #menug #menugder li.menusfin { padding-top:1px; padding-bottom:1px; line-height: 100%; height:100%; } #gauche #menug #logosmenug { display:block; vertical-align:baseline; height:100% !important;; -padding-left:0px; background:url(../Images/menu_vert_fond.jpg) repeat-y; } #gauche #menug #logosmenug img { padding-left:1px; padding-bottom:12px; /padding-bottom:15px; }*/ #gauche #menug #menugder .arrowlistmenu{ width: 200px; /*width of accordion menu*/ } #gauche #menug #menugder .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ margin-bottom: 0px; /*bottom spacing between header and rest of content*/padding: 0px 0 0px 10px; /*header text is indented 10px*/cursor: hand;cursor: pointer;font-size:14px; color:#FFFFFF; } #menug #menugder .arrowlistmenu .menuheader a{text-decoration:none;color: #FFFFFF;margin-bottom: 0px; /*bottom spacing between header and rest of content*/padding: 4px 0 7px 0px;font-size:14px;} #gauche #menug #menugder .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ border-bottom: 1px solid #dadada; } #gauche #menug #menugder .arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none;margin: 0;padding: 0;margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } #gauche #menug #menugder .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ -height:10px; } #gauche #menug #menugder .arrowlistmenu ul li a{ color: #FFFFFF; /*custom bullet list image*/display: block;padding: 2px 0;padding-left: 19px; /*link text is indented 19px*/ text-decoration: none;font-weight: bold;border-bottom: 1px solid #dadada;font-size: 90%; width:218px; } #gauche #menug #menugder .arrowlistmenu ul li a:visited{ color: #FFFFFF; font-weight:bold; } #gauche #menug #menugder .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #FFFFFF;background-color: #FADA15; width:218px;font-weight:bold; } #plandusite{width:700px;padding-left:50px;margin-top:10px;} #plandusite h3{color:black;font-size:14px;}