﻿@charset "utf-8";
/* CSS Document */

/******************************************/
/***** Navigation Principale Accueil ******/
/******************************************/

div#navPrincipale {
	height: 60px;
	margin: 0;
	padding: 0;
	}
	div#navPrincipale ul#menuNavPrincipale {
		width: 549px;
		height: 27px;
		background: transparent url(../images/fr/nav.gif) top left no-repeat;
		/*margin: 0 0 0 302px;*/
		margin: 0 0 0 295px;
		padding: 0;
		position: relative;
		}
		div#navPrincipale ul#menuNavPrincipale li {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			}
			ul#menuNavPrincipale li, ul#menuNavPrincipale a {
				height: 27px;
				display: block;
			}
			div#navPrincipale ul#menuNavPrincipale li a {
				text-indent: -9999px;
				text-decoration: none;
			}
			#navAccueil {
				left: 0;
				width: 91px;
			}
			#navDuplipark {
				left: 101px;
				width: 117px;
			}
			#navApplications {
				left: 228px;
				width: 84px;
			}
			#navRealisations {
				left: 322px;
				width: 84px;
			}
			#navNews {
				left: 416px;
				width: 65px;
			}
			#navContact {
				left: 491px;
				width: 65px;
			}
			#navAccueil a:hover {
				background: transparent url(../images/fr/nav.gif) 0 -27px no-repeat;
			}
			#navDuplipark a:hover {
				background: transparent url(../images/fr/nav.gif) -101px -27px no-repeat;
			}
			#navApplications a:hover {
				background: transparent url(../images/fr/nav.gif) -228px -27px no-repeat;
			}
			#navRealisations a:hover {
				background: transparent url(../images/fr/nav.gif) -322px -27px no-repeat;
			}
			#navNews a:hover {
				background: transparent url(../images/fr/nav.gif) -416px -27px no-repeat;
			}
			#navContact a:hover {
				background: transparent url(../images/fr/nav.gif) -491px -27px no-repeat;
			}
body#pageAccueil #navAccueil {
	background: transparent url(../images/fr/nav.gif) 0 -27px no-repeat;
}
body#pageDuplipark #navDuplipark {
	background: transparent url(../images/fr/nav.gif) -101px -27px no-repeat;
}
body#pageApplications #navApplications {
	background: transparent url(../images/fr/nav.gif) -228px -27px no-repeat;
}
body#pageRealisations1 #navRealisations,
body#pageRealisations2 #navRealisations,
body#pageRealisations3 #navRealisations,
body#pageRealisations4 #navRealisations,
body#pageRealisations5 #navRealisations,
body#pageRealisations6 #navRealisations,
body#pageRealisations7 #navRealisations,
body#pageRealisations8 #navRealisations {
	background: transparent url(../images/fr/nav.gif) -322px -27px no-repeat;
}
body#pageNews #navNews {
	background: transparent url(../images/fr/nav.gif) -416px -27px no-repeat;
}
body#pageContact #navContact {
	background: transparent url(../images/fr/nav.gif) -491px -27px no-repeat;
}

/***** Menu Réalisations **********/
			
.menuHaut {
	/*width: 170px;*/
	position: absolute;
	top: 83px;
	/*left: 623px;*/
	left: 616px;
	visibility: hidden;
	background-color: #fff;
	text-align: left;
	z-index: 1000;
	}
.menuHautOn {
	/*width: 170px;*/
	position: absolute;
	top: 83px;
	/*left: 623px;*/
	left: 616px;
	visibility: visible;
	background-color: #fff;
	text-align: left;
	z-index: 1000;
	}

body#pageRealisations1 #menuRealisations,
body#pageRealisations2 #menuRealisations,
body#pageRealisations3 #menuRealisations,
body#pageRealisations4 #menuRealisations,
body#pageRealisations5 #menuRealisations,
body#pageRealisations6 #menuRealisations,
body#pageRealisations7 #menuRealisations,
body#pageRealisations8 #menuRealisations
 {
	visibility: visible;
	}
	#menuRealisations ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
		}
		#menuRealisations ul li {	
			margin: 0;
			padding: 0;
			border: 1px solid #fff;
			}
			#menuRealisations ul li a {
				display: block;
				font-size: 13px;
				line-height: 16px;
				text-decoration: none;
				color: #2b4d81;
				margin: 0;
				padding: 0 3px 0 3px;
			}
			body#pageRealisations1 #menuRealisations ul li a#lienRealisations1,
			body#pageRealisations2 #menuRealisations ul li a#lienRealisations2,
			body#pageRealisations3 #menuRealisations ul li a#lienRealisations3,
			body#pageRealisations4 #menuRealisations ul li a#lienRealisations4,			
			body#pageRealisations5 #menuRealisations ul li a#lienRealisations5,
			body#pageRealisations6 #menuRealisations ul li a#lienRealisations6,
			body#pageRealisations7 #menuRealisations ul li a#lienRealisations7,
			body#pageRealisations8 #menuRealisations ul li a#lienRealisations8 {
				background-color: #ddd;
			}
			#menuRealisations ul li a:hover, #menuRealisations ul li a:active {
				color: #fff;
				text-decoration: none;
				background-color: #ee7f01;
			}						
