#panier {width:780px;
height:1200px;
margin: 20px 0 0 0;
left:0px;
}
span.infosboutique {clear:both;
float:left;
width:300px;
margin: 5px 0 0 20px;
}
div.panierinfo {margin: 10px 0 0 0;
width:780px;
left:0px;
height:20px;
font-family:arial;
font-size:12pt;
font-weight:bold;
line-height:18pt;
}

div.panierinfo .texte {float:left;
display:block;
padding: 0 0 0 0 ;
height:25px;
width:350px;
}
div.panierinfo .boutonpanier {float:left;
display:block;
width:430px;
background-color:#f8944d;
color:#ffffff;
height:25px;
text-align:center;
cursor:pointer;
}

div.paniertableau {clear:both;
float:left;
padding: 0 0 0 0 ;
width:780px;
font-family:arial;
font-size:9pt;
font-weight:bold;
line-height:16pt;
margin : 5px 6px 0 0;
height:20px;
}
div.paniertableau .articlecadre {float:left;
display:block;
width : 520px;
border:solid 1px #000;
margin:0 0 5px 2px;
height:20px;
}
div.paniertableau .quantitecadre {float:left;
display:block;
width : 85px;
border:solid 1px #000;
margin:0 0 5px 2px;
height:20px;
}
div.paniertableau .TTCcadre {float:left;
display:block;
width : 58px;
text-align:right;
border:solid 1px #000;
margin:0 0 5px 2px;
padding:0 2px 0 0;
height:20px;
}
div.paniertableau .totalTTCcadre {float:left;
display:block;
width : 68px;
text-align:right;
border:solid 1px #000;
margin:0 0 5px 2px;
padding:0 2px 0 0;
height:20px;
}
div.paniertableau .supprimercadre {float:left;
display:block;
width : 65px;
border:solid 1px #000;
text-align:center;
margin:0 0 5px 2px;
height:20px;
}

div.paniertableau a {cursor:pointer;
text-decoration:underline;
}
div.paniertableau .article {float:left;
display:block;
width : 520px;
margin:0 2px 5px 2px;
font-size:8pt;
}
div.paniertableau .quantite {float:left;
display:inline;
width : 85px;
margin:0 2px 5px 2px;
}
div.paniertableau .quantite input {width:30px;
text-align:center;
}
div.paniertableau .quantite span {font-size:8pt;
}
div.paniertableau .TTC {float:left;
display:block;
width : 58px;
text-align:right;
margin:0 3px 5px 2px;
padding:0 2px 0 0;
}
div.paniertableau .totalTTC {float:left;
display:block;
width : 68px;
text-align:right;
margin:0 2px 5px 2px;
padding:0 2px 0 0;
}
div.paniertableau .supprimer {float:left;
display:block;
width : 20px;
text-align:center;
margin:0 0 5px 2px;
}
div.paniertableau .rappelquantite {float:left;
display:inline;
width : 72px;
margin:0 2px 5px 15px;
}
span.rappelfraisdeport {clear:both;
float:left;
width : 105px;
text-align:right;
margin:0 0 5px 573px;
padding : 0 0 0 0;
}
span.rappelprixdexpe {float:left;
width : 68px;
text-align:right;
margin:0 2px 5px 2px;
padding:0 2px 0 0;
}

