*{
margin:0;
padding:0
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
background-color:#fff
}

a{
color:#666;
text-decoration:none;
font-weight:bold
}

a:hover{
text-decoration:underline
}

img{
border: 0
}

table{
border-collapse:collapse
}

tr,td{
vertical-align:top
}

.titre{
color:#4f4f4f;
padding-left:15px;
background:url('../../images/puce_h1.gif') no-repeat 0 3px;
font-size:14px;
font-weight:normal;
clear:both;
margin-top:20px
}

.article{
border-left:1px solid #ffa4a4;
margin:15px 0 15px 0;
padding-left:15px;
clear:both
}

#conteneur{
width:980px;
margin-left:auto;
margin-right:auto
}

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

#menu_haut{
height:30px;
padding:15px 43px 0 0;
font-size:10px;
color:#999;
text-align:right
}

#menu_haut a{
color:#999;
font-weight:normal;
margin:0 12px 0 12px
}

#menu_haut a:hover{
color:#ff6a6a;
text-decoration:none
}

#lien_flash{
float:left
}

#bandeau_flash{
float:left;
width:882px;
height:149px;
margin-left:50px
}

#newsletter{
margin:0 0 0 140px;
float:left;
width:199px
}

#input_newsletter{
width:115px;
margin-top:3px
}

#menu1{
margin:0;
width:592px;
height:24px;
float:left;
text-align:center;
list-style:none
}

#menu1 li{
float:left
}

#menu1 a{
float:left;
color:#fff;
font-size:12px;
display:block;
width:145px;
height:20px;
padding-top:4px
}

.pix_menu1{
float:left
}

#principal{
clear:both
}

#ligne_gauche{
width:2px;
background:url('../../images/pix_gauche.gif') repeat-y;
padding:0 0 0 40px
}

#gauche{
width:244px;
padding-bottom:32px
}

#fond_menu{
width:244px;
background:url('../../images/pix_menu.gif') repeat-y
}

#menu{
padding:24px 20px 0 20px;
width:204px;
height:526px;
background:url('../../images/fond_menu.jpg') no-repeat
}

h2.menutitre{
color:#737373;
font-size:13px;
font-weight:normal;
cursor:pointer;
padding:0 0 0 14px;
margin-top:3px;
background:url('../../images/fleche_grise.gif') no-repeat 0 2px;
height:20px;
margin-top:5px
}

h2.menutitre:hover{
color:#ff2b2b;
background:url('../../images/fleche_rouge.gif') no-repeat 0 2px;
}

h2.nonmenutitre{
margin:8px 0 5px 0
}

h2.nonmenutitre a{
color:#737373;
font-size:13px;
font-weight:normal;
padding:0 0 0 14px;
background:url('../../images/fleche_grise.gif') no-repeat 0 2px;
height:20px
}

h2.nonmenutitre a:hover{
color:#ff2b2b;
background:url('../../images/fleche_rouge.gif') no-repeat 0 2px;
text-decoration:none
}

.ligne_menu{
margin:0 0 0 20px
}

#menu ul{
border-left:2px solid #c2c2c2;
margin:0 0 3px 24px;
padding-left:5px;
list-style:none
}

#menu ul li a{
color:#515151;
font-weight:normal
}

html>body #menu{
height:auto;
min-height:526px
}

#page{
width:421px;
padding:20px 30px 20px 30px
}

#droite{
width:163px
}

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

#flash_infos{
background:url('../../images/fond_flash_info.jpg') no-repeat;
width:123px;
padding:0 20px 17px 20px;
height:120px;
font-size:11px;
color:#828282
}

#flash_infos h2{
font-size:12px
}

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

#horaire{
width:123px;
height:284px;
padding:0 20px 17px 20px;
text-align:center;
background:url('../../images/horaire.jpg') no-repeat;
font-size:13px;
color:#8b8b8b
}

#ligne_droite{
width:44px;
background:url('../../images/pix_droite.gif') repeat-y;
padding:0 0 0 6px
}

#bas_gauche{
background:url('../../images/pix_bas_gauche.jpg') repeat-y;
width:2px;
padding:0 0 0 40px
}

#bas_centre{
width:882px;
padding:0 0 0 6px
}

#bas_droite{
background:url('../../images/pix_bas_droite.jpg') repeat-y;
width:44px;
padding:0 0 0 6px
}

#adresse{
width:882px;
height:64px;
background:url('../../images/bas.jpg') no-repeat;
color:#666;
font-size:13px;
font-weight:bold;
padding-top:18px;
text-align:center
}

#adresse span{
color:#828282;
font-size:14px
}

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

#rappel_menu a{
font-weight:normal;
color:#737373
}

.conteneur_categorie{
height:180px;
width:150px;
float:left;
margin-right:50px
}

.bas_vignette{
font-size:12px
}

h2.rub{
margin-top:5px;
margin-bottom:5px
}

h2.rub a{
color:#737373;
font-size:13px;
font-weight:normal;
padding:0 0 0 14px;
background:url('../../images/fleche_grise.gif') no-repeat 0 2px;
height:20px
}

h2.rub a:hover{
color:#ff2b2b;
background:url('../../images/fleche_rouge.gif') no-repeat 0 2px;
text-decoration:none
}

.map{
list-style:none;
margin:5px;
margin-left:20px
}

.map a{
font-weight:normal
}

.map2{
list-style:none;
margin:5px;
margin-left:40px
}

.map2 a{
font-weight:normal
}

#ekinoxe{
position:absolute;
display:block;
margin:10px 0 0 830px
}
/* ----- 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 }

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