body { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background: #dfd0ca; padding: 10px 0 0; }
table { empty-cells: show }
td img { display: block }
p { }
a img { border: 0 }
td { }
a { text-decoration: none }
a:visited { }
a:hover { }
a:active { }
fieldset legend { color: black }
.gras { font-weight: bold }
div.centre { text-align: center }
.err { font-size: 13px; font-weight: bold; color: red }
label.violet { color: #850659; font-weight: bold }
div.aide { position: absolute; z-index: 20; top: 0; left: 0; margin: 0; width: 280px; visibility: hidden; background: #dfd0ca; border: 1px solid #A89E95; padding: 10px; font-size: 11px }
div#page { text-align: center }
div#nav { width: 980px; height: 150px; margin-left: auto; margin-right: auto }
div#princ { width: 980px; margin-left: auto; margin-right: auto; background: url(../images/interface/fond.gif); padding: 10px 0 10px 0; text-align: left }
div#princ table#barreunivers { margin-bottom: 34px }
div#princ div#espace { width: 840px; margin-left: 70px; margin-bottom: 46px }
/*
div#princ div#espace div#panier { width: 810px; margin-left: 15px; border: solid 1px #ede8e6; margin-bottom: 16px; overflow: hidden; padding: 0 }
*/
div#princ div#espace div#panier { width: 810px; margin-left: 15px; border: solid 2px #b5ada5; margin-bottom: 16px; overflow: hidden; padding: 0 }
div#princ div#espace div#panier img { margin: 0 }
div#princ div#espace div#panier div#votrepanier { width: 140px; height: 27px; float: left; margin: 0 }
div#princ div#espace div#panier div#votrepanier img { border: 0 }
div#princ div#espace div#panier div#contenu { width: 540px; margin-left: 146px; padding: 4px 0 0 0 }
div#princ div#espace div#panier div#contenu p { margin: 2px 0 2px 0; padding: 0; line-height: 18px }
div#princ div#espace div#panier div#contenu p img { vertical-align: text-bottom; margin-bottom: 1px }
div#princ div#espace div#panier div#commander { width: 114px; height: 27px; float: right; border: 0 }
div#princ div#espace div#panier div#commander img { border: 0 }
div#princ div#espace div.bloc { width: 810px; margin-left: 15px; border: solid 1px #ede8e6; padding-bottom: 20px }
div#princ div#espace div.bloccentre { width: 810px; margin-left: 15px; border: solid 1px #ede8e6; padding-bottom: 20px; text-align: center }
div#princ div#espace div.blocrien { width: 810px; margin-left: 15px; padding-bottom: 20px }
div#pied { width: 980px; height: 30px; margin-left: auto; margin-right: auto }
div#pied table { margin-left: auto; margin-right: auto }

/* elements de la page */
/*
div#bandenav { display: block; margin: 0; padding: 0; width: 810px; height: 20px }
div#bandenav ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center }
div#bandenav ul li { display: block; float: left; text-align: center; padding: 0; margin: 0 3px 0 0 }
div#bandenav ul li a { background: #ede8e6; width: 170px; height: 16px; padding: 0; margin: 0; color: #6b5759; text-decoration: none; display: block; text-align: center; font-size: 12px; line-height: 16px }
*/
div#bandenav { display: block; margin: 0; padding: 0; width: 810px; height: 20px }
div#bandenav ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center }
div#bandenav ul li { display: block; float: left; text-align: center; padding: 0; margin: 0 3px 0 0 }
div#bandenav ul li a { background: #ede8e6; width: 170px; padding: 0; margin: 0; color: #6b5759; text-decoration: none; display: block; text-align: center; font-size: 12px; line-height: 16px }
div#bandenav ul li a:hover { color: #38292a; background: #ccbdb8 }
div#nouvidees { width: 140px; margin-left: 10px; float: left; overflow: hidden }
div#nouvidees div#nouveautes { width: 138px; border: solid 1px #e9becf }
div#nouvidees div#nouveautes div { width: 138px; background-color: #e9becf; text-align: center; color: #72114b; padding: 2px 0 }
div#nouvidees div#nouveautes a { color: #6b5759 }
div#nouvidees div#nouveautes a:hover { color: black }
div#nouvidees div.espblanc { width: 138px; height: 10px }
div#univers { width: 442px; margin-left: 30px; float: left; overflow: hidden }
div#univers img.imguniv { width: 138px; height: 138px }
div#univers img.imgunivover { width: 138px; height: 138px; border: solid 1px white }
div#deco { width: 140px; margin-left: 30px; float: left; overflow: hidden }
div#deco div#ideescadeaux { width: 138px; border: solid 1px #ded0ca }
div#deco div#ideescadeaux div { width: 138px; background-color: #ded0ca; text-align: center;color: #6b5759; padding: 2px 0 }
div#bandevert { float: left; width: 88px; height: 380px; margin: 0; background-repeat: no-repeat; background-position: 16px 30px; background-color: #fff; clear: left }
table#accueilunivers { margin-left: auto; margin-right: auto; width: 721px; height: 728px }
div.groupetype { width: 695px; overflow: hidden; margin: 24px 0 }
div.groupetype a.type { display: block; width: 336px; font-size: 13px; color: #6d564e; background: #f0e9e7; height: 18px; padding: 0 6px; line-height: 18px }
div.groupetype div.type { display: block; width: 336px; font-size: 13px; color: #6d564e; background: #f0e9e7; height: 18px; padding: 0 6px; line-height: 18px }
div.groupetype div.type a { font-size: 13px; color: #6d564e }
div.groupetype div.type a.crea { display: block; float: right; font-size: 11px }
div.groupetype div.type a.icone { display: block; height: 42px; padding: 3px; background: #f0e9e7; float: right; margin-top: -15px; margin-left: 0; margin-bottom: 0; margin-right: -6px }
div.groupetype img.vert { margin-right: 9px }
div.groupetype2 { width: 695px; overflow: hidden; margin: 24px 0 }
div.groupetype2 div.type { display: block; width: 266px; font-size: 13px; color: #6d564e; background: #f0e9e7; height: 18px; padding: 0 6px; line-height: 18px }
div.groupetype2 div.type a { font-size: 13px; color: #6d564e }
div.groupetype2 div.typeimg { display: block; width: 50px; border: solid 2px #f0e9e7; background: #f0e9e7; float: right; text-align: center }
div.groupetype2 div.typeimg a { font-size: 11px; color: #6d564e }
div.groupetype2 div.typegrand { display: block; width: 336px; font-size: 13px; color: #6d564e; background: #f0e9e7; height: 18px; padding: 0 6px; line-height: 18px }
div.groupetype2 div.typegrand a { font-size: 13px; color: #6d564e }
div.groupetype2 img.vert { margin-right: 9px }
div.produit { height: 96px; vertical-align: middle; padding: 8px 0 }
div.produit div.visuel { height: 96px; width: 120px; vertical-align: middle; text-align: center; float: left }
div.produit div.visuel img { display: inline; text-align: center }
div#detproduit { width: 695px; overflow: hidden; float: left }
div#detproduit div#visuel { float: left; width: 310px; padding-top: 20px; overflow: hidden }
div#detproduit div#visuel table { width: 310px; border: 0; padding: 0; margin-bottom: 10px }
div#detproduit div#visuel table td img { display: inline }
div#detproduit div#variantes { float: right; margin: 2px 2px 6px 6px; padding: 6px; border: solid 1px #ede8e6; z-index: 2 }
div#detproduit div#variantes p { font-size: 12px; font-weight: bold; color: #425c76; margin: 2px 4px 4px 0 }
div#detproduit div#variantes a { margin-left: 10px }
div#detproduit div#infos { margin-left: 310px; width: 370px; margin-top: 18px; color: #6b5759 }
div#detproduit div#infos p.nomprod { font-size: 15px; font-weight: bold; color: #710f4b; margin: 3px 0 }
div#detproduit div#infos p.details { font-size: 12px; margin: 2px 0; padding-left: 12px; text-align: left }
div#detproduit div#infos p#stock { padding-left: 12px }
div#detproduit div#infos p.details span.nomprod2 { font-style: italic }
div#detproduit div#infos p.details span.prix { font-size: 14px; color: #710f4b }
div#detproduit div#infos p.details span.prixremise { font-size: 14px; font-weight: bold; color: #a10a32 }
div#detproduit div#infos a.btn img { border: outset 1px #ede8e6; margin-top: 4px; margin-bottom: 4px }
div#detproduit div#infos a.btn:hover img { border: outset 1px #b5ada5 }
a.fleche { color: #6b5759; font-size: 12px; line-height: 26px }
a.fleche:hover { color: black }
a.fleche img { vertical-align: -4px; margin-right: 4px }
a.flecheliste { color: #6b5759; font-size: 14px; display: block; height: 30px }
a.flecheliste:hover { color: black }
a.flecheliste img { vertical-align: -3px; margin-right: 4px }
div#espace div.bloccentre div.creagrp { width: 605px; margin-left: auto; margin-right: auto; overflow: hidden; margin-bottom: 40px }
div#espace div.bloccentre div.creagrp div.creabloc { width: 167px; float: left }
div#espace div.bloccentre div.creagrp div.creabloc div.nom { width: 167px; background: #979c95; padding: 3px 0 1px 0 }
div#espace div.bloccentre div.creagrp div.creabloc div.nom a { color: #fff; font-weight: bold; margin: 0px 4px 0px 4px }
div#espace div.bloccentre div.creagrp div.creabloc div.nom a:hover { color: #ddd }
div#espace div.bloccentre div.creagrp div.creabloc div.visuel { width: 167px; height: 165px }
div#espace div.bloccentre div.creagrp div.creabloc div.visuel a img { border-left: solid 1px #fff; border-right: solid 1px #fff }
div#espace div.bloccentre div.creagrp div.creabloc div.visuel a:hover img { border-left: solid 1px #ddd; border-right: solid 1px #ddd; }
div#espace div.bloccentre div.creagrp div.creabloc div.spe { width: 167px; background: #dddfd6; padding: 1px 0 1px 0 }
div#espace div.bloccentre div.creagrp div.creabloc div.spe a { color: #6e7775; margin: 0px 4px 0px 4px }
div#espace div.bloccentre div.creagrp div.creabloc div.spe a:hover { color: #fff }
div#espace div.bloccentre div.creagrp div.creaesp { width: 52px; height: 197px; float: left }
div#espace div#creafhaut { width: 730px; margin: 0 55px 0 55px }
div#espace div#creafhaut div#btnretour { width: 120px; float: left; padding-top: 60px }
div#espace div#creafhaut div#creafnom { width: 590px; margin-left: 140px; font-size: 40px; text-align: center; color: #dddfd6; padding: 30px 0px 20px 0px }
div#espace div#creafvis1 { width: 120px; height: 360px; background: #dddfd6; margin-left: 55px; float: left }
div#espace div#creafbloc { width: 590px; height: 360px; border: solid 1px #dddfd6; margin-left: 195px }
div#espace div#creafbloc div#texte { width: 550px; height: 220px; margin-top: 20px; margin-left: 20px; margin-right: 20px }
div#espace div#creafbloc div#site { margin-top: 83px; margin-left: 20px; background: #979c95; color: #fff; padding: 1px 4px 1px 4px; float: left }
div#espace div#creafbloc div#site a { color: #fff }
div#espace div#creafbloc div#site a:hover { color: #ddd }
div#espace div#creafbloc div#creafvis2  { width: 330px; height: 120px; background: #dddfd6; float: right; text-align: right }
div#espace div.bloc div#cgvmarg { margin: 10px }
div#espace div.bloc div#cgvmarg table#fraisport { background-color: white; border-collapse: collapse; margin-left: auto; margin-right: auto; border: solid 1px black; font-size: 10px }
div#espace div.bloc div#cgvmarg table#fraisport th { background-color: #CCCCCC; font-weight: bold; border: solid 1px #888888 }
div#espace div.bloc div#cgvmarg table#fraisport td { border: solid 1px #aaaaaa; text-align: right }
div#espace div.bloc div#cgvmarg p.cgvgros { font-size: 40px; text-align: center; color: #dddfd6; padding: 8px 0 10px 0 }
div#espace div.bloc div#cgvmarg p.cgvintro { font-size: 12px; margin-top: 3px; margin-bottom: 12px }
div#espace div.bloc div#cgvmarg p.cgvpar { font-size: 12px; margin-top: 3px; margin-bottom: 12px; padding-left: 10px }
div#espace div.bloc div#cgvmarg p.cgvtitre { font-size: 12px; font-weight: bold; color: #8f8f8f; margin: 0; padding: 0 }
div#espace div.bloc div#cgvmarg div.cgvbloc { width: 300px; text-align: center; font-weight: bold; padding: 4px; border: solid 1px #dddfd6; margin-left: auto; margin-right: auto; margin-top: 8px; margin-bottom: 8px; }
div#espace div.bloc div#cgvmarg div.cgvbloc400 { width: 450px; text-align: center; font-weight: bold; padding: 4px; border: solid 1px #dddfd6; margin-left: auto; margin-right: auto; margin-top: 8px; margin-bottom: 8px; }
div#espace div.bloc div#cgvmarg div.cgvbloc a { color: black }
div#espace div.bloc div#cgvmarg div.cgvbloc a:hover { color: #555 }
form#formContact { margin-top: 20px; text-align: left }
form#formContact fieldset { border: solid 1px #dddfd6; width: 400px; margin-left: auto; margin-right: auto; padding: 8px }
div.bloccadre200 { width: 400px; text-align: center; font-weight: bold; margin-top: 8px; margin-bottom: 8px; padding: 8px; border: solid 1px #dddfd6; margin-left: auto; margin-right: auto }
div.bloccadre200 a { color: black }
div.bloccadre200 a:hover { color: #555 }

/* formulaire */
div#c_e1 { width: 580px; margin-left: 124px; overflow: hidden }
/* 600 / 115 */
div#c_e1 form#FormDejaClient { float: left }
div#c_e1 form#FormDejaClient fieldset { display: block; width: 220px; float: left; border: solid 1px #dddfd6; padding: 20px }
div#c_e1 form#FormDejaClient fieldset legend { font-size: 13px; font-weight: bold }
div#c_e1 form#FormDejaClient input { display: block; font-size: 9px; margin-top: 2px; margin-bottom: 8px }
div#c_e1 form#FormNouvClient { margin-left: 296px }
div#c_e1 form#FormNouvClient fieldset { display: block; width: 220px; border: solid 1px #dddfd6; padding: 20px }
div#c_e1 form#FormNouvClient fieldset legend { font-size: 13px; font-weight: bold }
div#blocformcoord { text-align: center }
form#FormCoord { width: 560px; margin-left: auto; margin-right: auto }
form#FormCoord fieldset { width: 520px; float: left; border: solid 1px #dddfd6; padding: 20px; margin: 5px 0 }
form#FormCoord fieldset legend { font-size: 13px; font-weight: bold }
form#FormCoord label { display: block; float: left; clear: left; width: 200px; margin: 4px 10px 4px 10px; text-align: right }
form#FormCoord input.chmps { display: block; float: left; margin-bottom: 4px }
form#FormCoord input.deuxcent { width: 200px }
form#FormCoord textarea.chmps { display: block; float: left; clear: right; margin-bottom: 10px }
form#FormCoord textarea.deuxcent { width: 200px; margin-bottom: 10px }
form#FormCoord div.grp { float: left }
form#FormCoord div.groupe { display: block; float: left; margin-bottom: 4px }
form#FormCoord select.chmps { display: block; float: left; clear: right; margin-bottom: 4px }
form#FormCoord div#envoyer { margin-left: 10px }
form#FormCoord div.clr { font-size: 1px; height: 1px; width: 1px; clear: both }
div#recap { width: 560px; margin-left: 125px; margin-top: 20px }
div#recap div.barre { width: 546px; margin: 0; background: #a9aba4; color: #fff; padding: 2px 6px }
div#recap table { width: 560px; padding: 0; margin: 0; border: 0; border-collapse: collapse }
div#recap table th { background: #a9aba4; color: #fff; padding: 2px 6px; font-weight: bold; text-align: left }
div#recap table .bordures { border-left: solid 2px white; border-right: solid 2px white }
div#recap table td { padding: 4px 6px; vertical-align: middle; font-size: 11px }
div#recap table td.droite { text-align: right }
div#recap table td.lignegrise { border-bottom: solid 1px #bfbfbf; height: 1px; margin: 0; padding: 0; empty-cells: show }
div#recap table td.total { color: white; background: #6e7775; padding: 2px 6px; font-size: 12px }
div#recapfinal { width: 540px; margin-left: 125px; margin-top: 20px; border: solid 1px #dddfd6; padding: 10px }

/* espace privileges */
form#formEspacePrivileges { margin-top: 20px; text-align: left; border: 0 }
form#formEspacePrivileges fieldset { border: solid 1px #dddfd6; width: 400px; margin-left: auto; margin-right: auto; padding: 8px }
div.epriv { width: 600px; overflow: hidden; margin: 24px auto 0 auto; text-align: left }
div.epriv div.type { display: block; width: 266px; font-size: 13px; color: #6d564e; background: #f0e9e7; height: 18px; padding: 0 6px; line-height: 18px }
div.epriv div.type a { font-size: 13px; color: #6d564e }
div.epriv div.typegrand { display: block; font-size: 13px; color: #6d564e; background: #f0e9e7; height: 18px; padding: 0 6px; line-height: 18px }
div.epriv div.typegrand a { font-size: 13px; color: #6d564e }