div.recapanier {clear:both;
float:left;
padding: 0 0 0 0 ;
width:580px;
font-family:arial;
font-size:9pt;
font-weight:normal;
line-height:16px;
margin : 2px 6px 0 15px;
height:16px;
}
#ficheclient {width:780px;
float:left;
}
span.titrencadre {float:left;
width:580px;
font-family:arial;
font-size:10pt;
font-weight:bold;
line-height:16pt;
margin:15px 0 5px 0;
padding:0 0 0 10px;
background-color:#f8944d;
color:#ffffff;
border:solid 1px #000000;
}
span.titresanscadre {float:left;
width:775px;
font-family:arial;
font-size:9pt;
font-weight:bold;
line-height:16pt;
margin:5px 0 0 0;
padding:0 0 0 10px;
}
span.titrebold {float:left;
width:775px;
font-family:arial;
font-size:11pt;
font-weight:bold;
line-height:16pt;
margin:10px 0 10px 0;
padding:0 0 0 0;
}
span.civilite {margin:0 30px 0 5px;}
p.civilite {margin:5px 0 5px 0;}
p.civilite input {margin:0 0 0 0; padding:0 0 0 0;}
div.clientableau {float:left;
width:775px;
font-family:arial;
font-size:9pt;
font-weight:bold;
line-height:16pt;
margin : 2px 0 0 0;
}
div.locgeo {clear:both;
float:left;
width:775px;
height:65px;
font-family:arial;
font-size:9pt;
font-weight:bold;
line-height:16pt;
margin : 15px 0 20px 0;
}
span.titrelocgeo {float:left;
width:180px;
height:20px;
padding:0 0 0 2px;
}
span.listlocgeo {float:left;
height:65px;
margin:0 0 0 20px;
}
span.locgeo {height:18px;
font-size:8pt;
display:block;
margin:2px 0 0 0;
}
span.locgeo input {margin:0 5px 0 0;}
div.clientableau p.champ {float:left;
width:90px;
height:20px;
}
div.clientableau p.champ2 {float:left;
width:190px;
height:20px;
}
div.clientableau p.input {float:left;}
div.clientableau p.input input {width:440px;}
div.clientableau p.input input.inputcourt2 {width:140px;}
div.clientableau p.input input.inputcourt3 {width:340px;}
div.clientableau p.input input.inputcourt1 {width:200px;margin:0 5px 0 0;}
div.clientableau p.rappelcnil {float:left;
font-size:8pt;
padding:0 0 0 0;
margin:0 0 0 0;
font-weight:normal;
line-height:14px;
width:580px;
}
div.cadreconnect {width:765px;
height:15px;
margin:5px 0 0 3px;
padding:3px 5px 3px 5px;
float:left;
}
div.clientcheck {float:left;
width:775px;
font-family:arial;
font-size:8pt;
line-height:16pt;
margin : 10px 0 10px 0;
}
span.creercompte {float:left;
margin:10px 0 20px 190px;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:80px;
background-color:#f8944d;
color:#ffffff;
line-height:18px;
}
span.annulconnect {float:left;
margin:10px 0 20px 20px;
text-align:center;
height:18px;
width:80px;
background-color:#f8944d;
line-height:18px;
}
span.annulconnect a {font-size:9pt;
font-weight:bold;
color:#ffffff;
}
span.supident {float:left;
margin:3px 0 0 0;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:140px;
background-color:#f8944d;
color:#ffffff;
line-height:18px;
}
div.clientableau p.input input.inputsupcompte {width:200px;}
span.barredenav {clear:both;
float:left;
width:765px;
height:47px;
margin:20px 0 0 0;
font-family:arial;
font-size:9pt;
}

span.boutonprec {float:left;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:160px;
background-color:#f8944d;
color:#ffffff;
line-height:18px;
cursor:pointer;
}
span.adresselivraison {float:left;
margin:0 0 0 120px;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:200px;
background-color:#f8944d;
color:#ffffff;
line-height:18px;
cursor:pointer;
}
span.modetransport {float:left;
margin:0 0 0 120px;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:200px;
background-color:#f8944d;
color:#ffffff;
line-height:18px;
cursor:pointer;
}
span.paiementcommande {float:left;
margin:0 0 0 120px;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:200px;
background-color:#f8944d;
color:#ffffff;
line-height:18px;
cursor:pointer;
}
span.recapcommande {float:left;
margin:0 0 0 120px;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:200px;
background-color:#f8944d;
color:#ffffff;
line-height:18px;
cursor:pointer;
}
span.boutonsuiv {float:left;
margin:0 0 0 150px;
font-size:9pt;
font-weight:bold;
text-align:center;
height:18px;
width:160px;
background-color:#f8944d;
color:#ffffff;
line-height:18px;
cursor:pointer;
}
span.gtthan {font-size:20px;
float:left;
color:#ffffff;
font-weight:bold;
line-height:18px;
padding:0 5px 0 5px;
height:18px;
background-color:#f8944d;
}
span.lsthan {clear:both;
margin:0 0 0 5px;
font-size:20px;
float:left;
color:#ffffff;
font-weight:bold;
line-height:18px;
padding:0 5px 0 5px;
height:18px;
background-color:#f8944d;
}
input.boutonpaypal {float:left;
border:none;
margin:0 0 0 120px;
font-size:9pt;
font-family:arial;
font-weight:bold;
text-align:center;
height:18px;
width:200px;
background-color:#f8944d;
color:#ffffff;
line-height:18px;
cursor:pointer;
}
img.boutonpaypal {float:left;
margin:0 0 0 40px;
height:28px;
width:118px;
border:0px;
cursor:pointer;
}
span.cinquantepx {float:left;
height:50px;
width:775px;
}

