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

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

div#navig {
	background: transparent;
	width: 990px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 29px;
	position: absolute;
	top: 0;
	left: 1px;
	}


div#globalnavig {
	width: 990px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	}

div#globalnavig ul#menu {
	width: 990px;
	height: 24px;
	background: transparent url(../img/fr/navig_ht_cle.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	}

div#globalnavig ul#menu li {
	margin: 0;
	padding: 0;
	height: 24px;
	list-style: none;
	position: absolute;
	top: 0;
	}

#navig ul#menu li, #navig ul#menu a {
	display: block;
	}	

#navig ul#menu li#navCLE, #navig ul#menu #navCLE a,
#navig ul#menu li#navInfosPratiques, #navig ul#menu #navInfosPratiques a, 
#navig ul#menu li#navFaq, #navig ul#menu #navFaq a, 
#navig ul#menu li#navDocumentation, #navig ul#menu #navDocumentation a,
#navig ul#menu li#navRecrutement, #navig ul#menu #navRecrutement a,
#navig ul#menu li#navContact, #navig ul#menu #navContact a{ 
	height: 24px;
	}
	
		
div#globalnavig ul#menu li a {
	text-decoration: none;
	text-indent: -9999px;
	}

div#globalnavig ul#menu li ul{ /***** Menu 1er niveau Explorer et Traiter l'épilepsie ******/
	position: absolute;
	display: block;
	margin: 0;
	padding: 6px;
	width: 200px;
	top: 24px;
	left: -9999px;
	background: #fcc641;
	text-align: left;
	font-size:10px;
	z-index:1;
	}
div#globalnavig ul#menu li.over ul{
	left: 8px;
	}
	div#globalnavig ul#menu li ul li{   /**Menu 2nd niveau Explorer l'epilepsie**/
		margin: 0;
		padding: 0;
		position: relative;
		display: block;
		height: 24px;
		}
		div#globalnavig ul#menu li ul li a{
			text-indent: 0;
			}
			div#globalnavig ul#menu li ul li ul,			
			div#globalnavig ul#menu li.over ul li ul{
				visibility: hidden;
				}
				div#globalnavig ul#menu li.over ul li.over ul{ 
					visibility: visible;
					position: absolute;
					margin-top: -30px;
					margin-left: 160px;
					background-color:#f4d78f;
					z-index:2;
					width:305px;
					height:auto;
					}
			
					div#globalnavig ul#menu li ul li ul li{   /**Menu 3eme niveau Prise en charge**/
						margin: 0;
						padding: 0;
						position: relative;
						display: block;
						height: 24px;
						}
						div#globalnavig ul#menu li ul li ul li a{
							text-indent: 0;
							}
							div#globalnavig ul#menu li ul li ul li ul,			
							div#globalnavig ul#menu li.over ul li ul li ul{
								visibility: hidden;
								}
								div#globalnavig ul#menu li.over ul li.over ul li.over ul{ 
									visibility: visible;
									position: absolute;
									margin-top: -30px;
									margin-left: 160px;
									background-color:#f4d78f;
									z-index:3;
									width:305px;
									height:auto;
									}


	
#navCLE {left: 276px; width: 202px;}
#navInfosPratiques {left: 479px; width: 107px;}
#navFaq {left: 586px; width: 41px;}
#navDocumentation {left: 628px; width: 113px;}
#navRecrutement {left: 740px; width: 183px;}
#navContact {left: 923px; width: 67px;}


#navCLE a:hover	{background: transparent url(../img/fr/navig_ht_cle.gif) -276px -24px no-repeat;}
#navInfosPratiques a:hover	{background: transparent url(../img/fr/navig_ht_cle.gif) -479px -24px no-repeat;}
#navFaq a:hover	{background: transparent url(../img/fr/navig_ht_cle.gif) -586px -24px no-repeat;}
#navDocumentation a:hover	{background: transparent url(../img/fr/navig_ht_cle.gif) -628px -24px no-repeat;}
#navRecrutement a:hover	{background: transparent url(../img/fr/navig_ht_cle.gif) -740px -24px no-repeat;}
#navContact a:hover	{background: transparent url(../img/fr/navig_ht_cle.gif) -923px -24px no-repeat;}



/* "Vous etes ici"  */

body#pageCLE #navCLE {background: transparent url(../img/fr/navig_ht_cle.gif) -276px -24px no-repeat;}
body#pageInfosPratiques #navInfosPratiques	{background: transparent url(../img/fr/navig_ht_cle.gif) -479px -24px no-repeat;}
body#pageFaq #navFaq	{background: transparent url(../img/fr/navig_ht_cle.gif) -586px -24px no-repeat;}
body#pageDocumentation #navDocumentation	{background: transparent url(../img/fr/navig_ht_cle.gif) -628px -24px no-repeat;}
body#pageRecrutement #navRecrutement	{background: transparent url(../img/fr/navig_ht_cle.gif) -740px -24px no-repeat;}
body#pageContact #navContact	{background: transparent url(../img/fr/navig_ht_cle.gif) -923px -24px no-repeat;}


