*{
margin:0;
padding:0
}

body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#21262e;
background:#000
}

a{
text-decoration:none
}

a:hover{
text-decoration:underline
}

a.lien{
color:#21262e;
font-weight:bold
}

a.lien:hover{
text-decoration:none
}

img{
border:0;
margin:0;
padding:0
}

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

tr,td{
vertical-align:top
}

#conteneur{
width:988px;
margin:auto
}

#conteneur_anim{
background:#fff;
width:980px;
height:291px
}

.anim{
width:980px;
height:291px
}

#conteneur_bandeau{
width:980px;
height:291px;
position:absolute
}

#logo{
width:213px;
height:116px;
display:block;
margin:0 0 0 1px;
float:left
}

#slogan{
margin:15px 0 0 115px;
padding:0 0 0 4px;
float:left;
width:337px;
display:block;
height:46px;
font-size:18px;
color:#e40341;
background:url('../../images/ligne_haut.jpg') no-repeat 0 3px
}

#slogan_normal{
font-weight:normal
}

#slogan_petit{
margin:0 0 0 115px;
padding:0 0 0 4px;
width:420px;
float:left;
color:#e40341;
font-size:14px
}

#conteneur_bandeau ul{
list-style:none;
height:58px;
float:left
}

#conteneur_bandeau ul li{
display:block;
overflow:hidden;
width:67px;
height:20px;
float:left
}

.img_ul_haut{
display:block;
float:left
}

.img_haut{
display:block;
float:left
}

#conteneur_bandeau ul li a{
padding:5px 0 0 0; 
text-align:center;
float:left;
display:block;
background:url('../../images/pix_ul_haut.gif') repeat-x;
width:65px;
height:15px;
font-size:8px;
color:#fff
}

#conteneur_form{
width:980px;
background:#fff;
clear:both;
height:22px
}

#conteneur_form table{
float:left;
color:#f00;
margin:0 0 0 30px
}

#conteneur_menu_h{
width:200px;
height:22px
}

#conteneur_form table td{
vertical-align:middle;
padding:0 2px 0 2px
}

#menu_h{
float:left;
list-style:none
}

#menu_h li{
float:left
}

#menu_h li a{
float:left;
display:block;
width:24px;
height:22px;
margin:0 10px 0 0
}

#menu_h li a span{
display:none
}

#home2{
background:url('../../images/home2.jpg') no-repeat
}

#ami2{
background:url('../../images/ami2.jpg') no-repeat
}

#sitemap2{
background:url('../../images/sitemap2.jpg') no-repeat
}

#favoris2{
background:url('../../images/favoris2.jpg') no-repeat
}

.input_text_haut{
border:1px solid #006bd7;
width:114px
}

#menu{
width:168px;
padding:0 0 0 31px;
background:#fff url('../../images/menu.jpg') no-repeat top;
height:703px
}

#menu div{
background:url('../../images/fond_titre_menu.jpg') no-repeat top left;
width:125px;
height:45px;
padding:7px 0 0 0;
margin:3px 0 3px 0
}

.menutitre{
cursor:pointer;
color:#283c3e;
font-size:10px;
height:45px
}

#menu div h2 a{
cursor:pointer;
color:#283c3e;
font-size:10px;
display:block;
height:45px
}

.texte_menu{
float:left;
width:77px
}

.cadre_image_menu{
float:left;
display:block;
width:48px;
height:45px
}

.cadre_image_menu img{
border:1px solid #FF8789;
width:41px;
height:34px
}

#menu div h2 a:hover{
text-decoration:none
}

#menu ul{
list-style:none
}

#menu ul li a{
color:#283c3e
}

#centre{
width:789px;
background:#fff url('../../images/pix_centre_noir.jpg') repeat-y 
}

#centre_page{
background:url('../../images/pix_centre.jpg') repeat-y;
width:589px
}

#haut_page{
background:url('../../images/haut_centre.jpg') no-repeat;
width:589px;
height:53px
}

.lien_haut_gauche{
background:url('../../images/bouton_haut_gauche.jpg') no-repeat top left;
display:block;
float:left;
margin:0 10px 0 0;
width:81px;
height:24px;
padding:9px 17px 0 0;
font-size:12px;
color:#ff9;
text-align:right
}

