#bandeau {
    padding : 5px 0 5px 40px;
    margin :0;
    background-color : #685648;
}



#bandeau #logobandeau{
    float:left;
    padding-right : 30px;
}

#bandeau p#en_tete{
    text-align : justify;
    
    font-size : 12px;
    color: #FFFFFF;
    float : left;
    width : 470px;
    padding : 0;
}
#bandeau #before {
    height : 41px;
    width : 42px;
    margin :15px 0 0 0;
	float:left;
}

#bandeau span#contact{
	float:left;
    font-family: "Arial",Helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    background : url('../media/images/bouton_marron.gif') repeat-x;
    text-align:center;
    text-transform : uppercase;
    color : #FFFFFF;
    margin :15px 0 0 0;
    padding: 12.5px 0 0 0;
    width : 130px;
    height : 29.5px;
       
}

#bandeau #after {
	float:left;
    height : 41px;
    width :25px;
    margin :15px 0 0 0;
}


#bandeau #top{
	float : left;
	/float : none;
	padding : 0 0 15px 25px;
	/padding : 0 0 0px 25px;
	width : 210px;
}

#bandeau img#num{
	clear:both;
	padding : 10px 0 0 5px;
}

#bandeau img#logo{
	clear:both;
	margin : 17px 0 0 5px;
}

#bandeau  a:visited span#contact,
#bandeau  a span#contact{
	cursor : pointer;
	color : #FFFFFF;
	text-decoration : none;

}


#bandeau  p#en_tete a,
#bandeau  p#en_tete a:visited{
	color : #E98600;
}


#bandeau  p#en_tete a:active,
#bandeau  p#en_tete a:hover{
	text-decoration : underline;
}



#bandeau p#en_tete a.mer:hover ,
#bandeau p#en_tete a.mer:active {
	color : #4fb0aa;
}

#bandeau p#en_tete a.montagne:hover ,
#bandeau p#en_tete a.montagne:active {
	color : #dc4b0d;
}

#bandeau p#en_tete a.campagne:hover ,
#bandeau p#en_tete a.campagne:active {
	color : #87b400;
}

#bandeau p#en_tete a.ville:hover ,
#bandeau p#en_tete a.ville:active {
	color : #7e71ac
}



#bandeau  a:hover span#contact,
#bandeau  a:active span#contact
{
	text-decoration : underline;
}