.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/chosen_v1.8.7/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/chosen_v1.8.7/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/chosen_v1.8.7/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;  cursor:text;}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/chosen_v1.8.7/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/chosen_v1.8.7/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/chosen_v1.8.7/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}
.search-choice + .search-field {
display: none;
}
.chosen-search-input {
width: 100% !important;
}
.contact .tm {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
padding-top: 50px;
padding-bottom: 50px;
}body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/lightbox2-master/src/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/lightbox2-master/src/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/lightbox2-master/src/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/js/lightbox2-master/src/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}:root {
--orangergb: 246, 124, 77;
--orange: rgb(var(--orangergb));
--noirrgb: 45, 50, 58;
--noir: rgb(var(--noirrgb));
--blancrgb: 255, 255, 255;
--blanc: rgb(var(--blancrgb));
--bleurrgb: 117, 199, 209;
--bleu: rgb(var(--bleurrgb));
--hind: hind;
--poppins: poppins;
--largeurtrait: 8px;
--fontsizetitre1: 68px;
--lineheighttitre1: 73px;
--fontsizesoustitre1: 19px;
--lineheightsoustitre1: 31px;
--fontsize: 17px;
--fontsizetitrecolonne: 53px;
--lineheighttitrecolonne: 48px;
--fontsizetitre2colonne: 28px;
--lineheighttitre2colonne: 34px;
--largeurmax: 1300px;
--fontsizetitrelisteformation: 22px;
--lineheighttitrelisteformation: 28px;
--fontsizecontenulisteformation: 15px;
--lineheightcontenulisteformation: 17px;
--fontsizechiffrecolonne: 99px;
--lineheightchiffrecolonne: var(--fontsizechiffrecolonne);
--fontsizetitre1equipe: 15px;
--lineheighttitre1equipe: 18px;
--fontsizetitre2equipe: 9px;
--lineheighttitre2equipe: var(--fontsizetitre2equipe);
--fontsizetitre3equipe: 8px;
--largeurmenu: 220px;
--fontsizetitrerealisation: 40px;
--lineheighttitrerealisation: var(--fontsizetitrerealisation);
--titrebrochure: 12px;
--fontsizetitrefooter: 17px;
--fontsizecontenufooter: 12px;
--fontsizetitreenchiffre: 70px;
--fontsizetitreinfos: 60px;
--fontsizecontenuinfos: 31px;
--grostitre: 100px;
--ariane: 20px;
} @font-face {
font-family: "hind";
font-style: normal;
font-weight: 300;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-300.eot);
src: local("Hind Vadodara Light"), local("HindVadodara-Light"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-300.eot?#iefix)
format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-300.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-300.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-300.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-300.svg#HindVadodara) format("svg");
} @font-face {
font-family: "hind";
font-style: normal;
font-weight: 400;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-regular.eot);
src: local("Hind Vadodara Regular"), local("HindVadodara-Regular"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-regular.eot?#iefix)
format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-regular.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-regular.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-regular.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-regular.svg#HindVadodara) format("svg");
}   @font-face {
font-family: "hind";
font-style: normal;
font-weight: 700;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-700.eot);
src: local("Hind Vadodara Bold"), local("HindVadodara-Bold"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-700.eot?#iefix)
format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-700.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-700.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-700.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/hind-vadodara-v5-latin-700.svg#HindVadodara) format("svg");
}  @font-face {
font-family: "poppins";
font-style: italic;
font-weight: 300;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300italic.eot);
src: local("Poppins Light Italic"), local("Poppins-LightItalic"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300italic.eot?#iefix)
format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300italic.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300italic.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300italic.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300italic.svg#Poppins) format("svg");
} @font-face {
font-family: "poppins";
font-style: normal;
font-weight: 300;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300.eot);
src: local("Poppins Light"), local("Poppins-Light"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300.eot?#iefix) format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-300.svg#Poppins) format("svg");
} @font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-regular.eot);
src: local("Poppins Regular"), local("Poppins-Regular"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-regular.eot?#iefix) format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-regular.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-regular.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-regular.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-regular.svg#Poppins) format("svg");
} @font-face {
font-family: "poppins";
font-style: italic;
font-weight: 400;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-italic.eot);
src: local("Poppins Italic"), local("Poppins-Italic"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-italic.eot?#iefix) format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-italic.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-italic.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-italic.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-italic.svg#Poppins) format("svg");
} @font-face {
font-family: "poppins";
font-style: normal;
font-weight: 500;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-500.eot);
src: local("Poppins Medium"), local("Poppins-Medium"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-500.eot?#iefix) format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-500.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-500.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-500.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-500.svg#Poppins) format("svg");
}   @font-face {
font-family: "poppins";
font-style: normal;
font-weight: 700;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700.eot);
src: local("Poppins Bold"), local("Poppins-Bold"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700.eot?#iefix) format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700.svg#Poppins) format("svg");
} @font-face {
font-family: "poppins";
font-style: italic;
font-weight: 700;
src: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700italic.eot);
src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700italic.eot?#iefix)
format("embedded-opentype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700italic.woff2) format("woff2"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700italic.woff) format("woff"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700italic.ttf) format("truetype"),
url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/fonts/poppins-v6-latin-700italic.svg#Poppins) format("svg");
}      [data-svg] {
width: var(--l);
height: var(--h);
}
[data-svg] svg {
width: var(--l);
height: var(--h);
}
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
color: var(--noir);
font-family: var(--hind), sans-serif;
font-size: 16px;
font-size: var(--fontsize);
line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
color: #000 !important; }
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
padding: 0;
margin: 0;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: var(--noir); }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.chosen-container-multi .chosen-choices {
color: var(--noir);
border: 1px solid rgba(var(--noirrgb), 0.2);
border-radius: 3px;
padding: 3px;
display: block;
max-width: 100%;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  a {
color: var(--orange);
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.post {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
li#menu-item-29 { }
ul {
margin: 0;
}
li {
}
header#masthead {
background: var(--noir);
position: relative;
z-index: 9;
}
.site-header ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.site-header #primary-menu li {
padding-left: 20px;
padding-right: 20px;
}
nav#site-navigation li {
font-family: var(--hind);
}
.site > .contenu {
overflow: scroll;
background: var(--blanc);
}
.site-footer { padding: 0;
margin: 0;
margin-top: var(--largeurtrait);
background: var(--noir);
color: #fff;
padding-top: calc(2 * var(--largeurtrait));
}
.site-header-contenu {
position: fixed;
height: calc(100vh - 40px);
display: flex;
flex-direction: column;
width: var(--largeurmenu);
top: 30px;
left: 0px;
}
.site-header .menu-principal {
flex: 2;  margin-top: 0px;
color: var(--blanc);
}
span.menu-principal-no {
font-weight: 300;
font-size: 20px;
color: rgba(var(--blancrgb), 0.3);
display: none;
}
nav#site-navigation li a {
text-decoration: none;
font-family: var(--hind);
font-weight: 400;
font-size: var(--fontsizetitrelisteformation);
display: flex;
flex-direction: column;
color: rgb(var(--blancrgb), 0.6);
color: var(--blanc);
border-bottom: 1px solid transparent;
padding-bottom: 10px;
}
nav#site-navigation li.current-menu-item a,
nav#site-navigation li a:hover,
nav#site-navigation li.current-menu-item a span,
nav#site-navigation li a:hover span {
color: var(--orange);
border-color: var(--orange) !important;
}
.menu-evnt {
color: var(--blanc);
}
.menu-evnt-itm {
display: flex;
background: rgba(var(--blancrgb), 0.15);
margin-bottom: 1px;
color: rgba(var(--blancrgb), 0.6);
align-items: center;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
}
.logo {
padding-left: 20px;
padding-right: 20px;
}
.logo img {
width: 100%;
}
span.menu-evnt-itm-date {
display: flex;
flex-direction: column;
padding-right: 10px;
}
span.menu-evnt-itm-mois {
font-family: var(--poppins);
text-transform: uppercase;
text-align: center;
font-size: 10px;
font-weight: 300;
line-height: 10px;
}
span.menu-evnt-itm-jr {
text-align: center;
font-weight: 600;
font-size: var(--fontsize);
font-family: var(--poppins);
line-height: var(--fontsize);
}
span.menu-evnt-itm-txt {
font-family: var(--hind);
font-size: 14px;
max-height: 37px;
line-height: 17px;
overflow: hidden;
}
.menu-evnt-itm:hover,
a.menu-evnt-btn:hover {
background: rgba(var(--orangergb), 0.9);
color: var(--blanc);
}
a.menu-evnt-btn {
font-size: 10px;
text-align: center;
text-decoration: none;
color: rgba(var(--blancrgb), 0.6);
display: block;
background: rgba(var(--blancrgb), 0.15);
text-transform: uppercase;
margin-bottom: 10px;
}
ul#menu-principal-secondaire {
font-family: var(--hind);
font-size: 9px;
padding-left: 20px;
padding-right: 20px;
}
ul#menu-principal-secondaire a {
color: rgba(var(--blancrgb), 0.3);
text-decoration: none;
}
ul#menu-principal-secondaire li {
text-align: left;
}
ul#menu-principal-secondaire li:not(:last-child) {
margin-right: 5px;
}
ul#menu-principal-secondaire a:hover {
color: var(--orange);
text-decoration: underline;
}
.menu-mobile {
display: none;
}
@media all and (max-width: 800px) {
.site {
display: block;
}
header#masthead {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 999999;
--largeurmenu: 100%;
transform: translate3d(-100%, 0, 0);
transition: all ease 0.2s;
will-change: transform;
}
.logo img {
width: 200px;
}
.menu-mobile {
display: block;
position: fixed;
z-index: 99999999999999999;
bottom: 30px; right: 50%;
transform: translate3d(50%, 0, 0);
transition: all ease 0.3s;
border-radius: 100%;
border: 1px solid var(--noir);
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
border: transparent;
background-color: var(--orange);
}
.menu-principal-active header#masthead {
transform: translate3d(0, 0, 0);
transition: all cubic-bezier(0.73, 0.71, 0, 0.88) 0.4s;
}
}
.menu-principal-active .menu-mobile {
right: 10px;
transition: all ease 0.4s;
transform: translate3d(0, 0, 0);
}
ul#menu-principal-secondaire { margin-top: 10px;
}
a.menu-evnt-btn { }
.brochure {
--l: 100%; width: var(--l); background-size: contain;
position: relative;
perspective: 91px;
overflow: hidden; }
.brochure-contenu { width: calc(var(--l) / 3.8);
height: calc(var(--l) / 2.95);
height: 60.3%;
width: 28.2%;
top: 24.6%;
left: 42.8%;
position: absolute; transform: rotate(1deg) skewX(-1deg); display: flex;
flex-direction: column;
}
.brochure-ombres {
position: absolute;
top: 0;
left: 0;
width: 100%;
mix-blend-mode: multiply;
opacity: 0.2;
user-select: none;
}
.brochure-logo {
left: 50%;
position: absolute;
transform: translate(-50%, 0);
bottom: 3px;
width: 50%;
z-index: 10;
}
.brochure-image {
flex: 2;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 8%;
color: #fff;
font-size: 10px;
line-height: 1;
text-shadow: 1px 1px 1px #000;
color: var(--blanc);
text-align: right;
display: flex;
background-color: var(--noir);  }
.brochure-titre {
background: #fff;
padding-left: 8%;
padding-right: 8%;
font-family: var(--poppins);
text-transform: uppercase;
text-align: center;
color: var(--orange);
font-weight: bold;
letter-spacing: calc(var(--l) / 120);
padding-top: calc(var(--l) / 50);
padding-bottom: calc(var(--l) / 50);
font-size: calc(var(--l) / 60);
min-height: 26px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 7px;
}
.brochure-image-titre {
align-self: flex-end;
margin-bottom: calc(var(--l) / 15);
padding-left: 10px;
padding-right: 5px;
padding-top: 3%;
padding-bottom: 29%;
width: 100%;
font-size: 12px;
}
.brochure-contenu2 {
transform: rotate(-30deg);
top: 18%;
left: 30.9%;
opacity: 0.9;
}
.brochure-cont .brochure {
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
}
.brochure-cont {    }
.brochure-titre-guide {
background: var(--orange);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.brochure-titre-logo {
width: 50%; margin-left: calc(var(--l) / 100);
}
.brochure-guide .brochure-image-titre {
background: rgb(255, 255, 255);
padding-right: 3%;
color: var(--orange);
text-shadow: none;
margin-bottom: 31%;
font-size: var(--titrebrochure);
padding-bottom: 10px;
}
.brochure.brochure-un-item .brochure-ombres {
opacity: 0.3;
}
.brochure-etude .brochure-titre-guide {
background: var(--noir);
}
ul.menu-soc {
padding-left: 20px;
padding-right: 20px;
}
ul.menu-soc li:not(:last-child) {
margin-right: 1em;
}
ul.menu-soc svg {
height: 17px;
}
ul.menu-soc svg path {
fill: rgba(255, 255, 255, 0.3);
}
ul.menu-soc a:hover svg path {
fill: var(--orange);
}
.header {
height: 60vh;
margin-bottom: 10px;
background: #000;
position: relative;
padding: 0;
}
.header-contenu {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
z-index: 2;
position: relative;
}
.ariane {
display: flex;
}
.ariane {
font-family: var(--hind);
padding: 0;
margin: 0;
list-style-type: none;
font-size: 28px;
font-size: var(--ariane);
text-transform: uppercase;
color: #fff;
letter-spacing: 0.2em;
font-weight: 400;
margin-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.ariane li:not(:last-child) {
margin-right: 0.5em;
}
.ariane a {
color: inherit;
text-decoration: none;
border-bottom: 1px solid;
}
.header-gros .header-titre {
font-size: var(--grostitre);
font-family: var(--poppins);
color: #fff;
margin: 0;
padding: 0;
}
.header-txt {
display: flex;
align-items: center;
flex-direction: column;
margin-top: auto;
margin-bottom: auto;
line-height: 1.2;
text-align: center;
}
.header-fleche path {
fill: #fff;
}
.header-fleche {
cursor: pointer;
margin-bottom: 30px;
animation: animflecheheader 0.4s ease alternate infinite;
padding: 10px;
box-sizing: content-box;
}
@keyframes animflecheheader {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(0, 5px, 0);
}
}
.header-sous-titre {
font-size: 54px;
margin: 0;
padding: 0;
font-family: var(--poppins);
font-weight: 300;
font-style: italic;
color: #fff;
}
.header-visuel {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background-color: #2d323a;
}
.header-visuel img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.4;
opacity: 0.55;
}
* {
box-sizing: border-box;
}
.header-video-papa {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.header-visuel video {
width: 100%;
height: 120%;
position: absolute;
top: -10%;
left: 0;
} @media (min-aspect-ratio: 16/9) {
.header-visuel video {
height: 300%;
top: -100%;
width: 120%;
left: -10%;
}
}
@media (max-aspect-ratio: 16/9) {
.header-visuel video {
width: 300%;
left: -100%;
}
} @supports (object-fit: cover) {
.header-visuel video {     opacity: 0.75;
}
}
.header-long .header-titre {
font-size: var(--fontsizetitre1);
font-weight: 300;
padding-left: 30px;
padding-right: 30px;
line-height: var(--lineheighttitre1);
font-family: var(--poppins);
font-style: italic;
color: #fff;
margin: 0;
padding: 0;
max-width: 1000px;
}
.gd {
display: grid;
--i: 20px;
grid-template-columns: calc(50% - (var(--i) / 2)) calc(50% - (var(--i) / 2));
grid-gap: var(--i);
grid-template-areas: "g d";
}
.realisations .g ul {
padding: 0;
list-style-type: none;
margin: 0;
}
.realisations .g ul li {
width: 100%;
position: relative;
background: var(--noir);
padding-left: 0;
}
.realisations .g ul li img,
.choix-formation img,
.digimg-img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
opacity: 0;
}
.realisations .g ul li img,
.choix-formation img,
.digimg-img,
.realisations .g ul li img.lazyloaded,
.choix-formation img.lazyloaded,
.digimg-img.lazyloaded {
opacity: 0.6;
}
span.realisatition-titre {
z-index: 2;
position: relative;
padding-left: 20px;
padding-right: 20px;
display: block;
width: 100%;
}
.realisations .g ul li a {
min-height: 180px;
display: flex;
align-items: center;
color: #fff;
text-decoration: none;
font-family: var(--poppins);
font-weight: 300;
font-size: var(--fontsizetitrerealisation);
line-height: var(--lineheighttitrerealisation);
position: relative;
}
.realisations .g ul li a:hover img {
opacity: 0.3;
}
.realisations .g ul li a:hover {
color: var(--orange);
}
.titrerealisation {
font-size: var(--fontsizetitre1);
text-align: right;
line-height: var(--lineheighttitre1);
font-family: var(--poppins);
padding: 0;
margin: 0;
font-weight: 500;
}
.realisations .d,
.publications .d {
padding-right: var(--largeurtrait);
display: flex;
flex-direction: column;
justify-content: center;
}
.realisations p:not(.realisation-introduction) {
font-size: var(--fontsizesoustitre1);
line-height: var(--lineheightsoustitre1);
text-align: right;
font-family: var(--hind);
margin: 0;
padding: 0;
margin-top: 5px;
}
.traitbas {
padding-bottom: var(--largeurtrait);
border-bottom: var(--largeurtrait) solid var(--noir); }
.footer-adresse {
padding-left: 20px;
padding-right: 20px;
text-align: center;
font-family: var(--hind);
color: var(--orange);
font-weight: 400;
font-size: 12px;
}
.footer4 {
padding-left: 20px;
padding-right: 20px;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
display: grid;
}
.site-footer h2 {
font-family: var(--poppins);
font-weight: 300;
font-size: var(--fontsizetitrefooter);
opacity: 0.8;
}
.site-footer ul {
font-family: var(--hind);
padding: 0;
margin: 0;
list-style-type: none;
font-size: var(--fontsizecontenufooter);
}
.site-footer a {
text-decoration: none;
color: rgba(var(--blancrgb), 0.8);
}
.footer4i:not(.footer4d) ul li:before {
content: ">";
color: var(--orange);
margin-right: 0.3em;
}
.site-footer ul li {
display: flex;
margin-bottom: 0.6em;
line-height: 1.4em;
}
.footer4d ul.menu-soc {
justify-content: left;
}
.site-info {
background: var(--orange);
margin-top: 10px;
font-family: var(--hind);
padding-left: 20px;
padding-right: 20px;
font-size: 9px;
text-align: center;
}
.site-info a {
display: block;
}
.site-info a:hover {
text-decoration: underline;
color: var(--noir) !important;
}
.infos { color: var(--blanc);
margin-top: var(--largeurtrait);
}
.infosblanc {
color: var(--noir);
margin-top: calc(var(--largeurtrait) * 5);
margin-bottom: calc(var(--largeurtrait) * 5);
padding-top: calc(var(--largeurtrait) * 4) !important;
}
.infos .g,
.infos .d {
padding-left: 20px;
padding-right: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.infos h2 {
font-family: var(--poppins);
font-size: var(--fontsizetitreinfos);
margin: 0;
padding: 0;
line-height: 1.3;
}
.fondnoir {
background: var(--noir);
}
.fondblanc {
background: #fff;
}
.infos .fondblanc {
padding-left: calc(var(--largeurtrait) * 2);
padding-right: calc(var(--largeurtrait) * 2);
}
.infos .fondnoir {
padding-top: calc(var(--largeurtrait) * 8);
padding-bottom: calc(var(--largeurtrait) * 8);
}
.infos p {
margin: 0;
padding: 0;
}
.btnpi {
background: var(--orange);
font-weight: 700;
text-decoration: none;
font-family: var(--hind);
font-size: var(--fontsizecontenuinfos);
padding: 10px;
text-align: center;
color: var(--blanc);
border: 2px solid var(--orange);
}
.btnpi:not(:last-child) {
margin-bottom: var(--largeurtrait);
}
.btnpio {
background: var(--blanc);
color: var(--orange);
border-color: var(--blanc);
}
.btnpi:hover {
background: var(--orang);
color: var(--blanc);
}
.site-footer a:hover {
color: var(--blanc);
}
.confiance {   }
.confiance h2 {
font-family: var(--poppins);
font-size: var(--fontsizetitre1);
line-height: var(--fontsizetitre1);
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
.confiance-grille {
padding: 0;
margin: 0;
list-style-type: none;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: var(--largeurtrait); padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
.confiance-grille li {
display: flex;  border: 1px solid var(--noir);
overflow: hidden;
background-image: none;
padding-left: 0;
}
.confiance-grille li img {
width: 70%;
height: 50%;
object-fit: contain;
object-position: center;
margin: auto;
display: flex;
transition: tranform cubic-bezier(0.25, 0.1, 0.24, 1.21) 4.5s;
transform: translate3d(0, 0, 0) scale(1);
transition: all cubic-bezier(0.25, 0.1, 0.21, 1.42) 0.5s; }
.confiance-itm-cont {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
}
.confiance-itm {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.confiance-itm-col {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;  }
.confiance-dernier {
text-decoration: none;
background: var(--noir);
font-family: var(--hind);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
color: var(--blanc);
font-size: 12px;
width: 100%;
height: 100%;
padding: 15px;
color: inherit;
min-height: 180px;
}
.confiance-dernier-titre {
color: var(--orange);
font-size: 18px;
}
span.confiance-dernier-btn {
}
.confiance-dernier-btn,
.dernier-articles-btn {
background: var(--orange);
width: 100%;
padding: 5px;
font-weight: bold;
color: var(--blanc);
}
span.confiance-dernier-desc {
margin-top: auto;
margin-bottom: auto;
color: var(--blanc);
}
.confiance-dernier:hover .confiance-dernier-botuon {
background: var(--blanc);
color: var(--orange);
}
.confiance-dernier:hover .confiance-dernier-btn,
.rea-style-dernier a:hover .dernier-articles-btn { background: var(--blanc);
color: var(--orange);
}
.confiance-grille li:hover img {
transform: translate3d(0, 0, 0) scale(1.15);
}
.enchiffres {
background: var(--orange);
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 40px;
}
.enchiffrescont {
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
text-align: center;
}
.enchiffrescont2 {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
display: grid;
grid-template-areas: "a a b b c c" "d d d e e e";
gap: 20px;
}
.enchiffrescont2 li {
padding-left: 0px;
display: flex;
flex-direction: column;
background-image: none;
}
@media screen and (max-width: 480px) {
.enchiffrescont2 .enchiffresitem {
font-size: 23px;
}
}
.enchiffrescont2 li:nth-child(1) {
grid-area: a;
}
.enchiffrescont2 li:nth-child(2) {
grid-area: b;
}
.enchiffrescont2 li:nth-child(3) {
grid-area: c;
}
.enchiffrescont2 li:nth-child(4) {
grid-area: d;
}
.enchiffrescont2 li:nth-child(5) {
grid-area: e;
}
.enchiffrescont li {
padding-left: 0px;
display: flex;
flex-direction: column;
background-image: none;
}
.enchiffresitem {
font-size: var(--fontsizetitreenchiffre);
font-family: var(--hind);
line-height: var(--fontsizetitreenchiffre);
}
.enchffresitemtitre {
font-size: 25px;
font-family: var(--hind);
line-height: 25px;
}
.enchiffres h2 {
font-family: var(--hind);
color: #fff;
font-size: var(--fontsizetitreenchiffre);
font-weight: 500;
padding: 0;
margin: 0;
}
.header-categorie {
font-size: 40px;
font-family: var(--poppins);
color: var(--orange);
font-weight: 500;
margin: 0;
padding: 0;
letter-spacing: -0.015em;
}
.ariane li {
background: none;
padding-left: 0;
}
.site-header ul#primary-menu > li:first-child { }
nav#site-navigation li a {
padding-top: 30px; }
.gd2 {
display: grid;
grid-template-columns: 360px 1fr;
grid-gap: 50px;
padding-left: var(--largeurtrait);
padding-right: 40px;
max-width: var(--largeurmax);
margin-left: auto;
margin-right: auto;
grid-template-areas: "g d";
}
@media all and (max-width: 1000px) {
.gd2 {
grid-template-columns: 250px 1fr;
}
}
.brochure-contenu:after {
content: "";
display: block;
display: none !important;
position: absolute;
bottom: 0;
left: 0;
width: 100.3%;
height: 22px;
background: #000;
opacity: 0.5;
z-index: 1;
}
.formation-intro h1,
.formation-princ .g h2,
.formation-intro2 h1 {
font-size: var(--fontsizetitrecolonne);
line-height: var(--lineheighttitrecolonne);
font-family: var(--poppins);
font-weight: 500;
margin-bottom: 0;
}
.formation-intro h2 {
font-size: var(--fontsizetitre2colonne);
line-height: var(--lineheighttitre2colonne);
font-family: var(--poppins);
font-weight: 500;
margin-top: 5px;
margin-bottom: 0px;
color: var(--orange);
}
.formation-intro h3,
.formation-intro2 h3 {
font-size: 1em;
font-family: var(--poppins);
font-weight: 400;
margin: 0;
padding: 0;
margin-top: 5px;
}
.formation-info {
background: var(--noir);
margin-top: calc(var(--largeurtrait));
display: flex;
flex-direction: column;
min-height: 300px;
color: var(--blanc);
}
.formation-info h3:after {
content: "";
display: block;
margin-left: -10px;
margin-right: -10px;
height: 1px;
background: var(--blanc);
margin-top: 5px;
margin-bottom: 5px;
}
.formation-info h3 {
padding: 0;
margin: 0; margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-family: var(--poppins);
font-weight: 500;
font-size: 22px;
letter-spacing: -0.01em;
}
.formation-info-cont p {
margin: 0;
padding: 0;
}
.formation-info-prix {
font-size: 25px;
font-family: var(--poppins);
font-weight: 500;
background: var(--orange);
padding: 5px;
text-align: center; border-top: 1px solid var(--orange);
}
.formation-info-cont {
flex: 2;
margin-left: 10px;
margin-right: 10px;
}
.formation-info-prix:hover {
border-color: var(--blanc);
background: var(--noir);
}
[data-scroll] {
cursor: pointer;
}
.formation-info-cont ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.formation-info-cont ul li {
display: flex;
background: none;
padding-left: 0;
margin-bottom: 10px;
}
.formation-info li span {
width: 1em;
height: 1em;
margin-right: 0.2em;
}
.formation-info-exergue {
background: var(--orange);
}
.formation-inscription,
.formation-programme {
margin-top: var(--largeurtrait);
display: flex;
color: var(--blanc);
text-decoration: none;
flex-direction: column;
}
.formation-inscritption-txt {
background: var(--orange);
display: flex;
padding: 0;
margin: 0;
align-items: center;
justify-content: center;
padding: 5px;
margin-top: -1px;
}
.formation-inscritption-txt [data-svg],
.principal-btn [data-svg] {
--l: 1em;
margin-left: 0.2em;
margin-top: -0.2em;
transform: translate3d(0, 0, 0);
transition: transform cubic-bezier(0.32, -0.27, 0.01, 1.49) 0.3s;
}
.formation-inscription:hover .formation-inscritption-txt {
background: var(--noir);
color: #fff;
}
.formation-inscription:hover .formation-inscritption-txt [data-svg],
.principal-btn:hover [data-svg] {
transform: translate3d(10px, 0, 0);
}
.brochure img {
display: block;
}
.formation-programme:hover .formation-inscritption-txt [data-svg],
.principal-btn:hover [data-svg].fleche_bas,
.formation-download:hover [data-svg].fleche_bas {
transform: translate3d(0, 2px, 0);
}
.principal h2:not(.titrerealisation):not(.pasclassique) {
color: var(--orange);
font-weight: 300;
font-size: 26px;
border-bottom: 1px solid;
margin-bottom: 10px;
}
.gd2 .d { }
#finheader + .gd2 {
margin-top: 50px;
padding: var(--largeurtrait);
}
.principal-btn {
background: var(--orange);
flex-grow: 2;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
color: var(--blanc);
text-decoration: none;
border: 1px solid var(--orange);
}
.principal-btns {
display: grid;
grid-template-columns: 50% 50%;
grid-gap: var(--largeurtrait);
margin-bottom: var(--largeurtrait);
margin-top: 20px;
}
.principal-btns > a:not(:last-child) { }
.principal-btn.principal-btn-download {
background: var(--noir);
border-color: var(--noir);
}
.principal-btn:hover {
background: var(--bland);
color: var(--noir);
border-color: var(--noir);
}
.formateur {
background: var(--orange);
}
.formateurz {
}
.tm {
max-width: var(--largeurmax);
margin-left: auto;
margin-right: auto;
}
.formateur .tm {
display: grid;    padding-top: 10px;
padding-bottom: 10px;
}
.formateur-txt {
display: flex;
flex-direction: column;
height: 100%;
position: relative; }
.formateur-txt-contact {
flex: 2;
display: flex;
align-items: flex-end;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
position: absolute;
bottom: 0;
}
.formateur-txt-titre {
color: var(--blanc) !important;
font-family: var(--poppins);
font-weight: 500;
font-size: 25px;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.formateur-txt-contact a {
color: #fff;
font-family: var(--poppins);
font-size: 18px;
font-style: italic;
font-weight: 300;
overflow: hidden;
width: 100%;
display: block;
text-overflow: ellipsis;
}
.formateur-txt-desc {
font-family: var(--poppins);
font-size: var(--fontsize);
font-style: italic;
font-weight: 300;
margin-bottom: 10px;
}
.verbatim {
background: var(--noir);
color: var(--blanc);
}
.verbatim .tm {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
padding-top: 50px;
padding-bottom: 50px;
}
.verbatim-contenu:before,
.verbatim-contenu:after {
content: "«";
position: absolute;
font-family: var(--poppins);
font-size: 50px;
font-weight: 300;
font-style: italic;
line-height: 25px;
}
.verbatim-contenu,
h2.verbatim-auteur {
position: relative;
padding-left: 40px;
padding-right: 40px;
font-family: var(--poppins);
font-size: var(--fontsize);
font-weight: 300;
font-style: italic;
border-bottom: none;
}
.verbatim-contenu:before {
left: 10px;
top: 0px;
}
.verbatim-contenu:after {
content: "»";
margin-left: 8px;
right: 10px;
}
.verbatim-auteur {
font-weight: 600;
}
.contact .tm,
.contact .ptm {
display: grid; grid-template-columns: 1fr 1fr;
grid-gap: 40px;
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
padding-top: 50px;
padding-bottom: 50px;
grid-template-areas: "g d";
}
.contact h2 {
font-family: var(--poppins);
line-height: var(--fontsizetitre1);
font-size: var(--fontsizetitre1);
line-height: var(--lineheighttitre1);
padding: 0;
margin: 0;
font-weight: 500;
margin-bottom: 10px;
margin-bottom: 10px;
}
label {
display: block;
}
form.wpcf7-form > p,
form.wpcf7-form2 p.wpcf7-form-p {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--largeurtrait);
font-weight: bold;
text-transform: uppercase;
}
.wpcf7-form br,
.wpcf7-form2 br {
display: none;
}
.contact .g,
.contact .d { }
span.wpcf7-form-control-wrap {
display: block;
}
form.wpcf7-form > p label:not(.contact-moitie),
form.wpcf7-form p.wpc7-form-p label:not(.contact-moitie) {
grid-column: 1 / 3;
}
.chosen-container {
width: 100% !important;
}
span.wpcf7-form-control-wrap {
display: block;
}
form.wpcf7-form > p label:not(.contact-moitie),
form.wpcf7-form p.wpcf7-form-p label:not(.contact-moitie),
form.wpcf7-form2 label:not(.contact-moitie) {
grid-column: 1 / 3;
}
.chosen-container-multi .chosen-choices li.search-choice span {
font-weight: 300;
}
.chosen-container-multi .chosen-choices li.search-choice {
background-image: linear-gradient(
rgba(244, 244, 244, 0.4) 20%,
rgba(240, 240, 240, 0.4) 50%,
rgba(232, 232, 232, 0.4) 52%,
rgba(238, 238, 238, 0.4) 100%
);
background-color: var(--blanc);
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
grid-column: 1 / 3;
font-weight: bold;
background: var(--orange);
border-radius: 0;
border: none;
padding: 10px;
color: #fff;
font-size: 1rem;
cursor: pointer;
}
section.formation-intro.gd2 {
margin-bottom: 50px;
}
.formation-inscription img {
}
.formation-espace-devant {
margin-top: 50px;
}
.formation-intro .d h2,
.formation-intro .d h2 + p {
display: inline;
}
.formation-intro .d h2 {
font-family: var(--hind);
color: var(--noir);
font-weight: bold;
font-size: 1.4rem;
}
main ul {
list-style-type: none;
padding: 0;
}
main ul li {
background-image: url(//www.desenjeuxetdeshommes.com/wp-content/themes/lpqm_php8/images/puce.svg);
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 20px;
}
ul.chosen-choices li {
background-image: none;
}
li.active-result,
.result-selected,
.chosen-drop ul li {
background: none;
}
.formation-lien-item {
text-align: center;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 38px;
width: 100%;
color: var(--noir);
text-decoration: none;
align-items: center;
background: rgba(229, 229, 229, 1);
}
.formation-lien-item-savoirplus {
grid-column: 1 / 3;
text-align: center;
background: var(--orange);
color: #fff; border-top: 1px solid var(--orange);
padding-top: 5px;
padding-bottom: 5px;
display: block; }
.formation-lien-item h2 {
padding: 0;
margin: 0;
font-size: var(--fontsizetitrelisteformation);
line-height: var(--lineheighttitrelisteformation);
padding: 20px;
}
.formation-lien-item-desc {
display: flex;
flex-direction: column;  font-size: var(--fontsizecontenulisteformation);
line-height: var(--lineheightcontenulisteformation); }
.formation-lien-item-desc-desc {
margin-top: 10px;
}
.formation-lien-item h2,
.formation-lien-item-desc {  }
span.formation-lien-item-desc {
}
span.formation-lien-item-desc {
}
span.formation-lien-itemz {
padding: 20px;
background: rgba(255, 255, 255, 0.6);
min-height: 100%;
display: flex;
justify-content: center;
min-height: 180px;
align-items: center;
}
.formation-liste .tm {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: calc(var(--largeurtrait) * 1);
}
.formation-lien-item:nth-child(1) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(4) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(5) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(8) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(9) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(12) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(13) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(16) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(17) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(20) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(21) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(24) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(25) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(28) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(29) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(32) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(33) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(36) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(37) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(40) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(41) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(44) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(45) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(48) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(49) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(52) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(53) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(56) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(57) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(60) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(61) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(64) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(65) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(68) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(69) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(72) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(73) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(76) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(77) .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(80) .formation-lien-item-savoirplus {
background: var(--noir);
border-color: var(--noir);
}
.formation-lien-item:hover .formation-lien-item-savoirplus {
background: var(--noir);
color: var(--blanc);
border-color: var(--noir);
}
.formation-lien-item:not(.formation-lien-item2):hover {
background: var(--noir);
color: var(--blanc);
}
.formation-liste {
padding-bottom: calc(var(--largeurtrait) * 2);
}
span.wpcf7-form-control-wrap {
grid-column: 1/3;
}
.contexte {
background: var(--noir);
color: var(--blanc);
padding-top: 30px;
padding-bottom: 30px;
}
.contexte h2 {
color: var(--orange);
font-family: var(--poppins);
font-weight: 500;
font-size: var(--fontsizetitrecolonne);
margin: 0;
padding: 0;
}
.contexte p {
padding: 0;
margin: 0;
font-size: var(--fontsizesoustitre1);
}
.formation-princ {
padding-bottom: 50px;
}
.realisation-contenu-principal .g h2 {
padding: 0;
font-family: var(--poppins);
font-weight: 500;
font-size: var(--fontsizetitrecolonne);
line-height: var(--lineheighttitrecolonne);
margin-bottom: 50px;
}
.realisation-contenu-principal .g h3 {
font-family: var(--poppins);
font-weight: 400;
font-size: var(--fontsizechiffrecolonne);
line-height: var(--lineheightchiffrecolonne);
padding: 0;
margin: 0;
transition: all cubic-bezier(0.25, 0.1, 0.29, 1.35) 0.3s;
transform-origin: center left;
}
.chiffre-clef {
padding-top: 10px;
padding-bottom: 10px;
margin-left: calc(var(--largeurtrait) * -1);
padding-left: var(--largeurtrait);
}
.realisation-contenu-principal .g .chiffres-clefs {
display: flex;
flex-direction: column;
justify-content: space-evenly;
flex: 2;
}
.realisation-contenu-principal .g {
display: flex;
flex-direction: column;
}
.chiffre-clef p {
margin: 0;
font-size: var(--fontsizesoustitre1);
}
.chiffre-clef:hover {
background: var(--orange);
}
.chiffre-clef:hover h3 {
transform: scale(1.2);
}
.realisation-contenu-principal .g {
display: flex;
flex-direction: column;
}
.galerie {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: var(--largeurtrait);
padding-bottom: 0px;
border-top: calc(var(--largeurtrait) / 2) solid var(--orange); }
.galerie li {
display: flex;
padding-left: 0;
background-image: none;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.galerie li a {
display: flex;
width: calc(100% - 10px);
height: 100%;
align-items: center;
justify-content: center;
position: relative;
z-index: 10;
transition: transform ease 0.2s, box-shadow ease 0.2s;
}
.galerie li a:hover {
transform: scale(1.05);
z-index: 11;
background: #fff;
box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.35);
}
.galerie li {
margin-bottom: var(--largeurtrait);
}
.annee-item h3,
.annee-titre {
background: var(--noir);
color: var(--blanc);
padding-left: 20px;
font-size: var(--fontsizetitrecolonne);
line-height: var(--lineheighttitrecolonne);
padding-bottom: 5px;
padding-top: 5px;
font-weight: 500;
}
.histoire .tm {
display: grid;
grid-template-areas: "a" "b" "c" "d";
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
.hist-annees {
grid-area: d;
}
.hist-range {
grid-area: c;
}
.hist-descz h2,
.equipe h2,
.implantations h2,
.titre {
font-family: var(--poppins);
font-weight: 500;
font-size: var(--fontsizetitre1);
line-height: var(--lineheighttitre1);
margin: 0;
padding: 0;
margin-bottom: 20px;
}
.hist-desc {
margin-bottom: 40px;
}
.lerangevals {
display: flex;
justify-content: space-between;
font-family: var(--poppins);
font-weight: bold;
font-size: var(--fontsizetitre2colonne);
margin: 0;
padding: 0;
user-select: none;
}
.lerangeinfos {
text-align: center;
font-family: var(--poppins);
font-weight: 300;
font-style: italic;
user-select: none;
margin-bottom: 30px;
}
.annee-item-prec-suiv > * {
user-select: none;
background: var(--orange);
display: flex;
align-items: center;
padding: 6px;
color: var(--blanc);
cursor: pointer;
}
.annee-item-prec-suiv {
display: flex;
justify-content: space-between;
}
.annee-item-prec-suiv > * span {
--l: 1.1em;
margin-left: 5px;
margin-right: 5px;
}
.annee-item-prec span {
transform: rotate(180deg) translate(0, -2px);
}
.annee-item-prec-suiv > *:hover {
background: var(--noir);
}
.equipez {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: var(--largeurtrait);
}
.equipe .tm {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
.epuipe-itm-img {
width: 100%;
height: 0;
padding-bottom: 130%;
position: relative;
}
.equipe-itm-imgz {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.equipe-itm-imgz img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.equipe-itm-imgz img.apropos-equipe-itm-img-hover {
opacity: 0;
transition: all cubic-bezier(0.25, 0.1, 0.17, 1.13) 0.5s;
}
.epuipe-itm-txt {
background: var(--noir);
color: var(--blanc);
padding: 5px;
position: absolute;
width: 100%;
transform: translate3d(0, calc(100% - 40px), 0);
bottom: 0;
transition: transform ease 0.2s;
--i: calc(100% - 10px);
}
.epuipe-itm-txt-nom {
padding: 0;
margin: 0;
font-size: var(--fontsizetitre1equipe);
line-height: var(--lineheighttitre1equipe);
text-transform: uppercase;
font-weight: 400;
display: table; }
.epuipe-itm-txt-fonction {
padding: 0;
margin: 0;
font-size: var(--fontsizetitre2equipe);
line-height: var(--lineheighttitre2equipe);
text-transform: uppercase;
font-weight: 400;
color: var(--orange);
}
.epuipe-itm-txt-soc path {
fill: var(--blanc);
}
.epuipe-itm-txt-soc {
display: flex;
justify-content: space-evenly;
margin-top: 7px;
}
.epuipe-itm-txt-mail {
text-align: center;
position: absolute;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
.epuipe-mailz {
font-size: var(--fontsizetitre2equipe);
height: calc(var(--fontsizetitre2equipe) + 5px);
position: relative;
}
.epuipe-maily a {
color: var(--blanc);
width: 100%;
white-space: nowrap;
}
.equipe-itm {
position: relative;
overflow: hidden;
padding-left: 0;
background-image: none;
}
.three-dots-icon {
display: none;
position: relative;
width: 20px;
height: 20px;
z-index: 10;
}
.equipe-itm:hover .three-dots-icon {
display: block;
}
.transform-txt {
transform: translate3d(0, 0, 0) !important;
}
.transform-txt-nomz {
transform: translate3d(var(--debordement), 0, 0);
}
.equipe-itm:hover .epuipe-itm-txt { }
.equipe-itm:hover .equipe-itm-imgz img.apropos-equipe-itm-img-hover,
.equipe-itm.active-animation .equipe-itm-imgz img.apropos-equipe-itm-img-hover { }
.equipe-itm:hover .equipe-itm-imgz img.apropos-equipe-itm-img-pashover,
.equipe-itm.active-animation
.equipe-itm-imgz
img.apropos-equipe-itm-img-pashover { }
.equipe-itm.equipe-itm.active-animation:hover img.apropos-equipe-itm-img-hover {
opacity: 0;
}
.equipe-itm.active-animation:hover
.equipe-itm-imgz
img.apropos-equipe-itm-img-pashover {
opacity: 1;
}
.opacity-1 {
opacity: 1 !important;
transition: all cubic-bezier(0.25, 0.1, 0.17, 1.13) 0.5s;
}
.equipe-itm-plus {
margin-top: 10px;
transition: margin cubic-bezier(0.25, 0.1, 0, 1.27) 0.7s;
transition: margin ease 0.2s;
}
.equipe-itm:hover .equipe-itm-plus {
margin: 0;
}
.epuipe-itm-txt-nomz {
width: 200%;
}
.equipe-itm:hover .epuipe-itm-txt-nomz { }
.epuipe-itm-txt-nomz {
transition: all cubic-bezier(0.25, 0.1, 0.17, 1.13) 0.5s;
}
.epuipe-maily {
overflow: hidden;
text-overflow: ellipsis;
}
.epuipe-itm-txt-soc a:hover path {
fill: var(--orange);
}
.epuipe-maily a:hover {
color: var(--orange);
}
.epuipe-itm-txt-soc span {
margin: 0;
padding: 0;  }
.equipe-itm-last {
padding: 0;
background-image: none;
}
.tmb {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
.implantations h2 {
}
.implantations .tm {
background: #e0e0e0;
padding-top: 50px;
padding-bottom: 50px;
}
.histoire {
border-bottom: var(--largeurtrait) solid var(--orange);
padding-bottom: 50px;
margin-bottom: 50px;
padding-top: 50px;
}
.equipe {
border-bottom: var(--largeurtrait) solid var(--noir);
padding-bottom: 50px;
}
.equipe {
border-bottom: var(--largeurtrait) solid var(--noir);
padding-bottom: 50px;
margin-bottom: var(--largeurtrait);
}
.implantations {
border-bottom: var(--largeurtrait) solid var(--noir);
padding-bottom: var(--largeurtrait);
}
section.implantations {
background: #e0e0e0;
}
.lieu li {
padding-left: 0;
background-image: none;
margin: 0;
padding-top: 10px;
}
.lieu-gal ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.lieu {
border-bottom: var(--largeurtrait) solid var(--noir);
padding-bottom: var(--largeurtrait);
padding-top: 50px;
}
.lieu-ent li:not(:last-child) {
}
ul.lieu-ent > li:not(:last-child) {
border-bottom: 1px solid var(--orange);
padding-bottom: 10px;
}
.lieu-desc p {
margin: 0;
padding: 0;
}
.evnt-info {
background: var(--noir);
color: var(--blanc);
padding-top: 50px;
padding-bottom: 50px;
display: flex;
justify-content: space-evenly;
padding-left: 20px;
padding-right: 20px;
max-width: 100vw;
overflow: hidden;
}
.evnt-info h2 {
color: var(--orange);
font-weight: 400;
font-size: var(--fontsizetitre2colonne);
padding: 0;
margin: 0;
}
.evnt-info-itm {
display: flex;
flex-direction: column;
align-items: baseline;
}
.evnt-info-gros {
font-size: var(--fontsizetitre1);
line-height: var(--fontsizetitre1);
}
.evnt-info-petit {
font-size: var(--fontsizetitre2colonne);
}
.derniers-articles li {
padding: 0;
background-image: none;  }
.derniers-articles ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: var(--largeurtrait);
margin-top: 40px;
}
.evenement,
.lalistedepublications .evenement {
display: flex;
position: relative;
flex-direction: column;
height: 100%;
text-decoration: none;
padding: var(--largeurtrait);
overflow: hidden;
min-height: 200px;
width: 100%;
}
.dernier-article-photo,
.dernier-article-photo img,
.offre-carre-contenu {
object-fit: cover;
background: rgba(var(--noirrgb), 0.7);
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.offre-carre-contenu {
position: initial;
width: auto;
height: auto;
}
.dernier-article-contenu {
position: relative;
font-size: var(--fontsizecontenulisteformation);
line-height: var(--lineheightcontenulisteformation);
color: var(--blanc);    z-index: 2;
align-self: baseline;
}
.dernier-article-photo img {
mix-blend-mode: soft-light;
opacity: 0.5;
}
.dernier-articles-titre {
color: var(--orange);
position: relative;
z-index: 2;
font-family: var(--poppins);
font-weight: bold;
font-size: var(--fontsizetitrelisteformation);
line-height: var(--lineheighttitrelisteformation);
margin-top: auto;
align-self: baseline;
}
.derniers-articles:not(.hoverlisteguide) li a:hover img,
a.guidetude:hover .brochure-contenu,
.hoverlisteguide li a:hover .fondguide,
.evenement:hover .dernier-article-photo img {
transform: scale(1.1);
}
.dernier-articles-date {
position: relative;
z-index: 2;
display: grid;
flex-direction: column;
line-height: 18px;
grid-template-columns: min-content;
text-align: center;
color: var(--blanc);
}
.dernier-article-cat {
position: relative;
z-index: 2;
font-size: 11px;
margin-bottom: auto;
}
.dernier-articles-date + .dernier-article-titre {
margin-top: 0;
}
.dernier-articles-date + .dernier-articles-titre {
margin-top: 0;
}
.dernier-articles-date-mois {
font-size: 9px;
font-family: var(--poppins);
}
.dernier-articles-date-jour {
font-weight: 600;
font-family: var(--poppins);
}
.derniers-articles {
margin-top: 50px;
}
.derniers-articles li:nth-child(n + 4) {  }
.voirplus {
grid-column: 1 / 4;
background: var(--noir);
padding: 5px;
color: var(--blanc);
text-align: center;
border: 1px solid var(--noir);
cursor: pointer; text-decoration: none;
}
.voirplus:hover {
background: var(--blanc);
color: var(--noir);
}
.nav-previous,
.nav-next {
flex: 2;
}
.nav-previous {
padding-right: calc(var(--largeurtrait) / 2);
}
.nav-next {
padding-left: calc(var(--largeurtrait) / 2);
}
.nav-previous a,
.nav-next a,
.bouton {
padding: 5px;
display: block;
background: var(--noir);
color: var(--blanc);
text-decoration: none;
border: 1px solid var(--noir);
text-align: center;
}
.nav-links {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
max-width: var(--largeurmax);
margin-left: auto;
margin-right: auto;
margin-top: var(--largeurtrait);
display: flex;
}
.nav-previous a:hover,
.nav-next a:hover,
.bouton:hover {
background: var(--blanc);
color: var(--noir);
}
.nav-next {
}
.brochure-guide .brochure-contenu:after {
height: 30px;
}
.bouton {
backface-visibility: var(--noir);
}
#ledl {
display: flex;
}
#ledl a {
margin: auto;
width: 100%;
}
span.wpcf7-list-item {
margin: 0;
}
.brochure-liste-guide .brochure-contenu {
top: 8%;
left: 57%;
transform: rotate(2deg) skewX(0deg);
width: 39%;
height: 83%;
}
.brochure-liste-guide .brochure-ombres {
top: -44%;
left: 30px;
}
.brochure-texte {
position: absolute;
z-index: 10;
top: 5px; width: 50%;
height: 100%;
display: flex;
flex-direction: column;
}
.brochure-texte-titre {
padding: 0;
margin: 0;
font-family: var(--poppins);
font-size: var(--fontsizecontenulisteformation);
line-height: var(--lineheightcontenulisteformation);
margin-top: auto;
color: var(--blanc);
padding-left: 5px;
text-transform: uppercase;
max-height: 62%;
overflow: hidden;
}
.brochure-texte-partenariat {
padding: 0;
margin: 0;
font-family: var(--poppins);
font-weight: 400;
font-size: var(--fontsizetitre1equipe);
line-height: var(--lineheighttitre1equipe);
width: 100%;
background: var(--noir);
height: 30%;
margin-top: 9px;
padding: 8px;
margin-bottom: 5px;
display: flex;
align-items: center;
}
h3.brochure-texte-titre {
}
.fondguide {  }
a.guidetude:hover .brochure-contenu,
.dernier-article-photo img,
a:hover .fondguide {
transition: all cubic-bezier(0.25, 0.1, 0, 1.38) 0.3s !important; }
.fondguide {
transform-origin: 77% 50%;
width: 100%;
}
a.guidetude:hover .fondguide {
transform: scale(1.1) rotate(-2deg) !important;
}
.pasplusde6elts li:nth-child(n + 7) {
height: 0;
min-height: 0px;
overflow: hidden;
position: absolute;
}
.lalistedeguide li a { min-height: 180px;
padding: 0;
display: flex;
align-items: center;
}
.pasplusde6elts .voirplus {
grid-row: 3;
}
ul.pasplusde6elts {
grid-template-rows: max-content max-content max-content;
}
.derniers-articles-etude .brochure-titre-guide {
background: var(--noir);
}
.derniers-articles-etude .brochure-image {
background-color: var(--orange);
}
.brochure-etude .brochure-image {
background-color: var(--orange);
}
h2.verbatim-auteur {
}
.realisations {
margin-top: var(--largeurtrait);
}
.publications-items {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--largeurtrait);
}
.publications-items li {
padding: 0;
background-image: none;
}
.publications-items li {
display: flex;
background: rgb(var(--noirrgb), 0.5);
align-items: center;
}
.prochaines-formations .g {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: var(--largeurtrait);
}
.liste-formations .deltabouge {    }
ul.liste-formations {
position: relative;
}
.liste-formations li {
padding: 0;
margin: 0;
background-image: none;
overflow: hidden;
}
.prochaines-formations .gd {
}
.prochaines-formations .d {
--i: calc(100% - 0px);
overflow: hidden;
}
.liste-formations-nav {
position: absolute;
top: 50%;
width: 40px;
height: 50px;
background: red;
z-index: 100;
transform: translate(0, -50%);
display: none;
}
.liste-formations-nav-nxt {
right: 0;
}
a.lienfl {
}
.liste-formations li:first-child {
}
.deltabouge {  }
.deltabouge.slick-initialized.slick-slider {
}
.deltabouge button.slick-arrow {
position: absolute;
z-index: 100;
top: 50%;
transform: translate(0, -50%);
text-indent: -5000000px;
--r: 70px;
width: var(--r);
height: var(--r);
background: rgba(var(--blancrgb), 0.7);
border-radius: 100%;
outline: none;
cursor: pointer;
border: 1px solid var(--noir);
}
.liste-formations .slick-track li:nth-child(2n + 2) .cont {
background: var(--noir);
}
.liste-formations li .cont {
width: calc(100% - var(--largeurtrait));
background: var(--orange);
min-height: 430px;
color: var(--blanc);
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
text-decoration: none;
border: 1px solid transparent;
}
.deltabouge .slick-next.slick-arrow {
right: -3%;
}
.deltabouge button.slick-prev.slick-arrow {
left: -4%;
display: none !important;
}
.deltabouge button.slick-arrow:after {
content: "\3E";
display: flex;
color: var(--noir);
position: absolute;
z-index: 1000;
font-size: 10px;
height: 100%;
width: 100%;
top: 0;
left: 0;
text-indent: 0;
align-items: center;
justify-content: center;
font-family: var(--poppins);
font-weight: 400;
font-size: 40px;
outline: none;
}
.deltabouge button.slick-arrow.slick-prev:after {
content: "\3C";
}
.liste-formations .slick-track li:nth-child(2n + 2) .cont .liste-formation-cat {
color: var(--orange);
}
.liste-formation-cat {
color: var(--noir);
font-size: var(--fontsizetitre1equipe);
line-height: var(--lineheighttitre1equipe);
}
.liste-formation-date {
margin-bottom: auto;
line-height: 21px;
}
.liste-formation-titre {
font-size: var(--fontsizecontenulisteformation);
text-transform: uppercase;
line-height: var(--lineheightcontenulisteformation);
font-family: var(--poppins);
font-weight: 600;
margin-bottom: 10px;
}
.liste-formation-desc {
font-size: var(--fontsizecontenulisteformation);
}
.prochaines-formations {
padding-top: var(--largeurtrait);
padding-bottom: var(--largeurtrait);
}
.liste-formations li .cont:hover {
color: var(--noir) !important;
background: var(--blanc) !important;
border-color: var(--noir) !important;
}
.liste-formations li .cont:hover .liste-formation-titre {
color: var(--orange) !important;
}
.liste-formations
li
.cont:hover
li:nth-child(2n + 2)
.cont
.liste-formation-cat {
color: var(--noir) !important;
}
.liste-formations li:nth-child(2n + 2) .cont:hover .cont .liste-formation-cat {
color: var(--noir);
}
.deltabouge button.slick-arrow:hover {
background: rgba(var(--noirrgb), 0.7);
}
.deltabouge button.slick-arrow:hover:after {
color: var(--blanc);
}
a.lienfl .fleche_droite_lien {
--l: 0.9em;
margin-left: 0.2em;
}
.publications .d,
.realisations .d {
text-align: right;
}
.deltabouge button.slick-arrow:hover {
background: rgba(var(--noirrgb), 0.7);
}
.deltabouge button.slick-arrow:hover:after {
color: var(--blanc);
}
a.lienfl .fleche_droite_lien {
}
.aproposchif li {
padding: 0;
background-image: none;
}
.aproposchif {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--largeurtrait);
}
.apc {
display: flex;
flex-direction: column;
text-align: left;
}
.aproposaccueil {
padding: var(--largeurtrait);
}
.aproposaccueil g {
display: flex;
}
.aproposaccueil .g {
display: flex;
justify-content: center;
flex-direction: column;
}
.apcn {
font-size: var(--fontsizetitre1);
line-height: var(--fontsizetitre1);
}
.apct {
font-size: var(--fontsizetitrelisteformation);
}
.api img {
width: 100%;
height: 100%;
object-fit: cover;
}
.apis {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--largeurtrait);
--i: 70px;
}
.apig {
display: grid;
grid-template-columns: var(--i) 1fr;
grid-template-rows: 50px 150px var(--largeurtrait) 135px var(--largeurtrait) 205px;
grid-template-areas:
"w w"
"a a"
"z z"
"y b"
"x x"
"c c";
}
.api1,
.api2 {
grid-area: a;
}
.api3,
.api4 {
grid-area: b;
}
.api5,
.api6 {
grid-area: c;
}
.apid {
display: grid;
grid-template-columns: 1fr var(--i);
grid-template-rows: 200px var(--largeurtrait) 190px var(--largeurtrait) 150px;
grid-template-areas:
"a a"
"z z"
"b y"
"x x"
"c c";
}
.apig,
.apid { }
.traitbasorange {
border-bottom-color: var(--orange);
}
.traitbasorange {
border-bottom-color: var(--orange);
}
.publications {
padding-top: var(--largeurtrait);
}
.g {
grid-area: g;
}
.d {
grid-area: d;
}
.inscriptiontextedroite .d {
text-align: right;
}
iframe {
border: none;
}
.inscriplan {
position: relative;
overflow: hidden;
flex: 2;
}
.inscriplan iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: calc(100% - 50px) !important;
}
.iscrimap {
display: flex;
flex-direction: column;
}
@media (max-width: 1120px) {
:root {
--orangergb: 246, 124, 77;
--orange: rgb(var(--orangergb));
--noirrgb: 45, 50, 58;
--noir: rgb(var(--noirrgb));
--blancrgb: 255, 255, 255;
--blanc: rgb(var(--blancrgb));
--hind: hind;
--poppins: poppins;
--largeurtrait: 8px;
--fontsizetitre1: 43px;
--lineheighttitre1: 47px;
--fontsizesoustitre1: 19px;
--lineheightsoustitre1: 31px;
--fontsizetitrecolonne: 35px;
--lineheighttitrecolonne: 41px;
--fontsizetitre2colonne: 28px;
--lineheighttitre2colonne: 34px;
--largeurmax: 1300px;
--fontsize: 15px;
--fontsizetitrelisteformation: 19px;
--lineheighttitrelisteformation: 28px;
--fontsizecontenulisteformation: 13px;
--lineheightcontenulisteformation: 16px;
--fontsizechiffrecolonne: 99px;
--lineheightchiffrecolonne: var(--fontsizechiffrecolonne);
--fontsizetitre1equipe: 11px;
--lineheighttitre1equipe: var(--lineheighttitre1equipe);
--fontsizetitre2equipe: 9px;
--lineheighttitre2equipe: var(--fontsizetitre2equipe);
--fontsizetitre3equipe: 8px;
--largeurmenu: 160px;
--fontsizetitrerealisation: 35px;
--lineheighttitrerealisation: var(--fontsizetitrerealisation);
--titrebrochure: 9px;
--fontsizetitrefooter: 15px;
--fontsizecontenufooter: 11px;
--fontsizetitreenchiffre: 55px;
--fontsizetitreinfos: 50px;
--fontsizecontenuinfos: 26px;
--grostitre: 100px;
--ariane: 20px;
}
section.formation-intro.gd2 {
margin-bottom: 0px;
}
.confiance-grille li:last-child,
.equipe-itm-last { }
.equipez,
.confiance-grille {
grid-template-columns: repeat(4, 1fr);
}
}
@media all and (max-width: 800px) {
:root {
--orangergb: 246, 124, 77;
--orange: rgb(var(--orangergb));
--noirrgb: 45, 50, 58;
--noir: rgb(var(--noirrgb));
--blancrgb: 255, 255, 255;
--blanc: rgb(var(--blancrgb));
--hind: hind;
--poppins: poppins;
--largeurtrait: 8px;
--fontsizetitre1: 25px;
--lineheighttitre1: 27px;
--fontsizesoustitre1: 19px;
--lineheightsoustitre1: 12px;
--fontsizetitrecolonne: 30px;
--lineheighttitrecolonne: 35px;
--fontsizetitre2colonne: 28px;
--lineheighttitre2colonne: 34px;
--largeurmax: 1300px;
--fontsize: 13px;
--fontsizetitrelisteformation: 19px;
--lineheighttitrelisteformation: 28px;
--fontsizecontenulisteformation: 13px;
--lineheightcontenulisteformation: 16px;
--fontsizechiffrecolonne: 99px;
--lineheightchiffrecolonne: var(--fontsizechiffrecolonne);
--fontsizetitre1equipe: 11px;
--lineheighttitre1equipe: var(--lineheighttitre1equipe);
--fontsizetitre2equipe: 9px;
--lineheighttitre2equipe: var(--fontsizetitre2equipe);
--fontsizetitre3equipe: 8px;
--largeurmenu: 160px;
--fontsizetitrerealisation: 26px;
--lineheighttitrerealisation: var(--fontsizetitrerealisation);
--titrebrochure: 9px;
--fontsizetitrefooter: 15px;
--fontsizecontenufooter: 11px;
--fontsizetitreenchiffre: 33px;
--fontsizetitreinfos: 33px;
--fontsizecontenuinfos: 18px;
--grostitre: 40px;
--ariane: 10px;
}
nav#site-navigation li a {
text-align: center;
}
.logo img {
margin-left: auto;
margin-right: auto;
display: block;
}
nav#site-navigation2 {
margin-bottom: 60px;
}
.equipez,
.confiance-grille {
grid-template-columns: repeat(3, 1fr);
padding: 0;
}
.header-fleche {
display: none;
}
.menu-mobile svg {
width: 30px;
height: 30px;
padding: 5px;
}
.menu-mobile svg path {
fill: var(--blanc);
}
.gd {
grid-template-columns: 100%;
grid-template-areas: "d" "g";
}
.titrerealisation {
text-align: left;
}
.d,
.g {
}
.realisations p {
text-align: left;
}
span.realisatition-titre {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
.realisations .g ul li a {
min-height: 120px;
}
.hist-descz h2,
.equipe h2,
.implantations h2,
.titre {
margin-bottom: 0px;
}
.prochaines-formations .gd,
.prochaines-formations-digiforma .gd {
grid-template-areas: "g" "d";
}
.publications .d {
text-align: left;
}
p {
margin-bottom: 1em;
}
.publications-items {
grid-template-columns: 1fr;
}
.aproposaccueil .gd {
grid-template-areas: "g" "d";
}
.hist-descz h2,
.equipe h2,
.implantations h2,
.titre {
margin-top: 20px;
}
.apig {
grid-template-areas: "a" "b";
grid-template-columns: 1fr;
grid-template-rows: calc(100vw / 3) calc(100vw / 2.4);
grid-gap: var(--largeurtrait);
}
.apis {
grid-template-columns: 1fr;
grid-gap: 0;
}
.apid {
grid-template-areas: "a" "c";
grid-template-rows: calc(100vw / 3) calc(100vw / 2.4);
grid-template-columns: 1fr;
grid-gap: var(--largeurtrait);
margin-top: var(--largeurtrait);
}
.apig .api5,
.apid .api4 {
display: none;
}
.contact .tm,
.contact .ptm {
grid-template-columns: 1fr;
grid-template-areas: "g" "d";
padding-top: 20px;
grid-gap: 0px;
padding-bottom: 20px;
padding: 0;
}
.inscriptiontextedroite .d {
text-align: left;
}
.footer4 {
grid-template-columns: repeat(2, 1fr);
grid-gap: var(--largeurtrait);
}
.enchiffres {
padding: var(--largeurtrait);
}
.enchiffrescont {
grid-template-columns: repeat(4, 1fr);
grid-gap: var(--largeurtrait);
text-align: center;
}
.enchffresitemtitre {
font-size: 14px;
line-height: 16px;
}
.confiance-grille li:last-child,
.equipe-itm-last {
grid-column: span 2;
}
.infos .gd {
grid-template-areas: "g" "d";
}
.infos .fondnoir {
padding: var(--largeurtrait);
}
.gd2 {
grid-template-areas: "g" "d";
grid-template-columns: 1fr;
grid-gap: var(--largeurtrait);
padding: 0;
}
.formation-liste .tm {
grid-template-columns: 1fr;
}
.formateur .tm .formateur-img-txt {
grid-template-columns: minmax(80px, 25%) 1fr;
grid-gap: var(--largeurtrait);
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
padding-top: var(--largeurtrait);
padding-bottom: var(--largeurtrait);
display: grid;
grid-template-columns: 1fr;
grid-template-rows: calc(100vw / 1.5) min-content;
}
.formateur-txt-titre {
font-size: 19px;
line-height: 21px;
}
.formateur-txt-contact a {
font-size: 14px;
}
.formateur-txt-desc {
margin-bottom: 5px;
}
.formation-liste {
margin-bottom: var(--largeurtrait);
padding: 0;
padding-bottom: var(--largeurtrait);
}
inscriptiontextedroite .d {
grid-area: g;
}
.inscriptiontextedroite .d {
grid-area: g;
}
.inscriptiontextedroite .g {
grid-area: d;
}
section.formation-intro.gd2 {
padding: var(--largeurtrait);
grid-template-areas: "d" "g";
grid-template-columns: 1fr;
grid-gap: var(--largeurtrait);
}
select.wpcf7-select {
width: 100%;
}
section {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
section.formation-intro.gd2 {
grid-template-columns: 100%;
grid-gap: var(--largeurtrait);
grid-template-areas: "gdtop" "g" "d";
}
.contact {
margin-top: 20px;
}
#finheader + .gd2 {
margin-top: 20px;
}
.formation-espace-devant {
margin-top: 20px;
}
.histoire {
padding: 0;
padding-bottom: var(--largeurtrait);
}
.derniers-articles ul {
grid-template-columns: 1fr 1fr;
}
.rea-style {
grid-row: auto !important;
grid-column: auto !important;
}
.derniers-articles {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
ul.lalistedeguide {
grid-template-columns: 100%;
}
.pasplusde6elts .voirplus {
grid-column: 1;
grid-row: 4;
}
.pasplusde6elts li:nth-child(n + 4) {
height: 0;
min-height: 0px;
overflow: hidden;
position: absolute;
}
.voirplus {
}
.listearticleevenement .voirplus {
grid-column: 1 / 3;
}
}
@media all and (max-height: 840px) {
nav#site-navigation li a {
font-size: var(--fontsize);
padding-bottom: 5px;
margin-bottom: 5px;
line-height: var(--fontsize);
}
span.menu-principal-no {
font-size: 14px;
}
}
@media (max-height: 720px) {
span.menu-principal-no {
display: none;
}
nav#site-navigation li a {
margin-bottom: 1px;
}
.site-header .menu-principal {
margin-top: 15px;
}
nav#site-navigation li a {
padding-top: 20px;
}
}
.annee-item-desc img {
display: flex;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.annee-item-desc {
margin-bottom: var(--largeurtrait);
margin-bottom: 30px;
}
.annee-item h3 {
display: none;
}
.annee-titre {
grid-area: b;
}
.contenu-unbloc {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
@media all and (max-width: 1120px) {
main ul li {
background-position: 0px 8px;
}
}
@media all and (max-width: 800px) {
main ul li {
background-position: 0px 8px;
}
}
.traitbasorange {
}
.traitbasrealisation {
border-bottom: calc(var(--largeurtrait)) solid var(--noir);
margin-bottom: var(--largeurtrait);
}
.realisation-contenu-principal {
margin-bottom: 50px;
}
.galerie + .traitbasrealisation {
border-bottom: calc(var(--largeurtrait) / 2) solid var(--orange);
}
.engagementrse {
padding-top: 50px;
}
@media all and (max-width: 1120px) {
.epuipe-itm-txt {
transform: translate3d(0, calc(100% - 38px), 0);
}
}
#video-entiere {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999999999999;
background: var(--noir);
display: flex;
align-items: center;
justify-content: center;
}
#video-entiere video {
object-fit: contain;
display: flex;
width: 100%;
height: 100%;
object-position: center;
}
.video-entierez {
width: calc(100% - 50px);
height: calc(100% - 50px);
}
.croix {
--l: 1em;
}
.vide-ent-f {
position: absolute;
right: 10px;
top: 10px;
--l: 40px;
cursor: pointer;
z-index: 999999999999999999999;
}
.header-front {
color: var(--orange);
text-transform: uppercase;
letter-spacing: 0.7em;
font-size: var(--fontsizesoustitre1);
font-weight: 900;
}
.header-front-txt {           }
.header-lien {
margin-top: 15px;
}
.header-lien a {
display: flex;
text-decoration: none;
margin-bottom: 30%;
}
.header-lien a .fleche_droite_lien {
margin-right: 0.2em;
--l: 17px;
}
.header-lien .fleche_droite_lien2 {
--l: 1.1em;
margin-right: 0.2em;
transition: all ease 0.3s;
}
.header-lien a:hover {
text-decoration: underline;
}
.header-lien a:hover .fleche_droite_lien2 {
transform: translate3d(0.2em, 0px, 0px);
}
.header-front-txt {
max-width: 590px;
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
margin-top: 30px;
color: rgba(var(--blancrgb), 0.8);
line-height: 1.4;
text-align: left;
letter-spacing: 0.21em;
text-align: justify;
text-align-last: center;
font-size: 1.1rem;
}
.formation-inscription .brochure-titre {
line-height: 1;
}
.formation-inscription .brochure-image {
line-height: 0.9;
}
.formation-inscriptionimg.brochure-logo {
}
.formation-princ.gd2 + .contact {
border-top: var(--largeurtrait) solid var(--noir);
}
.rea-style2c {
grid-column: 2 / span 2;
grid-row: var(--ligne) / span 2;
}
.rea-style2b {
grid-column: 1;
}
.rea-style3a {
grid-column: 1 / span 2;
grid-row: var(--ligne) / span 2;
}
.rea-style-dernier {
background: var(--noir);
}
.dernier-articles-btn {
display: block;
margin-top: var(--largeurtrait);
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
}
.pagination a {
padding: 5px;
}
.pagination .page-numbers {
text-align: center;
width: 30px; }
.blog {
font-size: var(--fontsizesoustitre1);
line-height: 1.6;
}
@media all and (max-width: 800px) {
.blog .d {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
}
.brochure-guide-scale {
transform: scale(1.3) translate(-6%, -6%);
}
.contexte .tm.gd2 .d {
display: flex;
align-items: center;
}
.apct p {
margin: 0;
}
.pasdespacetitre2 section:first-child h2 {
margin-top: 0;
padding-top: 0;
}
.expertise-liste {
padding-top: var(--largeurtrait);
}
.expertise-liste ul {
background: var(--noir);
padding: 20px;
}
.expertise-liste li {
font-family: var(--hind);
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
padding: 0;
background: none;
}
.expertise-liste li:not(:last-child) {
margin-bottom: var(--largeurtrait);
}
.expertise-liste li a {
color: var(--blanc);
text-decoration: none;
}
.expertise-liste li a:hover,
.expertise-liste li a.active {
color: var(--orange);
}
ul.ger {
display: grid;
--h: 100px;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(min-content, var(--h));
grid-gap: var(--largeurtrait);
}
ul.ger li {
background: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
background: rgb(115, 115, 115);
}
ul.ger .evenement {
min-height: 100px;
}
.ger .guidetude .brochure-texte-titre {
font-size: 11px;
line-height: 13px;
}
@media all and (max-width: 1200px) {
ul.ger {
grid-template-columns: repeat(2, 1fr);
}
}
.expertise-liee {
background: var(--noir);
color: var(--blanc);
padding: var(--largeurtrait);
margin: 0;
text-transform: uppercase;
margin-bottom: var(--largeurtrait);
margin-top: var(--largeurtrait);
}
.lien-expertise {
background: var(--orange);
color: var(--blanc);
display: flex;
margin-top: var(--largeurtrait);
padding: var(--largeurtrait);
text-decoration: none;
align-items: center;
justify-content: center;
}
.gd3 {
display: grid;
grid-template-columns: 50% 50%;
grid-template-areas: "g d"; }
@media all and (max-width: 600px) {
.gd3 {
grid-template-areas: "g" "d";
grid-template-columns: 1fr;
}
}
.gd3 > .g,
.gd3 > .d {
background-size: cover;
background-position: center;
padding: var(--largeurtrait);
padding-top: calc(var(--largeurtrait) * 5);
padding-bottom: calc(var(--largeurtrait) * 5);
}
.expertiseb-liste {
display: flex;
flex-direction: column;
align-items: center;
}
.expertiseb-liste li {
padding: 0;
background-image: none;
margin-top: var(--largeurtrait);
width: 100%;
text-align: center;
}
.expertiseb-liste li a {
color: var(--blanc);
text-decoration: none;
display: block;
}
.expertiseb-liste li a:hover {
color: var(--orange);
text-decoration: underline;
}
.expertise-sous-titre {
font-family: var(--poppins);
text-align: center;
color: var(--orange);
text-transform: uppercase;
margin: 0;
padding: 0;
}
.expertise-titre {
text-align: center;
}
.expertise-intro {
margin-top: 50px;
}
.expertise-intro .tm {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
.expertise-sous-titre-lien {
text-decoration: none;
}
.expertise-sous-titre-lien:hover h3 {
color: var(--blanc);
}
.formation-intro.gd2 {
grid-template-areas: "gdtop gdtop" "g d";
grid-gap: 20px 50px;
}
.formation-intro.gd2 .gdtop {
grid-area: gdtop;
}
.expertise-section.traitbas:last-child {
margin-bottom: calc(var(--largeurtrait) * -1);
}
a.btn-footer {
border: 1px solid var(--blanc);
display: flex;
align-items: center;
justify-content: center;
margin-top: var(--largeurtrait);
padding: var(--largeurtrait);
text-align: center;
line-height: 1;
}
a.btn-footer:hover {
background: var(--blanc);
color: var(--noir);
}
@media all and (max-width: 800px) {
.cc-message {
font-size: 11px;
line-height: 1;
padding: 10px;
margin: 0 !important;
}
.cc-compliance {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.6 !important;
}
.cc-compliance a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.cmplz-status-deny:not(.plusdebannierecookie) .menu-mobile {
bottom: 120px;
}
.cmplz-status-deny:not(.plusdebannierecookie)
.menu-principal-active
.menu-mobile {
transform: translate3d(0px, 110px, 0px);
}
.gd4 {
}
.presentation-formation-bloc,
.gd4 {
grid-template-columns: 1fr !important;
grid-template-areas:
"g"
"d" !important;
}
.presentation-formation-bloc > * {
grid-column: 1 !important;
}
.presentation-formation-bloc .presentation-formation-bloc-txt {
grid-row: 1 !important;
}
.presentation-formation-bloc .presentation-formation-bloc-img {
grid-row: 2 !important;
}
}
@media all and (min-width: 801px) {
#site-navigation2 {
margin-bottom: 10px;
}
}
@media (prefers-color-scheme: dark) {
.site > .contenu {
background: var(--noir);
}
body {
color: var(--blanc);
}
.traitbas {
border-bottom-color: var(--blanc);
}
.rea-style-dernier {
background: var(--orange);
}
.dernier-articles-titre {
color: var(--blanc);
}
.rea-style-dernier .dernier-articles-btn {
background: var(--noir);
}
.contexte {
background: var(--orange);
}
.contexte h2 {
color: var(--blanc);
}
.formation-info:not(.formation-info-exergue) {
background: rgba(var(--blancrgb), 0.1);
}
.principal-btn.principal-btn-download {
background: rgba(var(--blancrgb), 0.1);
}
.principal-btn:hover {
background: var(--blanc);
}
.expertise-liste ul {
background: rgba(var(--blancrgb), 0.1);
}
.expertise-liee {
background: var(--orange);
}
.evnt-info {
background: var(--orange);
}
.evnt-info h2 {
color: var(--noir);
}
.bouton,
.nav-previous a,
.nav-next a,
.bouton,
.voirplus {
background: rgba(var(--blancrgb), 0.1);
}
.confiance-itm-col {
background: rgba(var(--blancrgb), 0.1);
}
.traitbasrealisation {
border-bottom-color: var(--blanc);
}
form .label-radio {
color: #fff !important;
}
.offre-carre {
color: var(--orange) !important;
}
.offre-carre:hover .offre-carre-titre,
.offre-carre:hover {
color: var(--blanc) !important;
}
}
.dernier-menu-soc img {
width: 50px;
margin-top: 20px;
}
.dernier-menu-soc {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
@media (max-width: 800px) {
.site-info {
padding-bottom: 100px;
}
}
input[type="submit"]:disabled {   opacity: 0.5;
}
input[type="submit"]:disabled:after { width: 100px;
height: 100px;
background: red; display: block;
top: 0;
left: 0;
}
.formateur-txt + formateur-img {
background: red;
}
.formateur-txt + .formateur-img {
}
.formateur-img-txt { grid-template-columns: 250px 1fr;
grid-gap: 10px 40px;
display: grid;
padding-bottom: 6px;
padding-top: 3px;
padding-right: var(--largeurtrait);
padding-left: var(--largeurtrait);
}
.formateur-img-txt + .formateur-img-txt {
border-top: 1px solid var(--blanc);
padding-top: 10px;
}
.formateur-img {
position: relative; }
.formateur-img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 20%;
}
.digimg,
.formation-lien-item:hover .digimg {
display: flex;
width: 100%;
height: 100%;
background-color: #ffffff;
color: #fff;
flex-direction: column;
justify-content: center;
padding: 10px;
background-image: linear-gradient(44deg, rgb(45 51 57 / 0.6), #2d33398a),
var(--bg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 2;
}
span.digtitre {
font-weight: bold;
font-size: var(--fontsizetitrelisteformation);
line-height: var(--lineheighttitrelisteformation);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: auto;
}
span.digidroite {
display: flex;
width: 100%;
height: 100%;
padding: 10px;
flex-direction: column;
align-items: center; text-align: center;
min-height: 232px;
}
.digdesc {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 0.85em;
line-height: 1.1;
}
.digcat {
background: var(--noir);
border-radius: 0.5em;
color: var(--blanc);
padding: 0 1em;
font-size: 0.6em; opacity: 0.7;
display: none;
}
.formation-distance {
align-self: flex-end;
border: 1px solid;
border-radius: 100%;
width: 1.5em;
height: 1.5em;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: -1em;
padding: 4px;
}
.formation-distance svg path {
fill: var(--noir);
}
.formation-distance svg {
height: 1em;
width: auto;
}
.digtype {
font-size: 0.6em; }
.digdesc {
margin-bottom: auto;
}
.formation-lien-item2 {
display: none;
}
strong.orange {
color: var(--orange);
}
.formation-liste-grille {
display: grid;
grid-template-columns: 1fr;
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
grid-gap: 0 var(--largeurtrait);
}
.formation-liste-outils-haut {
grid-row: 1;
display: flex;
align-items: center;
position: sticky;
top: 0;
z-index: 09999;
background: rgb(246 246 246);
padding-bottom: var(--largeurtrait);
padding-top: var(--largeurtrait);
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
border-bottom: 2px solid #000;
}
#digirecherche {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
border: none;
position: relative;
font-weight: 300;
font-size: 1.5em;
background: transparent;
}
.formation-liste-grille #lesformations {
padding: 0;
grid-template-rows: 220px;
grid-template-columns: 1fr 1fr;
display: grid;
grid-gap: var(--largeurtrait);
}
#digirecherche:before {
content: "aa";
display: block;
}
.formation-loupe {
height: 1.3em;
width: auto;
margin-right: 0.5em;
}
.formation-liste-outils-gauche-titre {
font-weight: bold;
position: relative;
cursor: pointer; display: inline;
text-transform: capitalize;
margin-right: 0.3em;
}
.formation-liste-outils-gauche-section {
font-size: 1em; padding-bottom: 0.5em;
margin-bottom: -0.2em; }
.formation-liste-outils-gauche-section label {
text-transform: capitalize;
display: inline-flex;
align-items: center; padding-top: 0;
padding-bottom: 0;
margin-right: 0.4em;
margin-bottom: 0.3em;
font-size: 0.8em; cursor: pointer;
}
.formation-liste-outils-gauche-section label input[type="radio"] {
margin-right: 0.5em;
transform: translate(0px, 0em);
display: none;
}
.formation-liste-outils-gauche-titre:after {
content: "+";
position: absolute;
right: 0;
font-size: 1.5em;
top: 0.15em;
right: 0.1em;
transform: translate(0px, -0.25em);
font-weight: normal;
display: none;
}
.formation-liste-outils-gauche-titre:not(.active)
+ .formation-liste-outils-gauche-contenu { }
.formation-liste-outils-gauche-section:not(.active)
.formation-liste-outils-gauche-contenu { }
.formation-liste-outils-gauche-section.active
.formation-liste-outils-gauche-titre:after {
content: "-";
transform: translate(0px, -0.6em);
font-size: 2.2em;
}
.formation-liste-outils-gauche {
user-select: none;
}
.formation-liste-outils-gauche-titre:hover {  }
.formation-liste-outils-gauche {
height: calc(100vh - 51px - var(--largeurtrait)); overflow: scroll;
position: sticky;
top: 51px;
}
.formation-lien-item:nth-child(1):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(4):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(5):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(8):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(9):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(12):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(13):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(16):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(17):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(20):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(21):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(24):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(25):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(28):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(29):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(32):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(33):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(36):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(37):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(40):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(41):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(44):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(45):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(48):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(49):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(52):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(53):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(56):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(57):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(60):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(61):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(64):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(65):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(68):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(69):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(72):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(73):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(76):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(77):hover .formation-lien-item-savoirplus,
.formation-lien-item:nth-child(80):hover .formation-lien-item-savoirplus {   }
.formation-lien-item2:hover .digidroite {
background: var(--orange);
}
.formation-liste-outils-gauche {
height: min-content; position: sticky;
top: 51px;
display: flex;
flex-direction: column;
}
ul.formation-solutions {
padding: 0;
margin: 0;
display: grid;
grid-auto-columns: 1fr;
grid-gap: var(--largeurtrait);
margin-top: 1em;
grid-auto-flow: column;
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
ul.formation-solutions li {
padding: 0;
margin: 0;
display: flex;
background: var(--noir);
height: 150px; box-sizing: border-box;
font-size: 0.9em;
line-height: 1.3;
}
ul.formation-solutions li a {
text-decoration: none;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
text-align: center;
padding: 10px;
background-image: linear-gradient(
44deg,
rgb(45 51 57 / 0.7),
rgb(45 51 57 / 0.9)
),
var(--bg);
background-color: var(--noir);
background-size: cover;
background-repeat: no-repeat;
font-size: 1.3em;
line-height: 1.1;
font-weight: bold;
color: #fff;
}
ul.formation-solutions li:hover {
background: var(--orange);
}
ul.formation-solutions li:hover a {
color: var(--blanc);
}
.formation-liste-outils-gauche-contenu label:hover { }
.formation-liste-grille #lesformations { }
@media all and (min-width: 1300px) {
.formation-liste-grille #lesformations {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-rows: 220px;
}
}
@media all and (min-width: 1500px) {
.formation-liste-grille #lesformations {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
}
@media all and (max-width: 1300px) {
.formation-liste-grille #lesformations {
grid-template-columns: 1fr 1fr;
}
#formation-liste-grille {
display: flex;
flex-direction: column;
}
.formation-liste-outils-gauche {
height: auto;
position: inherit;
width: 100%;
overflow: initial;
}
}
@media all and (max-width: 560px) {
ul.formation-solutions {
grid-template-rows: 1fr 1fr;
}
}
.formation-lien-item2 {
flex-direction: column;
align-items: initial;
height: 220px;
position: relative;
}
span.digsoustitre {
margin-bottom: auto;
line-height: 1.1;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.formation-lien-item2 .formation-lien-item-savoirplus {
background: var(--orange) !important;
border: none !important;
}
.formation-lien-item2:hover .formation-lien-item-savoirplus {
background: var(--noir) !important;
}
.formation-liste-outils-gauche {   grid-row: 2;
background: #fff;
position: sticky;
padding-top: calc(1.5 * var(--largeurtrait));
padding-bottom: var(--largeurtrait);
top: 59px;
z-index: 1;
}
ul.formation-solutions li a:hover {
color: var(--orange);
}
.fermetag {
margin-right: 0.2em;
font-size: 0.7em;
transform: translateY(0em);
opacity: 0;
}
.fa.formation-liste-outils-gauche-section label {
background: #95c6cc;
color: #fff;
}
.fa.formation-liste-outils-gauche-section label:hover {
background: hsl(187deg 62% 18%);
}
.fb.formation-liste-outils-gauche-section.active {
}
.fb.formation-liste-outils-gauche-section label {
background: #4fa1d8;
color: #fff;
}
.fb.formation-liste-outils-gauche-section label:hover {
background: #103148e6;
}
.fc.formation-liste-outils-gauche-section label {
background: #b3b862;
color: #fff;
}
.fc.formation-liste-outils-gauche-section label:hover {
background: #45481f;
}
.formation-liste-outils-gauche-contenu {
display: inline-block;
}
.formation-liste-outils-gauche-section label input[type="checkbox"] {
display: none;
}
.formation-liste-outils-gauche-section label span {
background: rgb(33 150 243 / 40%);
padding: 7px;
border-radius: 10px;
padding-top: 0;
padding-bottom: 0;
color: var(--blanc);
}
.formation-liste-outils-gauche-section label input:checked + span {
background: rgb(33 150 243);
color: var(--blanc);
}
.formation-liste-outils-gauche-section-secteur label span {
background: rgb(161 161 161);
color: var(--noir);
opacity: 0.7;
color: var(--blanc);
}
.formation-liste-outils-gauche-section-métier label span {
background: #65c8ce;
opacity: 0.4;
}
.formation-liste-outils-gauche-section-métier label input:checked + span {
opacity: 1;
background: #4ba3a9;
}
.formation-liste-outils-gauche-section-expertise label span {
background: #f57e54;
opacity: 0.4;
}
.formation-liste-outils-gauche-section-expertise label input:checked + span {
background: #f57e54;
opacity: 1;
}
#digirecherche:after {
content: "AAA";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: red;
}
.prochaines-formations-digiforma-cont {
height: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: minmax(200px, min-content) minmax(200px, min-content);
grid-gap: var(--largeurtrait);
padding-right: var(--largeurtrait);
grid-template-areas:
"o0 o1"
"o2 o3"
"o4 o5"
"o6 o7"
"o8 o9"
"o10 o11"
"o12 o13"
"o14 o15";
grid-template-areas:
"o0 o1"
"o2 o3";
}
.prochaines-formations-digiforma-cont > a {
background: red;
display: flex;
grid-area: var(--ordre, "o0");
}
.digdateitm {
display: none;
}
.prochaines-formations-digiforma {
padding-top: var(--largeurtrait);
}
.formation-lien-datelaplusproche:not(:empty) {
background: var(--orange);
color: #fff;
padding: 3px 5px;
font-weight: bold;
text-transform: uppercase;
margin-left: -10px;
width: max-content;
position: absolute;
top: 15px;
font-size: 0.8em;
font-weight: revert;
z-index: 3;
}
.formation-lien-datelaplusproche + .digtitre {
margin-top: 0.1em;
}
.prochaines-formations-digiforma .g {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: var(--largeurtrait);
}
.rs-container * {
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rs-container {
font-family: Arial, Helvetica, sans-serif;
height: 45px;
position: relative;
}
.rs-container .rs-bg,
.rs-container .rs-selected {
background-color: #eee; height: 10px;
left: 0;
position: absolute;
top: 5px;
width: 100%;
border-radius: 3px;
background-color: var(--noir);
}
.rs-container .rs-selected {
background-color: var(--bleu);
border: 1px solid var(--bleu);
}
.rs-container.disabled .rs-selected {
background-color: #ccc;
border-color: #bbb;
}
.rs-container .rs-pointer {
background-color: #fff;
border: 1px solid #bbb;
border-radius: 4px;
cursor: pointer;
height: 20px;
left: -10px;
position: absolute;
top: 0;
transition: all 0.2s linear;
width: 30px;
box-shadow: inset 0 0 1px #fff, inset 0 1px 6px #ebebeb,
1px 1px 4px rgba(0, 0, 0, 0.1);
}
.rs-container.disabled .rs-pointer {
border-color: #ccc;
cursor: default;
}
.rs-container .rs-pointer::after,
.rs-container .rs-pointer::before {
content: "";
position: absolute;
width: 1px;
height: 9px;
background-color: #ddd;
left: 12px;
top: 5px;
}
.rs-container .rs-pointer::after {
left: auto;
right: 12px;
}
.rs-container.sliding .rs-pointer,
.rs-container.sliding .rs-selected {
transition: none;
}
.rs-container .rs-scale {
left: 0;
position: absolute;
top: 5px;
white-space: nowrap;
display: flex;
}
.rs-container .rs-scale span {
float: left;
position: relative;
}
.rs-container .rs-scale span::before {
background-color: #ededed;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 10px;
width: 1px;
}
.rs-container.rs-noscale span::before {
display: none;
}
.rs-container.rs-noscale span:first-child::before,
.rs-container.rs-noscale span:last-child::before {
display: block;
}
.rs-container .rs-scale span:last-child {
margin-left: -1px;
width: 0;
}
.rs-container .rs-scale span ins {
color: #333;
display: inline-block;
font-size: 12px;
margin-top: 20px;
text-decoration: none;
background: none;
opacity: 0.4; }
.rs-container.disabled .rs-scale span ins {
color: #999;
}
.rs-tooltip {
color: var(--blanc);
background: var(--bleu);
border-radius: 3px;
position: absolute;
transform: translate(-50%, -35px);
left: 13px;
text-align: center;
font-size: 13px;
padding: 6px 10px 2px;
}
.rs-container.disabled .rs-tooltip {
border-color: #ccc;
color: #999;
}
.lerangecont {
width: calc(100% - 70px);
width: 90%;
margin-left: auto;
margin-right: auto;
}
span.formation-lien-item-savoirplus {
display: none;
}
.formation-lien-item:hover .digimg > span {
transform: scale(1.1);
}
.formation-lien-item:hover .digimg > span {
transition: all cubic-bezier(0.66, -0.97, 0.25, 1) 0.5s;
}
.blogcont {
box-sizing: border-box;
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
margin-left: auto;
margin-right: auto;
max-width: 780px;
}
.blog-auteurs {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blog-auteur {
width: 50%;
min-width: 300px;
display: grid;
grid-template-areas:
"photo titre"
"photo descriptif"
"photo linkedin";
--radius: 90px;
grid-template-rows: min-content min-content min-content;
grid-gap: var(--largeurtrait);
padding: var(--largeurtrait);
}
.blog-auteur-image img {
width: var(--radius);
height: var(--radius);
position: absolute;
border-radius: 100%;
object-fit: cover;
object-position: center;
}
.blog-auteur-image {
grid-area: photo;
width: var(--radius);
height: var(--radius);
}
.blog-auteur-titre {
grid-area: titre;
color: var(--bleu);
font-size: 0.8em;
line-height: 1;
padding: 0;
}
.blog-auteur-linkedin {
grid-area: linkedin;
}
.blog-auteur-desc {
grid-area: descriptif;
overflow: hidden;
}
.blog-auteur-desc {
font-size: 0.8em;
line-height: 1;
color: rgba(var(--noirrgb), 0.6);
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
padding: 0;
margin: 0;
cursor: s-resize;
}
.blog-auteur-desc > * {
margin: 0;
padding: 0;
}
.blog-auteur-desc.active {
-webkit-line-clamp: unset;
cursor: n-resize;
}
.blog-auteur-linkedin:hover path {
fill: var(--orange);
}
.contexte .bloggd2 h2 {
font-size: 1em;
line-height: 1.9;
}
.bloggd2 {
grid-template-columns: max-content 1fr;
}
::-webkit-scrollbar-button:horizontal:increment {
}
.dpsp-networks-btns-wrapper li {
background-image: none;
}
a.formation-masque {
display: none !important;
}
.menu-principal ul.sub-menu,
.menu-principal ul.children {
position: fixed;
top: 0;
width: calc(1.5 * var(--largeurmenu));
left: var(--largeurmenu);
background: #fff;
height: 100vh;
flex-direction: column;
justify-content: flex-start;
display: none;
box-shadow: 0px 11px 15px rgb(0 0 0 / 13%);
}
ul.sub-menu a,
ul.children a {
color: #000 !important;
}
.menu-principal ul.sub-menu li a,
.menu-principal ul.children li a {
font-size: 15px !important; }
.menu-principal ul.sub-menu ul.sub-menu a,
.menu-principal ul.sub-menu ul.sub-menu a {
color: #fff !important;
}
nav#site-navigation li:hover > .sub-menu,
nav#site-navigation li:hover > .children {
display: flex;
flex-wrap: wrap; }
.menu-principal .menu-item-has-children:hover:after {
display: block; content: "";
width: 10px;
height: 10px;
position: absolute;
right: calc(var(--ltriangle) * -1);
margin-top: calc(var(--ltriangle) * -1);
width: 0;
height: 0;
--ltriangle: 15px;
border-top: var(--ltriangle) solid transparent;
border-bottom: var(--ltriangle) solid transparent;
border-left: var(--ltriangle) solid var(--orange);
}
.menu-principal .menu-item-has-children:hover > li > a { color: var(--orange); }
.menu-principal .menu-item-has-children:hover > a {
color: var(--orange) !important;
border-color: var(--orange) !important;
}
.menu-principal .sub-menu .menu-item-has-children:hover:after {
border-left-color: #fff;
}
.menu-principal .sub-menu .sub-menu a:hover,
.menu-principal .children .children a:hover {
border-color: #fff !important;
}
.menu-principal ul.sub-menu ul.sub-menu,
.menu-principal ul.children ul.children { padding-left: 0;
padding-right: 0;
left: calc(2.5 * var(--largeurmenu));
width: calc(100vw - (2.5 * var(--largeurmenu)));
background-color: var(--couleur, #f2b198b5) !important;
backdrop-filter: blur(6px);
justify-content: start;
padding-bottom: calc(1 * var(--largeurtrait));
}
.menu-principal ul.sub-menu ul.sub-menu a,
.menu-principal ul.children ul.children a {
padding-left: calc(4 * var(--largeurtrait));
padding-right: calc(4 * var(--largeurtrait));
padding-top: 0;
}
.video-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
width: 100%;
}
.video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.video-responsive + .video-responsive {
margin-top: var(--largeurtrait);
}
.bloc-decouvrez-prochaines-offres {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--largeurtrait);
}
.bloc-decouvrez-prochaines-offres a {
background: var(--orange);
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0.5em;
text-transform: uppercase;
min-height: 4em;
}
.bloc-decouvrez-prochaines-offres a:nth-child(2),
.bloc-decouvrez-prochaines-offres a:nth-child(3),
.bloc-decouvrez-prochaines-offres a:nth-child(6),
.bloc-decouvrez-prochaines-offres a:nth-child(7),
.bloc-decouvrez-prochaines-offres a:nth-child(10),
.bloc-decouvrez-prochaines-offres a:nth-child(11),
.bloc-decouvrez-prochaines-offres a:nth-child(14),
.bloc-decouvrez-prochaines-offres a:nth-child(15) {
background-color: white;
color: var(--orange);
}
.bloc-decouvrez-prochaines-offres a:hover {
background-color: var(--bleu);
color: var(--blanc);
}
.traithaut {
padding-top: var(--largeurtrait);
border-top: var(--largeurtrait) solid var(--noir);
}
.bloc-categories-offres {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: var(--largeurtrait);
}
.offre-carre {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #fff;
position: relative;
width: 100%;
overflow: hidden;
}
.offre-carre:not(:last-child) {
margin-right: var(--largeurtrait);
}
.offre-carre:after {
content: "";  }
.offre-carre .offre-carre-contenu {
width: 100%;
height: 0px;
display: block;
padding-bottom: 100%;
margin-bottom: var(--largeurtrait);
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
background: var(--noir);
}
.offre-carre .offre-carre-contenu:hover {
color: var(--orange);
}
@media screen and (max-width: 840px) {
.bloc-categories-offres {
flex-wrap: wrap;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--largeurtrait);
}
.offre-carre {
margin-right: 0 !important;
}
}
@media screen and (max-width: 525px) {
.rs-scale {
display: none !important;
}
}
.catof {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait);
}
.catof h2 {
margin-bottom: var(--largeurtrait);
}
.espace {
height: calc(var(--largeurtrait) * 3);
}
.bloc-decouvrez-offre-photo {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--largeurtrait);
order: var(--ordre, 99);
}
.decouvrez-offre-photo-item-photo {
width: 100%;
padding-bottom: 40%;
overflow: hidden;
position: relative;
background: var(--noir);
}
.decouvrez-offre-photo-item-photo img {
width: 100%;
position: absolute;
height: 100%;
object-fit: cover;
}
.decouvrez-offre-photo-item {
text-decoration: none; order: var(--ordre, 99999999999);
}
.decouvrez-offre-photo-item-titre {
margin: 0;
padding: 0;
text-align: center;
line-height: 1.2;
text-transform: uppercase;
font-size: 1.4rem; padding: 0.6em;
}
.decouvrez-offre-photo-item:hover {
background-color: var(--noir);
}
.decouvrez-offre-photo-item:hover .decouvrez-offre-photo-item-titre {
color: var(--orange);
}
.offre-carre img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all ease 0.2s;
}
.offre-carre:hover img {
transform: scale(1.1);
}
.offre-carre-titre {
color: var(--orange);
font-weight: bold;
line-height: 1;
text-transform: uppercase;
text-align: center;
}
.offre-carre:hover .offre-carre-titre {
color: var(--noir);
}
.menu#primary-menu .current-menu-item > .sub-menu a:not(:hover) {
border-color: transparent;
}
.menu#primary-menu .sub-menu .sub-menu li {
order: var(--ordre, 9999999999);
}
@media screen and (min-width: 801px) {
.lalistedepublications .evenement,
.element-blog-realisation {
min-height: 140px;
}
}
.lalistedeguide.lalistedepublications {
margin-top: var(--largeurtrait);
}
.lalistedeguide.lalistedepublications li {
align-items: center !important;
display: flex;
background: #bbbbbb;
}
.dernier-article-type {
background-color: #0000005e;
color: var(--orange);
color: #fff;
opacity: 1;
position: relative;
z-index: 10;
padding: 0em 0.5em;
}
#archive-offre .traithaut {
border-top: none;
}
#pdf-formation {
}
#pdf-formation .formation-info {
background: #fff !important;
color: #000 !important;
border: 1px solid #000 !important;
min-height: auto !important;
}
#pdf-formation .formation-info h3 {
}
#pdf-formation .formation-info-cont p,
#pdf-formation .formation-info-cont ul li {
font-size: 15px;
line-height: 1.4;
}
#pdf-formation .formation-info-prix {
background: #fff !important;
color: var(--orange) !important;
margin-top: 10px;
}
.pdf-formation-logo {
padding-top: 40px;
display: flex;
}
.pdf-formation-logo img { display: block;
width: 290px;
height: 81px;
}
#pdf-formation .marge {
padding-left: var(--largeurtrait);
padding-right: var(--largeurtrait); }
#pdf-formation h1 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 28px;
margin-left: 10px;
flex: 2;
text-align: right;
line-height: 0.8;
}
#boutonbdfcont {
margin-top: 90px;
text-align: center;
}
.gdpdf {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
grid-template-areas: "g d";
}
.formation_session { }
.formation_session li {
}
form .label-radio {
color: var(--noir);
font-family: var(--hind), sans-serif;
font-size: var(--fontsize);
line-height: 1.6;
text-transform: none;
font-weight: 400;
display: inline;
margin-right: 0.2em;
}
form .label-radio input {
margin-right: 0.1em;
}
select.select-pleine-largeur {
width: 100%;
}
.retirer-participant {
position: absolute;
top: 0.5em;
right: 0;
font-weight: bold;
background: #0000007a;
border: 2px solid #fff;
border-radius: 10px;
padding: 0.2em 0.6em 0.3em 0.6em;
color: #fff;
line-height: 1;
}
.retirer-participant1 {
}
.retirer-participant2 {
display: none;
}
.retirer-participant:hover {
background-color: #000;
border-color: #fff;
font-weight: 400;
font-size: 1rem;
}
.retirer-participant:hover .retirer-participant1 {
display: none;
}
.retirer-participant:hover .retirer-participant2 {
display: block;
}
.inscription-participant {
position: relative;
}
.btn-participant {
margin-left: auto;
display: block;
}
.inscription-participant:not(
.inscription-participant-pas-de-reduction
):nth-child(n + 2):before {
display: block;
content: "-50%";
position: absolute;
background: var(--orange);
color: #fff;
padding: 0.1em 0.5em;
width: auto;
transform: rotate(0deg);
right: 0;
border-radius: 10px;
top: 2.3em;
}
.bordure-formulaire {
border: 1px solid #e4e4e4;
margin-bottom: 10px;
padding: 15px;
padding-top: 0px;
}
.bordure-formulaire label {
margin-bottom: 5px;
}
.checkboxflex {
display: flex;
align-items: baseline;
gap: 10px;
}
.formulaire-etape-suivante {
background-color: var(--bleu);
width: 100%;
}
.formulaire-etape-suivante:hover {
background-color: #000;
}
[data-formulaireetape] {
scroll-margin: 20px; }
[data-required] {
scroll-margin: 100px;
}
.checkboxflex.checkboxflexcentre {
align-items: center;
}
.formulaire-particulier .btn-participant,
.formulaire-particulier .inscription-participant:nth-child(n + 2),
.formulaire-particulier .pasparticulier {
display: none !important;
}
.formulaire-particulier .pasentreprise {
display: block !important;
}
.merci-inscription-form { z-index: 999;
background: var(--bleu);
padding: var(--largeurtrait);
text-align: center;
width: 100%;
}
.merci-inscription-form a {
color: #fff;
}
.texte-droite {
text-align: right;
}
.col2 {
display: grid;
grid-template-columns: 1fr 1fr;
}
.col3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.convention-participants {
border-collapse: collapse;
}
.convention-participants th,
.convention-participants td,
.convention-participants {
border: 1px solid #000;
}
.convention-participants th {
text-align: left;
}
.convention-participants th,
.convention-participants td {
padding: 0.15em;
}
.presentation-formation {
}
.presentation-formation-bloc {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
margin-bottom: calc(2 * var(--largeurtrait));
}
.presentation-formation-bloc-img {
min-height: 400px;
overflow: hidden;
position: relative;
}
.presentation-formation-bloc-img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.presentation-formation-bloc-txt {
}
.presentation-formation-bloc:nth-child(2n) {
}
.presentation-formation-bloc:nth-child(2n) .presentation-formation-bloc-img {
grid-column: 2;
grid-row: 1;
}
.presentation-formation-bloc:nth-child(2n) .presentation-formation-bloc-txt {
grid-column: 1;
grid-row: 1;
}
.gd4 {
display: grid;
grid-template-areas: "g d";
grid-template-columns: 1fr 1fr;
grid-gap: calc(2 * var(--largeurtrait));
}
.gd4-plusieurs-lignes {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: calc(2 * var(--largeurtrait));
}
.choix-formation { padding-top: calc(6 * var(--largeurtrait));
padding-bottom: calc(6 * var(--largeurtrait));
margin-bottom: calc(6 * var(--largeurtrait));  background: var(--noir);
}
.choix-formation img {
}
.choix-formation > div {
}
.choix-formation-titre {
font-size: var(--fontsizetitrelisteformation);
color: #fff;
position: relative;
font-weight: bold;
z-index: 2; text-align: center;
}
.choix-formation-lien {
color: var(--orange);
font-size: var(--fontsize);
font-weight: 400;
position: relative;
z-index: 2;
}
.choix-formation .choix-formation-item {
display: flex;
align-items: center;
justify-content: center;
background: var(--noir);
position: relative;
min-height: 290px;
text-decoration: none;
margin-bottom: var(--largeurtrait);
flex-direction: column;
padding: 2em;
}
.choix-formation .choix-formation1 {
}
.choix-formation .choix-formation2 {
}
.selecteur-formation {
display: flex;
margin-left: var(--largeurtrait);
gap: var(--largeurtrait);
margin-right: var(--largeurtrait);
margin-bottom: var(--largeurtrait);
}
.selecteur-formation > * {
flex: 1 1 0;
}
.selecteur-formation select {
width: 100%;
max-width: 100%;
}
.flex-inverse {
display: flex;
flex-direction: column-reverse;
}
.lesformations-v3 .formation-lien-item {
display: flex;
}
#pdf-formation h2 {
margin: 0;
padding: 0; margin-bottom: 14px;
margin-top: 5px;
}
.sticky-newsletter {
position: fixed;
bottom: 1rem;
z-index: 10000;
right: 1rem;
background-color: var(--noir);
color: #fff;
padding: 0.8rem 1rem;
margin: 0.5rem 0;
font-size: 1rem;
font-weight: normal;
border: none;
border-radius: 5px;
box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.45);
transition: all cubic-bezier(0.85, -0.31, 0.26, 1.16) 0.5s 2s;
}
.sticky-newsletter.inactive {
transform: translate3d(calc(100% + 20px), 0, 0);
transition-delay: 0s;
}
select#realisation-filter-select {
width: 250px;
} div.contenu::-webkit-scrollbar {
display: none;
} div.contenu {
-ms-overflow-style: none; scrollbar-width: none; }
.site-header #primary-menu li .sub-menu li a {
border-color: rgba(var(--orangergb), 0.1);
}
.site-header #primary-menu li .sub-menu .sub-menu li a {
border-color: rgba(255, 255, 255, 0);
}
.site-header #primary-menu li .sub-menu .sub-menu li a:hover {
border-color: #fff !important;
}
.site-header #primary-menu li .sub-menu .sub-menu li {
background-color: transparent;
padding: 0;
}
.footer-bcorp {
display: grid;
justify-items: center;
align-content: space-around;
}
.footer-bcorp {
width: 100px;
} .label-radio-multiligne-grille {
display: grid;
grid-template-columns: min-content 1fr max-content;
align-items: center;
text-align: right;
}
.label-radio-multiligne-grille .wpcf7-form-control,
.label-radio-multiligne-grille .label-radio {
display: contents;
}
.label-radio-fond {
border-bottom: 1px solid #d6d6d6;
padding-bottom: 0.2em;
padding-top: 0.2em;
}
.label-radio-fond-pair {
}
.label-radio-fond-impair {
background-color: #f6f6f6;
}
.label-radio-sansbordure {
border: none;
}
.label-radio-intitule,
.label-radio-case-radio {
padding-left: 0.5em;
padding-right: 0.5em;
}
.label-radio-tarif {
padding-right: 0.5em;
}
@media (prefers-color-scheme: dark) {
.label-radio-fond {
border-color: #181818;
}
.label-radio-fond-impair {
background-color: #393f49;
}
}
#menu-langue {
display: flex;
padding-left: 20px;
padding-right: 20px;
align-content: center;
justify-content: space-around;
margin-top: 10px; }
#menu-langue li a {
background: rgba(var(--blancrgb), 0.3);
border-radius: 100%;
display: flex;
align-items: center;
height: 1.5em;
width: 1.5em;
text-align: center;
justify-content: center;
}
#menu-langue li a:hover {
background: var(--orange);
}
.fta {
font-size: 13px;
font-weight: 300;
padding-left: 30px;
padding-right: 30px;
line-height: 17px;
font-family: var(--poppins);
font-style: italic;
color: #fff;
margin: 0;
padding: 0;
max-width: 1000px;
}
.bouton-telechargerPDF:hover {
background-color: var(--noir);
border-color: #fff;
}
.menu-principale-toggle {
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
display: grid;
grid-template-columns: var(--largeurmenu) 1fr;
width: 100vw;
height: 100vh;
background-color: #ffffff4a;
backdrop-filter: blur(9px);
}
.menu-principal-2024 {
position: sticky;
top: 0;
z-index: 10;
display: flex;
color: #000;
background-color: #fff;
z-index: 100;
}
.menu-principal-2024-cont {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1280px;
padding: 2rem;
margin: auto;
width: 100%;
}
.menu-principal-2024-menu {
font-size: 1.3rem;
font-family: var(--hind);
text-transform: uppercase;
font-weight: 300;
cursor: pointer;
}
.site {
display: grid;
grid-template-columns: var(--largeurmenu) 1fr;
}
.home .site {
grid-template-columns: 1fr;
}
.bg-fond2 {
background-color: #deeaed;
}
.footer2024 {
max-width: 1280px;
padding: 2rem;
margin: 0 auto;
color: #000;
}
.footer2024-a {
font-size: 1.25rem;
text-align: center;
}
.footer2024-b {
display: flex;
justify-content: space-between;
}
.footer2024-c {
display: flex;
flex-direction: column;
margin-top: 2rem;
text-align: right;
font-size: 20px;
}
.footer2024 a {
color: #000;
}
.footer2024 a:hover {
color: var(--orange);
}
@media (max-width: 800px) {
.menu-principal-2024-cont {
padding: 1rem 2rem;
}
.menu-principal-2024-cont svg {
width: 120px;
height: auto;
}
.menu-principal-2024-menu {
display: none;
}
.menu-principale-toggle {
display: contents !important;
backdrop-filter: none !important;
}
.menu-principale-toggle > div {
display: none;
}
.site {
display: block;
}
}
.footer2024-b img {
object-fit: contain;
}
.menu-menu-principal-container #primary-menu {
display: flex;
flex-direction: column;
}
.menu-menu-principal-container #primary-menu > li:nth-child(1) {
order: 2;
}
.menu-menu-principal-container #primary-menu > li:nth-child(2) {
order: 1;
}
.menu-menu-principal-container #primary-menu > li:nth-child(3) {
order: 3;
}
.menu-menu-principal-container #primary-menu > li:nth-child(4) {
order: 4;
}
.menu-menu-principal-container #primary-menu > li:nth-child(5) {
order: 5;
}
.menu-menu-principal-container #primary-menu > li:nth-child(6) {
order: 6;
}
.menu-menu-principal-container #primary-menu > li:nth-child(7) {
order: 7;
}
.menu-menu-principal-container #primary-menu > li:nth-child(8) {
order: 8;
}
.menu-menu-principal-container #primary-menu > li:nth-child(9) {
order: 9;
}
.menu-menu-principal-container #primary-menu > li:nth-child(10) {
order: 10;
}
.menu-menu-principal-container #primary-menu > li:nth-child(11) {
order: 11;
}
.menu-menu-principal-container #primary-menu > li:nth-child(12) {
order: 12;
}
ul.aproposul {
display: flex;
gap: 30px;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
}
ul.aproposul li {
list-style-type: none;
padding: 0;
background: none;
max-width: 20%;
}
ul.aproposul img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 13px;
width: 220px !important;
height: 70px !important;
object-fit: contain;
object-position: center;
}
@media screen and (max-width: 480px) {
ul.aproposul li {
width: 100%;
max-width: none;
text-align: center;
}
.pasgridpetit {
display: block !important;
}
}
.page-id-15 .enchiffres {
margin-top: 80px;
margin-bottom: 80px;
}
.page-id-15 blockquote {
font-size: 2em;
line-height: 1.2;
color: var(--orange);
margin-top: 2em;
}
.aspect-square {
aspect-ratio: 1/1;
}
.grasorange strong,
.grasorange b {
color: var(--orange);
font-weight: normal;
}