/* ----- ELEMENTS DE DEPARD ----- */

*{
margin:0;
padding:0
}

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

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

a:hover{
text-decoration:underline
}

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

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

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

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

#menu_h{
margin:3px 0 0 0;
list-style:none;
float:right
}

#menu_h li{
float:left
}

#menu_h li a{
display:block;
float:left;
width:19px;
height:17px;
background-position:top;
margin:0 13px 0 0
}

#menu_h li a:hover{
background-position:bottom
}

#menu_h li a span{
display:none
}

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

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

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

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

.anim_moteur{
float:left;
margin:49px 0 0 18px;
width:189px;
height:212px
}

.anim_logo{
display:block;
width:308px;
height:89px;
float:left;
margin:44px 0 0 137px
}

.anim_voiture{
float:left;
width:308px;
height:115px;
margin:34px 0 0 17px
}

#menu_ligne{
float:left;
margin:40px 0 0 61px;
list-style:none
}

#menu_ligne li{
float:left
}

#menu_ligne li a{
float:left;
display:block;
width:120px;
height:17px;
background-position:top left
}

#menu_ligne li a span{
display:none
}

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

#accueil{
background:url('../../images/accueil.gif') no-repeat
}

#presentation{
background:url('../../images/presentation.gif') no-repeat
}

#contact{
background:url('../../images/contact.gif') no-repeat
}

#plan_acces{
background:url('../../images/plan_acces.gif') no-repeat
}

#form_news{
float:left;
width:400px
}

#table_news{
float:left;
margin:11px 0 0 200px
}

#input_news{
width:127px;
font-size:10px;
margin:0 20px 0 0;
background:none;
border:none
}

#principal{
width:988px
}

#gauche{
width:162px;
height:324px;
background:url('../../images/gauche.jpg') no-repeat top left;
padding:0 11px 0 18px;
vertical-align:top
}

#conteneur_menu{
height:220px;
padding:28px 0 0 0
}

#conteneur_menu h2{
height:14px;
font-size:11px;
font-style:italic;
color:#528da2;
background:#bce3eb;
font-weight:normal
}

#conteneur_menu h2.nonmenutitre{
margin:0 0 12px 0
}

#conteneur_menu h2.menutitre{
width:147px;
padding:0 0 0 15px;
}

#conteneur_menu h2.menutitre:hover{
background:#74c7d6 url('../../images/fleche_menu.gif') no-repeat top left;
cursor:pointer;
color:#333
}

#conteneur_menu h2 a{
display:block;
color:#528da2;
with:147px;
height:14px;
padding:0 0 0 15px
}

#conteneur_menu h2 a:hover{
text-decoration:none;
background:#74c7d6 url('../../images/fleche_menu.gif') no-repeat top left;
color:#333
}

#conteneur_menu ul{
margin:0px 0 10px 12px;
border-left:1px solid #333;
list-style:none
}

#conteneur_menu ul li{
padding:2px 0 2px 11px;
background:url('../../images/pix_sub_menu.gif') no-repeat 0 9px
}

#conteneur_menu ul li a{
color:#528da2;
font-size:11px
}

#conteneur_menu ul li a:hover{
text-decoration:none;
color:#333
}

#lien_ekinoxe{
width:162px;
background:url('../../images/pointille.gif') no-repeat;
text-align:center
}

#lien_ekinoxe span{
display:block;
text-align:center;
color:#006;
font-size:9px;
padding:10px 0 5px 0
}

#page{
height:324px;
overflow:auto;
overflow-x:hidden;
background:#fff;
padding:0 0 0 17px
}

#centre{
vertical-align:top;
width:614px;
background:#fff;
height:324px
}

.titre_article{
border-left:1px solid #a6a6a6;
border-right:1px solid #a6a6a6;
border-top:1px solid #a6a6a6;
width:570px;
background:url('../../images/pix_contenu.jpg') repeat-y;
padding:0 0 8px 0;
clear:both
}

.titre{
background:url('../../images/titre.jpg') no-repeat;
font-size:12px;
font-weight:normal;
width:500px;
padding:7px 20px 7px 50px;
text-transform:uppercase
}

.img{
display:block
}

.img_article_bas{
margin:0 0 20px 0;
display:block
}

.img_article{
margin:0 3px 0 3px;
display:block
}

.article{
background:url('../../images/pix_article.jpg') repeat-y;
width:548px;
margin:0 0 0 3px;
padding:7px 8px 7px 8px;
clear:both
}

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

#flash_infos{
background:url('../../images/flash.jpg') no-repeat;
width:144px;
height:116px;
padding:26px 17px 6px 22px
}

#flash_infos h2{
font-size:11px
}

#flash_infos a{
color:#006
}

#flash_infos marquee{
height:116px
}

#horaire{
background:url('../../images/horaire.jpg') no-repeat;
width:144px;
height:82px;
padding:80px 17px 14px 22px;
font-weight:bold;
text-align:center
}

#bas{
margin:0 0 78px 8px;
height:70px;
width:979px;
background:url('../../images/pix_bas.jpg') repeat-x
}

#adresse{
color:#006;
text-align:center;
padding:9px 15px 9px 15px
}

#adresse span{
font-weight:bold
}

#rappel_menu{
padding:0 20px 0 20px;
text-align:center;
color:#74c7d6;
font-style:italic
}

#rappel_menu a{
color:#74c7d6
}

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

.rub{
font-size:11px;
font-style:italic;
color:#528da2
}

.rub a{
color:#528da2
}

.rub a:hover{
text-decoration:none;
color:#333
}

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

.map a:hover{
text-decoration:none;
color:#333
}

.conteneur_categorie{
width:120px;
height:150px;
float:left;
margin:0 24px 10px 24px
}

.bas_vignette{
font-size:11px
}

.bas_vignette a{
font-style:italic;
color:#528da2
}

.bas_vignette a:hover{
text-decoration:none
}
/* ----- 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 ----- */