/* store */
/* famille recherche */
#searchform {
 margin:0;
 padding:5px 0 0 50px; /* T R B L */
 height:26px;
 display:block;
 background-color:#F0F0F0;
 font-weight:bold;
 }
#searchform form,#searchform form div {
 margin:0;
 font-size:10px;
 }
#searchform select {
 font-size:10px;
 font-weight:normal;
 }
#searchform input {
 font-size:10px;
 }
#famille {
 margin:0; padding:0; width:830px;
}
#famille .navig {
 display:block;
 text-align:right;
 width:800px;
}
#famille .bandeauhaut, #famille .bandeaubas {
 width:830px;
}
#articles { 
 margin:35px 0px 10px 20px; /* T R B L */
 color:#488AF8;
 font-size:10px;
}
#articles .unarticle {
 float:left;
 margin-right:0px;
 margin-bottom:15px;
 border-top:1px solid #CBCBCB;
 border-bottom:1px solid #CBCBCB;
 width:160px;
}
#articles .unarticle a {
 font-weight:bold;
 color:#6F6E6E;
 font-size:10px;
}
#articles .unarticle p.haut {
 text-align:center;
}
#articles .unarticle p.rayon {
 text-align:center;
}
#articles .unarticle p.article {
 text-align:center;
 display:block;
}
#articles .unarticle p.sexe {
 text-align:center;
 display:none;
}
#articles .unarticle p.marque {
 text-align:center;
 display:none;
}
#articles .unarticle p.prix {
 text-align:center;
}
#articles .unarticle .prixnet {
 font-weight:bold;
 color:#ba0000;
 font-size:10px;
}
#articles .unarticle .prixbrut {
 color:black;
 font-size:10px;
 text-decoration:line-through;
}
#articles .unarticle p.description {
 text-align:justify;
 display:none;
 font-size:12px;
}


/* macro produit */

.macrounarticle {
 float:left;
 margin-right:0px;
 margin-bottom:15px;
 width:156px;
}
.macrounarticle a {
 font-weight:bold;
 color:#6F6E6E;
 font-size:10px;
 
}



.macrounarticle p.haut {
 text-align:center

}
.macrounarticle p.rayon {
 text-align:center;
 display:block;
}
.macrounarticle p.sexe {
 text-align:center;
 display:block;
}
.macrounarticle p.marque{
 text-align:center;
 display:none;
}
.macrounarticle p.article {
 text-align:center;
 display:block;
 display:none;
}
.macrounarticle p.prix {
 text-align:center;
 display:block;
}
.macrounarticle p.prix span.prixnet {
 font-weight:bold;
 color:red;
 font-size:14px;
 display:block;
}
.macrounarticle p.prix span.prixbrut {
 font-weight:bold;
 color:#787483;
 font-size:12px;
 text-decoration: line-through;
}
.macrounarticle p.description {
 text-align:justify;
 font-size:12px;
 display:none;
}

/* modeles */
.curseurz {
 background:transparent url("/home/images/zoom2.gif") top left no-repeat;
 position:absolute;
 margin-left:0px;
 margin-top:294px;
 width:92px;
 height:30px;
 z-index:5;
}
.curseur {
 display:none;
 z-index:5;
 position:absolute;
 overflow:hidden;
 width:100px;height:100px;
 background:transparent url("/zoom1.gif") center no-repeat;
 cursor:crosshair;
 filter: alpha(opacity=50); /* IE */
 -moz-opacity: 0.5; /* Mozilla */
 opacity:0.5; /* CSS3 */
 -khtml-opacity: .5; /* Safari */
}
#modele {
 margin:0;padding:0;
 width:835px;
 overflow:hidden;
 }
#modele .bandeauhaut, #modele .bandeaubas {
}
#modele div.article {
 margin:0px 0px 5px;
 padding:0;
}
#modele div.article h1 {
 margin:0;
 padding-left:5px;
 text-align:left;
}

#modele div.article .railway {
 margin-bottom:15px;
 }

/* col 1 */
#modele div.modelecol1 {
 margin:0; padding:2px 2px 2px 2px;
 }
#modele div.modeleimage { }
#modele div.modeleimage img.img2zoom { 
 cursor:crosshair;
 }

/* col 2 */
#modele div.modelecol2 {
 margin:0; padding:0px 6px 0px 6px;
 width:363px;
 height:330px;
}
#modele div.modeledesc {
 margin:0; padding:7px 20px 6px 0px;
 height:80px;
 text-align:justify;
 overflow:auto;
 }
