/*		_-oO(	)Oo-_		*/
/*							*/
/* 			 HAUT 			*/
/*							*/
/*		-=oO_ o _Oo=-		*/

header {
	position: relative;
	z-index: 100;
}

/* bandeau info du haut */

#header_haut {
	box-sizing: border-box;
	background: #222;
	display: flex;
	flex-flow: row wrap;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 4px calc(4vw + 40px);
	justify-content: space-between;
}
@media screen and (max-width: 1280px) {
	#header_haut {
		padding: 4px 2vw;
	}
}
#header_haut span {
	margin-right: 1em;
	flex: 0 1 auto;
}
#header_haut span:first-child {
	font-weight: bold;
}
#header_haut span:last-child {
	align-self: right;
	text-align: right;
	flex: 1 0 auto;
	font-size: 1.2em;
}
@media screen and (max-width: 1024px) and (orientation:landscape)  {
	#header_haut {
		/* padding: 4vh 2vw; */
	}
	#header_haut span:first-child {
		flex: 1 0 100%;
	}
	#header_haut span:last-child {
		align-self: flex-start;
	}
}


/* navigation du haut */

#navHaut {
	background: #000;
}
#navHaut nav {
	box-sizing: border-box;
	height: 80px;
	padding: 0 2vw;
	margin: 0 auto;
	max-width: 1600px;
	color: #fff;
	font-family: stencil-std,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 17px;
	font-size: calc(7px + 0.5vw);
	letter-spacing: 1px;
	/* conteneur */
	display: flex;
	justify-content: center;
	align-content : stretch;
	align-items: stretch;
}
#navHaut a {
	color: #fff;
	transition: 1.8s;
	padding: 0 1em; 
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-content : center;
	flex: 1 0 auto;
}
#navHaut a:hover {
	background: #333;
	transition: 0.1s;
}
#navHaut a#logo {
	flex: 0 1 6%;
	flex-flow: column nowrap; /* Chromiumsheet grossit si column */
	z-index: 1000;
	padding: 0 3em; 
}
#navHaut a#logo:hover {
	background: transparent;
}
#navHaut a#logo img {
	transform: scale(2.3);
}

#resp_bt_menu {
	display: none;
}
#resp_haut {
	display: none;
}

@media screen and (max-width:1024px) {
	
	/* ce qui apparait */
	#resp_haut {
		display: flex;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		box-sizing: border-box;
		/* height: 20vh; */
		padding: calc(1vh + 1vw);
	}
	#resp_logo {
		display: initial;
		padding: calc(1vh + 1vw);
	}
	#resp_logo img {
		max-height: 10vh;
		max-width: 40vw;
		height: auto;
		width: auto;
	}
	#resp_tel {
		font-size: calc(7px + 2vw);
	}
	#resp_bt_menu {
		cursor: pointer;
		display: initial;
		border: 1px solid #fff;
		border-radius: 4px;
		height: auto;
		width: auto;
		box-sizing: border-box;
		padding: 2.5vh;
		text-align: center;
		font-size: 4vh;
		line-height: 1em;
	}
	#resp_bt_menu img {
		height: 4vh;
		width: 5vh;
	}
	
	/* ce qui disparait */
	#navHaut a#logo {
		display: none;
	}
	#header_haut {
		display: none;
	}
	#header_droite {
		display: none;
	}
	#navHaut {
		/* display: none; */
	}
	
	/* ce qui peut apparaitre */
	#navHaut.navHaut_ouverte {
		display: initial;
	}
	#navHaut nav {
		position: absolute;
		top: 16vh;
		left: -100vw;
		z-index: 1000;
		width: 100vw;
		min-height: 84vh;
		height: auto;
		padding: 0;
		margin: 0;
		font-size: calc(10px + 0.5vw);
		background: #000;
		transition: 1s;
		
		/* conteneur */
		flex-flow: column nowrap;
		justify-content: center;
		align-content : stretch;
		align-items: stretch;
	}
	#navHaut.navHaut_ouverte nav {
		transition: 1s;
		left: 0;
	}
	#navHaut a {
		border-top: 1px dashed #333;
	}
	#navHaut a.nh_actif{
		background: #333;
	}
}





/*		_-oO(	)Oo-_		*/
/*							*/
/* 			 BAS 			*/
/*							*/
/*		-=oO_ o _Oo=-		*/


footer  {
	clear: both;
	margin: 0 auto;
	padding: 10px 0px 10px;
	background: #222 /*url(style/fond_bas.png) repeat-x center bottom scroll*/;
	border-top: 6px solid #000;
	text-align: center;
	line-height: 1.4em;
	font-size: 10px;
}
address {
	margin: 10px 0px 0px;
	padding: 5px;
	line-height: 1.6em;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
#add_email {
	color: #333;
}
#add_email:hover{
	color: #fff;
}
#navBas {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 8px 5px;
	line-height: 3em;
	text-align: center;
	color: #999;
	font-size: calc(8px + 0.5vw);
	font-weight: normal;
	font-style: normal;
	/* flex */
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
#navBas a {
	color: #999;
	padding: 0;
}
#navBas a::after {
	content: "\2022";
	padding: 0 calc(0.5em + 0.5vw);
}
#navBas a:first-child::after, #navBas a:last-child::after {
	content: none;
	padding: 0;
}
#navBas a:hover {
	color: #fff;
}
#navBas a:hover::after {
	color: #999;
}
#navBas a#add_raison {
	font-family: 'stencil-std', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	font-style: normal;
	color: #fff;
	padding-right: 2em;
}

/*    	    Signature 	        */

#siteWeb{
	padding: 20px;
	text-align: center;
}
#siteWeb a {
	text-decoration: none;
	font-size: 11px;
	color: #666;
    text-shadow: none;  
	letter-spacing: 2px;
}
#siteWeb a:hover {
	text-decoration: none;
	color: #fff;
    text-shadow: 1px 1px 0 #777;  
}
#siteWeb a img {
	width: 70px;
	margin: 0 0.8vw;
	vertical-align: middle;
}

@media screen and (max-width: 500px) and (orientation:portrait) {
	footer {
		background: rgba(50,50,50,0.5);
		background: none;
	}
	#navBas {
		flex-flow: column nowrap;
		font-size: 28px;
		line-height: 1.4em;
		padding: 0.5em 0;
	}
	#navBas a::after {
		content: none;
		padding: 0;
	}
	#navBas a#add_raison {
		font-size: 1.2em;
		padding: 0 0 0.5em 0;
	}
	#siteWeb {
		border-top: 1px dashed #333;
	}
}