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

*{
margin:0;
padding:0
}

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

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

a:hover{
color:#fff;
}

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

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

tr,td{
vertical-align:top
}

#conteneur{
background:url('../../images/pix_conteneur.jpg') repeat-y;
width:980px;
margin-left:auto;
margin-right:auto;
}

#bandeau{
margin-left:44px;
width:936px;
height:306px;
background:url('../../images/bandeau.jpg') no-repeat
}

#menu_haut{
padding:6px 0 22px 740px;
height:16px;
list-style:none
}

#menu_haut li{
float:left
}

#menu_haut li a{
margin-right:30px;
display:block;
background-position:top left;
background-repeat:no-repeat;
float:left
}

#menu_haut li a span{
display:none
}

#menu_haut li a:hover{
background-position:bottom left
}

#menu_haut li a.home{
width:16px;
height:16px;
background-image:url('../../images/home.gif')
}

#menu_haut li a.enveloppe{
width:22px;
height:14px;
background-image:url('../../images/enveloppe.gif')
}

#menu_haut li a.ami{
width:18px;
height:16px;
background-image:url('../../images/ami.gif')
}

#menu_haut li a.sitemap{
width:16px;
height:16px;
background-image:url('../../images/sitemap.gif')
}

#logo{
margin-left:8px;
width:250px;
height:168px
}

#recherche_newsletter{
padding:60px 0 0 388px
}

#recherche_newsletter form{
float:left;
}

#recherche_newsletter td{
vertical-align:middle;
padding:0 3px 0 3px
}

#newsletter{
width:387px
}

.input_news_recherche{
width:104px;
border:1px solid #3b3bac
}

#principal{
margin-left:44px;
background:url('../../images/pix_principal.jpg') repeat-y
}

#gauche{
width:270px;
background:url('../../images/gauche.jpg') no-repeat bottom left;
padding-bottom:355px
}

.menu{
width:270px
}

.menu h2 a{
display:block;
width:197px;
padding:7px 0 5px 46px;
font-size:13px;
color:#f60;
text-transform:uppercase;
background:url('../../images/fleche_blanche.gif') no-repeat 32px 11px;
margin-bottom:6px
}

.menu h2 a:hover{
color:#fff;
text-decoration:underline;
background:url('../../images/hover_menu.gif') no-repeat;
}

h2.menutitre{
width:197px;
padding:7px 0 5px 46px;
font-size:13px;
color:#f60;
text-transform:uppercase;
background:url('../../images/fleche_blanche.gif') no-repeat 32px 11px;
margin:0
}

h2.menutitre:hover{
color:#fff;
text-decoration:underline;
cursor:pointer;
background:url('../../images/hover_menu.gif') no-repeat;
margin:0
}

ul.stretcher{
border-left:1px dotted #fff;
margin:3px 0 3px 48px;
list-style:none
}

ul.stretcher li{
padding-left:5px
}

ul.stretcher li a{
font-weight:bold;
font-size:11px;
color:#fff
}

ul.stretcher li a:hover{
text-decoration:underline
}

#page{
background:url('../../images/patte_centre.jpg') no-repeat bottom right;
width:404px;
padding:10px 10px 113px 10px
}

.titre{
background:url('../../images/puce_h1.jpg') no-repeat 0 8px;
padding:8px 0 0 25px;
font-size:17px;
font-weight:normal;
clear:both
}

.premier_mot{
font-size:17px
}

.premiere_lettre{
font-size:25px
}

.article{
padding:5px 15px 5px 25px
}

#droite{
width:242px;
background:url('../../images/bas_droite.jpg') no-repeat bottom left
}

#horaire{
width:81px;
height:77px;
background:url('../../images/horaire.jpg') no-repeat;
padding:84px 55px 0 55px;
color:#333;
text-align:center
}

#fond_flash_info{
background:url('../../images/pix_flash_info.jpg') repeat-y;
}

#flash_infos{
background:url('../../images/haut_flash_info.jpg') no-repeat top left; 
text-align:center;
color:#333;
padding:76px 33px 0 33px;
height:108px;
width:125px
}

