/* CSS Document */
body {
margin:0;
background-color:#FAFCFE;
background-image:url(../img/bg_body.jpg);
background-repeat:repeat-x;
}
form {
margin:0;
padding:0;
}
#a_actu {
text-align:left;
font:12px Trebuchet MS;
width:610px;
}
#a_actu img{
margin:0 5 10 0;
}
#a_actu span{
font-weight:bold;
color:#0064BD;
font-size:13px;
}
/* _head */
#head {
width:770;
height:100;
background-image:url(../img/bg_head.jpg);
text-align:center;
}
#head img{
border:0;
}
#menu {
width:770;
height:22;
background-color:#0064BD;
text-align:center;
}
#menu div{
float:left;
}
#menu div img{
border:0;
}
#menu #cart{
float:right;
}
#menu #cart span{
padding:1;
}
#menu #cart a{
font:9px Trebuchet MS;
color:#FFFFFF;
text-decoration:none;
}
#menu #cart a:hover{
text-decoration:underline;
}
/* incription */
#right #deja {
width:590px;
font:11px Verdana;
float:left;
text-align:left;
padding:14 0 20 0;
margin:0;
list-style:none;
border-top:2px solid #158CDC;
border-bottom:2px solid #158CDC;
}
#right #deja .titre {
font-size:13px;
font-weight:bold;
color:#0064BD;
padding-bottom:5px;
}
#right #deja .texte {
padding-bottom:5px;
line-height:16px;
}
#right #deja .alert {
color:#FF0000;
font-weight:bold;
padding-bottom:5px;
line-height:16px;
}
#right #deja .btn {
padding-top:15px;
}
#right #deja span {
display:block;
}
#right #deja .i {
font:11px Verdana;
width:150px;
}
#right #deja .p {
padding-top:20;
}
#right #deja .p a{
color:#0064BD;
}
#right #nouveau {
width:590px;
font:11px Verdana;
float:left;
text-align:left;
padding:14 0 20 0;
margin:0;
list-style:none;
}
#right #nouveau li{
height:21px;
}
#right #nouveau div {
width:130px;
float:left;
}
#right #nouveau .i {
font:11px Verdana;
width:180px;
}

#right #nouveau .titre {
font-size:13px;
font-weight:bold;
color:#0064BD;
padding-bottom:5px;
}
#right #nouveau .texte {
padding-bottom:5px;
line-height:16px;
}
#right #nouveau .btn {
padding-top:20px;
}
/* confirmation */
#right #confirm {
float:left;
width:590;
font:11px Verdana;
margin-bottom:60px;
}
/* contact */
#right #contact {
font:12px Verdana;
color:#0064BD;
line-height:16px;
margin-bottom:50px;
}
#right #contact a{
color:#0064BD;
}
/* la maison */
#right #par{
display:block;
font:13px Verdana;
color:#0064BD;
line-height:25px;
text-align:left;
padding:0 30 0 30;
}
/* livraison */
#right #liv {
float:left;
width:590px;
font:12px Verdana;
font-weight:bold;
text-align:left;
color:#0064BD;
border-bottom:2px solid #158CDC;
padding-bottom:10px;
margin-bottom:10px;
}
#right #liv_def {
padding:0;
margin:0;
list-style:none;
float:left;
width:280px;
font:12px Verdana;
text-align:left;
line-height:18px;
}
#right #liv_def li{
height:21px;
}
#right #liv_def div {
width:100px;
.width:90px;
float:left;
}
#right #liv_def .i {
font:11px Verdana;
width:180px;
}
#right #mode {
float:left;
width:590px;
font:12px Verdana;
font-weight:bold;
text-align:left;
color:#0064BD;
border-top:2px solid #158CDC;
margin:15 0 25 0;
padding-top:20px;
}
/* paiement */
#right #mode_pai {
padding:0;
margin:0;
list-style:none;
font:12 Verdana;
float:left;
text-align:left;
line-height:17px;
width:590px;
}
#right #mode_pai input{
float:left;
margin:0 20 30 0;
}
#right #val{
float:left;
width:590;
border-top:2px solid #158CDC;
padding-top:50;
margin-bottom:50;
}
/* confirmation */
#right #adr {
padding:0;
margin:0;
list-style:none;
float:left;
width:590px;
text-align:left;
margin-bottom:15px;
}
#right #adr .top{
width:220px;
background-color:#0064BD;
padding: 3 0 3 0;
font:9px Verdana;
font-weight:bold;
color:#FFF;
text-align:center;
}
#right #adr .bot{
width:218px;
.width:220px;
border:1px solid #0064BD;
padding:10 0 10 0;
font:12px Verdana;
color:#000;
text-align:center;
line-height:18px;
}
#right #rappel{
float:left;
width:590;
text-align:left;
margin:20 0 50 0;
}
/* recherche */
#right #results {
text-align:left;
float:left;
width:590px;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
font:11px Verdana;
padding-bottom:10;
color:#0064BD;
}
#right #help {
text-align:left;
float:left;
width:590px;
margin-bottom:60px;
font:11px Verdana;
line-height:16px;
color:#0064BD;
}
/* centre */
#main {
width:770px;
}
#main #left{
width:140px;
float:left;
margin-right:1px;
}
#main #right{
float:left;
width:629px;
}
#main #left ul{
margin:1 0 15 0;
padding:0;
list-style:none;
text-align:left;
}
#main #left ul li{
padding:0 0 1 12;
}
#main #left .def {
background-color:#E6F0F9;
}
#main #left .on {
background-color:#BCDCF3;
cursor:pointer;
}
#main #left ul a{
font:11px Trebuchet MS;
color:#0064BD;
text-decoration:none;
}
#main #left #news{
width:140;
height:95;
background-image:url(../img/news.png);
text-align:left;
}
#main #left #news #inp{
padding:65 0 0 5;
}
#main #left #news #inp img{
border:0;
margin-top:-3;
.margin-top:0;
}
#main #left #news input{
width:105;
border:1px solid #CCCCCC;
font:11px Verdana;
}
#right #flash {
float:left;
padding-bottom:5;
width:550;
text-align:left;
}
#main #right #arbo {
background-color:#E6F0F9;
height:30px;
}
#main #right #arbo #l{
float:left;
font:9px Verdana;
color:#0064BD;
margin:9 0 0 10;
}
#main #right #arbo #l a{
font:9px Verdana;
color:#0064BD;
text-decoration:none;
font-weight:bold;
}
#main #right #arbo #l a:hover{
text-decoration:underline;
}
#main #right #arbo #s{
float:right;
font:9px Verdana;
font-weight:bold;
color:#0064BD;
margin:5 10 0 0;
}
#main #right #arbo #s img{
border:0;
margin-top:-3px;
.margin-top:0px;
}
#main #right #arbo #s input{
border:1px solid #CCCCCC;
width:110px;
font:11px Trebuchet MS;
}
#main #right #bandeau {
float:left;
padding-bottom:15;
width:590px;
text-align:left;
}
#main #right #vignette{
margin:0 10 5 0;
float:left;
width:140px;
height:185px;
text-align:right;
}
#main #right #centre {
float:left;
padding:20 0 0 20;
.padding:20 0 0 19;
}
#main #right #vignette #pic{
cursor:pointer;
border:1px solid #CCCCCC;
float:left;
width:138px;
.width:140px;
height:138px;
.height:140px;
background-repeat:no-repeat;
background-position:center center;
background-color:#FFF;
font:9px Verdana;
color:#0064BD;
}
#main #right #vignette #prix{
margin-top:124;
}
#main #right #vignette #prix span{
background-color:#0064BD;
padding:1 2 2 2;
color:#FFFFFF;
font:9px Verdana;
font-weight:bold;
}
#main #right #vignette #desc{
float:left;
text-align:left;
padding:4 0 7 0;
}
#main #right #vignette #desc a{
font:12px Arial;
color:#0C3577;
text-decoration:none;
}
#main #right #vignette #desc a:hover{
text-decoration:underline;
}
/* panier */
#right #topline {
padding-top:3px;
height:15px;
.height:18px;
font:9px Verdana;
font-weight:bold;
float:left;
width:590px;
background-color:#0064BD;
color:#FFF;
}
#right #topline div {
float:left;
}
#right #line {
float:left;
width:590px;
border-bottom:1px solid #CCCCCC;
padding:7 0 7 0;
text-align:left;
font:11px Verdana;
}
#right #line div {
float:left;
}
#right #line #pic {
width:75px;
}
#right #line #titre {
font-weight:bold;
width:250px;
}
#right #line #titre span {
font:9px Verdana;
}

