*{
margin:0;
padding:0
}
body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#676767;
background:#fff;
background:url('../../images/pix_body.gif')
}

a{
color:#2f4974;
text-decoration:none
}

a:hover{
color:#ff2d2d
}

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

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

tr,td{
vertical-align:top
}

.titre{
background:url('../../images/fleche_rouge.gif') no-repeat 0 13px;
padding:10px 0 10px 24px;
font-size:16px;
color:#747474;
clear:both
}

h3.titre{
background:url('../../images/fleche_rouge.gif') no-repeat 0 13px;
padding:10px 0 10px 24px;
font-size:16px;
/*color:#747474;*/
color:#24aff0;
clear:both
}

.article{
margin:10px 0 10px 0;
clear:both
}

#conteneur{
background:url('../../images/pix_conteneur.gif') repeat-y;
width:864px;
margin-left:auto;
margin-right:auto;
padding:0 9px 0 8px
}

#bandeau{
width:864px;
height:243px
}

#menu_haut{
height:16px;
padding:7px 32px 0 0;
font-size:10px;
color:#fff;
text-align:right
}

#menu_haut a{
color:#24aff0;
font-weight:bold;
background:url('../../images/puce_rouge.gif') no-repeat 0 3px;
padding-left:6px;
margin:0 0 0 15px
}

#menu_haut a:hover{
background:url('../../images/puce_bleu.gif') no-repeat 0 3px;
color:#f00
}

#logo{
float:left;
margin:30px 20px 0 29px
}

.anim{
width:630px;
height:198px;
float:left
}

#slogan_news{
background:url('../../images/pix_noir.jpg') repeat-x;
height:22px;
width:822px;
margin:0 0 0 22px
}

#slogan{
background:url('../../images/fleche_slogan.jpg') no-repeat 0 4px;
font-size:13px;
color:#fff;
width:180px;
margin:0 0 0 10px;
padding:2px 0 0 18px;
float:left
}

#menu1{
margin:15px 20px 15px 22px;
list-style:none
}

#menu1 li{
margin-top:3px
}

#menu1 a{
display:block;
width:133px;
height:20px;
background:url('../../images/bouton_menu.jpg') no-repeat top;
font-size:12px;
color:#afafb0;
padding:3px 0 0 20px;
text-align:left
}

#menu1 a:hover{
background:url('../../images/bouton_menu.jpg') no-repeat bottom;
color:#fff
}

#table_newsletter{
float:left;
width:216px;
margin:2px 0 0 394px
}

#table_newsletter td{
vertical-align:middle;
padding-left:8px
}

#table_newsletter td span{
color:#ff0;
font-size:12px;
font-weight:bold
}

#input_newsletter{
width:105px;
font-size:11px
}

#gauche{
width:200px;
background:url('../../images/ombre_gauche.jpg') no-repeat top right;
padding-bottom:70px
}

#categorie{
background:url('../../images/bouton_bleu.jpg') no-repeat;
width:153px;
height:20px;
color:#ff0;
font-weight:bold;
font-size:14px;
padding-top:3px;
text-align:center;
margin:7px 0 10px 22px
}

#page{
width:482px;
padding:10px 15px 30px 15px
}

#droite{
width:152px;
height:400px
}

#haut_flash_info{
background:url('../../images/haut_flash_info.jpg') no-repeat;
width:131px;
height:20px;
padding:3px 0 0 0;
text-align:center;
color:#ff0;
font-weight:bold;
font-size:14px;
margin:7px 0 5px 0
}

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

#flash_infos{
width:105px;
height:140px;
background:url('../../images/flash_info.jpg') no-repeat;
padding:8px 15px 0 10px;
text-align:center;
color:#385076
}

#flash_infos h2{
font-size:11px
}

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

#adresse{
background:url('../../images/bas.jpg') no-repeat;
width:821px;
height:50px;
text-align:center;
font-size:12px;
color:#0a9fba;
padding:15px 0 0 0;
margin:10px 0 0 22px
}

#adresse span{
font-weight:bold;
display:block;
margin-bottom:10px
}

#bouche_incendie{
display:block;
margin:-113px 0 0 22px;
position:absolute
}

#ekinoxe{
display:block;
position:absolute;
width:65px;
height:63px;
margin:3px 0 0 772px
}

#rappel_menu{
padding:50px 120px 20px 80px;
width:664px;
font-size:10px;
color:#6f6f6f;
text-align:center
}

#rappel_menu a{
color:#6f6f6f
}

#rappel_menu a:hover{
color:#6f6f6f;
text-decoration:underline
}

#menu{
width:160px;
margin:0 20px 0 20px
}

ul.stretcher{
margin:0 0 5px 30px
}

.menutitre{
color:#2f4974;
font-size:11px;
font-weight:normal;
padding-left:27px;
background:url('../../images/fleches_bleu.gif') no-repeat;
margin-top:5px;
margin-bottom:5px;
cursor:pointer
}

.menutitre:hover{
color:#ff2d2d;
background:url('../../images/fleches_rouge.gif') no-repeat 
}

.nonmenutitre{
margin-top:5pxpx;
margin-bottom:10px
}

.nonmenutitre a{
color:#2f4974;
font-size:11px;
font-weight:normal;
padding-left:27px;
background:url('../../images/fleches_bleu.gif') no-repeat
}

.nonmenutitre a:hover{
color:#ff2d2d;
background:url('../../images/fleches_rouge.gif') no-repeat 
}

.rub{
margin-top:10px;
margin-bottom:10px
}

.rub a{
color:#2f4974;
font-size:11px;
font-weight:normal;
padding-left:27px;
background:url('../../images/fleches_bleu.gif') no-repeat
}

.rub a:hover{
color:#ff2d2d;
background:url('../../images/fleches_rouge.gif') no-repeat 
}

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

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

.conteneur_categorie{
height:150px;
width:120px;
float:left;
margin-right:30px
}

.bas_vignette{
font-size:11px;
font-weight:normal
}

#tel{
width:170px;
/*margin-left:20px;*/
margin:0 10px 0 0;
color:#0a9fba
}

#tel span{
font-weight:bold
}
/* ----- 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 ----- */

#stat{
	text-align:center;
	color:#000000;
}