.lien_haut_gauche_noir{
background:url('../../images/bouton_haut_gauche_noir.jpg') no-repeat top left;
display:block;
float:left;
margin:0 0 0 12px;
width:81px;
height:24px;
padding:9px 17px 0 0;
font-size:12px;
color:#ff9;
text-align:right
}

.lien_haut{
background:url('../../images/bouton_haut.jpg') no-repeat top left;
display:block;
float:left;
width:81px;
height:24px;
padding:9px 17px 0 0;
font-size:12px;
color:#ff9;
text-align:center
}

.lien_haut_compte{
background:url('../../images/bouton_haut_mon_compte.jpg') no-repeat top left;
display:block;
float:left;
width:81px;
height:24px;
margin:0 0 0 10px;
padding:9px 17px 0 0;
font-size:12px;
color:#ff9;
text-align:center
}

#liste_categorie{
clear:both;
padding:25px 34px 25px 34px
}

/*#liste_categorie a{
background:url('../../images/picto_bleu.gif') no-repeat;
font-weight:bold;
float:left;
margin:0 30px 10px 0;
width:89px;
height:67px;
display:block;
padding:54px 5px 0 5px;
text-align:center;
color:#fff;
font-size:13px;
}*/

.div_liste_categorie{
background:url('../../images/bouton/bouton_bleu.gif') no-repeat;
font-weight:bold;
float:left;
margin:0 10px 25px 0;
width:240px;
height:122px;
display:block;
text-align:center;
color:#fff;
font-size:13px;
}

.a_liste_categorie{
color:#fff;
width:106px;
height:88px;
padding:34px 14px 0 8px;
float:left;
display:block
}

.img_liste_categorie{
width:100px;
height:100px;
margin:11px 0 0;
float:left
}

.img_liste_categorie span{
display:none
}

#liste_produits{
clear:both;
padding:25px 34px 25px 34px
}

.vignette_produit{
margin:0 32px 14px 0;
width:226px;
height:135px;
float:left
}

.vignette_produit h2{
background:url('../../images/puce_rose.gif') no-repeat 0 5px;
padding:0 0 0 6px;
font-size:11px
}

.vignette_produit h2 a{
font-size:11px;
color:#f00
}

.vignette_image_prix{
width:110px;
height:122px;
float:left
}

.vignette_image{
width:100px;
height:100px;
background:#000;
border:1px solid #f00
}

#vignette_image{
width:100px;
height:100px;
background:#000;
border:1px solid #f00
}

.vignette_image34{
float:left;
margin:0 30px 0 0;
width:100px;
height:100px;
background:#000;
border:1px solid #f00
}

.vignette_prix{
background:url('../../images/prix_gris.jpg') no-repeat;
width:86px;
height:15px;
padding:2px 0 0 0;
text-align:center;
margin:0 0 0 7px;
font-size:11px ;
color:#fff
}

.vignette_desc{
float:left;
width:116px;
height:120px;
color:#21262e;
font-size:11px
}

.article{
clear:both;
padding:25px 34px 25px 34px;
color:#21262e;
font-size:11px
}

.titre{
clear:both;
font-size:14px;
color:#f00;
padding:0 0 10px 0
}

.lien{
color:#21262e;
font-weight:bold
}

#droite_page{
background:url('../../images/pix_droite.jpg') repeat-y;
width:200px
}

#haut_droite{
background:url('../../images/haut_droite.jpg') no-repeat;
width:200px;
height:39px;
padding-top:14px
}

#valider{
/*
margin:14px 0 0 0;
float:left;
display:block;
width:47px;
height:20px;
background:url('../../images/valider.jpg') no-repeat top left
*/
margin:0 auto;
display:block;
width:148px
}

#img_droite_panier{
margin:14px 0 0 0;
float:left;
display:block
}

#valider span{
display:none
}

#valider:hover{
background-position:bottom left
}

#prod_panier{
clear:both;
padding:7px 12px 0 0;
text-align:right;
font-size:10px;
color:#f00
}

#identification{
background:url('../../images/identification.jpg') no-repeat top left;
width:135px;
height:190px;
margin:55px 0 0 25px;
padding:10px 0 0 14px;
font-size:12px;
color:#f00
}

