/* ----- ELEMENTS DE DEPART ----- */

body {
 margin: 0;
 border: 0;
 background: url('../../images/img_r1_c2.jpg') top left repeat-x;
}

#conteneur {
 width: 992px;
 padding: 0;
 margin: auto;
 font: 12px Arial, Helvetica, sans-serif;
 color: #000;
 background: #dbdbdb url('../../images/img_r3_c4.jpg') top left repeat-y;
}

img {
 border: 0;
}

form {
 margin:0;
 padding:0;
}

h1.titre {
 margin: 5px;
 font-size: 16px;
}

a {
 color: #333;
 text-decoration: none;
}
a:hover {
 color: #940228;
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }
h2.cgv_titre{font-size:14px;margin:6px 0;color:#000}
p.cgv_p{margin:0 10px}
blockquote.cgv_adresse{margin:7px 20px}

/* ----- HAUT DE PAGE ----- */

#haut {
 display: block;
 width: 992px;
 clear: both;
}

#haut #header {	
 display: block;
 float: left;
 width: 808px;
 height: 285px;
}

#haut #flash_infos {
display: inline;
position:absolute;
font-size:11px;
height: 165px;
padding: 100px 30px 20px 20px;
width: 134px;
z-index:1;
background: url('../../images/img_r1_c9.jpg') top left no-repeat
}

#haut #flash_infos marquee{
height:165px
}

#haut #flash_infos h2 {
 font-size: 13px;
 font-weight: bold;
 color: #444;
 padding: 0;
 margin: 2px 0;
}

#haut #header .haut #topnav {
 position: absolute;
 z-Index: 2;
 margin: -10px 0 0 100px;	
}

#haut #header .haut #topnav ul {
 list-style: none;	
}
#haut #header .haut #topnav ul li {
 float: left;	
} 

#haut #header div.haut {
 background: url('../../images/img_r1_c4.jpg') top left no-repeat;	
 display: block;
 clear: both;
}

#haut #header div.haut #anim1 {
 display: block;
 position: absolute;
 width: 234px;
 height: 142px;
 margin: 33px 0 0 13px;
}

#haut #header div.haut #anim2 {
 display: block;
 position: absolute;
 width: 173px;
 height: 153px;
 margin: 0 0 0 631px;
}

#haut #header div.haut #anim3 {
 display: block;
 position: absolute;
 margin: 10px 0 0 332px;
}

#haut #header div.haut #logo {
 margin: 0 0 0 330px;
}

#haut #header div.bas {
 display: block;
 clear: both;
 height: 174px;
}

#haut #header .bas #panier {
 background: url('../../images/img_r2_c4.jpg') top left no-repeat;
 display: block;
 float: left;
 width: 235px; /* 330 - 95 */
 height: 120px;	/* 174-100 */
 padding: 70px 0 0 95px; 
 font-size: 11px;
}

#panierDetail{
height:46px
}

#haut #header .bas #panier input.panier[type="submit"] {
 position: absolute;
 margin: -45px 0 0 115px; 
 padding: 0px;
 font-size: 11px;
 line-height: 20px;
 vertical-align: bottom;
 width: 46px;
 height: 36px;
 padding: 0 2px 10px 0;
 color: #ff0;
 background: url('../../images/boutton2.jpg') center center no-repeat;
 border: 0;	
 font-weight: bold;
}

#haut #header .bas #panier #navigation {
 position: absolute;
 margin: 10px 0;
 line-height: 17px;
 font-size: 11px;
 font-weight: bold;
 color: #940228;
}

#haut #header .bas #panier #navigation a {
 margin: 0 1px;	
}
 
#haut #header .bas #vqh {
 background: url('../../images/img_r2_c6.jpg') top left no-repeat;
 display: block;
 float: left;
 width: 299px;
 height: 174px;	
 text-align: right;
 padding: 0 5px 0 0 ;
}

#haut #header .bas #newsletter {
 background: url('../../images/img_r2_c8.jpg') top left no-repeat;
 display: block;
 float: left;
 width: 170px;
 height: 89px;	
 padding: 90px 0 0 4px;
}

#haut #header .bas #newsletter input[type="text"] {
 border: 1px solid #888;
 background: #aaa;
 padding: 2px;
 width: 120px;
 font-size: 11px;
 vertical-align: middle;	
}

#haut #header .bas #newsletter input[type="submit"] {
 padding: 0px;
 font-size: 11px;
 line-height: 20px;
 vertical-align: middle;
 width: 28px;
 height: 28px;
 padding: 0 0 11px 0;
 color: #ff0;
 background: url('../../images/boutton.jpg') center center no-repeat;
 border: 0;	
 font-weight: bold;
}

