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


/* ------------
HEADER (EN-TETE)
--------------*/
.headerTopBarInner{
	z-index: 100;
}
#header {
    background-color: #fff;
}
#headerInner {
	padding: 0 80px;
}
header.scrollUp.nav-down {
    -webkit-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 {
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-top:16px;
}

@media screen and (max-width:768px) {
	#header > .inner .nested-header {
		display: none;
	}
	#header > .inner {
		padding: 10px;
	}
}


.logo img {
	max-width: 348px;
}


/*bloc de rappel*/
.appel {
	padding: 32px 0;
}
.appel .appel-img {
	width: 154px;
	height: 154px;
	background-color: var(--white);
	border-radius: 99px;
	overflow: hidden;
	padding:18px;
}
.appel .appel-content {
	flex:1;
}

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

section#contents {
    padding: 80px 0;
}

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

.headerPage {
	padding: 24px 0 54px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.headerPage .headerPage-wrap {
	z-index:1;
	padding-top:30px;
}
.headerPage .headerImg {
	width: 100%;
}
#headerPage-accueil.headerPage .headerImg-inner {
	flex:1;
}
#headerPage-accueil.headerPage .headerImg-inner img{
	border-radius: 0;
}
.headerPage .headerImg-inner img{
	border-bottom-right-radius: 200px;
	border-top-left-radius: 200px;
}
#headerPage-accueil.headerPage .headerTitle::before {
	content:"";
	width: 141px;
    height: 16px;
    display: block;
    background-image: url('/wp-content/themes/mediapilote/img/charte/before-title-hero.svg');
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 16px;
}
.headerPage .headerPage-overlay {
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	background-color: var(--black);
	opacity: 0.7;
}

.headerPage .headerTitle-before-icon {
	background-image: url('/wp-content/themes/mediapilote/img/charte/before-title.svg');
	background-position: left;
	background-repeat: no-repeat;
	width: 141px;
    height: 16px;
}



.home .headerPage .headerContent {
	flex:1.5;
}
/*
.single-post .headerPage .headerContent {
	padding-left:70px;
} */


/* body.home .headerPage{
	height: 85vh;
}
body.home .headerPage .container{
	z-index: 2;
} */

/* .mm-panels>.mm-panel {
	width: 80vw;
} */


.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!important;
	width: 35px;
}
span.mobile-buton span {
	width: 100%;
	height: 3px;
	background-color: var(--color-primary);
	display: block;
	margin: 6px 0;
}
span.mobile-buton::before, span.mobile-buton::after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: var(--color-primary);
}

/*SINGLE POST*/

.single-post .headerPage .headerContent {
	/* padding-left:70px; */
	padding-left: 0;
}
.single-post .headerArticleInfo {
	gap:16px
}


/* ------------
COLONNES
--------------*/



/* -------------------
FOOTER (PIED DE PAGE)
--------------------*/

footer#footer ul {
	margin: 0;
}
footer#footer ul li {
	padding: 0;
	margin-bottom: 8px;
}
footer#footer ul li a {
	color: var(--white);
	transition: 0.8s all;
}
footer#footer ul li a:hover {
	color: var(--color-primary-light)!important;
	transition: 0.8s all;
	font-weight: 500!important;
}
footer#footer .footer-bottom .link-rs:hover path{
	fill: var(--color-primary-light)!important;
}

footer#footer .footer-reassurance {
	padding:40px 0;
	background-color: #EAF7FF;
}
footer#footer .footer-reassurance .ico-reassurance {
	background-image: url('/wp-content/themes/mediapilote/img/charte/icon-reassurance.svg');
	width: 65px;
    height: 66px;
    background-size: cover;
	background-repeat: no-repeat;
}
/* footer#footer .footer-reassurance .reassurance-container__inner-item {
	flex:1;
} */

footer#footer .footer-inner{
	padding: 72px 0 25px
}
footer#footer .menu-footer ul li {
	display: block;
	margin-bottom: 15px;
}
footer#footer .menu-footer ul li a {
	display: block;
	color: var(--color-primary-dark)!important;
    background-color: var(--white);
    transition: 0.8s all;
	font-size:14px;
	padding:8px 16px;
	border-radius: 99px;
	transition: 0.8s all;
	text-decoration: none;
}
footer#footer .menu-footer ul li a:hover {
	background-color: var(--color-primary-light);
	transition:0.8s all;
}
footer#footer .menu-footer ul li a:active {
	background-color: var(--color-primary-x-light);
	transition:0.8s all;
}
footer#footer .menu-footer ul li a:focus {
	background-color: var(--white);
	box-shadow: 0px 0px 0px 3px rgba(0, 82, 204, 0.20);
	transition:0.8s all;
}
footer#footer .menu-footer ul li a:disabled {
	color: var(--color-primary-light);
	background-color: var(--color-primary-x-light);
	opacity: 0.3;
}

#menu-menu-footer{
	display: flex;
	align-items: center;
	justify-content: center;
}
#menu-menu-footer li{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
#menu-menu-footer li a{
	text-decoration: underline;
}


/* ------------
PAGE ERREUR
--------------*/
#error_page{

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

/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1420px), (max-device-width: 1420px){
	
}
@media screen and (max-width: 1199px), (max-device-width: 1199px){
	/* .home .headerPage {
		padding: 80px 0 0 0!important;
	}
	.home .headerPage .headerContent {
		padding: 0 40px 0 80px;
	} */
	.logo img {
    	max-width: 260px;
    	height: auto;
	}
	.home .headerPage .headerContent {
		flex:1;
	}
	.home .headerPage-inner {
		justify-content: flex-end!important;
	}

}
/*02 TABLETTE*/
@media screen and (max-width: 999px), (max-device-width: 999px){
	.headerPage .headerPage-wrap {
		flex-direction: column;
		gap:30px;
	}
	section#contents {
		padding: 35px 0;
	}
	.appel .appel-content {
		flex: inherit;
	}
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
	.headerPage .headerContent {
        padding-left: 0;
    }
	
	#menu-menu-footer{
		flex-wrap: wrap;
		/* flex-direction: column; */
	}
	span.mobile-buton {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.logo img {
		max-width: 250px;
	}
	#header {
        padding: 0!important;
    }
	.headertopBar ul.noMargin {
		display: none !important;
	}

	.footer-top .footer-top-col {
		gap:50px;
	}
	.footer-bottom {
		flex-direction: column;
	}
	.footer-logo img {
		width: 50%;
		height: auto;
	}

}