@charset "UTF-8";

/* CSS Document */
/************************************************/
/************************************************/
/************************************************/

/*      MENU STRUCTUREL    */

div#menu-structurel {
		position:absolute;
		top:5px;
		left:150px;
		margin:0;
		padding:0;
		font-size:0.8em;
		width:800px;
}

#menu-structurel ul {
		float:left;
		margin:5px 0;
		padding:0;
}

#menu-structurel li {
		margin:0;
		padding:0 10px;
		display:inline;
		border-right:1px solid white;
}

#menu-structurel li a {
		color:white;
		text-decoration:none;
}

#menu-structurel form {
		float:left;
		padding:0;
		margin:0 0 0 -5px;
}

#menu-structurel form p {
		padding:0;
		margin:0;
}

#menu-structurel input #Requete {
		border:1px solid #006666
}

#menu-structurel input #Rechecher {
		color:#FFFFFF;
		border:none;
		background:#006699;
}

/************************************************/
/************************************************/
/************************************************/

/*      MENU PRINCIPAL    */

/*  Comportement normal */
ul#menu-principal {
		z-index:400;
		padding:0 0 0 30px;
		margin:0 20px;
		list-style-type: none;
		background:url(../../images/structure/menu-arriere-plan.png) no-repeat bottom left #EA670C;
		height:38px;
		width:890px;
}

#menu-principal a, #menu-principal a:visited {
		display:block;
		padding:7px 10px 5px 10px;
		margin:0;
/*  font-size:14px; est trop gros */
		font-size:12px;
		color:#fff;
		text-decoration:none;
}

#menu-principal li {
		float:left;
		margin:0;
		z-index:410;
		background:url(../../images/structure/menu-arriere-plan.png) no-repeat -20px 0px #EA670C;
}

#menu-principal li ul {
		display:none;
		list-style-type: none;
		margin:0;
		padding:0;
}

#menu-principal li ul li {
		margin:0;
		padding:0;
		display:block;
		/* width:160px; */
		width:200px;
		text-align:left;
		border-top:1px solid #666;
}

#menu-principal li ul li a, #menu-principal li ul li a:visited {
		font-size:0.8em; width:180px;
} 



/* Comportement au survol*/
#menu-principal li:hover {
		position:relative;
		background:#EA670C;
		margin:0;
		padding:0;
}

/************************************************/
/* Navigateur récents */
/************************************************/
#menu-principal li:hover ul/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ {
		display:block;
		position:absolute;
		background:#EA670C;
		top:27px;
		left:0;
		/* width:160px; */
		width:200px;
		list-style-type: none;
		margin:0;
		padding:0;
}
#menu-principal li:hover ul li ul {
		display:none;
}

#menu-principal li:hover ul li:hover ul {
		display:block;
		position:absolute;
		top:0;
		/* left:160px; */
		left:200px;
		/* width:160px; */
		width:200px;
		list-style-type: none;
		margin:0;
		padding:0;
}

#menu-principal li:hover li, #menu-principal li table li {
		background:none;
}

#menu-principal li ul li:hover {
		margin:0;
		padding:0;
}

/* Make the hovered list color persist */
#menu-principal li:hover a {
		color:#fff;
}

#menu-principal li ul li a:hover {
		background:#FF6600;
		color:#fff;
}

/* For accessibility of the top level menu when tabbing */
#menu-principal li a:active, #menu-principal li a:focus {
		background:#666666;
		color:#FFFFFF;
}

/************************************************/
/* POUR IE 6*/ 
/************************************************/

* html #menu-principal table { /* Etat de la table */
		position:absolute;
		border:none;
		left:0px; /* compense le padding de la li parente */
		top:28px; /*  hauteur de la li parente => Permet de se placer dessous */
		z-index:500;
		margin:0;
		padding:0;
		font-size:1em;
}

* html #menu-principal li a:hover {/* Lors du survol de niveau 2 = > Permet de positionner les éléments enfants */
		position:relative;
		background-color:#FF6600;
		color:#fff;
		z-index:420;
}

* html #menu-principal li a:hover ul { /* Au survol affiche le sous niveau 1*/
		visibility:visible;
		left:-10px;
		top:-2px;
		display:block;
		position:absolute;
		z-index:430;
}

* html #menu-principal li ul {/* Etat de la liste de niveau 2 => change the drop down levels from display:none; to visibility:hidden; */
		visibility:hidden;
		display:block;
		position:absolute;
		left:0px;
		top:0;background:transparent url(transparent.gif);
}

* html #menu-principal li a:hover ul li a ul { /*Etat de la liste de niveau 3 au survol du niveau 1*/
		visibility: hidden;
		left:0;
		top:0px;
		display:block;
		position:absolute;
}

* html #menu-principal li a:hover ul li a:hover ul { /*Etat de la liste de niveau 3 au survol du niveau 1 & 2*/
		visibility:visible;
		/* left:160px; */
		left:200px;
		top:-29px;
		display:block;
		position:absolute;
		z-index:440;
		margin:0 0 0 0;
		padding:0;
		font-size:12px;
}

* html #menu-principal li.menu-actions-etat a:hover ul {
		background-color: #B00151;
		border:1px solid #A00044;
}

* html #menu-principal li.menu-securite a:hover ul {
		background-color:#00A7D3;
		border:1px solid #0099CC;
}

* html #menu-principal li.menu-publications a:hover ul {
		background-color:#006600;
		border:1px solid #005500;
}

* html #menu-principal li.menu-europe a:hover ul {
		background-color:#054E91;
		border:1px solid #003388;
}

* html #menu-principal li.menu-services-etat a:hover ul {
		background-color:#CB400E;
		border:1px solid #BB3000;
}

