.rubrique2 /* Vie pratique */ {	background-color: #04327d; }
.rubrique3 /* Entreprendre */ { background-color: #7011ac; }
.rubrique4 /* Découvrir */ { background-color: #fcbc10; }
.rubrique5 /* Environnement */ { background-color: #8cc63f; }

#menuDeroulant
{
	font-size: 12px;
	font-family: Arial, serif;
	list-style-type: none;
	border: 0;
	margin:0;
	padding: 0;
}

#menuDeroulant li
{
	float: left;
	width: 173px;
	margin: 0;
	padding: 0;
	border: 0;
}

.titre a img
{
	border: none;
}

#menuDeroulant .rubrique2 a:link, #menuDeroulant .rubrique2 a:visited,
#menuDeroulant .rubrique3 a:link, #menuDeroulant .rubrique3 a:visited,
#menuDeroulant .rubrique4 a:link, #menuDeroulant .rubrique4 a:visited,
#menuDeroulant .rubrique5 a:link, #menuDeroulant .rubrique5 a:visited
{
	display: block;
	height: 5%;
	color: #ffffff;
	background: #3b4e77;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #ffffff;
	text-decoration: none;
}

#menuDeroulant .menu1, #menuDeroulant .menu2, #menuDeroulant .menu3
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .menu2, #menuDeroulant .menu3 { position: absolute; left: 171px;	top: -5%; }

#menuDeroulant li:hover > .menu1, #menuDeroulant li:hover > .menu2, #menuDeroulant li:hover > .menu3
{
	display: block;
}

#menuDeroulant .menu1 li, #menuDeroulant .menu2 li, #menuDeroulant .menu3 li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 172px;
	border-top:1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .menu1 li, #menuDeroulant .menu2 li, #menuDeroulant .menu3 li
#menuDeroulant .menu1 li { position: relative; }

#menuDeroulant .menu1 li a:link, #menuDeroulant .menu1 li a:visited,
#menuDeroulant .menu2 li a:link, #menuDeroulant .menu2 li a:visited,
#menuDeroulant .menu3 li a:link, #menuDeroulant .menu3 li a:visited
{ 
	display: block;
	color: #ffffff;
	margin: 0;
	border: 0;
	text-decoration: none;
	background-color: #000000;
	background: transparent;
}

/* Pour que tous les liens soient surlignés en rouge au passage
#menuDeroulant .menu1 li a:hover, #menuDeroulant .menu2 li a:hover, #menuDeroulant .menu3 li a:hover
{
	background-image: none;
	background-color: #f2462e;
}*/

#menuDeroulant li a:hover
{
	/*background-color: #f2462e;*/
	font-weight: bold;
}

#menuDeroulant li a:active
{
	/*background-color: #5f879d;*/
	font-weight: bold;
}