/*
Theme Name: FapaSeniors21
Author: L'équipe Maad
Version: 1
*/
/*
font-family:"Alan Sans", sans-serif; 300 - 900
Bleu : #2ab5ae
Rouge : #d21241
Dégradé bleu : #00bec0 à #248582
*/
*, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html, body{width:100%;height:100%;}
body{color:#111;background:#fff; font-family:"Alan Sans", sans-serif; font-weight:400;font-size:18px;}
a{color:#111;text-decoration:underline;}
a:hover, a:focus{color:#111;text-decoration:underline;}
a img, th img, td img{vertical-align:top;border:none;}
h1, h2, h3, h4, h5{cursor:default;font-weight:700;}
a h1, a h2, a h3, a h4, a h5{cursor:pointer;}
h1{font-size:220%;} h2{font-size:200%;} h3{font-size:180%;} h4{font-size:160%;} h5{font-size:140%;}
ul{list-style:none;}
hr{border:none;border-top:2px solid #dcdcdc;margin:30px 0;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;vertical-align:top;}
thead th, thead td{font-weight:bold;vertical-align:bottom;}
img, video, audio, embed, object{max-width:100%;}
img, video, embed, object{height:auto;}
embed, object{height:100%;}
img{vertical-align:middle;}
.alignright{float:right;margin:0 0 25px 20px;}
.alignleft{float:left;margin:0 20px 25px 0;}
.aligncenter{margin:0 auto 25px auto;}
.centerdiv{ width:calc(100% - 5vw); padding-right:5vw; padding-left:5vw; margin:0 auto; position:relative; }
.centerdivxs{ max-width:940px; }
.clear{position:relative;overflow:auto;clear:both;}
#blocmap img{height:auto!important;max-width:none !important;}
.svg{}
.no-svg{}

.bt{ background:#d21241; color:#fff; font-weight:600; font-size:105%; text-decoration:none; border-radius:50px; padding:17px 22px; display:inline-block; transform: scale(1.0); transition:all .3s; }
a.bt:hover, a.bt:focus{ text-decoration:none; color: #fff; transform: scale(1.05); }
.bt:after{ content: " \f061"; font-family: "Font Awesome 6 Free"; transform: rotate(-45deg); font-weight: 900; font-size: 120%;position: relative;top: 2px;margin-left: 7px; margin-top: -2px;display: inline-block;}
.bt_w{ background:#fff; color:#d21241; }
.bt_w:hover, .bt_w:focus{ color: #d21241 !important; }
.bt_b{ background:#212d2c; color:#fff; border:2px solid #fff; }
.bt_b:hover, .bt_b:focus{ color: #fff !important; }
.bt_w:after, .bt_b:after{ display:none; }
.bt svg{font-size: 120%;position: relative;top: 2px;margin-right: 5px;}

#cookie-notice #cn-close-notice { right: 1.5vw !important; }
#cookie-notice #cn-notice-buttons { margin: 0 0 0 1vw !important; }
#cookie-notice #cn-notice-buttons a { font-family:"Alan Sans", sans-serif !important; color: #000 !important; background: #fff !important; margin: .5vw .25vw !important; border-radius: 5vw !important; }
#cookie-notice { font-family:"Alan Sans", sans-serif !important; background: #1a1a1a !important; left: 1vw !important; right: 1vw !important; bottom: 1vw !important; width: 98vw !important; min-width: 98vw !important; border-radius: 5vw !important; }
#cookie-notice .cookie-notice-container { padding: 0.5vw 1vw !important; }

/* .appearOnScroll { opacity: 0; transform: scale(.9); transition: all .4s; transition-delay: 250ms; }
.appearOnScroll.visible { opacity: 1; transform: scale(1); } */


/********************************************************************** ACCESS */
#navAccess{position:absolute;z-index:10000;}
#navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;}
#navAccess a:focus{left:10px;top:10px;}

#accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;}
#accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;}

#accessretourtop{display:flex;cursor:pointer;color:#d21241;position:fixed;right:25px;font-size:200%;bottom:20px;z-index:9998;text-align:center;overflow:hidden;transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s;-o-transition:background .2s;}
#accessretourtop span{text-indent:-1000px;display:block;}
#accessretourtop:hover{color:#111;}
/*#accessretourtop:focus{font-size:100%;color:#fff;background:#111;line-height:26px;padding:2px 10px;white-space:nowrap;text-decoration:none;width:auto;height:auto;}
#accessretourtop:focus i{display:none;}
#accessretourtop:focus span{text-indent:inherit;display:inline-block;*display:inline;zoom:1;}*/


/********************************************************************** HEADER */
#header{ position:relative; padding: 45px 0; }
#header:before{ content:''; background:url('img/fapa-seniors-21-f.svg') center bottom no-repeat; background-size:100%; 
	width:27.5vw; height:15vw; display:block; position:absolute; top:0;left:0; }

#logo{ position:absolute; left: 5vw;top: -20px; z-index: 9; }


/********************************************************************** HOME */
#home_post{ position:relative; }
#home_post:after{ content:''; background:url('img/fapa-seniors-21-f.svg') center bottom no-repeat; background-size:100%; 
	width:45vw; height:30vw; display:block; position:absolute; top:-5vw;right:5vw; z-index:0; }

.titre_wrap{ display: flex;justify-content: space-between;align-items: center;margin-bottom: 2.5vw; position:relative; z-index:1; }
.titre_wrap h2{ flex: initial; margin-right:auto; font-weight: 900;font-size: 400%;line-height: 100%; color:#d21241; }
.titre_wrap .bt{ margin-left:10px; margin-bottom: 5px; }

#home_post .bloc{ margin-bottom:3vw; position:relative; z-index:1; }

#home_pres .bloc{ padding:0 !important; display:flex; overflow: hidden; }
#home_pres_col1{ width:25%; display: flex; align-items: flex-end;}
#home_pres_col1img{ width:100%; height:40vw; padding-top: 4vw; padding-right:2px; position: relative; }
#home_pres_col1img:after{ content:''; position:absolute; z-index:2; inset:0; background:url('img/shape-4.svg') no-repeat top left; background-size:101%; }
#home_pres_col1img img{ width: 100%;height: 100%;object-fit: cover;object-position: center; }

#home_pres_col2{ width:38%; display:flex; align-items: center; position: relative; padding: 5vw 10vw 5vw 2.5vw; }
#home_pres_col2:after{ content:''; position:absolute; z-index:1; top:-1px;right:-5px;bottom:-1px; width:15vw; background:url('img/shape-3.svg') no-repeat right center; background-size:auto 100%; }
#home_pres_col2 ul{ display:block; position:relative; z-index:2; }
#home_pres_col2 ul li{ display:flex; align-items: center; margin: 1vw 0; color:#fff; }
#home_pres_col2 ul li strong{ font-size:5vw; line-height: 100%; font-weight:900; margin-right: 15px; }
#home_pres_col2 ul li span{ max-width:120px; }

#home_pres_col3{ width:37%; display:flex; align-items: center; background-color:#2ab5ae; padding: 5vw 5vw 5vw 2vw; }
#home_pres_col3 h2{ color:#fff; font-size: 400%; line-height: 100%; font-weight: 900; margin-bottom: 15px; }
#home_pres_col3 p{ margin-bottom: 10px; }
#home_pres_col3 .bt{ margin-top: 5px; margin-right: 10px; }


/********************************************************************** ACTU */
.actu{ float:left; width:32%; margin-right:2%; margin-bottom:2vw; height:14vw; background:#fff; border-radius:1vw;
	box-shadow:15px 15px 30px rgba(0, 0, 0, 0.2); padding:0 1.5vw 1.5vw 1.5vw; text-decoration:none;
	display:flex; flex-direction:column; justify-content:space-between; align-items: flex-start; transform:scale(1); transition:all .3s; }
.actu:hover, .actu:focus{ text-decoration:none; transform:scale(1.025); box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.15); }
.actu.last{ margin-right:0; }
.actu:after{ content: " \f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 120%;position:absolute; right:1.5vw;bottom:1.5vw; }
.actu_cat{ font-size:100%; display: inline-block; background-color:#2ab5ae; border-radius:0 0 1vw 1vw; color:#fff; padding:8px 20px; }
.actu_dateevent{ font-size:100%; display: block; margin-bottom: 5px; }
.actu strong{ font-size:130%; font-weight:400; }
.actu_date{ font-size:90%; }

.actu_atelier .actu_cat{ background-color:#d21241; }

#actu_date{font-size: 160%; text-transform: capitalize; color:#d21241; }
#actu_date p{ margin-right: 5px; }


/********************************************************************** ATELIER */
.bloc_ateliers{ margin-bottom:5vw; }

.atelier{ float:left; width:23.5%; margin-right:2%; margin-bottom:2vw; background:#fff; border-radius:1vw;
	box-shadow:15px 15px 30px rgba(0, 0, 0, 0.2); text-decoration:none;
	transform:scale(1); transition:all .3s; }
.atelier.last{ margin-right:0; }
.atelier:hover, .atelier:focus{ text-decoration:none; transform:scale(1.025); box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.15); }
.atelier_img{ height: 12vw; width:100%; position: relative; border-radius:1vw; background: #dff2f1; }
.atelier_img > img{ width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 1vw; }

.atelier_icn{ position:absolute; bottom:-0.5vw; width: 32%;left: 34%; border-radius: 5vw; background:#fff; padding:10px;
 aspect-ratio:1/1; display:flex;align-items:center; }
.atelier_icn img{ width:100%;height:auto; }

.atelier_titre{ height: 80px; padding:0 1.5vw 0 1.5vw; display:flex; align-items:center; justify-content:center; }
.atelier_titre strong{ text-align:center; color: #238582; font-size: 110%; }
.atelier_txt, .atelier_file{ display:none; }


#popupwrap{ display:none; }
#popup{ position:fixed; z-index: 995; top:0;right:0;left:0;bottom:0;
	display:flex;justify-content:center;align-items:center; 
	background-color: rgba(29, 168, 164, 0.5);
	backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
#popupctn{ background:#fff; overflow:scroll;  position: relative; display:block; width:90%; border-radius: 1vw; 
	max-width:1280px; height:auto; max-height:700px; box-shadow:0 0 3vw rgba(27, 126, 122, 0.3); }
#popupclose{ position:absolute; z-index:9; top:1.5vw;right:1.5vw; font-size:200%; color:#238582; transition:all .2s; transform:scale(1); }
#popupclose:hover, #popupclose:focus{ text-decoration: none; transform:scale(1.1); }
#popupimg{ display:block; width:30%; float:left; height:18vw; position:relative; background: #eff9f8; }
#popupimg > img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
#popuptxt{ display:flex; position: relative; align-items:center; width:70%; height:18vw; float:right; padding:0 7.5vw 0 2.5vw; }
#popuptxt h2{ flex: initial;margin-right: auto;font-weight: 900;font-size:3vw;line-height: 100%;color: #d21241; }
#popuptxt p{ margin-top: 15px; line-height:150%; }
#popupbts{ background:#212d2c; flex-wrap: wrap; padding:calc(2.5vw - 5px) 2.5vw; width:100%; display:flex; justify-content: center; }
#popupbts .bt{ margin:5px; font-size: 100%; }


/********************************************************************** PAGE */
#wrap_titre h1{ font-weight:900; font-size:400%; color:#fff; line-height: 100%; display:block; width:65%; }
#wrap_titre h1 *{ line-height: 100%; }
#wrap_titre p{ font-size:130%; display:block; width:60%; margin-top: 20px; }
#wrap_titre .bt{ margin-right:10px; margin-top: 20px; font-size: 115%; padding: 19px 35px 20px 35px; }
.wrap_titre_bts{ width:65%; }


#wrap_titreimg{ position:absolute; z-index:4; bottom:-2vw;right:2vw; width: 25vw; height: 22vw; max-width: 400px;max-height: 400px;
	display: flex; align-items:flex-end; justify-content: flex-end;
}
#wrap_titreimg img{ width:auto;height:auto; max-width:100%; max-height:100%; }


.bloc{ border-radius:2.5vw; margin-bottom:5vw; }
.bloc_bgb{ padding-top:5vw; padding-bottom:5vw; background:linear-gradient(90deg, #00bec0, #248582); }
.bloc_bgr{ padding-top:5vw; padding-bottom:5vw; background:#d21241; }
.bloc_bgwb{ padding-top:5vw; padding-bottom:5vw; border: 2px solid #2ab5ae; }
#wrap_titre .bloc{ padding-top:5vw; padding-bottom:5vw; position:relative; position:relative; overflow:hidden; }
.home #wrap_titre .bloc{ padding-top:7.5vw; padding-bottom:7.5vw; }
#wrap_titre .bloc:after{ content:''; display: block; position:absolute; width:25vw;height:25vw; bottom:-11vw;right:-2.5vw; background: #d21241; border-radius:40vw; }
.home #wrap_titre .bloc:after{ width:35vw;height:35vw; bottom:-11vw;right:-2.5vw; }


#illutitre1, #illutitre2{ will-change: transform; pointer-events: none; }

#illutitre1{ position:absolute; bottom:-6vw;right:14vw; width:13vw;height:35vw; background:url('img/illu-2.png') left top no-repeat; background-size:100%; z-index: 3; }
#illutitre2{ position:absolute; bottom:-6vw;right:-2vw; width:20vw;height:33vw; background:url('img/illu-3.png') left top no-repeat; background-size:100%; z-index: 4; }


.bloc_flex{ display:flex; justify-content:space-between; padding-right: 3vw; padding-left: 3vw; }
.bloc_flex .col{ margin:0 2vw; }
.bloc_page_2cols{ max-width:1400px; }
.bloc_page_2cols .col{ width:50%; }
.bloc_page_3cols .col{ width:33%; }
.bloc_flex.bloc_bgb h1, .bloc_flex.bloc_bgb h2, .bloc_flex.bloc_bgb h3, .bloc_flex.bloc_bgb h4
{ color:#fff; }
.bloc_flex.bloc_bgr, .bloc_flex.bloc_bgr *
{ color:#fff; }


.coleq{ width: 20%; }
.coleq div{ display:block; border-radius: 10vw; overflow:hidden; margin-bottom:20px; }
.coleq div img{ width: 100%; height: 100%; object-fit: cover; object-position: center; margin-bottom:0 !important; }
.coleq strong{ font-weight: 200; font-size:120%; color: #d21241; margin-bottom: 10px; display: block; }


.bloc_page_depl{ background:#eff9f8; padding-right:0;padding-left:0; }
.bloc_depl{ border-bottom: 2px solid #2ab5ae; padding:25px 5vw; }
.bloc_depl:first-child{ padding-top:0; }
.bloc_depl:last-child{ padding-bottom:0; border:0; }
.bloc_deplhead{ display:flex; align-items:center; }
.bloc_deplhead .bt{ padding: 8px 18px; margin-left:10px; }
.bloc_deplbt svg{ font-size: 100%;position: relative;top: -2px;margin-left: 5px; transition:all .2s; transform:rotate(0deg); transform-origin: 50% 14px; }
.bloc_deplbt.open svg{transform:rotate(180deg);}
.bloc_deplhead strong{ margin-right:auto; font-weight: 700;font-size: 120%;line-height: 110%; }
.bloc_depltxt{ display:none; padding:25px 0; max-width: 800px; }

/*
.bloc_deplbt{ margin-bottom: 1vw; line-height: 150%; color:#fff; position:relative;
	display:flex; align-items: center;
	width:100%; border-radius:5vw; padding:1vw 3.5vw 1vw 1.5vw;text-decoration:none;
	transition: all .2s;transform:scale(1.0);
	background: #d21241;
}
.bloc_deplbt svg{position:absolute;top:calc(50% - .7vw); right:1.2vw; transition:all .2s; transform:rotate(0deg);}
.bloc_deplbt.open svg{transform:rotate(180deg);}
.bloc_deplbt:hover, .bloc_deplbt:focus{text-decoration:none;color:#fff;transform:scale(1.01);}
.bloc_depltxt{display:none;padding: 0 1.2vw 2.5vw 1.2vw;}
*/

.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{margin-bottom:25px;}
.contenu h1, .contenu h2{ color: #2ab5ae; font-weight: 900; font-size: 220%; line-height: 110%; }
.contenu h3, .contenu h4{ color: #d21241; font-weight: 200; font-size: 140%; }
.contenu p{margin-bottom:25px;line-height:150%;}
.contenu img{margin-bottom:25px; border-radius: 1vw; max-width:100%;height:auto;display:block;}
.contenu p img{ margin-bottom:0; }
.contenu blockquote{font-size:120%;font-style:italic;margin-bottom:25px;padding-left:55px;line-height:150%;}
.contenu ul{margin-bottom:25px;list-style-type:square;margin-left:18px;}
.contenu ul ul{margin-top:10px;margin-bottom:0;}
.contenu ul li{margin-bottom:10px;line-height:130%;}
.contenu > *:last-child{ margin-bottom:0; }


/********************************************************************** FOOTER */
#footer_contact{ display:flex; position: relative; align-items: center; margin:7.5vw 7.5vw 0 7.5vw; height:17vw; padding:2.5vw 5vw 0 25vw; background:url('img/shape-2.svg') center top no-repeat; background-size:100%; }
#footer_contact:before{ content:""; bottom:0;left:5vw; width:17vw;height:18vw; position:absolute; background:url('img/illu-1.png') center top no-repeat; background-size:100%; }
#footer_contact > div{ color:#fff; }
#footer_contact span{ display: block; color:#fff; font-size:1.75vw; margin-bottom:0px; }
#footer_contact strong{ display: block; color:#fff; font-weight:900; font-size:2.75vw; }


#footer .centerdiv{ border-radius:2.5vw 2.5vw 0 0; padding-top:2.5vw; padding-bottom:2.5vw; padding-left:0; color:#2ab5ae; border:2px solid #2ab5ae; border-bottom:0;
	display:flex; position:relative; }
#footer .centerdiv:before{ content:''; background:#2ab5ae; border-radius:0 1vw 1vw 0; 
	width:2vw; position:absolute;left:0;top:2.5vw;bottom:2.5vw; }

#footer .centerdiv > div{ margin-left:5vw; }
#footer .centerdiv > div strong{ font-size:200%; font-weight:900; cursor:default; display: block; margin-bottom:10px; }
#footer .centerdiv > div p{ margin-top:5px; max-width:300px; }
#footer .centerdiv > div ul li{ margin-top:5px; }
#footer .centerdiv > div ul li span{ display:inline-block; width:180px; }

#footer a{ color:#2ab5ae; text-decoration:none; transition:all .3s; }
#footer a:hover, #footer a:focus{ text-decoration:none; color:#d21241; }

#footer .menu-pied-de-page-container{ margin-left:auto !important; margin-top: auto; text-align:right; }
#footer .menu a{ color:#2ab5ae; text-decoration:none; transition:all .3s; }
#footer .menu a:hover, #footer .menu a:focus{ text-decoration:none; color:#d21241; }


/********************************************************************** FORM */
form button, input, select, textarea{margin:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
form button{width:auto;overflow:visible;}
input[type="reset"], input[type="submit"], input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{font-size:110%;position:relative;top:1px;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
:invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#C0C0C0;}
:-moz-placeholder{color:#C0C0C0;}
:-ms-input-placeholder{color:#C0C0C0;}
audio:not([controls]){display:none;height: 0;}

label, .label{display:block;margin-left:0;font-size:90%;cursor:pointer;margin-bottom:10px;font-weight:700;color:#666;}

input[type=text], input[type=email], input[type=tel], textarea
{
	font-size:90%;border:none;margin-bottom:10px;border:1px solid #666;
	color:#111;border-radius:0;padding:10px !important;width:100%;background-color:#fff;
	transition:all .2s;
}

input[type=submit], form button
{
	font-size:90%;width:auto !important;cursor:pointer;color:#fff;display:inline-block;margin:0;
	text-align:center;padding:10px 30px;border:none;background-color:#666;
	transition:all .2s;
}

textarea{height:80px;}

input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, textarea:hover, textarea:focus
{outline:none;border-color:#585858;}
input[type=submit]:hover, input[type=submit]:focus, form button:hover, form button:focus
{outline:none;}

div.wpcf7-response-output{width:100%;padding:10px 10px !important;margin:0 !important;clear:both;font-size:14px; font-weight:500; background-color:#548b37;color:#fff; border:0 !important;}
.wpcf7 form.invalid .wpcf7-response-output{background-color:#d7b026;}
.wpcf7-validation-errors{background-color:#a13434;color:#6B630B;}
.wpcf7-mail-sent-ok{background-color:#548b37;color:#fff;}
span.wpcf7-not-valid-tip{top:-4px;left:0;display:block;font-size:14px;position:relative;padding:10px 10px;background-color:#d7b026;color:#fff;border:none;margin:0 0 6px 0;}
span.wpcf7-not-valid-tip:after{position:absolute;float:right;content:'';width:0;height:0;border-color:transparent transparent #d7b026 transparent;border-style:solid;border-width:6px;top:-12px;left:25px;}
span.wpcf7-not-valid-tip-no-ajax{margin:-15px 0 13px 0}


/********************************************************************** PAGINATION */
ul#pagination{clear:both;overflow:auto;font-size:87.5%;color:#111;margin:0;padding-top:30px;list-style:none;margin-bottom:-4px;font-weight:bold;}
ul#pagination li{margin:0;}
ul#pagination li a, ul#pagination .pagnolink, ul#pagination .activePage{float:left;margin:0 4px 4px 0;color:#111;display:block;position:relative;background-color:#F5F5F5;padding:6px 10px;overflow:hidden;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
ul#pagination li a:hover, ul#pagination li a:focus{text-decoration:none;background-color:#D2D2D2;color:#111;}
ul#pagination .activePage{font-weight:bold;background-color:#989898;color:#fff;}
ul#pagination .pagnolink, ul#pagination .activePage{cursor:default;}
ul#pagination li.pagprev a, ul#pagination li.pagnext a{padding:6px 10px;}


/********************************************************************** GALERIE */
.gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;}
.gallery .gallery-item {margin-top:2px !important;}


/********************************************************************** RWD */
@media (max-width:1480px){

	body{ font-size:16px; }

	#header .centerdiv{ width: 100%; }
	#nav ul li a{ padding-left:8px; padding-right:8px; }
	#nav_bts{ position:absolute; right: 0;bottom: -74px;z-index: 2; }

	#home_pres_col2:after{ display:none; }
	#home_pres_col2{ padding-right:5vw; }
	#home_pres_col3{ padding-left:5vw; }
	#home_pres_col3 h2{ font-size: 300%; }

	.actu{ height: 24vw; }
	.actu strong{ font-size: 120%; }

}


@media (min-width:1080px){

	.appear{ opacity: 0; }
	.appearTxt{ opacity: 0; }


	.page-id-10 #bloc_2 img{ position: relative;top: -5vw;right: 0vw;border-radius: 0 2.5vw 0 0;width: calc(100% + 5vw) !important; max-width: none; }
	.page-id-10 #bloc_1 img{ position:relative; 
		height: 100%; width: 100%;
		object-fit: cover; -webkit-mask-size: cover; mask-size: cover; mask-size: 100% 100%; mask-repeat: no-repeat;
		mask-image: url('img/shape-5.svg'); -webkit-mask-image: url('img/shape-5.svg');
    }
    .page-id-10 #bloc_3 img{ position:relative; 
		height: 100%; width: 100%;
		object-fit: cover; -webkit-mask-size: cover; mask-size: cover; mask-size: 100% 100%; mask-repeat: no-repeat;
		mask-image: url('img/shape-5.svg'); -webkit-mask-image: url('img/shape-5.svg');
    }


	/* NAV */
	a#showmenu{display:none;}

	#showmenunav{ position:relative; }

	#nav{ float:right; font-size:16px; }
	#nav .menu{ float:left; position:relative;z-index:2; }
	#nav .bt{ float:left; margin-left: 15px; }
	#nav .bt_rs{ float:left; margin-left: 25px; background:#2ab5ae; color:#fff; font-weight:600; font-size:105%; text-decoration:none; border-radius:50px; padding:10px 12px; margin-top:8px; display:inline-block; transform: scale(1.0); transition:all .3s; }
	#nav .bt_rs svg{ position:relative; top:1px; }
	#nav .bt_rs:hover, #nav .bt_rs:focus{ text-decoration:none; color: #fff; transform: scale(1.05); }

	#nav_bts{ float: left; }

	#nav ul{display:block;}
	#nav ul li{display:inline-block;}
	#nav ul li a{text-decoration:none; display:block; font-size:105%; font-weight:600; padding:18px 10px 18px 10px; transition:all .3s;}
	#nav ul li a:hover, #nav ul li a:focus{ color:#d21241; text-decoration:none; }
	#nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a{ color:#d21241; text-decoration:none;}

	#nav .menu .sub-menu{padding-top:0px;visibility:hidden;opacity:0;border-radius: 20px;background-color:#fff;box-shadow:10px 10px 40px rgba(0, 0, 0, 0.15);position:absolute;top:47px;left:50%;margin-left: -105px;z-index:99;min-width:210px;outline:none; transition:all .4s;}
	#nav .menu .sub-menu:before{content: "";position:absolute;top:-11px;left:50%;margin-left:-12px;width:0;height:0;border-style:solid;border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent; }
	#nav .menu .sub-menu li{display:block;margin: 0 20px;border-bottom:2px solid #f0f0f0;}
	#nav .menu .sub-menu li:first-child{border-radius:20px 20px 0 0;}
	#nav .menu .sub-menu li:last-child{border-radius:0 0 20px 20px;border-bottom:0;}
	#nav .menu .sub-menu li:after{display:none;}
	#nav .menu .sub-menu a{background:transparent;font-size: 105%;width:100%;text-align:center;padding:12px 7px 12px 7px;text-transform:none;}
	#nav .menu .sub-menu .current-menu-item a{font-weight:700;}
	#nav .menu .sub-menu li:first-child a{padding-top:18px;}
	#nav .menu .sub-menu li:last-child a{padding-bottom:18px;}
	#nav .menu .sub-menu a:after{display:none;}
	#nav .menu .sub-menu a:hover, #nav .menu .sub-menu a:focus{color:#d21241;}

	#nav .menu-item-has-children{position:relative;outline:none !important;}
	#nav .menu-item-has-children > a{padding-right:25px !important;}
	#nav .menu-item-has-children > a:before{content: "";top:26px;right:10px;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:rgba(0,0,0,1) transparent transparent transparent;}

	#nav .menu-open > .sub-menu{opacity:1;top:52px;visibility:visible;}
	
}


@media (max-width:1080px){

	body{ font-size:16px; }

	#cookie-notice .cookie-notice-container{padding: 5vw 10vw !important;}

	.bt{ font-size: 100%; padding: 10px 16px; }

	/* NAV */
	a#showmenu{padding:22px 9px;display:block;z-index:9999999;position:absolute;top:10px;right:5vw;}
	#showmenu:before, #showmenu:after{content:"";position:absolute;display:block;width:28px;height:2px;background:#2ab5ae;border-radius:4px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }
	#showmenu:before{margin-top:-9px;}
	#showmenu:after{margin-top:8px;width:14px;right:10px;}
	#showmenu div{width:28px;height:2px;background:#2ab5ae;border-radius:4px;}
	
	#showmenu.close{position:fixed;top:30px;}
	#showmenu.close div{opacity:0;background:#fff;}
	#showmenu.close:before, #showmenu.close:after{margin:0;background:#fff;}
	#showmenu.close:before{margin-top:0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	#showmenu.close:after{margin-top:-2px;width:28px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

	#showmenu:hover div, #showmenu:hover:before, #showmenu:hover:after, #showmenu:focus div, #showmenu:focus:before, #showmenu:focus:after
	{background:#d21241;}

	#showmenunav{opacity:0;visibility:hidden; position:fixed;z-index:999; top:30px;left:0;right:0;bottom:0;height:100%;transition:all .2s;background:#2ab5ae;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;}
	.open #showmenunav{opacity:1;visibility:visible;top:0;}
	#showmenunav li a{color:#fff;font-size:5vw;padding: 1vw 0;display: block;text-decoration: none;transition:all .2s;transform:scale(1);}
	#showmenunav li a:hover, #showmenunav li a:focus{color:#fff;transform:scale(1.05);text-decoration: none;}

	/* HEADER */
	#header{ padding: 20px 0 0 0; margin-bottom: -15px; }
	#logo img{ width: 100px; }
	#header:before{ width: 100vw;height: 60vw; }
	#logo{ position:relative;top:0;left:0; }

	.home #wrap_titre .bloc, #wrap_titre .bloc{ padding-top: 10vw;padding-bottom: 10vw; }
	#wrap_titre h1{ font-size: 200%; width:100%; }
	#wrap_titre p{ font-size: 100%; width: 100%; margin-top: 20px; margin-bottom:10px; }
	.wrap_titre_bts{ width:100%; }
	#wrap_titre .bt{ margin-top: 10px; }

	/* CTN */
	.bloc{ margin-bottom:10vw; }
	.bloc_flex{ display:block; padding-right: 5vw;padding-left: 5vw; }
	.bloc_flex .col{ margin:0; width: 100%; margin-bottom:25px; }
	.bloc_page_2cols .col{ width: 100%; }

	.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{ margin-bottom:20px;}
	.contenu h1, .contenu h2{ font-size:200%; }
	.contenu p{margin-bottom:20px;}
	.contenu img{margin-bottom:20px;}
	.contenu blockquote{margin-bottom:20px;}
	.contenu ul{margin-bottom:20px;}

	.titre_wrap{ display: block; margin-bottom: 20px; }
	.titre_wrap h2{ font-size: 200%; }
	.titre_wrap .bt{ margin-right: 10px; margin-left:0; margin-top: 10px; margin-bottom:0; }
	#home_post:after{ width: 80vw;height: 50vw; }
	#home_post .bloc{ margin-bottom:calc(10vw - 15px); }

	.actu{ width: 100%; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15); height:auto; float:none; margin-bottom: 15px; padding: 0 5vw 15px 0; margin-right: 0; margin-bottom: 15px; }
	.actu_cat{ font-size: 85%; padding: 6px 16px; margin-bottom: 15px; }
	.actu_date{ margin-top: 15px; font-size: 85%; }
	.actu:after{ right: 5vw;bottom: 15px; }

	#home_pres .bloc{ display:block; }
	#home_pres_col1{ display:none; }
	#home_pres_col2{ padding-right: 0; width:100%; padding:10vw 5vw calc(10vw - 15px) 5vw; }
	#home_pres_col2 ul li{ margin: 0 0 15px 0; }
	#home_pres_col2 ul li strong{ font-size: 12vw; }
	#home_pres_col3{ display:block; width: 100%; padding:10vw 5vw 10vw 5vw; }
	#home_pres_col3 h2{ font-size:200%; margin-bottom: 20px; }
	#home_pres_col3 p{ margin-bottom: 20px; }

	.atelier{ width:100%; display: block; float:none; margin-right:0; margin-bottom: 15px; }
	.atelier_titre{ padding: 25px 15px 25px 15px; }
	.atelier_titre strong{ font-size:100%; }
	.atelier_img{ height: 36vw; }
	.atelier_icn{ border-radius: 15vw; bottom: -2vw; width: 30%; left: 35%; }

	#popupimg{ display:none; }
	#popuptxt{ width: 100%;height: auto;float: none;padding:25px 60px 25px 5vw; }
	#popuptxt h2{ font-size: 160%; }
	#popupbts{ padding: 25px calc(5vw - 5px); }

	/* .bloc_deplbt{ border-radius: 2.5vw; margin-bottom: 15px;padding: 15px 40px 15px 15px; }
	.bloc_deplbt svg{ top: calc(50% - 2.5vw); right: 2.5vw; } */
	.bloc_deplhead{ display:block; }
	.bloc_deplhead strong{ display:block; }
	.bloc_deplhead .bt{ margin-left:0px; margin-top:10px; }

	.coleq div{ width: 50%; }
	.contenu.coleq p{ margin-bottom:0; }


	/* FOOTER */
	#footer_contact{ background: #d21241; border-radius: 2.5vw 2.5vw 0 0; padding:5vw; height:auto; margin-top:10vw; }
	#footer_contact:before{ display:none; }
	#footer_contact span{ font-size: 100%; }
	#footer_contact strong{ font-size: 100%; }

	#footer .centerdiv{ display: block; padding-top:10vw; padding-bottom:10vw; padding-left: 5vw; }
	#footer .centerdiv:before{ display:none; }
	#footer .centerdiv > div{ margin-left:0; margin-bottom:20px; }
	#footer .centerdiv > div strong{ font-size: 140%; margin-bottom: 20px; }
	#footer .menu-pied-de-page-container{ text-align: left; }

}