/*
Theme Name: Agropole
Theme URI:
Author: Matthieu SAUVET
Author URI:
Description: Thème développé pour Agropole
Version: DEV
License: Propriétaire
License URI:
Tags: green, blue, white
Text Domain: agro
*/

/* modam */
@charset "UTF-8";
@font-face {
     font-weight: 100;
     font-family: modam;
     font-display: swap;
     font-style: normal;
     src: url(../fonts/modam/ModamFaNumWeb-ExtraLight.woff) format("woff"), url(../fonts/modam/ModamFaNumWeb-ExtraLight.woff2) format("woff2")
}

@font-face {
     font-weight: 200;
     font-family: modam;
     font-display: swap;
     font-style: normal;
     src: url(../fonts/modam/ModamFaNumWeb-Light.woff) format("woff"), url(../fonts/modam/ModamFaNumWeb-Light.woff2) format("woff2")
}

@font-face {
     font-weight: 300;
     font-family: modam;
     font-display: swap;
     font-style: normal;
     src: url(../fonts/modam/ModamFaNumWeb-Medium.woff) format("woff"), url(../fonts/modam/ModamFaNumWeb-Medium.woff2) format("woff2")
}
@font-face {
     font-weight: 400;
     font-family: modam;
     font-display: swap;
     font-style: normal;
     src: url(../fonts/modam/ModamFaNumWeb-Regular.woff) format("woff"), url(../fonts/modam/ModamFaNumWeb-Regular.woff2) format("woff2")
}

@font-face {
     font-weight: 500;
     font-family: modam;
     font-display: swap;
     font-style: normal;
     src: url(../fonts/modam/ModamFaNumWeb-SemiBold.woff) format("woff"), url(../fonts/modam/ModamFaNumWeb-SemiBold.woff2) format("woff2")
}

@font-face {
     font-weight: 600;
     font-family: modam;
     font-display: swap;
     font-style: normal;
     src: url(../fonts/modam/ModamFaNumWeb-Bold.woff) format("woff"), url(../fonts/modam/ModamFaNumWeb-Bold.woff2) format("woff2")
}
@font-face {
     font-weight: 700;
     font-family: modam;
     font-display: swap;
     font-style: normal;
     src: url(../fonts/modam/ModamFaNumWeb-ExtraBold.woff) format("woff"), url(../fonts/modam/ModamFaNumWeb-ExtraBold.woff2) format("woff2")
}

@font-face {
     font-weight: 800;
     font-family: modam;
     font-display: swap;
     font-style: normal;
     src: url(../fonts/modam/ModamFaNumWeb-Black.woff) format("woff"), url(../fonts/modam/ModamFaNumWeb-Black.woff2) format("woff2")
}



