body { font-family:Arial, Helvetica, sans-serif; background-color:#000000;}
.page { width:1024px; margin-left:auto; margin-right:auto; margin-top:5px;  }
.pageaccueil { width:1024px; margin-left:auto; margin-right:auto; margin-top:5px;    }
.pageconcept { width:1024px; margin-left:auto; margin-right:auto; margin-top:5px;   }

.ref {display:none;}
.clr {clear:both;}
.accueil {margin:0 auto;width:714px;height:568px;background:url('/images/fondAcceuil.jpg') no-repeat left top;border:solid 1px #FFFFFF;}
.menu {font-family:Helvetica;letter-spacing:5px; }
.accueil .main{float:left;width:450px;height:346px;}
.menu {float:left;width:84px;margin:240px 0 0 97px;border:solid 1px #005B67;padding:10px;font-size:12px;height:115px;}

.menu a {text-decoration:none;color:#FFFFFF;display:block;height:18px;}
.menu a:hover {text-decoration:underline;color:#FFFFFF;display:block;}

.mentionsLegales {width:675px;color:#999999;margin:0px auto;font-size:9px;padding:0 15px 0 15px;text-align:justify;}
/*.footer {color:#80ADB3;font-size:10px;font-weight:bold;}*/
.contact {margin:0 auto;width:714px;height:568px;background:url('/images/fondContact.jpg') no-repeat;border:solid 1px #FFFFFF;}
.contact .main{float:left;width:450px;height:346px;}

.contact  .menu {color:#005B67;}
.contact  .menu a {color:#005B67;}
.contact .menu a:hover {color:#EF047E;}

.contact .contactadresse {border:1px solid #FFFFFF;margin:238px 0 0 58px;padding:5px}
.contact .contactadresse p {color:#FFFFFF;font-size:14px;font-family:Times new Roman}
.contact .contactadresse a {color:#FFFFFF;text-decoration:underline;}
.contact .contactadresse a:hover {color:#FFFFFF;text-decoration:underline;}


.concept {margin:0 auto; width:714px;height:568px;border:solid 1px #FFFFFF;}
.concept .main{background:url('/images/fondConcept.jpg') no-repeat; width:540px;height:540px;margin:10px auto;}
.concept  .menu {color:#4DB8B0;margin:230px 0 0 10px;}
.concept  .menu a {color:#4DB8B0;}
.concept .menu a:hover {color:#441B83;}
.concept .main p {color:#441B83;float:left;font-size:10px;padding:97px 10px 0;width:378px;text-align:justify;}

.concept .exempleGuide {display:block;width:243px;height:82px;background:url('/images/quelquesPages.jpg') no-repeat;margin:0 auto;}
.concept .lienPdf {color:#4DB8B0;display:block;font-size:12px;margin:0 auto;width:280px;margin:0 auto 15px;}

.commande {margin:0 auto;width:714px;height:670px;background:url('/images/fondCommande.jpg') no-repeat;border:solid 1px #FFFFFF;}
.commande .main{float:left;width:440px;height:346px;margin:10px 0 0 58px;}

.commande .menu {border:solid 1px #8B9EA3;}
.commande  .menu {color:#8B9EA3;}
.commande  .menu a {color:#8B9EA3;}
.commande .menu a:hover {color:#310709;}

.commande .main p {margin:0 0 5px 0;color:#FFFFFF;font-size:12px;}
.commande form {font-size:11px;}
.commande form input,
.commande form select,
.commande form textarea {float:left;font-size:11px;font-family:Arial;background-color:#000000;border:solid 1px #FFFFFF;color:#FFFFFF;}
.commande label {float:left;width:150px;color:#FFFFFF;clear:left}


.panier {margin:0 auto;width:714px;height:568px;background:url('/images/fondCommande.jpg') no-repeat;border:solid 1px #FFFFFF;}
.panier .main{float:left;width:440px;height:346px;margin:10px 0 0 58px;color:#FFFFFF;}
.panier .main h1{margin:0 0 10px 0;padding:0;font-size:14px;font-weight:bold;}
.panier .main h3{margin:0 0 5px 0;padding:0;font-size:12px;font-weight:bold;}
.panier .main .recappanier {font-size:11px;border:solid 1px #FFFFFF;margin:10px 0;width:268px;}

.panier .main .recappanier .titrearticle {float:left;width:150px;border-bottom:solid 1px #FFFFFF;padding:3px;}
.panier .main .recappanier .titrequantite {float:left;width:50px;border-bottom:solid 1px #FFFFFF;padding:3px;}
.panier .main .recappanier .titreprix {float:left;width:50px;border-bottom:solid 1px #FFFFFF;padding:3px;}
.panier .main .recappanier .article {float:left;width:150px;padding:3px;}
.panier .main .recappanier .quantite {float:left;width:50px;text-align:center;padding:3px;}
.panier .main .recappanier .prix  {float:left;width:50px;padding:3px;}

.panier .main .adresselivraison {margin:5px 0}
.panier .main .adresselivraison p {margin:0;font-size:11px;}

.panier .main .adressefacturation {margin:5px 0}
.panier .main .adressefacturation p {margin:0;font-size:11px;}

.panier .main .modepaiement {margin:10px 0;}
.panier .main .radio {float:left;margin:0 0 0 40px;}

.panier  .menu {color:#005B67;}
.panier  .menu a {color:#005B67;}
.panier .menu a:hover {color:#EF047E;}

.panier .main p {margin:0 0 5px 0;color:#FFFFFF;font-size:12px;}
.panier form {font-size:11px;}
.panier form input,
.panier form select,
.panier form textarea {font-size:11px;font-family:Arial;background-color:#000000;border:solid 1px #FFFFFF;color:#FFFFFF;}
.panier label {float:left;width:150px;color:#FFFFFF;}

.enteteRef p {
    color:#80ADB3;
    font-size:10px;
    font-weight:bold;
    padding:0;
    margin:0 0 10px 0;
}

