/**********************************
  structure globale du site
***********************************/


/* ------------
HEADER (EN-TETE)
--------------*/
#header {
	position: absolute;
	top: 0;
	z-index: 1000;
	padding: 2vh 0;
	width: 100%;
	/* height: 135px; */
}

#header .logo-content {
	display: none;
}
#header.onScroll,#header.show-mobile {
	position: fixed;
	background: var(--white);
	box-shadow: 0 0 5px rgb(0 0 0 / 8%);
	transform: scaleY(1);
	transform-origin: top;
	transition: transform .8s;
	display: flex;
}
#header.onScroll .logo-content {
	display: block;
}
@media (min-width:1366px){
	#header.onScroll .logo-content {
		max-width: 20%;
	}
}
body.pt-7 {
	padding-top: 70px;
}
header.scrollUp.nav-down {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.32);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.32);
}
	#header > .inner {
		padding: 50px 0 0 0;
	}
		.logo img {
			max-width: 288px;
		}
		.headertopBar {
			background-color: var(--color-primary);
			padding: 5px 0;
		}
		.headertopBarRs li:not(:first-child) {
			margin: 0 0 0 5px;
		}


/* ----------------------
ZONE INTERIEURE (CONTENU)
-----------------------*/

section#contents {
    padding: 50px 0;
}

/* ----------------------
HEADER PAGE
-----------------------*/

.headerPage {
    height: 60vh;
	position: relative;
    background-color: var(--gray-600);
	justify-content: center;
}
.headerPage-subTitle {
	color: var(--white);
	font-size: 2.1rem;
	font-family: 'rm';
	max-width: 230px;
	margin-top: 25px;
	margin-bottom: 23px;
}
	.breadcrumb {
		top: 0;
		left: 0;
	}
	.headerPage .text, .headerPage .text .container {
		height: 100%;
	}
	.headerPage .text {
		z-index: 1;
		top: 0;
	}
		.headerPage .text .container .desc {
			text-align: center;
		}
		
span.mobile-buton {
	display: none;
	width: 35px;
}
	span.mobile-buton span {
		width: 100%;
		height: 3px;
		background-color: #fff;
		display: block;
		margin: 6px 0;
	}
span.mobile-buton::before, span.mobile-buton::after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fff;
}

/*-----------
 HEADERPAGE - HOME

 ------------*/
.home .headerPage {
	height: 100vh;
	display: flex;
	flex-direction: column;
}
.headerPage-home {
	position: relative;
	z-index: 1;

	padding: 5rem 0;
}
.headerPage .logo {
	/* width: auto; */
	max-height: 19vh;
	max-width: 250px;
	/* width: 346px; */
	height: auto;
	object-fit: contain;
	margin: 0 ;
	display: block;
}
@media (min-width:1366px){
	.headerPage .logo {
		max-width: 350px;
	}
}
.headerPage-homeText{
	min-height: 60%;
}
.headerPage-homeLogo{
	flex: 1 0 auto;
	display: flex;
	align-items: center;
}
.headerPage > img {
	position: absolute;
	top: 0;
	left: 0;
}
.headerPage-home h1 {
	max-width: 755px;
}
#header .logo-content .logo-onslide {
	width: 250px!important;
}

.gfield_html a,.templatePageTextBloc a {
	text-decoration: underline!important;
}
/* ------------
COLONNES
--------------*/
#leftbar >.inner{

}
#rightbar > .inner{
	
}


/* -------------------
FOOTER (PIED DE PAGE)
--------------------*/
footer#footer {
    background-color: var(--black);
    padding: 12px 0;
	position: relative;
	z-index: 2;
}
	footer#footer ul {
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
		footer#footer ul li {
			padding: 0;
			line-height: 1;
		}
		footer#footer ul li:not(:last-child) {
			margin-right: 50px;
		}
		footer#footer ul li:last-child {
			margin-left: auto;
		}
			footer#footer ul li a {
				font-size: 1.2rem;
				color: #fff;
			}

#nav_menu-2 {
	margin-left: 70px;
}

.click-hide-formContact {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 99;
    display: none;
}
/* ------------
PAGE ERREUR
--------------*/
#error_page{

}
.error{
	color:#f00;
}
.error_form{
	color:#f00;
}

.show-form-mobile  {
	background: var(--white);
	box-shadow: -2px 0 6px rgba(0,0,0,8%);
	padding: 15px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999
}
.show-form-mobile.not-fixed {
	position: static;	
}
#header .header-container {
	/* padding: 0 50px; */
	justify-content: center;
}
#header .header-container.onScroll {
	-webkit-box-pack: end ;
	-ms-flex-pack: end ;
	justify-content: flex-end ;
}

@media (max-width:1023px){
	
}
/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
	#header > .inner {
		padding: 25px 0 0 0;
	}
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	.headerPage-home .logo {
		width: 225px;
	}
	#header .logo-content .logo-onslide {
		width: 220px !important;
	}
	#header {
		height: 100px;
		padding:20px 0;
	}
}
/*02 TABLETTE*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){
}
@media screen and (max-width: 991px), (max-device-width: 991px){
	.footer-container {
		flex-wrap: wrap;
	}
	#nav_menu-2 {
		margin-left: 0;
		margin-top: 20px;
	}
	footer#footer ul li:not(:last-child) {
		margin-right: 20px;
	}
	#access.inner  {
		margin-left: auto;
	}

	#header .logo-content .logo-onslide {
		width: auto !important;
		height: 60px;
	}
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
		
	span.mobile-buton {
		display: flex;
	}
	footer#footer ul li {
		width: 100%;
	}
	footer#footer ul {
		flex-wrap: wrap;
	}
	footer#footer ul li {
		margin: 0;
		margin-bottom: 7px;
	}
	.headerPage-home .logo {
		width: 200px;
	}
	.headerPage-home h1 {
		font-size: 3.8rem;
		padding-right: 50px;
	}
	
	#header {
		padding: 5px 0;
	}
	/* #header .logo-content {
		display: block!important;
	} */

	#header {
		height: 100px;
		padding:20px 0;
	}

}