div.validationcommande {width:765px;
height:20px;
margin:40px 0 0 3px;
padding:3px 5px 3px 5px;
float:left;
font-family:arial;
font-size:9pt;
}
div.validationcommande .erreurpanier {height:20px;
float:left;
display:block;
}
div.validationcommande a {text-decoration:none;
cursor:pointer;
}
div.validationcommande .retourboutique {float:left;
display:block;
margin:0 0 0 25px;
width:180px;
height:18px;
background-color:#f8944d;
}
div.validationcommande .passercommande {float:right;
display:block;
margin:0 25px 0 0;
width:180px;
height:18px;
background-color:#f8944d;
}
img.floatleft {margin:0 5px 0 0;
float:left;
}
span.validationcommande {margin:0 0 0 0;
color:#ffffff;
font-weight:bold;
padding:0 0 0 5px;
float:left;
}
div.cadreimage a img {
    transition : 0.5s;
    opacity : 1;
    width:100%;
    height:auto;
    margin: 0;
    border: solid white 1px;    
    
}
div.cadreimage a img:hover {
    opacity : 0.7;
    width:100%;
    height:auto;
    margin: 0;
    border: solid white 1px;
}

#validationboutique {position:relative;
width:1000px;
height:400px;
top:100px;
text-align:center;
font-family:arial;
font-weight:bold;
font-size:14pt;
}
#boutonvalidation {width:200px;
height:30px;
padding:0 10px 2px 10px;
background-color:#f8944d;
color:#ffffff;
cursor:pointer;
}

div.expe {float:left;
width:780px;
height:20px;
margin:10px 0 0 5px;
font-family:arial;
font-size:9pt;
}
span.inputmode {clear:both;
float:left;
width:20px;
margin:0 0 0 0;
}
span.spanmode {float:left;
width:555px ;
margin:2px 0 0 0;
}
span.tarifexpe {float:left;
margin:2px 0 0 20px;
width:150px;
font-weight:bold;
}
div.totalcommande {float:left;
width:765px;
margin:20px 0 5px 2px;
border:solid 2px #ff0000;
padding:5px;
text-align:center;
font-weight:bold;
}
#poursuitecommande {position:relative;
width:765px;
display:none;
}
div.texteCGV {float:left;
margin:5px 0 20px 0;
width:300px;
height:15px;
font-size:10pt;
font-weight:bold;
font-family:arial;
font-size:9pt;
}
div.inputCGV {float:left;
margin:2px 0 20px 0;
width:20px;
height:15px;
}
div.contenuCGV {clear:both;
margin:0 0 50px 5px;
width:765px;
font-family:arial;
font-size:9pt;
}
#modereglement {float:left;
width:765px;
margin:20px 0 5px 2px;
font-family:arial;
font-size:9pt;
}
#modereglement span.inputmodereglement {clear:both;
float:left;
width:765px;
display:block;
margin:2px 0 0 5px;
font-size:9pt;
font-family:arial;
font-weight:bold;
}
#modereglement span.inputmodereglement input {margin:0 5px 0 0;
}
#modereglement span.rappelmontant {clear:both;
float:left;
width:765px;
display:block;
margin:15px 0 20px 7px;
font-weight:bold;
font-size:10pt;
font-family:arial;
}
#envoicommande {clear:both;
width:765px;
margin:20px 0 5px 2px;
padding:0 5px 0 5px;
}
#recapcommande {clear:both;
width:765px;
height:1000px;
}
span.formautres {float:left;
display:block;
margin:2px 0 0 0;
width:230px;
}
span.formautres a {cursor:pointer;}
span.expliautres {float:right;
display:block;
text-align:left;
width:270px;
margin:5px 0 5px 5px;
padding:0 0 0 0;
}

