/*---MENU GAUCHE---*/

#menu{
height:100%;
/*background: #774e39 url(images/demi-crepe.gif) no-repeat top left;*/
}

/*ROND MARRON DU HAUT*/
#menu .crepe-salee{
float: left;
padding: 35px 0 0 180px;
}

/*BOUTON ANGLAIS*/

#menu .uk{
text-align: right;
padding: 54px 0 32px 0;
margin-right: 10px;
}

/*ENTETE DU MENU*/

#menu .crepiere-pro{
height: 86px;
}

#menu .professionnel{
height: 49px;
float: right;
clear: right;
}

#menu .nom{
height: 31px;
float: left;
text-align: left;
}


#menu .nom p{
height: 25px;
font-size: 1.2em;
text-transform: uppercase;
color: #fff;
background: #774e39;
padding : 6px 5px 0 5px 
}


/*-----------MENU CATALOGUGE----------*/
#menu ul{

z-index:200;
position:relative;
text-align: right;
clear: right;
}

#menu ul img{
height: 31px;
}

#menu li a{
font-weight: bold;
font-size: 1em;
line-height: 2em;
text-decoration: none;
color: #fff;
}


#menu li a:hover{
text-decoration: underline;
color: #774e39;
}

#menu li{
list-style: none;
padding: 0 15px 0 0;
background: url(images/pastille.gif) no-repeat right;
margin-right: 10px;
}


#menu .actu{
clear:left;
margin-top:15px;
margin-bottom:30px;
}

#menu .actu .details{
width:250px;
padding:5px;
background:url(images/fd_actu_trans.gif);
clear:right;
text-align:left;
margin:10px;
}

#menu .actu .details h1{
float:left;
color:#fff;
font-size:1em;
text-transform:uppercase;
}

#menu .actu .details p{
clear:left;
color:#fff;
font-size:0.9em;
margin-bottom:5px;
}

#menu .actu .details a{
font-weight:bold;
color:#fbc530;
text-decoration:none;
}

#menu .actu .details a:hover{
color:#fff;
}


/*CREPE EN BAS*/
#menu .crepe{
text-align: right;
margin: 55px 20px 15px 0;

}