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


header{
	position: relative;
	margin: 0 auto;
	padding: 37px 47px;
	padding: 0 47px;
	height: 168px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.85);
	border-bottom: 1px solid rgba(129,148,146,0);
	
	z-index: 1000;
	transition: 0.5s;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}

/* header accueil */
header.nTH_Acc {
	background-color: rgba(0, 63, 94, 0.2);
	background-color: rgba(35, 38, 77, 0.2);
}
header:hover {
	background: rgba(255, 255, 255, 1);
}

header ul{
	list-style: none;
}

#slogan {
	display: none;
}

#form_recherche {
	display: none;
}

#ban_logo {
	/* flex */
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

#logo {
	z-index: 600;
	font-size: 12px;
}
#logo img{
	width: auto;
	height: 100px;
}

/* bouton sandwich qui ouvre/ferme la nav cat sur les petits écrans */
#bt_menuSmart {
	display: inline-block;
	display: none;
	background: rgba(255, 255, 255, 0.5) url("style/bt_menuSmart.png") no-repeat center center;
	background-size: 50% 40%;
	border-radius: 10px;
	border: 2px solid #fff;
	margin: 7px 2vw;
	padding: 5px;
	width: 50px;
	height: 40px;
	/* box-sizing: border-box; */
	cursor: pointer;
	/* alt="="
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-size: 50px; */
	transition: 0.5s;
}


/*	Navigation haut de page	*/

#navHaut {
	flex: 1;
	z-index: 600;
	padding: 0;
	/* position: relative;  pour ne pas lier les sous-menus*/
}
#navHaut ul{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: stretch;
	gap: 0 calc(1em + 1.5vw);
	gap: 0;
	/* align-items: center; */
	margin: 0;
	padding: 0;
	height: 100%;
}
#navHaut > ul > li {
	/* flex */
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: stretch;
}
#navHaut > ul > li > a {
	
	/* boite */
	position: relative;
	/* display: inline-block; */
	/* height: calc(2.5em); */
	/* height: 100%; */
	box-sizing: border-box;
	margin: 0px 0px 0px 0px;
	/* pb de hauteur de la moolboranregular */
	padding-top: 0.3em;
	padding: 0.3em 2vw 0;
	
	/* flex
	display: flex;
	flex-flow: column nowrap;
	justify-content: center; */
	
	/* texte */
	line-height: 1.2em;
	font-family: 'moolboranregular', Lato, Arial, Helvetica, sans-serif;
    font-size: 28px;
	/* font-size: calc(8px + 0.9vw); */
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	/* letter-spacing: 1px; */
	color: rgba(81,96,95,1);
	transition: 0.3s;

}
#navHaut  > ul > li > a:hover {
	color: #4c2479;
}
/**/
#navHaut  > ul > li > a::after {
	content: " ";
	position: absolute;
	z-index: -10;
	bottom: 28%;
	/* pb de hauteur de la moolboranregular */
	bottom: 18%;
	left: 33%;
	right: 33%;
	width: 5ex;
	height: 3px;
	margin: auto;
	border-radius: 0px 0px 50% 50%;
	background: rgba(129,148,146,1);
	background: rgba(76,36,121,1);
	color: #fff;
	opacity: 0;
	transition: 0.5s;
}
#navHaut a:hover::after {
	bottom: 22%;
	/* pb de hauteur de la moolboranregular */
	bottom: 0%;
	opacity: 1;
	transition: opacity 0.5s, bottom 0.5s;
}
#navHaut a.NH-actif::after{
	bottom: 22%;
	/* pb de hauteur de la moolboranregular */
	bottom: 0%;
	opacity: 1;
	transition: opacity 0.5s, bottom 0.5s;
}
#navHaut  > ul > li > a#NH_bt_devis {
	color: #fff;
	border-radius: 10px;
	margin-left: 2vw;
	/* pb de hauteur de la moolboranregular */
	padding: 0.3em 1em 0em;
	background:  rgba(81,96,95,0.5);
}
#navHaut  > ul > li > a#NH_bt_devis:hover {
	background:  rgba(76,36,121,1);
	box-shadow: 0px 0px 20px 0px rgba(129,148,146,0.5);
}