#identification span{
display:block;
margin:10px 0 0 0
}

#identification a{
display:block;
color:#333
}

#identification_valider{
margin:10px 0 0 28px
}

.input_identification{
border:1px solid #000;
width:120px
}

#flash_infos{
background:url('../../images/flash_info.jpg') no-repeat;
width:144px;
height:155px;
margin:45px 0 0 22px;
padding:48px 27px 0 5px;
color:#424d5e;
font-size:11px;
}

#flash_infos a{
color:#424d5e;
font-weight:bold
}

#flash_infos h2{
font-size:12px
}

#flash_infos marquee{
height:155px
}

#bas_flash_infos{
display:block;
margin:0 0 130px 22px;
}

#droite{
width:200px;
background:url('../../images/pix_droite.jpg') repeat-y
}

#bas_gauche{
background:#fff;
width:199px;
padding:36px 0 35px 0;
text-align:center
}

#lien_ekinoxe{
padding-top:36px;
display:block
}

#bas_centre{
padding:36px 0 0 0;
width:789px;
background:#fff url('../../images/pix_centre_noir.jpg') repeat-y 
}

#bas_centre h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:19px
}

#bas_centre h2 span{
color:#f00
}

#bas_centre span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#f00000
}

#ligne_bas{
display:block;
margin:16px 0 16px 0
}

#rappel_menu{
color:#333;
font-size:11px;
width:530px
}

#rappel_menu a{
color:#333
}

.rub a{
font-size:14px;
color:#21262e;
font-weight:bold
}

.map{
margin:10px 0 10px 30px
}

.map a{
color:#21262e
}

/* Produit detail */
#produit_details_gauche{
width:150px
}

#produit_details_droite{
padding:0 0 0 20px;
width:351px
}

.produit_details_descriptif{
padding:0 0 30px 0;
clear:both
}

.produit_details_titre{
font-size:12px
}

.commander{
background:url('../../images/picto_bleu.gif') no-repeat;
font-weight:bold;
margin:0 auto 10px auto;
width:89px;
height:67px;
display:block;
padding:54px 5px 0 5px;
text-align:center;
color:#fff;
font-size:13px;
}

.associe{
clear:both;
padding:25px 34px 0px 34px;
color:#21262e;
font-size:11px
}

/*Tableau grammage et quantité */
#tableQuantiteGrammage{
border-collapse:collapse
}

#tableQuantiteGrammage td{
border:1px solid #000;
text-align:center;
}

.gra{
vertical-align:middle;
width:80px
}

.qte_piece{
vertical-align:middle;
width:100px;
height:30px
}

.prix_qte_gra{
vertical-align:middle
}

#grammage_quantite{
height:45px;
width:100px;
border:1px solid #000;
background:url('../../images/grammage_quantite.gif') no-repeat 1px 0
}

#grammage{
display:block;
font-weight:bold;
text-align:right;
padding:0 3px 0 0;
width:100px
}

#quantite{
display:block;
font-weight:bold;
text-align:left;
padding:0 0 0 3px;
width:100px
}

.lien_prix_impression{
display:block;
height:23px;
padding:7px 0 0 0;
color:#21262e
}

.lien_prix_impression:hover{
background:#e3e3e3;
color:#f00;
text-decoration:none
}

.valider_form{
cursor:pointer;
display:block;
border:none;
background:url('../../images/picto_bleu.gif') no-repeat;
font-weight:bold;
margin:0 auto 10px auto;
width:99px;
height:121px;
padding:50px 0 20px 0;
text-align:center;
color:#fff;
font-size:13px;
}

.personnalisation{
clear:both
}

#liste_logo{
height:75px;
width:250px;
overflow:auto;
overflow-x:hidden
}

.actualiserGabarit{
color:#21262e;
font-weight:bold
}

.actualiserGabarit:hover{
text-decoration:none
}

/*Caddie*/
.cellTitle{
border:1px solid #ff4a4a
}

.cell{
border:1px solid #ff4a4a;
background:#fff
}

#cadre_contact{
display:block;
height:105px;
margin:184px 0 0 730px;
position:absolute;
width:120px;
}

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

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

/* ----- VOS CLASSES ET ELEMENTS ----- */