/* commun 1 */
body {
 font-family:Arial,Sans-serif;
 margin:0; padding:0;
 font-size:12px;
 font-weight:normal;
 text-align:left;
 color:#535353;
 }
h1,h2,h3,h4 { margin: 0 }
h1 {
 font-family:Arial,Sans-serif;
 font-size:16px;
 color:white;
 font-weight:bold;
 margin-bottom:10px;
 height:21px;
 text-align:center;
 vertical-align:middle;
 text-transform:uppercase;
 padding-top:5px;
 }
h2 {
 font-family:Arial,Sans-serif;
 font-size:14px;
 color:#063eab;
 text-decoration:none;
 text-align:left;
 font-weight:bold;
 margin-top:20px;
 margin-bottom:10px;
 }
p { 
 font-family:Arial,Sans-serif;
 font-size:12px;
 color:#535353;
 margin:0;
 }
li {
 margin:0;
 padding:0;
 }
a {
 color:blue;
 font-size:12px;
 font-weight:normal;
 text-decoration: underline;
}
a:hover { text-decoration: none ;}
form { margin:0;}
img { border:0;margin:0;padding:0;}

#global {
 width:1000px;
 margin:0 auto 0 auto; /* T R B L */
 padding:0;
 }
#header {
 margin:0; padding:0;
 }
#main1 {
 margin:0; padding:0;
 background:white;
 }
#main2 {
 margin:0; padding:0;
 background:white;
 }
#left {
 float:left;
 width:160px;
 margin:0;padding:0;
 overflow:hidden;
 }
#right {
 float:right;
 width:1px;
 margin:0; padding:0;
 overflow:hidden;
 }
#middle {
 margin:0px 1px 0px 160px;
 padding:0;
 background:white;
 }
#content {
 padding: 0px 10px 0px 10px;
 width:815px;
 overflow:hidden;
}
#contentstore {
 padding:0; margin:0;
 width:835px;
 overflow:hidden;
}
.cleaner {
 clear:both;
 height:0px;
 font-size:1px;
 border:none;
 margin:0; padding:0;
 background:transparent;
 }

.blocwithmargin {
 margin: 10px;
 }
.blocwithborder { 
 margin:0; border:solid 1px #B0B0B0;
 }
.blocwithborder h3 {
 padding:5px;
 background-color:#808285;
 font-weight:bold;
 color:white;
}
.message_erreur {
 margin:5px auto 5px auto;
 border:1px solid #063eab;
 font-size:12px;
 text-align:justify;
 background: white url("/home/images/mstore/pictos/_erreur30.gif") top left no-repeat;
 padding:10px 10px 10px 35px;
}
  
.copy { text-align:center; font-size:80% }

/* header */
#haut {
 font-family:Arial,Sans-serif;
 font-size:10px;
 width:1000px;
}
#haut span {
 font-size:10px;
 font-weight:bold ;
}
#haut a {
 font-size:10px;
 font-weight:bold;
 text-decoration:underline;
 padding-left:5px;
 padding-right:5px;
}
#haut a:hover {
 font-weight:bold;
 text-decoration:none;
}
#haut a.newcli, div#haut a.oldcli, div#haut a.hompag {
 font-family:Arial,Sans-serif;
 font-size:10px;
 font-weight:bold;
 padding-left:3px;
 padding-right:15px;
}
#haut a.newcli:hover, div#haut a.oldcli:hover, div#haut a.hompag:hover {
 font-family:Arial,Sans-serif;
 font-weight:bold;
 text-decoration: none;
}
#haut span.news {
 font-size:10px;
}
#haut ul { 
 font-size:10px;
 list-style-position: outside;
}
#haut li {
 font-size:10px;
 /*float:left;*/
}
#haut li a {
 font-size:10px;
 font-weight:bold;
 text-decoration:none;
 text-align:left;
}
#haut span.panier {
 font-size:10px;
 font-weight:bold;
 }

#menuo { 
 margin-bottom:10px; padding:0;
}
#menuo ul { 
 list-style-type:none;
 height:30px;
 margin:0;
 padding:0;
}
#menuo li {
 width:100px;
 height:30px;
 text-align:center;
 float:left;
}
#menuo li a {
 width: 100px ;
 line-height: 30px ;
 font-size: 12px ;
 font-weight: bold ;
 color: black;
 display: block ;
 text-decoration: none;
}
#menuo li a:hover {
 font-weight:bold;
 text-decoration:underline;
}

