/* CSS Document */
*{
border:0;
padding:0;
margin:0;
}
body{
background:#d7d7d7 url(../templates/default/images/background2.jpg) no-repeat bottom center;
font-family:Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
/* font-family:Myriad Pro, Arial, Verdana, Tahoma, Helvetica, Sans-Serif; */
font-size:12px;
color:#303030;
}
body.login{
background:#d7d7d7 url(../templates/default/images/background.jpg) no-repeat top center;
}
.fb-like{
height:20px;
margin:5px;
}
.clean{
clear:both;
font-size:0px;
line-height:0px;
margin:0;
padding:0;
border:0;
}
span.bleu{
color:#159fdd;
}
span.gris{
color:#525252;
}
.result{
color:#ff0000;
}
a{
color:#159fdd;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.bloc a, .bloc a:hover{
color:#303030;
}
a.parrainage,a.parrainage:hover{
color:#303030;
}
a.parrainage span.bleu,a.parrainage:hover span.bleu{
color:#159fdd;
}
.result a,.result a:hover{
color:#ff0000;
text-decoration:underline;
}
input.texte,textarea{
width:208px;
height:18px;
background:#ffffff;
border:solid 1px #acacac;
padding:1px;
margin:5px 0 10px 0;
}
textarea{
width:398px;
height:248px;
}
textarea.texte{
width:208px;
height:148px;
}
select.select{
background:#ffffff;
border:solid 1px #acacac;
}
input.submit,a.submit{
font-size:20px;
color:#ffffff;
height:30px;
cursor:pointer;
border:solid 1px #55b8e6;
background:#159fdd url(../templates/default/images/backgroundSubmit.jpg) repeat-x top left;
margin-bottom:15px;
text-align:center;
}
input.submit{
padding:0px 8px 0px 8px;
}
a.submit{
display:block;
font-weight:normal;
height:26px;
padding-top:4px;
}
input.submit:hover,a.submit:hover{
background-position:bottom left;
text-decoration:none;
color:#ffffff;
}
#backgroundPopup{
display:none;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
background:#000000 scroll;
z-index:500;
}
#encoursPopup{
width:200px;
height:50px;
text-align:center;
font-style:italic;
position:absolute;
display:none;
color:#ffffff;
z-index:501;
}
#popup{
height:112px;
width:355px;
font-size:12px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
padding:10px;
padding-top:34px;
position:absolute;
background:url(../templates/default/images/popup.png) no-repeat top left;
display:none;
z-index:502;
overflow:hidden;
}
#popup a.submit{
font-size:12px;
font-weight:bold;
width:150px;
height:24px;
padding:6px 8px 0 8px;
float:left;
margin:10px 4px 0 4px;
}
#formnewpasswd input.texte{
float:left;
display:inline;
width:150px;
margin:5px 11px 5px 11px;
}
#popup div a.submit{
margin-left:102px;
}
p.center{
text-align:center;
}
.bloc{
text-align:center;
width:320px;
height:248px;
background:url(../templates/default/images/bloc.png) no-repeat top left;
padding:15px;
}
#content{
width:830px;
padding-left:170px;
margin:15px auto 0 auto;
}
#content.login {
width:750px;
padding-left:220px;
padding-right:30px;
margin-top:30px;
}
#content.login .top{
text-align:center;
margin-top:25px;
}
#content.login .bloc{
float:left;
display:inline;
margin-top:25px;
}
#content.login .bloc h1{
font-weight:bold;
font-size:24px;
color:#159fdd;
margin-bottom:20px;
}
#content.login .bloc.left{
margin-right:50px;
}
#content.login .bloc form{
color:#525252;
}
#content.login .bloc.left .result{
margin-top:5px;
}
#content.login .bloc.right{
font-weight:bold;
}
#content.login .bloc.right a.submit{
width:160px;
margin-left:80px;
}
#content.login .bloc.right ul{
text-align:left;
margin-left:110px;
}
#content.login .bloc.right ul li{
padding-left:10px;
}
#content.login .center{
text-align:center;
margin-top:25px;
font-size:24px;
}
#footer{
text-align:center;
color:#525252;
margin:50px 0 15px 0;
}
#footer a,#footer a:hover{
color:#525252;
}
#header{
height:80px;
}
#header .left{
float:left;
display:inline;
width:310px;
margin-left:20px;
}
#header .right{
float:right;
display:inline;
text-align:right;
}
#menu{
margin-top:5px;
height:26px;
background:url(../templates/default/images/backgroundMenu.jpg) repeat-x top left;
}
#menu a{
height:22px;
width:90px;
float:left;
display:block;
padding-top:4px;
text-align:center;
color:#303030;
font-weight:normal;
}
#menu a:hover,#menu a.hover{
color:#ffffff;
text-decoration:none;
background:url(../templates/default/images/backgroundMenuHover.jpg) repeat-x top left;
}
#menu a.first{
margin-left:648px;
}
#menu a.first2{
margin-left:280px;
}
#menu .vline{
height:26px;
width:2px;
float:left;
display:inline;
background:url(../templates/default/images/backgroundVline.jpg) no-repeat top left;
}
.pageTitle, .pageTitleGris{
margin-top:10px;
padding:2px 150px 2px 20px;
background:url(../templates/default/images/backgroundTitle.png) repeat-y top right;
float:left;
display:inline;
}
.pageTitleGris{
background:url(../templates/default/images/backgroundTitleGris.png) repeat-y top right;
}
.pageTitle h1, .pageTitleGris h1{
height:16px;
display:inline;
font-size:16px;
font-weight:bold;
color:#ffffff;
}
.blocLeft{
float:left;
display:inline;
margin-top:25px;
}
.blocLeft div.top{
height:6px;
width:200px;
background:url(../templates/default/images/leftTop.png) no-repeat top right;
}
.blocLeft div.topErreur, .blocLeft div.topTitre, .blocLeft div.topResult{
height:24px;
width:200px;
padding-top:10px;
color:#ffffff;
font-weight:bold;
text-align:center;
background:url(../templates/default/images/leftErreur.png) no-repeat top right;
}
.blocLeft div.topTitre{
background:url(../templates/default/images/leftTitre.png) no-repeat top right;
}
.blocLeft div.topResult{
background:url(../templates/default/images/leftResult.png) no-repeat top right;
}
.blocLeft div.center{
width:180px;
background:url(../templates/default/images/leftCenter.png) repeat-y top right;
padding:10px;
}
.blocLeft div.center div.line{
height:5px;
width:180px;
margin:5px 0 5px 0;
background:url(../templates/default/images/backgroundLine.png) no-repeat top left;
}
.blocLeft div.center ul{
text-align:left;
width:180px;
list-style:none;
}
.blocLeft div.center ul li{
text-align:left;
width:180px;
list-style:none;
}
.blocLeft div.center ul li a.vente{
display:block;
text-align:left;
width:162px;
padding:1px 0 0 18px;
margin-top:5px;
color:#303030;
background:url(../templates/default/images/puce.jpg) no-repeat top left;
}
.blocLeft div.center ul li a.vente:hover, .blocLeft div.center ul li.hover a.vente{
color:#159fdd;
background-position:top right;
}
.blocLeft div.center ul li a.categorie{
display:block;
text-align:left;
width:155px;
padding-left:25px;
color:#303030;
font-weight:normal;
}
.blocLeft div.center ul li a.categorie:hover, .blocLeft div.center ul li.hover a.categorie{
color:#159fdd;
}
.blocLeft div.center ul li.hover a.categorie{
font-weight:bold;
}
.blocLeft div.bottom{
height:6px;
width:200px;
background:url(../templates/default/images/leftBottom.png) no-repeat bottom right;
margin-bottom:30px;
}
.blocLeft h2{
font-size:16px;
font-weight:bold;
color:#159fdd;
margin:10px 0 6px 0;
}
.blocRight{
float:left;
display:inline;
margin:25px 0 0 30px;
}
.blocRight.home{
margin-left:0;
}
.blocRight div.top{
height:6px;
width:600px;
background:url(../templates/default/images/rightTop.png) no-repeat top right;
}
.blocRight div.center{
width:580px;
background:url(../templates/default/images/rightCenter.png) repeat-y top right;
padding:10px;
}
.blocRight div.bottom{
height:6px;
width:600px;
background:url(../templates/default/images/rightBottom.png) no-repeat bottom right;
margin-bottom:30px;
}
.blocRight h2{
font-size:16px;
font-weight:bold;
color:#159fdd;
margin:10px 0 6px 0;
}
.blocRight ul{
text-align:left;
margin-left:100px;
}
.blocRight ul li{
padding-left:10px;
}
.blocRight form span.gris{
float:left;
display:inline;
width:285px;
height:16px;
padding-top:3px;
text-align:right;
margin:10px 5px 0 0;
}
.blocRight form p span.gris{
width:auto;
text-align:left;
}
.blocRight form input.checkbox{
float:left;
display:inline;
height:20px;
width:20px;
margin:10px 0 5px 0;
background:#ffffff url(../templates/default/images/checkbox.jpg) no-repeat top left;
}
.blocRight form input.texte, .blocRight form select.select, .blocRight form textarea{
float:left;
display:inline;
margin:10px 0 0 5px;
}
.blocRight form input.submit, .blocRight form p.center{
margin-top:10px;
}
.blocRight table#reductions{
margin-top:20px;
margin-bottom:5px;
border-bottom:solid 1px #c1c1c3;
}
.blocRight table.cart th, .blocRight table.cart tr.actualise td, .blocRight table.cart .td8, .blocRight table.cart .tr2 td{
border-bottom:solid 1px #c1c1c3;
}
.blocRight table.cart tr.actualise td, .blocRight table.cart tr.bordureTop td{
border-top:solid 1px #c1c1c3;
}
.blocRight table.cart .tr3 td{
border-bottom:solid 1px #c1c1c3;
border-top:solid 1px #c1c1c3;
}
.blocRight table.cart .th1{
width:55%;
text-align:left;
padding-left:14px;
}
.blocRight table.cart .th2, .blocRight table.cart .th3, .blocRight table.cart .th4{
width:15%;
}
.blocRight table.cart .th6{
width:20%;
text-align:center;
}
.blocRight table.cart .th6.left{
text-align:left;
padding-left:5px;
}
.blocRight table.cart td{
padding:2px;
}
.blocRight table.cart .td1{
width:70px;
height:54px;
}
.blocRight table#reductions .td1{
height:auto;
padding-left:14px;
}
.blocRight table.cart .td1 a.delete, .blocRight table.cart .td1 a.image{
float:left;
display:block;
}
.blocRight table.cart .td1 a.delete{
margin-top:19px;
height:12px;
width:12px;
}
.blocRight table.cart .td1 a.image{
height:50px;
width:50px;
margin-left:4px;
}
.blocRight table.cart .td1, .blocRight table.cart .td2{
text-align:left;
}
.blocRight table.cart .td3, .blocRight table.cart .td4, .blocRight table.cart .td5, .blocRight table.cart .td8{
text-align:center;
}
.blocRight table.cart a.submit{
float:right;
font-size:12px;
font-weight:bold;
width:120px;
height:24px;
padding-top:6px;
margin:10px 0 10px 0;
}
.blocRight #cartValid a.submit{
width:170px;
}
.blocRight  a.submit{
float:none;
font-size:12px;
font-weight:bold;
width:120px;
height:24px;
padding-top:6px;
margin:5px auto 5px auto;
}
.blocRight table.cart .td6{
width:85%;
text-align:right;
font-weight:bold;
}
.blocRight table.cart .tr3 .td5,.blocRight table.cart .tr3 .td6{
font-weight:bold;
text-transform:uppercase;
color:#159fdd;
}
.blocRight table.cart .td8{
padding:5px;
}
.blocRight table.cart .td8.titre{
text-align:left;
border-bottom:solid 2px #c1c1c3;
height:17px;
padding:10px 0 1px 20px;
background:url(../templates/default/images/puce.jpg) no-repeat -180px 9px;
}
.blocRight table.cart .td8.left{
text-align:left;
}
.blocRight table.cart input.texte{
float:none;
width:40px;
height:18px;
background:#ffffff;
border:solid 1px #acacac;
padding:1px;
margin:0;
}
.blocRight table.cart td.center{
text-align:center;
}
.blocRight table.cart input.texte#codepromo{
width:136px;
}
.blocRight div.descProduit{
float:left;
display:inline;
width:410px;
}
.blocRight div.ariane{
margin-bottom:10px;
}
.blocRight div.ariane a{
font-weight:normal;
}
.blocRight div.descProduit .prix{
color:#159fdd;
font-weight:bold;
font-size:20px;
}
.blocRight div.descProduit .prix2{
font-weight:bold;
margin-left:5px;
}
.blocRight div.descProduit select.select{
width:100px;
margin-left:5px;
}
.blocRight div.descProduit form span.gris{
width:auto;
}
.blocRight div.descProduit a.submit, .blocRight div.descProduit div.epuise{
font-size:12px;
font-weight:bold;
width:120px;
height:24px;
padding-top:6px;
margin:20px 0 15px 0;
}
.blocRight div.images{
float:right;
display:inline;
text-align:center;
width:160px;
padding-left:5px;
border-left:solid 1px #c1c1c3;
}
.blocRight div.images .image img.bordure{
margin-bottom:10px;
}
.blocRight div.sale{
width:810px;
height:160px;
padding:16px 10px 16px 10px;
margin-bottom:20px;
background:url(../templates/default/images/sale.png) no-repeat top left;
}
.blocRight div.sale .left{
float:left;
display:inline;
font-size:14px;
padding-left:10px;
width:220px;
}
.blocRight div.sale .left .first{
height:110px;
}
.blocRight div.sale .left h3{
font-size:16px;
font-weight:bold;
color:#159fdd;
margin-bottom:10px;
}
.blocRight div.sale .left h3.gris, .blocRight div.sale .left a{
color:#525252;
font-size:16px;
}
.blocRight div.sale .left a{
display:block;
margin-top:10px;
}
.blocRight div.sale .right{
float:right;
display:inline;
}
.blocRight div.saleTop{
height:6px;
width:830px;
background:url(../templates/default/images/saleTop.png) no-repeat top right;
}
.blocRight div.saleCenter{
width:810px;
background:url(../templates/default/images/saleCenter.png) repeat-y top right;
padding:10px;
text-align:center;
}
.blocRight div.saleBottom{
height:6px;
width:830px;
background:url(../templates/default/images/saleBottom.png) no-repeat bottom right;
}
.blocRight div.nav, .blocRight div.navFb{
float:right;
display:inline;
width:580px;
height:14px;
background:url(../templates/default/images/nav.png) no-repeat top right;
padding:16px 10px 16px 10px;
margin-bottom:10px;
}
.blocRight div.navFb{
height:20px;
padding:10px;
text-align:center;
}
.blocRight div.navFb .fb-like{
margin:0;
}
.blocRight div.nav div.navLeft, .blocRight div.navCentre, .blocRight div.navRight{
float:left;
display:inline;
width:145px;
font-weight:bold;
}
.blocRight div.nav div.navCentre{
width:290px;
text-align:center;
}
.blocRight div.nav div.navLeft a, .blocRight div.navRight a{
display:block;
text-align:left;
height:16px;
padding:2px 0 0 20px;
color:#303030;
background:url(../templates/default/images/leftArrow.jpg) no-repeat top left;
}
.blocRight div.nav div.navRight a{
text-align:right;
padding:2px 20px 0 0;
background:url(../templates/default/images/rightArrow.jpg) no-repeat top right;
}
.blocRight div.nav div.navLeft a:hover{
color:#159fdd;
background-position:bottom left;
}
.blocRight div.nav div.navRight a:hover{
color:#159fdd;
background-position:bottom right;
}
.blocRight div.product,.blocRight div.productRight{
float:left;
display:inline;
width:265px;
height:368px;
padding:16px 10px 16px 10px;
margin:0 0 30px 0;
background:url(../templates/default/images/product.png) no-repeat top left;
}
.blocRight div.productRight{
margin-left:30px;
}
.blocRight div.product .image,.blocRight div.productRight .image{
text-align:center;
margin-bottom:10px;
}
.blocRight div.product .titre,.blocRight div.productRight .titre{
height:16px;
line-height:18px;
text-align:center;
padding:5px;
margin-bottom:6px;
color:#ffffff;
font-weight:bold;
overflow:hidden;
background:url(../templates/default/images/backgroundTitreProduit.jpg) repeat-x top left;
}
.blocRight div.product div.left,.blocRight div.productRight div.left{
float:left;
display:inline;
background:#efefef;
width:127px;
height:60px;
padding:5px;
}
.blocRight div.product div.left .prix,.blocRight div.productRight  div.left .prix{
color:#159fdd;
font-weight:bold;
font-size:16px;
}
.blocRight div.product div.left .prix2,.blocRight div.productRight  div.left .prix2{
padding-top:2px;
height:18px;
}
.blocRight div.product div.left select.select,.blocRight div.productRight div.left select.select{
width:75px;
float:none;
margin-top:0;
margin-left:5px;
}
.blocRight div.product div.right,.blocRight div.productRight div.right{
float:left;
display:inline;
margin-left:5px;
}
.blocRight div.product div.right a.submit,.blocRight div.productRight div.right a.submit, .blocRight div.product div.right div.epuise, .blocRight div.productRight div.right div.epuise{
font-size:12px;
font-weight:bold;
width:120px;
height:24px;
padding-top:6px;
margin-top:0;
margin-bottom:15px;
}
.blocRight div.product div.right a.fiche,.blocRight div.productRight div.right a.fiche{
font-size:13px;
color:#303030;
display:block;
height:18px;
padding:2px 0 0 22px;
background:url(../templates/default/images/puceProduit.jpg) no-repeat top left;
}
.blocRight div.product div.right a.fiche:hover,.blocRight div.productRight div.right a.fiche:hover{
color:#159fdd;
background-position:bottom left;
}
div.epuise{
background:url(../templates/default/images/backgroundEpuise.jpg) repeat-x top left;
text-align:center;
font-size:20px;
color:#ffffff;
margin-bottom:5px;
}