#accueil{background:transparent url(/assets/css/bg-conteneur2vide.jpg) no-repeat;}

/*######################### ELEMENTS CONTENUS DANS #ACCUEIL ###########################*/
#flash{ /* colonne de gauche comprenant le logo et le Flash */
width:360px;
float:left;
padding:28px 0 0 0; /* on utilise le paddin-top pour décaler vers le bas le logo (et non le padding-top du #contenu pour faire coller l'image de domaines d'intervention au fond rouge */
background-color:transparent;
}

#accueil #contenu{ /* colonne de droite contenant le texte d'intro, le menu des rubriques et la dernière réalisation */
width:340px;
float:right;
}

#accueil #contenu #intro{
padding:30px 10px 0 0;
}

#intro h1{
color:#761327;
font-weight:bold;
font-size:0.9em;
text-align:right;
}

#intro p{
text-align:right;
color:#3F3A37;
font-weight:bold;
line-height:normal;
}

#accueil #contenu #menu-rubriques{
position:relative;
margin:10px 10px 10px 0;
}

#accueil #contenu #derniere-rea-accueil{
margin:0 10px 0 0;
padding:10px 5px 10px 0;
border-top:2px dotted #FFFFFF;
border-bottom:2px dotted #FFFFFF;
min-height:55px;
clear:both;
}

#references-accueil{
margin:5px 10px 0 0;
font-size:0.9em;
color:#989898;
width:212px;
float:right;
}

#derniere-rea-accueil h2, #derniere-rea-accueil p{
margin-right:70px;
}

#derniere-rea-accueil h2{
font-size:0.9em;
}

#derniere-rea-accueil p, #references-accueil{
text-align:right;
color:#3F3A37;
}

#references-accueil a{
display:block;
height:20px;
color:#3F3A37;
text-decoration:none;
background:transparent url(/assets/css/ref-accueil.gif) no-repeat 100% 0;
padding-right:15px;
}

#references-accueil a:hover{
color:#761327;
text-decoration:underline;
background:transparent url(/assets/css/ref-accueil.gif) no-repeat 100% -19px;
}

#derniere-rea-accueil .img-rea{
float:right;
width:62px;
height:58px;
background:transparent url(/assets/css/bg-imgrea.jpg) no-repeat 100% 100%;
}

#derniere-rea-accueil .img-rea a:hover, #derniere-rea-accueil .img-rea a:focus{
display:block;
padding:1px 0 0 1px;
}