#navHaut  > ul > li > a#NH_bt_devis::after {
	content: none;
}
#navHaut  > ul > li > a#NH_bt_devis.NH-actif {
	background:  rgba(76,36,121,1);
}

#navHaut a.onglet_cat {
	padding-right: 40px;
	background: url(style/fleche_bas.png) no-repeat 90% center scroll;
	text-shadow: none;
}
#navHaut a.onglet_cat:hover {
	/*border-bottom: 1px solid #333;*/
}

/* catalogue sous rub/menu */
#navHaut .navHaut_2 {
	display: none;
	/* display: block; */
	/* display: flex; */
	position: absolute;
	left: 0px;
	right: 0px;
	top: 100%;
	/* top: 40px; */
	width: 100%;
	padding: 30px 0px;
	box-sizing: border-box;
	z-index: 10000;
	background: linear-gradient(rgba(76,36,121,0.8) 0%, rgba(76,36,121,0.5) 50%, rgba(76,36,121,0) 100%);
	background: rgba(76,36,121,0.5);
	transition: 0.6s;
	/* flex */
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
}
#navHaut .navHaut_2:hover {
	background: rgba(76,36,121,1);
	background: linear-gradient(rgba(76,36,121,1) 0%, rgba(76,36,121,0.8) 50%, rgba(76,36,121,0) 100%);
	background: rgba(76,36,121,0.8);
}
#navHaut .navHaut_2 > a {
	/* flex */
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}
#navHaut .navHaut_2 ul{
	/* ou en colonne */
	height: auto;
	width: auto;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 2.7em 2vw 0px 0px;
	font-size: calc(0.4vw + 12px);
	/*border: 1px solid #fff;*/
	/* flex */
	flex-flow: column wrap;
	justify-content: flex-start;
	/* justify-content: center; */
	align-items: flex-end; /* => text-align: right; */
	order: -1;

}
#navHaut .navHaut_2 ul li {
	height: auto;
	text-align: left;
	/* display: list-item; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0.5vh 20px; /* mettre du padding left pour faire apparaitre les ico */
	background: no-repeat left top;
	line-height: initial;
	/*border: 1px solid #ff0;*/
}
#navHaut li:hover .navHaut_2 {
	/* display: block; */
	display: flex;
}
#navHaut .navHaut_2 ul li a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #D2F0FF;
	color: #D3D6Fd;
	line-height: 1.4em;
}
#navHaut .navHaut_2 a:hover {
	color: #fff;
	text-decoration: none;
	border: none;
}

/* vignette dans la navHaut 2 */
#navHaut .navHaut_2 a.menuRubVignLien {
	/* position: relative; */
	height: auto;
	text-align: center;
	border: none;
	line-height: 1.2em;
	margin-left: 40px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	/* border: 1px solid #f00; */
}
.menuRubVignLien:hover {
	border: none;
}
.menuRubVignNom {
	/* position: absolute; */
	/* top: 0%; */
	padding: 0 0 1em;
	/* left: 0; */
	/* right: 0; */
	color: #fff;
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: uppercase;
}
.menuRubVignImg {
	/* float: right; */
	/* width: 500px; */
	max-height: 25vh;
	width: auto;
	/* flex: 2 1 50%; */
}
.menuRubVignVoir {display: none; /* ne sert à rien */
	/* display: inline-block; */
	color: #fff;
	font-size: 1.1em;
	line-height: 1.4em;
	text-transform: uppercase;
	margin: 1.0em 1.0em;
	padding: 0.3em 1.7em;
	border: 1px solid #006A9D;
	transition: 0.4s;
	background: #006A9D;
}
.menuRubVignLien:hover .menuRubVignNom{
	/* transition: 0.4s; */
}
.menuRubVignLien:hover .menuRubVignVoir{
	color: #fff;
	border: 1px solid #44AAFF;
	background: #44AAFF;
	transition: 0.4s;
}

