/*
Theme Name: PPLW
Version: 1.0
Theme URI: http://www.bonbay.fr/
Author: Bonbay
Author URI: http://www.bonbay.fr/
Text Domain:
*/

/*	Copyright: (c) 2013 Alexander "Alx" Agnarson
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html*/


/*RESET*/
/*---------------------------------------------*/
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,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:flex}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}


/*  Base awesome
================================================== */
.fa { width: 1em; text-align: center; }


/*  Base formulaire
================================================== */
input, textarea, 
button, select, 
label { font-family: inherit; }
input,
textarea,
button,
select,
label { font-size: 1rem; }
input::-moz-focus-inner,
button::-moz-focus-inner{ border: 0; padding: 0; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="submit"],
input[type="tel"],
select,
textarea { margin: 0; border-radius: 0; width:100%;}
input,
textarea,
select,
button { 
    -moz-appearance: none; 
    -webkit-appearance: none;
    appearance: none;
    transition: all .2s ease; 
}
input[type="checkbox"]{ -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; }
input[type="radio"]{ -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; }
label{ }

.flex{ display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
    background: #fff;
    border: 1px solid #333;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: calc( 90% - 2px );
    outline: none;
    padding: 0.5rem 5%;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus { border-color: #666;  }
label .required { color: #8d001a; }
input[type="submit"],
button[type="submit"] {
    background: #8d001a;
    color: #fff;
    padding: .5rem 1rem;
    font-weight: 600;
    display: flex;
    border: none;
    cursor: pointer;
    font-size: 20px;
    justify-content: center;
    align-items: center;
}
input[type="submit"]:hover,
button[type="submit"]:hover { background: #000; }

/*WPCF7*/
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{
    border: 1px solid red;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ border-color: red; color:red; font-size: 14px;}
.wpcf7 form .wpcf7-response-output{ border: 1px solid grey; }
.wpcf7-not-valid-tip{ color:red; font-size: 14px; }

/*SWIPER*/
.swiper-slide{  }
.swiper-pagination{  }
.swiper-pagination-bullet{  }
.swiper-pagination-bullet-active{  }
.swiper-button-next, .swiper-button-prev{  }
.swiper-button-prev{  }
.swiper-button-next{  }



/** GRID ***/
.row{
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
}
.row.nowrap{ flex-flow: row nowrap; }
.row.flow-row{ flex-flow: row wrap; }

.middle{ align-items: center; }
.flex-end{ align-items: flex-end; }

@media (max-width: 767px){
      /*.row{ flex-flow: column wrap; }
      .row.nowrap{ flex-flow: column nowrap; }*/
}

/* 24 colonnes */
.spannomargin-1, .spannomargin-2, .spannomargin-3,
.spannomargin-4, .spannomargin-5, .spannomargin-6,
.spannomargin-7, .spannomargin-8, .spannomargin-9,
.spannomargin-10, .spannomargin-11, .spannomargin-12,
.spannomargin-13, .spannomargin-14, .spannomargin-15,
.spannomargin-16, .spannomargin-17, .spannomargin-18,
.spannomargin-19, .spannomargin-20, .spannomargin-21,
.spannomargin-22, .spannomargin-23, .spannomargin-24{ width: 100%; }

/*16 colonnes*/
.span-1, .span-2, .span-3, 
.span-4, .span-5, .span-6, 
.span-7, .span-8, .span-9, 
.span-10, .span-11, .span-12, 
.span-13, .span-14, .span-15, .span-16{ width: 100%; }


/*
@media (min-width: 768px){
    .spannomargin-1{ width: 5%; }
    .spannomargin-2{ width: 5%; }
    .spannomargin-3{ width: 10%; }
    .spannomargin-4{ width: 15%; }
    .spannomargin-5{ width: 25%; }
    .spannomargin-6{ width: 25%; }
    .spannomargin-7{ width: 35%; }
    .spannomargin-8{ width: 40%; }
    .spannomargin-9{ width: 50%; }
    .spannomargin-10{ width: 50%; }
    .spannomargin-11{ width: 50%; }
    .spannomargin-12{ width: 50%; }
    .spannomargin-13{ width: 50%; }
    .spannomargin-14{ width: 50%; }
    .spannomargin-15{ width: 50%; }
    .spannomargin-16{ width: 60%; }
    .spannomargin-17{ width: 65%; }
    .spannomargin-18{ width: 75%; }
    .spannomargin-19{ width: 75%; }
    .spannomargin-20{ width: 85%; }
    .spannomargin-21{ width: 90%; }
    .spannomargin-22{ width: 95%; }
    .spannomargin-23{ width: 95%; }
    .spannomargin-24{ width: 100%; }


    .span-1{ width: 6.25%; }
    .span-2{ width: 12.5%; }
    .span-3{ width: 18.75%; }
    .span-4{ width: 25%; }
    .span-5{ width: 31.25%; }
    .span-6{ width: 37.5%; }
    .span-7{ width: 43.75%; }
    .span-8{ width: 50%; }
    .span-9{ width: 56.25%; }
    .span-10{ width: 62.25%; }
    .span-11{ width: 68.75%; }
    .span-12{ width: 75%; }
    .span-13{ width: 81.25%; }
    .span-14{ width: 87.5%; }
    .span-15{ width: 93.75%; }
    .span-16{ width: 100%; }

}
*/
@media (min-width: 768px){

    /*24 colonnes*/
    .spannomargin-1{ width: 4.16666667%; }
    .spannomargin-2{ width: 8.33333333%; }
    .spannomargin-3{ width: 12.5%; }
    .spannomargin-4{ width: 16.666666666667%; }
    .spannomargin-5{ width: 20.8333333333%; }
    .spannomargin-6{ width: 25%; }
    .spannomargin-7{ width: 29.16666667%; }
    .spannomargin-8{ width: 33.333%; }
    .spannomargin-9{ width: 37.5%; }
    .spannomargin-10{ width: 41.66%; }
    .spannomargin-11{ width: 45.833333333333%; }
    .spannomargin-12{ width: 50%; }
    .spannomargin-13{ width: 54.166666666667%; }
    .spannomargin-14{ width: 58.3333333%; }
    .spannomargin-15{ width: 62.5%; }
    .spannomargin-16{ width: 66.666%; }
    .spannomargin-17{ width: 70.8266666%; }
    .spannomargin-18{ width: 75%; }
    .spannomargin-19{ width: 79.16%; }
    .spannomargin-20{ width: 83.32%; }
    .spannomargin-21{ width: 87.4866666%; }
    .spannomargin-22{ width: 91.6533333%; }
    .spannomargin-23{ width: 95.82%; }
    .spannomargin-24{ width: 100%; }
    .mille{ max-width: 960px; width: 100%; }

    /*16 colonnes*/
    .span-1{ width: 6.25%; }
    .span-2{ width: 12.5%; }
    .span-3{ width: 18.75%; }
    .span-4{ width: 25%; }
    .span-5{ width: 31.25%; }
    .span-6{ width: 37.5%; }
    .span-7{ width: 43.75%; }
    .span-8{ width: 50%; }
    .span-9{ width: 56.25%; }
    .span-10{ width: 62.25%; }
    .span-11{ width: 68.75%; }
    .span-12{ width: 75%; }
    .span-13{ width: 81.25%; }
    .span-14{ width: 87.5%; }
    .span-15{ width: 93.75%; }
    .span-16{ width: 100%; }

}
@media (min-width: 1280px){
    .mille{ max-width: 1080px; }
}
@media (min-width: 1480px){
    .mille{ max-width: 1440px; }
}

.nomobile{ display: none; }
@media (min-width: 1024px){ .nomobile{ display: flex; } }
.onlymobile{ display: flex; }
@media (min-width: 1024px){ .onlymobile{ display: none; } }

/*****************************************/

/*FONTS*/

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-Black.woff2') format('woff2'),
            url('fonts/Poppins-Black.woff') format('woff');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-BlackItalic.woff2') format('woff2'),
            url('fonts/Poppins-BlackItalic.woff') format('woff');
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-Bold.woff2') format('woff2'),
            url('fonts/Poppins-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-BoldItalic.woff2') format('woff2'),
            url('fonts/Poppins-BoldItalic.woff') format('woff');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-ExtraBold.woff2') format('woff2'),
            url('fonts/Poppins-ExtraBold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
            url('fonts/Poppins-ExtraBoldItalic.woff') format('woff');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-ExtraLight.woff2') format('woff2'),
            url('fonts/Poppins-ExtraLight.woff') format('woff');
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
            url('fonts/Poppins-ExtraLightItalic.woff') format('woff');
        font-weight: 200;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-Italic.woff2') format('woff2'),
            url('fonts/Poppins-Italic.woff') format('woff');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-Light.woff2') format('woff2'),
            url('fonts/Poppins-Light.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-LightItalic.woff2') format('woff2'),
            url('fonts/Poppins-LightItalic.woff') format('woff');
        font-weight: 300;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-Medium.woff2') format('woff2'),
            url('fonts/Poppins-Medium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-MediumItalic.woff2') format('woff2'),
            url('fonts/Poppins-MediumItalic.woff') format('woff');
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-Regular.woff2') format('woff2'),
            url('fonts/Poppins-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-SemiBold.woff2') format('woff2'),
            url('fonts/Poppins-SemiBold.woff') format('woff');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
            url('fonts/Poppins-SemiBoldItalic.woff') format('woff');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('fonts/Poppins-Thin.woff2') format('woff2'),
            url('fonts/Poppins-Thin.woff') format('woff');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins';
        src: url('Poppins-ThinItalic.woff2') format('woff2'),
            url('Poppins-ThinItalic.woff') format('woff');
        font-weight: 100;
        font-style: italic;
        font-display: swap;
    }


    .thin{ font-weight: 100; }
    .light{ font-weight: 300; }
    .regular{ font-weight: 400; }
    .medium{ font-weight: 500; }
    .semibold{ font-weight: 600; }
    .bold{ font-weight: 700; }
    .ultrabold{ font-weight: 900; }

/**/

img, iframe, video{ max-width: 100%; }
h1, h2, h3, h4, h5, h6{ }
h1{ font-size: 32px; }
h2{ font-size: 28px; }
h3{ font-size: 24px; }
h4{ font-size: 20px; }
.italique, i, em{ font-style: italic; }
.lowercase{ text-transform: lowercase; }
.uppercase{ text-transform: uppercase; }
.black, a.black{ color:#000; }
.white, a.white{ color: #fff; }
.grey, a.grey{ color: #818282; }
.orange, a.orange{ color:#df6450; }
.yellow, a.yellow{ color:#f2bb44; }
.blue, a.blue{ color:#1953a0; }
.green, a.green{ color:#7cc5ad; }


strong, b{ font-weight: 700; }
.align-left, .alignleft{ text-align: left; justify-content: flex-start; }
.align-right, .alignright{ text-align: right; justify-content: flex-end; }
.align-center, .aligncenter{ text-align: center; justify-content: center; }

img.alignleft, img.align-left{ float: left; margin: 0 1em 1em 0 }
img.alignright, img.align-right{ float: right; margin: 0 0 1em 1em }
img.aligncenter, img.align-center{ float: none; margin: 0 auto 1em auto }

.wp-caption.alignright{ float: right; margin: 0 0 1em 1em }
.wp-caption.alignleft{ float: left; margin: 0 1em 1em 0 }
.wp-caption p{ font-style: italic; }


.justify{ text-align: justify; }

.button{
    display: block;
    width: auto;
    text-decoration: underline;
    font-size: 16px;
    text-align: center;
    transition: ease-in-out all 0.1s;
    cursor: pointer;
    background: white;
    text-decoration: none;
}
.button:hover{
    background: black!important;
    text-decoration: none;
}

a{ text-decoration: none; cursor: pointer; color:#1953a0; }
a:hover{ text-decoration: underline; }
p{ margin: 10px 0; }
article ul{ margin: 1em 0; }
article ul li{ list-style-type: disc; margin-left: 2em; }

.gallery {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-flow: row wrap;
}
.gallery-item{ margin: 0 1rem 1rem 0; }


.left{ float: left; }
.right{ float: right; }
.center{ margin: 0 auto; }

.relative{ position: relative; }
.absolute{ position: absolute; }

.error{ color: red; font-weight: bold; }

/*****/
/* base */

body{
    background: #fff;
    margin: 0;
    padding: 0;
    color: #1953a0;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 18px;
}
.conteneur{ max-width: 1920px; margin: 0 auto; }

header,  main, footer, .home_contenu{ width: 100%; }
header{
    height: 192px;
    position: relative;
    z-index: 9999;
    background-color: transparent;
    transition: ease-in-out background-color .3s;
}
header::before{
    content:" ";
    background: transparent url('gfx/deco1.svg') no-repeat 0 0 / 100%;
    width: 174px;
    height: 114px;
    position: absolute;
    left: 30px;
    top: -10px;
    z-index: 1;
    transform: scaleX(-1);
}
header::after{
    content:" ";
    background: transparent url('gfx/deco2.svg') no-repeat 0 0 / 100%;
    width: 160px;
    height: 140px;
    position: absolute;
    right: 140px;
    right: 7.5%;
    top: 4px;
    z-index: 1;
}
header > *{ position: relative; z-index: 2; }
.header1{ height: 60px; position: relative; z-index: 3;}
.header2{ 
    height: 88px;
    position: relative;
    padding: 0;
    background: transparent url('gfx/losange-jaune.svg') no-repeat right bottom / 64px;
}
a.logo{
    display: block;
    width: 100%;
    max-width: 350px;
    margin: -8px 0 0 0;
}
.lien-linkedin img{ width: 18px; }
a.espace-membre{
    display: block;
    color:#19559f;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    width: 72%;
    padding: 0 0 0 10%;
    margin-left: 15%;
    line-height: 50px;
    background: #d5f0e7 url(gfx/compte.svg) no-repeat 16px center / 22px;
    clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0% 50%);
    transition: ease-in-out all .2s;
}
a.espace-membre:hover{
    text-decoration: none;
    transition: ease-in-out all .2s;
    background-color: #f2bb44;
}
a.lien-plateforme{
    display: block;
    color: white;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    width: 95%;
    padding: 0 2.5%;
    margin:0;
    line-height: 48px;
    background: #df6450;
    clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%);  
    transition: ease-in-out all .2s;
}
a.lien-plateforme:hover{
    text-decoration: none;
    background:#f2bb44;
    color:#19559f;
    transition: ease-in-out all .2s;
}
span.autour-plateforme{ display: inline-block; width: 63%; }
span.autour-plateforme::before{
    content: " "; 
    position: absolute;
    z-index: 3;
    left: 34px;
    top: -28px;
    width: 30px;
    height: 24px;
    background: transparent url('gfx/elearning-orange.svg') no-repeat center / 100%;
}
span.autour-plateforme::after{
    content: " "; 
    position: absolute;
    z-index: 2;
    left: 22px;
    top: -42px;
    width: 54px;
    height: 54px;
    background: transparent url('gfx/losange-jaune.svg') no-repeat center / 100%;
}
a.lien-linkedin{
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent url('gfx/losange-bleu.svg') no-repeat center / 100%;
    width: 64px;
    height: 54px;
    margin: -16px 0 0 8.5%;
}
a.lien-linkedin:hover img{ opacity: .7; }

.menu-toggle, #site-navigation{ display: none; }
.nav-menu{ display: flex; }
nav{
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: auto;
}
.menu-menu-principal-container{
    display: flex;
    width: 100%;
    position: relative;
}
nav ul{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    justify-content: space-evenly;
}
nav ul li{
    list-style-type: none;
    position: relative;
    display: inline-flex;
    text-align: center;
    background: transparent;
    transition: ease-in-out all 0.1s;
}
nav ul li a{
    font-size: 16px;
    display: flex;
    color: #19559f;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 20px;
    font-weight: 500;
    padding: 26px 14px;
    margin: 0 0px;
    width: auto;
    background: transparent;
    border: 0;
}
nav ul li a sup{
    display: inline-block;
    font-size: 70%;
    text-transform: none;
    margin-top: -.25rem;
    margin-right: .25rem;
}
nav > div > ul > li:last-child > a{
    font-weight: 700;
}
nav ul li:hover{ }
nav ul li:hover a, 
nav ul li.current-menu-item a{
    transition: ease-in-out all 0.1s;
    text-decoration: none;
}
nav > div > ul > li:hover::before, nav > div > ul > .current-menu-ancestor::before{
    content: " ";
    background: transparent url('gfx/losange-bleu-plein.svg') no-repeat center / 10px;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -3px;
    left: calc( 50% - 5px );
    z-index: 5002;
}
nav > div > ul > li > ul{
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 5001;
    padding: 0;
    background: white;
    border: 1px solid #19559f;
    display: none;
    min-width: 200%;
    width: min-content;
    padding: 36px 56px 40px 56px;
}
/**** ss menus 1 2 3 ****/
nav > div > ul > li:first-child > ul{ 
    width: 310px;
    left: -155px;
}
nav > div > ul > li:nth-child(3) > ul{ 
    width: 400px;
    left: -180px;
}
nav > div > ul > li:nth-child(2) > ul{ 
    width: 914px;
    left: -300px;
}
/**********/
nav > div > ul > li:hover > ul{ 
    display: flex; 
    flex-flow: row wrap;  
}
nav > div > ul > li > ul > li{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
nav > div > ul > li:nth-child(2) > ul > li{
    display: flex;
    flex-flow: row wrap;
    width: 42.5%;
}
nav > div > ul > li:nth-child(2) > ul > li:nth-child(2){ 
    padding-left: 15%;
    background: transparent url('gfx/citoyens.svg') no-repeat left top / 100px;
    color:#df6450;
}
nav > div > ul > li > ul > li > a{
    font-size: 24px;
    font-weight: 700;
    text-transform: none;
    text-decoration: none;
    color: #19559f;
    cursor:default;
    padding: 0;
    margin: 0 0 2rem 0;
}
nav > div > ul > li:nth-child(2) > ul > li:nth-child(2) a, 
.home-menu.citoyen li a, 
.home-menu.citoyen li ul li a{ color:#df6450; }
nav > div > ul > li:nth-child(3) > ul > li > a{ display: none; }
.home-menu a:hover{ text-decoration: none; }
nav > div > ul > li > ul > li > a:hover{
    background: transparent;
    color: #19559f;
}
nav > div > ul > li > ul > li > ul, 
nav > div > ul > li > ul > li > ul > li > ul, 
.home-menu, .home-menu li ul{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}
nav > div > ul > li:nth-child(2) > ul > li > ul > li, 
.home-menu li{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: 0;
}
.home-menu li ul li{
    width: auto;
    margin: 0;
    list-style-type: none;
    position: relative;
    display: inline-flex;
    text-align: center;
    background: transparent;
    transition: ease-in-out all 0.1s;
}
nav > div > ul > li:nth-child(2) > ul > li > ul > li > a, 
.home-menu > li > a{
    padding: 0;
    cursor: default;
    margin: 0 0 1rem 0;
    font-style: italic;
    text-transform: none;
    font-size: 20px;
    font-weight: 400;
}
.home-menu > li > a{ margin: 0 0 .5rem 0; }
nav > div > ul > li:first-child > ul > li > ul > li > a, 
nav > div > ul > li:nth-child(3) > ul > li > ul > li > a, 
nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a, 
.home-menu li ul li a{
    color: #19559f;
    border: 1px solid #19559f;
    text-decoration: none;
    line-height: 46px;
    padding: 0 48px 0 18px;
    margin: 0 6px 12px 0;
    text-transform: none;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    background: white url('gfx/fleche-bleu.svg') no-repeat 90% center / 16px;
    transition: ease-in-out all .2s;
}
nav > div > ul > li:nth-child(2) > ul > li:nth-child(2) > ul > li > ul > li > a, 
.home-menu.citoyen li ul li a{
    border-color:#df6450;
    background: white url('gfx/fleche-orange.svg') no-repeat 90% center / 16px;
}

nav > div > ul > li:first-child > ul > li > ul > li > a:hover, 
nav > div > ul > li:nth-child(3) > ul > li > ul > li > a:hover, 
nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a:hover, 
.home-menu li ul li a:hover{
    background: #19559f url('gfx/fleche-blanche.svg') no-repeat 90% center / 16px;
    color: white;
    transition: ease-in-out all .2s;
}
nav > div > ul > li:nth-child(2) > ul > li:nth-child(2) > ul > li > ul > li > a:hover, 
.home-menu.citoyen li ul li a:hover{
    background: #df6450 url('gfx/fleche-blanche.svg') no-repeat 90% center / 16px;
    transition: ease-in-out all .2s;
}
nav > div > ul > li:first-child > ul > li > ul > li > a::before, 
nav > div > ul > li:nth-child(3) > ul > li > ul > li > a::before,
nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a::before, 
.home-menu li ul li a::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 16px solid white;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
nav > div > ul > li:first-child > ul > li > ul > li > a::after, 
nav > div > ul > li:nth-child(3) > ul > li > ul > li > a::after, 
nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a::after, 
.home-menu li ul li a::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 16px solid #19559f;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
nav > div > ul > li:nth-child(2) > ul > li:nth-child(2) > ul > li > ul > li > a::after, 
.home-menu.citoyen li ul li a::after{
    border-left: 16px solid #df6450;  
}
/*FIXE*/
header.fixe{
    background-color: white;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    height: 122px;
    box-shadow: 0 10px 18px rgba(0,0,0,.2);
    transition: ease-in-out background-color .3s;
}
main.fixe{ padding-top: 192px; }
header.fixe .header2{ margin-top: -40px; background-position: 97% 10px; }
header.fixe a.espace-membre{ margin-left: 18%; }
header.fixe::after {
    width: 130px;
    height: 140px;
    right: 140px;
    right: 8.5%;
    top: -30px;
}
header.fixe::before{ top: -40px; }
header.fixe a.lien-linkedin{ 
    margin-top: 40px;
    margin-bottom: -6px;
    margin-left: 0;
}
header.fixe a.logo{ width: 86%; margin-left: 7%;  }
/* footer */
footer{ margin-top: 120px; }
footer .fdvert > *{ position: relative; z-index: 3; padding: 140px 0 72px 0; }
footer .fdvert::after{
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 21%;
    background: #b0dbcc url('gfx/fond-footer.jpg') no-repeat right bottom;
}
footer .fdvert::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 120px solid white;
    border-left: 120px solid transparent;
    border-top: 120px solid transparent;
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 2;
}
footer .fdvert .bloc-blanc svg{
    position: absolute;
    left: -40px;
    top: -100px;
    right: -40px;
    z-index: 3;
}
footer .fdvert .in-fd-blanc{ position: relative; z-index: 4; }
footer .fdvert .in-fd-blanc .spannomargin-9 > *{ margin-left: 10px; }
.btn-contact{
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    padding: 0 44px 0 0;
    background: transparent url('gfx/fleche-orange.svg') no-repeat 100% center / 28px;
    margin: 40px 0;
}
.btn-contact:hover{ text-decoration: none; color: #19559f; }
footer a.email, footer p.adresse{
    font-size: 13px;
    line-height: 16px;
}
.btn-orange{
    position: relative;
    display: block;
    max-width: 320px;
    width: max-content;
    text-align: center;
    position: relative;
    color: #df6450;
    border: 1px solid #df6450;
    font-size: 18px;
    font-weight: 600;
    line-height: 58px;
    padding: 0 70px 0 28px;
    background: transparent url('gfx/fleche-orange.svg') no-repeat 95% center / 28px;
    transition: ease-in-out all .2s;
}
.btn-orange::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 16px solid white;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.btn-orange::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 16px solid #df6450;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.btn-orange:hover{
    text-decoration: none;
    background:#df6450  url('gfx/fleche-blanche.svg') no-repeat 95% center / 28px;
    color: white;
    transition: ease-in-out all .1s;
}
footer .btn-orange{ margin: 0 0 0 -22px; }
.btn-plateforme{
    position: relative;
    display: block;
    max-width: 320px;
    width: max-content;
    text-align: center;
    position: relative;
    color: #fff;
    border: 1px solid #19559f;
    font-size: 18px;
    font-weight: 400;
    line-height: 58px;
    padding: 0 70px 0 28px;
    background:#19559f url('gfx/fleche-blanche.svg') no-repeat 95% center / 28px;
    transition: ease-in-out all .2s;
}
.btn-plateforme::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 16px solid white;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.btn-plateforme::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 16px solid #19559f;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.btn-plateforme:hover{
    text-decoration: none;
    background: transparent url('gfx/fleche-bleu.svg') no-repeat 95% center / 28px;
    color: #19559f;
    transition: ease-in-out all .1s;
}
footer .btn-plateforme::before{
    border-left: 16px solid #b0dbcc;
}
footer .btn-plateforme{ margin-left: 23%; margin-bottom: 90px; }
.footer-menu{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
.footer-menu li a{ font-size: 12px; color:#aaa7a7; font-style: italic; }
.footer-menu li{ padding-right: 5px; margin-right: 5px; position: relative; }
.footer-menu li::after{ content: "."; position: absolute; bottom: 0; right: 0; color:#aaa7a7; }
.footer-menu li:last-child::after{ display:none; }
.menu-pied-de-page-container{ margin: 50px 0 40px 0; }
footer p.soutien{ color:#808080; font-size: 12px; margin-top: 30px; }
footer p.soutien img{ margin-left: 40px; }
/*HOME*/
.bandeauhome{ margin: 0 0 170px 0; }
.bandeauhome > *{ position: relative; z-index: 3; }
.bandeauhome::after{
    content: " ";
    position: absolute;
    right: 0;
    top: 40px;
    bottom: -40px;
    left: 21%;
    background: #d5f0e7;
}
.bandeauhome::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 120px solid white;
    border-left: 120px solid transparent;
    border-top: 120px solid transparent;
    position: absolute;
    bottom: -41px;
    right: -1px;
    z-index: 2;
}
.bandeauhome .out-h1{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
}
.bandeauhome .out-h1 h1{
    margin: 0 20%;
    font-size: 36px;
    font-weight: 500;
    line-height: 48px;
    padding-bottom: 3.5rem;
    background: transparent url('gfx/trait-blanc.png') no-repeat center bottom;
}
.home-schema{
    max-width: 112%;
    position: relative;
    z-index: 4;
    margin-left: -19%;
}
.bandeauhome .swiper h3{ 
    font-size: 60px; 
    line-height: 48px;
    margin: 0 0 40px 0;
    font-weight: 600; 
}
.bandeauhome .swiper p{ 
    font-size: 15px;
    color:#19559f;
}
.swiper.swiper-home1{ padding: 20px 0 80px 0; }
.swiper-pagination-bullets{ bottom: 0!important; }
.btn-blue{
    position: relative;
    display: block;
    max-width: 320px;
    width: max-content;
    text-align: center;
    position: relative;
    color: #19559f;
    border: 1px solid #19559f;
    font-size: 18px;
    font-weight: 600;
    line-height: 58px;
    padding: 0 70px 0 28px;
    background: transparent url('gfx/fleche-bleu.svg') no-repeat 95% center / 28px;
    transition: ease-in-out all .2s;
}
.btn-blue::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 16px solid white;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.btn-blue::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 16px solid #19559f;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.btn-blue:hover{
    text-decoration: none;
    background:#19559f url('gfx/fleche-blanche.svg') no-repeat 95% center / 28px;
    color: white;
    transition: ease-in-out all .1s;
}
.bandeauhome .btn-blue{ 
    line-height: 48px; 
    font-size: 14px; 
    padding: 0 54px 0 20px; 
    background-size: 20px;
    background-position: 90% center;
    margin: 20px 0 0 0;
}
.bandeauhome .btn-blue::before{
    border-left: 16px solid #d5f0e7;
}
.swiper-pagination-bullet{
    background: transparent url('gfx/losange-bleu.svg') no-repeat center / 100%;
    width: 22px;
    height: 22px;
    opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: transparent url('gfx/losange-bleu-plein.svg') no-repeat center / 100%;
}
.row.stretch{ align-items: stretch; }
.actus-home { margin: 20px 0 100px 0; }
.actus-home h2{
    width: max-content;
    font-size: 90px;
    line-height: 120px;
    padding: 0 140px 0px 0;
    background: transparent url('gfx/deco4.svg') no-repeat right bottom / 120px;
    margin: 0 0 80px 0;
}
.actus-home .btn-blue{ margin-bottom: 80px; }
article.actu{ }
article.actu .in-article{
    display: flex;
    flex-flow: column wrap;
    padding: 0 34px;
    width: calc( 100% - 68px );
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 64px;
}
article.actu .in-article > a{ display: flex; width: 100%; position: relative; }
article.actu.categoriepas .bloc-article{
    position: absolute;
    z-index: 3;
    top: 30%;
    left: 20%;
    right: 20%;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: center;
}
article.actu .bloc-article{ margin-top: 2rem; }
article.actu.categoriepas .bloc-article{ color: white; margin: 0; }
article.actu .bloc-article h3{ font-size: 18px; line-height: 28px; }
article.actu .bloc-article p{ font-size: 16px; margin: 0 0 1rem 0; }
article.actu.categoriepas .bloc-article h3{ font-size: 21px; line-height: 30px;  }
article.actu.categoriepas .in-article > a::after, 
article.actu.categoriepas.post-publication .in-article > a::before, 
.espace-membres article.actu.categoriepas .in-article > a::after{ 
    content: " ";
    border: 0;
    height: 196px;
    width: 148px;
    background: transparent url('gfx/livres.svg') no-repeat center / 100%;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 6%;
    right: 6%;
    z-index: 3;
    opacity: .5;
}
article.actu.post-post  .in-article > a::before, 
article.actu.post-publication .in-article > a::before, 
article.actu.post-documentation .in-article > a::before, 
.espace-membres article.actu .in-article > a::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 90px solid white;
    border-left: 90px solid transparent;
    border-top: 90px solid transparent;
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 2;
}
article.actu.post-post .in-article > a::after, 
article.actu.post-publication .in-article > a::after, 
article.actu.post-documentation .in-article > a::after, 
.espace-membres article.actu .in-article > a::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 90px solid white;
    border-right: 90px solid transparent;
    border-bottom: 90px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
article.actu.categoriepas.post-publication .in-article > a::after, 
article.actu.post-documentation.categoriepas .in-article > a::after, 
article.actu.post-documentation.categoriepas .in-article > a::before, 
.espace-membres article.actu.categoriepas .in-article > a::before{ display:none }
article.actu .in-article .btn-lire{
    position: absolute;
    bottom: 0;
    right: 34px;
    height: 44px;
}
article.actu .in-article .btn-lire a{
    width: 148px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 600;
    height: 44px;
    transition: ease-in-out all .1s;
}
article.actu.post-documentation .in-article .btn-lire a{ color:#009772; }
article.actu.categorie18 .in-article .btn-lire a, 
article.actu.categorie18 .in-article{  color:#df6450; }
article.actu.post-post .in-article .btn-lire a, 
article.actu.post-publication .in-article .btn-lire a{
    background: transparent url('gfx/bouton-bleu.svg') no-repeat 75% 0 / contain;
}   
article.actu.categorie18 .in-article .btn-lire a{
    background: transparent url('gfx/bouton-orange.svg') no-repeat 75% 0 / contain;
}
article.actu.post-documentation .in-article .btn-lire a{
    background: transparent url('gfx/bouton-vert.svg') no-repeat 75% 0 / contain;
}
article.actu .in-article .btn-lire a::after{
    content: " ";
    width: 62%;
    height: 1px;
    background: #1953a0;
    position: absolute;
    left: 0;
    bottom: 13px;
}
article.actu.post-documentation .in-article .btn-lire a::after{ background:#009772; }
article.actu.categorie18 .in-article .btn-lire a::after{ background:#df6450; }
article.actu .in-article .btn-lire a:hover{ text-decoration: none; opacity: .7; transition: ease-in-out all .1s; }
.titre-documentation h2{ justify-content: center; font-size: 60px; margin-bottom: -56px; position: relative; z-index: 10; }
.titre-documentation img.deco{ width: 284px; margin-right: 2rem; margin-bottom: 20px; }
.titre-documentation img.citoyens{ width: 114px; }
.in-documentation{
    left: 0;
    top: 186px;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.documentation svg{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
}
.in-docu-svg{
    position: absolute;
    left: 56px;
    top: 80px;
    bottom: 0;
    right: 56px;
    z-index: 4;
}
.in-docu-svg h3{
    font-size: 48px; 
    line-height: 48px;
    margin-bottom: 1.5rem;
}
.in-docu-svg p{
    color:#393939;
    font-size: 16px;
    line-height: 24px;
}
.newsletter{ 
    margin: 100px 0 0 0; 
    height: 500px; 
    align-items: stretch; 
    background: transparent url('gfx/trait-jaune.png') no-repeat 35% bottom;
}
.newsletter .bgnewsletter{
    background: transparent url('gfx/newsletters.png') no-repeat 0 0 / 60%;
}
.btn-newsletter{
    padding-top: 18px;
    padding-bottom: 18px;
    line-height: 22px;
    text-align: left;
    background:#df6450 url(gfx/fleche-blanche.svg) no-repeat 95% center / 28px;
    color: white;
}
.btn-newsletter::before{
    border-left: 30px solid white;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
}
.btn-newsletter::after {
    border-left: 30px solid #df6450;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
}
.btn-newsletter:hover{
    background:#fff url(gfx/fleche-orange.svg) no-repeat 95% center / 28px;
    color: #df6450;
}
.newsletter .btn-newsletter{
    float: right;
    margin-top: 30%;
    margin-right: 5rem;
}
.newsletter h2{
    font-size: 48px;
    line-height: 40px;
}
.newsletter h2 span{ color: #df6450; }
.newsletter p{
    font-size: 18px;
    line-height: 26px;
    margin: 1rem 0 2rem 0;
}
.form-newsletter input[type="text"], 
.form-newsletter input[type="email"], 
.form-newsletter input[type="tel"], 
.form-newsletter input[type="number"]{ 
    margin: 0 0 8px 0;
    line-height: 44px;
    border-radius: 0;
    border: 1px solid #df6450;
}
.mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label{
    font-size: 16px; 
    line-height: 16px; 
    color: #df6450;
    display: inline-block;
    margin: 1rem 0;
}
.mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label input{ float: left; margin-right: 1rem; }
.form-newsletter input[type="submit"]{
    width: min-content;
    padding: 0 4rem 0 1rem;
    background-position: 90% center;
    background-color: #df6450;
    display: inline;
}
.form-newsletter input[type="submit"]:hover{ background-color:#19559f; background-position: 95% center; }
.form-newsletter .wpcf7-spinner{ right: auto; left: 0; }
.partenaires-titre{ margin-top: 110px; }
.partenaires-titre h2{ font-size: 90px; line-height: 120px; margin: 0 0 40px 1rem; }
.partenaires-titre h2 span{ display: block; margin-bottom: -74px; margin-left: -1rem; }
.swiper-partenaires{ padding-bottom: 60px; margin-bottom: 40px; }
/*pages // contact*/
.bandeau{ margin: 0 0 100px 0; }
.in-bandeau{
    z-index: 2;
    left: 0;
    top:0;
    right: 0;
    bottom:0;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.in-bandeau::after{
    content: " ";
    background: transparent url('gfx/deco4.svg') no-repeat center / 100%;
    width: 164px;
    height: 80px;
    position: absolute;
    z-index: 4;
    left: 8.33333333%;
    bottom: -50px;
}
.bandeau .in-bandeau img{ 
    max-width: 85%; 
    margin-top: 56px;
    clip-path: polygon(85% 0, 100% 20%, 100% 100%, 15% 100%, 0 80%, 0 0);
}
.bandeau p.bread{ margin: 64px 0 20px 0; font-size: 14px; color:#89a0bf; }
.bandeau p.bread a{ color:#89a0bf; }
.bandeau h1{ font-size: 30px; line-height: 38px; margin: 20px 0 30px 0; }
.bandeau .intro p{
    color:#19559f;
    font-size: 17px;
    font-weight: 500;
}
input[type="text"], input[type="email"], 
input[type="tel"], input[type="number"], 
input[type="password"], 
select, textarea{
    border: 1px solid #85c5af;
    line-height: 60px;
    padding: 0 24px;
    border-radius: 30px;
    width: calc( 100% - 48px - 2px );
    font-size: 17px;
    color:#1953a0;
    margin: 7px 0;
}
textarea{
    line-height: 26px;
    padding: 18px 24px;
}
input[type="text"]::placeholder, input[type="email"]::placeholder, 
input[type="tel"]::placeholder, input[type="number"]::placeholder, 
textarea::placeholder{
    color:#1953a0;
}
input[type="text"]:focus, input[type="email"]:focus, 
input[type="tel"]:focus, input[type="number"]:focus, 
input[type="password"]:focus,
select:focus, textarea:focus{ border-color:#df6450; }
.wpcf7-acceptance label, span.italique{ 
    font-size: 14px; 
    line-height: 18px; 
    font-style: italic; 
    color:#8c8c8d; 
    display: inline-block;
    margin: 1rem 0;
}
input[type="submit"]{ 
    background: #19559f url(gfx/fleche-blanche.svg) no-repeat 65% center / 28px;
    font-size: 18px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    padding: 0;
}
.wpcf7-spinner{ position: absolute; bottom: 0; right: 0; }
input[type="submit"]:hover{ 
    background: #df6450 url(gfx/fleche-blanche.svg) no-repeat 70% center / 28px;
}
.submit::before {
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 16px solid white;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.page-contact .zone-texte{ 
    margin-top: 90px;
    padding-bottom: 160px;
    background: transparent url('gfx/deco3.svg') no-repeat center bottom / 180px;
 }
.page-contact .bandeau .zone-texte{ margin-top: 0px; background: transparent; padding: 0; }
/* equipe */
.equipe.row{ padding: 80px 0 100px 0; }
.equipe.row > *{ position: relative; z-index: 5; }
.equipe.row::before{
    content: " ";
    position: absolute;
    z-index: 1;
    background: transparent url('gfx/deco2.svg') no-repeat center / 100%;
    width: 268px;
    height: 240px;
    left: 8.33333333%;
    bottom: 144px;
}
.equipe.row::after{
    content: " ";
    position: absolute;
    z-index: 1;
    background: transparent url('gfx/deco5.svg') no-repeat center / 100%;
    width: 292px;
    height: 236px;
    right: 8.33333333%;
    top: -34px;
}
.membre-photo{ overflow: hidden; margin:0 -1px 0 -1px; }
.membre-photo::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 50px solid transparent;
    border-left: 50px solid white;
    border-bottom: 50px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.membre-photo::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 50px solid white;
    border-left: 50px solid transparent;
    border-top: 50px solid transparent;
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 2;
}
.in-membre{
    border-bottom: 1px solid #1953a0;
    border-left: 1px solid #1953a0;
    /*border-right: 1px solid #1953a0;*/
    background-color: white;
}
.in-membre::after{
    content: " ";
    width: 1px;
    height: 89px;
    background: #1953a0;
    position: absolute;
    bottom: 49px;
    right: -1px;
    z-index: 4;
}
.membre-nom{ flex-flow: column wrap; height: 60px; padding: 30px 0 0 0; justify-content: flex-start; width: 100%; }
.membre-nom p{ margin: 0; font-size: 15px; line-height: 20px; width: 100%; }
.membre-nom::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 50px solid white;
    border-left: 50px solid transparent;
    border-top: 50px solid transparent;
    position: absolute;
    bottom: -1px;
    right: 0px;
    z-index: 5;
}
.membre-nom::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 50px solid #1953a0;
    border-left: 50px solid transparent;
    border-top: 50px solid transparent;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 2;
}
.membre-equipe:first-child{ margin-top: 10px; }
.membre-equipe:nth-child(2){ margin-top: 50px; }
.membre-equipe:nth-child(4){ margin-top: 40px; }
.membre-equipe:nth-child(5){ margin-top: 0px; }
/*
.membre-equipe:nth-last-child(2){ margin-top: -50px; z-index: 10; }
.membre-equipe:last-child{ margin-right: 50px; margin-top: -10px; }
*/
/* les membres */
.logos-membres{ justify-content: space-between; align-items: center; margin-top: 40px; }
.logos-membres img{ margin: 1.5rem 2.5% 1.5rem 2.5%; }
.logos-membres a{ display: block; }
h2.parole{
    font-size: 40px;
    margin: 100px 0 60px 0;
    padding: 0 0 0 124px;
    background: transparent url('gfx/deco3.svg') no-repeat 0 0 / 104px;
}
.liste-paroles{
    align-items: anchor-center;
}
.liste-paroles .item{
    position: relative;
}
.liste-paroles .item::after{
    content: " ";
    display: block;
    width: 100px;
    height: 1px;
    background:#1953a0;
    position: absolute;
    left: calc(50% - 50px);
    bottom: 80px;
}
.encart-parole{ 
    margin: 30px;
    padding: 90px 70px;
    position: relative;
    overflow:hidden;
    font-size: 16px;
    line-height: 26px;
    font-style: italic;
}
.encart-parole.encartnb1, .encart-parole.encartnb5, .encart-parole.encartnb9{ background-color:#d5f0e7;}
.encart-parole.encartnb2, .encart-parole.encartnb6, .encart-parole.encartnb10{ background-color:#f9e8e5; }
.encart-parole.encartnb3, .encart-parole.encartnb7, .encart-parole.encartnb11{ background-color:#e4ecf7; }
.encart-parole.encartnb4, .encart-parole.encartnb8, .encart-parole.encartnb12{ background-color:#f8efdd; }
.encart-parole::before {
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 80px solid white;
    border-left: 80px solid transparent;
    border-top: 80px solid transparent;
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 2;
}
.encart-parole::after {
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-bottom: 80px solid transparent;
    border-left: 80px solid white;
    border-right: 80px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
/* blocs mission */
.bloc-texteimage, .bloc-texte{ margin: 50px 0 80px 0; }
.bloc-texteimage .zone-image img{
    max-width: 85%;
    clip-path: polygon(20% 0%, 100% 0%, 100% 80%, 80% 100%, 0 100%, 0 20%);
    margin: 0 7.5%;
}
.bloc-texteimage.blocti2 .row, .bloc-texteimage.blocti4 .row, .bloc-texteimage.blocti6 .row, 
.bloc-texteimage.blocti8 .row, .bloc-texteimage.blocti10 .row, .bloc-texteimage.blocti12 .row{ flex-flow: row-reverse wrap; }
/**********************/
.zone-texte h2, .bloc-texteimage h2{
    color:#df6450;
    font-size: 40px;
    font-weight: 700;
    margin: 30px 0 30px 0;
    padding: 0 0 0 124px;
    background: transparent url(gfx/deco3.svg) no-repeat 0 0 / 104px;
}
.zone-texte h3{
    font-size: 24px;
    font-weight: 700;
    font-style: italic; 
    padding-bottom: 30px;
    margin: 30px 0;
    position: relative;
}
.zone-texte h3::after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 1px;
    background:#1953a0;
}
.zone-texte h4{
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0;
}
.zone-texte ul li{
    padding-left: 2rem;
    font-size: 17px;
    margin: 14px 0;
    background: transparent url('gfx/losange-mini.svg') no-repeat 0 6px / 14px;
}
.zone-texte ul { margin: 1rem 0 2rem 0; }
.zone-texte p{ font-size: 17px; line-height: 26px; margin: 1rem 0 1.5rem 0; }
.zone-texte a{ color:#1953a0; text-decoration: underline; }
.zone-texte a:hover{ color:#df6450; text-decoration: underline; }
.zone-texte img{ height: auto; }

/*1e ligne*/
.page-premiere-ligne .marge{ margin: 0 5%; }
.encart-document{
    margin: 1rem 5% 1rem 0;
    width: 35%; 
    padding: 1.5rem 6.5% 1.5rem 3.5%;
    position: relative;
}
.encart-document::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 32px solid white;
    border-right: 32px solid transparent;
    border-bottom: 32px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.encart-document a img{
    width: 30px;
    height: 24px;
    position: absolute;
    right: 14px;
    top: calc( 50% - 9px );
}
.encart-document.wvideo{
    width: 35%; 
    margin: 1rem 5% 1rem 0;
    padding: 2.5rem 5%;
}
.encart-document.wvideo::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 60px solid white;
    border-left: 60px solid transparent;
    border-top: 60px solid transparent;
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 2;
}
.encart-document.wvideo::before{
    border-width: 60px;
}
.encart-document.wvideo a img{
    top: auto;
    left: auto;
    bottom: 10px;
    right: 20px;
    z-index: 5;
}
.encart-document iframe{ aspect-ratio: 16/9; height: auto; }
.encart-document h4{ font-size: 15px; line-height: 20px; font-weight: 600; }
.encart-document.wvideo h4{ width: 90%; }
.encart-document.bggreen{ background-color: #d5f0e7; }
.encart-document.bgyellow{ background-color: #f8efdd; }
.encart-document.bgred{ background-color: #f9e8e5; }
.encart-document.bgblue{ background-color: #e4ecf7; }
.encart-organiser{
    margin: 3rem 0;
    background-color: #d5f0e7;
    padding: 3rem 10%;
}
.encart-organiser h3{
    font-size: 24px;
    color:#45a282;
    text-align: center;
    margin-bottom: 3rem;
}
.encart-organiser h3 span{ color:#df6450; }
.encart-organiser .btn-plateforme::before{ border-left: 16px solid #d5f0e7; }
.encart-organiser .btn-plateforme::after{ display:none }
.encart-organiser .btn-plateforme{
    background: #19559f url('gfx/document-blanc.svg') no-repeat 26px center / 28px;
    padding: 10px 40px 10px 80px;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    max-width: 240px;
    margin: 0 auto;
}
.encart-organiser .btn-plateforme:hover{
    background-color: #df6450;
    border-color: #df6450;
    color: white;
}
/*publications*/
.navigation.pagination h2{ display:none }
.navigation.pagination{ margin: 80px; }
.navigation.pagination .nav-links{ 
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.navigation.pagination .nav-links span{ 
    text-align: center;
    color: white;
    font-size: 22px; 
    line-height: 42px;
    font-weight: bold; 
    width: 52px;
    height: 42px;
    background: transparent url('gfx/losange-bleu-plein.svg') no-repeat center / 100%;
    display: block;
    margin: 0 4px;
}
.navigation.pagination .nav-links a.page-numbers{ 
    font-size: 22px; 
    line-height: 42px;
    font-weight: bold; 
    width: 52px;
    height: 42px;
    background: white;
    display: block;
    margin: 0 4px;
    text-align: center;
}
.navigation.pagination .nav-links a.page-numbers:hover{ text-decoration: none; color: #df6450; }
.navigation.pagination .nav-links a.page-numbers.next, 
.navigation.pagination .nav-links a.page-numbers.prev{ 
    overflow: hidden;
    text-indent: -3000px;
    width: 42px;
    height: 36px;
    background: transparent url('gfx/fleche-bleu.svg') no-repeat center / 100%;
}
.navigation.pagination .nav-links a.page-numbers.next:hover, 
.navigation.pagination .nav-links a.page-numbers.prev:hover{ opacity: .7; }
.navigation.pagination .nav-links a.page-numbers.prev{
    transform: rotate(180deg);
}
.publications article.actu .in-article{ margin-bottom: 140px; }
article.actu.newsletters .in-article img{ margin: 0 auto; box-shadow: 0 10px 40px rgba(0,0,0,.2);max-width: 60%; }
article.actu.newsletters .in-article{ padding-top: 164px; margin-bottom: 40px; }
article.actu.newsletters .in-article  .bloc-article{
    position: absolute;
    top: 60px;
    left: 96px;
    z-index: 2;
    margin: 0;
    color: #df6450;
}
article.actu.newsletters:first-child .in-article  .bloc-article{ color: white; }
article.actu.newsletters .in-article  .bloc-article p{ margin: 0; }
article.actu.newsletters:first-child .in-article::before{
    content: " ";
    position: absolute;
    top: 0;
    left: 34px;
    bottom: 0;
    right: 34px;
    z-index: 0;
    background:#df6450;
}
article.actu.newsletters:first-child .btn-orange::before{ display:none; }
article.actu.newsletters:nth-child(2) .in-article::before, 
article.actu.newsletters:nth-child(3) .in-article::before{
    content: " ";
    position: absolute;
    top: 0;
    left: 34px;
    bottom: 0;
    right: 34px;
    z-index: 0;
    background:#d5f0e7;
}
article.actu.newsletters:nth-child(2) .btn-orange::before, 
article.actu.newsletters:nth-child(3) .btn-orange::before {
    border-left: 16px solid #d5f0e7;
}
article.actu.newsletters .btn-orange{ background-color: white; }
article.actu.newsletters .btn-orange:hover{ background-color: #df6450; }
article.actu.newsletters .btn-decouvrir{
    position: absolute;
    left: 96px;
    top: 130px;
}
article.actu.newsletters .in-article > a::after{ top: -165px; }
article.actu.newsletters .in-article > a::before{ bottom: -65px; display:none; }
.toutes-publications article.actu.newsletters .in-article > a::before {
    bottom: -145px;
}
article.spannomargin-6.actu.newsletters .in-article img{ max-width: 100%; }
article.spannomargin-6.actu.newsletters .in-article .bloc-article{ left: 46px; }
article.spannomargin-6.actu.newsletters .btn-decouvrir{ left: 46px; }
article.actu.categoriepas.bg-green .bloc-article, 
article.actu.categoriepas.bg-yellow .bloc-article{ color:#1953a0; }
article.actu.post-publication.bg-green .in-article .btn-lire a, 
article.actu.post-publication.bg-yellow .in-article .btn-lire a{
    background: transparent url(gfx/bouton-vert.svg) no-repeat 75% 0 / contain;
    color:#399574;
}
article.actu.bg-yellow .in-article .btn-lire a::after, 
article.actu.bg-green .in-article .btn-lire a::after{ background:#399574; }
article.actu.categoriepas.post-publication.bg-green .in-article > a::before{
   background: transparent url(gfx/livres-vert.svg) no-repeat center / 100%;
   opacity: 1;
}
article.actu.categoriepas.post-publication.bg-yellow .in-article > a::before{
   opacity: .3;
}
#category .bandeau h1{ font-size: 60px; line-height: 60px; }
#category .bandeau h1 span{ font-size: 34px; line-height: 34px; }
#category .bandeau h1 span::after{ content: '/'; }
#category .bandeau h1 span:last-child:after{ content:''; }
/* single */
.ligneretour{
    margin-bottom: 1rem;
}
.fondvert{
    background:#399574;
    height: 410px;
    width: 100%;
    max-width: 85%;
    margin-top: 56px;
    clip-path: polygon(85% 0, 100% 20%, 100% 100%, 15% 100%, 0 80%, 0 0);
}
.fondvert::before{
    content: " ";
    border: 0;
    height: 196px;
    width: 148px;
    background: transparent url(gfx/livres.svg) no-repeat center / 100%;
    position: absolute;
    top: calc(50% - 98px);
    left: calc(50% - 74px);
    z-index: 3;
    opacity: .5;
}
.btn-blue.btn-retour{
    font-size: 14px;
    line-height: 44px;
    padding: 0 16px 0 46px;
    background: white url('gfx/fleche-bleu-retour.svg') no-repeat 16px center / 18px;
}
.btn-blue.btn-retour:hover{
    background: #19559f url('gfx/fleche-blanche-retour.svg') no-repeat 16px center / 18px;
}
.lesboutons.absolute.zone-texte{
    position: absolute;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: flex-start;
    left: 0;
    right: 15%;
    bottom: 5%;
    z-index: 5;
}

.zone-texte a.lien-publi{
    display: block;
    width: max-content; 
    margin: 1rem auto;
    background:#b0dbcc url('gfx/fleche-bleu.svg') no-repeat 95% center / 30px;
    line-height: 84px;
    padding: 0 90px 0 30px;
    position: relative;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: ease-in-out all .2s;
}
.zone-texte a.lien-publi::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 36px solid white;
    border-right: 36px solid transparent;
    border-bottom: 36px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.lesboutons.absolute.zone-texte a.lien-publi::before{
    border-left-color: #399574;
}
.avecimg .lesboutons.absolute.zone-texte a.lien-publi::before{
    border-left-color: #d5f0e7;
}
.lesboutons.absolute.zone-texte a.lien-publi{
    max-width: 100%;
    line-height: 24px;
    padding: 30px 90px 30px 30px;
    text-align: left;
    margin: 1rem 0 1rem 3px;
}
.zone-texte a.lien-publi:hover{
    background:#19559f url('gfx/fleche-blanche.svg') no-repeat 95% center / 30px;
    color: white; 
    transition: ease-in-out all .2s;
}
.publication-symposiums img.flex.center{ position: relative; z-index: 3; margin-top: 2rem; }
.publication-symposiums .fond-photo{ 
    /*position: absolute; 
    left: 6.25%; 
    top: 0; */
    z-index: 1;
    position: relative;
    left: auto;
    top: auto;
}
.publication-symposiums .sympoliens{
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 1rem;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}
.publication-symposiums .btn-blue.btn-retour{ margin-bottom: 3rem; }
.publication-symposiums .zone-texte a.lien-publi{
    margin: 1rem auto;
    width: 50%;
    line-height: 20px;
    padding-top: 24px;
    padding-bottom: 24px;
    min-height: 40px;
    display:flex;
    align-items: center;
    text-align: left;
}
.publication-symposiums .zone-texte a.lien-publi.lien-presse{
    background-color:#f8efdd;
}
.publication-symposiums .zone-texte a.lien-publi.lien-presse:hover{
    background-color:#399574;
}
.publication-symposiums .zone-texte a.lien-publi::before{ border-left-color: #d5f0e7; }
.galerie { margin: 3rem auto 12rem auto; }
.galerie a{ display: flex; }
.galerie a:hover img{ opacity: .9; transition: ease-in-out all .1s; }
.galerie img{ max-width: 32%; margin: .5rem .665%; transition: ease-in-out all .1s; }
.featherlight-next span, 
.featherlight-previous span{ border-color:#1953a0!important; color:#1953a0!important; }
.featherlight .featherlight-close-icon{ color:#1953a0!important; }
.publication-symposiums .titre-galerie{ margin-top: 3rem; }
.bandeau .date{ font-weight: 600; font-size: 18px; margin: 0; }
.publication-symposiums .bandeau h1{ margin-top: .5rem; }
.orateurs { margin: 6rem 0 9rem 0; }
.orateurs .spannomargin-8 svg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7.25%;
    right: 7.25%;
    z-index: 1;
}
.orateurs .spannomargin-8{ 
    min-height: 410px; 
    background: white url('gfx/livres-vert.svg') no-repeat center 92.5% / 80px; 
    margin-bottom: 100px;
}
.orateurs .spannomargin-8 .lorateur{ 
    position: relative; 
    z-index: 2; 
    margin: 0px 5% 0 5%; 
    padding: 60px 10% 60px 10%;
    min-height: 290px;
    border: 1px solid #a4bab1;
}
.orateurs .spannomargin-8 .lorateur::before {
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 84px solid white;
    border-right: 84px solid transparent;
    border-bottom: 84px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 3;
}
.orateurs .spannomargin-8 .lorateur::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 84px solid #a4bab1;
    border-right: 84px solid transparent;
    border-bottom: 84px solid transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.orateurs .spannomargin-8::before {
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 84px solid white;
    border-left: 84px solid transparent;
    border-top: 84px solid transparent;
    position: absolute;
    bottom: -1px;
    right: calc( 5% - 1px );
    z-index: 3;
}
.orateurs .spannomargin-8::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 84px solid #a4bab1;
    border-left: 84px solid transparent;
    border-top: 84px solid transparent;
    position: absolute;
    bottom: 0;
    right: 5%;
    z-index: 2;
}
.orateurs .spannomargin-8 img{
    border-radius: 100%;
    top: -40px;
    left: calc(50% - 45px);
    position: absolute;
    z-index: 4;
}
.orateurs h3{ text-align: center; font-size: 17px; font-weight: 600; line-height: 24px; margin-top: .5rem; }
.orateurs h4{ text-align: center; font-size: 15px; line-height: 22px; }
.lorateur .zone-texte a.lien-publi{
    width: calc(100% - 120px);
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.lorateur .zone-texte a.lien-publi::after, .lorateur .zone-texte a.lien-publi::before{ border-width: 24px; }
.publication-orateurs .bandeau h1, .publication-presse .bandeau h1{ margin: 6px 0 14px 0; }
.publication-orateurs .bandeau, .publication-presse .bandeau{ margin-bottom: 70px; }
.presse .spannomargin-8{ margin: 40px 0 60px 0; }
.article-presse{
    padding: 90px 10% 110px 10%;
    margin: 0 5% 0 5%;
    min-height: 200px;
}
.article-presse::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 84px solid white;
    border-right: 84px solid transparent;
    border-bottom: 84px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 3;
}
.article-presse::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-right: 84px solid white;
    border-left: 84px solid transparent;
    border-top: 84px solid transparent;
    position: absolute;
    bottom: -1px;
    right: calc( 5% - 1px );
    z-index: 3;
}
.article-presse h3{ font-size: 21px; font-weight: 600; line-height: 30px; }
.article-presse .btn-lire{
    position: absolute;
    bottom: 60px;
    left: 15%;
}
.article-presse .btn-lire a{
    background: transparent url(gfx/bouton-vert.svg) no-repeat 75% 0 / contain;
    color: #399574;
    width: 148px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 600;
    height: 44px;
    transition: ease-in-out all .1s;
}
.article-presse .btn-lire a::after {
    content: " ";
    width: 62%;
    height: 1px;
    background: #399574;
    position: absolute;
    left: 0;
    bottom: 13px;
}
.article-presse .btn-lire a:hover{ text-decoration: none; opacity: .75; transition: ease-in-out all .1s; }
/*documentation*/
article.actu.categoriepas.post-documentation .in-article > a::after{
    background-image: url(gfx/livres-blanc.svg);
}
article.actu.post-documentation.bg-blue .bloc-article{
    color:#1953a0;
}
article.actu.post-documentation.bg-orange .bloc-article{
    color:#df6450;
}
article.actu.post-documentation.bg-blue.categoriepas .bloc-article, 
article.actu.post-documentation.bg-orange.categoriepas .bloc-article{ color: white; }

/*espace membres*/
.espace-membres article.actu .bloc-article p.catname{
    font-size: 16px;
    margin:0;
}
.espace-membres article.actu .bloc-article p.date{
    margin: 0 0 6px 0;
    font-size: 14px;
    text-transform: uppercase;
}
.espace-membres article.actu .in-article .btn-lire a{ 
    background: transparent url(gfx/bouton-bleu.svg) no-repeat 75% 0 / contain; 
}
.espace-membres article.actu.categoriepas .in-article .btn-lire a{ 
    background: transparent url(gfx/bouton-vert.svg) no-repeat 75% 0 / contain;
    color: #399574;
}
.espace-membres article.actu.categoriepas .in-article .btn-lire a::after{ background-color: #399574; }
.espace-membres article.actu.e-sante .bloc-article{
    color:#1953a0;
}
.espace-membres article.actu.coordination .bloc-article{
    color:#df6450;
}
.espace-membres article.actu.coordination .in-article .btn-lire a{
    color:#df6450;
    background: transparent url(gfx/bouton-orange.svg) no-repeat 75% 0 / contain;
}
.espace-membres article.actu.coordination .in-article .btn-lire a::after{ background:#df6450; }
.page-inscription .hidden{
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.publications.espace-membres .actu.hidden{ 
    height: 0px; width: 0px; opacity: 0; overflow: hidden; transition: ease-in-out all .1s; 
}
.publications.espace-membres form{ display: flex; flex-flow: row wrap; position: relative; }
.publications.espace-membres form input[type="text"]{
    border-radius: 0px;
    line-height: 60px;
    color:#df6450;
    border-color:#df6450;
    padding: 0 24px;
    width: calc(75% - 50px);
    margin: 0;
    border-right: 0px;
}
.publications.espace-membres form::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 20px solid #df6450;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.publications.espace-membres form::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 20px solid white;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.publications.espace-membres form input[type="text"]::placeholder{
    color:#df6450;
    font-weight: 600;
}
.publications.espace-membres form input[type="submit"]{
    border-radius: 0px;
    line-height: 62px;
    height: 62px;
    background: white url('gfx/loupe.svg') no-repeat center / 45%;
    color:#df6450;
    border: 1px solid #df6450;
    width: calc(25% - 2px);
    border-left: 0px;
}
.publications.espace-membres select{
    border-radius: 0px;
    line-height: 60px;
    color:#1953a0;
    border-color:#1953a0;
    padding: 0 24px 0 58px;
    width: 95%;
    font-weight: 600;
    background: white url('gfx/filtrer.svg') no-repeat 14px center / 30px;
    margin: 0;
}
.publications.espace-membres .outselect::before{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 20px solid #1953a0;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.publications.espace-membres .outselect::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 20px solid white;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.publications.espace-membres .bandeau img{ max-width: 65%; margin: 0 17.5%; }
.bloc-connexion{
    border: 1px solid #1953a0;
    padding: 70px 10% 50px 10%;
}
.bloc-connexion::before {
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 90px solid #1953a0;
    border-right: 90px solid transparent;
    border-bottom: 90px solid transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.bloc-connexion::after {
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 90px solid #fff;
    border-right: 90px solid transparent;
    border-bottom: 90px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 3;
}
.lwa-username-label, .lwa-password-label{ text-align: right; }
.lwa-submit-links > a, .lwa-submit-links > .lwa-rememberme{ margin-left: 2rem; }
.lwa-submit-links > a.lwa-links-register{ font-weight: 700; }
.bloc-connexion .lwa table td.lwa-username-label{ width: 40%; }
.bloc-connexion .lwa input[type="submit"]{
    background-position: 90% center;
}
.lwa-submit-links > a{ display: inline-block; margin: .5rem 0 .5rem 2rem; width: max-content; }
.lwa-submit-links > br{ display:none}
.lwa-submit-button, p.submit{ position: relative; }
.lwa-submit-button::after{
    content: " ";
    width: 0px;
    height: 0px;
    background: transparent;
    border-left: 30px solid #fff;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 3;
}
.lwa-register.lwa-modal{
    width: 40%;
    left: 25%;
    margin-left: 0;
    border-radius: 0;
    padding: 70px 5%;
    margin-bottom: 5rem;
    background: white url('gfx/deco1.svg') no-repeat 20% -1rem / 20%;
}
.lwa-register.lwa-modal h4, .lwa-register.lwa-modal h2{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 2rem auto;
}
.lwa-register.lwa-modal .acf-fields{ width: 100%; display: flex; flex-flow: row wrap; }
.lwa-register.lwa-modal .acf-label, 
.lwa-register.lwa-modal .acf-input{ padding: 0 1rem; }
.lwa-register.lwa-modal .acf-input select{ width: 100%; }
.lwa-modal{ z-index: 10001; }
.lwa-modal-bg{ z-index: 10000; }
header.head-membres, header.head-membres.fixe{
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    background: #d5f0e7;
    height: 180px;
    margin-bottom: 3rem;
}
.page-membres.page-inscription main.fixe{ padding: 0; }
header.head-membres .row.middle{    height: 180px; }
header.head-membres h1{ font-weight: 300; text-transform: uppercase; font-size: 24px; position: relative; }
header.head-membres::before{
    left: auto;
    right: 27.5%;
    transform: none;
    bottom: -1rem;
    top: auto;
}
header.head-membres::after{ display: none; }
header.head-membres h1::before{
    content: " ";
    background: transparent url('gfx/losange-jaune.svg') no-repeat center;
    width: 64px;
    height: 64px;
    position: absolute;
    left: -44px;
    top: -14px;
}
.lwa-register-form p.submit{ width: 50%; margin-left: 25%; }
.lwa-register-form p.submit input[type="submit"]{ background-position: 90% center; }

.conteneur.publications.newsletters .form-newsletter{
    margin: 2.5rem 0;
}
.conteneur.publications.newsletters .bandeau{ margin-bottom: 180px; }

.form-newsletter p.legal-mailchimp{ font-size: 10px; line-height: 12px; margin: 0; background: rgba(255,255,255,.5); }
.form-newsletter p.legal-mailchimp a{ text-decoration: underline; }
.form-newsletter .wpcf7-not-valid-tip {
    color: red;
    font-size: 14px;
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: max-content;
    background: white;
}


/**/
@media (min-width: 2px) and (max-width: 767px){
    .conteneur{ width: 100%; overflow-x: hidden; }
    .mille{ width: 100%; }
    header { height: 152px; }
    header.fixe{ position: relative; top: auto; left: auto; right: auto; height: 152px; }
    header::before, header::after{ display: none; }
    main.fixe{ padding: 0; }
    .header1, .header2 .span-4{ display: none; }
    .header2 .span-2{ width: 5%; }
    .header2 .span-3{ width: 65%; }
    .header2 .span-7{ width: 30%; }
    .header2{
        height: 152px; 
        background: white;
    }
    .menu-toggle{
        width: 100%;
        padding: 0 15% 0 40%;
        background: transparent;
        border:0;
        display: flex;
        text-align: center;
    }
    .menu-toggle img{ display: flex; }
    #site-navigation, .menu-menu-mobile-container{ display: flex; width: 100%; }
    .menu-menu-mobile-container{ position: relative;; }
    .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover{
        text-decoration: none;
    }
    .nav-menu{ 
        display: none; 
        padding: 2rem 0; 
        margin:0; 
        z-index: 10001; 
        width: 333.33%;
        position: absolute;
        right: 0;
        top: 1rem;
        background: white;
     }
    .nav-menu.toggled-on{ display: flex; }
    nav ul{
        flex-direction: column;
    }
    nav > div > ul > li, 
    nav > div > ul > li > ul > li, 
    nav > div > ul > li:nth-child(2) > ul > li{
        list-style-type: none;
        display: flex;
        width: 80%;
        flex-flow: column wrap;
        text-align: left;
        justify-content: flex-start;
        align-items: flex-start;
        transition: ease-in-out all 0.1s;
        margin: .75rem 10%;
    }
    nav > div > ul > li{
        border-bottom: 1px solid #df6450;
        margin: 0 10% .5rem 10%;
        padding: .5rem 0 1rem 0;
    }
    nav > div > ul > li.menu-item-has-children::after{
        content: " ";
        background: transparent url('gfx/fleche-bleu.svg') no-repeat center / 100%;
        width: 20px;
        height: 14px;
        position: absolute;
        top: 10px;
        right: 0%;
    }
    nav > div > ul > li.menu-item-has-children:hover::after, 
    nav > div > ul > li.menu-item-has-children:focus::after{
        transform: rotate(90deg);
    }
    nav > div > ul > li > ul > li > ul > li, 
    nav > div > ul > li > ul > li > ul > li > ul > li, 
    nav > div > ul > li:nth-child(4) > ul > li{
        display: flex;
        flex-flow: column wrap;
        width: 90%;
        padding: 0 0 0 10%;
        margin: 0;
        text-align: left;
    }
    nav ul li a{
        font-size: 18px;
        font-weight: 500;
        display: block;
        background: transparent;
        text-decoration: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    nav > div > ul > li > ul > li > a{
        font-size: 18px;
        font-weight: 400;
    }
    nav > div > ul > li:nth-child(3) > ul > li > a{ display: flex; color:#df6450; }
    nav > div > ul > li:first-child > ul > li > ul > li > a, 
    nav > div > ul > li:nth-child(3) > ul > li > ul > li > a, 
    nav > div > ul > li:nth-child(4) > ul > li > a,
    nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a{
        padding: 0;
        line-height: normal;
        border: 0;
        color:#df6450;
        margin: .25rem 0;
        font-size: 17px;
        font-weight: 400;
        background: transparent;
        text-transform: none;
    }
 
    nav > div > ul > li > ul, 
    nav > div > ul > li:first-child > ul, 
    nav > div > ul > li:nth-child(2) > ul, 
    nav > div > ul > li:nth-child(3) > ul{
        margin:0;
        width: 100%;
        min-width: 100%;
        border: 0;
        left: auto;
        top: auto;
        padding: 0;
        flex-flow: column wrap;
        position: relative;
        /*display: flex!important;*/
    }
    nav > div > ul > li > ul > li > a{
        margin: 0;
    }
    nav > div > ul > li > ul > li > ul, nav > div > ul > li > ul > li > ul > li > ul{
        flex-flow: column wrap;
    }
    nav > div > ul > li:first-child > ul > li > ul > li > a::before, 
    nav > div > ul > li:nth-child(3) > ul > li > ul > li > a::before, 
    nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a::before, 
    nav > div > ul > li:first-child > ul > li > ul > li > a::after, 
    nav > div > ul > li:nth-child(3) > ul > li > ul > li > a::after, 
    nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a::after{ display:none; }
    nav > div > ul > li:nth-child(2) > ul > li:nth-child(2){
        background: transparent;
        padding: 0;
    }
    nav > div > ul > li > ul > li > ul > li > ul > li > a{
        padding: 0;
        line-height: normal;
        border: 0;
        color:#969797;
        margin: .25rem 0;
        font-size: 17px;
        font-weight: 400;
        background: transparent;
        text-transform: none;
        font-style: italic;
    }
  
    nav > div > ul > li:nth-last-child(4){ border: 0px; }
    nav > div > ul > li:nth-last-child(4) a{ font-weight: 700; }
    nav > div > ul > li:nth-last-child(2), 
    nav > div > ul > li:nth-last-child(3){
        width: 100%;
        margin: 0;
        padding: 1rem 10% 1rem 10%;
        border: 0px;
    }
    nav > div > ul > li:nth-last-child(3){
        background:#df6450 url('gfx/elearning-blanc.svg') no-repeat 10% center / 32px;
    }
    nav > div > ul > li:nth-last-child(2){
        background:#d5f0e7 url('gfx/compte.svg') no-repeat 10% center / 22px;
    }
    nav > div > ul > li:nth-last-child(2) > a, 
    nav > div > ul > li:nth-last-child(3) a{
        font-weight: 400;
        text-transform: none;
        padding-left: 12%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    nav > div > ul > li:nth-last-child(3) a{ color: white; }
    nav > div > ul > li:last-child{ 
        border: 0px;
        padding: 2rem 10% 2rem 10%;
        margin: 0 0 .5rem 0;
        background: transparent url('gfx/deco2.svg') no-repeat left -32px / 160px;
        text-align: center;
    }
    nav > div > ul > li:last-child > a{
        width: 64px;
        height: 56px;
        background: transparent url('gfx/losange-bleu.svg') no-repeat center;
        overflow: hidden;
        text-indent: -3000px;
        position: relative;
        margin: 0 auto;
        transform: translateX(1rem);
    }
    nav > div > ul > li:last-child > a::after{
        content: " ";
        background: transparent url('gfx/linkedin.svg') no-repeat center / 100%;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 22px;
        top: 16px;
    }
    nav > div > ul > li:hover::before, nav > div > ul > .current-menu-ancestor::before{ display: none; }
    .actus-home{ width: 80%; padding: 0 10%; margin: 0 0 1rem 0; }
    .actus-home h2{ 
        font-size: 46px; 
        width: 100%; 
        padding: 0; 
        background-size: 100px; 
        line-height: 80px; 
        margin-bottom: 20px; 
    }
    .btn-blue{ font-size: 14px; max-width: 100%; width: calc( 100% - 2px ); padding: 0; background-size: 18px; }
    .actus-home .btn-blue{ margin-bottom: 20px; }
    .swipermobile1{ padding-bottom: 3rem; }
    .swiper-pagination-mobile1{ display: flex; flex-flow:row wrap; justify-content: center; }
    article.actu .in-article{ padding: 0 0 64px 0; width: 100%; }
    .bandeauhome .out-h1 h1{ font-size: 22px; line-height: 30px; margin: 0 5%; text-align: center; background-size: 140px; }
    .bandeauhome .out-h1{ bottom: 15%; }
    .home-schema{ 
        max-width: 80%;
        margin: -8rem 10% 0 10%; 
    }
    .bandeauhome::after {
        right: 0;
        top: 60px;
        bottom: -40px;
        left: 0;
    }
    .bandeauhome{ margin: 0 0 3rem 0; }
    .bandeauhome > .spannomargin-7{ width: 80%; padding: 0 10%; }
    .bandeauhome .swiper h3 {
        font-size: 44px;
        line-height: 38px;
        margin: 0 0 30px 0;
    }
    .bandeauhome .swiper p { font-size: 13px; }
    .bandeauhome .btn-blue{ padding: 0; }
    .bandeauhome::before{ border-width: 80px; }
    .titre-documentation h2{ font-size: 26px; margin: 2rem auto; }
    .titre-documentation img.citoyens{ width: 52px; margin-right: 1rem; }
    .titre-documentation img.deco{ 
        width: 160px;
        position: absolute; 
        margin: 0;
        left: -10%;
        bottom: -70px;
    }
    .in-documentation{ top: 66px; bottom: auto; flex-flow: column wrap; }
    .documentation svg{ position: relative; left: auto; top: auto; bottom: auto; right: auto; width: 120%; margin-left: -10%; }
    .in-docu-svg {
        left: 10%;
        top: 50px;
        bottom: 0;
        right: 10%;
    }
    .in-docu-svg h3 {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 1rem;
    }
    .in-docu-svg p {
        font-size: 14px;
        line-height: 20px;
    }
    .home-menu li ul li a{ font-size: 10px; }
    .newsletter{ 
        height: auto; 
        margin-top: 260px; 
        width: 80%; 
        padding: 0 10% 3rem 10%; 
        position: relative; 
        z-index: 10; 
        background-size: 50%;
    }
    .newsletter .btn-newsletter{ margin: 8rem 0 6rem 0; background-color: #df6450; }
    .newsletter .bgnewsletter{ background-position: center center; }
    .newsletter h2 { font-size: 34px; line-height: 34px; }
    .newsletter p {
        font-size: 14px;
        line-height: 22px;
        margin: 1rem 0 1rem 0;
    }
    .partenaires-titre { margin-top: 40px; width: 80%; padding: 0 10%; }
    .partenaires-titre h2 { font-size: 46px; line-height: 40px; margin-left: 0 }
    .partenaires-titre h2 span{ margin-bottom: -14px; }
    .btn-plateforme{ max-width: 100%; }
    footer .btn-plateforme{ margin-left: 0; margin-bottom: 3rem; }
    .swiper-partenaires .swiper-wrapper{ align-items: center; }
    .partenaires{ margin: 2rem 0 0 0; }
    footer .fdvert .bloc-blanc svg{ top: -2rem; left: 0; right: 0; width: 100%; }
    footer .fdvert > * { padding: 2rem 10% 1rem 10%; width: 80%; }
    footer {  margin-top: 4rem; }
    footer .fdvert .in-fd-blanc{ width: 80%; padding: 0 10%; }
    footer .fdvert::after{ left: 0; top: 12rem; }
    .btn-contact{ margin: 1rem auto; }
    footer .btn-orange{ margin: 0; }
    .btn-plateforme {
        font-size: 12px;
        padding: 0 55px 0 28px;
    }
    .btn-orange{ font-size: 12px; background-color: white; }
    footer .fdvert::before{ border-width: 80px; }
    .menu-pied-de-page-container{ margin: 1rem 5%; width: 90%; }
    .footer-menu li{ line-height: 16px; }
    footer p.soutien{ text-align: center; justify-content: center; margin: 0 auto; }
    footer p.soutien img{ margin: .5rem 1rem; }

    .bandeau svg{ display: none; }
    .bandeau{
        background-color:#ebf8f4;
        margin-bottom: 5rem;
    }
    .in-bandeau{ 
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        width: 80%;
        margin: 0 10%;
    }
    .bandeau::before{
        content: " ";
        width: 0px;
        height: 0px;
        background: transparent;
        border-left: 60px solid white;
        border-right: 60px solid transparent;
        border-bottom: 60px solid transparent;
        position: absolute;
        top: -1px;
        left: -1px;
        z-index: 2;
    }
    .bandeau .intro p { font-size: 15px; }
    .bandeau .in-bandeau img{ display: flex; max-width: 100%; margin: 1rem auto 0 auto; }
    .in-bandeau::after{ width: 33.333%; left: 33.33333%; bottom: -5rem; }
    .bloc-texteimage, .bloc-texte {
        margin: 2rem 0 2rem 0;
        width: 80%;
        padding: 0 10%;
    }
    .zone-texte p{
        font-size: 15px;
        line-height: 22px;
    }
    .zone-texte h3 { font-size: 20px; }
    .zone-texte ul li { font-size: 15px; }
    .zone-texte h2, .bloc-texteimage h2, h2.parole {
        font-size: 26px;
        margin: 1rem 0 2rem 0;
        padding: 3.5rem 0 0 0;
        background-position: center top;
        text-align: center;
    }
    .bloc-texteimage .zone-image img {
        max-width: 100%;
        margin: 2rem auto 0 auto;
    }
    .page-membres .spannomargin-16.zone-texte, 
    .logos-membres, 
    .page-simple .spannomargin-16.zone-texte, 
    .page-simple .spannomargin-8.zone-texte{ 
        width: 80%;
        padding: 0 10%;
    }
    .logos-membres img, .logos-membres a{ max-width: 32%; margin: 1rem 0.333%; }
    .logos-membres a img{ max-width: 100%; margin: 0; }
    .encart-parole {
        margin: 20px 10%;
        padding: 40px 30px;
        font-size: 14px;
        line-height: 22px;
    }
    .encart-parole::before, .encart-parole::after{ border-width: 50px; }
    .liste-paroles .item::after{ bottom: 50px; }
    .membre-equipe, 
    .membre-equipe:nth-child(2), 
    .membre-equipe:nth-child(3), 
    .membre-equipe:nth-child(4), 
    .membre-equipe:nth-child(5), 
    .membre-equipe:nth-child(6), 
    .membre-equipe:last-child{ max-width: 240px; margin: 1rem auto; }
    .equipe.row::before, .equipe.row::after{ display: none; }
    #category .bandeau h1{
        font-size: 34px;
        line-height: 34px;
    }
    .bandeau h1 {
        font-size: 26px;
        line-height: 30px;
    }
    article.actu{ width: 80%; padding: 0 10%; }
    .publications article.actu .in-article{ margin-bottom: 5rem; }
    .bandeau p.bread { margin: 44px 0 20px 0; font-size: 10px; }
    .btn-blue.btn-retour{ width: max-content; margin: 0 10% 1rem auto; }
    .zone-texte a.lien-publi {
        margin: 1rem auto;
        line-height: 24px;
        padding: 20px 90px 20px 30px;
        font-size: 12px;
    }
    .lesboutons.absolute.zone-texte a.lien-publi{
        max-width: 100%;
        line-height: 16px;
        padding: 20px 90px 20px 30px;
        text-align: left;
        margin: .5rem 0 .5rem 3px;
    }
    article.actu.categoriepas .in-article > a::after, 
    article.actu.categoriepas.post-publication .in-article > a::before, 
    .espace-membres article.actu.categoriepas .in-article > a::after{
        height: 116px;
        width: 78px;
    }
    .fondvert {
        background: #399574;
        height: 340px;
        width: 100%;
        max-width: 100%;
        margin-top: 2rem;
    }
    .presse .spannomargin-8 { margin: 1rem 0 2rem 0; }
    .article-presse{
        padding: 60px 10% 110px 10%;
        margin: 0 10% 0 10%;
        min-height: 160px;
    }
    .article-presse h3{ font-size: 18px; line-height: 26px; }
    .galerie{
        margin: 1rem 5% 3rem 5%;
        width: 90%;
    }
    .orateurs .spannomargin-8{ margin-bottom: 3rem; }
    article.actu.categoriepas .bloc-article h3, 
    article.actu .bloc-article h3 {
        font-size: 16px;
        line-height: 24px;
    }
    article.actu.categoriepas .bloc-article{ top: 20%; left: 15%; right: 15%; }
    article.actu.newsletters .in-article{ padding: 100px 0 2rem 0; }
    article.actu.newsletters .in-article .bloc-article { top: 14px; }
    article.actu.newsletters .btn-decouvrir{ top: 82px; }
    .toutes-publications article.actu.newsletters .in-article > a::before, 
    .toutes-publications article.actu.newsletters .in-article > a::after{ display: none; }
    .page-premiere-ligne .marge{ margin: 0 10%; }
    .encart-organiser h3 { font-size: 20px; }
    .encart-organiser .btn-plateforme{
        padding: 10px 20px 10px 50px;
        background-position: 10px center;
        font-size: 12px;
        max-width: 70%;
    }
    .encart-document{
        margin: 1rem 5% 1rem 5%;
        width: 70%;
        padding: 1.5rem 13.5% 1.5rem 6.5%;
    }
    .encart-document.wvideo {
        margin: 1rem 5% 1rem 5%;
        width: 70%;
        padding: 2.5rem 10% 1.5rem 10%;
    }
    .page-contact .wpcf7{ width: 80%; padding: 0 10%; }
    input[type="text"], input[type="email"], 
    input[type="tel"], input[type="number"], input[type="password"], 
    select, textarea{
        font-size: 15px;
    }
    input[type="submit"], input[type="submit"]:hover{ background-position: 90% center; }
    .page-contact .zone-texte{
        margin-top: 3rem;
        padding: 0 10% 6rem 10%;
        width: 80%;
    }
    header.head-membres, 
    header.head-membres.fixe{
        width: 80%;
        padding: 1rem 10%;
        height: 120px;
    }
    header.head-membres h1{ font-size: 16px; }
    header.head-membres .row.middle{ height: 120px; }
    header.head-membres h1::before{ left: -24px; top: -4px; }
    .bloc-connexion::before, .bloc-connexion::after{ border-width: 60px; }
    .bloc-connexion{
        border: 1px solid #1953a0;
        padding: 40px 5% 30px 5%;
    }
    .bloc-connexion .lwa label{ font-size: 12px; }
    .lwa-submit-links > a{ font-size: 14px; }
    .bloc-connexion .lwa input[type="submit"], 
    .lwa-register-form p.submit input[type="submit"]{
        font-size: 12px;
        background-size: 12px;
    }
    .lwa-register.lwa-modal{ width: 80%; left: 5%; padding: 2rem 5%; }
    .lwa-modal h4, .lwa-modal p, .lwa-modal label{ font-size: 12px; }
    .lwa-register.lwa-modal h4, .lwa-register.lwa-modal h2{ margin: 1rem auto; }
    .publications.espace-membres .bandeau p{ font-size: 14px; margin: 3rem 10% 0 10%; width: 80%; }
    .publications.espace-membres .bandeau p a{ font-weight: 600; }
    .publications.espace-membres .bandeau img{ max-width: 25%; margin: 1rem 37.5%; }
    .publications.espace-membres .bandeau .spannomargin-5{ width: 80%; margin: 0 10% 1rem 10%; }
    .publications.espace-membres select{ width: 99%; }
    .publications.espace-membres .outselect::after, 
    .publications.espace-membres form::after{  border-left: 20px solid #ebf8f4; }

    #category .bandeau h1 span {
        font-size: 24px;
        line-height: 24px;
    }
    .form-newsletter input[type="submit"]{ margin-top: 1rem; }



}
/**/
@media (min-width: 768px) and (max-width: 1023px){
    .header1 .span-2{ width: 30%; }
    .header1 .span-14{ width: 70%; }
    .header2 .span-2{ width: 0; }
    .header2 .span-3{ width: 20%; margin-left: 2.5%; margin-right: 2.5%; }
    .header2 .span-7{ width: 70%; }
    .header2 .span-4{ width: 45%; margin-left: 55%; }
    nav ul li a{ font-size: 11px; }
    a.lien-plateforme, a.espace-membre{ font-size: 12px; }
    header::before{ top: -60px; }
    header::after{ top: -66px; }
    .header2{ background-size: 42px; background-position: right top; }
    span.autour-plateforme::after, span.autour-plateforme::before{ display: none; }
    span.autour-plateforme{ width: 70%; }
    header.fixe {
        background-color: white;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        height: 192px;
    }
    main.fixe{ padding-top: 0;  }
    nav > div > ul > li:nth-child(2) > ul { width: 674px; }
    nav > div > ul > li:nth-child(2) > ul > li:nth-child(2){ background-size: 70px; }
    .actus-home h2 { font-size: 70px; line-height: 100px; margin: 0 0 60px 0; }
    .btn-blue{
        font-size: 14px;
        line-height: 48px;
        padding: 0 28px 0 10px;
        background-size: 14px;
    }
    .actus-home .btn-blue { margin-bottom: 50px; }
    article.actu .in-article {
        padding: 0 14px;
        width: calc(100% - 28px);
        padding-bottom: 64px;
    }
    article.actu .bloc-article { margin-top: 1rem; }
    article.actu .bloc-article h3 {
        font-size: 16px;
        line-height: 24px;
    }
    article.actu.categoriepas .bloc-article h3 {
        font-size: 16px;
        line-height: 24px;
    }
    article.actu.categoriepas .bloc-article{ top: 15%; }
    article.actu.post-post .in-article > a::after, 
    article.actu.post-publication .in-article > a::after, 
    article.actu.post-documentation .in-article > a::after, 
    .espace-membres article.actu .in-article > a::after,
    article.actu.post-post .in-article > a::before, 
    article.actu.post-publication .in-article > a::before, 
    article.actu.post-documentation .in-article > a::before, 
    .espace-membres article.actu .in-article > a::before{ border-width: 50px; }
    .bandeauhome .out-h1 h1 {
        margin: 0 20%;
        font-size: 18px;
        line-height: 34px;
    }
    .bandeauhome .swiper h3 {
        font-size: 40px;
        line-height: 38px;
        margin: 0 0 30px 0;
    }
    .bandeauhome .swiper p { font-size: 12px; }
    .bandeauhome { margin: 0 0 100px 0; }
    .titre-documentation img.deco{ max-width:20%; }
    .titre-documentation img.citoyens{ max-width:10%; margin-right: 2rem; }
    .titre-documentation h2{ font-size: 40px; margin-bottom: -42px; }
    .in-documentation{ top: 76px; }
    .in-documentation .spannomargin-2, .in-documentation .spannomargin-4{ width: 3%; }
    .in-documentation .spannomargin-8{ width: 45%; }
    .in-docu-svg h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 1rem;
    }
    .in-docu-svg {
        left: 40px;
        top: 30px;
        right: 40px;
    }
    .in-docu-svg p {
        font-size: 12px;
        line-height: 18px;
    }
    .home-menu li ul li a{
        line-height: 46px;
        padding: 0 24px 0 8px;
        margin: 0px 2px 12px 0;
        font-size: 12px;
        background-position: 98% center;
    }
    .home-menu > li > a{ font-size: 14px; }
    .newsletter h2 {
        font-size: 32px;
        line-height: 30px;
    }
    .newsletter p {
        font-size: 16px;
        line-height: 24px;
    }
    .btn-orange{ font-size: 14px; }
    .partenaires-titre { margin-top: 60px; }
    .partenaires-titre h2 {
        font-size: 60px;
        line-height: 110px;
        margin: 0 0 40px 3rem;
    }
    footer { margin-top: 60px; }
    footer .fdvert > *{ padding: 80px 0 42px 0; }
    footer .fdvert .bloc-blanc svg{ top: 0; }
    .btn-contact{ font-size: 14px; line-height: 14px; margin: 1rem 0; }
    footer a.email, footer p.adresse{ font-size: 12px; line-height: 14px; }
    .btn-plateforme{ font-size: 14px; }
    footer .btn-orange { margin: 0 0 0 -32px; }
    .menu-pied-de-page-container{ margin: 1rem 0; }
    footer p.soutien { font-size: 10px; margin-top: 1rem; text-align: center; justify-content: center; }
    .bandeau svg{ display: none; }
    .bandeau {
        background-color: #ebf8f4;
        margin-bottom: 5rem;
    }
    .bandeau::before {
        content: " ";
        width: 0px;
        height: 0px;
        background: transparent;
        border-left: 60px solid white;
        border-right: 60px solid transparent;
        border-bottom: 60px solid transparent;
        position: absolute;
        top: -1px;
        left: -1px;
        z-index: 2;
    }
    .in-bandeau {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        width: 80%;
        margin: 0 10%;
    }
    .bandeau p.bread {
        margin: 44px 0 20px 0;
    }
    .bandeau h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .bandeau .in-bandeau img{ max-width: 100%; }
    .bandeau .intro p{ font-size: 12px; line-height: 18px; }
    .in-bandeau::after{ width: 104px; }
    .zone-texte h2, .bloc-texteimage h2{ font-size: 32px; }
    .zone-texte p, .zone-texte ul li {
        font-size: 14px;
        line-height: 22px;
    }
    .zone-texte h3 { font-size: 20px }
    .bloc-texteimage, .bloc-texte { margin: 40px 0 60px 0; }
    .liste-paroles .item{ width: 100%; }
    .membre-nom p {
        font-size: 10px;
        line-height: 14px;
    }
    nav > div > ul > li:first-child > ul > li > ul > li > a, 
    nav > div > ul > li:nth-child(3) > ul > li > ul > li > a, 
    nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a{
        line-height: 46px;
        padding: 0 28px 0 8px;
        margin: 0 6px 12px 0;
        font-size: 12px;
        background-position: 98% center;
    }
    .fondvert {
        height: 220px;
        width: 100%;
        max-width: 100%;
    }
    .fondvert::before{ width: 88px; left: calc( 50% - 44px ) }
    .publication-symposiums img.flex.center{ max-width: 65%; }
    .orateurs h3{ font-size: 14px; }
    .orateurs h4{ font-size: 12px; }
    .zone-texte a.lien-publi{
        padding: 0 60px 0 30px;
        background-size: 24px;
    }
    .publication-symposiums .zone-texte a.lien-publi{
        width: 75%;
        padding-top: 12px;
        padding-bottom: 12px;
        margin: .5rem 0 .5rem 1rem;
    }
    .lesboutons.absolute.zone-texte a.lien-publi{
        max-width: 100%;
        line-height: 16px;
        padding: 20px 90px 20px 30px;
        text-align: left;
        margin: .5rem 0 .5rem 3px;
    }
    .lorateur .zone-texte a.lien-publi{ width: calc(100% - 70px); padding-right: 40px; font-size: 11px; line-height: 14px; }
    .article-presse h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .article-presse{ min-height: 160px; }
    .article-presse .btn-lire{ bottom: 40px; }
    article.actu.newsletters .btn-decouvrir{ left: 25%; }
    .encart-document h4 {
        font-size: 12px;
        line-height: 16px;
    }
    .encart-document a img{ width: 18px; right: 6px; }
    .encart-organiser .btn-plateforme{ font-size: 12px; max-width: 160px; }
    input[type="submit"]{ background-position: 90% center; }
    .publications.espace-membres .bandeau p{ font-size: 14px; margin: 2rem 0 2rem 20%; }
    .publications.espace-membres .bandeau{ align-items: center; }
    .publications article.actu .in-article { margin-bottom: 60px; }
    article.actu.categoriepas .in-article > a::after, 
    article.actu.categoriepas.post-publication .in-article > a::before, 
    .espace-membres article.actu.categoriepas .in-article > a::after{
        height: 136px;
        width: 88px;
    }
    header.head-membres h1{ font-size: 16px; }
    .bloc-connexion{ 
        padding: 70px 5% 50px 5%;
        width: 150%;
        margin-left: -25%;
    }
    .bloc-connexion::after, .bloc-connexion::before{ left: -25%; }
    .lwa-register.lwa-modal{ width: 80%; left: 5%; }
    #category .bandeau h1 {
        font-size: 40px;
        line-height: 40px;
    }
    #category .bandeau h1 span {
        font-size: 24px;
        line-height: 24px;
    }
    #home .newsletter{ margin-top: 60px; }
    .form-newsletter input[type="text"], 
    .form-newsletter input[type="email"], 
    .form-newsletter input[type="tel"], 
    .form-newsletter input[type="number"]{ padding: 0 .5rem; width: calc(100% - 1rem - 2px); }
    .newsletter p.legal-mailchimp{ font-size: 8px; }


}
/**/
@media (min-width: 1024px) and (max-width: 1279px) {
    
    nav ul li a{
        font-size: 10px;
        line-height: 20px;
        font-weight: 500;
        padding: 16px 6px;
    }
    a.lien-plateforme {
        font-size: 10px;
        font-weight: 500;
        width: 100%;
        padding: 8px 0;
        margin: 0;
        line-height: 12px;
        clip-path: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0% 50%);
    }
    a.lien-plateforme b{ display: block; }
    a.espace-membre {
        font-size: 10px;
        width: 90%;
        padding: 0 0 0 10%;
        margin: 0;
        line-height: 34px;
        background: #d5f0e7 url(gfx/compte.svg) no-repeat 10px center / 12px;
    }
    a.lien-linkedin { width: 44px; height: 40px; }
    .lien-linkedin img { width: 14px; }
    header{ height: 132px; }
    .header1 { height: 40px; }
    .header2 { height: 68px; background-size: 38px; }
    header::after{ width: 124px; }
    header::before, header.fixe::before {
        width: 114px;
        height: 84px;
        left: 6px;
        top: -10px;
    }
    span.autour-plateforme::after {
        left: 14px;
        top: -28px;
        width: 34px;
        height: 34px;
    }
    span.autour-plateforme::before {
        left: 22px;
        top: -22px;
        width: 20px;
        height: 24px;
    }
    header.fixe{ height: 102px; }
    header.fixe .header2 { margin-top: -20px; }
    header.fixe a.espace-membre{ margin-left: 0; }
    nav > div > ul > li > ul {
        top: 50px;
        min-width: 200%;
        padding: 16px 26px 20px 26px;
    }
    nav > div > ul > li > ul > li > a { font-size: 14px; margin: 0 0 1rem 0; }
    nav > div > ul > li:first-child > ul > li > ul > li > a, 
    nav > div > ul > li:nth-child(3) > ul > li > ul > li > a,  
    nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a {
        line-height: 36px;
        padding: 0 48px 0 18px;
        margin: 0 6px 8px 0;
        font-size: 10px;
    }
    nav > div > ul > li:first-child > ul { width: 270px; left: -125px; }
    nav > div > ul > li:nth-child(3) > ul { width: 340px; left: -150px; }
    nav > div > ul > li:nth-child(2) > ul { width: 704px; left: -240px; }
    nav > div > ul > li:nth-child(2) > ul > li:nth-child(2){ background-size: 70px; }
    nav > div > ul > li:nth-child(2) > ul > li > ul > li > a { margin: 0 0 .5rem 0; font-size: 14px; }
    main.fixe { padding-top: 132px; }
    footer .fdvert > * {
        padding: 60px 0 42px 0;
    }
    footer .fdvert .bloc-blanc svg {
        left: -30px;
        top: -80px;
        right: -30px;
    }
    .btn-contact {
        font-size: 12px;
        padding: 0 34px 0 0;
        background: transparent url(gfx/fleche-orange.svg) no-repeat 100% center / 18px;
        margin: 20px 0;
    }
    footer a.email, footer p.adresse {
        font-size: 10px;
        line-height: 14px;
    } 
    .btn-orange, .btn-plateforme, .btn-orange:hover, .btn-plateforme:hover{
        font-size: 12px;
        font-weight: 600;
        line-height: 44px;
        padding: 0 60px 0 18px;
        background-size: 24px;
    }
    footer .btn-orange { margin: 0 0 0 -32px; }
    footer .btn-plateforme { margin-left: 20%; margin-bottom: 70px; }
    footer .fdvert::before {
        border-right: 80px solid white;
        border-left: 80px solid transparent;
        border-top: 80px solid transparent;
    }
    footer .fdvert::after{ background-size: contain; }
    .footer-menu li a { font-size: 9px; }
    footer p.soutien{ font-size: 9px; }
    footer p.soutien img { margin-left: 20px; max-height: 46px; }
    .menu-pied-de-page-container { margin: 36px 0 30px 0; }

    .bandeauhome .out-h1 h1 {
        font-size: 22px;
        line-height: 34px;
        background-size: 50%;
    }
    .bandeauhome .swiper h3 {
        font-size: 36px;
        line-height: 32px;
        margin: 0 0 30px 0;
    }   
    .bandeauhome .swiper p { font-size: 12px; }
    .swiper.swiper-home1 { padding: 20px 0 50px 0; }
    .bandeauhome::after{ top: 20px; bottom: -30px; }
    .bandeauhome .btn-blue {
        line-height: 38px;
        font-size: 10px;
    }
    .bandeauhome { margin: 0 0 110px 0; }
    .actus-home h2 {
        font-size: 60px;
        line-height: 80px;
        margin: 0 0 60px 0;
        background-size: 80px;
        padding: 0 100px 0px 0;
    }
    .btn-blue {
        font-size: 12px;
        line-height: 48px;
    }
    article.actu.categoriepas .bloc-article h3 {
        font-size: 13px;
        line-height: 22px;
    }
    article.actu .bloc-article h3 {
        font-size: 12px;
        line-height: 18px;
    }
    article.actu .bloc-article p {
        font-size: 10px;
        margin: 0 0 .5rem 0;
    }
    article.actu .in-article .btn-lire a{ font-size: 14px; }
    article.actu.categoriepas .in-article > a::after {
        height: 116px;
        width: 88px;
    }
    article.actu.post-post .in-article > a::after, 
    article.actu.post-post .in-article > a::before{ border-width: 50px; }
    article.actu .bloc-article { margin-top: 1rem; }
    article.actu .in-article {
        padding: 0 24px;
        width: calc(100% - 48px);
        padding-bottom: 50px;
    }
    .actus-home { margin: 0 0 60px 0; }
    .titre-documentation img.deco { width: 174px; margin-right: 1rem; margin-bottom: 10px; }
    .titre-documentation img.citoyens { width: 94px; }
    .titre-documentation h2 {
        font-size: 42px;
        margin-bottom: -50px;
    }
    .in-documentation { top: 116px; }
    .in-docu-svg h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: .5rem;
    }
    .in-docu-svg {
        left: 36px;
        top: 40px;
        right: 36px;
    }
    .in-docu-svg p {
        font-size: 12px;
        line-height: 18px;
    }
    .home-menu > li > a{ font-size: 12px; }
    .home-menu li ul li a {
        line-height: 30px;
        padding: 0 30px 0 8px;
        font-weight: 600;
        font-size: 10px;
    }
    .btn-newsletter, .btn-newsletter:hover{ line-height: 20px; padding: 6px 60px 6px 18px;  }
    .btn-newsletter::before, .btn-newsletter::after{ border-width: 16px; }
    .newsletter h2 {
        font-size: 34px;
        line-height: 30px;
    }
    .newsletter p {
        font-size: 12px;
        line-height: 18px;
        margin: 1rem 0;
    }
    .newsletter {
        margin: 80px 0 0 0;
        height: 370px;
        background-size: 20%;
    }
    .form-newsletter input[type="text"], .form-newsletter input[type="email"], 
    .form-newsletter input[type="tel"], .form-newsletter input[type="number"]{
        line-height: 36px;
        padding: 0 .5rem;
        width: calc( 100% - 1rem - 2px );
    }
    .mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label{ font-size: 12px; margin: .5rem 0; }

    .partenaires-titre { margin-top: 80px; }
    .partenaires-titre h2 {
        font-size: 50px;
        line-height: 100px;
    }
    .bandeau p.bread { margin: 44px 0 10px 0; font-size: 10px; }
    .bandeau h1 { font-size: 20px; line-height: 24px; margin: 10px 0 20px 0; }
    .bandeau .intro p { font-size: 10px; line-height: 16px; }
    .bandeau .in-bandeau img{ margin-top: 36px; }
    .bandeau { margin: 0 0 60px 0; }
    .in-bandeau::after {
        width: 114px;
        height: 54px;
        bottom: -34px;
    }
    input[type="text"], input[type="email"], 
    input[type="tel"], input[type="number"], 
    input[type="password"], 
    select, textarea {
        line-height: 50px;
        font-size: 13px;
    }
    textarea { line-height: 20px; }
    .wpcf7-acceptance label, span.italique {
        font-size: 10px;
        line-height: 14px;
    }
    input[type="submit"] {
        background-position: 70% center;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }
    input[type="submit"]:hover{ background-position: 75% center;}
    .membre-nom p { font-size: 10px; line-height: 13px; }
    .membre-photo::after, .membre-photo::before, 
    .membre-nom::after, .membre-nom::before{ border-width: 30px; }
    .in-membre::after{ bottom: 29px; height: 59px; }
    .membre-nom {
        height: 40px;
        padding: 20px 0 0 0;
    }
    .membre-equipe:nth-child(2) { margin-top: 28px; }
    .membre-equipe:nth-child(4) { margin-top: 30px; }
    .membre-equipe:last-child { margin-right: 30px; margin-top: 0px; }
    .membre-equipe:nth-last-child(2) { margin-top: -30px; }
    .membre-equipe:nth-child(5) { margin-top: -2px; }
    .equipe.row::after { width: 212px; }
    .equipe.row::before{ width: 168px; }
    .equipe.row { padding: 60px 0 80px 0; }
    .logos-membres > img{ 
        margin: 1rem 2% 1rem 2%;
        max-width: 15%;
        max-height: 6rem;
    }
    .logos-membres > a{ 
        margin: 1rem 2% 1rem 2%;
        max-width: 15%;
        max-height: 6rem;
    }
    .logos-membres > a > img{ margin: 0; }
    h2.parole {
        font-size: 26px;
        margin: 60px 0 40px 0;
        padding: 0 0 0 114px;
        background-size: 84px;
    }
    .encart-parole {
        margin: 20px;
        padding: 50px 40px;
        font-size: 12px;
        line-height: 20px;
    }
    .encart-parole::after, .encart-parole::before{ border-width: 40px; }
    .liste-paroles .item::after{ bottom: 46px; }
    /* blocs / mission*/
    .zone-texte p, .zone-texte ul li {
        font-size: 12px;
        line-height: 20px;
    }
    .zone-texte h3{ font-size: 20px; padding-bottom: 24px; }
    .zone-texte h4{ font-size: 16px; }
    .zone-texte h2, .bloc-texteimage h2 {
        font-size: 28px;
        font-weight: 700;
        margin: 20px 0 20px 0;
        padding: 0 0 0 104px;
        background-size: 84px;
    }
    .bloc-texteimage, .bloc-texte { margin: 30px 0 60px 0; }
    .encart-document h4 {
        font-size: 10px;
        line-height: 14px;
    }
    .encart-document{ margin-top: .5rem; margin-bottom: .5rem; }
    .encart-document a img { width: 20px; }
    .encart-document.wvideo::before, 
    .encart-document.wvideo::after{ border-width: 40px; }
    .encart-document.wvideo a img{ right: 10px; }
    .encart-organiser h3 {
        font-size: 16px;
        margin-bottom: 2rem;
    }
    .encart-organiser .btn-plateforme {
        padding: 10px 20px 10px 70px;
        font-size: 11px;
        line-height: 18px;
        max-width: 190px;
        background-size:28px;
    }
    .publications article.actu .in-article { margin-bottom: 80px; }
    article.actu.newsletters .in-article{ margin-bottom: 20px; }

    article.actu.newsletters .in-article { padding-top: 124px; }
    article.actu.newsletters .in-article .bloc-article{ left: 56px; }
    article.actu.newsletters .btn-decouvrir { left: 46px; top: 110px; }
    article.actu.newsletters:first-child .in-article::before, 
    article.actu.newsletters:nth-child(2) .in-article::before, 
    article.actu.newsletters:nth-child(3) .in-article::before{ left: 24px; right: 24px; }
    article.actu.post-post .in-article > a::after, 
    article.actu.post-publication .in-article > a::after,
    article.actu.post-post .in-article > a::before, 
    article.actu.post-publication .in-article > a::before{ border-width: 50px; }
    .toutes-publications article.actu.newsletters .in-article > a::before { bottom: -85px; }
    article.actu.newsletters .in-article > a::after { top: -125px; }
    article.spannomargin-6.actu.newsletters .in-article .bloc-article { left: 16px; }
    article.spannomargin-6.actu.newsletters .btn-decouvrir { left: 16px; }
    #category .bandeau h1{ font-size: 30px; line-height: 30px; }
    .fondvert { height: 250px; }
    .fondvert::before{ width: 88px; left: calc(50% - 44px); }
    .btn-blue.btn-retour { font-size: 10px; line-height: 34px; }
    .zone-texte a.lien-publi {
        line-height: 54px;
        padding: 0 70px 0 30px;
        font-size: 12px;
    }
    .publication-symposiums .zone-texte a.lien-publi{
        text-align: left;
        padding-top: 16px;
        padding-bottom: 16px;
        margin: .5rem 0;
    }
    .lesboutons.absolute.zone-texte a.lien-publi{
        line-height: 24px;
        padding: 20px 90px 20px 30px;
        text-align: left;
        margin: .5rem 0 .5rem 3px;
    }
    .zone-texte a.lien-publi::before{ border-width: 26px; }
    .publication-symposiums img.flex.center{ max-width: 65%; }
    .galerie img{ margin-top: .25rem; margin-bottom: .25rem; }
    .bandeau .date { font-size: 12px; }
    .orateurs h3{ font-size: 13px; line-height: 18px; }
    .orateurs h4{ font-size: 12px; line-height: 16px; }
    .orateurs .spannomargin-8 img{ width: 60px; }
    .orateurs .spannomargin-8 img {
        top: 10px;
        left: calc(50% - 30px);
    }
    .orateurs .spannomargin-8 .lorateur { 
        margin: 40px 5% 0 5%;
        min-height: 230px;
    }
    .lorateur .zone-texte a.lien-publi {
        width: calc(100% - 70px);
        line-height: 16px;
        padding: 12px 40px 12px 30px;
        background-size: 22px;
    }
    .orateurs .spannomargin-8 {
        min-height: 270px;
        background-size: 60px;
        margin-bottom: 40px;
    }
    .orateurs .spannomargin-8 .lorateur::before, .orateurs .spannomargin-8 .lorateur::after,
    .orateurs .spannomargin-8::before, .orateurs .spannomargin-8::after{ border-width: 44px; }
    .article-presse h3 {
        font-size: 13px;
        line-height: 20px;
    }
    .article-presse {
        padding: 60px 10% 80px 10%;
        min-height: 160px;
    }
    .article-presse .btn-lire { bottom: 40px; }
    .article-presse .btn-lire a{ font-size: 14px; width: 128px; }
    .article-presse::before, .article-presse::after{ border-width: 64px; }
    header.head-membres h1{ font-size: 16px; }
    header.head-membres, header.head-membres .row.middle { height: 140px; }
    .bloc-connexion, .bloc-connexion label, 
    .lwa-register.lwa-modal, .lwa-register.lwa-modal label{ font-size: 14px; }
    .bloc-connexion .lwa input[type="submit"]{ background-size: 20px; }
    .lwa-register.lwa-modal h4, .lwa-register.lwa-modal h2{ font-size: 14px; }

    #category .bandeau h1 span {
        font-size: 24px;
        line-height: 24px;
    }

    .conteneur.publications.newsletters .form-newsletter {
        margin: 1rem 0;
    }
    .wpcf7-not-valid-tip, .wpcf7 form.invalid .wpcf7-response-output, 
    .wpcf7 form.unaccepted .wpcf7-response-output, 
    .wpcf7 form.payment-required .wpcf7-response-output{ font-size: 12px; }
    .conteneur.publications.newsletters .bandeau {
        margin-bottom: 140px;
    }
    .wpcf7 form .wpcf7-response-output{ margin-top: 1rem; }
    .newsletter p.legal-mailchimp{ font-size: 8px; }

}
/**/
@media (min-width: 1280px) and (max-width: 1479px){
    nav ul li a{
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
        padding: 16px 6px;
    }
    a.lien-plateforme {
        font-size: 11px;
        font-weight: 500;
        width: 100%;
        padding: 8px 0;
        margin: 0;
        line-height: 12px;
        clip-path: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0% 50%);
    }
    a.lien-plateforme b{ display: block; }
    a.espace-membre {
        font-size: 11px;
        width: 90%;
        padding: 0 0 0 10%;
        margin: 0;
        line-height: 34px;
        background: #d5f0e7 url(gfx/compte.svg) no-repeat 14px center / 16px;
    }
    a.lien-linkedin { width: 44px; height: 40px; }
    .lien-linkedin img { width: 14px; }
    header{ height: 132px; }
    .header1 { height: 40px; }
    .header2 { height: 68px; background-size: 48px; }
    header::after{ width: 124px; }
    header::before, header.fixe::before {
        width: 134px;
        height: 94px;
        left: 6px;
        top: -10px;
    }
    span.autour-plateforme::after {
        left: 14px;
        top: -28px;
        width: 34px;
        height: 34px;
    }
    span.autour-plateforme::before {
        left: 22px;
        top: -22px;
        width: 20px;
        height: 24px;
    }
    header.fixe{ height: 102px; }
    header.fixe .header2 { margin-top: -20px; }
    header.fixe a.espace-membre{ margin-left: 0; }
    nav > div > ul > li > ul {
        top: 50px;
        min-width: 200%;
        padding: 16px 26px 20px 26px;
    }
    nav > div > ul > li > ul > li > a { font-size: 16px; margin: 0 0 1rem 0; }
    nav > div > ul > li:first-child > ul > li > ul > li > a, 
    nav > div > ul > li:nth-child(3) > ul > li > ul > li > a,  
    nav > div > ul > li:nth-child(2) > ul > li > ul > li > ul > li > a {
        line-height: 36px;
        padding: 0 48px 0 18px;
        margin: 0 6px 8px 0;
        font-size: 12px;
    }
    nav > div > ul > li:first-child > ul { width: 290px; left: -125px; }
    nav > div > ul > li:nth-child(3) > ul { width: 360px; left: -140px; }
    nav > div > ul > li:nth-child(2) > ul { width: 784px; left: -280px; }
    nav > div > ul > li:nth-child(2) > ul > li:nth-child(2){ background-size: 90px; }
    nav > div > ul > li:nth-child(2) > ul > li > ul > li > a { margin: 0 0 .5rem 0; font-size: 16px; }

   footer .fdvert > * {
        padding: 90px 0 52px 0;
    }
    footer .fdvert .bloc-blanc svg {
        left: -30px;
        top: -80px;
        right: -30px;
    }
    .btn-contact {
        font-size: 14px;
        padding: 0 34px 0 0;
        background: transparent url(gfx/fleche-orange.svg) no-repeat 100% center / 18px;
        margin: 20px 0;
    }
    footer a.email, footer p.adresse {
        font-size: 12px;
        line-height: 16px;
    } 
    .btn-orange, .btn-plateforme, .btn-orange:hover, .btn-plateforme:hover{
        font-size: 14px;
        font-weight: 600;
        line-height: 52px;
        padding: 0 60px 0 18px;
        background-size: 24px;
    }
    footer .btn-orange { margin: 0 0 0 -18px; }
    footer .btn-plateforme { margin-left: 20%; margin-bottom: 70px; }
    footer .fdvert::before {
        border-right: 80px solid white;
        border-left: 80px solid transparent;
        border-top: 80px solid transparent;
    }
    footer .fdvert::after{ background-size: contain; }
    .footer-menu li a { font-size: 10px; }
    footer p.soutien{ font-size: 10px; }
    footer p.soutien img { margin-left: 20px; max-height: 50px; }
    .menu-pied-de-page-container { margin: 36px 0 30px 0; }

    .bandeauhome .out-h1 h1 {
        font-size: 26px;
        line-height: 38px;
        background-size: 50%;
    }
    .bandeauhome .swiper h3 {
        font-size: 40px;
        line-height: 36px;
        margin: 0 0 30px 0;
    }   
    .bandeauhome .swiper p { font-size: 14px; }
    .swiper.swiper-home1 { padding: 20px 0 50px 0; }
    .bandeauhome::after{ top: 20px; bottom: -30px; }
    .bandeauhome .btn-blue {
        line-height: 42px;
        font-size: 12px;
    }
    .bandeauhome { margin: 0 0 110px 0; }
    .actus-home h2 {
        font-size: 70px;
        line-height: 80px;
        margin: 0 0 60px 0;
        background-size: 80px;
        padding: 0 100px 0px 0;
    }
    .btn-blue {
        font-size: 12px;
        line-height: 48px;
    }
    article.actu.categoriepas .bloc-article h3 {
        font-size: 16px;
        line-height: 26px;
    }
    article.actu .bloc-article h3 {
        font-size: 14px;
        line-height: 22px;
    }
    article.actu .bloc-article p {
        font-size: 12px;
        margin: 0 0 .5rem 0;
    }
    article.actu .in-article .btn-lire a{ font-size: 14px; }
    article.actu.categoriepas .in-article > a::after {
        height: 116px;
        width: 88px;
    }
    article.actu.post-post .in-article > a::after, 
    article.actu.post-post .in-article > a::before{ border-width: 50px; }
    article.actu .bloc-article { margin-top: 1rem; }
    article.actu .in-article {
        padding: 0 24px;
        width: calc(100% - 48px);
        padding-bottom: 50px;
    }
    .actus-home { margin: 0 0 60px 0; }
    .titre-documentation img.deco { width: 174px; margin-right: 1rem; margin-bottom: 10px; }
    .titre-documentation img.citoyens { width: 94px; }
    .titre-documentation h2 {
        font-size: 52px;
        margin-bottom: -50px;
    }
    .in-documentation { top: 126px; }
    .in-docu-svg h3 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: .5rem;
    }
    .in-docu-svg {
        left: 36px;
        top: 50px;
        right: 36px;
    }
    .in-docu-svg p {
        font-size: 13px;
        line-height: 20px;
    }
    .home-menu > li > a{ font-size: 12px; }
    .home-menu li ul li a {
        line-height: 36px;
        padding: 0 34px 0 10px;
        font-weight: 600;
        font-size: 12px;
    }
    .btn-newsletter, .btn-newsletter:hover{ line-height: 20px; padding: 6px 60px 6px 18px;  }
    .btn-newsletter::before, .btn-newsletter::after{ border-width: 16px; }
    .newsletter h2 {
        font-size: 44px;
        line-height: 40px;
    }
    .newsletter p {
        font-size: 14px;
        line-height: 22px;
    }
    .newsletter {
        margin: 80px 0 0 0;
        background-size: 20%;
    }
    .mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label {
        font-size: 14px;
    }
    .partenaires-titre { margin-top: 80px; }
    .partenaires-titre h2 {
        font-size: 66px;
        line-height: 110px;
    }
    .bandeau p.bread { margin: 44px 0 10px 0; font-size: 11px; }
    .bandeau h1 {
        font-size: 24px;
        line-height: 28px;
        margin: 10px 0 20px 0; 
    }
    .bandeau .intro p { font-size: 13px; line-height: 21px; }
    .in-bandeau::after {
        width: 114px;
        height: 54px;
        bottom: -34px;
    }
    input[type="text"], input[type="email"], 
    input[type="tel"], input[type="number"], 
    select, textarea {
        line-height: 54px;
        font-size: 14px;
    }
    textarea { line-height: 20px; }
    .wpcf7-acceptance label, span.italique {
        font-size: 12px;
        line-height: 16px;
    }
    input[type="submit"] {
        background-position: 70% center;
        font-size: 16px;
        height: 54px;
        line-height: 54px;
    }
    input[type="submit"]:hover{ background-position: 75% center;}
    .membre-nom p { font-size: 12px; line-height: 16px; }
    .equipe.row::after{ width: 212px; }
    .equipe.row::before { width: 188px; }
    .logos-membres > img{ 
        margin: 1rem 2% 1rem 2%;
        max-width: 15%;
        max-height: 7rem;
    }
    .logos-membres > a{ 
        margin: 1rem 2% 1rem 2%;
        max-width: 15%;
        max-height: 7rem;
    }
    .logos-membres > a > img{ 
        margin: 0;
    }
    h2.parole {
        font-size: 30px;
        margin: 60px 0 40px 0;
        padding: 0 0 0 114px;
        background-size: 94px;
    }
    .encart-parole {
        margin: 20px;
        padding: 60px 50px;
        font-size: 13px;
        line-height: 22px;
    }
    .encart-parole::after, .encart-parole::before{ border-width: 40px; }
    .liste-paroles .item::after{ bottom: 46px; }

    /* blocs / mission*/
    .zone-texte p, .zone-texte ul li {
        font-size: 14px;
        line-height: 24px;
    }
    .zone-texte h3{ font-size: 22px; padding-bottom: 24px; }
    .zone-texte h4{ font-size: 18px; }
    .zone-texte h2, .bloc-texteimage h2 {
        font-size: 32px;
        font-weight: 700;
        margin: 20px 0 20px 0;
        padding: 0 0 0 114px;
        background-size: 94px;
    }
    .bloc-texteimage, .bloc-texte { margin: 40px 0 60px 0; }
    .encart-document h4 {
        font-size: 12px;
        line-height: 18px;
    }
    .encart-document{ margin-top: .5rem; margin-bottom: .5rem; }
    .encart-document a img { width: 20px; }
    .encart-document.wvideo::before, 
    .encart-document.wvideo::after{ border-width: 40px; }
    .encart-document.wvideo a img{ right: 10px; }
    .encart-organiser h3 {
        font-size: 16px;
        margin-bottom: 2rem;
    }
    .encart-organiser .btn-plateforme {
        padding: 10px 20px 10px 70px;
        font-size: 12px;
        line-height: 18px;
        max-width: 230px;
        background-size:28px;
    }
    .publications article.actu .in-article {
        margin-bottom: 100px;
    }
    article.actu.newsletters .in-article{ margin-bottom: 40px; }
    article.actu.newsletters .in-article .bloc-article{ left: 76px; }
    article.actu.newsletters .btn-decouvrir { left: 66px; top: 120px; }
    article.actu.post-post .in-article > a::after, 
    article.actu.post-publication .in-article > a::after,
    article.actu.post-post .in-article > a::before, 
    article.actu.post-publication .in-article > a::before{ border-width: 60px; }
    .toutes-publications article.actu.newsletters .in-article > a::before { bottom: -65px; }
    article.actu.newsletters .in-article > a::after { top: -165px; }
    article.spannomargin-6.actu.newsletters .in-article .bloc-article { left: 16px; }
    article.spannomargin-6.actu.newsletters .btn-decouvrir { left: 16px; }
    #category .bandeau h1{ font-size: 40px; line-height: 40px; }
    .fondvert { height: 300px; }
    .fondvert::before { width: 108px; left: calc(50% - 54px); }
    .btn-blue.btn-retour { font-size: 12px; line-height: 38px; }
    .zone-texte a.lien-publi {
        line-height: 64px;
        padding: 0 70px 0 30px;
        font-size: 12px;
    }
    .publication-symposiums .zone-texte a.lien-publi{
        text-align: left;
        padding-top: 16px;
        padding-bottom: 16px;
        margin: .5rem 0;
    }
    .lesboutons.absolute.zone-texte a.lien-publi{
        line-height: 24px;
        padding: 20px 90px 20px 30px;
        text-align: left;
        margin: .5rem 0 .5rem 3px;
    }
    .zone-texte a.lien-publi::before{ border-width: 26px; }
    .bandeau .date { font-size: 14px; }
    .orateurs h3{ font-size: 13px; line-height: 18px; }
    .orateurs h4{ font-size: 12px; line-height: 16px; }
    .orateurs .spannomargin-8 img{ width: 70px; }
    .orateurs .spannomargin-8 img {
        top: 10px;
        left: calc(50% - 35px);
    }
    .orateurs .spannomargin-8 .lorateur { 
        margin: 40px 5% 0 5%;
        min-height: 266px;
    }
    .lorateur .zone-texte a.lien-publi {
        width: calc(100% - 70px);
        line-height: 16px;
        padding: 12px 40px 12px 30px;
        background-size: 22px;
    }
    .orateurs .spannomargin-8 {
        min-height: 306px;
        background-size: 60px;
        margin-bottom: 60px;
    }
    .orateurs .spannomargin-8 .lorateur::before, .orateurs .spannomargin-8 .lorateur::after,
    .orateurs .spannomargin-8::before, .orateurs .spannomargin-8::after{ border-width: 54px; }
    .article-presse h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .article-presse {
        padding: 70px 10% 90px 10%;
        min-height: 170px;
    }
    header.head-membres h1{ font-size: 18px; }
    header.head-membres, header.head-membres .row.middle { height: 140px; }
    .bloc-connexion, .bloc-connexion label, 
    .lwa-register.lwa-modal, .lwa-register.lwa-modal label{ font-size: 16px; }
    .bloc-connexion .lwa input[type="submit"]{ background-size: 20px; }
    .lwa-register.lwa-modal h4, .lwa-register.lwa-modal h2{ font-size: 16px; }

    #category .bandeau h1 span {
        font-size: 26px;
        line-height: 26px;
    }

    .conteneur.publications.newsletters .form-newsletter {
        margin: 1rem 0;
    }
    .wpcf7-not-valid-tip, .wpcf7 form.invalid .wpcf7-response-output, 
    .wpcf7 form.unaccepted .wpcf7-response-output, 
    .wpcf7 form.payment-required .wpcf7-response-output{ font-size: 12px; }
    .conteneur.publications.newsletters .bandeau { margin-bottom: 160px; }
    .wpcf7 form .wpcf7-response-output{ margin-top: 1rem; }
    .newsletter p.legal-mailchimp{ font-size: 8px; }


}
/**/
@media (min-width: 1480px) and (max-width: 1599px){
    nav ul li a { font-size: 14px; line-height: 20px; padding: 26px 8px; }
    a.lien-plateforme{ font-size: 13px; }
    a.espace-membre{ font-size: 12px; background-size: 18px; background-position: 10px center; }
    span.autour-plateforme { width: 68%; }
    a.lien-linkedin{ margin-left: 0; }



}
/**/
@media (min-width: 1600px) and (max-width: 1799px){
    nav ul li a { font-size: 15px; }
    span.autour-plateforme { width: 68%; }
    a.lien-plateforme{ font-size: 14px; }
    a.lien-linkedin{ margin-left: 2.5%; }
    a.espace-membre{ font-size: 13px; background-size: 20px; background-position: 10px center; }




}
/**/
@media (min-width: 1800px) and (max-width: 1900px){

    
}
/**/
@media (min-width: 1900px){
   

}
/**/