*{
margin:0;
padding:0
}

body{
margin:0;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#fff;
background:#020913 url('../../imagesSombre/a_decouvrir.jpg') no-repeat bottom left;
/*background:#000 url('../../imagesSombre/fond.jpg') no-repeat bottom left;*/
}

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

a:hover{
text-decoration:underline
}

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

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

#conteneur{
width:865px;
float:left
}

#prinicpal{
height:900px
}

#gauche{
vertical-align:top;
width:254px;
border-right:2px solid #000;
background:#1A232E;
opacity : 0.8;
filter : alpha(opacity=80); 
}

#saison{
margin:17px 0 36px;
display:block;
height:83px;
width:81px;
background:url('../../imagesSombre/saison.png') no-repeat
}

#menu{
padding:0 0 80px
}

.menutitre{
cursor:pointer;
width:230px;
padding:4px	0 4px 24px;
color:#989EA5;
font-size:13px;
background:#333
}

.menutitre:hover{
background:#DE3045;
color:#fff
}

.nonmenutitre{
margin:0 0 1px
}

.nonmenutitre a{
display:block;
width:226px;
padding:4px	4px 4px 24px;
color:#989EA5;
font-size:13px;
background:#333
}

.nonmenutitre a:hover{
background:#DE3045;
color:#fff;
text-decoration:none
}

.stretcher{
list-style:none;
margin:0 0 1px
}

.stretcher a{
display:block;
width:204px;
padding:4px	4px 4px 46px;
color:#6D727A;
font-size:13px;
font-weight:bold
}

.stretcher a:hover{
background:url('../../imagesSombre/fond_lien.gif');
color:#fff;
text-decoration:none
}

#cadre_gauche{
width:190px;
margin:0 0 0 21px;
padding:4px 0 0;
color:#A7ADB4;
font-weight:bold;
font-size:13px
}

#flash_infos{
width:190px;
margin:0 0 0 21px;
color:#A7ADB4;
height:130px;
font-size:13px
}

#flash_infos a{
color:#A7ADB4
}

#flash_infos h2{
font-size:13px
}

#guillemet1{
background:url('../../imagesSombre/guillemet1.png') no-repeat;
height:34px;
width:52px;
display:block;
margin:2px 0 0 20px
}

#guillemet2{
background:url('../../imagesSombre/guillemet2.png') no-repeat;
height:34px;
width:52px;
display:block;
margin:2px 0 0 78px
}

#ekinoxe{
display:block;
height:59px;
width:56px;
background:url('../../imagesSombre/ekinoxe.png') no-repeat;
margin:110px auto 0 auto;
}

#ekinoxe img{
display:none
}

#centre{
vertical-align:top;
background:url('../../imagesSombre/ngrille.gif');
padding:0 0 35px
}

#centre_div{
 width:592px;
}

#page{
height:760px;
min-height:760px;
height:auto;
clear:both
}

#menu_h{
margin:62px 0 0 30px;
width:513px;
border-top:1px solid #253140;
list-style:none;
font-size:14px;
font-weight:bold
}

#menu_h li{
float:left
}

#menu_h li a{
display:block;
float:left;
color:#253140;
padding:14px 0;
border-bottom:1px solid #253140
}

#menu_h li a:hover{
text-decoration:none;
color:#fff;
border-bottom:1px solid #fff
}

#accueil{
text-align:center;
width:69px
}

#presse{
width:92px;
text-align:center
}

#infos_pratiques{
width:150px;
text-align:center
}

#contact{
width:82px;
text-align:center
}

#plan_acces{
text-align:center;
width:120px
}

#arbo{
clear:both;
color:#8F969F;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 0 30px;
padding:10px 0 50px 0
}

#arbo a{
color:#8F969F
}

.article{
padding:0 46px 20px 30px;
clear:both
}

.contenu{
padding:20px 0 0;
clear:both
}

.titre{
font-size:18px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:6px 0 2px;
/*display:inline;*/
/*float:left*/
}

.guillemet_article1{
display:block;
float:left;
background:url('../../imagesSombre/guillemet_article1.png') no-repeat;
width:18px;
height:11px;
margin:0 0 0 2px
}

.guillemet_article2{
display:block;
float:left;
background:url('../../imagesSombre/guillemet_article2.png') no-repeat;
width:18px;
height:11px;
margin:0 0 0 2px
}

.bloque{
width:246px;
background:#000914;
float:left;
padding:12px 0 0;
margin:0 0 20px 30px
}

.titre_bloque{
float:left;
width:176px;
padding:0 20px 12px 14px;
font-size:16px;
color:#6D727A
}

.guillemet_bloque{
float:left;
width:18px;
height:11px;
display:block;
background:url('../../imagesSombre/guillemet_article2.png') no-repeat top right
}

.image_bloque{
text-align:center;
clear:both	
}

.texte_bloque{
padding:14px
}

.savoir_plus{
display:block;
width:86px;
height:14px;
padding:0 0 0 1px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#333 url('../../imagesSombre/savoir_plus_grisf.jpg') no-repeat;
margin:12px 0
}

.savoir_plus:hover{
background:#DE3045 url('../../imagesSombre/savoir_plus_rose.jpg') no-repeat;
text-decoration:none
}

#droite{
width:17px;
background:#000914
}

.fermer{
display:block;
width:17px;
height:900px;
background:#000914 url('../../imagesSombre/nfermer.jpg') no-repeat center
}

.fermer span{
display:none
}

.ouvrir{
display:block;
width:17px;
height:900px;
background:#000914 url('../../imagesSombre/nouvrir.jpg') no-repeat center
}

.ouvrir span{
display:none
}

#cadre_newsletter{
margin:0 0 0 30px;
clear:both;
float:left;
width:192px;
background:#000914
}

.newsletter{
width:192px;
height:23px;
display:block;
background:url('../../imagesSombre/newsletter_ss_lueur.jpg') no-repeat
}

.newsletter:hover{
background:url('../../imagesSombre/newsletter.jpg') no-repeat
}

#newsletter_table{
height:38px
}

#input_news{
width:140px;
margin:0 5px;
border:1px solid #BDC1C7;
color:#6D727A
}

#logo{
background:url('../../imagesSombre/bcrasto.png') no-repeat;
display:block;
height:386px;
width:77px;
margin:13px 0 0 21px;
float:left
}

#logo span{
display:none
}

#menuh{
float:left;
list-style:none;
margin:0 0 0 2px
}

#menuh li{
float:left
}

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

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

#menuh li a span{
display:none
}


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

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

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

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

.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 60px
}

/* Style de la galerie */
.galerie{
clear:both;
width:444px;
height:128px;
margin:40px auto
}

.fleche_galerie_droite{
background:url('../../imagesSombre/fleche_droite.png') no-repeat;
display:block;
width:12px;
height:25px;
margin:51px 0 0;
float:left
}

.fleche_galerie_gauche{
background:url('../../imagesSombre/fleche_gauche.png') no-repeat;
display:block;
width:12px;
height:25px;
margin:51px 0 0;
float:left
}

.scrollerContainer{
float:left;
width:420px;
height:148px;
overflow:hidden
}

.scrollerContainer a{
margin:0 6px
}

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