#navHaut .navHaut_2 ul.navHaut_3 {
	width: 100%;
	display: block;
	text-align: center;
}
#navHaut .navHaut_2 ul.navHaut_3 li{
	display: inline-block;
	margin: 0em 1em;
}

#navHaut li:hover .navHaut_2 {
	display: none;
}


@media screen and (max-width: 1024px) {
	header{
		/* box-sizing: border-box; */
		/* padding: 0; */
	}
	#ban_logo {
		/* padding: 1vh 4vw; */
	}
	#bt_menuSmart {
		display: inline-block;
	}
	/* fermée */
	#navHaut {
		font-size: 1.5em;
		line-height: 2em;
		box-sizing: border-box;
		/* height: 0; */
		/* overflow: hidden; */
		transition: 0.2s;
		
		position: absolute;
		top: 100%;
		left: -100%;
		width: 100vw;
		height: 80vh;
		margin: 0;
		padding: 0;
	}
	/* ouverte */
	#navHaut.navHautDeploy {
		height: 80vh;
		padding-top: 5vh;
		overflow: visible;
		background-color: #4c2479;
	}
	
	#navHaut > ul {
		flex-flow: column nowrap;
		justify-content: space-around;
		align-content: stretch;
		align-items: stretch;
		list-style: none;
		margin: 0;
		padding: 0;
		background-color: #4c2479;
	}
	#navHaut > ul li {
		
	}
	#navHaut > ul li a {
		display: block;
		/* line-height: calc(100px); */
		height: auto;
		padding: 1em;
		font-size: 1em;
		color: #fff;
	}
#navHaut  > ul > li > a:hover {
		background: rgba(255,255,255,0.5);
		/* background: rgba(76,36,121,0.8); */
	}
	#navHaut > ul > li > a#NH_bt_devis {
		margin: 0 2vw;
	}
	#ban_logo {
		/* flex */
		flex-flow: row nowrap;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		flex: 1 1 100%;
	}
}
@media screen and (max-width: 600px) {
	#ban_logo #logo img {
		max-width: 60vw;
		height: auto;
	}

}



/* header fixe */

header.nTH_Scroll {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	height: auto;
	border-bottom: 1px solid rgba(129,148,146,0.5);
}
header.nTH_Scroll #ban_corpo {
	display: none;
}
header.nTH_Scroll #logo img{
	height: 60px;
	margin: calc(10px + 2vh) 0;
}
header.nTH_Scroll #navHaut a {
	font-size: calc(12px + 0.8vw);
}

#acc_diap {
	margin-top: -168px; /* hauteur du header */
}




/*		_--oO(		)Oo--_		*/
/*								*/
/*		   pied de page			*/
/*								*/
/*		\--oO__	   __Oo--/		*/


footer {
	border-top: 7px solid rgba(129,148,146,1);
	background:  rgba(129,148,146,0.5);
	color: #fff;
	padding: 10vh 10vw;
}
#navBas {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.col_nav_bas {
	/* ul */
	margin: 0px;
	padding: 0px 2vw;
	/* flex
	display: flex;
	flex-flow: column nowrap;
	justify-content: center; */
	/* font */
	font-family: 'moolboranregular', Lato, Arial, Helvetica, sans-serif;
    font-size: 28px;
	list-style-type: none;
}
.col_nav_bas li {
	margin: 0px;
	padding: 0.5vh 0;
	line-height: 1.2em;
}
.col_nav_bas a {
	color: rgba(255,255,255,0.7);
	color: #fff;
	padding: 0 4px;
}
.col_nav_bas a:hover {
	color: rgba(129,148,146,1);
}

#logo_pied img {
	width: 355px;
}


/*    	    Signature 	        */

#siteWeb{
	/* display: none; désactivée */
	margin: 0;
	padding: 20px;
	text-align: center;
	background: rgba(129,148,146,1);
}
#siteWeb a {
	text-decoration: none;
	font-size: 10px;
	color: rgba(255,255,255,0.7);
    text-shadow: none;  
}
#siteWeb a:hover {
	color: #fff;
}
#siteWeb img {
	vertical-align: top;
	margin: 0 1vh;
	height: 25px;
}