#modele div.modeletaille {
 margin:0px 0px 0px 0px; padding:0;
 }
#modele div.modeletaille p.choosesize {
 font-size:10px;
 margin:0; padding:0;
 height:20px;
 overflow:hidden;
 }
#modele div.modeleimg_1_2 {
 margin:0px 0px 5px 0px; padding:0;
 width:310px;
 overflow:hidden;
 }
#modele div.image_1_2 {
 width:87px;
 margin:0px 5px 0px 0px;
 float:left;
 }
#modele div.infotaille {
 width:110px;
 margin:0px 5px 0px 0px;
 float:left;
 color:#FC0391;
 
 }
#modele div.image_1_2 img {
 border:solid 1px black;
 }
#modele div.modelecouleur {
 margin:0px 0px 0px 0px;
 width:363px;
 }
#modele p.couleurexiste {
 font-size:10px;
 margin:0; padding:0;
 height:20px;
 overflow:hidden;
 vertical-align:middle;
 }
#modele div.modelesup {
 margin:0px 0px 0px 0px;
}
#modele div.modelesup div.nombreavis {
 margin:5px 0px 0px 30px;
 font-weight:bold;
}
#modele div.modelesup div.lesavis {
 margin:0px 0px 0px 40px;
}

/* col 3 */
#modele div.modelecol3 {
 margin:0; padding:2px 6px 2px 6px;
}

#modele div.modeleart {
 margin:0px 0px 10px 0px;
 }
#modele p.nomrayon {
 font-size:14px;
 font-weight:bold;
 color:black;
 }
#modele p.nomsexe {
 display:none;
 color:black;
 }
#modele p.nomarticle {
 font-size:14px;
 font-weight:bold;
 color:black;
 }
#modele p.libpv {
 font-size:10px;
 color:black;
 }
#modele div.modeleart span.prix {
 font-size:20px;
 font-weight:bold;
 color:blue;
 }
#modele div.modeleart span.prixbarre {
 font-size:20px;
 text-decoration:line-through;
 }
#frm p.quantite {
 margin-bottom:5px;
 }

/* menu taille */
#modele ul.menusize {
 list-style-type:none;
 height:25px;
 margin:0px 0px 5px 0px; padding:0;
 overflow:hidden;
 }
#modele ul.menusize li {
 width:31px;
 height:25px;
 margin:0px 5px 0px 0px; padding:0;
 text-align:center;
 float:left; 
 }
#modele ul.menusize li.epuise {
 width:31px;
 height:23px;
 line-height:23px;
 font-size:12px;
 font-weight:normal ;
 color:#CBCBCB;

 border:solid 1px #CBCBCB;
 }
#modele ul.menusize a.unselect {
 line-height:23px;
 font-size:12px;
 display:block;
 text-decoration:none;
 font-weight:normal;
 color:black;
 background-color:white;
 border:1px solid #808080;
}
#modele ul.menusize a.unselect:hover {
 line-height:23px;
 font-size:12px;
 display:block;
 text-decoration:none;
 font-weight:bold;
 color:white;
 background-color:black;
 border:1px solid black;
}
#modele ul.menusize a.select {
 line-height:21px;
 font-size:12px;
 display:block;
 text-decoration:none;
 font-weight:bold;
 color:white;
 background-color:black;
 border:2px solid black;
}
/* menu couleur */
#selcol {
 margin:0; padding:0;
 width:87px; height:18px;
 font-size:10px;
}
#modele ul.menucolor {
 list-style-type:none;
 margin:0px 0px 5px 0px; padding:0;
 height:35px;
 overflow:hidden;
 }
#modele ul.menucolor li {
 width:35px;
 height:35px;
 margin:0px 4px 0px 0px; padding:0;
 text-align:center;
 float:left; 
 }
#modele ul.menucolor a.unselect {
 line-height:33px;
 font-size:8px;
 display:block;
 text-decoration:none;
 font-weight:normal;
 color:black;
 background-color:white;
 border:1px solid #cccccc;
}
#modele ul.menucolor a.unselect:hover {
 line-height:33px;
 font-size:8px;
 display:block;
 text-decoration:none;
 font-weight:bold;
 color:white;
 background-color:black;
 border:1px solid #cccccc;
}
#modele ul.menucolor a.select {
 line-height:31px;
 font-size:8px;
 display:block;
 text-decoration:none;
 font-weight:bold;
 color:white;
 background-color:black;
 border:2px solid #3B3B3B;
}