/* Genericons */
@font-face {
    font-family: 'Genericons';
    src: url('../fonts/Genericons.eot');
    src: url('../fonts/Genericons.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Genericons.woff') format('woff'),
         url('../fonts/Genericons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/* RESET (déjà dans Bootstrap) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: 400; margin: 0; outline: 0; padding: 0; vertical-align: baseline; position:relative;}
sup { vertical-align:super; font-size:75%; font-weight:inherit;}
span, div { font-weight:inherit;}
ul, li { color:inherit; font-weight:inherit;}
*, *:before, *:after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

body { display:block; background-color:#FFFFFF; height:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;
     box-sizing:content-box; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
}
html, body { font-size:16px; font-family:'modam', Arial, sans-serif;
     font-weight:normal; font-weight:normal; color:#038434; width:100%; min-height:100%;}
.dir{
     direction: rtl;
}
.ltr{
     direction: ltr;
}
/* Responsive */
@media screen and (max-width: 1700px) {
     html, body { font-size:15px;}
     @media screen and (max-width: 1600px) {
          html, body { font-size:14px;}
          @media screen and (max-width: 1500px) {
               html, body { font-size:13px;}
               @media screen and (max-width: 1400px) {
                    html, body { font-size:12px;}
               }
               /* MDPI */
               @media screen and (max-height: 700px) and (min-width: 1000px) {
                    html, body { font-size:11px;}
               }
               /* Mobile */
               @media screen and (max-width: 900px) {
                    html, body { font-size:9px;}
                    @media screen and (max-width: 320px) {
                         html, body { font-size:7px;}
                    }
               }
          }
     }
}
/* High res */
@media screen and (min-width: 2000px) {
     html, body { font-size:18px;}
     @media screen and (min-width: 2500px) {
          html, body { font-size:22px;}
          @media screen and (min-width: 3000px) {
               html, body { font-size:25px;}
               @media screen and (min-width: 3500px) {
                    html, body { font-size:30px;}
               }
          }
     }
}

article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block;}
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none;}
a { font-size:inherit; font-weight:inherit; text-decoration:inherit; color:inherit; -webkit-tap-highlight-color:rgba(249,224,209,0.5);}
a:hover, a:active { outline: 0; }
a img { border: 0;}
select { cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background-image:none;}
select option { font-style:inherit; font-size:inherit;}
select:focus { background-image:none;}
input, select, button, textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background-image:none; font-family:inherit; font-size:inherit; font-style:inherit; font-weight:400; padding:0; color:inherit;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { appearance:none; -webkit-appearance: none; margin:0;}
input[type=number] { -moz-appearance: textfield;}
datalist { display:block;}
img { vertical-align:bottom; border:0; outline:0;}
.clear { display:block; clear:both !important;}
.clear-900 { display:none; clear:both !important;}
.clear-after:after { content:""; display:block; clear:both;}
.no-select { -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;}
.no-events { pointer-events:none;}
.no-outline { outline:none;}
.no-highlight {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.active.active-events,
.active > .active-direct-parent-events,
.active + .active-prev-events,
.persistant .persistant-events,
.persistant-events.persistant { pointer-events:initial;}
.no-cursor,
.no-cursor a { cursor:none;}
.cursor-pointer { cursor:pointer;}
.uppercase { text-transform:uppercase;}
.lowercase { text-transform:lowercase;}
@media screen and (max-width: 900px) {
     .active .active-parent-events-mobile,
     .events-mobile { pointer-events:initial;}
}

/* COMMUN */
/* Profondeur */
.z-index-0 { z-index:0;}
.z-index-1 { z-index:1;}
.z-index-2 { z-index:2;}
.z-index-3 { z-index:3;}
.z-index-4 { z-index:4;}
.z-index-5 { z-index:5;}
.z-content-bg { z-index:10;}
.z-content-mg { z-index:11;}
.z-content-fg { z-index:12;}
.z-content-fg-1 { z-index:13;}
.z-content-fg-2 { z-index:14;}
.hover-z-content-ffg:hover,
.z-content-ffg { z-index:15;}
.z-content-fffg { z-index:100;}
.z-content-ffffg { z-index:101;}
@media screen and (max-width: 900px) {
     .z-index-1-mobile { z-index:1;}
     .z-index-2-mobile { z-index:2;}
}
/* Centrage */
.bg-cover { object-fit:cover; background-size:cover; background-repeat:no-repeat; background-position:center;}
.bg-cover-height{background-size: auto 93%}
.bg-contain { object-fit:contain; background-size:contain; background-repeat:no-repeat; background-position:center;}
.middle-holder { display:table; height:100%; width:100%;}
.middle-holder .middle { vertical-align:middle; width:100%; display:table-cell;}
.center-holder { text-align:center;}
.left-holder { text-align:left;}
.right-holder { text-align:right;}
.justify-center { justify-content:center;}
@media screen and (max-width: 1200px) {
     .center-holder-thin { text-align:center;}
     @media screen and (max-width: 900px) {
          .no-bg-mobile { background:none;}
          .center-holder-mobile { text-align:center;}
          .left-holder-mobile { text-align:left;}
          .bg-cover-height-mobile{background-size: auto 103% }
     }
}
/* Blocs de centrages */
.centered { margin:0 auto;}
.centered-container { display:block; width:calc(100% - 6em); width:-webkit-calc(100% - 6em); box-sizing:border-box; margin:0 auto; height:100%;}
.centered-wide { display:block; width:calc(100% - 14em); width:-webkit-calc(100% - 14em); box-sizing:border-box; margin:0 auto; height:100%;}
.centered-small { display:block; width:calc(100% - 28em); width:-webkit-calc(100% - 28em); box-sizing:border-box; margin:0 auto; height:100%;}
@media screen and (max-width: 1500px) {
     @media screen and (max-width: 1200px) {
          .centered-small { width:calc(100% - 22em); width:-webkit-calc(100% - 22em);}
          @media screen and (max-width: 900px) {
               .centered-mobile { margin:0 auto;}
               .centered-wide { width:calc(100% - 8em); width:-webkit-calc(100% - 8em);}
               .centered-small { width:calc(100% - 8em); width:-webkit-calc(100% - 8em);}
          }
     }
}
/* Spacers */
.spacer-4 { width:100%; height:4em;}
.spacer-6 { width:100%; height:6em;}
.spacer-8 { width:100%; height:8em;}
.spacer-10 { width:100%; height:10em;}
.spacer-14 { width:100%; height:14em;}
.spacer-20 { width:100%; height:20em;}
.spacer-30vh { width:100%; height:30vh;}
.spacer-header { width:100%; height:12.75em;}
/* Mobile */
@media screen and (max-width: 900px) {
}
/* Marges */
.transition-margin { transition:margin 0.25s; -webkit-transition:margin 0.5s;}
.top-margin-auto { margin-top:auto;}
.top-margin--1px { margin-top:-1px;}
.top-margin--3px { margin-top:-3px;}
.top-margin--4px { margin-top:-4px;}
.top-margin--0-0625 { margin-top:-0.0625em;}
.top-margin--0-1875 { margin-top:-0.1875em;}
.top-margin-0-25 { margin-top:0.25em;}
.top-margin-0-375 { margin-top:0.375em;}
.top-margin-0-4 { margin-top:0.4em;}
.top-margin-0-5 { margin-top:0.5em;}
.top-margin--0-5 { margin-top:-0.5em;}
.top-margin--0-625 { margin-top:-0.625em;}
.top-margin--0-65 { margin-top:-0.65em;}
.top-margin-0-75 { margin-top:0.75em;}
.top-margin-0-85 { margin-top:0.85em;}
.top-margin-1 { margin-top:1em;}
.top-margin-1-25 { margin-top:1.25em;}
.top-margin--1-25 { margin-top:-1.25em;}
.top-margin--1-35 { margin-top:-1.35em;}
.top-margin--1-6 { margin-top:-1.6em;}
.top-margin--1-75 { margin-top:-1.75em;}
.top-margin--1-6875 { margin-top:-1.6875em;}
.top-margin--1-85 { margin-top:-1.85em;}
.top-margin-0-0625 { margin-top:0.0625em;}
.active.active-top-margin--0-65 { margin-top:-0.65em;}
.top-margin--0-25 { margin-top:-0.25em;}
.top-margin--0-3 { margin-top:-0.3em;}
.top-margin--0-375 { margin-top:-0.375em;}
.top-margin--0-40625 { margin-top:-0.40625em;}
.top-margin--0-5 { margin-top:-0.5em;}
.top-margin--0-5625 { margin-top:-0.5625em;}
.top-margin--0-75 { margin-top:-0.75em;}
.top-margin--0-875 { margin-top:-0.875em;}
.top-margin--1 { margin-top:-1em;}
.top-margin--1-25 { margin-top:-1.25em;}
.top-margin-1-25 { margin-top:1.25em;}
.top-margin-1-5 { margin-top:1.5em;}
.top-margin--1-5 { margin-top:-1.5em;}
.top-margin--1-875 { margin-top:-1.875em;}
.top-margin--2 { margin-top:-2em;}
.top-margin-2,
.current .current-top-margin-2 { margin-top:2em;}
.top-margin-2-25 { margin-top:2.25em;}
.top-margin-2-5 { margin-top:2.5em;}
.top-margin-2-75 { margin-top:2.75em;}
.top-margin--2-25 { margin-top:-2.25em;}
.top-margin--2-5 { margin-top:-2.5em;}
.top-margin--2-75 { margin-top:-2.75em;}
.top-margin--3 { margin-top:-3em;}
.top-margin-3 { margin-top:3em;}
.top-margin-3-15 { margin-top:3.15em;}
.top-margin--3-25 { margin-top:-3.25em;}
.top-margin-3-5 { margin-top:3.5em;}
.top-margin--3-5 { margin-top:-3.5em;}
.top-margin--3-625 { margin-top:-3.625em;}
.top-margin--4-6875 { margin-top:-4.6875em;}
.top-margin-3-75 { margin-top:3.75em;}
.top-margin--3-75 { margin-top:-3.75em;}
.top-margin-4 { margin-top:4em;}
.active .active-direct-parent-top-margin--4,
.top-margin--4 { margin-top:-4em;}
.top-margin--4-5 { margin-top:-4.5em;}
.top-margin--5 { margin-top:-5em;}
.top-margin-5 { margin-top:5em;}
.top-margin--5-5 { margin-top:-5.5em;}
.top-margin--6 { margin-top:-6em;}
.top-margin--6-25 { margin-top:-6.25em;}
.top-margin--6-5 { margin-top:-6.5em;}
.top-margin-6 { margin-top:6em;}
.top-margin-6-5 { margin-top:6.5em;}
.top-margin-7 { margin-top:7em;}
.top-margin--7 { margin-top:-7em;}
.top-margin--7-5 { margin-top:-7.5em;}
.top-margin-8 { margin-top:8em;}
.top-margin--8 { margin-top:-8em;}
.top-margin-8-5 { margin-top:8.5em;}
.top-margin--8-5 { margin-top:-8.5em;}
.top-margin-8-75 { margin-top:8.75em;}
.top-margin--9 { margin-top:-9em;}
.top-margin-10 { margin-top:10em;}
.top-margin--10 { margin-top:-10em;}
.top-margin--10-5 { margin-top:-10.5em;}
.top-margin-11 { margin-top:11em;}
.top-margin-12 { margin-top:12em;}
.top-margin--12 { margin-top:-12em;}
.top-margin--12-5 { margin-top:-12.5em;}
.top-margin-13 { margin-top:13em;}
.top-margin--13 { margin-top:-13em;}
.top-margin-14 { margin-top:14em;}
.top-margin--14 { margin-top:-14em;}
.top-margin-15 { margin-top:15em;}
.top-margin--15 { margin-top:-15em;}
.top-margin--16 { margin-top:-16em;}
.top-margin-16 { margin-top:16em;}
.top-margin-17 { margin-top:17em;}
.top-margin-18 { margin-top:18em;}
.top-margin--18 { margin-top:-18em;}
.top-margin--20 { margin-top:-20em;}
.top-margin-20 { margin-top:20em;}
.top-margin--21 { margin-top:-21em;}
.top-margin-22 { margin-top:22em;}
.top-margin-24 { margin-top:24em;}
.top-margin--24 { margin-top:-24em;}
.top-margin-25 { margin-top:25em;}
.top-margin--25 { margin-top:-25em;}
.top-margin-26 { margin-top:26em;}
.top-margin-32 { margin-top:32em;}
.top-margin--32 { margin-top:-32em;}
.top-margin-45 { margin-top:45em;}
.top-margin-70 { margin-top:70em;}
.top-margin-3p { margin-top:3%;}
.top-margin-5p { margin-top:5%;}
.top-margin-25p { margin-top:25%;}
.top-margin-50p { margin-top:50%;}
.top-margin-10p { margin-top:10%;}
.top-margin--5p { margin-top:-5%;}
.top-margin--6p { margin-top:-6%;}
.top-margin--8p { margin-top:-8%;}
.top-margin--10p { margin-top:-10%;}
.top-margin--15p { margin-top:-15%;}
.active.active-top-margin--17-5p { margin-top:-17.5%;}
.top-margin--20p { margin-top:-20%;}
.top-margin--25p { margin-top:-25%;}
.top-margin--50p { margin-top:-50%;}
.top-margin--50vw { margin-top:-50vw;}
.top-margin--25vh { margin-top:-25vh;}
.top-margin-50vh { margin-top:50vh;}
.top-margin--50vh { margin-top:-50vh;}
.top-margin--75vh { margin-top:-75vh;}
.top-margin-100vh { margin-top:100vh;}
.top-margin--100vh { margin-top:-100vh;}
.top-margin--150vh { margin-top:-150vh;}
.top-margin--half-inf { margin-top:-5000vh;}
.bot-margin--2px { margin-bottom:-2px;}
.bot-margin--0-25 { margin-bottom:-0.25em;}
.bot-margin-0-5 { margin-bottom:0.5em;}
.bot-margin--0-5 { margin-bottom:-0.5em;}
.bot-margin-0-75 { margin-bottom:0.75em;}
.bot-margin-0-85 { margin-bottom:0.85em;}
.bot-margin-1 { margin-bottom:1em;}
.bot-margin--1 { margin-bottom:-1em;}
.bot-margin-1-25 { margin-bottom:1.25em;}
.bot-margin-1-5 { margin-bottom:1.5em;}
.bot-margin--1-5 { margin-bottom:-1.5em;}
.bot-margin-2 { margin-bottom:2em;}
.bot-margin--2 { margin-bottom:-2em;}
.bot-margin-2-5 { margin-bottom:2.5em;}
.bot-margin-3 { margin-bottom:3em;}
.bot-margin--3 { margin-bottom:-3em;}
.bot-margin-3-25 { margin-bottom:3.25em;}
.bot-margin-3-5 { margin-bottom:3.5em;}
.bot-margin-4 { margin-bottom:4em;}
.bot-margin--4 { margin-bottom:-4em;}
.bot-margin-4-5 { margin-bottom:4.5em;}
.bot-margin-5 { margin-bottom:5em;}
.bot-margin--5 { margin-bottom:-5em;}
.bot-margin-5-5 { margin-bottom:5.5em;}
.bot-margin--5-5 { margin-bottom:-5.5em;}
.bot-margin--6 { margin-bottom:-6em;}
.bot-margin-6 { margin-bottom:6em;}
.bot-margin--7 { margin-bottom:-7em;}
.bot-margin-8 { margin-bottom:8em;}
.bot-margin--8 { margin-bottom:-8em;}
.bot-margin--9 { margin-bottom:-9em;}
.bot-margin-10 { margin-bottom:10em;}
.bot-margin--10 { margin-bottom:-10em;}
.bot-margin--11 { margin-bottom:-11em;}
.bot-margin-12 { margin-bottom:12em;}
.bot-margin--13 { margin-bottom:-13em;}
.bot-margin--14 { margin-bottom:-14em;}
.bot-margin--22 { margin-bottom:-22em;}
.bot-margin-10p { margin-bottom:10%;}
.bot-margin-25p { margin-bottom:25%;}
.bot-margin-50p { margin-bottom:50%;}
.bot-margin--5p { margin-bottom:-5%;}
.bot-margin--15p { margin-bottom:-15%;}
.bot-margin--25p { margin-bottom:-25%;}
.bot-margin--30p { margin-bottom:-30%;}
.bot-margin--32p { margin-bottom:-32%;}
.bot-margin--50p { margin-bottom:-50%;}
.left-margin-auto { margin-left:auto;}
.left-margin-1px { margin-left:1px;}
.left-margin-2px { margin-left:2px;}
.left-margin--1px { margin-left:-1px;}
.left-margin--2px { margin-left:-2px;}
.left-margin--4px { margin-left:-4px;}
.left-margin-0-0625 { margin-left:0.0625em;}
.left-margin--0-125 { margin-left:-0.125em;}
.left-margin--0-1875 { margin-left:-0.1875em;}
.left-margin-0-25 { margin-left:0.25em;}
.left-margin--0-40625 { margin-left:-0.40625em;}
.left-margin--0-5 { margin-left:-0.5em;}
.left-margin--0-5625 { margin-left:-0.5625em;}
.active.active-left-margin--0-65 { margin-left:-0.65em;}
.left-margin-0-75 { margin-left:0.75em;}
.left-margin--0-75 { margin-right:-0.75em;}
.left-margin--1 { margin-left:-1em;}
.left-margin-1 { margin-left:1em;}
.left-margin-1-25 { margin-left:1.25em;}
.left-margin-1-5 { margin-left:1.5em;}
.left-margin--1-5 { margin-left:-1.5em;}
.left-margin--1-75 { margin-left:-1.75em;}
.left-margin--1-875 { margin-left:-1.875em;}
.left-margin-2 { margin-left:2em;}
.left-margin--2 { margin-left:-2em;}
.left-margin-2-5 { margin-left:2.5em;}
.left-margin--2-5 { margin-left:-2.5em;}
.left-margin-3 { margin-left:3em;}
.left-margin--3 { margin-left:-3em;}
.left-margin-3-5 { margin-left:3.5em;}
.left-margin--3-5 { margin-left:-3.5em;}
.left-margin--3-625 { margin-left:-3.625em;}
.left-margin-3-75 { margin-left:3.75em;}
.active .active-direct-parent-left-margin--4,
.left-margin--4 { margin-left:-4em;}
.left-margin-4 { margin-left:4em;}
.left-margin--4-5 { margin-left:-4.5em;}
.left-margin-5 { margin-left:5em;}
.left-margin--5 { margin-left:-5em;}
.left-margin-6 { margin-left:6em;}
.left-margin--6 { margin-left:-6em;}
.left-margin--6-25 { margin-left:-6.25em;}
.left-margin-7 { margin-left:7em;}
.left-margin--7 { margin-left:-7em;}
.left-margin--7-5 { margin-left:-7.5em;}
.left-margin--7-85 { margin-left:-7.85em;}
.left-margin--8 { margin-left:-8em;}
.left-margin-8 { margin-left:8em;}
.left-margin--9 { margin-left:-9em;}
.left-margin-9-25 { margin-left:9.25em;}
.left-margin-9-5 { margin-left:9.5em;}
.left-margin-10 { margin-left:10em;}
.left-margin--10 { margin-left:-10em;}
.left-margin-12 { margin-left:12em;}
.left-margin--12 { margin-left:-12em;}
.left-margin--13 { margin-left:-13em;}
.left-margin-14 { margin-left:14em;}
.left-margin--14 { margin-left:-14em;}
.left-margin-14-5 { margin-left:14.5em;}
.left-margin-15 { margin-left:15em;}
.left-margin-16 { margin-left:16em;}
.left-margin--16 { margin-left:-16em;}
.left-margin--20 { margin-left:-20em;}
.left-margin-30 { margin-left:30em;}
.left-margin-36 { margin-left:36em;}
.left-margin-38 { margin-left:38em;}
.left-margin-50 { margin-left:50em;}
.left-margin-52 { margin-left:52em;}
.left-margin-8p { margin-left:8%;}
.left-margin-9p { margin-left:9%;}
.left-margin-10p { margin-left:10%;}
.left-margin-11-5p { margin-left:11.5%;}
.left-margin-22p { margin-left:22%;}
.left-margin--5p { margin-left:-5%;}
.left-margin--8p { margin-left:-8%;}
.left-margin--10p { margin-left:-10%;}
.active.active-left-margin--17-5p { margin-left:-17.5%;}
.left-margin--20p { margin-left:-20%;}
.left-margin--22p { margin-left:-22%;}
.left-margin--25p { margin-left:-25%;}
.left-margin-35p { margin-left:35%;}
.left-margin--50p { margin-left:-50%;}
.left-margin--50pscreen { margin-left:-50vw;}
.left-margin--58 { margin-left:-58vw;}
.left-margin--85 { margin-left:-85vw;}
.left-margin--70pscreen { margin-left:-70vw;}
.left-margin--screen { margin-left:-100vw;}
.left-margin--half-inf { margin-left:-5000vw;}
.right-margin-auto { margin-right:auto;}
.right-margin--2px { margin-right:-2px;}
.right-margin-0-5 { margin-right:0.5em;}
.right-margin--0-5 { margin-right:-0.5em;}
.right-margin-0-65 { margin-right:0.65em;}
.right-margin-0-75 { margin-right:0.75em;}
.right-margin-1 { margin-right:1em;}
.right-margin--1 { margin-right:-1em;}
.right-margin--1-25 { margin-right:-1.25em;}
.right-margin-1-25 { margin-right:1.25em;}
.right-margin-1-5 { margin-right:1.5em;}
.right-margin-1-75 { margin-right:1.75em;}
.right-margin--2 { margin-right:-2em;}
.right-margin-2 { margin-right:2em;}
.right-margin-2-5 { margin-right:2.5em;}
.right-margin--2-5 { margin-right:-2.5em;}
.right-margin--3 { margin-right:-3em;}
.right-margin-3 { margin-right:3em;}
.right-margin--3-5 { margin-right:-3.5em;}
.right-margin--4 { margin-right:-4em;}
.right-margin-4 { margin-right:4em;}
.right-margin-5 { margin-right:5em;}
.right-margin--5 { margin-right:-5em;}
.right-margin--6 { margin-right:-6em;}
.right-margin-6 { margin-right:6em;}
.right-margin--7 { margin-right:-7em;}
.right-margin--8 { margin-right:-8em;}
.right-margin-8 { margin-right:8em;}
.right-margin--9 { margin-right:-9em;}
.right-margin-9-5 { margin-right:9.5em;}
.right-margin-10 { margin-right:10em;}
.right-margin--10 { margin-right:-10em;}
.right-margin--11 { margin-right:-11em;}
.right-margin--12 { margin-right:-12em;}
.right-margin-12 { margin-right:12em;}
.right-margin--16 { margin-right:-16em;}
.right-margin-16 { margin-right:16em;}
.right-margin-18 { margin-right:18em;}
.right-margin--20 { margin-right:-20em;}
.right-margin-52 { margin-right:52em;}
.right-margin-8p { margin-right:8%;}
.right-margin-9p { margin-right:9%;}
.right-margin--10p { margin-right:-10%;}
.right-margin-14p { margin-right:14%;}
.right-margin-15p { margin-right:15%;}
.right-margin--25p { margin-right:-25%;}
.right-margin-25p { margin-right:25%;}
.right-margin-35p { margin-right:35%;}
.right-margin--50p { margin-right:-50%;}
.right-margin-half-slice-screen { margin-right:-webkit-calc(((100vw - (13 * 1.25em)) / 14) / 2); margin-right:calc(((100vw - (13 * 1.25em)) / 14) / 2);}
.right-margin-14th-screen { margin-right:-webkit-calc(100vw / 14); margin-right:calc(100vw / 14);}
.margin-0-5 { margin:0.5em;}
.margin-0-75 { margin:0.75em;}
@media screen and (max-width: 1600px) {
     .right-margin-6-large { margin-right:6em;}
     @media screen and (max-width: 1200px) {
          .left-margin-0-thin { margin-left:0;}
          .left-margin-1-thin { margin-left:1em;}
          .left-margin-1-5-thin { margin-left:1.5em;}
          .left-margin-2-thin { margin-left:2em;}
          .left-margin-3-thin { margin-left:3em;}
          .left-margin-3-5-thin { margin-left:3.5em;}
          .right-margin-4-thin { margin-right:4em;}
          .top-margin-2-thin { margin-top:2em;}
          .top-margin-4-thin { margin-top:4em;}
          @media screen and (max-width: 900px) {
               .top-margin--2-5-mobile { margin-top:-2.5em;}
               .top-margin--3-mobile { margin-top:-3em;}
               .top-margin--4-mobile { margin-top:-4em;}
               .top-margin--5-mobile { margin-top:-5em;}
               .top-margin--5-25-mobile { margin-top:-5.25em;}
               .top-margin--6-mobile { margin-top:-6em;}
               .top-margin--8-mobile { margin-top:-8em;}
               .top-margin--10-mobile { margin-top:-10em;}
               .top-margin--12-mobile { margin-top:-12em;}
               .top-margin--13-mobile { margin-top:-13em;}
               .top-margin--14-mobile { margin-top:-14em;}
               .top-margin--18-mobile { margin-top:-18em;}
               .top-margin--20-mobile { margin-top:-20em;}
               .top-margin--24-mobile { margin-top:-24em;}
               .bot-pad-20-mobile { padding-bottom:20em;}
               .top-margin--40-mobile { margin-top:-40em;}
               .top-margin-0-mobile { margin-top:0;}
               .top-margin-0-25-mobile { margin-top:0.25em;}
               .top-margin-0-5-mobile { margin-top:0.5em;}
               .top-margin-1-mobile { margin-top:1em;}
               .top-margin-1-5-mobile { margin-top:1.5em;}
               .top-margin-2-mobile { margin-top:2em;}
               .top-margin-3-mobile { margin-top:3em;}
               .top-margin-4-mobile { margin-top:4em;}
               .top-margin-5-mobile { margin-top:5em;}
               .top-margin-6-mobile { margin-top:6em;}
               .top-margin-10-mobile { margin-top:10em;}
               .top-margin-12-mobile { margin-top:12em;}
               .top-margin-14-mobile { margin-top:14em;}
               .top-margin-15-mobile { margin-top:15em;}
               .top-margin-16-mobile { margin-top:16em;}
               .top-margin-20-mobile { margin-top:20em;}
               .top-margin-22-mobile { margin-top:22em;}
               .top-margin-28-mobile { margin-top:28em;}
               .top-margin-30-mobile { margin-top:30em;}
               .top-margin-41-mobile { margin-top:41em;}
               .top-margin-45-mobile { margin-top:45em;}
               .top-margin-56-mobile { margin-top:56em;}
               .top-margin-58-mobile { margin-top:58em;}
               .top-margin-60-mobile { margin-top:60em;}
               .top-margin--15p-mobile { margin-top:-15%;}
               .bot-margin--1-mobile { margin-bottom:-1em;}
               .bot-margin-0-mobile { margin-bottom:0;}
               .bot-margin-0-5-mobile { margin-bottom:0.5em;}
               .bot-margin-4-mobile { margin-bottom:4em;}
               .bot-margin-14-mobile { margin-bottom:14em;}
               .bot-margin--15-mobile { margin-bottom:-15em;}
               .bot-margin-18-mobile { margin-bottom:18em;}
               .bot-margin-34-mobile { margin-bottom:34em;}
               .right-margin-auto-mobile { margin-right:auto;}
               .right-margin-0-mobile { margin-right:0;}
               .right-margin-1-5-mobile { margin-right:1.5em;}
               .right-margin-2-mobile { margin-right:2em;}
               .right-margin-6-mobile { margin-right:6em;}
               .right-margin--20-mobile { margin-right:-20em;}
               .right-margin--26-mobile { margin-right:-26em;}
               .right-margin-38-mobile { margin-right:38em;}
               .left-margin-auto-mobile { margin-left:auto;}
               .left-margin-0-mobile { margin-left:0;}
               .left-margin-1-35-mobile { margin-left:1.35em;}
               .left-margin-1-5-mobile { margin-left:1.5em;}
               .left-margin-38-mobile { margin-left:2em;}
               .left-margin-3-mobile { margin-left:3em;}
               .left-margin-4-mobile { margin-left:4em;}
               .left-margin-6-mobile { margin-left:6em;}
               .left-margin-8-mobile { margin-left:8em;}
               .left-margin-16-mobile { margin-left:16em;}
               .left-margin-20-mobile { margin-left:20em;}
               .left-margin-26-mobile { margin-left:26em;}
               .left-margin-30-mobile { margin-left:30em;}
               .left-margin-38-mobile { margin-left:38em;}
               .left-margin--1-mobile { margin-left:-1em;}
               .left-margin--3-mobile { margin-left:-3em;}
               .left-margin--2-5-mobile { margin-left:-2.5em;}
               .left-margin--4-mobile { margin-left:-4em;}
               .left-margin--5-mobile { margin-left:-5em;}
               .left-margin--7-mobile { margin-left:-7em;}
               .left-margin--8-mobile { margin-left:-8em;}
               .left-margin--16-mobile { margin-left:-16em;}
               .left-margin--64-mobile{ margin-left:-64%;}
               .left-margin--70-mobile{ margin-left:-70%;}
               .left-margin--90-mobile { margin-left:-90em;}
               .left-margin--15-mobile { margin-left:-15em;}
               .left-margin--15p-mobile { margin-left:-15%;}
          }
     }
}
/* Padding */
.transition-padding { transition:padding 0.5s; -webkit-transition:padding 0.5s;}
.padding-0-5 { padding:0.5em;}
.padding-1 { padding:1em;}
.padding-1-5 { padding:1.5em;}
.padding-2 { padding:2em;}
.padding-3 { padding:3em;}
.padding-4 { padding:4em;}
.padding-5 { padding:5em;}
.padding-6 { padding:6em;}
.right-pad-0-25 { padding-right:0.25em;}
.right-pad-0-5 { padding-right:0.5em;}
.left-pad-0-25 { padding-left:0.25em;}
.left-pad-0-5 { padding-left:0.5em;}
.left-pad-1 { padding-left:1em;}
.left-pad-1-25 { padding-left:1.25em;}
.left-pad-1-5 { padding-left:1.5em;}
.right-pad-1 { padding-right:1em;}
.right-pad-1-25 { padding-right:1.25em;}
.right-pad-1-5 { padding-right:1.5em;}
.left-pad-1-75 { padding-left:1.75em;}
.left-pad-2 { padding-left:2em;}
.right-pad-2 { padding-left:2em;}
.left-pad-2-25 { padding-left:2.25em;}
.right-pad-2-25 { padding-right:2.25em;}
.right-pad-2-5 { padding-right:2.5em;}
.left-pad-2-5 { padding-left:2.5em;}
.left-pad-3 { padding-left:3em;}
.left-pad-3-25 { padding-left:3.25em;}
.left-pad-3-5 { padding-left:3.5em;}
.left-pad-3-75 { padding-left:3.75em;}
.right-pad-3 { padding-right:3em;}
.right-pad-3-25 { padding-right:3.25em;}
.right-pad-3-5 { padding-right:3.5em;}
.left-pad-4 { padding-left:4em;}
.right-pad-4 { padding-left:4em;}
.left-pad-5 { padding-left:5em;}
.right-pad-5 { padding-right:5em;}
.left-pad-6 { padding-left:6em;}
.right-pad-6 { padding-right:6em;}
.left-pad-8 { padding-right:8em;}
.right-pad-8 { padding-left:8em;}
.left-pad-9 { padding-left:9em;}
.right-pad-9 { padding-right:9em;}
.left-pad-10 { padding-left:10em;}
.right-pad-10 { padding-right:10em;}
.left-pad-12 { padding-left:12em;}
.right-pad-12 { padding-right:12em;}
.left-pad-13 { padding-left:13em;}
.left-pad-14 { padding-left:14em;}
.right-pad-14 { padding-right:14em;}
.left-pad-15 { padding-left:15em;}
.right-pad-15 { padding-right:15em;}
.right-pad-16 { padding-right:16em;}
.left-pad-16 { padding-left:16em;}
.left-pad-18 { padding-left:18em;}
.right-pad-18 { padding-right:18em;}
.left-pad-20 { padding-left:20em;}
.left-pad-22 { padding-left:22em;}
.right-pad-20 { padding-right:20em;}
.left-pad-40 { padding-left:40em;}
.right-pad-40 { padding-right:40em;}
.bot-pad-0 { padding-bottom:0;}
.bot-pad-1px { padding-bottom:1px;}
.bot-pad-0-25 { padding-bottom:0.25em;}
.bot-pad-0-5 { padding-bottom:0.5em;}
.bot-pad-0-65 { padding-bottom:0.65em;}
.bot-pad-0-75 { padding-bottom:0.75em;}
.bot-pad-0-85 { padding-bottom:0.85em;}
.top-pad-0-25 { padding-top:0.25em;}
.top-pad-0-5 { padding-top:0.5em;}
.top-pad-0-75 { padding-top:0.75em;}
.top-pad-1 { padding-top:1em;}
.top-pad-1-25 { padding-top:1.25em;}
.top-pad-1-5 { padding-top:1.5em;}
.bot-pad-1 { padding-bottom:1em;}
.bot-pad-1-25 { padding-bottom:1.25em;}
.bot-pad-1-5 { padding-bottom:1.5em;}
.top-pad-2 { padding-top:2em;}
.persistant .persistant-bot-pad-2,
.bot-pad-2 { padding-bottom:2em;}
.bot-pad-2-5 { padding-bottom:2.5em;}
.top-pad-2-5 { padding-top:2.5em;}
.persistant .persistant-top-pad-3,
.top-pad-3 { padding-top:3em;}
.bot-pad-3 { padding-bottom:3em;}
.top-pad-3-5 { padding-top:3.5em;}
.bot-pad-3-5 { padding-bottom:3.5em;}
.top-pad-3-75 { padding-top:3.75em;}
.top-pad-4 { padding-top:4em;}
.bot-pad-4 { padding-bottom:4em;}
.top-pad-4-5 { padding-top:4.5em;}
.bot-pad-4-5 { padding-bottom:4.5em;}
.top-pad-5 { padding-top:5em;}
.bot-pad-5 { padding-bottom:5em;}
.top-pad-6 { padding-top:6em;}
.bot-pad-6 { padding-bottom:6em;}
.top-pad-7 { padding-top:7em;}
.bot-pad-7 { padding-bottom:7em;}
.top-pad-8 { padding-top:8em;}
.bot-pad-8 { padding-bottom:8em;}
.top-pad-9 { padding-top:9em;}
.top-pad-10 { padding-top:10em;}
.bot-pad-10 { padding-bottom:10em;}
.top-pad-11 { padding-top:11em;}
.top-pad-12 { padding-top:12em;}
.bot-pad-12 { padding-bottom:12em;}
.top-pad-14 { padding-top:14em;}
.bot-pad-14 { padding-bottom:14em;}
.bot-pad-15 { padding-bottom:15em;}
.top-pad-15 { padding-top:15em;}
.top-pad-16 { padding-top:16em;}
.bot-pad-16 { padding-bottom:16em;}
.top-pad-18 { padding-top:18em;}
.bot-pad-18 { padding-bottom:18em;}
.top-pad-20 { padding-top:20em;}
.bot-pad-20 { padding-bottom:20em;}
.top-pad-22 { padding-top:22em;}
.bot-pad-22 { padding-bottom:22em;}
.bot-pad-24 { padding-bottom:24em;}
.top-pad-26 { padding-top:26em;}
.bot-pad-26 { padding-bottom:26em;}
.top-pad-30 { padding-top:30em;}
.top-pad-32 { padding-top:32em;}
.top-pad-36 { padding-top:36em;}
.bot-pad-32 { padding-bottom:32em;}
.bot-pad-38 { padding-bottom:38em;}
.bot-pad-40 { padding-bottom:40em;}
.top-pad-42 { padding-top:42em;}
.bot-pad-42 { padding-bottom:42em;}
.top-pad-48 { padding-top:48em;}
.top-pad-50vh, .top-pad-half-screen { padding-top:50vh;}
.top-pad-100vh, .top-pad-screen { padding-top:100vh;}
.top-pad-header { padding-top:12em;}
.bot-pad-footer { padding-bottom:12em;}
.top-pad-header-slim { padding-top:11em;}
.bot-pad-footer-slim { padding-bottom:9.5em;}
.v-pad-10 { padding-top:10em; padding-bottom:10em;}
@media screen and (max-width: 1600px) {
     .right-pad-4-large { padding-right:4em;}
     .right-pad-6-large { padding-right:6em;}
     .right-pad-10-large { padding-right:10em;}
     .left-pad-4-large { padding-left:4em;}
     .left-pad-6-large { padding-left:6em;}
     @media screen and (max-width: 1200px) {
          .top-pad-0-thin { padding-top:0;}
          .top-pad-0-25-thin { padding-top:0.25em;}
          .left-pad-8-thin { padding-left:8em;}
          .left-pad-6-thin { padding-left:6em;}
          .left-pad-4-thin { padding-left:4em;}
          .right-pad-2-thin { padding-right:2em;}
          .right-pad-4-thin { padding-right:4em;}
          .right-pad-6-thin { padding-right:6em;}
          .right-pad-8-thin { padding-right:8em;}
          .right-pad-12-thin { padding-right:12em;}
          @media screen and (max-width: 900px) {
               .padding-2-mobile { padding:2em;}
               .padding-3-mobile { padding:3em;}
               .top-pad-0-mobile { padding-top:0;}
               .top-pad-0-25-mobile { padding-top:0.25em;}
               .top-pad-0-5-mobile { padding-top:0.5em;}
               .top-pad-1-mobile { padding-top:1em;}
               .top-pad-2-mobile { padding-top:2em;}
               .top-pad-3-mobile { padding-top:3em;}
               .top-pad-4-mobile { padding-top:4em;}
               .top-pad-5-mobile { padding-top:5em;}
               .top-pad-6-mobile { padding-top:6em;}
               .top-pad-8-mobile { padding-top:8em;}
               .top-pad-10-mobile { padding-top:10em;}
               .top-pad-12-mobile { padding-top:12em;}
               .top-pad-14-mobile { padding-top:14em;}
               .top-pad-16-mobile { padding-top:16em;}
               .top-pad-18-mobile { padding-top:18em;}
               .top-pad-20-mobile { padding-top:20em;}
               .top-pad-24-mobile { padding-top:24em;}
               .top-pad-25-mobile { padding-top:25em;}
               .top-pad-26-mobile { padding-top:26em;}
               .top-pad-28-mobile { padding-top:28em;}
               .top-pad-30-mobile { padding-top:30em;}
               .top-pad-40-mobile { padding-top:40em;}
               .bot-pad-0-mobile { padding-bottom:0;}
               .bot-pad-1-mobile { padding-bottom:1em;}
               .bot-pad-2-mobile { padding-bottom:2em;}
               .bot-pad-2-5-mobile { padding-bottom:2.5em;}
               .bot-pad-3-mobile { padding-bottom:3em;}
               .bot-pad-4-mobile { padding-bottom:4em;}
               .bot-pad-6-mobile { padding-bottom:6em;}
               .bot-pad-7-mobile { padding-bottom:7em;}
               .bot-pad-8-mobile { padding-bottom:8em;}
               .bot-pad-10-mobile { padding-bottom:10em;}
               .bot-pad-12-mobile { padding-bottom:12em;}
               .bot-pad-14-mobile { padding-bottom:14em;}
               .bot-pad-16-mobile { padding-bottom:16em;}
               .bot-pad-20-mobile { padding-bottom:20em;}
               .bot-pad-24-mobile { padding-bottom:24em;}
               .bot-pad-26-mobile { padding-bottom:26em;}
               .bot-pad-28-mobile { padding-bottom:28em;}
               .bot-pad-30-mobile { padding-bottom:30em;}
               .bot-pad-32-mobile { padding-bottom:32em;}
               .right-pad-0-mobile { padding-right:0;}
               .right-pad-1-mobile { padding-right:1em;}
               .right-pad-2-mobile { padding-right:2em;}
               .right-pad-3-mobile { padding-right:3em;}
               .right-pad-4-mobile { padding-right:4em;}
               .right-pad-6-mobile { padding-right:6em;}
               .right-pad-8-mobile { padding-right:8em;}
               .right-pad-30-mobile { padding-right:30em;}
               .left-pad-0-mobile { padding-left:0;}
               .left-pad-1-mobile { padding-left:1em;}
               .left-pad-2-mobile { padding-left:2em;}
               .left-pad-3-mobile { padding-left:3em;}
               .left-pad-4-mobile { padding-left:4em;}
               .left-pad-6-mobile { padding-left:6em;}
               .left-pad-8-mobile { padding-left:8em;}
          }
     }
}
/* Translations simples */
.translate-x-3em { -webkit-transform: translateX(3em); -moz-transform: translateX(3em); -ms-transform: translateX(3em); -o-transform: translateX(3em); transform: translateX(3em);}
.translate-xy--50p { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.current .current-translate-x--2em { -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em);}
.translate-x--50p { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.translate-x--100p { -webkit-transform: translateX(-101%); -moz-transform: translateX(-101%); -ms-transform: translateX(-101%); -o-transform: translateX(-101%); transform: translateX(-101%);}
.translate-y--50p { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.translate-y-50p { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%);}
.translate-y-100p { -webkit-transform: translateY(101%); -moz-transform: translateY(101%); -ms-transform: translateY(101%); -o-transform: translateY(101%); transform: translateY(101%);}
.current .current-translate-y-0 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.active-parent.active .parent-active-translate-x-0,
.active-translate-y-0.active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.active-translate-x-0.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.persistant .persistant-translate-x-0 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.hover-parent:hover .parent-hover-translate-y-0 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.active-translate-x-100p.active,
.translate-x-100p { -webkit-transform: translateX(101%); -moz-transform: translateX(101%); -ms-transform: translateX(101%); -o-transform: translateX(101%); transform: translateX(101%);}
@media screen and (max-width: 900px) {
     .translate-x-0-mobile { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
     .translate-y-0-mobile { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
     .translate-y--50p-mobile { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
     .translate-y-16em-mobile { -webkit-transform: translateY(16em); -moz-transform: translateY(16em); -ms-transform: translateY(16em); -o-transform: translateY(16em); transform: translateY(16em);}
}

/* Forme auto */
img.square { width:100%; outline:0; vertical-align:middle;}
img.square-height { height:100%; outline:0; vertical-align:middle;}
img.square-fit { object-fit:cover; object-position:center center; height:100%; width:100%; outline:0; vertical-align:middle;}
img.fit { object-fit:cover;}
img.contain { object-fit:contain;}
.svg-container svg { position:absolute; top:0; left:0; height:100%; width:100%; object-fit:contain;}
.svg-fit-height { display:inline-block;}
.svg-centered { text-align:center;}
.svg-centered svg { display:inline-block;}
.svg-fit-height svg { height:100%;}
.svg-fit-width svg { width:100%;}
.svg-valign-top svg { vertical-align:top;}
.svg-valign-bot svg { vertical-align:bottom;}
.svg-fit-top svg { margin-top:-1px;}
.valign-middle { vertical-align:middle;}
.valign-top { vertical-align:top;}
.valign-bottom { vertical-align:bottom;}
/* Carousels (Slick) */
.slick-list { height:100%;}
.slick-list .slick-track { height:100%;}
.carousel.flex-slides .slick-track { display:flex; flex-direction:row; flex-wrap:nowrap; align-items: stretch;}
.carousel.flex-slides .slick-slide { height:auto;}
.slick-dotted .slick-dots { text-align:center; padding-top:3em;}
.slick-dotted .slick-dots li { display:inline-block; width:1em; height:1em;}
.slick-dotted .slick-dots li + li { margin-left:1.5em;}
.slick-dotted .slick-dots li button { display:block; width:100%; height:100%; border:1px solid #cfcfcf; border-radius:50%; background-color:rgba(0,0,0,0); appearance:none; overflow:hidden; color:rgba(0,0,0,0);}
.slick-dotted .slick-dots li.slick-active button { background-color:#cfcfcf;}
/* Spécifique Agropole */
#carousel-focus-page .slick-slide { transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#carousel-focus-page .slick-slide.slick-current + .slick-slide ~ .slick-slide { opacity:0.5;}

/* Flottants / Normal */
.block { display:block;}
.inline-block { display:inline-block;}
.float { float:left;}
.float.right { float:right;}
@media screen and (max-width: 1200px) {
     .block-thin,
     .inline-block.block-thin,
     .flexbox.block-thin,
     .grid.block-thin { display:block;}
     .float.float-none-thin,
     .float.right.float-none-thin { float:none;}
     @media screen and (max-width: 900px) {
          .float-mobile { float:left;}
          .float-mobile.right { float:right;}
          .float.float-none-mobile,
          .float.right.float-none-mobile { float:none;}
          .block-mobile,
          .inline-block.block-mobile,
          .flexbox.block-mobile,
          .grid.block-mobile { display:block;}
          .inline-block-mobile { display:inline-block;}
     }
}
/* Positions */
.transition-left-top { transition:left 0.25s, top 0.25s; -webkit-transition:left 0.25s, top 0.25s;}
.rel { position:relative;}
.fixed { position:fixed; top:0; left:0;}
.sticky { position:-webkit-sticky; position:sticky; top:0; left:0; align-self: flex-start;}
.abs { position:absolute; top:0; left:0;}
.abs.top--1px { top:-1px; bottom:auto;}
.abs.top--5em { top:-5em; bottom:auto;}
.active > .abs.active-direct-parent-top-0 { top:0; bottom:auto;}
.abs.top-5 { top:5%; bottom:auto;}
.abs.top-10 { top:10%; bottom:auto;}
.abs.top-20 { top:20%; bottom:auto;}
.abs.top-25 { top:25%; bottom:auto;}
.abs.top-30 { top:30%; bottom:auto;}
.abs.top-32-5 { top:32.5%; bottom:auto;}
.abs.top-35 { top:35%; bottom:auto;}
.abs.top-37-5 { top:37.5%; bottom:auto;}
.abs.top-40 { top:40%; bottom:auto;}
.abs.top-40vh { top:40vh; bottom:auto;}
.abs.top-45 { top:45%; bottom:auto;}
.abs.top-50,
.fixed.top-50 { top:50%; bottom:auto;}
.fixed.top-50vh,
.abs.top-50vh { top:50vh; bottom:auto;}
.abs.top-75,
.fixed.top-75 { top:75%; bottom:auto;}
.fixed.top-75vh,
.abs.top-75vh { top:75vh; bottom:auto;}
.abs.top-10em { top:10em; bottom:auto;}
.abs.top-100 { top:100%; bottom:auto;}
.abs.top-100vh { top:100vh; bottom:auto;}
.abs.top--50 { top:-50%; bottom:auto;}
.abs.top--75 { top:-75%; bottom:auto;}
.abs.bot,
.fixed.bot { top:auto; bottom:0;}
.abs.bot--5em { bottom:-5em;}
.abs.bot-50vh { bottom:50vh;}
.abs.bot--50vh { bottom:-50vh;}
.abs.bot-5 { top:auto; bottom:5%;}
.abs.bot-10 { top:auto; bottom:10%;}
.abs.bot-15 { top:auto; bottom:15%;}
.abs.bot-20 { top:auto; bottom:20%;}
.abs.bot-25 { top:auto; bottom:25%;}
.abs.bot-30 { top:auto; bottom:30%;}
.abs.bot-35 { top:auto; bottom:35%;}
.abs.bot-40 { top:auto; bottom:40%;}
.abs.bot-50 { top:auto; bottom:50%;}
.abs.bot-80 { top:auto; bottom:80%;}
.abs.bot-85 { top:auto; bottom:85%;}
.abs.bot-100 { top:auto; bottom:100%;}
.abs.right,
.fixed.right { left:auto; right:0;}
.abs.right-15 { left:auto; right:15%;}
.abs.right-25 { left:auto; right:25%;}
.abs.right-20 { left:auto; right:20%;}
.abs.right-30 { left:auto; right:30%;}
.abs.right-33 { left:auto; right:33%;}
.abs.right-50 { left:auto; right:50%;}
.abs.right-60 { left:auto; right:60%;}
.abs.right-70 { left:auto; right:70%;}
.abs.right-80 { left:auto; right:80%;}
.abs.right-100 { left:auto; right:100%;}
.fixed.left,
.active > .abs.active-direct-parent-left-0 { right:auto; left:0;}
.abs.left--1px { right:auto; left:-1px;}
.abs.left-10 { right:auto; left:10%;}
.abs.left-15 { right:auto; left:15%;}
.abs.left-17-5 { right:auto; left:17.5%;}
.abs.left-20 { right:auto; left:20%;}
.abs.left-22-5 { right:auto; left:22.5%;}
.abs.left-25 { right:auto; left:25%;}
.abs.left-30 { right:auto; left:30%;}
.abs.left-35 { right:auto; left:35%;}
.abs.left-37-5 { right:auto; left:37.5%;}
.abs.left-40 { right:auto; left:40%;}
.abs.left-45 { right:auto; left:45%;}
.abs.left-50,
.fixed.left-50 { right:auto; left:50%;}
.abs.left--25 { right:auto; left:-25%;}
.abs.left--50,
.fixed.left--50 { right:auto; left:-50%;}
.abs.left-60 { right:auto; left:60%;}
.abs.left-70 { right:auto; left:70%;}
.abs.left-80 { right:auto; left:80%;}
.abs.left-100 { right:auto; left:100%;}
.abs.left--100 { right:auto; left:-100%;}
.abs.left--33 { right:auto; left:-33%;}
@media screen and (max-width: 1200px) {
     .abs.top-100-thin { top:100%; bottom:auto;}
     @media screen and (max-width: 900px) {
          .abs-mobile { position:absolute; top:0; left:0;}
          .abs-mobile.left-100 { right:auto; left:100%;}
          .fixed-mobile.top-mobile { top:0; bottom:auto;}
          .abs.top-mobile { top:0 !important; bottom:auto;}
          .abs.top-50-mobile { top:50%; bottom:auto;}
          .abs.top-100-mobile { top:100%; bottom:auto;}
          .abs.top-30em-mobile { top:30em; bottom:auto;}
          .abs.top-58em-mobile { top:58em; bottom:auto;}
          .abs.top-64em-mobile { top:64em; bottom:auto;}
          .abs-mobile.right-mobile,
          .abs.right-mobile,
          .fixed-mobile.right-mobile,
          .fixed.right-mobile { left:auto; right:0;}
          .fixed-mobile.left-mobile,
          .abs.left-mobile { left:0; right:auto;}
          .abs.left-30-mobile { left:30%; right:auto;}
          .abs.left-50-mobile { left:50%; right:auto;}
          .abs.left-60-mobile { left:60%; right:auto;}
          .abs.left-100-mobile { left:100%; right:auto;}
          .abs.left--50-mobile { left:-50%; right:auto;}
          .abs.right-50-mobile { left:auto; right:50%;}
          .abs.bot-25em-mobile { bottom:25em;}
          .abs.bot-100-mobile { top:auto; bottom:100%;}
          .abs-mobile.bot,
          .abs.bot-mobile { top:auto; bottom:0;}
          .rel-mobile,
          .active + .active-prev-rel-mobile { position:relative !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;}
          .abs.top-100-mobile { top:100%; bottom:auto;}
          .fixed-mobile { position:fixed;}
     }
}
/* Flexibles */
.flexbox { display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:row; flex-wrap:wrap;}
.flexbox-center { display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:row; align-items: center; justify-content: flex-start;}
.flexbox-top { display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:row; align-items: flex-start; justify-content: flex-start;}
.flexbox-top-center { display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:row; align-items: flex-start; justify-content: space-around;}
.flexbox-column-left { display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:column; align-items: flex-start; justify-content: flex-start;}
.flexbox-center-wrap { display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:row; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.flexbox.middle,
.flexbox-mobile.middle { align-items:center; justify-content:space-between;}
.flexbox.stretch,
.flexbox-mobile.stretch { align-items:stretch; justify-content:space-between;}
.flexbox.justify-center { justify-content:center;}
.flexbox .flex-0 { flex:0;}
.flexbox .flex { flex:1;}
.flexbox .flex-25 { flex:25%;}
.flexbox .flex-75 { flex:75%;}
.flexbox .active.active-order-0 { order:0;}
.flexbox .order-1 { order:1;}
.flexbox.align-end { align-items:flex-end;}
.flexbox.align-center { align-items:center;}
.flexbox.reverse { flex-direction:row-reverse;}
.flexbox.column { flex-direction:column;}
.flexbox.column.reverse { flex-direction:column-reverse;}
.flexbox.gap-1 { gap:1em;}
.flexbox.gap-1-5 { gap:1.5em;}
.flexbox.gap-2 { gap:2em;}
.grid { display: grid; grid-template-columns: repeat(4, 1fr); /*gap:2.5em 1.5em; grid-gap:2.5em 1.5em;*/}
.grid.jury { grid-template-columns: repeat(3, 1fr); gap:3.5em 1em; grid-gap:3.5em 1em; grid-auto-rows:1fr;}
@media screen and (max-width: 900px) {
     .flexbox-mobile { display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:row; flex-wrap:wrap;}
     .flexbox .flex.noflex-mobile { flex:none;}
     .flexbox.row-mobile { flex-direction:row;}
     .flexbox.column-mobile { flex-direction:column;}
     .flexbox.column-reverse-mobile { flex-direction:column-reverse;}
     .grid.jury { grid-template-columns: repeat(2, 1fr); gap:4.5em 1em; grid-gap:4.5em 1em;}
}
/* Ombres */

/* Filtres */
.transition-grayscale { transition:filter 0.25s; -webkit-transition:filter 0.25s;}
.grayscale-100 { filter:grayscale(100%);}
.hover-parent:hover .parent-hover-grayscale-0,
.current .current-grayscale-0 { filter:grayscale(0%);}
@media screen and (max-width: 900px) {
     .no-filter-mobile { filter:none;}
}

/* Dimensions */
.transition-height { transition:height 0.25s; -webkit-transition:height 0.25s;}
.transition-width { transition:width 0.25s; -webkit-transition:width 0.25s;}
.border-box { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.content-box { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.width-0 { width:0;}
.width-auto { width:auto;}
.half { width:50%;}
.half--3em { width:calc(50% - 3em); width:-webkit-calc(50% - 3em);}
.half-3em { width:calc(50% + 3em); width:-webkit-calc(50% + 3em);}
.quarter { width:25%;}
.third { width:calc(100% / 3); width:-webkit-calc(100% / 3);}
.two-third { width:calc((100% / 3) * 2); width:-webkit-calc((100% / 3) * 2);}
.three-quarter { width:75%;}
.width-1px { width:1px;}
.width-2px { width:2px;}
.width-9px { width:9px;}
.width-0-125em { width:0.125em;}
.width-0-25em { width:0.25em;}
.width-0-375em { width:0.375em;}
.width-0-5em { width:0.5em;}
.width-0-625em { width:0.625em;}
.width-0-75em { width:0.75em;}
.width-0-8125em { width:0.8125em;}
.width-1em { width:1em;}
.width-1-125em { width:1.125em;}
.width-1-25em { width:1.25em;}
.active.active-width-1-3em { width:1.3em;}
.width-1-375em { width:1.375em;}
.width-1-5em { width:1.5em;}
.width-2em { width:2em;}
.width-2-5em { width:2.5em;}
.width-3em { width:3em;}
.width-3-25em { width:3.25em;}
.width-3-75em { width:3.75em;}
.width-4em { width:4em;}
.width-4-25em { width:4em;}
.width-5em { width:5em;}
.width-5-35em { width:5.35em;}
.width-6em { width:6em;}
.width-6-5em { width:6.5em;}
.width-7em { width:7em;}
.width-7-25em { width:7.25em;}
.width-7-5em { width:7.5em;}
*:hover > .hover-direct-parent-width-8em,
.width-8em { width:8em;}
.width-9em { width:9em;}
.width-10em { width:10em;}
.max-width-10em { max-width:10em;}
.width-11em { width:11em;}
.width-12em { width:12em;}
.width-13em { width:13em;}
.width-13-5em { width:13.5em;}
.width-14em { width:14em;}
.width-15em { width:15em;}
.width-16em { width:16em;}
.max-width-16em { max-width:16em;}
.width-18em { width:18em;}
.width-19em { width:19em;}
.width-20em { width:20em;}
.width-22em { width:22em;}
.width-24em { width:24em;}
.width-28em { width:28em;}
.width-30em { width:30em;}
.width-32em { width:32em;}
.width-36em { width:36em;}
.width-40em { width:40em;}
.width-46em { width:46em;}
.width-50em { width:50em;}
.width-15 { width:15%;}
.width-16 { width:16%;}
.width-17-5 { width:17.5%;}
.width-20 { width:20%;}
.width-25 { width:25%;}
.width-30 { width:30%;}
.width-tier { width:33.33%; width:-webkit-calc(100% / 3); width:calc(100% / 3);}
@media screen and (max-width: 768px){
     .width-tier {
          width:100%;
     }

}
.width-tier.flex { flex:0 0 33.33%;}
.width-35,
.active.active-width-35 { width:35%;}
.width-40 { width:40%;}
.width-40.flex { flex:0 0 40%;}
.width-45 { width:45%;}
.width-45.flex { flex:0 0 45%;}
.width-50 { width:50%;}
.width-55 { width:55%;}
.width-55.flex { flex:0 0 55%;}
.width-60 { width:60%;}
.width-65 { width:65%;}
.width-65.flex { flex:0 0 65%;}
.width-70 { width:70%;}
.width-70.flex { flex:0 0 70%;}
.width-75 { width:75%;}
.width-75.flex { flex:0 0 75%;}
.width-80 { width:80%;}
.width-80.flex { flex:0 0 80%;}
.width-90 { width:90%;}
.width-90.flex { flex:0 0 90%;}
.width-100,
.active > .active-direct-parent-width-100 { width:100%;}
.width-100--1em { width:95%; width:-webkit-calc(100% - 1em); width:calc(100% - 1em);}
.width-115 { width:115%;}
.width-125 { width:125%;}
.width-135 { width:135%;}
.width-140 { width:140%;}
.width-150 { width:150%;}
.width-175 { width:175%;}
.width-100vh,
.width-screen { width:100vw;}
.width-2screen { width:200vw;}
.width-3screen { width:300vw;}
.width-200 { width:200%;}
.width-300 { width:300%;}
.width-400 { width:400%;}
.width-inf { width:10000vw;}
.min-width-20em { min-width:20em;}
.min-width-50 { min-width:50%;}
.max-width-15em { max-width:15em;}
.max-width-26em { max-width:26em;}
.max-width-30em { max-width:30em;}
.max-width-40em { max-width:40em;}
.max-width-tier { max-width:33.33%; max-width:-webkit-calc(100% / 3); max-width:calc(100% / 3);}
.max-width-80 { max-width:80%;}
.max-width-100 { max-width:100%;}
.max-width-55vh { max-width:55vh;}
.max-width-60vh { max-width:60vh;}
.max-width-70vh { max-width:70vh;}
.max-width-90vh { max-width:90vh;}
.max-width-500 { max-width:500px;}
.max-width-none { max-width:none;}
.height-initial { height:initial;}
.height-fit { height:fit-content;}
.height-1px { height:1px;}
.height-2px { height:2px;}
.height-3px { height:3px;}
.height-4px { height:4px;}
.height-5px { height:5px;}
.height-9px { height:9px;}
.height-0-125em { height:0.125em;}
.height-0-25em { height:0.25em;}
.height-0-375em { height:0.375em;}
.height-0-5em { height:0.5em;}
.height-0-6em { height:0.6em;}
.height-0-625em { height:0.625em;}
.height-0-75em { height:0.75em;}
.height-0-8125em { height:0.8125em;}
.height-1em { height:1em;}
.height-1-125em { height:1.125em;}
.height-1-25em { height:1.25em;}
.height-1-3em { height:1.3em;}
.active.active-height-1-3em { height:1.3em;}
.height-1-5em { height:1.5em;}
.height-1-75em { height:1.75em;}
.height-2em { height:2em;}
.height-2-25em { height:2.25em;}
.height-2-35em { height:2.35em;}
.height-2-45em { height:2.45em;}
.height-2-5em { height:2.5em;}
.height-2-75em { height:2.75em;}
.height-3em { height:3em;}
.max-height-3em { max-height:3em;}
.height-3-125em { height: 3.125em;}
.height-3-25em { height:3.25em;}
.height-3-375em { height:3.375em;}
.height-3-5em { height:3.5em;}
.height-3-75em { height:3.75em;}
.height-3-875em { height:3.875em;}
.height-4em { height:4em;}
.max-height-4em { max-height:4em;}
.height-4-25em { height:4.25em;}
.height-4-5em { height:4.5em;}
.height-5em { height:5em;}
.max-height-5em { max-height:5em;}
.height-5-125em { height:5.125em;}
.height-5-5em { height:5.5em;}
.height-5-75em { height:5.75em;}
.height-6em { height:6em;}
.height-6-375em { height:6.375em;}
.height-6-5em { height:6.5em;}
.height-7em { height:7em;}
.max-height-7em { max-height:7em;}
.height-7-25em { height:7.25em;}
.height-7-5em { height:7.5em;}
.height-8em { height:8em;}
.height-8-125em { height:8.125em;}
.height-8-5em { height:8.5em;}
.height-8-75em { height:8.75em;}
.height-9em { height:9em;}
.height-10em { height:10em;}
.height-11em { height:11em;}
.max-height-12em { max-height:12em;}
.height-12em { height:12em;}
.height-12-5em { height:12.5em;}
.height-13em { height:13em;}
.height-13-5em { height:13.5em;}
.height-13-75em { height:13.75em;}
.height-14em { height:14em;}
.height-15em { height:15em;}
.height-16em { height:16em;}
.height-17em { height:17em;}
.height-18em { height:18em;}
.height-18-5em { height:18.5em;}
.height-19em { height:19em;}
.height-19-5em { height:19.5em;}
.height-20em { height:20em;}
.height-22em { height:22em;}
.height-23em { height:23em;}
.height-24em { height:24em;}
.height-25em { height:25em;}
.height-26em { height:26em;}
.height-28em { height:28em;}
.height-30em { height:30em;}
.height-32em { height:32em;}
.height-34em { height:34em;}
.height-35em { height:35em;}
.height-36em { height:36em;}
.height-40em { height:40em;}
.height-42em { height:42em;}
.height-46em { height:46em;}
.height-50em { height:50em;}
.height-60em { height:60em;}
.height-10 { height:10%;}
.height-16 { height:16%;}
.height-20 { height:20%;}
.height-25 { height:25%;}
.height-30 { height:30%;}
.active.active-height-35,
.height-35 { height:35%;}
.height-40 { height:40%;}
.height-45 { height:45%;}
.height-50 { height:50%;}
.height-51 { height:51%;}
.height-60 { height:60%;}
.height-65 { height:65%;}
.height-70 { height:70%;}
.height-75 { height:75%;}
.height-80 { height:80%;}
.height-85 { height:85%;}
.height-90 { height:90%;}
.height-100,
.active > .active-direct-parent-height-100 { height:100%;}
.height-100-10em { height:-webkit-calc(100% + 10em); height:calc(100% + 10em);}
.height-105 { height:105%;}
.height-125 { height:125%;}
.height-135 { height:135%;}
.height-145 { height:145%;}
.height-150 { height:150%;}
.height-175 { height:175%;}
.height-200 { height:200%;}
.height-300 { height:300%;}
.height-500 { height:500%;}
.height-screen-centered { height:calc(100vh - 15em); height:-webkit-calc(100vh - 15em);}
.height-15vh { height:15vh;}
.height-35vh { height:35vh;}
.height-50vh { height:50vh;}
.height-60vh { height:60vh;}
.height-70vh { height:70vh;}
.height-75vh { height:75vh;}
.height-80vh { height:80vh;}
.height-screen,
.height-100vh { height:100vh;}
.height-150vh { height:150vh;}
.height-2screen { height:200vh;}
.height-3screen { height:300vh;}
.height-infinite { height:1000vh;}
.height-inf { height:10000vh;}
.height-auto { height:auto;}
.fit-contain { object-fit:contain; object-position:center center;}
.fit-cover { object-fit:cover; object-position:center center;}
.min-height-26em { min-height:26em;}
.min-height-30 { min-height:30%;}
.min-height-100 { min-height:100%;}
.min-height-screen { min-height:100vh;}
.max-height-100 { max-height:100%;}
@media screen and (max-width: 1600px) {
     .height-3em-large { height:3em;}
     .height-2em-large { height:2em;}
     .height-3-5em-large { height:3.5em;}
     @media screen and (max-width: 1200px) {
          .width-50-thin { width:50%;}
          .width-12em-thin { width:12em;}
          .width-100-thin { width:100%;}
          .height-2em-thin { height:2em;}
          .height-1-5em-thin { height:1.5em;}
          .height-3em-thin { height:3em;}
          @media screen and (max-width: 900px) {
               .no-min-height-mobile { min-height:auto;}
               .height-auto-mobile { height:auto;}
               .width-auto-mobile { width:auto;}
               .max-width-auto-mobile { max-width:100%;}
               .max-width-10em-mobile { max-width:10em;}
               .max-width-30em-mobile { max-width:30em;}
               .centered-wide-container-expand-mobile { width:calc(100% + 8em + 6em); margin-left:-7em;}
               .width-1em-mobile { width:1em;}
               .width-10em-mobile { width:10em;}
               .width-12em-mobile { width:12em;}
               .width-22em-mobile { width:22em;}
               .width-26em-mobile { width:26em;}
               .width-40-mobile { width:40%;}
               .width-50-mobile { width:50%;}
               .width-50-mobile.flex-0 { flex:0 0 50%;}
               .width-60-mobile { width:60%;}
               .width-75-mobile { width:75%;}
               .width-80-mobile { width:80%;}
               .width-100-mobile { width:100%;}
               .width-125-mobile { width:125%;}
               .width-150-mobile { width:150%;}
               .width-160-mobile { width:160%;}
               .width-175-mobile { width:175%;}
               .width-200-mobile { width:200%;}
               .width-230-mobile { width:230%;}
               .width-60vw-mobile { width:60vw}
               .width-screen-mobile { width:100vw;}
               .width-200vh-mobile { width:200vh;}
               .height-25-mobile { height:25%;}
               .height-100-mobile { height:100%;}
               .height-125-mobile { height:125%;}
               .height-150-mobile { height:150%;}
               .height-175-mobile { height:175%;}
               .height-200-mobile { height:200%;}
               .height-500-mobile { height:500%;}
               .height-100vh-mobile { height:100vh;}
               .height-1em-mobile { height:1em;}
               .height-2-5em-mobile { height:2.5em;}
               .height-4em-mobile { height:4em;}
               .height-5em-mobile { height:5em;}
               .height-8em-mobile { height:8em;}
               .height-10em-mobile { height:10em;}
               .height-13em-mobile { height:13em;}
               .height-14em-mobile { height:14em;}
               .height-18em-mobile { height:18em;}
               .height-20em-mobile { height:20em;}
               .height-24em-mobile { height:24em;}
               .height-30em-mobile { height:30em;}
               .height-36em-mobile { height:36em;}
               .height-44em-mobile { height:44em;}
               .height-50em-mobile { height:50em;}
               .height-60em-mobile { height:60em;}
               .height-100em-mobile { height:100em;}
               .height-45vh-mobile { height:45vh;}
               .height-screen-mobile { height:100vh;}
               .max-height-8em-mobile { max-height:8em;}
               .max-height-10em-mobile { max-height:10em;}
          }
     }
}

/* CHARTE */
/* Titres / Textes */
.t-title { font-size: 48px;
    line-height: 1.35em;   font-weight:600; color:transparent;}
.t-title.small { font-size:400%;}
.t-title.smaller { font-size:350%;}
.black-outline { text-shadow: black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em, black 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}
.white-outline { text-shadow: white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}
.white-outline-big { text-shadow: white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em;   -webkit-font-smoothing: antialiased;}
.blue-outline { text-shadow: #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}
.blue-outline-big { text-shadow: #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em,  #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em,  #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em,  #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em, #0080AB 0px 0px 0.0250em;   -webkit-font-smoothing: antialiased;}
.lightblue-outline-big { text-shadow: #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em,#32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em,#32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em,#32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em, #32ADD6 0px 0px 0.0250em;   -webkit-font-smoothing: antialiased;}
.red-outline { text-shadow: #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em, #E50050 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}
.darkblue-2-outline { text-shadow: #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em, #284D98 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}
.darkblue-outline { text-shadow: #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}
.darkblue-outline-big { text-shadow: #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em; text-shadow: #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em, #045E7C 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}

.t-stroked { -webkit-text-stroke:0.075em white; }
.t-stroked:after { content:attr(data-text); white-space:pre-wrap; position:absolute; left:0; top:0; -webkit-text-stroke:0.075em rgba(0,0,0,0); color:inherit; pointer-events:none;}

.t-subtitle { font-size:170%; font-weight:bold; }
.t-midtitle { font-size:312.5%;}
.t-std { font-size:1.2rem; line-height:1.32em; }
.t-std-small {
    font-size: 1.1rem;
    line-height: 1.35em;
    text-align: justify;

}
.t-map-zone { font-size:106.25%; line-height:1.21em;  font-weight:600;}
.t-menu { font-size:250%; line-height:1em;  }
.t-menu-big { font-size:400%; line-height:1.22em;   font-weight:600;}
.spe-parent.active .active-spe-parent-t-menu-big { font-size:400%; line-height:1.22em;   font-weight:600; text-shadow: white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em; -webkit-font-smoothing: antialiased;}
.t-submenu { font-size:187.5%; line-height:1.234em;  }
.t-carousel { font-size:156.25%; line-height:1.15em;  }
.t-tip { font-size:187.5%; line-height:1.23em;  }
.t-season { font-size:143.75%; line-height:1.21em;  }
.t-season-2 { font-size:187.5%; line-height:1.23em;  }
.t-recrutement { font-size:187.5%;  }
.t-link { font-size:1.3rem; line-height:1.25em;  }
.t-btn { font-size:100%; line-height:1.25em;  }
.t-footer { font-size:87.5%; line-height:1.25em;  }
.t-small { font-size:100%; line-height:1.25em;  }
/* Mobile */
@media screen and (max-width: 900px) {
     .t-std { font-size:143.75%;}
     .t-std-small { font-size:131.25%;}
     .t-menu { font-size:350%;}
     .t-link { font-size:118.75%;}
     .t-btn { font-size:125%;}
     .t-footer { font-size:106.25%;}
     .t-small { font-size:90%;}
}

.rich-content p { line-height:inherit; color:inherit; font-weight:inherit; font-size:inherit;}
.rich-content p + p { margin-top:1em;}
.rich-content p + ul { margin-top:1em;}
.rich-content ul + p { margin-top:1em;}
.rich-content ul li { padding-right:1.15em;}
.rich-content ul li + li { margin-top:0.5em;}
.rich-content.zone ul li + li { margin-top:1em;}
.rich-content ul li:before { display:block; position:absolute; top:0.1em; right:0; content:"•"; font-size:125%; font-weight:bold; line-height:0.7em;}

/* Video */
video { object-fit: cover;}

/* Formattage article/page simple */
.page-content .wp-block-image { padding:0; margin:0; height:100%; width:100%; object-fit:cover;}
.page-content p { font-size:106.25%; line-height:1.21em; }
.page-content.semibold p { font-weight:600;}
.page-content p + * { margin-top:1em;}
.page-content ul + * { margin-top:1.5em;}
.page-content ul { font-size:106.25%; font-weight:400; line-height:1.21em;  padding-left:1em;}
.page-content ul li { padding-left:1.15em;}
.page-content ul li + li { margin-top:0.5em;}
.page-content ul li:before { display:block; position:absolute; top:0.1em; left:0; content:"•"; font-size:125%; font-weight:bold; line-height:0.7em;}
.page-content strong { font-weight:600;}
.page-content em { font-style:italic; font-weight:inherit;}
/*.page-content a:hover { opacity:0.6;}*/
.page-content h1 { font-family:'modam', Arial, sans-serif; font-size:32px; font-weight:600;  text-transform:uppercase;}
.page-content h2 { font-family:'modam', Arial, sans-serif; font-size:30px; font-weight:600;  text-transform:uppercase;}
.page-content h3 { font-family:'modam', Arial, sans-serif; font-size:28px; font-weight:500;  text-transform:uppercase;}
.page-content h2 + * { margin-top:1.5em;}
.page-content h3 + * { margin-top:1.5em;}
.page-content * + h2 { margin-top:2em;}
.page-content * + h3 { margin-top:2em;}
.page-content h1 + * { margin-top:2em;}
@media screen and (max-width: 900px) {
     .page-content p,
     .page-content ul { font-size:131.25%;}
     .page-content h1 { font-size:250%;}
}

/* Clips */
.transition-clip { transition:clip-path 0.25s; -webkit-transition:clip-path 0.25s;}
.clip-top-triangle { clip-path:polygon(0 12em, 100% 0, 100% 200%, 0 200%);}
.clip-top-triangle-inv { clip-path:polygon(0 0, 100% 12em, 100% 200%, 0 200%);}
.clip-bot-triangle { clip-path:polygon(0 100%, 100% calc(100% - 12em), 100% -100%, 0 -100%);}
.clip-bot-triangle-inv { clip-path:polygon(0 calc(100% - 12em), 100% 100%, 100% -100%, 0 -100%);}
.clip-from-right { clip-path:polygon(0 12em, 100% 0, 100% 200%, 0 200%);}
.parent-hover-unclip-fromright { clip-path:polygon(100% 0, 100% 100%, 100% 100%, 100% 0); transition:clip-path 0.5s; -webkit-transition:clip-path 0.5s; }
.hover-parent:hover .parent-hover-unclip-fromright { clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0);}
.clip-center-circle { clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%);}
.spe-parent.active .active-spe-parent-unclip-center-circle { clip-path: circle(102% at 50% 50%); -webkit-clip-path: circle(102% at 50% 50%);}
@media screen and (max-width: 900px) {
     .clip-top-triangle-mobile { clip-path:polygon(0 12em, 100% 0, 100% 200%, 0 200%);}
     .clip-bot-triangle-mobile { clip-path:polygon(0 100%, 100% calc(100% - 12em), 100% -100%, 0 -100%);}
     .clip-top-triangle-inv-mobile { clip-path:polygon(0 0, 100% 12em, 100% 200%, 0 200%);}
     .clip-bot-triangle-inv-mobile { clip-path: polygon(0 calc(100% - 12em), 100% 100%, 100% -100%, 0 -100%); }
}

/* Blending / FX */
.mix-blend-darken { -webkit-mix-blend-mode:darken; mix-blend-mode:darken;}
.mix-blend-lighten { -webkit-mix-blend-mode:lighten; mix-blend-mode:lighten;}
.backdrop-blur { backdrop-filter:blur(1em); -webkit-backdrop-filter:blur(1em);}
.blur-svg svg { filter:blur(0.5px);}
.filter-invert { filter:invert(100%);}

/* Transitions couleurs */
.transition-color { transition:color 0.25s, background-color 0.25s, fill 0.25s, stroke 0.25s, border-color 0.25s; -webkit-transition:color 0.25s, background-color 0.25s, fill 0.25s, stroke 0.25s, border-color 0.25s;}
.transition-border-color { transition:border-color 0.25s; -webkit-transition:border-color 0.25s;}
.transition-t-color { transition:color 0.25s; -webkit-transition:color 0.25s;}
.transition-bg-color { transition:background-color 0.25s; -webkit-transition:background-color 0.25s;}
.transition-p-color svg path,
.transition-p-color svg rect,
.transition-p-color svg circle { transition:fill 0.25s, stroke 0.25s; -webkit-transition:fill 0.23s, stroke 0.25s;}

/* Couleurs */
.active > .active-direct-parent-color-inherit,
.spe-parent.active .active-spe-parent-color-inherit,
.color-inherit { color:inherit !important;}
.color-white { color:white;}
.color-grey { color:#f6f6f6;}
.color-darkgrey { color:#a1a1a1;}
.color-black { color:black;}
.color-lightblack { color:#676767;}
*:hover > .hover-direct-parent-color-black { color:black;}
.color-darkblue { color:#045E7C;}
.color-darkgreen { color:#038434;}
.color-darkblue-2 { color:#284D98;}
.color-darkerblue { color:#06052D;}
.color-blue,
*:hover > .hover-direct-parent-color-blue { color:#0080AB;}
.color-lightblue { color:#32ADD6;}
.color-grey { color:#F8F8F8;}
.color-yellow { color:#ffd400;}
.color-purple { color:#7507f8;}
.color-purple-2{ color: #B287F2;}
.color-purple-3{ color: #632AB7;}
.bg-color-purple-2{ background-color: #B287F2;}
.bg-color-purple-3{ background-color: #632AB7;}
.bg-color-red { color:#E50050;}
.color-orange { color:#EB5B26;}
.color-orange-2 { color:#FB4949;}
.color-orange-3,
*:hover > .hover-direct-parent-color-orange-3 { color:#E14230;}
.color-lightgreen,

.spe-parent:hover .hover-spe-parent-color-lightgreen,
.hover-color-lightgreen:hover { color:#00af43;}
*:hover > .hover-direct-parent-color-lightgreen{
     color: #ffd400;
}
.color-green,
*:hover > .hover-direct-parent-color-green { color:#00af43;}
.color-green-2 { color:#3CA684;}
.color-green-3 { color:#64BA87;}
.p-color-white svg path, .p-color-white svg rect, .p-color-white svg circle { fill:white;}
.p-color-darkblue svg path, .p-color-darkblue svg rect, .p-color-darkblue svg circle { fill:#038434;}
.p-color-black svg path, .p-color-black svg rect, .p-color-black svg circle { fill:black;}
.p-color-black-2 svg path, .p-color-black-2 svg rect, .p-color-black-2 svg circle { fill:black;}
#menu-btn:hover .p-color-black-2 svg path, #menu-btn:hover .p-color-black-2 svg rect, #menu-btn:hover  .p-color-black-2svg circle { fill:#632AB7;}
.p-color-blue svg path, .p-color-blue svg rect, .p-color-blue svg circle { fill:#00af43;}
.p-color-blue-2 svg path, .p-color-blue-2 svg rect, .p-color-blue-2 svg circle,
.spe-parent:hover .spe-parent-hover-p-color-blue-2 svg path, .spe-parent:hover .spe-parent-hover-p-color-blue-2 svg rect, .spe-parent:hover .spe-parent-hover-p-color-blue-2 svg circle { fill:#038434;}
.p-color-lightblue svg path, .p-color-lightblue svg rect, .p-color-lightblue svg circle { fill:#00af43;}
.p-color-white svg path, .p-color-white svg rect, .p-color-white svg circle,
.hover-p-color-white:hover svg path, .hover-p-color-white:hover svg rect, .hover-p-color-white:hover svg circle { fill:#fff;}
.p-color-lightgreen svg path, .p-color-lightgreen svg rect, .p-color-lightgreen svg circle,
.hover-p-color-lightgreen:hover svg path, .hover-p-color-lightgreen:hover svg rect, .hover-p-color-lightgreen:hover svg circle,
*:hover > .hover-direct-parent-p-color-lightgreen svg path, *:hover > .hover-direct-parent-p-color-lightgreen svg rect, *:hover > .hover-direct-parent-p-color-lightgreen svg circle,
 .spe-parent:hover .spe-parent-hover-p-color-lightgreen svg rect, .spe-parent:hover .spe-parent-hover-p-color-lightgreen svg circle { fill:#00af43;}
.spe-parent:hover .spe-parent-hover-p-color-lightgreen svg path{
    fill: #ffd400;
}
.p-color-green svg path, .p-color-green svg rect, .p-color-green svg circle { fill:#3CA684;}
.p-color-green-2 svg path, .p-color-green-2 svg rect, .p-color-green-2 svg circle { fill:#64BA87;}
.p-color-green-3 svg path, .p-color-green-3 svg rect, .p-color-green-3 svg circle { fill:#76b72a;}
.p-color-red svg path, .p-color-red svg rect, .p-color-red svg circle { fill:#E50050;}
.p-color-orange svg path, .p-color-orange svg rect, .p-color-orange svg circle,
.spe-parent:hover .spe-parent-hover-p-color-orange svg path, .spe-parent:hover .spe-parent-hover-p-color-orange svg rect, .spe-parent:hover .spe-parent-hover-p-color-orange svg circle { fill:#EE7034;}
.p-color-orange-2 svg path, .p-color-orange-2 svg rect, .p-color-orange-2 svg circle { fill:#FB4949;}
.p-color-orange-3 svg path, .p-color-orange-3 svg rect, .p-color-orange-3 svg circle,
.spe-parent:hover .spe-parent-hover-p-color-orange-3 svg path, .spe-parent:hover .spe-parent-hover-p-color-orange-3 svg rect, .spe-parent:hover .spe-parent-hover-p-color-orange-3 svg circle { fill:#E14230;}
.p-color-purple svg path, .p-color-purple svg rect, .p-color-purple svg circle,
.spe-parent:hover .spe-parent-hover-p-color-purple svg path, .spe-parent:hover .spe-parent-hover-p-color-purple svg rect, .spe-parent:hover .spe-parent-hover-p-color-purple svg circle { fill:#7507f8;}
.spe-parent:hover .spe-parent-hover-p-color-green svg path, .spe-parent:hover .spe-parent-hover-p-color-green svg rect, .spe-parent:hover .spe-parent-hover-p-color-green svg circle,
*:hover > .hover-direct-parent-p-color-green svg path, *:hover > .hover-direct-parent-p-color-green svg rect, *:hover > .hover-direct-parent-p-color-green svg circle { fill:#76B72A;}
.active .active-parent-p-color-white-alpha-40 svg path, .active .active-parent-p-color-white-alpha-40 svg rect, .active .active-parent-p-color-white-alpha-40 svg circle { fill:rgba(255,255,255,0.4);}
.p-stroke-color-black svg path, .p-stroke-color-black svg rect, .p-stroke-color-black svg circle { stroke:black;}
.p-stroke-color-blue svg path, .p-stroke-color-blue svg rect, .p-stroke-color-blue svg circle { stroke:#00af43;}
.p-stroke-color-darkblue svg path, .p-stroke-color-darkblue svg rect, .p-stroke-color-darkblue svg circle { stroke:#038434;}
.p-stroke-color-white svg path, .p-stroke-color-white svg rect, .p-stroke-color-white svg circle { stroke:white;}
.p-stroke-color-orange svg path, .p-stroke-color-orange svg rect, .p-stroke-color-orange svg circle { stroke:#EE7034;}
.p-stroke-color-orange-2 svg path, .p-stroke-color-orange-2 svg rect, .p-stroke-color-orange-2 svg circle { stroke:#FB4949;}
.p-stroke-color-orange-3 svg path, .p-stroke-color-orange-3 svg rect, .p-stroke-color-orange-3 svg circle { stroke:#E14230;}
.p-stroke-color-orange-4 svg path, .p-stroke-color-orange-4 svg rect, .p-stroke-color-orange-4 svg circle { stroke:#EB5B26;}
.p-stroke-color-yellow svg path,.p-stroke-color-yellow svg rect, .p-stroke-color-yellow svg circle{
     stroke: #ffd400;
}
.p-stroke-color-red svg path, .p-stroke-color-red svg rect, .p-stroke-color-red svg circle { stroke:#E50050;}
*:hover > .hover-direct-parent-p-stroke-color-lightgreen svg path, *:hover > .hover-direct-parent-p-stroke-color-lightgreen svg rect, *:hover > .hover-direct-parent-p-stroke-color-lightgreen svg circle { stroke:#00af43;}
.p-stroke-color-green svg path, .p-stroke-color-green svg rect, .p-stroke-color-green svg circle { stroke:#3CA684;}
.p-stroke-color-green-2 svg path, .p-stroke-color-green-2 svg rect, .p-stroke-color-green-2 svg circle { stroke:#64BA87;}
.p-stroke-width-leaf svg path, .p-stroke-width-leaf svg rect, .p-stroke-width-leaf svg circle { stroke-width:2px;}
.p-stroke-width-focus svg path, .p-stroke-width-focus svg rect, .p-stroke-width-focus svg circle { stroke-width:5px;}
.p-stroke-width-number svg path, .p-stroke-width-number svg rect, .p-stroke-width-number svg circle { stroke-width:8px;}
.p-stroke-width-title-std svg path, .p-stroke-width-title-std svg rect, .p-stroke-width-title-std svg circle,
.p-stroke-width-title-activity svg path, .p-stroke-width-title-activity svg rect, .p-stroke-width-title-activity svg circle,
.p-stroke-width-menu svg path, .p-stroke-width-menu svg rect, .p-stroke-width-menu svg circle { stroke-width:3px;}
@media screen and (max-width: 900px) {
     .p-color-blue-mobile svg path, .p-color-blue-mobile svg rect, .p-color-blue-mobile svg circle { fill:#00af43;}
     .p-stroke-color-blue-2-mobile svg path, .p-stroke-color-blue-2-mobile svg rect, .p-stroke-color-blue-2-mobile svg circle { stroke:#038434;}
}
.bg-color-white,
.hover-bg-color-white:hover,
.active > .active-direct-parent-bg-color-white,
*:hover > .hover-direct-parent-bg-color-white,
.active.active-bg-color-white { background-color:white;}
.hover-bg-color-purple:hover { background-color:#412F6F;}
.bg-color-white-alpha { background-color:rgba(255,255,255,0.4);}
.bg-color-greyblue { background-color:#A1B2D2;}
.bg-color-lightblue { background-color:#32ADD6;}
.bg-color-green,
.hover-bg-color-green:hover { background-color:#00af43;}
.bg-color-darkgreen,
.hover-bg-color-darkgreen:hover { background-color:#006c2a;}
.active.active-bg-color-darkblue,
.bg-color-darkblue { background-color:#045E7C;}
.bg-color-darkblue-2 { background-color:#284D98;}
.bg-color-darkerblue { background-color:#06052D;}
.bg-color-black,
.hover-bg-color-black:hover { background-color:black;}
.bg-color-lightgreen,
.spe-parent:hover > .hover-spe-parent-bg-color-lightgreen,
*:hover > .hover-direct-parent-bg-color-lightgreen { background-color:#00af43;}
.bg-color-purple { background-color:#7507f8;}
.bg-color-lightpurple { background-color:#9544F5;}
.bg-color-lighterpurple { background-color:#B179F5;}
.bg-color-green { background-color:#00af43;}
.bg-color-green-2 { background-color:#64BA87;}
.bg-color-green-3 { background-color:#A5D3C4;}
.bg-color-green-4,
.hover-bg-color-green-4:hover { background-color:#17664d;}
.bg-color-grey { background-color:#f6f6f6;}
.bg-color-white { background-color:#ffffff;}
.bg-color-grey-2 { background-color:#484845;}
.bg-color-grey-3 { background-color:#f3f3f3;}
.bg-color-red { background-color:#E50050;}
.bg-color-red-2,
.hover-bg-color-red-2:hover { background-color:#B00101;}
.bg-color-orange { background-color:#EE7034;}
.bg-color-orange-2 { background-color:#FB4949;}
.bg-color-orange-3 { background-color:#E14230;}
.bg-color-orange-4 { background-color:#EB5B26;}
.bg-color-orange-5 { background-color:#E2822B;}
.bg-color-yellow { background-color:#FFB400;}
.bg-color-yellow-2 { background-color:#FFCE60;}
.border-color-white { border-color:white !important;}
.border-color-blue { border-color:#0080AB !important;}
/* Dégradés */
.bg-gradient-blue { background: linear-gradient(144deg, #3eb7e0 0%, #0080ab 100%);}
.bg-gradient-green { background: linear-gradient(144deg, #00af43 0%, #038434 100%);}
.bg-gradient-home-section3-circle { background: linear-gradient(144deg, #038434 0%, #00af43 100%);}
.bg-gradient-lightgreen { background: linear-gradient(223deg, #e6fff0 0%, #e6fef0 100%);}
.bg-gradient-grey { background: linear-gradient(141deg, #f8f8f8 0%, #eeeeee 100%);}
.bg-gradient-home-section1-shape { background: linear-gradient(162deg, #ffd400 0%, #00af43 100%);}
.bg-gradient-yellow { background: linear-gradient(223deg, #ffd400 0%, #00af43 120%);}

/* Filtre couleur */
.hover-filter-to-green { transition:filter 0.25s, -webkit-filter 0.25s;}
.hover-filter-to-green:hover { filter:invert(74%) sepia(14%) saturate(1985%) hue-rotate(43deg) brightness(250%) contrast(80%); -webkit-filter:invert(74%) sepia(14%) saturate(1985%) hue-rotate(43deg) brightness(250%) contrast(80%);}

/* Ombres */
.shadow-home-section3-circle { box-shadow:-0.5625em -0.4375em 1.4375em rgba(255,255,255,0.1);}
.shadow-home-section4-circle { box-shadow:0.375em 0.375em 1.25em rgba(4,94,124,0.17);}
.shadow-recrutement { box-shadow:1.3125em 0.875em 2.25em 0px rgba(36,3,55,0.282);}
.shadow-btn-zone { box-shadow:0 0 1em 0px rgba(36,3,55,0.1);}

/* Transformations */
.transition-transform { -webkit-transition:-webkit-transform 0.25s, transform 0.25s; transition:-webkit-transform 0.25s, transform 0.25s;}
.mirrored-x { transform:scale(-1.0, 1.0); -webkit-transform:scale(-1.0, 1.0);}

/* Spécifique Agropole */
.active > .active-direct-parent-rotated-45 { transform:rotate(45deg); transform-origin:center center;}
.rotated-90-inv { transform:rotate(-90deg); transform-origin:0 0;}
.rotated-90-inv-bot-left { transform:rotate(-90deg); transform-origin:bottom left;}
.rotated-90-bot-left { transform:rotate(90deg); transform-origin:bottom left;}
.rotated-section-right { width:300%; height:200%; left:auto; top:auto; bottom:0; right:0; margin-right:12em; margin-bottom:-36em; -webkit-transform-origin:bottom right; transform-origin:bottom right; -webkit-transform:rotate(19deg); transform:rotate(19deg);}
.rotated-section-right-top { -webkit-transform-origin:top right; transform-origin:top right; -webkit-transform:rotate(19deg); transform:rotate(19deg);}
.rotated-section-right-bot { -webkit-transform-origin:bottom right; transform-origin:bottom right; -webkit-transform:rotate(19deg); transform:rotate(19deg);}
.rotated-section-left-top { -webkit-transform-origin:top left; transform-origin:top left; -webkit-transform:rotate(19deg); transform:rotate(19deg);}
.rotated-rev-section-left-top { -webkit-transform-origin:top left; transform-origin:top left; -webkit-transform:rotate(-19deg); transform:rotate(-19deg);}
.rotated-rev-section-light-left-top { -webkit-transform-origin:top left; transform-origin:top left; -webkit-transform:rotate(-9.5deg); transform:rotate(-9.5deg);}
.rotated-section-left-bot { -webkit-transform-origin:bottom left; transform-origin:bottom left; -webkit-transform:rotate(19deg); transform:rotate(19deg);}
.rotated-rev-section-left-bot { -webkit-transform-origin:bottom left; transform-origin:bottom left; -webkit-transform:rotate(-19deg); transform:rotate(-19deg);}
.rotated-more-section-center { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(29deg); transform:rotate(29deg);}
.rotated-more-rev-section-center { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(-29deg); transform:rotate(-29deg);}
.rotated-more-rev-section-right-top { -webkit-transform-origin:top right; transform-origin:top right; -webkit-transform:rotate(-29deg); transform:rotate(-29deg);}
.rotated-more-rev-section-left-bot { -webkit-transform-origin:bottom left; transform-origin:bottom left; -webkit-transform:rotate(-29deg); transform:rotate(-29deg);}
.rotated-less-rev-section-right-top { -webkit-transform-origin:top right; transform-origin:top right; -webkit-transform:rotate(-6deg); transform:rotate(-6deg);}
.rotated-7-rev-section-right-top { -webkit-transform-origin:top right; transform-origin:top right; -webkit-transform:rotate(7deg); transform:rotate(7deg);}
.rotated-19-section-center { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(19deg); transform:rotate(19deg);}
.rotated-14-rev-section-center { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(-14deg); transform:rotate(-14deg);}
.rotated-29-rev-section-center { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(-29deg); transform:rotate(-29deg);}
.rotated-23-section-center { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate(23deg); transform:rotate(23deg);}
.rotated-23-section-left-top { -webkit-transform-origin:top left; transform-origin:top left; -webkit-transform:rotate(23deg); transform:rotate(23deg);}
.bg-rotated-section-center-bot { -webkit-transform-origin:bottom center; transform-origin:bottom center; -webkit-transform:rotate(-19deg); transform:rotate(-19deg);}
.bg-rotated-section-left-bot { -webkit-transform-origin:bottom left; transform-origin:bottom left; -webkit-transform:rotate(-19deg); transform:rotate(-19deg);}
.bg-rotated-section-left-top { -webkit-transform-origin:top left; transform-origin:top left; -webkit-transform:rotate(-19deg); transform:rotate(-19deg);}
.bg-rotated-section-right-top { -webkit-transform-origin:right top; transform-origin:right top; -webkit-transform:rotate(-19deg); transform:rotate(-19deg);}
.bg-rotated-section-right-bot { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-19deg); transform:rotate(-19deg);}
/* Mobile */
@media screen and (max-width: 900px) {
     .no-transform-mobile { transform:none; -webkit-transform:none;}
}

/* ANIMATIONS */
/* Fade */
.anim.scale-in { transform:scale(0); -webkit-transform:scale(0);}
.anim.bounce { transform-origin:center center; -webkit-transform-origin:center center; transform:rotate(0deg); -webkit-transform:rotate(0deg); animation:0.5s ease-in-out 0s bounce both; -webkit-animation:0.5s ease-in-out 0s bounce both;}
.anim.midair { animation:2s ease-in-out 0s midair both alternate infinite; -webkit-animation:2s ease-in-out 0s midair both alternate infinite;}
.anim.fade-in, .anim.fade-fromright, .anim.fade-fromleft, .anim.fade-fromtop, .anim.fade-frombot, .anim.window-fromleft, .anim.window-fromtop, .anim.window-frombot, .anim.circle-fromcenter, .anim.circle-fromcenterbot, .anim.scale-out-fade-in, .anim.leaf-1-anim-in, .anim.leaf-2-anim-in, .anim.leaf-3-anim-in { opacity:0;}
.anim.rotate-fade-out { opacity:1; transform:rotate(0deg);}
.anim.translate-fromright { transform:translate(100%);}
.anim.translate-fromleft { transform:translate(-100%);}
.anim.translate-fromleft-more { transform:translate(-150%);}
.anim.translate-fromtop { transform:translateY(-100%);}
.seen .anim.scale-in, .seen.anim.scale-in { animation:1s cubic-bezier(0.33, 1, 0.68, 1) 0s scale-in both; -webkit-animation:1s cubic-bezier(0.33, 1, 0.68, 1) 0s scale-in both;}
.seen .anim.scale-out-fade-in, .seen.anim.scale-out-fade-in { animation:1s cubic-bezier(0.33, 1, 0.68, 1) 0s scale-out-fade-in both; -webkit-animation:1s cubic-bezier(0.33, 1, 0.68, 1) 0s scale-out-fade-in both;}
.seen .anim.fade-out, .seen.anim.fade-out { animation:1s ease-out 0s fade-out both; -webkit-animation:1s ease-out 0s fade-out both;}
.seen .anim.fade-in, .seen.anim.fade-in { animation:1s ease-out 0s fade-in both; -webkit-animation:1s ease-out 0s fade-in both;}
.seen .anim.window-fromleft, .seen.anim.window-fromleft { animation:1s ease-out 0s window-fromleft both; -webkit-animation:1s ease-out 0s window-fromleft both;}
.seen .anim.window-fromtop, .seen.anim.window-fromtop { animation:1s ease-out 0s window-fromtop both; -webkit-animation:1s ease-out 0s window-fromtop both;}
.seen .anim.window-frombot, .seen.anim.window-frombot { animation:1s ease-out 0s window-frombot both; -webkit-animation:1s ease-out 0s window-frombot both;}
.seen .anim.fade-frombot, .seen.anim.fade-frombot { animation:1s ease-out 0s fade-frombot both; -webkit-animation:1s ease-out 0s fade-frombot both;}
.seen .anim.fade-fromtop, .seen.anim.fade-fromtop { animation:1s ease-out 0s fade-fromtop both; -webkit-animation:1s ease-out 0s fade-fromtop both;}
.seen .anim.fade-fromright, .seen.anim.fade-fromright { animation:1s ease-out 0s fade-fromright both; -webkit-animation:1s ease-out 0s fade-fromright both;}
.seen .anim.fade-fromleft, .seen.anim.fade-fromleft { animation:1s ease-out 0s fade-fromleft both; -webkit-animation:1s ease-out 0s fade-fromleft both;}
.seen .anim.translate-fromtop, .seen.anim.translate-fromtop { animation:1s ease-out 0s translate-fromtop both; -webkit-animation:1s ease-out 0s translate-fromtop both;}
.seen .anim.translate-fromright, .seen.anim.translate-fromright { animation:1s ease-out 0s translate-fromright both; -webkit-animation:1s ease-out 0s translate-fromright both;}
.seen .anim.translate-fromleft, .seen.anim.translate-fromleft { animation:1s ease-out 0s translate-fromleft both; -webkit-animation:1s ease-out 0s translate-fromleft both;}
.seen .anim.translate-fromleft-more, .seen.anim.translate-fromleft-more { animation:1s ease-out 0s translate-fromleft-more both; -webkit-animation:1s ease-out 0s translate-fromleft-more both;}
.seen .anim.circle-fromcenter, .seen.anim.circle-fromcenter { animation: 1s ease-out 0s circle-fromcenter both; -webkit-animation: 1s ease-out 0s circle-fromcenter both;}
.seen .anim.circle-fromcenterbot, .seen.anim.circle-fromcenterbot { animation: 1s ease-out 0s circle-fromcenterbot both; -webkit-animation: 1s ease-out 0s circle-fromcenterbot both;}
.seen .anim.rotate-fade-out, .seen.anim.rotate-fade-out { animation:1s ease-out 0s rotate-fade-out both; -webkit-animation:1s ease-out 0s rotate-fade-out both;}
.seen .anim.leaf-1-anim-in, .seen.anim.leaf-1-anim-in { animation:1s ease-out 0s leaf-1-anim-in both; -webkit-animation:1s ease-out 0s leaf-1-anim-in both;}
.seen .anim.leaf-2-anim-in, .seen.anim.leaf-2-anim-in { animation:1s ease-out 0s leaf-2-anim-in both; -webkit-animation:1s ease-out 0s leaf-2-anim-in both;}
.seen .anim.leaf-3-anim-in, .seen.anim.leaf-3-anim-in { animation:1s ease-out 0s leaf-3-anim-in both; -webkit-animation:1s ease-out 0s leaf-3-anim-in both;}
.active-circle-fromcenter.active { animation: 1s ease-out 0s circle-fromcenter both; -webkit-animation: 1s ease-out 0s circle-fromcenter both;}

/* Commun */
.preload:not(.loaded) .anim.onload,
.anim.onload.preload:not(.loaded),
.anim.ext-trigger:not(.triggered) { animation:none;}
@media screen and (max-width: 900px) {
     .no-anim-mobile { animation:none !important; opacity:1 !important;}
     .anim.no-anim-mobile:after { animation:none !important; opacity:1 !important;}
     .seen .anim.delay-0-25-mobile, .seen.anim.delay-0-25-mobile, .seen .anim.delay-0-25-mobile:after, .seen.anim.delay-0-25-mobile:after { animation-delay:0.25s; -webkit-animation-delay:0.25s;}
     .seen .anim.delay-0-5-mobile, .seen.anim.delay-0-5-mobile, .seen .anim.delay-0-5-mobile:after, .seen.anim.delay-0-5-mobile:after { animation-delay:0.5s; -webkit-animation-delay:0.5s;}
     .seen .anim.delay-0-75-mobile, .seen.anim.delay-0-75-mobile, .seen .anim.delay-0-75-mobile:after, .seen.anim.delay-0-75-mobile:after { animation-delay:0.75s; -webkit-animation-delay:0.75s;}
}

/* Delais animations */
.seen .anim.faster, .seen.anim.faster { animation-duration:0.35s; -webkit-animation-duration:0.35s;}
.seen .anim.fast, .seen.anim.fast { animation-duration:0.5s; -webkit-animation-duration:0.5s;}
.seen .anim.midslow, .seen.anim.midslow { animation-duration:1.5s; -webkit-animation-duration:1.5s;}
.seen .anim.slow, .seen.anim.slow { animation-duration:2s; -webkit-animation-duration:2s;}
.seen .anim.slower, .seen.anim.slower { animation-duration:3s; -webkit-animation-duration:3s;}
.seen .anim.delay-0-25, .seen.anim.delay-0-25, .seen .anim.delay-0-25:after, .seen.anim.delay-0-25:after { animation-delay:0.25s; -webkit-animation-delay:0.25s;}
.seen .anim.delay-0-5, .seen.anim.delay-0-5, .seen .anim.delay-0-5:after, .seen.anim.delay-0-5:after { animation-delay:0.5s; -webkit-animation-delay:0.5s;}
.seen .anim.delay-0-75, .seen.anim.delay-0-75, .seen .anim.delay-0-75:after, .seen.anim.delay-0-75:after { animation-delay:0.75s; -webkit-animation-delay:0.75s;}
.seen .anim.delay-1, .seen.anim.delay-1, .seen .anim.delay-1:after, .seen.anim.delay-1:after { animation-delay:1s; -webkit-animation-delay:1s;}
.seen .anim.delay-1-25, .seen.anim.delay-1-25, .seen .anim.delay-1-25:after, .seen.anim.delay-1-25:after { animation-delay:1.25s; -webkit-animation-delay:1.25s;}
.seen .anim.delay-1-5, .seen.anim.delay-1-5, .seen .anim.delay-1-5:after, .seen.anim.delay-1-5:after { animation-delay:1.5s; -webkit-animation-delay:1.5s;}
.seen .anim.delay-1-75, .seen.anim.delay-1-75, .seen .anim.delay-1-75:after, .seen.anim.delay-1-75:after { animation-delay:1.75s; -webkit-animation-delay:1.75s;}
.seen .anim.delay-2, .seen.anim.delay-2, .seen .anim.delay-2:after, .seen.anim.delay-2:after { animation-delay:2s; -webkit-animation-delay:2s;}
.seen .anim.delay-2-25, .seen.anim.delay-2-25, .seen .anim.delay-2-25:after, .seen.anim.delay-2-25:after { animation-delay:2.25s; -webkit-animation-delay:2.25s;}
.seen .anim.delay-2-5, .seen.anim.delay-2-5, .seen .anim.delay-2-5:after, .seen.anim.delay-2-5:after { animation-delay:2.5s; -webkit-animation-delay:2.5s;}
.seen .anim.delay-2-75, .seen.anim.delay-2-75, .seen .anim.delay-2-75:after, .seen.anim.delay-2-75:after { animation-delay:2.75s; -webkit-animation-delay:2.75s;}
.seen .anim.delay-3, .seen.anim.delay-3, .seen .anim.delay-3:after, .seen.anim.delay-3:after { animation-delay:3s; -webkit-animation-delay:3s;}
.seen .anim.delay-3-25, .seen.anim.delay-3-25, .seen .anim.delay-3-25:after, .seen.anim.delay-3-25:after { animation-delay:3.25s; -webkit-animation-delay:3.25s;}
.seen .anim.delay-3-5, .seen.anim.delay-3-5, .seen .anim.delay-3-5:after, .seen.anim.delay-3-5:after { animation-delay:3.5s; -webkit-animation-delay:3.5s;}
.seen .anim.delay-3-75, .seen.anim.delay-3-75, .seen .anim.delay-3-75:after, .seen.anim.delay-3-75:after { animation-delay:3.75s; -webkit-animation-delay:3.75s;}
.seen .anim.delay-4, .seen.anim.delay-4, .seen .anim.delay-4:after, .seen.anim.delay-4:after { animation-delay:4s; -webkit-animation-delay:4s;}


/* Animation spéciale (transitions) */
.anim.draw svg path { opacity:0;}
.seen .anim.draw:not(.onload) svg path, .seen.anim.draw:not(.onload) svg path,
.loaded .anim.draw.onload svg path, .anim.draw.onload.loaded svg path { opacity:1; transition:stroke-dashoffset 2s ease-in-out 0s, stroke-dasharray 2s ease-in-out 0s; -webkit-transition:stroke-dashoffset 2s ease-in-out; stroke-dashoffset: 0 !important;}

/* Délais transitions */
.active > .active-direct-parent-transition-delay-0-25,
.transition-delay-0-25 { transition-delay:0.25s !important; -webkit-transition-delay:0.25s !important;}
.transition-delay-0-5 { transition-delay:0.5s !important; -webkit-transition-delay:0.5s !important;}
.transition-delay-0-75 { transition-delay:0.75s !important; -webkit-transition-delay:0.75s !important;}
/* Vitesse transitions */
.transition-fast { transition-duration:0.15s !important; -webkit-transition-duration:0.15s !important;}
.transition-slow { transition-duration:0.5s !important; -webkit-transition-duration:0.5s !important;}
.transition-slower { transition-duration:0.75s !important; -webkit-transition-duration:0.75s !important;}
.active > .active-direct-parent-transition-slower,
.transition-slower { transition-duration:0.75s !important; -webkit-transition-duration:0.75s !important;}
.transition-slowest { transition-duration:1s !important; -webkit-transition-duration:1s !important;}

/* FOOTER */
footer { width:100%;}

/* Formulaires WPCF7 */
.wpcf7 { width:100%; margin:0 auto;}
.wpcf7-form.submitting .wpcf7-submit { pointer-events:none !important; opacity:0.6;}
.wpcf7 label { display:block; width:100%;}
.wpcf7 label + label { margin-top:1.25em;}
.wpcf7 label .label { display:none;}
.wpcf7 label .input input,
.wpcf7 label .input textarea { vertical-align:middle;font-size:100%; font-weight:500; line-height:3.33em; width:100%; padding:0 2em; resize:none; border:none; outline:none; color:#1D1D1B; background-color:white; border-radius:2em;}
.wpcf7 label .input textarea { line-height:1.25em; padding:1em 2em; overflow:hidden; margin-top:0.120em;}
.wpcf7 label .input input::-webkit-input-placeholder,
.wpcf7 label .input textarea::-webkit-input-placeholder { color:#038434; opacity:0.6;}
.wpcf7 label .input input::-ms-input-placeholder,
.wpcf7 label .input textarea::-ms-input-placeholder { color:#038434; opacity:0.6;}
.wpcf7 label .input input:-ms-input-placeholder,
.wpcf7 label .input textarea:-ms-input-placeholder { color:#038434; opacity:0.6;}
.wpcf7 label .input input::-moz-placeholder,
.wpcf7 label .input textarea::-moz-placeholder { color:#038434; opacity:0.6;}
.wpcf7 label .input input:-moz-placeholder,
.wpcf7 label .input textarea:-moz-placeholder { color:#038434; opacity:0.6;}
.wpcf7 label .input input::placeholder,
.wpcf7 label .input textarea::placeholder { color:#038434; opacity:0.6;}
.wpcf7 label .input input.wpcf7-not-valid::-webkit-input-placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid::-webkit-input-placeholder { color:red; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid::-ms-input-placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid::-ms-input-placeholder { color:red; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid::-moz-placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid::-moz-placeholder { color:red; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid:-moz-placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid:-moz-placeholder { color:red; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid::placeholder,
.wpcf7 label .input textarea.wpcf7-not-valid::placeholder { color:red; opacity:1;}
.wpcf7 label .input input.wpcf7-not-valid,
.wpcf7 label .input textarea.wpcf7-not-valid { position:relative; color:red; pointer-events:none;}
.wpcf7 .wpcf7-not-valid-tip::before { content:"X"; display:inline-block; margin-right:0.75em;}
.wpcf7 label .wpcf7-not-valid-tip { position:absolute; top:0; left:0.5em; bottom:0; right:0.5em; font-size:87.5%; font-weight:600; padding:0.25em 0 0 1.5em; color:red; background-color:white; font-style:italic; line-height:1em; animation:1s ease-out 1.5s fade-out both; -webkit-animation:1s ease-out 1.5s fade-out both;}
.wpcf7 label.file { background-color:white; border-radius:2em; overflow:hidden;}
.wpcf7 label.file .input input { overflow:hidden; width:1px; height:1px; opacity:0; position:absolute;}
.wpcf7 label.file .label { display:block; width:100%; height:100%; color:#0080AB; opacity:0.6; font-size:87.5%; font-weight:600; line-height:3.33em; padding:0 2em;}
.wpcf7 label.file .browse { cursor:pointer; position:absolute; font-size:87.5%; font-weight:600; line-height:3.33em;  right:0; top:0; height:100%; background-color:#0080AB; box-sizing:border-box; padding:0 2em; color:white; transition:background-color 0.25s; -webkit-transition:background-color 0.25s;}
.wpcf7 label.file .browse:hover { background-color:#006688;}
.wpcf7 label + .radio { margin-top:2.5em;}
.wpcf7 .wpcf7-list-item { margin:0; padding:0;}
.wpcf7 .radio { display:flex; padding-bottom:2em;}
.wpcf7 .radio > .input { flex:1; display:block; user-select:none;}
.wpcf7 .radio .wpcf7-form-control-wrap,
.wpcf7 .radio .wpcf7-form-control-wrap .wpcf7-form-control { width:100%;}
.wpcf7 .radio .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item { float:left; width:-webkit-calc(100% / 3); width:calc(100% / 3); height:3em; padding-left:1.25em; box-sizing:border-box;}
.wpcf7 .radio > .label { font-size:87.5%; color:#ED424C; display:block; width:-webkit-calc(((100vw - (13 * 1.25em)) / 14)); width:calc(((100vw - (13 * 1.25em)) / 14));}
.wpcf7 .radio > .input label input { position:absolute; top:0.1em; left:0; width:1em; height:1em; background-color:white; padding:0; margin:0; border:1px solid white; border-radius:50%; cursor:none !important; transition:background-color 0.25s, border-color 0.25s;}
.wpcf7 .radio > .input label:hover input { background-color:rgba(0,0,0,0); border-color:#ED424C;}
.wpcf7 .radio > .input label input:checked { background-color:#ED424C; border:1px solid #ED424C;}
.wpcf7 .radio > .input label input .wpcf7-list-item-label { transition:color 0.25s;}
.wpcf7 .radio > .input label input:checked + .wpcf7-list-item-label { color:#ED424C;}
.wpcf7 .radio > .input label .wpcf7-list-item-label { display:block; font-size:75%; padding-left:2.25em; padding-top:0.175em; cursor:none !important;}
.wpcf7 .text { margin-top:1em; color:white;}
.wpcf7 .submit { margin-top:3em;}
.wpcf7 .submit input { font-size:100%; font-weight:500; padding:1em 4em; color:white; border:0.125em solid white; text-transform:uppercase; line-height:1.1875em; cursor:pointer; background: rgba(0,0,0,0); transition:background-color 0.25s, color 0.25s, border-color 0.25s;}
.wpcf7 .wpcf7-form:not(.submitting) .submit input:hover { background-color:white; color:#3ca684;}
.wpcf7 .submit .wpcf7-spinner { display:none; position:absolute; left:0; top:0; margin:0;}
.wpcf7 .wpcf7-response-output { display:none; position:absolute; top:100%; left:0; width:100%; border:none; padding:0 !important; margin-top:1em !important;}
.wpcf7 .invalid .wpcf7-response-output { border:none; color:#FF7600; padding:0;}
.wpcf7 .sent .wpcf7-response-output { border-color:white !important; color:white;}
/* Version noire (Candidature au concours) */
.version-black .wpcf7 label .input input::-webkit-input-placeholder,
.version-black .wpcf7 label .input textarea::-webkit-input-placeholder { color:rgba(0, 0, 0, 0.4);}
.version-black .wpcf7 label .input input::-ms-input-placeholder,
.version-black .wpcf7 label .input textarea::-ms-input-placeholder { color:rgba(0, 0, 0, 0.4);}
.version-black .wpcf7 label .input input:-ms-input-placeholder,
.version-black .wpcf7 label .input textarea:-ms-input-placeholder { color:rgba(0, 0, 0, 0.4);}
.version-black .wpcf7 label .input input::-moz-placeholder,
.version-black .wpcf7 label .input textarea::-moz-placeholder { color:rgba(0, 0, 0, 0.4);}
.version-black .wpcf7 label .input input:-moz-placeholder,
.version-black .wpcf7 label .input textarea:-moz-placeholder { color:rgba(0, 0, 0, 0.4);}
.version-black .wpcf7 label .input input::placeholder,
.version-black .wpcf7 label .input textarea::placeholder { color:rgba(0, 0, 0, 0.4);}
.version-black .wpcf7 label.file .label { color:rgba(0, 0, 0, 0.45);}
.version-black .wpcf7 label.file .browse,
.version-black .wpcf7 label.file .browse:hover { background-color:black;}
.version-black .wpcf7 .submit input { color:white; border-color:black; background:black;}
.version-black .wpcf7 .submit input:hover { background-color:white; color:black; border-color:white;}
/* Mobile */
@media screen and (max-width: 900px) {
     .wpcf7 label .wpcf7-not-valid-tip,
     .wpcf7 label .input input,
     .wpcf7 label .input textarea,
     .wpcf7 label.file .label,
     .wpcf7 label.file .browse { font-size:125%;}

     .wpcf7 label .wpcf7-not-valid-tip { padding-top:0.1em;}
     .wpcf7 .submit input { font-size:125%;}

}
/* RECAPTCHA */
.grecaptcha-badge { visibility: hidden;}
.wpcf7-form .captcha-alert { font-size:75%; opacity:0.6; max-width:calc(100% - 4em); margin:0 auto; text-align:center; margin-top:2em; color:white;}
.wpcf7-form .captcha-alert a { text-decoration:underline;}
/* Mobile */
@media screen and (max-width: 900px) {
     .wpcf7-form .captcha-alert { font-size:100%;}
}
.page-recrutement .wpcf7 .submit input:hover { color:#e14230;}


/* Fomulaires de tri */
/* Champ texte */
.search-filters input[type="text"] { vertical-align:middle; font-family:'modam', Arial, sans-serif; font-size:75%; font-weight:600; line-height:3.33em; width:100%; padding:0 2em; resize:none; border:none; outline:none; color:white; background-color:#0080AB; border-radius:2em;}
.search-filters input[type="text"]::-webkit-input-placeholder { color:#32ADD6; opacity:0.6;}
.search-filters input[type="text"]::-ms-input-placeholder { color:#32ADD6; opacity:0.6;}
.search-filters input[type="text"]:-ms-input-placeholder { color:#32ADD6; opacity:0.6;}
.search-filters input[type="text"]::-moz-placeholder { color:#32ADD6; opacity:0.6;}
.search-filters input[type="text"]:-moz-placeholder { color:#32ADD6; opacity:0.6;}
.search-filters input[type="text"]::placeholder { color:#32ADD6; opacity:0.6;}
/* Fake select */
.fake-select { color:inherit; font-size:75%; font-family:'modam', Arial, sans-serif; display:inline-block; padding:0; resize:none; border:none; font-weight:inherit; box-sizing:border-box; user-select:none; cursor:pointer;}
.fake-select .container .header { font-family:'modam', Arial, sans-serif; font-weight:500;   line-height:3.33em; width:100%; padding:0 6em 0 2em; resize:none; border:none; outline:none; color:#32ADD6; background-color:#0080AB; border-radius:2em;}
.fake-select .container .header:hover { color:#00af43;}
.fake-select .container .header:after { content:""; display:block; width:1em; height:1em; position:absolute; right:2em; top:50%; margin-top:-0.35em; background-repeat:no-repeat; background-position:center center; background-size:contain; background-image:url('img/arrow_down_slim.svg');}
.fake-select .container .items { position:absolute; top:100%; left:0; width:100%; display:none; background-color:#0080AB; border-radius:2em; border-top-left-radius:0; border-top-right-radius:0;}
.fake-select.opened .container .items { display:block; padding:0.25em 0;}
.fake-select.opened .container .header { color:rgba(50, 173, 214, 0.5); border-bottom-left-radius:0; border-bottom-right-radius:0;}
.fake-select.opened .container .header:after { transform:scaleY(-1);}
.fake-select .container .items .item { padding:0.75em 2em 0.75em 2em; font-weight:500;   cursor:pointer; color:#32ADD6;}
.fake-select .container .items .item.selected { color:white;}
.fake-select .container .items .item:hover:not(.selected) { opacity:1; color:#00af43;}
.fake-select .container .inner { height:100%; line-height:inherit; vertical-align:middle;}
/* Version blanc */
.fake-select.white .container .header { color:gray; background-color:white;}
.fake-select.white .container .header:after { filter:invert(); opacity:0.4;}
.fake-select.white .container .items { background-color:white;}
.fake-select.white .container .items .item { color:black;}
.fake-select.white .container .items .item.selected { color:#FFB400;}
.fake-select.white .container .items .item:hover:not(.selected) { color:gray;}

/* Mobile */
@media screen and (max-width: 900px) {
     .search-filters input[type="text"],
     .fake-select { font-size:150%;}
}

/* Comobo texte bouton */
.form-field.combo { display:flex;}
.form-field.combo input[type="text"] { display:inline-block; box-sizing:border-box; padding:0 1.5em;}
.form-field.combo input[type="text"].autocomplete { height:100%;}
.form-field.combo input[type="text"].left-bordered { border:3px solid #B9B29A; border-right:none;}
/* Mobile */
@media screen and (max-width: 900px) {
     .form-field.combo input[type="text"] { font-size:100%;}
     .form-field.combo .btn span { font-size:100%;}
}

/* Bordures */
.border-none { border:none;}
.border-1 { border:1px solid rgba(0,0,0,0);}
.border-2 { border:2px solid rgba(0,0,0,0);}
.border-3 { border:3px solid rgba(0,0,0,0);}
.border-0-125em { border:0.125em solid rgba(0,0,0,0);}
.border-0-25em { border:0.25em solid rgba(0,0,0,0);}
.border-bot-1 { border-bottom:1px solid rgba(0,0,0,0);}
.border-bot-2 { border-bottom:2px solid rgba(0,0,0,0);}
.border-bot-3 { border-bottom:3px solid rgba(0,0,0,0);}
.border-top-1 { border-top:1px solid rgba(0,0,0,0);}
.border-top-2 { border-top:2px solid rgba(0,0,0,0);}
.border-top-3 { border-top:3px solid rgba(0,0,0,0);}
.border-right-1 { border-right:1px solid rgba(0,0,0,0);}
.border-right-2 { border-right:2px solid rgba(0,0,0,0);}
.border-right-3 { border-right:3px solid rgba(0,0,0,0);}
.border-dashed-bot-3 { border-bottom:3px dashed rgba(0,0,0,0);}
.border-dashed-right-3 { border-right:3px dashed rgba(0,0,0,0);}
.border-dashed-top-3 { border-top:3px dashed rgba(0,0,0,0);}
.rounded { border-radius:50%;}
.rounded-0-125em { border-radius:0.125em;}
.rounded-1em { border-radius:1em;}
.rounded-2-5em { border-radius:2.5em;}
.rounded-4em { border-radius:4em;}
.rounded-5em { border-radius:5em;}
.rounded-6em { border-radius:6em;}
.rounded-8em { border-radius:8em;}
.rounded-10em { border-radius:10em;}
.rounded-16em { border-radius:16em;}
.top-rounded-1em { border-top-left-radius:1em; border-top-right-radius:1em;}
.top-rounded-6em { border-top-left-radius:6em; border-top-right-radius:6em;}
.bot-rounded-1em { border-bottom-left-radius:1em; border-bottom-right-radius:1em;}
.bot-rounded-5em { border-bottom-left-radius:5em; border-bottom-right-radius:5em;}
.bot-right-rounded-25em { border-bottom-right-radius:25em;}
.top-right-rounded-31em { border-top-right-radius:31em;}
.top-right-rounded-16em { border-top-right-radius:16em;}
.top-right-rounded-8em { border-top-right-radius:8em;}
.bot-right-rounded-16em { border-bottom-right-radius:16em;}
.bot-right-rounded-8em { border-bottom-right-radius:8em;}
.bot-left-rounded-16em { border-bottom-left-radius:16em;}
.top-left-rounded-25em { border-top-left-radius:25em;}
.top-left-rounded-16em { border-top-left-radius:16em;}
.top-left-rounded-5em { border-top-left-radius:5em;}
.no-border-left { border-left:none;}
.no-border-right { border-right:none;}
.no-border-top { border-top:none;}
.no-border-bot { border-bottom:none;}
@media screen and (max-width: 900px) {
     .left-rounded-3em-mobile { border-bottom-left-radius:3em; border-top-left-radius:3em;}
     .top-right-rounded-8em-mobile { border-top-right-radius:8em;}
     .no-rounded-mobile { border-radius:0;}
     .no-border-mobile { border:none;}
     .no-border-right-mobile { border-right:none;}
}

/* Basique mobile/thin */
.hide-mobile,
.hide-thin,
.hide-large { display:block;}
.hide-mobile.inline-block,
.hide-thin.inline-block,
.hide-large.inline-block { display:inline-block;}
.only-mobile,
.only-thin,
.only-large { display:none;}
@media screen and (max-width: 1600px) {
     .hide-large,
     .hide-large.inline-block { display:none;}
     .only-large { display:block;}
     .only-large.inline-block { display:inline-block;}
     .only-large.flexbox {  display:flex; display:-webkit-flex; display:-ms-flexbox;}
     @media screen and (max-width: 1200px) {
          .hide-thin,
          .hide-thin.inline-block { display:none;}
          .only-thin { display:block;}
          .only-thin.inline-block { display:inline-block;}
          .only-thin.flexbox {  display:flex; display:-webkit-flex; display:-ms-flexbox;}
          @media screen and (max-width: 900px) {
               .hide-mobile,
               .hide-mobile.inline-block { display:none;}
               .only-mobile { display:block;}
               .only-mobile.inline-block { display:inline-block;}
               .only-mobile.flexbox {  display:flex; display:-webkit-flex; display:-ms-flexbox;}
          }
     }
}
/* MDPI */
@media screen and (max-height: 700px) and (min-width: 1000px) {
     .hide-mdpi { display:none;}
     .only-mdpi { display:block;}
}
.every { display:block !important;}

/* Opacité */
.transition-opacity { transition:opacity 0.25s; -webkit-transition:opacity 0.25s;}
.opacity-0,
.active .active-parent-opacity-0,
.spe-parent.active .active-spe-parent-opacity-0,
.active-opacity-0.active { opacity:0;}
.opacity-20 { opacity:0.2;}
.opacity-30 { opacity:0.3;}
.opacity-40 { opacity:0.4;}
.opacity-50 { opacity:0.5;}
.opacity-60 { opacity:0.6;}
.opacity-65 { opacity:0.65;}
.opacity-70 { opacity:0.7;}
.opacity-80 { opacity:0.8;}
.opacity-90,
.active-opacity-90.active { opacity:0.9;}
.active-opacity-85.active { opacity:0.85;}
.active-opacity-100.active,
.loaded-opacity-100.loaded,
.loaded .parent-loaded-opacity-100,
.persistant .persistant-opacity-100,
.persistant-opacity-100.persistant,
.hover-parent:hover .parent-hover-opacity-100,
.current .current-opacity-100 { opacity:1.0;}
.persistant-fade-from-bot { opacity:0; transform:translateY(100%); -webkit-transform:translateY(100%); transition:opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transition:opacity 1s, transform 1s, -webkit-transform 1s;}
.persistant .persistant-fade-from-bot,
.persistant.persistant-fade-from-bot { opacity:1.0; transform:translateY(0); -webkit-transform:translateY(0);}
.active .active-parent-opacity-100,
.active > .active-direct-parent-opacity-100,
.spe-parent.active .active-spe-parent-opacity-100,
.spe-parent:hover .hover-spe-parent-opacity-100,
.active + .active-prev-opacity-100 { opacity:1.0;}
/* Hovers */
@media screen and (min-width: 900px) {
     .hover-opacity-50:hover { opacity:0.5;}
     .hover-opacity-100:hover,
     :hover + .after-hover-opacity-100 { opacity:1.0;}
}
/* Mobile */
@media screen and (max-width: 900px) {
     .opacity-100-mobile { opacity:1;}
}

/* Affiché/masqué */
.transition-visibility { transition:opacity 1s; -webkit-transition:opacity 1s;}
.overflow-hidden { overflow:hidden;}
.overflow-y-hidden { overflow-y:hidden;}
.active .active-parent-hidden,
.spe-parent.active .active-spe-parent-hidden,
.hidden { display:block; min-height:0; max-width:0; min-width:0; max-height:0; overflow:hidden; opacity:0; pointer-events:none;}
.hidden.flexbox { display:flex;}
.hidden.inline-block { display:inline-block;}
.persistant-visible.persistant,
.active .active-parent-visible,
.spe-parent.active .active-spe-parent-visible,
.active-visible.active,
.visible { min-height:initial; max-width:initial; min-width:initial; max-height:initial; overflow:initial; opacity:1; pointer-events:inherit;}

/* Fullpage */
.fp-holder { width:100%; height:100vh; overflow:hidden;}
.fp-container { will-change:transform;}
@media screen and (max-width: 900px) {
     .fp-holder { width:100%; height:auto; overflow:initial;}
}

/* Enrolé/déroulé */
.folded { opacity:0; max-height:0; overflow:hidden; -webkit-transition:opacity 0.25s, max-height 0.25s; transition:opacity 0.25s, max-height 0.25s;}
.fold-parent:hover .parent-hover-unfold,
.hover-unfold { opacity:1; max-height:15em;}
@media screen and (max-width: 900px) {
     .folded-mobile { opacity:0; width:0; max-height:0; overflow:hidden; -webkit-transition:none; transition:none;}
     .active + .active-prev-unfold-mobile,
     .unfolded-mobile { opacity:1; width:auto; max-height:15em; -webkit-transition:opacity 0.25s, max-height 0.25s; transition:opacity 0.25s, max-height 0.25s;}
}

/* Agrandi/diminué */
.transition-scale { transition:transform 0.25s; -webkit-transition:transform 0.25s;}
.hover-scaled-1-1:hover,
*:hover > .parent-hover-scaled-1-1,
.scaled-1-1 { transform:scale(1.1); -webkit-transform:scale(1.1);}
.hover-scaled-1-2:hover,
*:hover > .parent-hover-scaled-1-2,
.scaled-1-2 { transform:scale(1.2); -webkit-transform:scale(1.2);}
.hover-scaled-1-3:hover,
*:hover > .parent-hover-scaled-1-3,
.scaled-1-3 { transform:scale(1.3); -webkit-transform:scale(1.3);}
*:hover > .parent-hover-scaled-1-05 { transform:scale(1.05); -webkit-transform:scale(1.05);}
.active .active-parent-scaled-1-5 { transform:scale(1.5); -webkit-transform:scale(1.5);}
@media screen and (max-width: 900px) {
     .scaled-1-5-mobile { transform:scale(1.5); -webkit-transform:scale(1.5);}
     .hover-no-scale-mobile:hover { transform:scale(1); -webkit-transform:scale(1);}
     .active .active-parent-scaled-1-75-mobile { transform:scale(1.75); -webkit-transform:scale(1.75);}
}

/* Souligné */
.active .active-underline,
.active-underline.active,
.active .active-parent-underline,
.active > .active-direct-parent-underline,
.underline { text-decoration:underline;}
.hover-underline:hover { text-decoration:underline;}
/* Barré */
.line-through { text-decoration: line-through;}
/* Italique */
.italic { font-style:italic;}
/* Gras */
.light { font-weight:200;}
.medium { font-weight:500;}
.bold { font-weight:600;}
.regular { font-weight:400;}
.text-justify{
     text-align: justify;
}
.word-spacing{
     word-spacing: -1px;
}

/* Autoellipse */
.autoellipsis div { font-weight:inherit; line-height:inherit; font-size:inherit;}

/* Pictos intégré */
.picto-center:not(.abs) { position:relative;}
.picto-center svg { position:absolute; height:50%; width:50%; top:25%; left:25%;}
.picto-center.small svg { height:25%; width:25%; top:37.5%; left:37.5%;}

/* MASTER TEMPLATE */
#root-container { position:relative; display:block; width:100%; overflow:hidden;}
#main-container { position:relative; display:block; width:100%; min-height:100vh; overflow:hidden;}
main { position:relative; display:block;}
/* Sections */
section { position:relative; width:100%;}

/* Transitions spécifique Agropole */
.transition-colordots { transition:left 0.25s, top 0.25s, width 0.25s, height 0.25s, margin 0.25s, background-color 0.25s; -webkit-transition:left 0.25s, top 0.25s, width 0.25s, height 0.25s, margin 0.25s, background-color 0.25s;}
.transition-activities { transition:opacity 0.25s, transform 0.25s; -webkit-transition:opacity 0.25s, transform 0.25s;}

/* ANIMATIONS */
/* Apparition en fondu depuis un côté */
@keyframes fade-fromleft {
     0% { opacity:0; -webkit-transform: translate(-5em); -moz-transform: translate(-5em); -ms-transform: translate(-5em); -o-transform: translate(-5em); transform: translate(-5em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes fade-fromleft {
     0% { opacity:0; -webkit-transform: translate(-5em); -moz-transform: translate(-5em); -ms-transform: translate(-5em); -o-transform: translate(-5em); transform: translate(-5em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes fade-fromright {
     0% { opacity:0; -webkit-transform: translate(5em); -moz-transform: translate(5em); -ms-transform: translate(5em); -o-transform: translate(5em); transform: translate(5em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes fade-fromright {
     0% { opacity:0; -webkit-transform: translate(5em); -moz-transform: translate(5em); -ms-transform: translate(5em); -o-transform: translate(5em); transform: translate(5em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes fade-fromright-light {
     0% { opacity:0; -webkit-transform: translate(1em); -moz-transform: translate(1em); -ms-transform: translate(1em); -o-transform: translate(1em); transform: translate(1em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes fade-fromright-light {
     0% { opacity:0; -webkit-transform: translate(1em); -moz-transform: translate(1em); -ms-transform: translate(1em); -o-transform: translate(1em); transform: translate(1em);}
     100% { opacity:1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes fade-fromtop {
     0% { opacity:0; -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes fade-fromtop {
     0% { opacity:0; -webkit-transform: translateY(-5em); -moz-transform: translateY(-5em); -ms-transform: translateY(-5em); -o-transform: translateY(-5em); transform: translateY(-5em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-fromtop-light {
     0% { opacity:0; -webkit-transform: translateY(-1em); -moz-transform: translateY(-1em); -ms-transform: translateY(-1em); -o-transform: translateY(-1em); transform: translateY(-1em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes fade-fromtop-light {
     0% { opacity:0; -webkit-transform: translateY(-1em); -moz-transform: translateY(-1em); -ms-transform: translateY(-1em); -o-transform: translateY(-1em); transform: translateY(-1em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-frombot {
     0% { opacity:0; -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes fade-frombot {
     0% { opacity:0; -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
     100% { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes translate-fromtop {
     0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
     100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes translate-fromtop {
     0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
     100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes translate-frombot {
     0% { -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
     100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes translate-frombot {
     0% { -webkit-transform: translateY(5em); -moz-transform: translateY(5em); -ms-transform: translateY(5em); -o-transform: translateY(5em); transform: translateY(5em);}
     100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
}
@keyframes translate-fromright {
     0% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%);}
     100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-fromright {
     0% { -webkit-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%);}
     100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes translate-fromleft {
     0% { -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%);}
     100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-fromleft {
     0% { -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%);}
     100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@keyframes translate-fromleft-more {
     0% { -webkit-transform: translate(-150%); -moz-transform: translate(-150%); -ms-transform: translate(-150%); -o-transform: translate(-150%); transform: translate(-150%);}
     100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
@-webkit-keyframes translate-fromleft-more {
     0% { -webkit-transform: translate(-150%); -moz-transform: translate(-150%); -ms-transform: translate(-150%); -o-transform: translate(-150%); transform: translate(-150%);}
     100% { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
}
/* Apparition par mise à l'échelle */
@keyframes scalefocus {
     0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
     50%  { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
     100%   { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@-webkit-keyframes scalefocus {
     0% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
     50%  { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
     100%   { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@keyframes scale-in {
     0% { -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
     100%   { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
@-webkit-keyframes scale-in {
     0% { -webkit-transform:scale(0);}
     100%   { -webkit-transform:scale(1);}
}
@keyframes scale-out-fade-in {
     0% { -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); transform:scale(2); opacity:0;}
     100%   { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}
}
@-webkit-keyframes scale-out-fade-in {
     0% { -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); transform:scale(2); opacity:0;}
     100%   { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}
}
/* Apparition fenetre */
@keyframes window-fromleft {
     0%        { opacity:1; clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);}
     100%      { opacity:1; clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);}
}
@-webkit-keyframes window-fromleft {
     0%        { opacity:1; clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%);}
     100%      { opacity:1; clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);}
}
@keyframes window-fromright {
     0%        { opacity:1; clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%);}
     100%      { opacity:1; clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);}
}
@-webkit-keyframes window-fromright {
     0%        { opacity:1; clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%);}
     100%      { opacity:1; clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%); -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);}
}
@keyframes window-frombot {
     0%        { opacity:1; clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}
     100%      { opacity:1; clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
}
@-webkit-keyframes window-frombot {
     0%        { opacity:1; clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}
     100%      { opacity:1; clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);}
}
@keyframes window-fromtop {
     0%        { opacity:1; clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
     100%      { opacity:1; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
}
@-webkit-keyframes window-fromtop {
     0%        { opacity:1; clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
     100%      { opacity:1; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
}
/* Apparition cercle */
@keyframes circle-fromcenter {
     0%        { opacity:1; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%);}
     100%      { opacity:1; clip-path: circle(102% at 50% 50%); -webkit-clip-path: circle(102% at 50% 50%);}
}
@-webkit-keyframes circle-fromcenter {
     0%        { opacity:1; clip-path: circle(0% at 50% 50%); -webkit-clip-path: circle(0% at 50% 50%);}
     100%      { opacity:1; clip-path: circle(100% at 50% 50%); -webkit-clip-path: circle(100% at 50% 50%);}
}
@keyframes circle-fromcenterbot {
     0%        { opacity:1; clip-path: circle(0% at 50% 100%); -webkit-clip-path: circle(0% at 50% 100%);}
     100%      { opacity:1; clip-path: circle(150% at 50% 100%); -webkit-clip-path: circle(150% at 50% 100%);}
}
@-webkit-keyframes circle-fromcenterbot {
     0%        { opacity:1; clip-path: circle(0% at 50% 100%); -webkit-clip-path: circle(0% at 50% 100%);}
     100%      { opacity:1; clip-path: circle(150% at 50% 100%); -webkit-clip-path: circle(150% at 50% 100%);}
}
/* Fade */
@keyframes fade-in {
     0%       { opacity:0;}
     100%     { opacity:1;}
}
@-webkit-keyframes fade-in {
     0%       { opacity:0;}
     100%     { opacity:1;}
}
@keyframes fade-out {
     0%       { opacity:1;}
     100%     { opacity:0;}
}
@-webkit-keyframes fade-out {
     0%       { opacity:1;}
     100%     { opacity:0;}
}
/* Blur */
@keyframes blur {
     0%       { filter:blur(0px); -webkit-filter:blur(0px);}
     100%     { filter:blur(10px); -webkit-filter:blur(10px);}
}
@-webkit-keyframes blur {
     0%       { filter:blur(0px); -webkit-filter:blur(0px);}
     100%     { filter:blur(10px); -webkit-filter:blur(10px);}
}
@keyframes blur-out {
     0%       { filter:blur(10px); -webkit-filter:blur(10px);}
     100%     { filter:blur(0px); -webkit-filter:blur(0px);}
}
@-webkit-keyframes blur-out {
     0%       { filter:blur(10px); -webkit-filter:blur(10px);}
     100%     { filter:blur(0px); -webkit-filter:blur(0px);}
}
/* Bounce */
@keyframes bounce {
     0%       { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
     17%      { transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}
     34%      { transform:rotate(30deg); -webkit-transform:rotate(30deg);}
     50%      { transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}
     67%      { transform:rotate(15deg); -webkit-transform:rotate(15deg);}
     100%     { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@-webkit-keyframes bounce {
     0%       { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
     17%      { transform:rotate(-30deg); -webkit-transform:rotate(-30deg);}
     34%      { transform:rotate(30deg); -webkit-transform:rotate(30deg);}
     50%      { transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}
     67%      { transform:rotate(15deg); -webkit-transform:rotate(15deg);}
     100%     { transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
/* Air */
@keyframes midair {
     0%       { transform:translateY(1em); -webkit-transform:translateY(1em);}
     100%     { transform:translateY(0); -webkit-transform:translateY(0);}
}
@-webkit-keyframes midair {
     0%       { transform:translateY(2em); -webkit-transform:translateY(2em);}
     100%     { transform:translateY(0); -webkit-transform:translateY(0);}
}
/* Sketch */
@keyframes stroke-dashoffset {
     0%       { opacity:1;}
     100%     { opacity:1; stroke-dashoffset:0 !important;}
}
@-webkit-keyframes stroke-dashoffset {
     0%       { opacity:1;}
     100%     { opacity:1; stroke-dashoffset:0 !important;}
}

/* Rotate fade out */
@keyframes rotate-fade-out {
     0%       { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
     50%      { opacity:1;}
     100%     { opacity:0; transform:rotate(270deg); -webkit-transform:rotate(270deg);}
}
@-webkit-keyframes rotate-fade-out {
     0%       { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
     50%      { opacity:1;}
     100%     { opacity:0; transform:rotate(270deg); -webkit-transform:rotate(270deg);}
}
/* Leaf 1 anim (section 1 - feuille verte) */
@keyframes leaf-1-anim-in {
     0%       { opacity:0; transform:rotate(-20deg); -webkit-transform:rotate(-20deg); transform-origin:-500% -100%; -webkit-transform-origin:-500% -100%;}
     50%      { opacity:1;}
     100%     { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@-webkit-keyframes leaf-1-anim-in {
     0%       { opacity:0; transform:rotate(-20deg); -webkit-transform:rotate(-20deg); transform-origin:-500% -100%; -webkit-transform-origin:-500% -100%;}
     50%      { opacity:1;}
     100%     { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
/* Leaf 2 anim (section 2 - feuille blanche) */
@keyframes leaf-2-anim-in {
     0%       { opacity:0; transform:rotate(-5deg); -webkit-transform:rotate(-5deg); transform-origin:-300% -100%; -webkit-transform-origin:-300% -100%;}
     50%      { opacity:1;}
     100%     { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@-webkit-keyframes leaf-2-anim-in {
     0%       { opacity:0; transform:rotate(-5deg); -webkit-transform:rotate(-5deg); transform-origin:-300% -100%; -webkit-transform-origin:-300% -100%;}
     50%      { opacity:1;}
     100%     { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
/* Leaf 3 anim (section 6 - feuille bleue) */
@keyframes leaf-3-anim-in {
     0%       { opacity:0; transform:rotate(-20deg); -webkit-transform:rotate(-20deg); transform-origin:-500% center; -webkit-transform-origin:-500% center;}
     50%      { opacity:1;}
     100%     { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}
@-webkit-keyframes leaf-3-anim-in {
     0%       { opacity:0; transform:rotate(-20deg); -webkit-transform:rotate(-20deg); transform-origin:-500% center; -webkit-transform-origin:-500% center;}
     50%      { opacity:1;}
     100%     { opacity:1; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
}

/* Loading ring */
.lds-ring {
     display: inline-block;
     position: relative;
     width: 80px;
     height: 80px;
}
.lds-ring div {
     box-sizing: border-box;
     display: block;
     position: absolute;
     width: 64px;
     height: 64px;
     margin: 8px;
     border: 8px solid #ccc;
     border-radius: 50%;
     animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
     -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
     border-color: #ccc transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
     animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
     animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
     animation-delay: -0.15s;
}
@keyframes lds-ring {
     0% { transform: rotate(0deg);}
     100% { transform: rotate(360deg);}
}
@-webkit-keyframes lds-ring {
     0% { transform: rotate(0deg);}
     100% { transform: rotate(360deg);}
}

.gpu-fix { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}




/* Ajout ICC Digital */


.activity-template-single-activity-tsw-agen .background-header{
     background-size: 80%;
}
.activity-template-single-activity-tsw-agen .footer-top-blob{
     transform: rotate(-19deg) scaleX(-1);
     margin-left: -12em;
}
.activity-template-single-activity-tsw-agen .footer-bottom-blob{
     transform: rotate(-19deg) scaleX(-1);
     margin-left: 85%;
}
.activity-template-single-activity-tsw-agen .footer-bottom-blob .bg-cover{
     background-size: 94%;
     background-position: top 44% left 170%;
}
.footer-subtop-blob{
     top: -25%;
     transform: rotate(-19deg);
}
.activity-template-single-activity-tsw-agen #main-container .last-section{
     margin-bottom: 15em;
}
.activity-template-single-activity-tsw-agen .abs.width-150.height-50.bg-color-grey.z-index-1.rounded-16em.rotated-6-rev-section-right-top{
     margin-left: 50em;
     margin-top: 8em;
}
.activity-template-single-activity-tsw-agen .container-list-people .list-people{
     row-gap: 2.5em;
     column-gap: 1.5em;
}
.activity-template-single-activity-tsw-agen .container-list-people .list-people li{
     box-shadow: 3px 3px 10px #412F6F52;
     border-radius: 150px;
     width: calc((100% - 1.5em)/2);
}
.activity-template-single-activity-tsw-agen .container-list-people .list-people li img{
     border-radius: 150px;
     aspect-ratio: 1/1;
     object-fit: cover;
}
.activity-template-single-activity-tsw-agen .container-list-people{
     border-bottom: 1px solid #632AB7;
}
.activity-template-single-activity-tsw-agen .container-list-people:last-child{
     border-bottom: none;
}
.list-of-people{
     position: relative;
}
.list-of-people .abs .abs{
     transform: rotate(347deg) translateY(-50%);
     position: absolute;
     top: 55%;
}
.title-programme h2 img{
     max-height: 85px;
     height: 100%;
     object-fit: contain;
}
.title-programme .inline-block img{
    object-fit: cover;
    height: auto;
    width: 100%;
}
.title-programme .center-holder{
     display: flex;
     align-content: center;
     align-items: center;
     justify-content: center;
}
.title-programme .abs.bot{
     top: 0;
}
.filter-black{
     filter: brightness(0);
}
.arrow-purple path{
     fill: #B287F2;
}
.fill-black path{
     fill: black;
}
.activity-template-single-activity-tsw-agen .container-list-people.partnairs li img{
     object-fit: contain;
     max-width: 80%;
     border-radius: 0;
}
.activity-template-single-activity-tsw-agen .container-list-people.partnairs li .img-partnairs{
     border-radius: 150px;
     aspect-ratio: 1/1;
     display: flex;
     align-items: center;
     justify-content: center;
}

@media (max-width: 1440px){
     .container-list-people{
          flex-direction: column;
     }
     .container-list-people .t-subtitle{
          margin-top: 0;
     }
     .list-of-people{
          margin-top: -12em;
     }
     .list-of-people .left-pad-13{
          padding-right: 13em;
     }
     .avec-qui > .flexbox >.abs{
          margin-top: -26em;
     }
}
@media (max-width: 928px) and (min-width: 901px){
     .last-section .flexbox .flex:nth-child(3){
          margin-top: -5em;
     }
}
@media (max-width: 900px){
     .avec-qui > .flexbox >.abs {
          margin-top: -19em;
     }
     .list-of-people {
          margin-top: -28em;
     }
     .activity-template-single-activity-tsw-agen .avec-qui .height-30em .flexbox-center .color-white{
          margin-left: 2em;
     }
}
@media (max-width: 700px){
     .activity-template-single-activity-tsw-agen .container-list-people .list-people{
          flex-direction: column;
     }
     .activity-template-single-activity-tsw-agen .container-list-people .list-people li{
          width: 100%;
     }

     .footer-right .flexbox-top-center{
          flex-direction: column;
          gap: 2em;
     }
}
@media (max-width: 575px){
     .activity-template-single-activity-tsw-agen .background-header{
          background-size: 100%;
     }
     .flexbox-center{
          flex-direction: column;
          align-items: flex-start;
     }
     .activity-template-single-activity-tsw-agen .container-list-people .list-people li{
          flex-direction: row;
          align-items: center;
     }
     .quoi .height-30em, .pourquoi .height-30em{
          height: 40em;
     }
     .pourquoi .height-30em .left-margin-4{
          margin-left: 0;
     }
     .pourquoi{
          margin-top:-18em;
     }
     .activity-template-single-activity-tsw-agen .avec-qui .height-30em .flexbox-center .color-white{
          margin-left: 0;
     }
     .avec-qui > .flexbox >.abs {
          margin-top: -14em;
     }
     .list-of-people {
          margin-top: -20em;
     }
     .list-of-people .left-pad-13 {
          padding-right: 8em;
     }
}
@media (max-width: 480px){
     .title-programme .abs.bot{
          flex-direction: column;
     }
     .title-programme h2 {
          width: 80%;
     }
}
span.title{
     font-weight: 600;
     font-size: 2.5rem;
}
span.sub-title{
      display: block;
      font-weight: 200;
      font-size: 2rem;
      margin-top: 7px;
}
/*****map*******/
.Demo #IranMap svg {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
}

.Demo #IranMap svg path {
     -webkit-transition: 0.2s;
     transition: 0.2s;
}

.Demo #IranMap svg #Sea path {
     fill: transparent;
}

.Demo #IranMap svg > g {
     pointer-events: none;
}

.Demo #IranMap svg > g > .Location {
     display: none;
     fill: #fff;
     pointer-events: none;
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
     -webkit-transition: 0.2s;
     transition: 0.2s;
     visibility: hidden;
     opacity: 0;
}

.Demo #IranMap svg > g > .Star {
     display: none;
     fill: #f7b538;
     pointer-events: none;
}

.Demo #IranMap svg > g > .Text {
     display: none;
     fill: #000000;
     pointer-events: none;
     font-size: 18px;
     font-weight: 500;
}

.Demo #IranMap svg > g > .Province {
     fill: #E4E4E4;
     -webkit-transition: 0.2s;
     transition: 0.2s;
}

.Demo #IranMap svg > g.active {
     pointer-events: auto;
}

.Demo #IranMap svg > g.active > .Province {
     fill: #d4f8e2;
}

.Demo #IranMap svg > g.active > .Location {
     display: block;
}

.Demo #IranMap svg > g.active > .Text {
     display: block;
}

.Demo #IranMap svg > g.active.main > .Location {
     display: none;
}

.Demo #IranMap svg > g.active.main > .Province {
     fill: #00af43;
}

.Demo #IranMap svg > g.active.main > .Star {
     display: block;
}

.Demo #IranMap svg > g.active.main > .Text {
     fill: #FFFFFF;
}

.Demo #IranMap svg > g.active.show {
     pointer-events: none;
}

.Demo #IranMap svg > g.active.show > .Province {
     fill: #00af43;
}

.Demo #IranMap svg > g.active.show > .Location {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     visibility: visible;
     opacity: 1;
}

.Demo #IranMap svg > g.active.show > .Star {
     fill: #6F1517;
}

.Demo #IranMap svg > g.active.show > .Text {
     fill: #000000;
}

.Demo #IranMap svg > g.active:not(.show):hover > .Province {
     fill: #00af43;
     cursor: pointer;
}

.Demo #IranMap svg > g.active:not(.show):hover > .Star {
     fill: #00af43;
}

.Demo #IranMap svg > g.active:not(.show):hover > .Text {
     fill: #000000;
}

#IranMapList {
     list-style-type: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-justify-content: center;
}


#IranMapList > .Item:not(.active) {
     display: none;
}


@media (max-width: 575.98px) {
    #IranMapList > .Item::before {
          font-size: 20px;
          padding: 0 2rem 0 1rem;
     }
}

 #IranMapList > .Item > section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-align-items: flex-start;
     margin-bottom: 1.5rem;
}

 #IranMapList > .Item > section h6 {
     margin: 0;
     white-space: nowrap;
}

@media (max-width: 575.98px) {
      #IranMapList > .Item > section h6 {
          font-size: 13px;
     }
}

 #IranMapList > .Item > section > div {
     margin-right: 0.5rem;
     margin-top: -4px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     -ms-flex-direction: column;
}

 #IranMapList > .Item > section > div span:not(:last-child) {
     margin-bottom: 0.7rem;
}

@media (max-width: 575.98px) {
      #IranMapList > .Item > section > div span {
          font-size: 13px;
     }
}

 #IranMapList > .Item > section.Phone > div {
     margin-top: -2px;
}

 #IranMapList > .Item > section.Option {
     margin: 2rem 0 0;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-justify-content: flex-end;
}

 #IranMapList > .Item > section.Option > a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-justify-content: center;
     width: 45px;
     height: 45px;
     border: 3px solid #6F1517;
     border-radius: 0.5rem;
     color: #6F1517;
     font-size: 1.5rem;
     text-decoration: none;
     -webkit-transition: 0.2s;
     transition: 0.2s;
}

 #IranMapList > .Item > section.Option > a:nth-of-type(1) {
     margin-left: 0.5rem;
}

 #IranMapList > .Item > section.Option > a:hover {
     border-color: #00af43;
     color: #00af43;
}

 #IranMapList > .Item {
     position: relative;
     opacity: 1;
     display: block;
}

 #IranMapList > .Item:not(.active) {
     display: none;
}

 #IranMapList > .Item::before {
     content: attr(data-city);
     position: absolute;
     top: 4px;
     right: 0;
     font-size: 33px;
     color: #038434;
     z-index: 9;
     font-weight: 600;
     text-align: right;
      width: max-content;
}

@media (max-width: 575.98px) {
     .Demo #IranMapList > .Item::before {
          font-size: 20px;
          padding: 0 2rem 0 1rem;
     }
}

 #IranMapList > .Item > section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-align-items: flex-start;
     margin-bottom: 1.5rem;
}

#IranMapList > .Item > section h6 {
     margin: 0;
     white-space: nowrap;
}

@media (max-width: 575.98px) {
     .Demo #IranMapList > .Item > section h6 {
          font-size: 13px;
     }
}

 #IranMapList > .Item > section > div {
     margin-right: 0.5rem;
     margin-top: -4px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     -ms-flex-direction: column;
}

 #IranMapList > .Item > section > div span:not(:last-child) {
     margin-bottom: 0.7rem;
}

@media (max-width: 575.98px) {
     #IranMapList > .Item > section > div span {
          font-size: 13px;
     }
}

 #IranMapList > .Item > section.Phone > div {
     margin-top: -2px;
}

 #IranMapList > .Item > section.Option {
     margin: 2rem 0 0;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-justify-content: flex-end;
}

 #IranMapList > .Item > section.Option > a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-justify-content: center;
     width: 45px;
     height: 45px;
     border: 3px solid #6F1517;
     border-radius: 0.5rem;
     color: #6F1517;
     font-size: 1.5rem;
     text-decoration: none;
     -webkit-transition: 0.2s;
     transition: 0.2s;
}

 #IranMapList > .Item > section.Option > a:nth-of-type(1) {
     margin-left: 0.5rem;
}

 #IranMapList > .Item > section.Option > a:hover {
     border-color: #00af43;
     color: #00af43;
}
.c-branches {
     margin: 0px auto;
     position: relative;
     text-align: right;

}
.c-branches .wrapper-box-branches {
     height: 300px;
     overflow-y: auto;
     margin-top: 25px;
}
.c-branches h2 {
     font-weight: 600;
     font-size: 20px;
     line-height: 40px;
     color: #00af43 ;
     padding: 15px 0px;
     height: 50px;
}
.c-branches .c-box {
     padding: 15px;
     text-align: right;
     border-bottom: 1px dashed;
     padding-bottom: 25px;
     margin-bottom: 15px;
}

.c-branches .c-box h3 {
     font-size: 17px;
     text-align: right;
     font-weight: 600;

}

.c-branches .c-box .branches-address {
     font-size: 13px;
     line-height: 17px;
     font-weight: 400;
     text-align: right;
     margin-top: 7px;
}
.text-center {
     text-align: center !important;
}
/*******map******/
#menu-items a{
     font-size: 2rem;
     text-align: right;
     font-weight: 600;
     line-height: 46px;
}
.size-medium{
     font-size: 1.3rem;
}
#anim-home-section2-leaf svg path,#anim-home-section3-leaf svg path{
     fill: #00af43 !important;
     stroke: #00af43 !important;;
}
.bg-color-lightyellow{
     background-color: #ffd400;
}
.img-logo{
     width: 130px;
}
@media screen and (max-width: 768px){
     .img-logo{
          width: 80px;
     }
}
.path-yellow path{
     fill: #ffd400 !important;
}
.blog-text {
     text-align: justify;
     line-height: 25px;

}
.blog-text p{
     text-align: justify;
     line-height: 25px;
     margin-bottom: 30px;
}
.box-product span{
     font-size: 1.75rem;
     text-align: center;
     padding: 25px 10px;
     display: block;
     height: 100px;
     text-decoration: none;
    font-weight: 500;
     transition: all 0.4s ease-in-out;

}
.box-product{
     transition: all 0.4s ease-in-out;
     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);

}
.box-product img{
     height: auto;
     transition: all 0.3s ease-in-out;
     display: block;
     margin:15px auto;
     max-width: 100%;
}
.box-product:hover img{
     filter: blur(2px);
}
.box-product:hover{

}
.box-product:hover span{
     background:linear-gradient(223deg, #ffd400 0%, #00af43 120%);
     color:#fff
}
.brand-text{
     max-width: 1000px;
     padding: 0px 50px 60px;
     margin: auto;
}
.brand-text h2.brand-title{
     font-size: 3.5rem;
     text-align: center;
     margin-bottom: 40px;
     font-weight: 600;
}
.brand-text p{
     font-size: 1.2rem;
     color: #676767;
     text-align: justify;
}
@media screen and (max-width: 768px){
     .brand-text {
          padding: 0px 5px 60px;
     }
     .t-title {
          font-size: 28px;

     }

}
.max-content{
     width: max-content;
}
.about-title h1{
     font-size: 44px;
     font-weight: 700;
}
.about-title h2{
     font-size: 28px;
     font-weight: 300;
     margin-top: 20px;
     color: #b8b8b8;
}
.big-title{
     font-size: 60px;
     font-weight: 700;
}
ul.brands{
    display: flex;
    direction: rtl;
}
ul.brands li {
    position: relative;
}
ul.brands li a {
    font-size: 1.4rem !important;
    font-style: italic;
    font-weight: 200 !important;
    margin-left: 16px;
   color: #fff;
}
ul.brands li:last-child a {
    margin-left: 0px;
}
ul.brands li:after {
    position: absolute;
    content: "/";
    left: 6px;
    color: #fff;
    top: 15px;
}
ul.brands li:last-child::after {
    display: none;
}
p.design{
    position: absolute;
    right: 10px;
    bottom: 40px;
    color: #fff;
}