@media screen and (max-width: 1024px) {
	
	footer {
		
	}
	
	#navBas {
		padding: 0;
		flex-flow: column nowrap;
	}
	#logo_pied {
		display: block;
		position: relative;
		top: 0px;
		right: 0px;
		text-align: center;
		padding: 0px 0px;
	}
	#logo_pied img{
		height: auto;
		width: 90%;
		max-width: 300px;
	}
	#site_pied {
		margin: 1em 0;
		padding: 1%;
		line-height: 1.2em;
		font-size: 1em;
	}
	#bas_cont_site_slogan {
		margin: 0;
		font-family: 'courgetteregular';
		font-size: 0.7em;
		font-weight: 100;
	}
	.col_nav_bas{
		display: block;
		width: auto;
		margin: 0px 0px;
		padding: 10px 0px;
		float: none;
		text-align: center;
		line-height: 1.4em;
		font-size: 1.7em;
		border-bottom: 0px solid #ddd;
	}
	.col_nav_bas:first-child {
		text-align: center;
	}
	.col_nav_bas li {
		margin: 0;
	}
	.col_nav_bas p.nav_bas_titre{
		font-size: 1.0em;
		margin: 1.5em 0 0.5em;
	}
	.col_nav_bas#col_bas_plan {
		margin: 0;
		padding: 0;
	}
	.col_nav_bas#col_bas_plan iframe {
		margin: 0;
		padding: 0;
		width: 95vw;
	}
}


/*		_--oO(		)Oo--_		*/
/*								*/
/*		   CORPS de page		*/
/*								*/
/*		\--oO__	   __Oo--/		*/


main {
	/* padding-top: 99px; 100px pour avoir le filet blanc audessus */
}

@media screen and (max-width: 1280px) {
	main {
		/* padding-top: 179px; */
	}
}
main.nTH_Accueil {
	padding: 0;
}
@media screen and (max-width: 1024px) {
	main {
		padding-top: 0px;
	}
}



/* fil d'ariane */

#filAriane {
	/* margin: 0px auto 50px; */
	/* padding: 4px 0px 4px 0px; */
	/* padding: 0px; */
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
	color: #fff;
	background-color: rgba(81,96,95,0.6);
	background-color: rgba(76,36,121,0.4);
	transition: 0.4s;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	/* padding: 0px 10vw; */
	
    font-family: 'moolboranregular';
	font-size: 1.4em; /* moolboranregular */
	line-height: 1.4em;
}
#filAriane:hover {
	background-color: rgba(76,36,121,0.6);
}
#filAriane img {
	width: 17px;
	height: 16px;
	padding: 0.2em 0 0; /*filAriane en moolboranregular */
}
#filAriane a {
	display: inline-block;
	/* margin: 0 1ex; */
	margin: 0;
	padding: 0px 1em;
	padding: 0.2em 1em 0; /*filAriane en moolboranregular */
	color: #666;
	color: #fff;
	border-right: 1px solid rgba(255,255,255,0.2);
}
#filAriane a:first-child {
	/* padding-left: 10px; */
}
#filAriane a:hover {
	/*text-decoration: underline;*/
	color: #4c2479;
	background-color: #4c2479;
	color: #fff;
	/* border-radius: 1em; */
}
#filAriane a:first-child:hover {
	background-color: transparent;
}
#filAriane strong {
	padding: 0px 1em;
	padding: 0.2em 1em 0; /* filAriane en moolboranregular */
	/* color: #4c2479; text-shadow: 1px 1px #fff; */
	color: #fff;
    font-family: 'courgetteregular';
	font-size: 0.7em;
	font-weight: normal;
}
@media screen and (max-width: 980px) {
	#filAriane { display: none;
		padding: 8px 0px 8px 0px;
		line-height: 2em;
		font-size: 0.7em;
	}
	#filAriane strong {
		display: none;
	}
}