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


/* ------------
HEADER (EN-TETE)
--------------*/
#header{
}
	.headerInnerTopbar {
		background-color: var(--color02);
		padding: 0px 30px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
		.headerInnerTopbar .menu {
			display: flex;
			align-items: center;
			margin: 0;
		}
			.headerInnerTopbar .menu > li {
				padding: 0;
				margin: 0 0 0 80px;
				cursor: pointer;
			}
				.headerInnerTopbar .menu > li > a {
					color: #fff;
					font-family: "hb", sans-serif;
					text-transform: uppercase;
					position: relative;
					display: block;
					padding: 10px 0;
				}
				.headerInnerTopbar .menu > li > a::after {
					content: "";
					width: 25px;
					height: 17px;
					background-image: url(../img/charte/sprite.svg);
					background-repeat: no-repeat;
					background-size: 400px auto;
					position: absolute;
					top: 50%;
					right: -33px;
					background-position: -14px -15px;
					transform: translateY(-50%);
				}
					.headerInnerTopbar .menu > li > ul {
						margin: 0;
						position: absolute;
						top: 100%;
						background-color: var(--color02);
						z-index: 1;
						padding: 0;
						width: calc(100% + 50px);
						left: -10px;
						height: 0;
						overflow: hidden;
						opacity: 0;
						z-index: 2;
						transform: translateY(-20px);
						transition: height .5s, opacity .5s, transform .5s;
					}
					.headerInnerTopbar .menu > li:hover > ul {
						transform: translateY(0);
						height: initial;
						opacity: 1;
					}
						.headerInnerTopbar .menu > li > ul > li {
							padding: 0;
						}
							.headerInnerTopbar .menu > li > ul > li > a {
								color: #fff;
								display: block;
								padding: 10px 10px;
							}
							.headerInnerTopbar .menu > li > ul > li:not(:last-child) > a::after {
								content: "";
								width: 100%;
								height: 1px;
								position: absolute;
								bottom: 0;
								left: 50%;
								transform: translateX(-50%);
								background-color: #2a606d;
							}
							.headerInnerTopbar .menu > li > ul > li > a::before {
								content: "";
								width: 0;
								height: 14px;
								display: inline-block;
								background-image: url(../img/charte/sprite.svg);
								background-repeat: no-repeat;
								background-size: 400px auto;
								background-position: -19px -230px;
								margin: 0;
								transition: width .3s, margin .3s;
							}
							.headerInnerTopbar .menu > li > ul > li > a:hover::before {
								width: 16px;
								margin: 0 6px -2px 0;
							}
							.headerInnerTopbar .menu > li > ul > li > a:hover {
								background-color: var(--color03);
							}
	.headerInnerTopbar .accessibility {
		margin: 0 0 0px 60px;
		border-right: 1px solid #05313c;
		border-left: 1px solid #05313c;
		padding: 0 30px;
		cursor: pointer;
	}
		.headerInnerTopbar .accessibility p {
			margin: 0;
			color: #fff;
			font-size: 2.3rem;
			font-family: "hb", sans-serif;
		}
		.headerInnerTopbar .accessibility p::before {
			content: "a";
			text-transform: uppercase;
			font-size: 1.6rem;
		}
		
	.headerInnerNav {
		padding: 0 30px;
		background-color: #fff;
	}
		.headerInnerNavLogo img {
			max-width: 217px;
		}


/* ----------------------
ZONE INTERIEURE (CONTENU)
-----------------------*/
.headerPage {
    height: 350px;
    background-image: url(../img/charte/aeroport-larochelle-picture.jpg);
    background-size: cover;
    background-position: center;
}
.headerPage::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
}
	.headerPage .text {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
		.headerPage .text .container {
			height: 100%;
		}
			.headerPage .text .container .desc {
				color: var(--color02);
				font-family: "hb", sans-serif;
				width: 800px;
				text-align: center;
				max-width: 100%;
			}
				.headerPage .text .container .desc p {
					color: var(--color02);
					font-family: "hb", sans-serif;
				}
section#contents {
	padding: 50px 0;
}
button#open_sogoacc {
    display: none;
}

/* ------------
COLONNES
--------------*/
#leftbar >.inner{

}
#rightbar > .inner{
	
}


/* -------------------
FOOTER (PIED DE PAGE)
--------------------*/
.footer-blocOne {
    background-color: var(--color02);
    padding: 50px 0;
}
	.footer-blocOne-itemOne {
		padding: 0 70px 0 0;
	}
		.footer-blocOne p {
			color: #fff;
			margin: 0 0 20px 0;
		}
	.footer-blocOne-itemTwo {
		padding: 0 0 0 70px;
		border-left: 1px solid #05313c;
	}
	footer p.title {
		color: #fff;
		text-transform: uppercase;
		font-family: "hb", sans-serif;
		font-size: 2rem;
		margin: 0 0 10px 0;
	}
.footer-blocTwo {
	padding: 20px 0;
}
	.footer-blocTwo ul {
		margin: 0;
		display: flex;
		justify-content: center;
	}
		.footer-blocTwo ul li {
			padding: 0;
		}
			.footer-blocTwo ul li a {
				font-size: 1.2rem;
				color: grey;
			}
			.footer-blocTwo ul li:not(:last-child) a::after {
				content: "/";
				display: inline-block;
				margin: 0 6px;
			}
footer a.bouton1::after {
	display: none;
}
footer a.bouton1:hover {
	background-color: #fff !important;
	color: var(--color04) !important;
}
/* ------------
PAGE ERREUR
--------------*/
#error_page{

}
.error{
	color:#f00;
}
.error_form{
	color:#f00;
}
/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	.headerInnerNavLogo img {
		max-width: 177px;
	}
}
/*02 TABLETTE*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){
	.headerInnerTopbar .menu > li {
		margin: 0 0 0 40px;
	}
		.headerInnerTopbar .menu > li > a {
			font-size: 1.1rem;
		}
		.headerInnerTopbar .menu > li > a::after {
			width: 14px;
			height: 10px;
			right: -21px;
			background-position: -60px -15px;
		}
		.page-id-341 .scroll{
			position: inherit !important;
		}
	.headerInnerTopbar .accessibility {
		margin: 0 0 0px 50px;
		padding: 0 10px;
	}
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
	.headerInnerNav {
		padding: 20px 30px;
	}
		.headerInnerTopbar div#nav_menu-2 {
			display: none;
		}
	.footer-blocOne-itemOne {
		padding: 0;
	}
	.footer-blocOne-itemTwo {
		padding: 20px 0 0 0;
		border-left: transparent;
	}
	.sideBarBlocText{
		display: block;
	}
}