/* middle */
#middle {
 }
#middle ul.resume {
 list-style-type:none;
 margin:0 0 5px 0; /* T R B L */
 padding-left:10px;
 }
#middle ul.resume li {
 /*float:left;*/
 }
#middle ul.resume a {
 color:black;
 font-size:11px;
 font-weight:normal;
 text-decoration: none;
}
#middle ul.resume a:hover {
 text-decoration: underline ;
}

#middle div.col1 {
 margin:0;
 }
#middle div.col2 {
 width:410px;
 float:left; 
 margin:0;
 padding-right:5px;
 }
#middle div.col3 {
 width:274px;
 float:left; 
 margin:0;
 padding-right:5px;
 border-right: 0px solid #D9D8D8;
 }

/* left */
#left ul {
 margin:0; padding:0;
 list-style-type:none;
}
#left li {
 margin:0; padding:0;
 font-family:Arial,Sans-serif;
 text-align:left;
 color:black;
 font-weight:bold;
 display:block;
}
#left li a {
 margin:0; padding:0;
 line-height:24px;
 width:160px;
 font-family:Arial,Sans-serif;
 font-size:12px ;
 font-weight:normal ;
 color:#0000CC;
 text-indent:0px;
 display:block;
 text-decoration:underline;
 }
#left ul li a img {
 margin-bottom:-7px;padding-bottom:0px;

}
#left ul li img {
  margin-bottom:-3px;padding-bottom:0px;

}
#left li a:hover {
 font-weight:normal;
 color:#0000CC;
 text-decoration:underline;
 }
#left li p.produitmenu a {
 width: 160px;
 line-height: 16px;
 font-size: 12px ;
 font-weight: normal ;
 color: black;
 display: block ;
 text-decoration:none;
 background-color:#F0F0F0;
 border:solid 1px black;
}
#left li p.produitmenu a:hover {
 font-weight:bold;
 text-decoration: underline ;
 background-color:#F0F0F0;
 border:solid 1px black;
}

/* inscription promos */
div.sto_promo {
 padding-top:13px;
 width:230px;height:111px;
 background:url("/home/style/1/insc.jpg") no-repeat;
 text-align:left;
}
div.sto_promo p {
 color:black;
 margin-bottom:25px;
 font-size:12px;
 font-weight:normal;
 text-align:center;
}
div.sto_promo form {
 padding-left:15px;
}

div.sto_promo form input {
 font-size:12px;
 font-weight:bold;
}
div.sto_promo form input.inpmail {
 width:150px;
}

/* recherche */
#left li div.sto_rech {
 background-color:#F0F0F0;
 padding: 15px 0px 20px 10px;
}
#left li div.sto_rech p,div.sto_rech form {
 font-size:10px;
 font-weight:bold;
}
#left li div.sto_rech form input {
 font-size:10px;
 font-weight:bold;
}

/* footer */
#footer {
 margin-top:0px;
}
#footer ul {
 list-style-type:none;
}
#menub {
 width:870px;
 height:36px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:5px;
 margin-top:5px;
}
#menub ul { 
 list-style-type:none;
 height: 36px ;
 margin:0;
 padding:0;
}
#menub li {
 height: 36px ;
 line-height: 36px ;
 text-align:center;
 float:left;
 margin-left: 5px;
 margin-right: 5px;
}
#menub li img {
 vertical-align:middle;
 }
#menub li a {
 padding-left: 5px;
 padding-right: 5px;
 line-height: 36px ;
 font-size: 10px ;
 font-weight: normal;
 color: black;
 display: block ;
 text-decoration: none;
}
#menub li a:hover {
 font-weight:normal;
 text-decoration:underline;
}

#bas {
 width:1000px;
 font-size:10px;
 margin-top:0px;
 margin-bottom:10px;
 margin-left:0px;
 text-align:center;
 color:#999999;
}
#bas ul { 
 list-style-type:none;
 margin:0; padding:0;
}
#bas li a {
 font-size:11px ;
 font-family:Arial,Sans-serif;
 font-weight:normal;
 color: #000000;
 text-decoration:none;
 text-indent:10px;
}
#bas li a:hover {
 font-weight:normal;
 text-decoration:underline;
}
#bas span.blancpti {
 font-family:Arial,Sans-serif;
 font-size:9px ;
 color:white;
 font-weight:normal;
}


/* 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;
}