/* "Menus"  */




#menu a.lienMenu:link, #menu a.lienMenu:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #523a00;
	line-height: 24px;
	text-decoration:none;
	display: block;
	padding: 0 1px 0 18px;
	white-space: nowrap;
	}
#menu a.lienMenu:hover, #menu a.lienMenu:active {
	color: #5483d3;
	background: transparent url(../img/com/fleche_menu.gif)  no-repeat left center;
	}


#menu a.lienSousMenu:link, #menu a.lienSousMenu:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color: #523a00;
	line-height: 24px;
	text-decoration:none;
	display: block;
	padding: 0 1px 0 18px;
	}
#menu a.lienSousMenu:hover, #menu a.lienSousMenu:active {
	color: #5483d3;
	background: transparent url(../img/com/fleche_sous_menu.gif)  no-repeat left center;
	}











/*********************************************/
/***** Navigation La Teppe c'est aussi ******/
/*********************************************/


div#NavLaTeppe  {
	width: 294px;
	height: 180px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
}

div#NavLaTeppe  ul#menuLaTeppe {
	width: 294px;
	height: 100px;
	background: transparent url(../img/fr/navig_teppe.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	position: relative;
	}
	
div#NavLaTeppe  ul#menuLaTeppe li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 100px;
	}

#NavLaTeppe  ul#menuLaTeppe li, #NavLaTeppe  ul#menuLaTeppe a {

display: block;

}	

#NavLaTeppe  ul#menuLaTeppe li #nav, #NavLaTeppe  ul#menuLaTeppe #nav a{ 

height: 100px;

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


	
#nav {left: 0; width: 294px;}


#nav a:hover	{background: transparent url(../img/fr/navig_teppe.gif) 0 -100px no-repeat;}




#menuLaTeppeCestAussi {
	position: absolute;
	top : 302px;
	left: 0px;
	width: 240px;
	margin: 0;
	padding: 0 0 0 21px;
	text-align: left;
	background-color: transparent;
	visibility:hidden;
	z-index:1;
}


a.Menu2:link, a.Menu2:visited {
	font-size: 11px;
	line-height: 16px;
	color: #9c406a;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 0 20px;		
}
a.Menu2:hover, a.Menu2:active {
	font-size: 11px;
	line-height: 16px;
	color: #2669bb;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(../img/com/fleche_rose.gif) left center no-repeat;
}


/**********************************/
/***** Mentions Légales ******/
/**********************************/

div#NavMentionsLegales {
	background: transparent;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	position: relative;
	}

div#NavMentionsLegales ul#menuMentionsLegales {
	height: 18px;
	background: transparent url(../img/fr/mentions_legales.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#NavMentionsLegales ul#menuMentionsLegales li {
	margin: 0;
	padding: 0;
	width: 90px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	}

#NavMentionsLegales ul#menuMentionsLegales li, #NavMentionsLegales ul#menuMentionsLegales a {
	display: block;
	}	

#NavMentionsLegales ul#menuMentionsLegales li #navMentionsLegales, #NavMentionsLegales ul#menuMentionsLegales #navMentionsLegales a{ 
	height: 18px;
	}
	
		
div#NavMentionsLegales ul#menuMentionsLegales li a {
	text-decoration: none;
	text-indent: -9999px;
	}


#navMentionsLegales a:hover	{background: transparent url(../img/fr/mentions_legales.gif) 0 -18px no-repeat;}







/**********************************/
/***** Retour Accueil ******/
/**********************************/

div#NavAccueil {
	background: transparent;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	position: relative;
	}

div#NavAccueil ul#menuAccueil {
	height: 18px;
	background: transparent url(../img/fr/accueil.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#NavAccueil ul#menuAccueil li {
	margin: 0;
	padding: 0;
	width: 90px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	}

#NavAccueil ul#menuAccueil li, #NavAccueil ul#menuAccueil a {
	display: block;
	}	

#NavAccueil ul#menuAccueil li #navAccueil, #NavAccueil ul#menuAccueil #navAccueil a{ 
	height: 18px;
	}
	
		
div#NavAccueil ul#menuAccueil li a {
	text-decoration: none;
	text-indent: -9999px;
	}


#navAccueil a:hover	{background: transparent url(../img/fr/accueil.gif) 0 -18px no-repeat;}