/* messages */
#modele div.message {
 margin:5px 0px 5px 0px;
 width:150px;
 font-size:10px;
 background:#c2cee6;
 padding:10px 25px 10px 20px;
}
#modele div.continue {
 background:white url("/home/style/1/monpanier.gif");
 width:352px; height:356px;
 font-size:10px;
 position : absolute;
 z-index:50;
}
#modele div.continueclose {
 margin-top:19px;
 margin-left:309px;
 height:20px;
}
#modele div.continue p.image_panier {
 padding:20px 70px 0px 70px; 
}
#modele div.continue div.message_panier {
 padding:50px 70px 0px 70px; 
 font-size:10px;
}
#modele div.continue div.continuepanier, #modele div.continue div.continuebtn1,#modele div.continue div.continuebtn2 {
 padding:20px 70px 0px 70px; 
 font-size:10px;
}
#modele div.continue a {
 font-size:10px ;
 font-weight:normal;
 color:black;
 text-decoration:underline;
}

/* identification */
#identification {
  padding-left:10px;
  padding-right:10px;
}
#identification .info {
 width:80%;margin:5px auto 10px auto;
 }
#identification .message_erreur {
 width:411px;
}
#login {
 float:left;
 width:315px;
 margin:10px; padding:0px;
 }
#login .message_erreur {
 width:211px;
}

#newcliblock {
 float:left;
 width:315px;
 margin:10px; padding:0px;
 }
#newcliblockempty {
 float:left;
 width:315px;
 margin:10px; padding:0px;
 }

/* affichage du panier */
#affpanier {
 padding-left:10px;
 padding-right:10px;
 }
div#affpanier h2 {
 margin-left:10px;
 }
div#affpanier .message_erreur {
 width:411px;
 }
div#affpanier #condcgv {
 margin-left:50px;
 margin-top:15px;
 width:650px;
 }
div#affpanier .valid {
 }
/* livraison */
#livraison {
 width:800px;
 margin:5px;
}
#livraison .lstadresse {
 width:790px;
 }
#livraison td.lstadresse {
 }
#livraison .adrliv {
 float:left;
 width:315px;
 margin:10px 10px 10px 50px; padding:0px;
 }
#livraison .addadr {
 width:315px;
 margin:10px 10px 10px 50px; padding:0px;
}
#livraison .addadr table {
 width:100%;
}
#livraison .addadr td.gauche {
 text-align:left;
}
#livraison .addadr td.droite {
 text-align:right;
}

#livraison .message_erreur {
 width:411px;
}

/* retours */
#retourart {
 width:800px;
 margin:5px 5px 5px 5px;
 }
#retourart ul {
 margin: 2px 5px 5px 5px;
 }
#retourart table {
 margin: 0px auto 0px auto;
 width:90%;
 }

/* recap */
#recap, #suivi {
 width:770px;
 }
#headercmd {
 width:650px;
 margin:10px 10px 10px 50px; padding:0px;
 }

#adrliv {
 float:left;
 width:315px;
 margin:10px 10px 10px 50px; padding:0px;
 }
#adrfac {
 float:left;
 width:315px;
 margin:10px; padding:0px;
 }
#recap .recapfin {
 margin-top:15px;
 margin-left:50px;
 width:650px;
}
#recap .recapfin p {
 text-align:right;
}
#recapcommande table.lstprod {
 border-top:1px solid #808285;
 border-left:1px solid #808285;
 border-right:0;
 border-bottom:0;
 background-color:white;
 margin-left:50px;
 width:650px;
 }
#recapcommande table.lstprod th {
 background-color:#808285;
 color:white;
 font-weight:bold;
 }
#recapcommande table.lstprod td {
 border-right:1px solid #808285;
 border-bottom:1px solid #808285;
 }
#recapcommande table.total, #recapcommande table.bdr {
 border:1px solid #808285;
 margin:5px 0px 0px 50px;
 width:650px;
 }
#recapcommande tr.totalgen td {
 background-color:#808285;
 color:white;
 font-weight:bold;
 font-size:16px;
 }
#recapcommande table.bdr {
 }

/* page de paiement */
#paiement {
 width:800px;
 height:600px;
 margin-top:15px;
 margin-left:15px;
 background: url("/home/images/mstore/caissiere.jpg") top right no-repeat;
 }
#paiement .refcmd_atos {
 width:60%;
 border:solid 1px #B0B0B0;
 }

#paiement .refcmd {
 }
#paiement .refcmd p {
 text-align:center;
 font-weight:bold;
 margin:15px 0px 15px 0px;
 }

#paiement .atos {
 margin:15px 0px 15px 0px;
 }
