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

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; 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, h2.mention_legales_titre, h2.compte{font-size:12px;margin:6px 0;color:#333}
p.cgv_p{margin:0 10px}
blockquote.cgv_adresse{margin:7px 20px}

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

*{
margin:0;
padding:0
}

html{
background:#276E93 url('../../images/pix_fond.jpg') repeat-x top center
}

body{
margin:0;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
color:#333;
background:url('../../images/fond.jpg') no-repeat top center;
height:500px
}

a{
text-decoration:none;
color:#820000
}

a:hover{
text-decoration:underline
}

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

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

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

#haut{
height:171px
}

#logo{
height:144px;
width:359px;
display:block;
float:left;
margin:27px 0 0
}

#compte{
float:left;
width:182px;
height:89px;
margin:37px 0 0;
padding:0 0 0 84px;
background:url('../../images/haut_bleu.jpg') no-repeat bottom right
}

#compte_table{
margin:5px 0 0 12px
}

.compte_td{
width:122px;
height:21px;
background:url('../../images/input_bleu.jpg') no-repeat 0 2px
}

.compte_td input{
color:#236A8F;
font-size:10px;
margin:0 0 0 2px;
width:118px;
background:none;
border:none
}

#new_client{
float:left;
width:182px;
height:89px;
margin:37px 0 0;
padding:0 0 0 7px;
background:url('../../images/haut_bleu.jpg') no-repeat bottom right
}

.btn_bleu{
background:url('../../images/bouton_bleu.jpg') no-repeat;
width:126px;
text-align:center;
font-size:10px;
color:#fff;
text-transform:uppercase;
padding:3px 0 0;
height:16px;
margin:5px auto;
display:block
}

.btn_bleu:hover{
text-decoration:none
}

#panier{
float:left;
width:112px;
height:89px;
margin:37px 0 0;
padding:0 0 0 7px;
background:url('../../images/haut_bleu2.jpg') no-repeat bottom right
}

#menuh{
float:left;
padding:7px 0 0 5px;
list-style:none
}

#menuh li{
float:left
}

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

#menuh li a span{
display:none
}

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

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

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

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

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

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

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

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

#caddie{
width:112px;
height:27px;
display:block;
float:left
}

#panier span{
margin:0 0 0 37px;
color:#fff;
font-size:10px
}

#visualiser{
text-align:center;
font-size:9px;
color:#fff;
text-transform:uppercase;
width:106px;
padding:2px 0 0;
height:15px;
margin:auto;
display:block
}

#rouge{
width:621px;
background:url('../../images/pix_rouge.jpg') repeat-x;
height:45px;
float:left
}

#menu_h{
width:341px;
height:45px;
float:left;
list-style:none
}

#menu_h li{
float:left
}

#menu_h li a{
float:left;
font-size:11px;
color:#fff;
text-transform:uppercase;
padding:17px 6px 0 6px;
height:28px;
background:none
}

#menu_h li a:hover{
background:url('../../images/pix_rouge_fonce.jpg') repeat-x;
text-decoration:none
}

#menu_h li img{
float:left
}

#newsletter{
background:url('../../images/newsletter.jpg') no-repeat;
width:275px;
float:right;
height:45px
}

#newsletter span{
font-size:11px;
color:#fff;
text-transform:uppercase;
padding:17px 8px 0 8px;
float:left
}

#newsletter table{
float:left
}

#newsletter table td{
vertical-align:top
}

#email_news{
width:115px;
font-size:10px;
margin:18px 0 0 3px;
border:none;
background:none
}

#email_ok{
margin:17px 0 0 7px
}

#principal{
width:980px;
background:url('../../images/pix_bg.jpg') repeat-y;
}

#gauche{
width:702px;
vertical-align:top;
height:500px
}

#anim{
padding:0 0 0 32px;
background: url('../../images/ombre_gauche.jpg') no-repeat top left
}

#anim h1{
display:none
}

.titre{
background:url('../../images/fleches.jpg') no-repeat;
padding:0 0 0 27px;
font-size:18px;
font-weight:bold;
color:#236A8F;
text-transform:uppercase
}

.article{
padding:10px 10px 10px 27px;
width:646px;
background:#f6f6f6;
margin:0 0 0 10px;
clear:both;
float:left
}

.contenu_article{
margin:5px 0 0;
background:url('../../images/ligne.jpg') repeat-x;
padding:5px 0 0 27px;
width:618px;
float:left
}

