/* ----------------------------
MICRO-NAVIGATION / FIL D'ARIANE
------------------------------*/						
.breadcrumb{
	border-bottom: 1px solid #909090;
	color: #7c7c7c;
	font-family: 'rl', Arial, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 0 25px;
	padding: 10px 0;
}
	.breadcrumb a{
		color: #7c7c7c;
		text-decoration: none;
	}
	.breadcrumb a:hover, .breadcrumb a:focus{
		
	}
	.breadcrumb .breadcrumb_navigation span:last-child a{
		color: #52649f
	}

.home .breadcrumb {
	display: none;	
}

/* ------------------------------------
MENU IMBRIQUE (NESTED) : PREMIER NIVEAU
--------------------------------------*/			
.nested{
	background: #52649f;
}
	.nested nav{
		
	}

	@media screen and (min-width: 1024px), (min-device-width: 1024px){ /* On met Flexbox SEULEMENT pour les écran */
		#header .nested ul.firstLevel{
				display: -ms-flexbox;
				display: -webkit-flex;
			display: flex;

				-webkit-justify-content: space-between;
				-ms-flex-pack: justify;
			justify-content: space-between;
		}
	} /* FIN On met Flexbox SEULEMENT pour les écran */

		.nested ul{
			border: 1px solid #52649f;
			height: 60px;
			margin: 0;
			padding: 0;
			position: relative;
			z-index: 5000;
		}
			.nested .firstLevel li{
				background: none;
				float: left;
				list-style: none;
				padding: 0;
				text-align: center;
				width: auto;
			}
				.nested .firstLevel > li > a{
					border-top: 1px solid #52649f;
					border-right: 1px solid #fff;
					border-bottom: 1px solid #52649f;
					line-height: 58px;
					margin-top: -1px;
				}
				.nested .firstLevel li:last-child a{
					border-right: none;
				}
				.nested .firstLevel li a{
					color: #fff;
					display: block;
					font-size: 13px;
					font-size: 1.3rem;
					padding: 0 15px;
					text-decoration: none;
					text-transform: uppercase;
				}
					.nested .firstLevel li a span{
						display: inline-block;
						line-height: 1;
						vertical-align: middle;
					}


			.nested .firstLevel li.menu-home a .txt-link-head{
				display: none;
			}
			.nested .firstLevel li.menu-home a img{
				width: 30px
			}

			.nested .firstLevel li.active > a, .nested .firstLevel li > a:hover, .nested .firstLevel li > a:focus{
				background: #fff;
				color: #52649f;
			}

/* -----------------------
GESTION DU MENU DEROULANT
-------------------------*/	
/*on masque les éléments qui en doivent pas s'afficher*/
.nested .firstLevel li ul, 
 .nested .firstLevel li:hover ul ul, 
 .nested .firstLevel li.sfhover ul ul, 
 .nested .firstLevel ul li:hover ul ul, 
 .nested .firstLevel ul li.sfhover ul ul{
	height: auto;
	left: -999em;
	position: absolute;
	width: 100%;
}

/* -----------------------
SECOND NIVEAU
-------------------------*/	
.nested .firstLevel li:hover ul, .nested .firstLevel li.sfhover ul{
	border: none;
	left: 0;
	padding: 0;
}

.nested .firstLevel li.societe_et_organisation:hover ul, .nested .firstLevel li.societe_et_organisation.sfhover ul{
	left: auto;
	width: auto;
}


.nested .secondLevel{
	background: #e6e6e6;
}
	.nested .firstLevel li ul{

	}
		.nested .firstLevel li ul li{
			text-align: left;
			width: 25%;
		}
		.nested .firstLevel li.societe_et_organisation ul li{
			float: none;
			width: auto;
		}


			.nested .firstLevel ul li a{
				color: #000;
				padding: 5px 15px;
				text-transform: none;
			}
			.nested .firstLevel ul li.active a, .nested .firstLevel ul li a:hover, .nested .firstLevel ul li a:focus{
				background: #52649f;
				color: #fff;
			}

/* ---------------
TROISIEME NIVEAU
-----------------*/	
.nested .firstLevel ul li:hover ul, .nested .firstLevel ul li.sfhover ul{
	background: #cccccc;
	left:auto;
	margin:-20px 0 0 150px;
	padding:0;
}
	.nested .firstLevel ul ul li{
		background:none;
		float:none;
		width:150px;
	}
	.nested .firstLevel ul ul li a{
		color:#666;
	}
	.nested .firstLevel ul li.active li a{
		text-decoration:none;
	}
	.nested .firstLevel ul ul li.active a{
		text-decoration:underline;
	}

/* ---------------
QUATRIEME NIVEAU
-----------------*/	
.nested .firstLevel ul ul li:hover ul, .nested .firstLevel ul ul li.sfhover ul{
	background: #eee;
	left:auto;
	margin:-20px 0 0 150px;
}
	.nested .firstLevel ul ul ul li{
		background:none;
		float:none;
		width:150px;
	}
	.nested .firstLevel ul ul ul li a{
		color:#666;
	}
	.nested .firstLevel ul ul li.active li a{
		text-decoration:none;
	}
	.nested .firstLevel ul ul ul li.active a{
		text-decoration:underline;
}



/* Si le menu est à gauche et imbriqué */
#leftbar .nested{
	background: none;
	position: relative;
}
	 #leftbar .nested ul{
		background: none;
		border: none;
		height: auto;
		padding: 0;
		z-index: 1;
	}
		#leftbar .nested ul li{
			float: none;
			padding: 0 0 10px;
			text-align: left;
			width: 100%;
		}
			#leftbar .nested .firstLevel li a{
				border: none;
				color: #000;
				display: block;
				font-family: 'rl', Arial, sans-serif;
				font-size: 12px;
				font-size: 1.2rem;
				line-height: normal;
				padding: 3px;
				text-transform: none;
			}
			#leftbar .nested .firstLevel li.active > a, #leftbar .nested .firstLevel li > a:hover, #leftbar .nested .firstLevel li > a:focus{
				color: #52649f;
			}

		#leftbar .nested .firstLevel ul{
			left: 0;
			margin: 0;
			position: relative;
		}

		/* second niveau */
		#leftbar .nested .secondLevel{

		}
			#leftbar .nested .secondLevel li{
				padding: 0 0 7px 10px;
			}
				#leftbar .nested .secondLevel li a{
					color: #9d9d9d;
				}
				#leftbar .nested .secondLevel li.active > a, #leftbar .nested .secondLevel li > a:hover, #leftbar .nested .secondLevel li > a:focus{
					background: none;
					color: #52649f;
				}
			
			#leftbar .nested .firstLevel ul li.active a {
				background: none;	
			}