#paiement .atos p {
 text-align:left;
 font-weight:bold;
 margin:15px 15px 15px 15px;
 }
#paiement .avertis {
 width:60%;
 }
#paiement .avertis p {
 font-size:80%;
 text-align:justify;
 font-weight:normal;
 margin:15px 0px 15px 0px;
 }
#confirm {
 }
#confirm p.paiementok {
 background:white url("/home/images/mstore/pictos/cocher.gif") top left no-repeat;
 padding:0px 0px 0px 150px;
 }
#confirm p.paiementrefus {
 background:white url("/home/images/mstore/pictos/attention.gif") top left no-repeat;
 padding:0px 0px 0px 150px;
 }
/* ligne avec des boutons */
.ligneboutons {
 }
.ligneboutons .gauche {
 float:left;
}
.ligneboutons .droite {
 float:right;
}
table.tableboutons {
 width:100%;
}
table.tableboutons td.gauche {
 text-align:left;
}
table.tableboutons td.droite {
 text-align:right;
}

/* etapes */
.etapes {
 width:770px;
 margin:0 auto 0 auto;
 padding:0;
 }
.etapes td {
 width:140px;
 padding: 5px 0px 5px 0px;
 margin: 0 4px 0 0;
 font-size:10px;
 text-align:center;
 text-transform:uppercase;
 }
.etapes td.etapeval {
 margin: 0 4px 0 0;
 font-weight:normal;
 background-color:#F0F0F0;
}
.etapes td.etapevalsel {
 margin: 0 4px 0 0;
 font-weight:bold;
 color:white;
 background-color:#063eab;
}
.etapes td.etapevalselold {
 margin: 0 4px 0 0;
 font-weight:bold;
 color:white;
 background-color:#c2cee6;
}

#compte {
 width:770px;
}
.soustitre {
 font-size:14px;
 width:200px;
 background-color:#F0F0F0;
 margin:0px auto 0px auto;
 padding:10px 10px 10px 10px;
 text-align:center;
 font-weight:bold;
 }
#compte .explain {
 margin:5px 150px 10px 25px;
 }
#compte .item {
 margin:5px 150px 0px 25px;
 padding:5px 5px 5px 5px;
 background-color:#F0F0F0;
 }
#compte .item .imag {
 float:left;
 margin:0px 10px 0px 0px;
 }
#compte .item .txt {
 float:left;
 padding:8px 0px 0px 0px;
 margin-left:10px;
 } 
table.lstcommande {
 border-top:1px solid #808285;
 border-left:1px solid #808285;
 border-right:0;
 border-bottom:0;
 background-color:white;
 width:650px;
 }
table.lstcommande th {
 background-color:#808285;
 color:white;
 font-weight:bold;
 margin-left:50px;
 }
table.lstcommande td {
 border-right:1px solid #808285;
 border-bottom:1px solid #808285;
 }
div#compte table.lstcommande {
}
div#compte table.lstcommande th {
}
div#compte table.lstcommande td {
}
div#changepwd .message_erreur {
 margin:5px auto 5px auto;
 }

#bas span.patrick {
 font-size:9px ;
 color:black;
 font-weight:normal;
}

.bldred {
 font-size:13px ;
 color:#000000;
 font-weight:bold;
}

/* button */
div.button1 {
 /* bouton gros validation principal */
 width:153px;height:30px;
 background-color:white;
}
div.button2 {
 /* bouton moyen retour */
 width:87px;height:30px;
 background-color:white;
}
div.button3 {
 /* bouton ami  */
 width:125px;height:21px;
 background-color:white;
}
div.button4 {
 /* bouton ami  */
 width:250px;height:23px;
 background-color:white;
}

.button1 ul, .button2 ul, .button3 ul, .button4 ul {
 list-style-type:none;
 margin:0; padding:0;
}
.button1 li, .button2 li , .button3 li, .button4 li {
 text-align:center;
}
.button1 li a, .button2 li a, .button4 li a {
 line-height:23px;
 color:blue;
 font-weight:bold;
 text-decoration:underline;
 font-size:11px ;
 display:block ;
}
.button3 li a {
 line-height:21px;
 color:blue;
 font-weight:normal;
 text-decoration:underline;
 font-size:10px ;
 display:block ;
}
.button1 li a:hover, .button2 li a:hover, .button3 li a:hover, .button4 li a:hover {
 text-decoration:none;
}
div.buttoncenter {
 margin:auto;
}
div.buttonleft {
 margin:0;
}
div.buttonright {
 margin:0;float:right;
}