/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	    	INTERFACE 	        	*/
/*    	    				 	        */
/*    	    *** *** *** *** 	        */


/* 			en-tete			 */

header{
	background-color: rgba(0,50,100,1);
	color: #fff;
	height: 100px;
	box-sizing: border-box;
	
	/* fixed */
	position: fixed;
	width: 100vw;
	max-width: 100%;
	box-sizing: border-box;
	z-index: 1000;
	
	/* flex contener */
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-content: stretch;
}
header * {
	box-sizing: border-box;
}


/*			--o0  0o--			*/
/*			Haut Gauche			*/
/*								*/

#hautGauche {
	/* border: 1px solid #f00; */
	/* flex item */
	flex: 0 0 200px;
	
	/* flex contener */
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
	border-bottom: 1px solid rgba(255,205,155,0.1);
}
#hautGauche a {
	/* border: 1px solid green; */
	width: 50px;
	height: 50px;
	text-align: center;
}
#hautGauche a#bt_navMobile_a {
	transition: 0.5s;
}


/*			--o0  0o--			*/
/*			Haut Centre			*/
/*								*/

#hautCentre {
	/* flex item */
	flex: 1 1 auto;
	padding: 0 50px;
	border: 1px solid rgba(255,205,155,0.1);
	border-top-width: 0px;
	
	/* flex contener */
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

#logo img {
	height: 50px;
	width: 300px;
}
#logo_appli img {
	height: 90px;
	width: auto;
}

#form_recherche {
	display: flex;
	align-items: center;
}
#cherche_txt {
	border-radius: 4px;
	border: none;
	background: #fff;
	padding: 3px 1em;
}
#cherche_txt::placeholder {
	font-style: italic;
	color: #003264;
	font-size: 12px;
}
#cherche_img {
	padding: 10px 0 0 20px;
}


/*			--o0  0o--			*/
/*			Haut Droit			*/
/*								*/

#hautDroite {
	flex: 0 0 150px;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	#hautCentre {
		padding: 0 2vw;
		justify-content: space-evenly;
		/* gap: 2vw; */
	}
	#logo img { display: none;
		width: 25vw;
		height: auto;
	}
	#logo_appli img {
		/* width: 25vw; */
		/* height: auto; */
        /* height: auto; */
		width: 175px;
		height: 70px;
		margin-right: 25px;
	}
	
	#hautDroite {
		flex: 0 0 10vw;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	
	/*
	#logo img {
		height: 40px;
		width: auto;
	}
	#form_recherche {
		margin: 0vh 1vw;
	}
	#cherche_img {
		padding: 0;
		width: 20px;
	}*/
}
@media screen and (max-width: 760px) {
	#hautGauche {
		flex: 0 1 100px;
	}
	#hautGauche a {
		width: 100%;
		height: auto;
		padding-top: 10px;
		/* border: 1px solid #FFF; */
	}
	#hautGauche a:first-child {
		order: 2;
	}
	#hautGauche a img {
		width: 25px;
	}
	#hautCentre {
		padding: 0 2vw;
		justify-content: center;

	}
	#hautCentre {
		/* padding: 0 1vw; */
	}
	#cherche_txt {
		margin-right: 10px;
	}
	#cherche_img {
		padding: 0;
		width: 20px;
	}
	#logo img {
		max-height: 40px;
		width: auto;
		max-width: 50vw;
	}
	#hautDroite {
		flex: 0 1 100px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* 			Page			 */


#generale {
	/* flex contener */
	display: flex;
	flex-flow: row nowrap;
	align-content: stretch;
	
	/* justify-content: space-between; */
	padding-top: 100px;
}

@media screen and (max-width: 1024px) {
	#generale {
		/* justify-content: center; */
	}
}

/* Coté Gauche */

#colGauche {
	box-sizing: border-box;
	padding: 25px 0;
	background-color: rgba(0,50,100,1);
	flex: 0 0 200px;
	min-height: calc(100vh - 100px);
}

#navHaut {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #fff;
}
#navHaut li {
	margin: 0;
	padding: 0;
}
#navHaut ul {
	margin: 0;
	padding: 0;
}
#navHaut a {
	display: block;
	color: #fff;
	padding: 0.3vh 0;
}
#navHaut > li {
	margin-bottom: 1.5vh;
	margin-bottom: 2.5vh;
}
#navHaut > li > a {
	font-size: 20px;
	font-size: 14px;
	font-weight: 600;
	font-weight: 800;
	padding: 0.5vh 25px 0.5vh 25px;
}
#navHaut > li > a img {
	display: block;
	/* margin: auto; */
	/* margin: 1vh auto 1vh 1vw; */
	margin: 0 5px 0 0;
	display: inline-block;
	width: 20px;
	vertical-align: top;
}
#navHaut > li ul {
	list-style: none;
	margin: 0;
}
#navHaut > li ul li a {
	padding: 0.3vh 0 0.3vh 30px;
	padding: 0.5vh 0 0.5vh 30px;
	padding: 0.5vh 25px 0.5vh 55px;
	font-size: 16px;
	font-size: 14px;
	font-weight: 300;
	transition: 0.4s;
}
#navHaut > li ul li a:hover {
	padding-left: 1em;
	padding-left: 2vw;
	transition: 0.2s;
	background: rgba(0,0,0,0.5);
	border-left: 5px solid #fff;
}

.nav_ico {
	border-top: 1px solid rgba(255,205,155,0.1);
	padding: 1vh 0;
	height: 10vh;	
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: space-evenly;
	/* text-align: center; */
	color: #fff;
}
.nav_ico img {
	height: 5vh;
	width: auto;
}

@media screen and (max-width: 1024px) {
	#colGauche {
		position: absolute;
		position: fixed;
		top: 100px;
		left: -100%;
		left: -100vw;
		flex: 0 0 auto;
		width: 100vw;
		padding: calc(1.5vh + 1.5vw) 0 0 calc(1.5vh + 1.5vw);
		transition: 1s;
	}
	#colGauche.nhOuverte {
		transition: 0.5s;
		left: 0;
		
		/* full */
		/* width: 100vw; */
		box-sizing: border-box;
		z-index: 1000;
		
	}
	#hautGauche a#bt_navMobile_a {
		rotate(90deg);
	}
	#navHaut {
		/* full */
		display: flex;
		flex-flow: row wrap;
		justify-content: space-evenly;
	}
	#navHaut > li {
		/* full */
		flex: 0 0 150px;
		/* border: 1px solid #fff; */
	}
	#navHaut > li > a {
		padding: 0.5vh 10px 0.5vh 2vw;
	}
	#navHaut > li ul li a {
		padding: 0.3vh 0 0.3vh 2vw;
	}
}

#colCentre {
	flex: auto;
	flex: 1 1 100%;
}

@media screen and (max-width: 1024px) {

	#colCentre {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
}

#filAriane {
	display: none;
}