#flash_infos marquee{
height:108px;
text-align:center
}

#flash_infos h2{
font-size:12px
}

#flash_infos a{
color:#333
}

#ligne_bas{
background:url('../../images/bas.jpg') no-repeat;
width:980px;
height:24px
}

#chien{
position: absolute;
background:url('../../images/chien.jpg') no-repeat;
width:72px;
height:113px;
margin:-113px 0 0 314px
}

#bas{
background:#422e28 url('../../images/pix_bas.jpg') repeat-x top left
}

#bas_gauche{
padding-left:44px;
width:172px
}

#bas_centre{
width:544px;
text-align:center
}

#adresse{
font-size:13px;
color:#d1d1d1;
text-align:center
}

#adresse span{
color:#fff;
font-size:15px;
font-weight:bold
}

#rappel_menu{
text-align:center;
font-size:9px;
color:#999;
text-transform:uppercase
}

#rappel_menu a{
color:#999
}

#rappel_menu a:hover{
text-decoration:underline
}

#bas_droite{
width:220px
}

#separation{
margin:5px 0 10px 0
}

.image{
border:2px solid #decac5
}

.photo{
width: 134px
}

.categorie{
float:left;
width: 134px;
margin:10px 50px 10px 10px
}

.lien_categorie{
display:block;
background:#a8a8a8 url('../../images/pix_gris.gif') repeat-x top;
width:124px;
color:#ea5e00;
font-weight:bold;
padding:2px 5px 2px 5px
}

.photo_galerie{
float:left;
width: 134px;
margin:10px 50px 10px 10px
}

.produit{
float:left;
width:180px;
height:190px;
margin:15px 10px 45px 10px
}

.produit_col{
float:left;
width:86px;
padding-right:4px
}

.produit_col span{
font-size:10px;
color:#fff;
background:url('../../images/fleche_blanche.gif') no-repeat 0 4px;
padding:0 0 0 9px
}

.produit_col h1{
background:#a8a8a8 url('../../images/pix_gris.gif') repeat-x top;
font-size:12px
}

.produit_col h1 a{
display:block;
color:#ea5e00;
width:86px;
padding:1px 0 1px 0
}

.produit_col h1 a:hover{
background:#323274 url('../../images/pix_bleu.gif') repeat-x top;
color:#fff;
width:86px;
padding:1px 0 1px 0
}

.photo_produit{
height:86px;
width:86px;
background:url('../../images/fond_produit.gif') no-repeat
}

.produit_descriptif{
height:120px;
font-size:11px;
color:#eaeaea
}

.details{
color:#eee
}

.details:hover{
color:#f93;
text-decoration:underline
}

.produit_details_col{
float:left;
margin:0 20px 20px 0
}

.fiche_details{
float:left
}

.fiche_details span{
font-size:10px;
color:#fff;
background:url('../../images/fleche_blanche.gif') no-repeat 0 4px;
padding:0 0 0 9px
}

.produit_details_col a{
font-size:10px;
color:#fff
}

span.prix{
display:block;
background:#a8a8a8 url('../../images/pix_gris.gif') repeat-x top;
width:86px;
color:#ea5e00;
font-weight:bold;
padding:1px 0 1px 0;
font-size:12px
}

.fiche_details h2{
background:#323274 url('../../images/pix_bleu.gif') repeat-x top;
color:#fff;
width:86px;
padding:1px 0 1px 0;
font-size:12px
}

.descriptif_detail_produit{
clear:both;
color:#e2e2e2;
font-size:11px
}

.photo_34{
float:left;
width: 134px;
margin:10px 50px 10px 10px
}

/* ----- 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 }

/* ----- CLASSES PLAN DU SITE ----- */

h2.rub{
margin:5px 0 5px 0
}

h2.rub a{
color:#fff;
font-weight:normal;
font-size:17px
}

h2.rub a:hover{
color:#c19a91
}

ul.map{
margin-left:30px;
list-style:none
}

ul.map2{
margin-left:60px;
list-style:none
}