/* CSS Document */

* {box-sizing: border-box; }
.clearFloats { clear: both; }
body.site {border-top: none; padding: 0; background-color: #fff; }
.noscroll { overflow: hidden; }
body.noscroll { padding-right: 17px; }
.body .container {max-width: 100%; width: 100%; border: none; padding: 0;}
a { text-decoration: none; color: #054979; }
a:hover { color: #82a4bc; }
a:hover, a:visited { text-decoration: none; }
.item-page { width: 100%; }
.no-show { display: none !important; }

/* HEADER */
/* top navigation */
.header { margin: 0; }
.top-menu { position: relative; background-color: #00467f; padding: 12px 190px 12px 35px; width: 100%; text-align: right; }
.top-menu .nav { margin: 0; padding: 0; }
.top-menu ul { list-style-type: none; margin: 0; }
.top-menu ul li { position: relative; display:inline-block; margin-left: 22px; }
.top-menu ul li a, .top-menu ul li { color: #fff; font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; }
.top-menu ul li a:hover { background-color: transparent; color: #ffdf74; }
.top-menu ul ul li a, .top-menu ul ul li {  display: block; padding: 6px 20px; clear: both; line-height: 14px; white-space: nowrap;  }
.top-menu .nav > li:hover > .nav-child,
.top-menu .nav > li > a:focus + .nav-child,
.top-menu .nav li li:hover > .nav-child,
.top-menu .nav li li > a:focus + .nav-child {
	display: block;
}
.top-menu .nav li li .nav-child {
	top: -8px;
	left: 100%;
}
.top-menu .nav-child li > a:hover,
.top-menu .nav-child li > a:focus,
.top-menu .nav-child:hover > a {
	text-decoration: none;
	color: #fff;
	background-color: #005e8d;
	background-color: #005783;
	background-image: -moz-linear-gradient(top,#005e8d,#004d74);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#005e8d),to(#004d74));
	background-image: -webkit-linear-gradient(top,#005e8d,#004d74);
	background-image: -o-linear-gradient(top,#005e8d,#004d74);
	background-image: linear-gradient(to bottom,#005e8d,#004d74);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0);
}
.top-menu .nav li:last-child a { color: #ffdf74; }
.top-menu .nav li:last-child a:hover { color: #fff; }
.top-menu .nav-child li a, .top-menu .nav-child li:last-child a { color: #000; }
.top-menu .nav-child li { text-align: left; }

.extra-btn-holder { position: absolute; right: 0; top: 0; width: 155px; }
.quit-rapide { position: relative; text-align: center; width: 155px; display: block; padding: 12px; background-color: #ffdf74; color: #00467f; transition: background-color 0.2s ease, color 0.2s ease; z-index: 114; }
.quit-rapide:hover { background-color: #00467f; color: #fff; }
.quit-rapide.ver2 { background-color: #b7a678; color: #fff; }
.quit-rapide.ver2:hover { background-color: #00467f; color: #ffdf74; }

@media (max-width: 835px) {
	.top-menu { padding: 12px 35px; }
	.extra-btn-holder { top: 42px; right: 0px; width: 310px; }
	.quit-rapide { display: inline-block; }
} 
@media (max-width: 675px) {
	.extra-btn-holder { top: 0; left: 0; right: auto; width: 240px; }
	.quit-rapide { padding: 13px 8px 14px 8px; font-size: 10px; width: 120px; }
} 
 
/* main menu */
.main-menu-container { display: flex; position: relative; padding: 40px 35px; }
.logo-container { display: block; float: left; width: auto; position: relative; flex: 1 1 20%; max-width: 250px; }
.navigation { float: left;  flex: 4 1 80%; margin: 0; padding: 0; position: absolute; right: calc(3% - 10px); bottom: 30px; border: none; }
.nav-collapse { float: left; margin: 0; }
.nav-collapse ul { list-style-type: none; margin: 0; }
.nav-collapse ul li { display: inline-block; margin: 0 0 0 38px; cursor: pointer; }
.nav-collapse ul li a, .nav-collapse ul li { color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 20px; font-weight: 400; text-transform: uppercase;  padding: 10px; }
.nav-collapse ul li a:hover { background-color: transparent; color: #ffdf74; }
.search form { margin: 0; }
.navigation .nav-child, .top-menu .nav-child { position: absolute; top: 100%; left: 50%; transform: translate(-50%); z-index: 1000; display: none; float: left; min-width: 160px; padding: 10px; margin: 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;-webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.nav-child li { display: inline-block; margin: 0 !important; cursor: pointer; padding: 0 !important; width: 100%; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent; }
.navigation .nav-child a { display: block; padding: 6px 20px; clear: both; font-size: 14px; font-weight: 500; line-height: 18px; color: #676b6d; white-space: nowrap; }

/* mobile menu */
.mobile-bar { width: 20px; height: 1px; background-color: #00467f; margin: 5px 0;}
.navbar .btn-navbar { margin: 75px 20px 5px 5px; color: #00467f; background-color: transparent; background-image: none; border: none; box-shadow: none; }
.navbar .btn-navbar:hover { color: #b7a678; background-color: transparent;	*background-color: transparent; }
.navbar .btn-navbar:hover .mobile-bar { background-color: #b7a678; }
.navbar .btn-navbar:active,
.navbar .btn-navbar.active { background-color: transparent; }
.site-mask {position: fixed; z-index: 111; top: 0; left: 0; overflow: hidden; width: 0; height: 0; background-color: #000; opacity: 0; transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;}
.site-mask.is-active { width: 100%; height: 100%; opacity: 0.7; transition: opacity 0.3s;}
.mobile-menu { background-color: #fff; max-width: 428px; width: 100%; top: 0px; right: 0px; z-index:115; position: fixed; transition: transform 0.3s; height: 100vh; overflow-y: scroll; }
.mobile-blue { padding: 75px 50px 35px 50px; background-color: #00467f; color: #fff; }
.mobile-white { padding: 35px 50px 75px 50px; color: #00467f; }
.mobile-blue .nav li { padding: 5px 10px 5px 20px; }
.mobile-blue .nav li.parent { padding: 5px 10px; cursor: pointer; }
.mobile-blue .nav li, .mobile-blue .nav li a { color: #fff; font-family: 'Barlow', sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; }
.mobile-blue .nav li a:hover { color: #ffdf74; }
.mobile-blue .nav-child li a { display: block; padding: 4px 10px; clear: both; font-size: 12px; font-weight: 500; line-height: 14px; color: #ffdf74; }
.mobile-blue .parent span { background-image: url(../images/site-images/menu-accueil-plus-blanc.svg); background-repeat: no-repeat; background-position: 99% center; background-size: 11px 11px; }
.mobile-blue span.minus { background-image: url(../images/site-images/menu-accueil-moins-blanc.svg); }

.mobile-white .nav li { color: inherit; font-family: 'Exo 2', sans-serif; font-size: 20px; font-weight: 400; text-transform: uppercase; padding: 10px; cursor: pointer; width: 100%; }
 
.mobile-menu .nav li span { padding: 0 0 0 10px; display: block; } 
.mobile-menu .nav-child { padding: 10px 0 0; display: none; }
.mobile-blue .nav-child { padding: 5px 0 0; }
.mobile-white .nav-child a { display: block; padding: 6px 10px; clear: both; font-size: 14px; font-weight: 500; line-height: 18px; color: #676b6d; } 
.mobile-menu .nav-child li:hover { background-color: #00467f; }
.mobile-menu .nav-child li:hover a { color: #fff; }
.mobile-white .parent span { background-image: url(../images/site-images/menu-accueil-plus.svg); background-repeat: no-repeat; background-position: 99% center; background-size: 15px 15px; }
.mobile-white span.minus { background-image: url(../images/site-images/menu-accueil-moins.svg); }

#form-slide-right {top: 0;right: 0;transform: translateX(100%);}
#form-slide-right.is-active {transform: translateX(0);}
.zone-close { position: absolute; right: 20px; top: 20px; width: 24px; height: 24px; cursor: pointer; background: url(../images/close-icon-blanc.svg) no-repeat; color: #00467f; }
body.has-active-menu {overflow:hidden}
	
@media (max-width: 1250px) {
	.nav-collapse ul li { margin: 0 0 0 24px; }
	.nav-collapse ul li a, .nav-collapse ul li { font-size: 16px; }
} 
@media (max-width: 1030px) {
	.navigation { flex: none; margin: 0; padding: 0; position: absolute; right: 0; top: 0; border: none; }
	.nav-collapse { width:100%; display: none;  }
} 
@media (max-width: 675px) {
	.top-menu .nav { display: none; }
	.top-menu { height: 45px; }
	.navigation { top: -40px; border: none; }
	.mobile-bar { background-color: #fff; }
	.navbar .btn-navbar { margin: 0 20px 5px 5px; color: #fff; background-color: transparent; background-image: none; border: none; }
} 

/* slider */
.slider-container { width: 100%; height: calc(100vh - 187px); padding: 0; margin: 0; position: relative; }
.slider-background { background-color: #e9f3fa; margin: 0 auto; width: 94%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }
.slider-window-container { height: 100%; overflow-x:hidden; overflow-y: hidden; width:100%; position:relative; }
.slider-moving-container { left: 0; top: 0; position: relative; height: 100%; opacity: 0; }
.slider-item-container { float: left; display: flex; flex-wrap: nowrap; height: 100%; }
.slider-text-container { position: relative; width: 30%; height: 100%; float: left; padding: 0 4.5% 0 8%; display: table; }
.slider-text { display: table-cell; vertical-align: middle; }
.slider-text h2 { color: #00467f; font-size: 3vw; font-weight: 400; font-family: 'Exo 2', sans-serif; text-transform: uppercase; line-height: 1.2; }
.slider-text a, .repertoire a.savoir-plus { background-color: #b7a678; color: #fff; font-size: 1.15rem; font-weight: 400; font-family: 'Exo 2', sans-serif; text-transform: uppercase; line-height: 1; padding: 1rem; margin: 5px 0 0; display: inline-block; cursor: pointer; }
.slider-image-container { height: 100%; width: 70%; float: left; position: relative; padding: 8vh 0 8vh 5px; }
.slider-image { background-position: center; background-size: cover; width: 100%; height: 100%; }
.slider-navigation { position: absolute; bottom: 3vh; width: 70%; right: 0; text-align: center; }
.slider-navigation img { cursor: pointer; padding: 5px; margin: 0 10px; display: inline-block; }
.slider-navigation div { margin: 0 10px; display: inline-block; font-size: 13px; color: #b4b4b4; }
.pagination-faded { opacity: 0.4; cursor: default !important; }
.current-slide { color: #676b6d !important; }
@media (min-width: 1300px) {
	.slider-text h2 { font-size: 2.46rem; }
}
@media (max-width: 767px) {
	.slider-item-container { flex-wrap: wrap; }
	.slider-text-container { width: 100%; height: auto; padding: 4vh 15% 0 15%; display: inline-flex; }
	.slider-text h2 { font-size: 1.25rem; }
	.slider-text a, .repertoire a.savoir-plus { font-size: 0.875rem; padding: 0.5rem;  }
	.slider-image-container { height: 65%; width: 100%; padding: 2vh 0 60px 15%; }
}  

/* secondary pages */
/* title */
.blue-color-gradient { background: linear-gradient(.25turn, #054979, 63%, #61819e); }
.blue-text-container h1 { padding: 0; margin: 0; color: #fff; font-family: 'Exo 2', sans-serif; font-size: 5vw; font-weight: 400; line-height: 1.2; letter-spacing: 0.1vw; }
.blue-text-container h3 { padding: 0; color: #82a4bc; font-family: 'Barlow', sans-serif; font-size: 0.85vw; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.1vw; }
.breadcrumb { background-color: transparent; padding: 0; }
.breadcrumb .icon-location { display: none; }
.breadcrumb .divider {}
.breadcrumb li, .breadcrumb li.active, .breadcrumb > li > .divider, .breadcrumb li a { padding: 0; color: #82a4bc; font-family: 'Barlow', sans-serif; font-size: 1vw; font-weight: 400; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.1vw; text-shadow: none; }
@media (min-width: 1600px) {
	.blue-text-container h1 { font-size: 80px; }
	.breadcrumb li, .breadcrumb li.active, .breadcrumb > li > .divider, .breadcrumb li a { font-size: 16px; }
} 
@media (max-width: 1200px) {
	.breadcrumb li, .breadcrumb li.active, .breadcrumb > li > .divider, .breadcrumb li a { font-size: 12px; letter-spacing: 1px; }
} 
@media (max-width: 768px) {
	.blue-text-container { padding: 6vh 5.5% 6vh 18%; }
	.blue-text-container h1 { font-size: 40px; letter-spacing: 1px; }
} 
/* content */
/* mission et statuts; prix jl lebel */
.sec-content-container { display: flex; width: 100%; position: relative; }
.sec-content-left { flex: 1 1 33%; width: 33.33%; float: left; position: relative; padding: 50px 5%; }
.sec-content-right { flex: 1 1 67%; width: 66.67%; float: left; position: relative; padding: 50px 5%; }
.sec-content-left h2, .sec-content-right h2 { padding: 0 0 15px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 32px; font-weight: 400; line-height: 1.2; }
.sec-content-left h3, .sec-content-right h3 { padding: 0 0 10px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 26px; font-weight: 400; line-height: 1.2; }
.sec-content-left p, .sec-content-right p, .sec-content-left ul, .sec-content-right ul { padding: 0 0 24px 0; color: #676b6d; font-family: 'Barlow', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.5; margin: 0; }
.sec-content-left ul, .sec-content-right ul { padding-left: 20px; }
.sec-content-left li, .sec-content-right li { padding-bottom: 8px; line-height: 1.5; }
.sec-content-right .page-header { padding: 0; border: none; margin: 0; }
.sec-content-left .circle-container { width: 100%; position: relative; padding: 20% 0; text-align: center; }
.sec-content-left .circle-link { background-color: #8695ac; border-radius: 50%; width: 80%; position: relative; text-align: center; cursor: pointer; }
.sec-content-left .circle-link img { padding: 10% 0 7% 0; }
.gold-back { background-color: #b7a678; }
.gold-back p, .gold-back ul { color: #fff; }
.personnage-image { position: relative; border-radius: 50%; background-position: center; background-size: cover; width: 65%; padding-bottom: 65%; background-repeat: no-repeat; margin: 0 auto 40px auto; }
@media (max-width: 940px) {
	.sec-content-container { display: block; }
	.sec-content-left { width: 100%; }
	.sec-content-right { width: 100%; }
	.sec-content-left .circle-link { width: 30%; margin: 0 auto; }
	.sec-content-left .circle-container { padding:0; text-align: center; }
	.sec-content-left .circle-link img { padding: 12% 0 7% 0; }
	.sec-content-left .circle-link h2 { font-size: 2vw !important; letter-spacing: 0.1vw; padding: 0 22% 15% 22%; }
}

/* equipe */
.conseil-equipe-container h1 { padding: 0 0 35px 0; margin: 0; color: #b7a678; font-family: 'Exo 2', sans-serif; font-size: 32px; font-weight: 400; line-height: 1.2; text-transform: none; text-transform: uppercase; }
.conseil-equipe-container h2 { padding: 0 0 35px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 25px; font-weight: 400; line-height: 1.2; text-transform: none; }
.conseil-equipe-container p { padding: 0 0 35px 0; margin: 0; color: #676b6d; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; text-transform: none; }
.conseil-equipe-container h2+p { margin: -25px 0 0 0; }
/* conseil d'admin */
.conseil-equipe-container { padding: 10vh 16%; }
.conseil-container { display: flex; justify-content: space-around; width: 100%; padding: 40px 0 0 0; position: relative; flex-wrap: wrap; }
.conseil-container2 { display: block; width: 100%; padding: 0; position: relative; }
.conseil-item-container { flex: 0 1 26%; max-width: 26%; padding: 0 0 10vh 0; position: relative; text-align: center; }
.conseil-container2 .conseil-item-container { float: left; width: 37%; max-width: 37%; padding: 0 11% 10vh 0; position: relative; text-align: center; }
.conseil-item-image { position: relative; border-radius: 50%; background-position: center; background-size: cover; width: 160px; height: 160px; background-repeat: no-repeat; margin: 0 auto; }
.conseil-item-container h2, .ressources-item-container h2 { padding: 20px 0 5px 0; margin: 0; color: #054979; font-family: 'Exo 2', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; text-transform: uppercase; }
.conseil-item-container h2 sup, .ressources-item-container h2 sup { text-transform: lowercase; }
.conseil-item-container h3, .ressources-item-container h3 { padding: 0; margin: 0; color: #676b6d; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; }
.conseil-item-container h3+h3 { padding: 15px 0 0 0; }
/* équipe */
.equipe-container { width: 100%; display: flex; padding: 1rem 0 0; flex-wrap: wrap; position: relative; }
.conseil-item-container.for-equipe { flex: 0 1 33.33%; max-width: 33.33%; padding: 0 5% 10vh 5%; }
.conseil-item-image.for-equipe { width: 100%; padding-bottom: 100%; height: auto; background-repeat: no-repeat; margin: 0 auto; }
@media (max-width: 800px) {
	.equipe-container { justify-content: space-around; }
	.conseil-item-container, .conseil-item-container.for-equipe { flex: 0 1 34%; max-width: 34%; padding: 0 0 8vh 0; }
}
@media (max-width: 500px) {
	.conseil-item-container, .conseil-item-container.for-equipe { flex: 0 1 51%; max-width: 51%; padding: 0 0 8vh 0; margin: 0 auto; }
}

/* prix jl lebel */
.laureats-container { display: flex; justify-content: space-around; width: 100%; padding: 0; position: relative; flex-wrap: wrap; }
.laureats-container a, .laureats-container > div { float: left; width: 25%; margin: 2vh 2% 4vh 2%; padding: 0; position: relative; text-align: center; }
.laureats-item-container { position: relative; width: 100%; text-align: center; }
.laureats-item-image { position: relative; border-radius: 50%; background-position: center; background-size: cover; width: 100px; height: 100px; background-repeat: no-repeat; margin: 0 auto; }
.laureats-item-container h2 { padding: 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 13px !important; font-weight: 400; line-height: 1.2; text-transform: uppercase; }
.laureats-item-container h2 sup { text-transform: lowercase; }
.laureats-item-container h3 { padding: 20px 0 5px 0; margin: 0; color: #676b6d; font-family: 'Barlow', sans-serif; font-size: 16px !important; font-weight: 400; line-height: 1.2; }
@media (max-width: 1200px) {
	.laureats-container a, .laureats-container > div { width: 33.33%; margin: 2vh 2% 2vh 2%; }
}
@media (max-width: 940px) {
	.laureats-container a, .laureats-container > div { width: 25%; margin: 2vh 2% 2vh 2%; }
}
@media (max-width: 600px) {
	.laureats-container a, .laureats-container > div { width: 33.33%; margin: 2vh 2% 2vh 2%; }
}

/* rapports annuels */
.rapports-annuels-container { padding: 10vh 16% 4vh 16%; background-color: #f3f4f7; width: 100%; position: relative; }
.rapport-annuel { float: left; width: 25%; padding: 0 2% 6vh 2%; position: relative; text-align: center; }
.rapport-annuel-image { position: relative; background-position: center; background-size: cover; width: 100%; padding-bottom: 130%; background-repeat: no-repeat; }
.rapport-annuel h2 { padding: 20px 0 5px 0; margin: 0; color: #054979; font-family: 'Exo 2', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; text-transform: uppercase; }
@media (max-width: 1200px) {
	.conseil-equipe-container, .rapports-annuels-container { padding: 10vh 10%; }
}
@media (max-width: 600px) {
	.rapport-annuel { width: 33.33%; }
}
/* devenir membre */
.full-content-container { width: 100%; padding: 10vh 18% 12vh 18%; position: relative; }
.content-text.dev-membre {padding: 0 2rem; }
.full-content-container p, .full-content-container ul, .full-content-container ol { padding: 0 0 24px 0; color: #676b6d; font-family: 'Barlow', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.5; margin: 0; }
.full-content-container ul, .full-content-container ol { padding-left: 30px; }
.full-content-container li { line-height: 1.5; }
/* formulaire */
.form-title-holder { background-color: #054979; padding: 2rem; width: 100%; margin: 0; position: relative; }
.form-title-holder h2 { color: #fff; margin: 0; font-size: 30px; font-weight: 400; }
.form-input-section { background-color: #e9f3fa; padding: 2rem 2rem 1rem 2rem; width: 100%; margin: 1rem 0; position: relative; }
.form-input-section h2 { color: #054979; text-transform: uppercase; margin: 0 0 15px 0; font-weight: 400; font-size: 25px;  } 
.form-input-section p { color: #054979; padding: 0 0 5px 0; } 
.form-input-section.grey-text p { color: #676b6d; } 
.form-input-section-full { float: left; width: 100%; padding: 0 0 1rem 0; }
.form-input-section-left { float: left; width: 54%; padding: 0 8% 1rem 0; }
.form-input-section-right { float: left; width: 46%; padding: 0 0 1rem 0; }
.form-split-sides-left { float: left; width: 54%; padding: 0 8% 0 0; }
.form-split-sides-right { float: left; width: 46%; padding: 0 0 1rem 0; }
.form-split-sides-left .form-input-section-left,
.form-split-sides-right .form-input-section-right { width: 100%; padding: 0 0 1rem 0; }
.form-input-section input[type=text],
.form-input-section input[type=email],
.form-input-section select { width: 100%; padding: 3px 8px; color: #676b6d; font-size: 1rem; font-weight: 400; line-height: 1; border: 1px #fff solid; height: 30px; border-radius: 0px; box-shadow: none; }
input[type="checkbox"], input[type="radio"] { position: absolute; opacity: 0; width: 20px; height: 20px; }
input[type="checkbox"]+span, input[type="radio"]+span { cursor: pointer; font-size: 22px; color: #676b6d; }
input[type="checkbox"]+span:before, input[type="radio"]+span:before { content: ''; border: none; border-radius: 0; display: inline-block; width: 16px; height: 16px; margin-right: 0.5em; margin-top: 0.5em; vertical-align: -2px; background-color: #fff; }

/* Checked checkbox style (in this case the background is red) */
input[type="checkbox"]:checked+span:before, input[type="radio"]:checked+span:before {
  /* NOTE: Replace the url with a path to an SVG of a checkmark to get a checkmark icon */
  background-image: url('../images/site-images/checkbox.png');
  background-repeat: no-repeat;
  background-position: center;
  /* The size of the checkmark icon, you may/may not need this */
  background-size: 16px;
  border-radius: 2px;
  background-color: #e7ffba;
  color: white;
}

/* Adding a dotted border around the active tabbed-into checkbox */
input[type="checkbox"]:focus+span:before,
input[type="checkbox"]:not(:disabled)+span:hover:before,
input[type="radio"]:focus+span:before,
input[type="radio"]:not(:disabled)+span:hover:before {
  /* Visible in the full-color space 
  box-shadow: 0px 0px 0px 2px rgba(0, 150, 255, 1);*/

  /* Visible in Windows high-contrast themes
     box-shadow will be hidden in these modes and
     transparency will not be hidden in high-contrast
     thus box-shadow will not show but the outline will
     providing accessibility */
  outline-color: transparent; /*switch to transparent*/
  outline-width: 2px;
  outline-style: dotted;
  }


/* Disabled checkbox styles */
input[type="checkbox"]:disabled+span, input[type="radio"]:disabled+span {
  cursor: default;
  color: black;
  opacity: 0.5;
}
.form-input-section button { background-color: #054979; padding: 15px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: 0.1rem; border: none; text-transform: uppercase; margin: 1rem 0; }
#soumettre-recherche { background-color: #054979; padding: 5px 10px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: 0.1rem; border: none; text-transform: uppercase; margin: 0; }
.red { color: #ff0000 !important; }
@media (max-width: 850px) {
	.form-input-section-left, .form-split-sides-left { width: 100%; padding: 0 0 1rem 0; }
	.form-input-section-right, .form-split-sides-right { width: 100%; }
}
/* ressources pour juristes */
.ressources-container { position: relative; width:100%; border-bottom: 1px solid #d1d2d3; padding: 0 0 40px 0; margin: 0 0 40px 0; }
.ressources-container:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.ressources-image { position: relative; width: 38%; float: left; padding: 0 5.5% 0 0; }
.ressources-image img { width: auto; display: inline-block; }
.ressources-info { position: relative; width: 62%; float: left; }
.ressources-info h2 { padding: 0 0 15px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 25px; font-weight: 400; line-height: 1.2; }
.ressources-info h4 { padding: 0; margin: 0; color: #054979; font-family: 'Barlow', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; text-transform: uppercase; }
@media (max-width: 750px) {
	.ressources-image { width: 100%; padding: 0 0 2rem; margin: 0 auto; }
	.ressources-info { width: 100%; }
}
/* portail des membres */
.circle-pdm-container { width: 100%; position: relative; padding: 10vh 10%; display: flex; justify-content: space-evenly; text-align: center; }
.circle-pdm-item { width: 33%; padding: 0 4%; float: left;  }
.circle-pdm-link { background-color: #d4bb72; border-radius: 50%; width: 100%; position: relative; float: left; text-align: center; cursor: pointer; margin-bottom: 25px; }
.circle-pdm-link img { width: 50%; position: relative; padding: 13% 0 11% 0; }
.circle-pdm-link h2 { padding: 0 22% 15% 22%; color: #fff; font-family: 'Exo 2', sans-serif; font-size: 1.4vw; font-weight: 400; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.1vw; }
.circle-pdm-item p { padding: 0; color: #676b6d; font-family: 'Barlow', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.5; }
/* offres d'emploi */
.offres-container { position: relative; width:100%; border-bottom: 1px solid #d1d2d3; padding: 0 0 40px 0; margin: 0 0 40px 0; }
.offres-container:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.offres-info { position: relative; width: 100%; }
.offres-info h2, .offres-single-container h2, .content-text h2 { padding: 0 0 15px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 25px; font-weight: 400; line-height: 1.2; }
.content-text h3 { padding: 0 0 5px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.2; }
.offres-info h3 { padding: 0 0 15px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; }
.offres-info h4 { padding: 0; margin: 0; color: #054979; font-family: 'Barlow', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; text-transform: uppercase; }
.offres-info a { display: inline-block; background-color: #b7a678; padding: 12px 15px; color: #fff; font-family: 'Exo 2', sans-serif; font-size: 15px; font-weight: 400; line-height: 1; text-transform: uppercase; letter-spacing: 1px; }
.retour-container { position: absolute; top: 12vh; left: 3%; }
.retour-container a { color: #676b6d; font-family: 'Barlow', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 1px; padding: 5px; }
.offres-single-container h3 {  padding: 0 0 24px 0; color: #054979; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0;  }
.offres-single-container h4 {  padding: 0 0 6px 0; color: #054979; font-family: 'Barlow', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; margin: 0; text-transform: uppercase; }

/* ateliers */
.oopsaccordioncontainer { border-top: 1px solid #d1d2d3; width: 100%; }
h2.oopsaccordion { width: 100%; padding: 25px 0; cursor: pointer; font-size: 30px; background-image: url(../images/site-images/plus-sign.png); background-repeat: no-repeat; background-position: right 20px bottom 20px; background-size: 40px 40px; }
h2.oopsaccordion.small { font-size: 22px; color: #676b6d; }
.oopsaccordion.active { background-image: url(../images/site-images/minus-sign.png); background-repeat: no-repeat; background-position: right 20px bottom 20px; background-size: 40px 40px; }
.oopsaccordioncontainer h3 { padding: 0; color: #054979; font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: 600; line-height: 1.5; margin: 0; text-transform: uppercase; }
.oopsaccordioncontainer h2+div p:last-child { padding-bottom: 50px; } 
.oopspanel { width: 100%; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: 1px solid #d1d2d3; margin: 0; }
.oopsaccordion.active .oopspanel { margin: 0 0 25px; }
/* ressources enseignants */
.light-blue-back { background-color: #f3f4f7; }
/* ressources grand public */
.ressourcesgp { display: flex; width: 100%; position: relative; padding: 10vh 18% 6vh 18%; flex-wrap: wrap; }
.ressourcesgp-item-container { float: left; width: 25%; padding: 0 3% 6vh 3%; position: relative; text-align: center; }
.ressourcesgp-item-image { position: relative; border-radius: 50%; background-position: center; background-size: 50% 50%; width: 100%; padding-bottom: 100%; background-repeat: no-repeat; }
.ressourcesgp-item-container h2 { padding: 20px 0 5px 0; margin: 0; color: #054979; font-family: 'Exo 2', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; text-transform: uppercase; }
.ressourcesgp div:nth-child(9n+1) .ressourcesgp-item-image { background-color: #d4bb72; }
.ressourcesgp div:nth-child(9n+2) .ressourcesgp-item-image { background-color: #8695ac; }
.ressourcesgp div:nth-child(9n+3) .ressourcesgp-item-image { background-color: #ae5044; }
.ressourcesgp div:nth-child(9n+4) .ressourcesgp-item-image { background-color: #ffdf74; }
.ressourcesgp div:nth-child(9n+5) .ressourcesgp-item-image { background-color: #6baedf; }
.ressourcesgp div:nth-child(9n+6) .ressourcesgp-item-image { background-color: #f4bb5b; }
.ressourcesgp div:nth-child(9n+7) .ressourcesgp-item-image { background-color: #676b6d; }
.ressourcesgp div:nth-child(9n+8) .ressourcesgp-item-image { background-color: #b7a678; }
.ressourcesgp div:nth-child(9n+9) .ressourcesgp-item-image { background-color: #e7f0fa; }
/* resources single page */
.ressources-singlepage-container { display: flex; flex-wrap: wrap; position: relative; width: 100%; }
.ressources-item-container { float: left; width: 25.33%; margin: 0 4%; position: relative; padding: 0 0 8vh 0; text-align: center; }
.ressources-item-container p { font-size: 16px; }
.ressources-item-image { position: relative; background-position: center; background-size: cover; width: 100%; padding-bottom: 130%; background-repeat: no-repeat; border: 1px #ccc solid; }
.align-left { text-align: left; }
/* quoi de neuf */
.pager { margin: 18px 0; list-style: none; text-align: center; *zoom: 1; padding: 20px 0 !important; }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #fff; }

/* trouver un avocat */
.avocat-phrase { width: 100%; position: relative; padding: 50px 5%; text-align: center; background-color: #ffdf74; color: #15537f; font-size: 22px; line-height: 1.5; }
.recherche-input-container { width: 100%; padding: 0 0 20px 0; }
.recherche-input-container input, .recherche-input-container select { width: 100%; padding: 5px 10px; font-size: 16px; color: #676b6d; font-weight: 400; line-height: 1; height: auto; border-radius: 0; }
.recherche-input-container .choix { }
.repertoire { position: relative; padding: 0 0 2.5rem 0; margin: 0 0 2rem 0; border-bottom: solid 1px #d1d2d3; }
.lancer-recherche { background-color: #054979; color: #fff; font-size: 1.15rem; font-weight: 400; font-family: 'Exo 2', sans-serif; text-transform: uppercase; line-height: 1; padding: 1rem; margin: 5px 0 0; display: inline-block; }

/* calendar  ================================================================================ */
.post-143, .post-145 { width: 100%; padding: 0 30px;}
.calendar-container { position: relative; width: 100%; }
.calendar-title { position: relative; width: 100%; text-align: center; padding: 1rem 0; margin: 0 0 2rem 0;}
.calendar-title h3 { padding: 0; margin: 0; color: #00467f; font-weight: 400; font-size: 25px; font-size: 2em; letter-spacing: 0.14rem; text-transform: uppercase; }
.calendar-nav-left, .calendar-nav-right { position: absolute; top: 50%; transform: translate(0%, -50%); }
.calendar-nav-left { left: 0; }
.calendar-nav-right { right: 0; }
.calendar-nav-left a, .calendar-nav-right a { color: #00467f; }
.calendar-nav-left img, .calendar-nav-right img { padding: 5px; }

.calendar-row { display: flex; position: relative; width: 100%; }
.calendar-day { width: 14.25%; background-color: #054979; padding: 0.5rem; margin: 0.25rem; position: relative; float: left; text-align: center; border-left: none !important; }
.calendar-day h3 { font-size: 1.10vw; padding: 0; margin: 0; color: #fff; font-weight: 400; text-transform: uppercase; }
.calendar-date { background-color: #e9f3fa; width: 14.25%; padding: 1%; margin: 0.25rem; position: relative; float: left; min-height: 15vh; }
.juriste-date { background-color: #a4b0c1; }
.grandpublic-date { background-color: #ffdf74; }
.no-events { background-color: #e9f3fa; padding: 1.5rem 1rem 1rem 1rem !important; }
.calendar-date h4 { font-size: 1.70vw; padding: 0 0 0.75rem; margin: 0 0 0.5rem 0; color: #445570; font-weight: 700; }
.today { border: 2px solid #000; }
.calevent-holder { margin: 0 0 1rem; cursor: pointer; }
.calevent-holder h3 { color: #676b6d; font-size: 1.10vw; font-weight: 400; padding: 0; margin: 0 0 0.4rem 0; }
.calevent-holder h2 { color: #676b6d; font-weight: 400; padding: 0 0 1rem; margin: 0; font-size: 1.1vw; text-transform: uppercase; line-height: 1.3vw; }
.calevent-holder hr { width: 7.5%; float: left; background-color: #000; border: 0; height: 1px; margin: 0; }
.calendar-date div:last-child { margin: 0; }
.calendar-date div:last-child hr { display: none; }
.calendar-legend-container { position: relative; padding: 2rem 28.5%; width: 100%; }
.calendar-legend-left { position: relative; width: 66.66%; float: left; text-align: left; padding: 0 33.33% 0 0; }
.calendar-legend-left .calendar-legend-box { background-color: #a4b0c1; }
.calendar-legend-right { position: relative; width: 33.33%; float: left; text-align: left }
.calendar-legend-box { width: 2rem; height: 2rem; float: left; border-radius: 2px; margin: 0 1rem 0 0.25rem; }
.calendar-legend-right .calendar-legend-box { background-color: #ffdf74; }
.calendar-legend-text { width: calc( 100% - 3.25rem); float: left; padding: 0.5rem 0 0; text-transform: uppercase; }
.calendar-event-info-container { min-height: 100vh; min-width: 100vw; position: fixed; background-color:rgba(68,85,112,0.95); z-index: 10001; margin: 0; top: 0; left: 0; right: 0; bottom: 0; overflow-y: scroll; }
.close-button { position: absolute; top: 0; right: 0; padding: 1vw; cursor: pointer; }
.close-button img { width: 25px; }
.calendar-event-info { width: 80vw; min-height: calc(100% - 16vh); display: flex; margin: 8vh 10vw; }
.calendar-event-text { position: relative; width: 68.5%; float: left; background-color: #fff; padding: 5%; margin: 0; }
.calendar-event-text h2 { color: #445570; font-size: 2.25vw; font-weight: 400; padding: 0; margin: 0; }
.calendar-event-text h3 { color: #7b97a9; font-size: 1.25vw; font-weight: 400; padding: 0 0 1.5vw; margin: 0; text-transform: uppercase; }
.calendar-event-text p { color: #58585a; font-size: 1.4vw; font-weight: 400; padding: 0 0 1.5vw; margin: 0; }
.calendar-event-extra { position: relative; width: 31.5%; float: left; background-color: #69778d; }
.calendar-event-image { background-position: center; background-size: cover; width: 100%; padding-bottom: 100%; }
.calendar-event-extra-text { position: relative; width: 100%; padding: 10%; color: #fff; }
.calendar-event-icon { width: 40px; text-align: left; float: left; clear: both; }
.calendar-event-extra-info { width: calc(100% - 40px); float: left; font-size: 1.2vw; font-weight: 400; padding: 0 0 1.4vw; }

.calendar-event-mobile-holder { display: none; }
.calendar-event-mobile-item { cursor: pointer; padding: 1rem; margin-bottom: 1rem; }
.calendar-event-mobile-item h2 { font-weight: 400; text-transform: uppercase; font-size: 1rem; margin: 0; padding: 0; }
.calendar-event-mobile-item h3 { font-weight: 400; font-size: 1rem; margin: 0; padding: 0 0 0.3rem; }
.calendar-event-mobile-item h4 { color: #054979; font-weight: 700; text-transform: uppercase; font-size: 1rem; margin: 0; padding: 0 0 0.5rem; }
@media (max-width: 1000px) {
	.calendar-legend-container { padding: 2rem 15%; }
}
@media (max-width: 900px) {
	.calevent-holder h3 { font-size: 1.5vw; margin: 0 0 0.3rem 0; }
	.calevent-holder h2 { padding: 0 0 1rem; font-size: 1.5vw; line-height: 1.8vw; }
}
@media (max-width: 767px) {
	.calendar-event-mobile-holder { display: block; }
	.calendar-row { display: none; }
}
@media (max-width: 650px) {
	.calendar-legend-left { width: 100%; padding: 0 0 2rem 0; }
	.calendar-legend-right { width: 100%; }
	.calendar-legend-container { padding: 2rem 15% 0 15%; }
}

.single-content-text h2 { padding: 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 36px; font-weight: 400; line-height: 1.2; }
.single-content-text h3 { padding: 0 0 5px; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 28px; font-weight: 400; line-height: 1.2; }
.single-content-text h4 { padding: 0 0 25px; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.2; }

@media (max-width: 1200px) {
	.ressourcesgp { padding: 8vh 10% 4vh 10%; }
	.retour-container { position: absolute; top: 6vh; left: 3%; }
}
@media (max-width: 900px) {
	.ressourcesgp-item-container { width: 33.33%; padding: 0 3% 6vh 3%; }
	.ressources-item-container { width: 46%; margin: 0 2%; padding: 0 0 6vh 0; }
}
@media (max-width: 600px) {
	.ressourcesgp-item-container { width: 50%; padding: 0 3% 6vh 3%; }
}
@media (max-width: 500px) {
	.ressources-item-container { width: 100%; margin: 0; padding: 0 0 40px 0; }	
}
/* infolettre */
/*.max-content-container { width: 100%; padding: 2.5%; position: relative; }
.infolettre-container { display: flex; flex-wrap: wrap; position: relative; width: 100%; }
.infolettre-container a { background-color: #e9f3fa; float: left; width: calc(25% - 20px); margin: 10px; position: relative; }
.infolettre-item-container { width: 100%; padding: 30px 30px 60px 30px; position: relative; text-align: left; }
.infolettre-item-container h2 { padding: 0 0 3px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 25px; font-weight: 400; line-height: 1.2; }
.infolettre-item-container h3 { padding: 0 0 5px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.2; }
.infolettre-item-container h4 { padding: 0 0 15px 0; margin: 0; color: #054979; font-family: 'Exo 2', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; text-transform: uppercase; }
.infolettre-item-container ul, .infolettre-item-container p { font-size: 16px; line-height: 1.5; }
@media (max-width: 1300px) {
	.infolettre-container a { width: calc(33.33% - 20px); }
}
@media (max-width: 900px) {
	.infolettre-container a { width: calc(50% - 20px); }
}
@media (max-width: 600px) {
	.infolettre-container a { width: calc(100% - 20px); }
}*/
#acyarchivelisting { width: 100%;  padding: 2.5%; position: relative; }
#acyarchivelisting h1 { display: none; }
#orderingoption { width: 100%; display: block; text-align: right; }
#orderingoption:after { content: ""; display: table; clear: both;}
#acyarchivelisting .archiveRow { background-color: #e9f3fa; float: left; width: calc(25% - 20px); margin: 10px; position: relative; border: 30px solid #e9f3fa; text-align: left; clear: none; height: 300px; overflow-y: hidden; }
#acyarchivelisting .archivePagination { clear: both; padding: 20px 0; }
#acyarchivelisting .acyarchivetitle { padding: 0 0 3px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 25px; font-weight: 400; line-height: 1.2; }
#acyarchivelisting .archiveRow h3 { padding: 0 0 5px 0; margin: 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.2; }
#acyarchivelisting .sentondate { padding: 0 0 15px 0; margin: 0; color: #054979; font-family: 'Exo 2', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; text-transform: uppercase; }
#acyarchivelisting .archiveRow ul, #acyarchivelisting .archiveRow .archiveItemDesc { font-size: 16px; line-height: 1.5; }
@media (max-width: 1300px) {
	#acyarchivelisting .archiveRow { width: calc(33.33% - 20px); }
}
@media (max-width: 900px) {
	#acyarchivelisting .archiveRow { width: calc(50% - 20px); }
}
@media (max-width: 600px) {
	#acyarchivelisting .archiveRow { width: calc(100% - 20px); }
}

/* english */
.sec-content-left.no-padding { padding: 0; }
.conseil-equipe-container.no-top-padding { padding-top: 0; }
.conseil-equipe-container.no-bottom-padding { padding-bottom: 0; }

/* home page */
/* circle links */
.circle-container { width: 100%; position: relative; padding: 10vh 5%; display: flex; flex-wrap: wrap; }
.circle-link { background-color: #d4bb72; border-radius: 50%; width: 22%; margin: 0 5.6666%; position: relative; float: left; text-align: center; cursor: pointer; }
.grey { background-color: #8695ac; }
.dark-grey { background-color: #676b6d; }
.circle-link img { width: 50%; position: relative; padding: 10% 0 2% 0; }
.circle-link h2 { padding: 0 22% 15% 22%; color: #fff; font-family: 'Exo 2', sans-serif; font-size: 1.4vw; font-weight: 400; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.1vw; }
/* devenir membre */
.devenir-membre { justify-content: space-around; padding: 10vh 10%; }
.devenir-membre .circle-link { width: 29%; }
@media (max-width: 1300px) {
	.circle-link h2 { padding: 0 22% 10% 22%; }
}
@media (max-width: 768px) {
	.circle-link { width: 40%; margin: 0 5%; }
	.devenir-membre .circle-link { width: 45%; margin: 0;  }
	.dark-grey { margin: 40px auto 0 auto; }
	.circle-link h2 { padding: 0 22% 15% 22%; font-size: 2.5vw;  }
	.devenir-membre .circle-link h2 { padding: 0 22% 7% 22%; font-size: 2.5vw;  }
}
/* text area blue */
.blue-text-container { position: relative; background-color: #00467f; padding: 8vh 5.5% 8vh 18%; width: 100% }
.blue-text-container h2 { padding: 0; color: #80a3bf; font-family: 'Exo 2', sans-serif; font-size: 2.8vw; font-weight: 400; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.1vw; }
.triangles { position: absolute; top: -2vw; left: 0; height: 30vh; max-width: 16%; }
.triangles img { height: 100%; width: auto; }
/* latest articles */
.latest-articles-container { width: 100%; }
.latest-article-item { float: left; width: 50%; padding: 0 5% 0 0; }
.latest-article-item h2 { padding: 0 0 15px 0; color: #ffdf74; font-family: 'Exo 2', sans-serif; font-size: 25px; font-weight: 400; line-height: 1.2; text-transform: none; }
.latest-article-item p { padding: 0; color: #fff; font-family: 'Barlow', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.5; margin: 0; }
.latest-article-item p a { color: #82a4bc; }
/* latest articles single */
.latest-articles-image-holder { width: 100%; max-width: 600px; position: relative; padding: 0 0 2rem; margin: 0; }
@media (max-width: 850px) {
	.latest-article-item { width: 100%; padding: 0 0 2rem; }
	.latest-articles-container div:nth-child(2) { padding: 1rem 0 0; border-top: #d4bb72 solid 1px; }
}
/* sponsor and about text */
.sponsor-about-container { position: relative; display: flex; width: 100%; }
.sponsor-container { position: relative; flex: 1 1 33%; float: left; width: 33.33%; }
.sponsor-item  { position: relative; height: 33.33%; border-bottom: #dbd2bb 1px solid; width: 100%; padding: 40px 15%; }
.sponsor-item img  { margin: 0 0 15px 0; }
.sponsor-item p { padding: 0; color: #676b6d; font-family: 'Barlow', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.2; margin: 0; }
.sponsor-container div:nth-child(3) { border-bottom: none; }
.about-ajefa-container { flex: 1 1 67%; float: left; width: 66.67%; background-color: #b7a678; padding: 10vh 7.5%; }
.about-ajefa-container h2, .infolettre-abonnement-container h2 { padding: 0 0 15px 0; color: #00467f; font-family: 'Exo 2', sans-serif; font-size: 32px; font-weight: 400; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.1vw; text-align: left; }
.about-ajefa-container p, .infolettre-abonnement-container p { padding: 0; color: #fff; font-family: 'Barlow', sans-serif; font-size: 22px; font-weight: 400; line-height: 1.5; margin: 0; }
.infolettre-abonnement-container { background-color: #b6bfcd; padding: 10vh 15%; text-align: center; clear: both; }
.infolettre-abonnement-container h2, .infolettre-abonnement-container p { color: #00467f; text-align: left; display: inline-block; width: 100%; max-width: 815px; }
.acymailing_module_ajefa { max-width: 815px; margin: 0 auto !important; padding: 35px 0 0 0; }
.acymailing_module_ajefa input[type=text] { width: 100%; padding: 3px 8px; color: #00467f; font-size: 1rem; font-weight: 400; line-height: 1; border-top: none; border-right: none; border-left: none; border-bottom: 1px #00467f solid; height: 30px; border-radius: 0px; box-shadow: none; background-color: transparent; margin: 15px 0 0 0; }
.acymailing_form_ajefa div:nth-child(-n+2) { width: calc(50% - 52.5px); padding: 0 3.5% 0 0; float: left; }
.acymailing_form_ajefa div:nth-child(3) { width: 105px; float: right; }
.btn-primary_ajefa { padding: 12px; color: #fff; text-transform: uppercase; border-radius: 0; background-color: #00467f; background-image: none; font-family: 'Exo 2', sans-serif; font-size: 15px; font-weight: 400; }

@media (max-width: 900px) {
	.sponsor-about-container { display: block; }
	.sponsor-container { width: 100%; }
	.sponsor-item  { height: auto; }
	.about-ajefa-container { width: 100%; padding: 6vh 2.5rem 10vh 2.5rem; }
	.full-content-container { padding-left: 40px; padding-right: 40px; } 
}

@media (max-width: 1280px) {
	.sec-content-left p, .sec-content-right p, .sec-content-left ul, .sec-content-right ul, .full-content-container p, .full-content-container ul, .full-content-container ol, .circle-pdm-item p, .latest-article-item p, .sponsor-item p, .avocat-phrase { font-size: 16px; }
	.sec-content-left h2, .sec-content-right h2 { font-size: 24px; }
	.sec-content-left .circle-link h2 { font-size: 1.2vw; padding: 0 22% 15% 22%; }
	.sec-content-left h3, .sec-content-right h3 { font-size: 20px; }
	input[type="checkbox"]+span, input[type="radio"]+span { font-size: 16px; }
}
@media (max-width: 767px) {
	.acymailing_form_ajefa div:nth-child(-n+2) { width: 100%; padding: 0 0 1rem 0; float: left; }
	.acymailing_form_ajefa div:nth-child(3) { width: 105px; float: left; padding: 0.5rem 0 0 0; }
}

@media (max-width: 720px) {
	.sec-content-left .circle-link { width: 45%; }
	.sec-content-left .circle-link h2 { font-size: 3vw !important; }
}

/* footer */
/* contact */
.footer-contact-map-container { display: flex; width: 100%; position: relative; height: 100%; }
.footer-contact { width: 33%; float: left; position: relative; background-color: #676b6d; padding: 40px; }
.footer-contact h2 { padding: 0 0 15px 0; color: #fff; font-family: 'Exo 2', sans-serif; font-size: 25px; font-weight: 400; line-height: 1.2; text-transform: none; letter-spacing: 0.1vw; }
.footer-contact p { padding: 0; color: #fff; font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0; }
.footer-contact a { color: #fff; }
.footer-social-media-item { float: left; position: relative; padding: 15px 20px 0 0; }
.footer-map { width: 67%; float: left; position: relative; }
.footer-map .custom, .footer-map .custom iframe { height:100%; width:100%; border:0; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden;  /* Fix for transition flickering */ }
.footer-bottom { width: 100%; background-color: #333333; padding: 40px; }
.footer-bottom-left { position: relative; float: left; width: 50%; text-align: left; padding: 0 5% 0 0; }
.footer-bottom-right { position: relative; float: right; width: 50%; text-align: right; padding: 0 0 0 5%; }
.footer-right-logo { float: left; position: relative; width: 118px; padding: 0 0 0 22px; }
.footer-right-text { float: left; position: relative; width: calc(100% - 118px); text-align: right; }
.footer-bottom p { padding: 0; color: #aaa; font-family: 'Barlow', sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; margin: 0; }
.footer-bottom a { color: #aaa; }
.footer-bottom a:hover { color: #fff; }

@media (max-width: 900px) {
	.footer-contact-map-container { display: block; }
	.footer-contact { width: 100%;  }
	.footer-map { width: 100%; height: 350px; }
}
@media (max-width: 600px) {
	.footer-bottom-left { width: 100%; padding: 0; }
	.footer-bottom-right { float: left; width: 100%; text-align: left; padding: 2rem 0 0; }
	.footer-right-logo { padding: 1rem 0 0; }
	.footer-right-text { width: 100%; text-align: left; }
}

/* sondage */
.sondage-entry-holder { position: relative; width: 100%; padding: 20px 10%; text-align: center; background-color: #b7a678; color: #fff; font-size: 16px; }
.sondage-holder { position: fixed; top:0; bottom: 0; left: 0; right: 0; height: 100vh; width: 100%; z-index: 112; overflow-y:scroll; overflow-x:hidden; }
.sondage-section { position: relative; width: 80%; max-width: 900px; margin: 10vh auto; background-color: #fff; }
.sondage-top-info { padding: 70px 50px 50px 50px; background-color: #e9f3fa; color: #054979; } 
.sondage-questions { padding: 50px; background-color: #fff; color: #000; } 
.sondage-section p { padding: 0; font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; }
.sondage-section ol { padding: 0 0 0 20px; margin: 0; }
.sondage-section li { padding: 0 0 30px 0; color: #000; font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.5; margin: 0; }
.sondage-section input[type="checkbox"]+span:before, 
.sondage-section input[type="radio"]+span:before { border: 1px solid #ddd; }
.sondage-section input[type="checkbox"]+span, 
.sondage-section input[type="radio"]+span { font-size: 20px; color: #000; }
.sondage-section button { background-color: #054979; padding: 15px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: 0.1rem; border: none; text-transform: uppercase; margin: 1rem 0; }
.sondage-section .close-button { position: absolute; padding: 0; right: 20px; top: 20px; width: 24px; height: 24px; cursor: pointer; background: url(../images/close-icon-blanc.svg) no-repeat; color: #00467f; }
.close-sondage-entry { position: absolute; padding: 0; right: 20px; top: 20px; width: 24px; height: 24px; cursor: pointer; background: url(../images/close-icon-blanc.svg) no-repeat; color: #00467f; }