#droite{
width:278px;
vertical-align:top
}

#menu_flash{
background:url('../../images/ombre_droite.jpg') no-repeat top right
}

#menu{
width:270px;
background:#f6f6f6;
padding:6px 0 0
}

.menutitre{
width:227px;
height:24px;
color:#fff;
font-size:13px;
font-weight:normal;
background:url('../../images/bg_menutitre.jpg') no-repeat top left;
padding:8px 0 0 43px
}

.menutitre:hover{
cursor:pointer;
background:url('../../images/bg_menutitre.jpg') no-repeat bottom left
}

.nonmenutitre{
font-weight:normal
}

.nonmenutitre a{
width:227px;
height:24px;
color:#fff;
font-size:13px;
background:url('../../images/bg_menutitre.jpg') no-repeat top left;
padding:8px 0 0 43px;
display:block
}

.nonmenutitre a:hover{
background:url('../../images/bg_menutitre.jpg') no-repeat bottom left;
text-decoration:none
}

.stretcher{
background:#2786B3;
width:270px;
list-style:none
}

.stretcher li a{
display:block;
width:217px;
color:#fff;
padding:0 0 0 53px
}

.stretcher li a:hover{
background:#C00000;
text-decoration:none
}

#flash_infos{
color:#333;
background:url('../../images/flash_info.jpg') no-repeat;
width:194px;
height:115px;
padding:63px 34px 60px 42px
}

#flash_infos marquee{
height:115px
}

#flash_infos a{
color:#333
}

#flash_infos h2{
font-size:11px
}

#marque{
width:258px;
padding:40px 10px 10px 10px;
background:url('../../images/nos_marques.jpg') no-repeat 10px 10px
}

.marque_img{
display:block;
margin:10px auto
}

#adresse {
height:27px;
background:url('../../images/fleche.jpg') no-repeat 100px 3px;
padding:8px 0 0 192px;
font-size:12px;
color:#fff
}

#nom_adresse{
font-size:13px;
font-weight:bold;
color:#fff;
text-transform:uppercase
}

#rappel_menu{
padding:10px 20px;
color:#33CCFF;
font-size:10px;
text-align:center
}

#rappel_menu span{
padding:0 10px
}

#rappel_menu a{
color:#33CCFF
}

#rappel_menu a:hover{
color:#fff;
text-decoration:none
}

#logo_ekinoxe{
width:82px;
height:82px;
display:block;
margin:auto
}

.rub{
font-weight:normal
}

.rub a{
font-size:14px
}

.map{
list-style:none;
margin:5px 0 5px 30px
}

.map2{
list-style:none;
margin:5px 0 5px 50px
}

#arbo{
padding:10px 10px 10px 64px;
}

.cadre_vignette_cat{
width:144px;
padding:10px 31px;
float:left;
}

.cadre_vignette{
width:144px;
height:300px;
padding:10px 31px;
float:left;
}

.titre_vignette{
padding:5px 0;
text-align:center
}

.titre_vignette a{
background:url('../../images/fleche_rouge.gif') no-repeat 0 6px;
padding:0 10px;
font-size:12px;
color:#8B0000
}

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

.vignette_image_cadre{
background:url('../../images/pix_vignette.gif') repeat-y;
width:132;
padding:6px
}

.cadre_image{
display:block;
height:132px;
width:132px
}

.cadre_image span{
display:none
}

.vignette_descriptif{
height:80px;
padding:5px 0;
text-align:justify
}

.savoir_plus{
text-transform:uppercase;
text-decoration:none;
margin:auto;
background:url('../../images/btn_bleu.jpg') no-repeat;
width:110px;
height:18px;
color:#fff;
font-size:10px;
font-weight:bold;
text-align:center;
padding:3px 0 0 20px;
display:block
}

.savoir_plus:hover{
background:url('../../images/btn_rouge.jpg') no-repeat
}

/*Produit details*/
.produit_gauche{
width:160px;
float:left
}

.cadre_produit_details{
width:102px;
height:104px;
float:left;
margin:0 10px 10px 0

}

.produit_desc{
float:left;
width:458px
}

.image34{
float:right;
clear:both;
width:100%;
padding:20px 0
}

.prix_desc{
font-size:14px
}

.critere{
width:100px
}

.cellTitle{
border:1px solid #333
}

.cell{
border:1px solid #333
}

.bas_image_vignette{
display:block
}

h1{margin:0;padding:0;}
h1 span{display:none;}