@charset "utf-8";
/* CSS Document */
/* W3Line */

/**********************************/
/***** Navigation principale ******/
/**********************************/

div#NavHt {
	background: transparent;
	width: 990px;
	height: 50px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
}

div#NavHt ul#menu {
	width: 990px;
	height: 50px;
	background: transparent url(../img/fr/navig.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	position: relative;
	background-image: url(../img/fr/navig.gif);
	}
	
div#NavHt ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 50px;
	}

#NavHt ul#menu li, #NavHt ul#menu a {

display: block;

}	

#NavHt ul#menu li #navRenover, #NavHt ul#menu #navRenover a,
#NavHt ul#menu li #navChoixRenovert, #NavHt ul#menu #navChoixRenovert a, 
#NavHt ul#menu li #navEtude, #NavHt ul#menu #navEtude a, 
#NavHt ul#menu li #navConseils, #NavHt ul#menu #navConseils a,
#NavHt ul#menu li #navTravaux, #NavHt ul#menu #navTravaux a,
#NavHt ul#menu li #navActualites, #NavHt ul#menu #navActualites a,
#NavHt ul#menu li #navQui, #NavHt ul#menu #navQui a,
#NavHt ul#menu li #navContact, #NavHt ul#menu #navContact a{ 

height: 50px;

}
		
div#NavHt ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
}


	
#navRenover {left: 0; width: 173px;}
#navChoixRenovert {left: 173px; width: 143px;}
#navEtude {left: 316px; width: 113px;}
#navConseils {left: 429px; width: 116px;}
#navTravaux {left: 545px; width: 112px;}
#navActualites {left: 657px; width: 94px;}
#navQui {left: 751px; width: 123px;}
#navContact {left: 874px; width: 116px;}


#navRenover a:hover	{background: transparent url(../img/fr/navig.gif) 0 -50px no-repeat;}
#navChoixRenovert a:hover	{background: transparent url(../img/fr/navig.gif) -173px -50px no-repeat;}
#navEtude a:hover	{background: transparent url(../img/fr/navig.gif) -316px -50px no-repeat;}
#navConseils a:hover	{background: transparent url(../img/fr/navig.gif) -429px -50px no-repeat;}
#navTravaux a:hover	{background: transparent url(../img/fr/navig.gif) -545px -50px no-repeat;}
#navActualites a:hover	{background: transparent url(../img/fr/navig.gif) -657px -50px no-repeat;}
#navQui a:hover	{background: transparent url(../img/fr/navig.gif) -751px -50px no-repeat;}
#navContact a:hover	{background: transparent url(../img/fr/navig.gif) -874px -50px no-repeat;}

/* "Vous etes ici"  */

body#pageRenover #navRenover {background: transparent url(../img/fr/navig.gif) 0 -50px no-repeat;}
body#pageChoixRenovert #navChoixRenovert	{background: transparent url(../img/fr/navig.gif) -173px -50px no-repeat;}
body#pageEtude #navEtude	{background: transparent url(../img/fr/navig.gif) -316px -50px no-repeat;}
body#pageConseils #navConseils	{background: transparent url(../img/fr/navig.gif) -429px -50px no-repeat;}
body#pageTravaux #navTravaux	{background: transparent url(../img/fr/navig.gif) -545px -50px no-repeat;}
body#pageActualites #navActualites	{background: transparent url(../img/fr/navig.gif) -657px -50px no-repeat;}
body#pageQui #navQui	{background: transparent url(../img/fr/navig.gif) -751px -50px no-repeat;}
body#pageContact #navContact	{background: transparent url(../img/fr/navig.gif) -874px -50px no-repeat;}






/**********************************/
/***** Menus déroulants ******/
/**********************************/

#menuRenover {
	position: absolute;
	top : 156px;
	left: 40px;
	width: 140px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:0px;
	padding-right:0;
	margin: 0;
	text-align: left;
	background-color: #605ea2;
	visibility: hidden;
	z-index:1;
	border-bottom:6px solid #94be22;
}

#menuChoixRenovert {
	position: absolute;
	top : 156px;
	left: 172px;
	width: 240px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:0px;
	padding-right:0;
	margin: 0;
	text-align: left;
	background-color: #605ea2;
	visibility: hidden;
	z-index:1;
	border-bottom:6px solid #94be22;
}


#menuQui {
	position: absolute;
	top : 156px;
	left: 596px;
	width: 280px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:0px;
	padding-right:0;
	margin: 0;
	text-align: left;
	background-color: #605ea2;
	visibility: hidden;
	border-bottom:6px solid #94be22;
	z-index:1;
}
#menuRenovateurs {
	position: absolute;
	top : 156px;
	left: 345px;
	width: 250px;
	background-color: #36378b;
	display: block;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:0px;
	padding-right:0;
	text-align: left;
	text-decoration:none;
	visibility:hidden;
	z-index:2;
}
#menuConseils {
	position: absolute;
	top : 156px;
	left: 429px;
	width: 300px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:0px;
	padding-right:0;
	margin: 0;
	text-align: left;
	background-color: #605ea2;
	visibility: hidden;
	z-index:10;
	border-bottom:6px solid #94be22;
}


#menuTravaux {
	position: absolute;
	top : 156px;
	left: 545px;
	width: 260px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:0px;
	padding-right:0;
	margin: 0;
	text-align: left;
	background-color: #605ea2;
	visibility: hidden;
	z-index:10;
	border-bottom:6px solid #94be22;
}

#menuActualites {
	position: absolute;
	top : 156px;
	left: 657px;
	width: 220px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:0px;
	padding-right:0;
	margin: 0;
	text-align: left;
	background-color: #605ea2;
	visibility: hidden;
	z-index:15;
	border-bottom:6px solid #94be22;
}
#menuContact {
	position: absolute;
	top : 156px;
	left: 790px;
	width: 200px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:0px;
	padding-right:0;
	margin: 0;
	text-align: left;
	background-color: #605ea2;
	visibility: hidden;
	border-bottom:6px solid #94be22;
	z-index:1;
}
a.MenuViolet:link, a.MenuViolet:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff;
	background-color: #605ea2;
	line-height: 16px;
	font-size: 10px;
	display: block;
	padding: 1px 1px 1px 8px;
	text-align: left;
	text-decoration:none;
}
a.MenuViolet:hover, a.MenuViolet:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff;
	background-color: #36378b;
	line-height: 16px;
	font-size: 10px;
	display: block;
	padding: 1px 1px 1px 8px;
	text-align: left;
	text-decoration:none;
	}

a.MenuRose:link, a.MenuRose:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ff63b5;
	background-color: #605ea2;
	line-height: 16px;
	font-size: 10px;
	display: block;
	padding: 1px 1px 1px 8px;
	text-align: left;
	text-decoration:none;
	}
a.MenuRose:hover, a.MenuRose:active {
	background-color: #36378b;
	text-decoration:none;
	}

a.SousMenuViolet:link, a.SousMenuViolet:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff;
	line-height: 16px;
	font-size: 10px;
	display: block;
	padding: 1px 1px 1px 8px;
	text-align: left;
	text-decoration:none;
}
a.SousMenuViolet:hover, a.SousMenuViolet:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #94be22;
	line-height: 16px;
	font-size: 10px;
	display: block;
	padding: 1px 1px 1px 8px;
	text-align: left;
	text-decoration:none;
}