/*
Theme Name: Praxis
Author: L'équipe Maad
Version: 1
*/
/*
Noir : #000000
Vert foncé : #379266
Bleu : #3ec9c8
Orange : #fe8000
Vert clair : #f3ffb6

font-family: "DM Sans", sans-serif;
*/

@font-face {
	font-family:'DM Sans';
	src: url('font/DMSans-Regular.ttf');
	font-weight:400;
	font-style:normal;
}
@font-face {
	font-family:'DM Sans';
	src: url('font/DMSans-Italic.ttf');
	font-weight:400;
	font-style:italic;
}
@font-face {
	font-family:'DM Sans';
	src: url('font/DMSans-Light.ttf');
	font-weight:300;
	font-style:normal;
}
@font-face {
	font-family:'DM Sans';
	src: url('font/DMSans-Bold.ttf');
	font-weight:700;
	font-style:normal;
}

*, *: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: "DM Sans", sans-serif; font-weight:400;font-size:16px;}
a{color:#111;text-decoration:underline;}
a:hover, a:focus{color:#379266;text-decoration:underline;}
a img, th img, td img{vertical-align:top;border:none;}
h1, h2, h3, h4, h5{cursor:default;font-weight:400;}
a h1, a h2, a h3, a h4, a h5{cursor:pointer;}
h1{font-size:260%;} h2{font-size:260%;} h3{font-size:200%;} h4{font-size:160%;} h5{font-size:140%;}
ul{list-style:none;}
hr{border:none;border-top:2px solid #e5e7da;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:95%;margin:0 auto;position:relative;}
.clear{position:relative;overflow:auto;clear:both;}
#blocmap img{height:auto!important;max-width:none !important;}
.svg{}
.no-svg{}

.bt{ display:inline-block; border:1px solid #000; padding:12px 25px; text-decoration: none; font-weight:300; position: relative; font-size:18px; border-radius:30px; transition:all .3s; transition-delay:.1s; }
.bt:after{ content:'→'; position:absolute; right:20px; top:50%;margin-top: -10px; opacity:0; font-size:100%; transition:all .3s; transition-delay:0s; }
.bt:hover, .bt:focus{ text-decoration: none; color:#000; padding-right:45px; transition-delay:0s; }
.bt:hover:after, .bt:focus:after{ opacity:1; right:15px; transition-delay:.2s; }

#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:"regulator-nova", arial !important; color: #000 !important; background: #fff !important; margin: .5vw .25vw !important; border-radius: 5vw !important; }
#cookie-notice { font-family:"regulator-nova", arial !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: translateY(2.5vw); transition: all .6s ease-in-out; }
.appearOnScroll.visible { opacity: 1; transform: translateY(0); }


/********************************************************************** 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;}


/********************************************************************** AFTER LOSANGE */
#titre h1:after, .home #wrap_2:after, .bloc_center.bloc_bgv:after, .page-id-9 #bloc_2:after, .page-template-missions .bloc_full:after
{ 	content:''; position:absolute; width:6vw; height:5vw; background-color:#3ec9c8;
	pointer-events: none;
    transform: skew(30deg) translate(var(--move-x, 0px), var(--move-y, 0px));
    transition: transform 0.1s ease-out;
}
#titre h1:after{ left:-12.5vw; bottom:0.5vw; }
.home #wrap_2:after{ right:10vw; top:-2.5vw; transform: skew(-30deg) translate(var(--move-x, 0px), var(--move-y, 0px)); }
.bloc_center.bloc_bgv:after{ left:-5vw; top:7.5vw; }
.page-id-9 #bloc_2:after{ left:-0.5vw; bottom:5vw; background: #379266; transform: skew(-30deg) translate(var(--move-x, 0px), var(--move-y, 0px)); }
.page-template-missions .bloc_full:after{ right:5vw; bottom:-0.5vw; transform: skew(-30deg) translate(var(--move-x, 0px), var(--move-y, 0px)); }


/********************************************************************** HEADER */
#header{ padding-top: 2.5vw; }
#logo{ text-decoration:none; }
#baseline{ margin: 1px 0 0 1.25vw;font-weight: 300;font-size: 80%;max-width: 190px;display: inline-block;line-height: 120%; cursor:default; }

#titre{ margin:7.5vw 15vw 7.5vw 27.5vw; }
.single-missions #titre{ margin-bottom:2.5vw; }
#titre h1{ font-size:3vw; line-height: 125%; position:relative; }

#titre h1 span{ display:inline-block; line-height: 120%; position:relative; }
#titre h1 span:before{ content:''; background-color:#f3ffb6; position:absolute;left:-.25vw;top:0; width:calc(100% + .5vw);height:100%; border-radius:.5vw; z-index:-1; }


/********************************************************************** BLOCS */
.wrap{ position:relative; padding: 0 2.5vw; display:flex; justify-content:space-between; }

.bloc{ display:flex; width:100%; justify-content:center; align-items:center; padding:5vw; margin-bottom:.5vw;
	border-radius:2.5vw; position:relative; }
.bloc .contenu{ width: 100%; }

.bloc_center{ width:calc(66.66% - .25vw); margin-right: auto; margin-left: auto; }

.bloc_full{ width:100%; }
.bloc_demi{ width:calc(50% - .25vw); }
.bloc_1tiers{ width:calc(33.33% - .25vw); }
.bloc_2tiers{ width:calc(66.66% - .25vw); }
.bloc_bgv{ background-color:#f3ffb6; }
.bloc_bgvf{ background: linear-gradient(to right, #389d79, #3dc3be); }
.bloc_bgvf *{ color:#fff; }
.bloc_bgimg{ background-color:#f3ffb6; background-position:center; background-repeat:no-repeat; background-size:cover; }
.bloc_full.bloc_bgimg{ height:20vw; }
.bloc_bgimg *{ color:#fff; }

.bloc_post{ display: block; padding:0vw 15vw 5vw 27.5vw; }

.bloc_bigtg{ margin-left:auto; padding-right:2.5vw; padding-left:7.5vw; flex-direction: column; justify-content: space-between;text-align:right; }
.bloc_bigtg h2{ font-weight: 700 !important; width: 100% !important; }
.bloc_bigtg p{ font-style:italic; font-size: 120%; width: 100%; }
.bloc_bigtd{ margin-right:auto; padding-left:2.5vw; padding-right:0;
	font-size:120%;
}
.bloc_bigtd p strong{ display: inline-block;font-size: 75%; margin: 0 .75vw; position: relative; top: -.06vw; }
.bloc_bigtd p strong:before{ content:''; background-color:#f3ffb6; position:absolute;left:-.75vw;top:-.4vw; width:calc(100% + 1.5vw);height:calc(100% + .8vw); border-radius:.25vw; z-index:-1; }
.bloc_bigtd p strong.etiq_b{ color:#fff; }
.bloc_bigtd p strong.etiq_b:before{ background: #3ec9c8; }
.bloc_bigtd p strong.etiq_v{ color:#fff; }
.bloc_bigtd p strong.etiq_v:before{ background: #379266;}

.titre_b{ font-size: 2.4vw; line-height: 105%; color:#3ec9c8; font-weight: 400; }

.bloc_sld_g{ background-color:#fe8000; }
.bloc_sld_g strong{ font-size:120%; margin-bottom: 20px; display: block;}
.bloc_sld_g .bt{ color:#fff; font-weight:700; margin: 0 8px 8px 0; border-color:#fff; padding: 8px 18px; transform:scale(1); }
.bloc_sld_g .bt.actif{ color:#fff; background-color:#369266; border-color:#369266; }
.bloc_sld_g .bt:hover{ transform:scale(1.05); }
.bloc_sld_g .bt:after{ display:none; }
.bloc_sld_d{ padding: 0 !important; overflow: hidden; }
.bloc_sld_d .swiper, .bloc_sld_d .swiper-wrapper{ height:100%;width:100%; }
.bloc_sld_d .swiper-slide{ background-color:#379266; display:flex; padding: 5vw 5vw 4.8vw 5vw; height:100%; align-items: end; position:relative; 
	background-repeat:no-repeat; background-position:center; background-size: cover;
}
.bloc_sld_d .swiper-slide:before{ content:''; position:absolute; inset:0; z-index:2; background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7)); }
.bloc_sld_d .swiper-slide p{ position:relative; z-index:3; font-size:2.4vw; font-weight:400; color:#fff; line-height:110%; width:95%; }


/********************************************************************** PAGE */
.contenu h1, .contenu h2, .contenu h3, .contenu h4{ margin-bottom:20px; line-height: 105%; width: 90%; }
.bloc_1tiers .contenu h1, .bloc_1tiers .contenu h2, .bloc_1tiers .contenu h3, .bloc_1tiers .contenu h4{ width: 100%; }
.contenu h1, .contenu h2{ font-size: 2.8vw; }
.contenu h2 + h2{ margin-top: -5px; }
.contenu p{ margin-bottom:20px; line-height:150%; font-size: 120%; }
.contenu img{margin-bottom:20px;max-width:100%;height:auto;display:block;}
.contenu blockquote{ font-size:120%; font-style:normal; font-weight:700; color:#379266; margin-bottom:20px; line-height:150%;}
.contenu ul{margin-bottom:20px;list-style-type:square;margin-left:18px;}
.contenu ul ul{margin-top:10px;margin-bottom:0;}
.contenu ul li{ font-size: 120%; margin-bottom:10px; line-height:130%; }
.contenu > *:last-child{ margin-bottom:0; }

/* À propos */
.page-id-9 #titre h1 span:before{ background-color: rgba(54, 147, 102, 0.25); }
.page-id-9 #titre h1:after{ background-color:#379266; }
.page-id-9 #bloc_10 .contenu{ column-count: 3; column-gap: 2.5vw; }
.page-id-9 #bloc_10:after{ background-color:#379266; }

/* Service : expertise */
.page-id-11 #titre h1 span:before{ background-color: rgba(254, 128, 0, 0.25); }
.page-id-11 #titre h1:after{ background-color:#fe8000; }
.page-id-11 #bloc_1 h2{ color:#379266; }
.page-id-11 #wrap_3{ flex-direction: row-reverse; }
.page-id-11 #wrap_2 .bloc_sld_g{ background-image:url('img/bg-sevice-praxis-communication.jpg'); }
.page-id-11 #wrap_3 .bloc_sld_g{ background-image:url('img/bg-sevice-praxis-communication-dijon.jpg'); }
.page-id-11 #wrap_3 .bloc_sld_g .bt.actif{ background-color: #fe8000; border-color:#fe8000; }

/* Service : communication */
.page-id-13 #titre h1 span:before{ background-color: rgba(254, 128, 0, 0.25); }
.page-id-13 #titre h1:after{ background-color:#fe8000; }
.page-id-13 #bloc_2 *{ color:#379266; }
.page-id-13 #bloc_3{ background: #379266; color:#f3ffb6; }
.page-id-13 #bloc_3 *{ color:#f3ffb6; }

/* Contact */
.page-id-17 #titre h1 span:before{ background-color: rgba(54, 147, 102, 0.25); }
.page-id-17 #titre h1:after{ background-color:#379266; }


/********************************************************************** MISSION */
.mission{ display:flex; width:calc(33.33% - .25vw); justify-content:center; align-items:end; padding:2.5vw 2.5vw 2.5vw 2.75vw; margin-bottom:.5vw;
	border-radius:2.5vw; position:relative; overflow: hidden; text-decoration:none; aspect-ratio:1/1; }
.mission:before{ content:''; position:absolute; inset:0; z-index:2; background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.mission:hover, .mission:focus{ text-decoration:none; }
.mission img{ position: absolute; z-index:1; inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center; transform: scale(1.05); transition: all .3s; }
.mission:hover img, .mission:focus img{ transform: scale(1); }
.mission div{ position: relative; z-index:3; }
.mission span{ color:#f3ffb6; display:block; font-weight:700; font-size:1.2vw; margin-bottom:.5vw; }
.mission strong{ color:#fff; display:block; font-weight:700; font-size:2.4vw; line-height: 110%; }

.post_thumb{ border-radius:2.5vw; position:relative; overflow: hidden; width:100%; height:25vw; margin-bottom:30px; }
.post_thumb img{ position: absolute; z-index:1; inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center; }


/********************************************************************** FOOTER */
.bloc_footcta{ height:20vw; margin-top:2vw; text-align:center; text-decoration:none; }
.bloc_footcta:hover, .bloc_footcta:focus{ text-decoration:none; }
.bloc_footcta div, .bloc_footcta div{ transform:scale(1); transition:all .3s; }
.bloc_footcta:hover div, .bloc_footcta:focus div{ transform:scale(1.025); }
.bloc_footcta strong{ display:block; color:#fff; font-size: 3vw; line-height: 120%; font-weight: 400; }

#footer{ padding:2vw 5vw 2.5vw 5vw; display:flex; align-items:center; }
.page-id-17 #footer{ margin-top:2vw; }
#footer > img{ margin-right:2.5vw; }

.foot_link{ display:inline-block; margin-right:20px; font-weight:300; font-size:95%; text-decoration:none; transition:all .3s; }
a.foot_link:hover, a.foot_link:focus{  color:#379266; text-decoration:none; }
.foot_link i{ font-size:120%; position:relative; top:4px; margin-right: 4px; }

#footer .menu-pied-de-page-container{ margin-left:auto; }
#footer ul.menu li{ display:inline-block; margin-left:15px; }
#footer ul.menu li a{ display:inline-block; color:#379266; font-weight:300; font-size:80%; font-style:italic; text-decoration:none; transition:all .3s; }
#footer ul.menu li a:hover, #footer ul.menu li a:focus{ color:#000; text-decoration:none; }


/********************************************************************** 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:400; 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{ margin-bottom:20px; }
.gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:2px 3px !important; border-radius: 1.5vw; width:100% !important;}
.gallery .gallery-item {margin-top:2px !important;}


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

	#footer{ flex-wrap: wrap; }
	#footer > img{ margin-bottom: 1.5vw; margin-right:calc(100% - 120px); }
	#footer .menu-pied-de-page-container{ margin-top: 1.5vw; width: 100%; }
	#footer ul.menu li{ margin-left: 0; margin-right: 15px; }

}


@media (max-width:1080px){

	.bt{ font-size: 100%;  }
	#nav{ margin-top: 15px; }

	.contenu p{ font-size: 110%; }
	.bloc_bigtd{ font-size: 100%; }

}


@media (min-width:840px){

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

	#showmenunav{position:relative;min-height:55px;}

	#nav{ float:right; }
	#nav .menu{position:relative;z-index:2;}
	#nav ul{display:block;}
	#nav ul li{display:inline-block; margin:0 12px; }
	#nav ul li a{ text-decoration:none;display:block;font-size:95%;padding:8px 0px 8px 0px; position:relative; transition:all .3s;}
	#nav ul li a:hover, #nav ul li a:focus{color:#000000;text-decoration:none;}

	#nav ul.menu > li:not(.item_bt) > a::before, #nav ul.menu > li:not(.item_bt) > a::after{ content:''; position: absolute;width: 100%;height: 1px;background: currentColor;top: 100%;left: 0;pointer-events: none;}
	#nav ul.menu > li:not(.item_bt) > a::before {transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);}
	#nav ul.menu > li:not(.item_bt) > a:hover::before {transform-origin: 0% 50%;transform: scale3d(1, 1, 1);transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);}
	#nav ul.menu > li:not(.item_bt) > a::after {content: '';top: calc(100% + 4px);transform-origin: 0% 50%;transform: scale3d(0, 1, 1);transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);}
	#nav ul.menu > li:not(.item_bt) > a:hover::after {transform-origin: 100% 50%;transform: scale3d(1, 1, 1);transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);}

	#nav ul li a .fa-chevron-down{ margin-left: 2px;font-size: 80%; width: 11px;}

	#nav ul li.item_bt a{ border:1px solid #000; border-radius:20px; padding: 6px 16px 8px 16px; transform:scale(1.0); }
	#nav ul li.item_bt a:hover, #nav ul li.item_bt a:focus{ transform:scale(1.05); }
	#nav ul li.item_bt a{ border:1px solid #000; border-radius:20px; padding: 6px 16px 8px 16px; }
	#nav ul li.item_bt a i{ font-size:120%; position:relative; top:4px; margin-right:4px; }

	#nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a{text-decoration:none;}

	#nav .menu .sub-menu{padding-top:0px;visibility:hidden;opacity:0;border-radius: 20px;background-color:#379266;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 #379266 transparent; }
	#nav .menu .sub-menu li{display:block;margin: 0 20px;border-bottom:1px solid #70b192;}
	#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: 95%;width:100%;text-align:center; color:#fff; padding:10px 7px 10px 7px;text-transform:none;transform: scale(1);}
	#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:#fff; transform: scale(1.05);}

	#nav .menu-item-has-children{position:relative;outline:none !important;}
	/* #nav .menu-item-has-children > a{padding-right:30px !important;} */
	/* #nav .menu-item-has-children > a:before{content: "";top:18px;right:15px;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:840px){

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

	#header{ padding-top: 10vw; }
	#logo{ margin-left:5vw; position: relative;z-index: 9999; transition:filter .3s; }
	.navopen #logo{ position:fixed; filter: invert(1); }
	#logo img{ width:100px; }
	#baseline{ font-size: 70%;margin: 0px 0 0 2vw; max-width: 150px; }

	#titre{ margin: 10vw 5vw 10vw 20vw; }
	.home #titre{ margin: 15vw 5vw 15vw 20vw; }
	#titre h1{ font-size:140%; }
	#titre h1:after{ left: -14.5vw; }
	#titre h1 br{ display:none; }

	#titre h1:after, .home #wrap_2:after, .bloc_center.bloc_bgv:after, .page-id-9 #bloc_2:after, .page-template-missions .bloc_full:after
	{ width: 9.5vw; height: 7.2vw; }

	/* CTN  */
	.wrap{ flex-wrap:wrap; }
	.bloc{ width:100% !important; margin-bottom: 2vw; padding: 10vw 5vw; border-radius:5vw; }
	.bloc_bigtg{ text-align:left; margin-bottom:0; padding-bottom:20px; }
	.bloc_bigtd{ padding-top:0; }
	.bloc_center.bloc_bgv:after{ left: 15vw;top: -2vw; }

	.contenu h1, .contenu h2{ font-size: 140%; }
	.contenu h1, .contenu h2, .contenu h3, .contenu h4{ line-height: 130%; width: 100%; }
	.contenu p{ font-size: 100%; }
	.contenu ul li{ font-size: 100%; }
	.contenu blockquote{ font-size: 110%; }

	/* HOME */
	.home #wrap_2 .bloc{ height:50vw; }
	.home #wrap_2:after{ top:-2vw; right: 15vw; }

	/* PAGE */
	.page-id-9 #bloc_2, .page-id-9 #bloc_7{ height:50vw; }
	.page-id-9 #bloc_2:after{ right: 15vw; top: -2vw; left:inherit; bottom:inherit; }
	.page-id-9 #bloc_10 .contenu{ column-count: initial; }

	.bloc_sld_d .swiper-slide{ padding:20vw 5vw 10vw 5vw ; }
	.bloc_sld_d .swiper-slide p{ font-size: 140%; }

	.page-id-13 #bloc_1{ height:50vw; }

	.mission{ width:100%; aspect-ratio:inherit; padding: 25vw 5vw 5vw 5vw; margin-bottom: 2vw; border-radius: 5vw; justify-content: start; }
	.mission span{ font-size: 90%; margin-bottom: 5px; }
	.mission strong{ font-size: 120%; }
	.post_thumb{ height: 40vw; }

	/* NAV */
	#nav{ margin-top:0; }

	a#showmenu{padding:22px 9px;display:block;z-index:9999999;position:absolute;top:-9px;right:calc(5vw - 9px); transform: scale(1); transition:transform .3s; }
	#showmenu:before, #showmenu:after{content:"";position:absolute;display:block;width:28px;height:2px;background:#1a1a1a;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:#1a1a1a;border-radius:4px;}
	
	#showmenu.close{position:fixed;top: calc(10vw - 9px);right:calc(7.5vw - 9px);}
	#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{ transform: scale(1.1); }
	/* #showmenu:hover div, #showmenu:hover:before, #showmenu:hover:after, #showmenu:focus div, #showmenu:focus:before, #showmenu:focus:after
	{background:#fff;} */

	#showmenunav{opacity:0;visibility:hidden;overflow: scroll; position:fixed;z-index:999; padding:calc(25vw + 27px) 7.5vw 15vw 7.5vw; box-shadow: 0 0 100vw #000;top:-50px;left:0;right:0; border-radius: 0 0 5vw 5vw;transition:all .2s;background:#379266;color:#fff; }
	.open #showmenunav{opacity:1;visibility:visible;top:0;}
	#showmenunav li a{color:#fff;font-size:120%; font-weight:700; margin-bottom:20px; padding:0 5px 0 0; display: block;text-decoration: none;transition:all .3s; }
	#showmenunav li a:hover, #showmenunav li a:focus{color:#fff; text-decoration: none; padding:0 0 0 5px; }
	#showmenunav .sub-menu{ margin-left: 20px; }
	#showmenunav li a svg{ font-size:80%; position:relative; top: -1px; }
	#showmenunav li a i{ font-size: 95%; position:relative; top: 2px; }

	/* FOOTER */
	.bloc_footcta{ height: 30vw; margin-top:8vw; }
	.bloc_footcta strong{ font-size:120%; }

	#footer{ padding: 10vw 7.5vw 10vw 7.5vw; display:block; }
	#footer > img{ margin-bottom:5vw; width: 100px; }
	.foot_link{ display:block; margin-right:0; margin-bottom: 10px; }
	#footer .menu-pied-de-page-container{ margin-top:5vw; }

}