/* ----- CENTRE DE PAGE ----- */

#centre {
 clear: both;
 display: block;
 min-height: 200px;
 clear: both;
}

#centre #gauche {
 display: block;
 float: left;	
 width: 224px; /* 236-32 */
 min-height: 600px;
 padding-left: 12px;
}

#centre #gauche #paiement {
 margin: 20px 0 0 36px;	
}

#centre #gauche #ekinoxe {
 margin: 50px 0 20px 20px;	
}

#centre #contenu {
 display: block;
 float: left;	
 width: 756px;
 min-height: 730px;
 background: url('../../images/img_r3_c52.jpg') top left repeat-y;
}

/* ----- BAS DE PAGE ----- */

#bas {
 clear: both;
 display: block;
 height: 100px;
 min-height: 100px;
 background: url('../../images/img_r6_c4.jpg') top left no-repeat;
 text-align: center;
 vertical-align: center;
 font-family: "Verdana", sans-serif;
 color: #444;
 font-weight: bold;
 padding-top: 12px;
}

#adresse{
width:600px;
margin:0 auto;
height:30px;
text-align:left
}

.univers {
 margin: 3px 0 5px 24px;	
 padding: 0;
}

.menu-categorie {
 color: #940228;
 font-weight: normal;
 padding: 1px 0;	
}

.menu-categorie a {
 color: #000;
 font-size: 11px;
 text-decoration: none;
}
.menu-categorie a:hover {
 color: #940228;
 text-decoration: none;
}

#arbo {
 color: #940228;
 font-weight: bold;	
 border-bottom: 1px solid #aaa;
 padding-bottom: 4px;
 display: block;
 width: 710px;
}

#arbo a {
 color: #333;
 text-decoration: none;
}
#arbo a:hover {
 color: #000;
 text-decoration: underline;
}

#contenu h2 {
 color: #333;
 margin: 6px 0;
 padding: 0;
 font-size: 18px;
 font-weight: bold;
}

a.subcat {
 color: #333;
 text-decoration: none;
 font-weight: bold;
 font-size: 13px;
}
a.subcat:hover {
 color: #000;
 text-decoration: underline;
 background: #ccc;
}

div#subcats {
 border: 1px solid #aaa;
 color: #940228;
 padding: 10px;	
 width: 690px;
 margin-top: 10px;
}

h2.article {
 border-bottom: 1px solid #940228;
 width: 710px;	
}

h2.article a {
 color: #333;
 text-decoration: none;
}
h2.article a:hover {
 color: #000;
}

div.article {
 width: 710px;	
}
div.article a {
 color: #940228;
 text-decoration: none;
}
div.article a:hover {
 color: #000;
 text-decoration: underline;
}

div.art {
 width: 710px;	
}

div.produit {
 display: block;
 float: left;
 width: 233px;
 min-height: 80px;
 margin: 5px 3px 0 0;
 text-align: center;
 font-size: 11px;
}

div.produit h4 { 
 margin: 5px 0;
}

.photo {
 background: url('../../images/produit-bg.jpg') top center no-repeat;
 text-align: center;
 vertical-align: middle;
 width: 141px;
}

a.submit {
 display: block;
 height: 16px;
 background: url('../../images/submit.jpg') top center no-repeat;
 font-weight: bold;
 font-size: 11px;	
 color: #ccc;
 text-align: center;
 margin: 10px 0 10px 0;
}
a.submit:hover {
 color: #fff;	
 background: url('../../images/submit-hover.jpg') top center no-repeat;
}

a.submit2 {
 display: block;
 height: 17px;
 width: 107px;
 background: url('../../images/submit.jpg') bottom center no-repeat;
 font-weight: bold;
 font-size: 11px;	
 color: #ccc;
 text-align: center;
 /*margin: 10px 0 10px 0;*/
}
a.submit2:hover {
 color: #fff;	
 background: url('../../images/submit-hover.jpg') bottom center no-repeat;
}

h3.produit {
 font-size: 12px;
 padding: 3px 0 2px 0;
 margin: 10px 0 0 0;	
}

#centre #contenu h2.produit {
 background: url('../../images/title-bg.jpg') top left no-repeat;
 padding: 7px 5px 7px 50px;
 margin: 0;
 width: 670px;
 font-size: 16px;
 font-weight: normal;
 color: #444;
 font-weight: bold;
 margin-top: 10px;
}

.ajoutPanier {
 float: right;
 margin: 10px 10px 0 0;	
}

.qte input[type="text"] {
 border: 1px solid #000;
 border-left: 0;
 border-right: 0;
 background: #eee;
 font-size: 11px;	
 padding: 1px 2px 0 2px;
 text-align: center;
}

