#panier {width:810px;
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:810px;
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:460px;
background-color:#9C0032;
color:#ffffff;
height:25px;
text-align:center;
cursor:pointer;
}

div.paniertableau {clear:both;
float:left;
padding: 0 0 0 0 ;
width:810px;
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 : 550px;
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 : 550px;
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 : 125px;
text-align:right;
margin:0 0 5px 583px;
padding : 0 0 0 0;
}
span.rappelprixdexpe {float:left;
width : 68px;
text-align:right;
margin:0 2px 5px 2px;
padding:0 2px 0 0;
}

#commentairecmd {
clear:both;
float:left;
width:580px;
height:115px;
margin:5px 0 5px 0;
}
#commentairecmd textarea{padding:5px;
font-family:arial;
font-size:9pt;
width:550px;
height:110px;
}
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:810px;
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:#9C0032;
color:#ffffff;
border:solid 1px #000000;
}
span.titresanscadre {float:left;
width:805px;
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:805px;
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:805px;
font-family:arial;
font-size:9pt;
font-weight:bold;
line-height:16pt;
margin : 2px 0 0 0;
}
div.locgeo {clear:both;
float:left;
width:805px;
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:795px;
height:15px;
margin:5px 0 0 3px;
padding:3px 5px 3px 5px;
float:left;
}
div.clientcheck {float:left;
width:805px;
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:#9C0032;
color:#ffffff;
line-height:18px;
}
span.annulconnect {float:left;
margin:10px 0 20px 20px;
text-align:center;
height:18px;
width:80px;
background-color:#9C0032;
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:#9C0032;
color:#ffffff;
line-height:18px;
}
div.clientableau p.input input.inputsupcompte {width:200px;}
span.barredenav {clear:both;
float:left;
width:795px;
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:#9C0032;
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:#9C0032;
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:#9C0032;
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:#9C0032;
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:#9C0032;
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:#9C0032;
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:#9C0032;
}
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:#9C0032;
}
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:#9C0032;
color:#ffffff;
line-height:18px;
cursor:pointer;
}
span.boutonpaypal {clear:both;
float:left;
margin:0 0 50px 325px;
height:95px;
width:200px;
border:0px;
cursor:pointer;
background-image: url('../images/panierpaypal.png');
}
span.cinquantepx {float:left;
height:50px;
width:805px;
}

div.validationcommande {width:795px;
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:#9C0032;
}
div.validationcommande .passercommande {float:right;
display:block;
margin:0 25px 0 0;
width:180px;
height:18px;
background-color:#9C0032;
}
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;
}

#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:#9C0032;
color:#ffffff;
cursor:pointer;
}

div.expe {float:left;
width:810px;
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:585px ;
margin:2px 0 0 0;
}
span.tarifexpe {float:left;
margin:2px 0 0 20px;
width:150px;
font-weight:bold;
}
div.totalcommande {float:left;
width:795px;
margin:20px 0 5px 2px;
border:solid 2px #ff0000;
padding:5px;
text-align:center;
font-weight:bold;
}
#poursuitecommande {position:relative;
width:795px;
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:795px;
font-family:arial;
font-size:9pt;
}
#modereglement {float:left;
width:795px;
margin:20px 0 5px 2px;
font-family:arial;
font-size:9pt;
}
#modereglement span.inputmodereglement {clear:both;
float:left;
width:795px;
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:795px;
display:block;
margin:15px 0 20px 7px;
font-weight:bold;
font-size:10pt;
font-family:arial;
}
#envoicommande {clear:both;
width:795px;
margin:20px 0 5px 2px;
padding:0 5px 0 5px;
}
#recapcommande {clear:both;
width:795px;
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;
}
/***************************** 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;}