#right #line #prix {
margin-top:8px;
width:80px;
}
#right #line #del {
margin-top:8px;
text-align:right;
}
#right #line #del img {
border:0;
}
#right #empty {
width:590;
text-align:center;
float:left;
padding:60 0 80 0;
font:11px Verdana;
}
#right #frais {
font:12px Verdana;
color:#0064BC;
}
#right #frais #a {
height:20px;
padding:2;
font:9px Verdana;
width:130;
background-color:#0064BD;
border-bottom:1px solid #FFFFFF;
color:#FFF;
}
#right #frais #b {
width:70px;
text-align:right;
padding:2 5 0 0;
background-color:#E6F0F9;
border-bottom:1px solid #FFFFFF;
}
#right #frais #c {
height:30px;
padding:2;
background-color:#0064BD;
font:11px Verdana;
font-weight:bold;
color:#FFF;
}
#right #frais #d {
text-align:right;
padding:2 5 0 0;
background-color:#E6F0F9;
}
#right #cart_nav {
float:left;
width:590;
padding-top:10;
margin-top:20;
height:80;
}
#right #cart_nav img {
border:0;
}
/* article */
#right #col_a {
float:left;
width:270;
margin:0 15 50 0;
}
#right #col_a #pic{
border:1px solid #CCCCCC;
background-color:#FFFFFF;
padding:10 0 10 0;
width:270;
}
#right #col_a a{
font:10px Verdana;
color:#999999;
}
#right #col_a #pic img{
border:0;
}
#right #col_b {
float:left;
width:300;
text-align:left;
}
#right #col_b span{
display:block;
}
#right #col_b .titre{
font:12px Verdana;
font-weight:bold;
padding-bottom:7px;
}
#right #col_b .texte{
font:11px Verdana;
line-height:16px;
padding-bottom:10px;
}
#right #col_b a{
font:9px Verdana;
font-weight:bold;
color:#0064BD;
}
#right #col_b #ajout{
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
width:300px;
padding:5 0 8 0;
margin-top:60;
float:left;
}
#right #col_b #ajout #inti{
font:10px Verdana;
float:left;
line-height:16px;
}
#right #col_b #ajout span{
font:12px Verdana;
font-weight:bold;
}
#right #col_b #ajout #btn{
font:9px Verdana;
float:right;
margin-top:25px;
}
#right #col_b #ajout #btn input{
font:9px Verdana;
width:20px;
text-align:center;
}
#right #col_b #ajout #btn img{
border:0;
margin-top:-3px;
.margin-top:0px;
}
/* foot */
#foot {
border-top:1px solid #CCCCCC;
margin-top:10px;
float:left;
width:590;
text-align:left;
font:9px Arial;
color:#0064BD;
padding:10 0 20 0;
}
#foot a{
text-decoration:none;
color:#0064BD;
}
#foot img{
border:0;
}
#foot div{
float:left
}