div.blocBio {
    display: none;
    width: 40px;
    height: auto;
    margin-bottom: 10px;
    float: right;
}
div.blocBio img {
    width: 100%;
}
div.cadreimage {
    position: relative;
    float: left;
    height: auto;
    background: rgb(227, 54, 106);
    margin: 5% 5% 0% 5%;
    text-align: center;
    cursor: pointer;
}
div.cadreimage a {text-decoration:none; cursor:pointer;
}
div.blocarticle {
    float: left;
    width: 90%;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 9pt;
    margin: 5%;
}
p.nomarticle {
    width: 100%;
    height: auto;
    font-size: 13pt;
    font-weight: normal;
    color: #333;
    display: inline;
}
p.dispoarticle {
    float: left;
    width: auto;
    color: #a2a2a2;
    margin-bottom: 6px;
    font-size: 11pt;
}
p.prixarticle {clear:both; float:left; width:490px; font-family:arial; font-size:9pt; margin:4px 0 0 0;}
p.promo {clear:both; float:left; width:490px; font-family:arial; font-size:9pt; font-weight:bold; margin:3px 0 0 0;}
p.quantitearticle {
    float: left;
    width: auto;
    clear: both;
    font-size: 9pt;
}
p.quantitearticle input {
    width: 40px;
    height: 25px;
    font-size: 11pt;
    font-weight: normal;
    text-align: center;
    border: solid 1px #000;
    background-color: #ffffff;
    font-family: 'Open Sans';
}
div.description {clear:both; text-align:left; font-family:arial; font-size:9pt; padding:60px 5px 5px 5px;}
#infospanier {width:100%; height:18px; margin:10px 0 30px 0; }
#textinfopanier {clear:both; float:left; width:100%; height:18px; background-color:#fff; color:#000; font-family:arial; font-size:9pt; font-weight: bold; line-height:18px;}
#voirpanier {float:left; width:120px; height:18px; background-color:#fff; font-size:11pt; line-height:16px;}
#voirpanier a {font-family:arial; font-size:10pt; font-weight: bold; color:#000; cursor:pointer;}
div.paddingbasboutique {clear:both; float:left; width:100%; height:400px;}
p.ajoutarticlepanier {
    float: right;
    width: auto;
    height: auto;
    font-weight: normal;
}
p.ajoutarticlepanier a {
    font-size: 9pt;
    font-weight: normal;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
    background: #f2f2f2;
    padding: 5px 8px;
    letter-spacing: 1px;
    height: auto;
    line-height: 20px;
    display: block;
    font-family: Arial;
}
p.ajoutarticlepanier a:hover {
    color: white;
    background: rgb(182, 156, 122);
}
p.ensavoirplusarticle {float:left; width:120px; height:18px; background-color:#fff; line-height:16px; margin:0 0 0 10px;}
p.ensavoirplusarticle a {font-family:arial; font-size:10pt; font-weight: bold; color:#000; cursor:pointer;}
div.cadrearticle {
width:33.33333333333333%; 
height: auto;
float: left;
position: relative;
}
div.cadrearticledescription {width:100%; height:1200px; margin:0 0 5px 0;}

#affichephoto14100010 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14100020 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14100030 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14100040 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14100050 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14100060 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14100070 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14100080 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14200010 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14200020 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14200030 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14200040 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14200050 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14200060 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14200070 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14200080 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14200090 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000100 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto142000110 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000120 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto142000130 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000140 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000150 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000160 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000170 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000180 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000190 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000200 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto142000210 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14300010 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14300020 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14300030 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14300040 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14500010 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14500011 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 106.66666666667px;}

#affichephoto14500020 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14500021 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 104.34782608696px;}

#affichephoto14500030 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14500040 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14500050 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}

#affichephoto14600010 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 80px;}

#affichephoto14600020 {position:absolute; display:none; width:620px; height:200px; margin:0 0 0 60px;}
/***************************** commande en ligne **************************/
div.formpanier{position:absolute;
height:20px;
line-height:20px;
font-family:arial;
font-size:8pt;
font-weight:bold;
text-align:left;
}
div.formpaniertitre{position:absolute;
height:20px;
line-height:20px;
border: solid 1px #000;
text-align:left;
}
div.formpanierbandeau{position:absolute;
height:20px;
line-height:20px;
font-family:arial;
font-size:12pt;
font-weight:bold;
background-position:right top;
background-repeat : no-repeat;
}
div.nomarticle{position:absolute;
height:20px;
line-height:18px;
font-family:arial;
font-size:10pt;
font-weight:bold;
}
div.bouton{position:absolute;
height:16px;
line-height:16px;
text-align: center;
cursor:pointer;
width:199px;
}
div.bouton a{color:#ffffff;
font-family:arial;
font-size:9pt;
font-weight:bold;
}
span a {cursor:pointer;}