/* CSS Document */




/*--------------------------logo------------------------------------------------*/
div#logo{

width:206px;
height:95px;

position:absolute;

margin-top:20px;
margin-left:300px;
}

#logo a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:206px;
height:95px;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/logos/logo-bas.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	
}

#logo a:hover
{
	background: url(images/logos/logo-bas-recto.png) no-repeat ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	
}



/*--------------------------titres------------------------------------------------*/
#titre-rubrique{
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*color: #FAF643;*/
color: #0dba87;
font-size:26px;
font-weight:lighter;
left:237px;
top:130px;

}