* html #menu-principal li.menu-reforme-etat a:hover ul {
		background-color: #B00151;
		border:1px solid #A00044;
}

* html #menu-principal li.menu-demarches a:hover ul {
		background-color:#CB400E;
		border:1px solid #BB3000;
}

/************************************************/	
	/*Spécificité des onglets*/
/************************************************/

#menu-principal li.menu-demarches {
		width:10em;
}

#menu-principal li.menu-actions-etat {
		width:11em;
}

#menu-principal li.menu-securite {
		width:7em;
}

#menu-principal li.menu-publications {
		width:9em;
}

#menu-principal li.menu-europe {
		width:7em;
}

#menu-principal li.menu-services-etat {
		width:10em;
}

#menu-principal li.menu-reforme-etat {
		width:11em;
}

#menu-principal li.menu-demarches {
		width:11em;
}

#menu-principal li:hover.menu-actions-etat li {
		background-color: #B00151;
		border:1px solid #A00044;
		margin-top:-1px;
}

#menu-principal li:hover.menu-securite li {
		background-color:#00A7D3;
		border:1px solid #0099CC;
		margin-top:-1px;
}

#menu-principal li:hover.menu-publications li {
		background-color:#006600;
		border:1px solid #005500;
		margin-top:-1px;
}

#menu-principal li:hover.menu-europe li {
		background-color:#054E91;
		border:1px solid #003388;
		margin-top:-1px;
}

#menu-principal li:hover.menu-services-etat li {
		background-color:#CB400E;
		border:1px solid #BB3000;
		margin-top:-1px;
}

#menu-principal li:hover.menu-reforme-etat li {
		background-color: #B00151;
		border:1px solid #A00044;
		margin-top:-1px;
}

#menu-principal li:hover.menu-demarches li {
		background-color:#CB400E;
		border:1px solid #BB3000;
		margin-top:-1px;
}
/* Services état positionnement */

#menu-principal li:hover.menu-services-etat ul li:hover ul {
		display:block;
		position:absolute;
		top:0;
		/* left:160px; */
		left:-200px;
		/* width:160px; */
		width:180px;
		list-style-type: none;
		margin:0;
		padding:0;
}
/*pour IE 6*/
* html #menu-principal li.menu-services-etat a:hover ul li a:hover ul { /*Etat de la liste de niveau 3 au survol du niveau 1 & 2*/
		visibility:visible;
		/* left:160px; */
		left:-200px;
		top:-29px;
		display:block;
		position:absolute;
		z-index:450;
		margin:0 0 0 0;
		padding:0;
		font-size:12px;
}
/************************************************/
		/* STYLE supplémentaire */
/************************************************/

	

#menu-principal li.actif a {
		font-weight:bold;
		display:list-item;
		background-image:url(../../images/menu/fleche-actif.png);
		background-repeat:no-repeat;
		background-position: 0 6px;
		text-indent:1em;
		margin:0;
}

#menu-principal li.actif ul li a, #menu-principal li.actif:hover ul li a {
		font-weight:normal;
		background-image:none;
		text-indent:0em;
margin:;
}

* html #menu-principal li.actif a { /* hack IE6*/
		background-image:url(../../images/menu/fleche-actif-IE6.gif);
}

#menu-principal a.menu-sub {
		/* background:url(../../images/menu/fleche-actif-IE6.gif); background-position:145px  5px; background-repeat:no-repeat; */ 
		background:url(../../images/menu/fleche-actif-IE6.gif); background-position:180px  5px; background-repeat:no-repeat;
}

#menu-principal a:hover.menu-sub {
				/* background:url(../../images/menu/fleche-actif-IE6.gif); background-position: 145px 5px; background-repeat:no-repeat; background-color:#FF6600; */
				background:url(../../images/menu/fleche-actif-IE6.gif); background-position: 185px 5px; background-repeat:no-repeat; background-color:#FF6600;

}

/************************************************/
/************************************************/
/************************************************/

/*      HORAIRE    */
form#menu-horaires select { color: #000000; font-family:Arial; font-size: 10px; background-color: #FFFFFF; margin:0 0 20px 12px;}
/*  Comportement normal
li#menu-horaires {
		z-index:200;
		width:160px;
		position:relative;
		margin:0;
		padding:0;
		height:18px;
}

#menu-horaires a, #menu-horaires a:visited {
		display:block;
		width:160px;
		margin:0;
		padding:0;
}

#menu-horaires ul {
		margin:0;
		width:160px;
		padding:0;
		border:1px solid #CCC;
		list-style-type:none;
		background:#F5D9CF;
		display:none;
}

#menu-horaires li {
		margin:0;
		padding:0;
		list-style-type:none;
		width:160px;
		display:block
}

#menu-horaires li a {
		width:160px;
		display:block;
		text-indent:5px;
}

#menu-horaires li a, #menu-horaires li a:visited {
		display:block;
}
 li#menu-horaires:hover ul/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs  {
		display:block;
		position:absolute;
		top:0;
		left:109px;
		margin:0;
		padding:0;
		font-size:12px;
}

#menu-horaires li a:active, #menu-horaires li a:focus {
		color:#AAA;
}

* html #menu-horaires a table {
		position:absolute;
		top:0;
		left:0;
		z-index:220;
		margin:0;
		padding:0;
		font-size:1em;
}

* html #menu-horaires a:hover {
		position:relative;
		display:block;
		color:#666;
		z-index:230;
		padding:0px;
		margin:0;
}
* html #menu-horaires a ul {
		visibility:hidden;
}
* html #menu-horaires a:hover ul {
		visibility:visible;
		display:block;
		position:absolute;
		left:120px;
		top:0px;
		z-index:240;
		padding:0;
		margin:0;
		background:#F5D9CF;
}