/************************************************************/
/*            STRUCTURE MENU HORIZONTAL                     */
/************************************************************/
.ColonneHeader:nth-child(2) {text-align:right;}

#Position-IconeOpen {display: none;}
#Position-IconeClose {display: none;}

#Menu-Site li a {
	font-size: 20px;
	font-weight: bold;
	color: #3c5c3d;
	padding: 0 11px 0 11px;
}

#Menu-Site > ul > li:hover,
#Menu-Site li a:hover,
#Menu-Site .actif {
	color: #8bb172;
}

/************* MENU HORIZONTAL ORDINATEURS **********************/
@media all and (min-width:992px) {
	#Block-Menu {
		display: table-cell;
		vertical-align: middle;
	}
	
	#Menu-Site {
		padding-right: 11px;
	}

	#Menu-Site > ul {
		list-style: none;
		text-align: right;
		margin-top: 0;
		margin-bottom: 0;
	}

	#Menu-Site > ul > li {
		display: inline-block;
		cursor: pointer;
	}

    /********** SOUS - MENU **************/
	#Menu-Site > ul > li:hover > ul {
		display: block;
		background: #edececed;
		white-space: nowrap;
		margin-left: 22px;
	}
    
	#Menu-Site > ul > li > ul {
		position: absolute;
		display: none;
		padding: 0;
		top: 83px;
		list-style: none;
		text-align: left;
	}

	#Menu-Site ul > li > ul > li {
		padding-top: 11px;
		padding-bottom: 11px;;
		border-top: 1.5px solid #000000;
	}

	#Menu-Site ul > li > ul > li:first-child{ border-top:none; }

	li > ul > li > #Menu-Site li a {
		line-height: 33px;
	}

	/********** PETITE FLECHE **************/
	.Fleche-SousMenu-Inactif {
		background:url('../images/Triangle_noir-bas.png') no-repeat;
		background-position: right;
		padding-right: 14px !important;
	}

	.Fleche-SousMenu-Actif,
	.Fleche-SousMenu-Inactif:hover {
		background:url('../images/Triangle_lien-bas.png') no-repeat;
		background-position: right;
		padding-right: 14px !important;
	}
}
/************************************************************/
/*            STRUCTURE MENU RESPONSIVE                     */
/************************************************************/
/* TABLETTE & SMARTPHONE */
@media all and (max-width:991px) {
	#page_header_content {flex-direction: row-reverse;}
	.Titre-Site {text-align: center;}
	.ColonneHeader:nth-child(1) {width: 77%;}
	.ColonneHeader:nth-child(2) {width: 77px;}
	
	#Block-Menu {display: none;}
	
	#responsive_menu_icon {
		display: table-cell;
		vertical-align: middle;
		padding-left: 11px;
		padding-right: 11px;
	}
	
	/* ICÔNES OPEN & CLOSE */
	#Position-IconeOpen {
		display: block;
		cursor: pointer;
		/*transition: margin-left .5s;*/
		width: 26px;
		margin-left:auto;
		 margin-right:auto;
	}
	 
	.OpenIcone, .CloseIcone  {
		display: block;
		padding: 9px 2px 9px 2px;
	}
	
	.Trait, .Trait-Top, .Trait-Bottom, .CloseDroite, .CloseGauche {
		display: block;
		position: relative;
		margin-left:auto;
		margin-right:auto;
		width: 22px;
		height: 3px;
		background: #6d6d6d;
	}

	/* ICÔNE OPEN */
	.Trait-Top {bottom: 5px;}
	.Trait-Bottom {top: 5px;}

	/* ICÔNE CLOSE */
	.CloseDroite {
		transform: rotate(45deg);
		top: 1.5px;
	}
    
	.CloseGauche {
		transform: rotate(-45deg);
		bottom: 1.5px;
	}

	/********************** BARRE LATERALE **********************/
	#Block-BarreLaterale {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		z-index: 200;
		transition: 0.5s;
		background: #ffffff;
	}

	/* HEADER BARRE LATERALE */
	#Header-BarreLaterale {background:linear-gradient(#edecec,#ffffff,#edecec);}

	.Bock-CloseIcone  {
		height: 77px;
		width: 77px;
		display: table;
	}

	#Position-IconeClose  {
		visibility: hidden;
		display: table-cell;
		vertical-align: middle;
        padding-left: 11px;
		padding-right: 11px;
		cursor: pointer;
		/*transition: margin-left .5s;*/
		width: 26px;
	}
	
	/* MENU VERTICAL */
	#Menu-Site {
		display: block;
		padding-left: 11px;
		padding-right: 11px;
	}
	
	#Menu-Site > ul {
		text-align: left;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#Menu-Site > ul > li {
		display: block;
		cursor: pointer;
		border-bottom: 1.5px solid #000000;
	}
	
	 /* SOUS MENU */
	 #Menu-Site > ul > li:hover > ul {
		display: block;
		padding-left: 0;
		background-color: #eae6e6b3;;
	 }
	
	 #Menu-Site > ul > li > ul {
		display: none;
		list-style: none;
	 }
	
	 #Menu-Site ul > li > ul > li {
		padding-left: 31px;
		border-top: 1.5px solid #000000;
	 }
	
	 #Menu-Site ul > li > ul > li > a {
		background:url('../images/triangle_sous-menu.png') no-repeat;
		background-position: left;
	 }
	
	 #Menu-Site li a {
		display: block;
		padding: 22px 0 22px 22px;
	 }
	
	 li > ul > li > #Menu-Site li a {
		 margin-left: -9px;
	 }
    
	 /* petite flêche*/
	 .Fleche-SousMenu-Inactif {
		  background:url('../images/Triangle_noir-bas.png') no-repeat;
		  background-position: left;
		  margin-left: 22px;
	 }
    
	 .Fleche-SousMenu-Actif,
	 .Fleche-SousMenu-Inactif:hover {
		  background:url('../images/Triangle_lien-bas.png') no-repeat;
		  background-position: left;
		  margin-left: 22px;
	 }
}