.qte-plus, .qte-moins {
}

.prix {
 font-size: 19px;
 font-weight: bold;
 color: #444;
 padding: 5px 0 25px 0;	
}

.artBox {
 background: url('../../images/article-bg.jpg') top left no-repeat;
 width: 312px;
 height: 118px;	
 font-size: 11px;
 padding: 0 15px 5px 15px;
}

.artBox2 {
 background: url('../../images/article-bg2.jpg') top left no-repeat;
 width: 212px;
 height: 142px;	
 font-size: 11px;
 padding: 0 115px 5px 15px;
}


.artBox h3, .artBox2 h3 {
 font-family: Verdana, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #940228;
 padding: 9px 0 2px 40px;
}

.artBoxTxt{
height:50px
}

#connexion {
 width: 600px;	
 padding: 0 5px 0 0;
 text-align: right;
}

#connexion input[type="text"],#connexion input[type="password"] {
 border: 1px solid #888;
 background: #aaa;
 padding: 0px;
 width: 110px;
 font-size: 11px;
 vertical-align: middle;
 margin-top: 0;
}

#haut .bas #connexion input[type="submit"] {
 border: 0;
 background: transparent url('../../images/go.jpg') center center no-repeat;
 color: #fff;
 width: 24px;
 height: 16px;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 padding: 0;
 vertical-align: middle;
 margin-top: 0;
}

#centre #contenu h2.titre {
 background: url('../../images/title-bg.jpg') top left no-repeat;
 padding: 7px 5px 7px 50px;
 margin: 0;
 width: 670px;
 font-size: 16px;
 font-weight: normal;
 color: #444;
 font-weight: bold;
 margin-top: 10px;
}

/* ----- CADDIE ----- */

#centre td.cellTitle {
 border-bottom: 1px solid #999;
 border-right: 1px solid #999;
 border-top: 1px solid #eee;
 border-left: 1px solid #eee;
 padding: 4px;
 background: #ccc;
 color: #940228;
}

#centre .cell, #centre td.label, #centre table.cell {
 border-bottom: 1px solid #aaa;
 border-right: 1px solid #aaa;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 padding: 4px;
 background: #f5f5f5;
 color: #000;
 font-size: 11px;
}

#centre table.cell {
 padding:0;
 width:706px;
 margin:10px 2px 0
}

#centre table.cell td{
 padding:4px
}

#centre .cell input, #centre .cell select {
 font-size: 11px;
 color: #222;
 padding: 2px;	
 border: 1px solid #aaa;
}

#centre #contenu ul.map {
 list-style:none;	
 margin: 0 0 15px 5px;
 padding: 0 0 0 15px;
}
#centre #contenu ul.map li {
 margin: 0;
}

#centre #contenu h2.rub {
 font-size: 13px;	
}

/* PRODUITS IMPRESSION */

.tableQuantiteGrammage {
 float: left;
}

.qte_piece {
 background: #bbb;
 padding: 2px 4px;
 text-align:center;
 font-weight: bold;
 color: #222;
 border-right: 1px solid #888;
}

.prix_qte_gra {
 background: #ccc;
 text-align:center;
}

.prix_qte_gra a {
 display: block;
 text-align: center;
 font-size: 11px;
 padding: 6px 4px;
 color: #940228;
 text-decoration: none;
}

.prix_qte_gra a:hover {
 display: block;
 color: #000;
 background: #eee;
 text-decoration: none;
}

.gra {
 background: #bbb;
padding: 6px 4px;
 text-align:center;
 font-weight: bold;
 color: #222;
 border-bottom: 1px solid #888;
}

.listeProdID{
width:210px
}

.listeFormat{
width:110px
}

.qteMove{
margin:3px 2px 0;
display: block;
float:left;
width:16px
}

.panierDetail{
position:absolute
}

#rubrique_bas {
clear:both;
display:block;
color:#787878;
margin:25px auto;
width:900px;
padding:0;
font:11px Verdana
}

#rubrique_bas li {
display:inline;
padding:0
}

#rubrique_bas a {
text-decoration:none;
color:#787878
}

#rubrique_bas a:hover {
text-decoration:underline;
color:red
}

#uploadFileDiv, #ajaxLoader{
margin:0;
background:#F5F5F5;
border:1px solid #CCC;
border-bottom:1px solid #AAA;
border-right:1px solid #AAA;
color:#000;
font-size:11px;
padding:4px;
}

#ajaxLoader{
display:none;
text-align:center;
padding-top:10px
}

#tableau_tarif p{
margin:0;
padding:0
}

.checkOpt{
text-align:center;
width:28px
}

.checkOpt input{
margin:0
}