/*
Theme Name: Lysistrata Psychanalyse
Author: troOn
Author URI:
Description:
Text Domain: lysistrata
*/


/***************************************************************/
/*********************** HTML **********************************/
/***************************************************************/

@media screen and (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}


*{
    font-family: 'Verdana', sans-serif;
    transition:0.2s all;
}
body,html{
    padding:0;
    margin:0;
}
body{
    background:#fff url(img/lysistrata_transp.png) no-repeat center top;

}
.mobile{
    display:none;
}
.close{
    cursor:pointer;
}
img{
    max-width: 100%;
    max-height:100%;
    width:auto;
    height:auto;
}
iframe{
    width:100%;
    max-width: 100%;
}
.buttons{
    display:flex;
    gap:15px;
    justify-content: space-between;
}
.button{
    text-align: center;
}
.button a, .acf-form-submit input{
    border-radius: 5px;
    font-size: 18px;
    line-height: 22px;
    box-sizing: border-box;
    padding:10px 35px;
    display: inline-block;
    text-decoration: none;
    transition:0.2s all;
    text-align:center ;
    background-color: #430431;
    color:#fff;
    border:1px solid #430431;
}
.button a:hover{
    background-color: transparent;
    color:#430431;
}
.button a:hover,
.acf-form-submit input:hover{
    text-decoration: none;
}
.button.green a,
.acf-form-submit input{
    background: #0B983A;
    color: #FFFFFF;
    border:1px solid #0B983A;
}
.button.green a:hover,
.acf-form-submit input:hover{
    border:1px solid #0B983A;
    color:#0B983A;
    background:transparent;
}
.button.white a{
    border:1px solid #0B983A;
    color:#0B983A;
    background:#fff;

}
.button.white a:hover{
    background: #0B983A;
    color: #FFFFFF;
}

button, .acf-image-uploader .acf-button{
    border-radius: 5px;
    font-size: 18px;
    line-height: 22px;
    box-sizing: border-box;
    padding:10px 35px;
    display: inline-block;
    text-decoration: none;
    transition:0.2s all;
    cursor:pointer;
    background: #0B983A;
    color: #FFFFFF;
    border:1px solid #0B983A;
}
.acf-image-uploader .acf-button{
    display: block;
    text-align: center;
    width: 50%;
    margin: 15px auto;
}
button[disabled]{
    background:#dedede;
    color:#fff;
    pointer-events: none;
}
button:hover, .acf-image-uploader .acf-button:hover{
    text-decoration: none;
    border:1px solid #0B983A;
    color:#0B983A;
    background:transparent;
}



table{
    border:1px solid #dedede;
    margin:30px -75px;
    color:#282828;
    font-size: 16px;
    width: 950px;
    max-width:950px;
}
table caption{
    caption-side: bottom;
    font-size:14px;
    font-style: italic;
    width: 100%;
}
th{
    font-size:16px;
    padding:5px 15px;
    font-weight: normal;
    background:#0B983A;
    color:#fff;
    vertical-align: top;
}
table tr:nth-child(even){
    background:#ebfff2;
}
td{
    padding:12px;
    vertical-align: top;
}
td .label{
    display: none;
}
table a{
    color:#0B983A;
    text-decoration: none;
}
table a:hover{
    color: #333;
}
.show{
    display:block;
}
.hide{
    display:none;
}

.alignleft {
    float:left;
    margin: 0 30px 30px 0;
}
.alignright {
    float:right;
    margin: 0 0 30px 30px;
}
.aligncenter {
    display:block;
    margin: 30px auto;
    text-align: center;
}
.wp-caption{
    max-width:100%;
}
blockquote {
    font-weight: 100;
    font-size: 2rem;
    max-width: 800px;
    line-height: 1.4;
    position: relative;
    margin: 0;
    padding: .5rem;
}

blockquote:before,
blockquote:after {
    position: absolute;
    color: #0B983A;
    font-size: 8rem;
    width: 4rem;
    height: 4rem;
    font-family: "Arial",sans-serif;
}

blockquote:before {
    content: '“';
    left: -5rem;
    top: -2rem;
}

blockquote:after {
    content: '”';
    right: -5rem;
    bottom: 1rem;
}
.encadre, .gallery{
    margin: 30px -75px;
}
.gallery{
    display: grid;
    grid-gap: 10px;
}
.gallery.gallery-columns-2{
    grid-template-columns: repeat(2, 1fr);
}
.gallery.gallery-columns-3{
    grid-template-columns: repeat(3, 1fr);
}
.gallery.gallery-columns-4{
    grid-template-columns: repeat(4, 1fr);
}
.gallery.gallery-columns-5{
    grid-template-columns: repeat(5, 1fr);
}
.gallery.gallery-columns-6{
    grid-template-columns: repeat(6, 1fr);
}
.gallery figure{
    margin:0;
    text-align: center;
}
.disabled > a{
    pointer-events: none;
}

.img{
    position:relative;
}
.img .delimg{
    display:none;
    position:absolute;
    top:0;
    right:0;
    font-size:24px;
    color:#000;
    background:rgba(255,0,0,0.8);
    padding:12px;
}
.img:hover .delimg{
    display:block;
}
ul.list li{
    margin-bottom:16px;
}

@keyframes spinner-c7wet2 {
    100% {
        transform: rotate(1turn);
    }
}
.flex{
    display:flex;
    flex-wrap: wrap;
}
.fondvert{
    background-color: #00872F1F;
}

.noresult{
    text-align: center;
    font-size:20px;
    margin-bottom:60px;
}

h1,h2,h3,h4,h5,h6{
    font-family: "Exo", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color:#430431;
}

/***************************************************************/
/*********************** STRUCTURE *****************************/
/***************************************************************/

.reduit{
    margin:0 64px;
}
.reduit_540{
    max-width: 540px;
    margin:0 auto;
}
.reduit_640{
    margin:0 auto;
    max-width:640px;
}
.reduit_740{
    margin:0 auto;
    max-width:740px;
}
.reduit_800{
    margin:0 auto;
    max-width:800px;
}
.reduit_940{
    margin:0 auto;
    max-width:940px;
}
.reduit_1040{
    margin:0 auto;
    max-width:1040px;
}



/***************************************************************/
/*********************** HEADER *******************************/
/***************************************************************/
header{
    background:rgba(255,255,255,0.8);
}
header#burger{
    display:none;
}
#header_int{
    align-content: center;
    position:relative;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap:32px;
}
header #logo{
    height:120px;
    margin-right:18px;
    align-self: center;
}

#menu{
    height:128px;
    align-self: center;
    justify-content: right;
    flex-grow: 1;
    display: flex;
}
#menu .menu-haut-container{
    height:100%;

}
#menu .menu-haut-container > ul{
    display:flex;
    list-style: none;
    margin:0;
    padding:0;
    height:100%;
}
#menu .menu-haut-container > ul > li{
    height:calc(100% + 13px);
    position:relative;
    z-index: 100;
}
#menu .menu-haut-container > ul > li > a{
    color: #430431;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    height:calc(100% - 12px);
    display:block;
    padding-left:20px;
    padding-right:20px;
    line-height: 128px;
    position: relative;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
#menu .menu-haut-container > ul > li:hover > a{
    background-color: #f2deec;
    color: #430431;
    border-left: 2px solid #430431;
    border-right: 2px solid #430431;
}

#menu .menu-haut-container > ul > li.menu-item-has-children > a{
    padding-right:40px;
}
#menu .menu-item-has-children > a::after{
    content:"";
    position:absolute;
    right:20px;
    width:16px;
    height:16px;
    background-image: url(img/chevron.svg);
    top:50%;
    transform:translateY(-50%);
    transition:0.2s all;
}
#menu .menu-item-has-children:hover a::after {
    transform:rotate(180deg);
    margin-top:-4px;
}
#menu .menu-menu-haut-container > ul > li:hover > a,
#menu .menu-menu-haut-container > ul > li.current-menu-item > a,
#menu .menu-menu-haut-container > ul > li.current-menu-ancestor > a
{
    border-bottom: 4px solid #84BF30;
    background: rgba(255, 255, 255, 0.06);
}

#menu ul ul.sub-menu{
    display: none;
    position: absolute;
    top: calc(100% - 8px);
    color: #fff;
    overflow: hidden;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 1px 22px 1px rgba(168, 170, 171, 0.34);
    border-radius: 14px;
    z-index: 100;
}
#menu li:hover .sub-menu{
    display: block;
}
#menu .sub-menu a{
    display:block;
    padding:16px 40px;
    color: #232E3A;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
}
#menu .sub-menu li:first-child a{
    border-radius: 14px 14px 0 0;
}
#menu .sub-menu li:last-child a{
    border-radius: 0 0 14px 14px;
}
#menu .sub-menu a:hover{
    background: #f7f4f6;
}



/***************************************************************/
/*********************** MENU BURGER ***************************/
/***************************************************************/




/***************************************************************/
/*********************** COLONNES ******************************/
/***************************************************************/

.cols{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.col5 > .col{
    width:20%;
    flex-basis: auto;
    flex-grow: 0;
    padding:0;
}
ul.col4 li,
.col4 > .col{
    width:25%;
    flex-basis: auto;
    flex-grow: 0;
    padding:0;
}
ul.cols{
    margin:0;
    padding:0;
    list-style: none;
}

.col3 > .col{
    width:30%;
    flex-basis: auto;
    flex-grow: 0;
    padding:0;
}
.col2 > .col{
    width:50%;
    flex-basis: auto;
    flex-grow: 0;
    padding:0;
}
.col{
    justify-content: center;
}
.cols.list{
    gap:70px 5px;
}



/***************************************************************/
/*********************** ACCUEIL *******************************/
/***************************************************************/
#main{
    border-top: 2px solid #430431;
    border-bottom: 2px solid #430431;
    margin-top: 2px;
    background-color: rgba(247, 244, 246, 0.8);
    padding-bottom:60px;
}
#bloc_home{
    background-color: #232E3A;
    padding-bottom:56px;
    background-image: url(img/bloc_home_bg.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
}
#bloc_home_int{
    gap:100px;
}
#bloc_home_int > .col{
    width:calc( (100% - 100px) / 2);
}
#bloc_home h1{
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color:#fff;
    margin-bottom: 32px;
}
#bloc_home .texte{
    color: #8DE4FF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 32px;
}
#bloc_home .imgs{
    position:relative;
    height:100%;
}
#bloc_home .imgs .img{
    margin-right:150px;
    height:100%;

}
#bloc_home .imgs .img img{
    object-fit: cover;
    border-radius: 100px 100px 14px 100px;
    height:100%;
}
#bloc_home .vignette{
    position:absolute;
    bottom:70px;
    right:0;
    width:350px;
    height:auto;
    max-width: 50%;
}
#bloc_home .avis{
    margin-top:64px;
    padding:40px;
    background-color: rgba(255, 255, 255, 0.04);
    border-radius: 20px;
    gap:40px;
}
#bloc_home .avis .col:nth-child(2){
    flex-grow: 1;
}
#bloc_home .avis .note{
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    color:#fff;
    text-align: center;
    padding-right: 14px;
    position: relative;
}
#bloc_home .avis .note::after{
    content:"";
    width:14px;
    height:14px;
    background-image: url(img/avis_star.svg);
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    right:0;
}

#bloc_home .avis .source{
    color:#fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-align: center;
    white-space: nowrap;
}
#bloc_home .avis .infos{
    gap:12px;
    margin-bottom: 10px;
}
#bloc_home .avis .photo{
    width:60px;
    height:60px;
}
#bloc_home .avis .photo img{
    object-fit: cover;
    width:100%;
    height:100%;
    display:block;
    border-radius: 50%;
}
#bloc_home .avis .identite{
    align-self: center;
}
#bloc_home .avis .nom{
    color:#fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}
#bloc_home .avis .fonction{
    color: #8DE4FF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
#bloc_home .avis .texte{
    color:#fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
#bloc_home .avis .suite{
    text-align: right;
}
#bloc_home .avis .suite a{
    display: inline-block;
    padding:10px 24px;
    border-radius: 300px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    color:#fff;
    text-decoration: none;
    border:1px solid #fff;
}
#bloc_home .avis .suite a:hover {
    background-color:#B8E677;
    border-color:#B8E677;
    color:#232E3A;
}

/***************************************************************/
/*********************** BREADCRUMBS ***************************/
/***************************************************************/

.post_tools{
    position:relative;
    display:flex;
    padding:32px 0;
}
/***************************************************************/
/*********************** BREADCRUMBS ***************************/
/***************************************************************/

#breadcrumbs{
    list-style:none;
    overflow:hidden;
    margin:0;
    width:50%;
    padding:0;
}
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}
#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#8F9CB6;
}
#breadcrumbs a{
    font-size: 14px;
    line-height: 170%;
    color: #8F9CB6;
    text-decoration: none;
}

#breadcrumbs .bread-current,
#breadcrumbs strong{
    font-weight: 500;
    font-size: 14px;
    line-height: 170%;
    color: #07335E;
}
.root #breadcrumbs .bread-current,
.root #breadcrumbs strong{
    color: #fff;
}
.root #breadcrumbs a,
.root #breadcrumbs,
.root #breadcrumbs .bread-current,
.root #breadcrumbs strong,
.root #breadcrumbs .separator{
    color:#fff;
}
/***************************************************************/
/*********************** SOCIAL ********************************/
/***************************************************************/
.social{
    font-size:14px;
    display:flex;
    align-content: center;
    justify-content: right;
    width:50%;
}
.delegue .social{
    font-size:24px;
    gap:12px;
    width:100%;
    justify-content: center;
}
.evt_info.delegue .social a{
    width:24px;
    padding:0;
    height:24px;
    line-height: 24px;
}
.evt_info.delegue .social a:hover{
    color:#dedede;
    background-color: transparent;
}
.evt_info.delegue span{
    margin-bottom: 0;
}
.root .social{
    color:#fff;
}
.wp-socializer.wpsr-share-icons{
    margin:0;
}
.social span{
    align-self: center;
    margin-right: 12px;
}
.socializer a,
.socializer .sr-facebook a,
.socializer .sr-twitter a,
.socializer .sr-linkedin a,
.socializer .sr-email a{
    background:#fff;
    color:#000000BD;
    border:1px solid #000000BD;
    font-size: 16px;
}
.socializer .sr-facebook a:hover{
    background:#1977f3;
    color:#fff;
    border:1px solid #1977f3;
}
.socializer .sr-twitter a:hover{
    background:#00acee;
    color:#fff;
    border:1px solid #00acee;
}
.socializer .sr-linkedin a:hover{
    background:#0e76a8;
    color:#fff;
    border:1px solid #0e76a8;
}
.socializer .sr-email a:hover{
    background:#0B983A;
    color:#fff;
    border:1px solid #0B983A;
}
.socializer .sr-share-menu{
    display:none;
}


/***************************************************************/
/*********************** FAQ ***********************************/
/***************************************************************/
.faq{
    border-bottom: 1px solid #515A64;
    padding: 18px 68px 24px 0;
    position:relative;
}
.faq .question{
    color: #232E3A;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    cursor: pointer;
    margin-top:8px;

}
.faq .question::after{
    content:"";
    position:absolute;
    top: 23px;
    right:15px;
    width:28px;
    height:28px;
    background-repeat: no-repeat;
    background-image:url(img/plus.svg);
}
.faq.on .question::after{
    content:"";
    background-image:url(img/minus.svg);
}
.faq .reponse{
    display:none;
    opacity:1;
    color: #232E3A;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}

/***************************************************************/
/*********************** ARTICLES ******************************/
/***************************************************************/
.alignleft{
    float:left;
    max-width:50%;
    margin:0 30px 15px 0;
}
.alignright{
    float:right;
    max-width:50%;
    margin:0 0 15px 30px;
}

.wp-caption-text{
    font-size:12px;
    color:#666;
    text-align: center;
}


/***************************************************************/
/*********************** PAGINATION ****************************/
/***************************************************************/
.pagination_cont{
    text-align: center;
    padding: 44px 0;
    font-size:15px;
    color: #232E3A;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}
.wp-pagenavi{
    justify-content: center;
    gap:12px;
    display: flex;
}
.pagination_cont .wp-pagenavi .pages{
    display:none;
}

.pagination .wp-pagenavi a, .pagination .wp-pagenavi span {
    display:block;
    text-decoration: none;
    line-height: 44px;
    width:44px;
    height:44px;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    border:0;
    margin:0;
    padding:0;
    color: #232E3A;
    position:relative;
}

.pagination li:first-child {
    margin: 0 15px 0 0;
}
.pagination li:last-child {
    margin: 0 0 0 15px;
}
.pagination .current{
    background: #B8E677;
    border-radius: 50%;
}
.pagination .nextpostslink::after,
.pagination .previouspostslink::after{
    content:"";
    width:44px;
    height:44px;
    background-color: #F4F7FA;
    border-radius: 50%;
    background-image:url(img/chevron_grey.svg);
    background-position:center;
    background-size:16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.pagination .nextpostslink::after{
    transform:rotate(-90deg)
}
.pagination .previouspostslink::after {
    transform:rotate(90deg)
}


.pagination .wp-pagenavi a:hover{
    background-color: #B8E677;
}
.pagination .nextpostslink:hover::after,
.pagination .previouspostslink:hover::after{
    background-color: #8DE4FF;
}


/***************************************************************/
/*********************** SINGLE ********************************/
/***************************************************************/

.wp_content{
    color: #232E3A;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}
.wp_content h1{
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
    margin: 64px 0;
}
.wp_content h2{
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin:24px 0 8px 0;
}
.wp_content .chapo{
    text-align: center;
    color: #515A64;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 25.5px */
}
.wp_content .post_img{
    margin:44px 0;
    border-radius: 30px;
    overflow:hidden;
}
.wp_content .post_img img{
    display: block;
}
.wp_content a{
    color: #232E3A;
    text-decoration: underline;
}
.wp_content a:hover{
    text-decoration: none;
    background-color: #DDF7FF;
}
.wp_content img{
    border-radius:12px;
}
.dates .container::before{
    content:"Dates";
    font-size:20px;
    color:#430431;
    display: block;
    width:100%;
    box-sizing: border-box;
    margin-bottom: 24px;
}
.dates{
    font-size:14px;
    box-sizing: border-box;
    background-color: rgba(242, 222, 236,0.8);
}
.dates .container{
    width:400px;
    max-width: 400px;
    margin:24px auto;
    border-bottom:2px solid #430431;
    border-top:2px solid #430431;
    padding:24px;
}

.dates .date.prev{
    color:#666;
}
.dates .date.prev::before{
    content: "Passé - ";
    color:#666;
    font-style: italic;
}

.dates .nexts .next:first-child{
    font-weight:600;
}
.dates .prevs{
    margin-top:24px;
}
/***************************************************************/
/*********************** LISTES ********************************/
/***************************************************************/
.list{
    margin-bottom: 100px;
}
/* études de cas */
.list.cas{
    flex-direction: column;
    gap:44px;
}
.list.cas .post{
    flex-direction: row;
    gap:40px;
    border-radius: 20px;
    background-color: #F4F7FA;
    padding:40px;
    box-sizing: border-box;
}
.list.cas .post.sticky{
    background-color: #FFAD40;
}
.list.cas .post .img{
    width:250px;
    height:250px;
    flex-shrink: 0;
    flex-grow: 0;
    overflow: hidden;
    border-radius: 20px;
}
.list.cas .post .img img{
    object-fit: cover;
    width:100%;
    height:100%;
}
.list.cas .img:hover img{
    transform:scale(1.05);
}
.list.cas .content{
    position:relative;
    width: calc(100% - 250px - 40px);
}
.list.cas .post .picto{
    margin-bottom:12px;
}
.list.cas .post .picto img{
    max-height: 44px;
    width:auto;
}
.list.cas .post .posttype{
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #232E3A;
}
.list.cas .post h2{
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    color: #232E3A;
    margin:0;
}
.list.cas .post h2 a{
    color: #232E3A;
    text-decoration: none;
}
.list.cas .post h2 a:hover{
    color:#666;
}
.list.cas .suite{
    position:absolute;
    left:0;
    bottom:0;
}
.list.cas .suite a{
    padding:14px 40px;
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    border-radius: 300px;
    background-color: #232E3A;
    color:#fff;
    text-decoration: none;
}
.list.cas .post.sticky .suite a{
    background: rgba(255, 255, 255, 0.40);
    color: #232E3A;
}
.list.cas .post.sticky .suite a:hover,
.list.cas .suite a:hover{
    background-color: #B8E677;
    color: #232E3A;
}

/* blog */

.blog .post.sticky{
    border-radius: 20px;
    background-color: #232E3A;
    margin-bottom:44px;
    align-content: center;
    color:#fff;
}
.blog .post.sticky .img,
.blog .post.sticky .content{
    width:50%;
}
.blog .post.sticky .img img{
    border-radius: 20px;
    display: block;
}
.blog .post.sticky .content{
    padding:40px 64px;
    color:#fff;
    align-self: center;
    width: calc(50% - 128px);
}
.blog .post.sticky h2 a{
    color:#fff;
}
.list.blog{
    flex-direction: row;
    gap:40px;
    flex-wrap: wrap;
}
.list.blog .post{
    width:calc( (100% - 80px) / 3);
    box-sizing: border-box;
    color: #232E3A;
}
.list.blog .post.nopic{
    border-radius: 20px;
    padding:40px;
    border:1px solid #430431;
}

.list.blog .img{
    margin-bottom: 24px;
    border-radius: 30px;
    overflow: hidden;
}
.list.blog .img img{
    object-fit: cover;
    aspect-ratio:16/9;
    width:100%;
    height:100%;
    display: block;
}
.list.blog .img:hover img{
    transform:scale(1.05);
}
.blog .post .cat{
    font-size: 12px;
    font-weight: 600;
    line-height: 130%; /* 15.6px */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.blog .post .cat a{
    color:inherit;
    text-decoration: none;
}
.blog .post h2{
    margin: 0 0 12px;
}
.blog .post h2 a{
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    color: #430431;
    text-decoration: none;
}
.blog .post a:hover{
    color:#666
}

.blog .date{
    font-size: 13px;
    font-weight: 400;
    line-height: 160%;
    opacity: 0.8;
}
.filter_cats{
    display:none;
}
.cats_select{
    justify-content: space-between;
    border-bottom: 1px solid #A8B5C2;
    margin-bottom: 44px;
}
.cats_select .cat a{
    font-size: 15px;
    font-weight: 700;
    line-height: 160%; /* 24px */
    color: #232E3A;
    text-decoration: none;
    padding-bottom:24px;
}
.cats_select .cat{
    font-weight: 400;
    color: #232E3A;
    padding-bottom:24px;

}
.cats{
    gap:44px;
}
.cat.on{
    border-bottom: 3px solid #84BF30;
}
.cats_select .cat a:hover{
    border-bottom: 3px solid #84BF30;

}

/***************************************************************/
/*********************** Bloc Titre ****************************/
/***************************************************************/
.bloc_titre{
    padding:64px;
    background-color:#F4F7FA;
    gap:100px;
}
.bloc_titre > .col{
    width:calc( (100% - 100px) / 2 );
}
.bloc_titre h1{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 32px;
}

/***************************************************************/
/*********************** ÉTUDES DE CAS *************************/
/***************************************************************/

.bloc_titre.cas{
    color: #232E3A;
    text-align: center;

}
.bloc_titre.cas.sticky{
    background-color: #FFAD40;
}
.bloc_titre .posttype{
    margin-bottom:4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 15.6px */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #232E3A;
}
.bloc_titre .post_img{
    height:100%;
    width:100%;
}
/***************************************************************/
/*********************** Qui sommes-nous ? *********************/
/***************************************************************/
.bloc_titre.qui{
    background-color: #232E3A;
    color:#fff;
}
.bloc_titre.qui h1{
}
.bloc_titre.qui .image img{
    display:block;
    object-fit: cover;
    width:100%;
    height:100%;
    border-radius: 130px 130px 20px 130px;
}
.bloc_titre .chapo{
    margin-bottom:64px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}
.bloc_titre .emploi_texte{
    margin-bottom:24px;
    position:relative;
    height:24px;
}
.bloc_titre .emploi_texte .texte{
    position:absolute;
    top:0;
    left:0;
    background-color: #232E3A;
    z-index:20;
    padding-right: 24px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.bloc_titre .emploi_texte .trait {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    width:calc(100% + 100px);
    border-bottom:2px solid #8DE4FF;
    z-index:10
}
.bloc_titre .liens{
    gap:16px;
}
.bloc_titre .lien a{
    border-radius: 300px;
    display:block;
    padding:12px 32px;
    text-decoration: none;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.bloc_titre.qui .lien.in a{
    background: #8DE4FF;
    color: #232E3A;
    display:flex;
    align-content: center;
    padding:8px 32px;
}
.bloc_titre.qui .lien a:hover,
.bloc_titre.qui .lien.emploi a:hover{
    background-color: #B8E677;
    color: #232E3A;
}

.bloc_titre.qui a span{
    align-self: center;
}
.bloc_titre.qui .lien.emploi a{
    background: rgba(255, 255, 255, 0.10);
    color:#fff;
}
.qui_pres{
    justify-content: center;
    gap:64px;
    padding:100px 0;
}
.qui_pres .citation,
.qui_pres .content{
    width:calc( (100% - 64px) / 2);
    max-width:556px;
}
.qui_pres .citation::before{
    content:"";
    width:150px;
    height:85px;
    display: block;
    background-image:url(img/citation_bleu.svg);
    margin-bottom:44px;
}
.qui_pres .citation {
    border-radius: 30px;
    background: #FFAD40;
    padding:56px;
    box-sizing: border-box;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: #232E3A;
}
.qui_pres .content h2{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin:64px 0 40px 0;
    color: #232E3A;
}
.qui_pres .piliers{
    flex-direction: column;
    gap:40px;
}
.qui_pres .pilier{
    gap:16px;
    align-content: center;
}
.qui_pres .picto{
    width:66px;
}
.qui_pres .picto .picto_int{
    padding:16px;
    height:100%;
    background-color:#DDF7FF;
    border-radius: 16px;
    margin:0;
    box-sizing: border-box;
    display: flex;
    align-content: center;
}
.qui_pres .content{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: #232E3A;
    width:100%;
}
.qui_pres .content .titre{
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom:10px;
}
/***************************************************************/
/*********************** PROFILS *******************************/
/***************************************************************/

#profil{
    position:relative;
    margin-bottom:100px;
}
#profil.vert{
    background: #f7f4f6;
}
#profil.bleu{
    background: #DDF7FF;
}
#profil .flex{
    gap:64px;
}
#profil .col{
    width:calc((100% - 128px) / 2);
}
#profil .col:nth-child(1){
    padding:44px 0 0 0;
    margin-left:64px;
}
#profil .vousetes{
    margin-bottom:4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color:#232E3A;
}
#profil h1{
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 32px 0;
    color:#232E3A;
}
#profil .soustitre{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 0 0 32px 0;
    color:#232E3A;
}
#profil .texte{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color:#232E3A;
}
#profil .texte ul{
    padding:0;
    margin:0;
}
#profil .texte li{
    list-style: none;
    margin-bottom: 16px;
    padding-left:38px;
    position: relative;
}
#profil .texte li::before{
    content: "";
    background-image: url(img/puce_grey.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-position: center;
}
#profil.vert .texte li::before{
    background-color: #B8E677;
}
#profil.bleu .texte li::before{
    background-color: #8DE4FF;
}
#profil .offres{
    margin-top:32px;
}
#profil.vert .offres .demo a{
    border:1px solid #232E3A;
    color:#232E3A;
}
#profil.vert .offres .essai a{
    background-color: #B8E677;
    border:1px solid #B8E677;
    color:#232E3A;
}
#profil.vert .offres .demo a:hover{
    background-color: #B8E677;
    border:1px solid #B8E677;
}
#profil.vert .offres .essai a:hover{
    border:1px solid #8DE4FF;
    background-color: #8DE4FF;
}
#profil.bleu .offres .demo a{
    border:1px solid #232E3A;
    color:#232E3A;
}
#profil.bleu .offres .essai a{
    background-color: #8DE4FF;
    border:1px solid #8DE4FF;
    color:#232E3A;
}
#profil.bleu .offres .demo a:hover{
    background-color: #8DE4FF;
    border:1px solid #8DE4FF;
}
#profil.bleu .offres .essai a:hover{
    border:1px solid #B8E677;
    background-color: #B8E677;
}
#profil .post_img{
    width:100%;
    height:100%;
}
#profil .post_img img{
    height:100%;
    width:100%;
    object-fit: cover;
    border-radius: 0 0 0 200px;
    display: block;
}
#profil .puce{
    position:absolute;
    top:95px;
    left:calc(50% + 64px);
    transform:translateX(-50%);
    padding:14px;
}
#profil .puce img{
    display: block;
}
#profil.vert .puce{
    border-radius: 300px;
    background-color: #B8E677;
    border:14px solid #f7f4f6;
}
#profil.bleu .puce{
    border-radius: 300px;
    background-color: #8DE4FF;
    border:14px solid #DDF7FF;
}

/***************************************************************/
/*********************** PAGE CONTACT **************************/
/***************************************************************/
.post_img.large{
    height:286px;
    width:100%;
    margin-bottom:44px;
}
.post_img.large img{
    object-fit: cover;
    width:100%;
    height:100%;
    border-radius: 20px;
}
.contact_flex .content{
    font-size: 15px;
    font-weight: 400;
    line-height: 170%;
    color:#232E3A;
}
.contact_flex .content h1{
    font-size: 40px;
    font-weight: 500;
    line-height: 120%;
    margin:0 0 24px 0;
}
label{
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color:#232E3A;
    margin-bottom: 8px;
}
.wpcf7-list-item label{
    text-transform: inherit;
    letter-spacing: inherit;
    font-size: 15px;
    font-weight: 400;
}
label .required{
    position:relative;
}
label .required::after{
    content:"*";
    font-size: 12px;
    font-weight: 600;
    color:#232E3A;
    margin-left:4px;
}
input[type='text'],
input[type='email'],
input[type='tel'],
textarea{
    font-size: 14px;
    padding:14px 24px;
    display:block;
    box-sizing: border-box;
    width:100%;
}

.submit{
    text-align: center;
    margin: 48px 0 0 0;
}
input[type='submit']{
    padding:14px 32px;
    background: #232E3A;
    color:#fff;
    border-radius: 300px;
}

/***************************************************************/
/*********************** PAGE PLAN DU SITE *********************/
/***************************************************************/
.plan ul, .plan li{
    margin:0;
    padding:0;
    list-style: none;
}

.plan a{
    display:block;
    color:#232E3A;
    line-height: 160%;
    letter-spacing: 0.4px;
    text-align: center;
    padding:14px;
    text-decoration: none;

}
.plan a:hover{
    background: #DDF7FF;
}
/***************************************************************/
/*********************** BLOCS *********************************/
/***************************************************************/

.bloc_element.partenaires{
    padding:64px 0;
    background-color: #F4F7FA;
}
.bloc_element.partenaires .partenaires_texte{
    color: #232E3A;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom:40px;
}
.bloc_element.partenaires .swiper{
    height:80px;
}
.bloc_element.partenaires img{
    max-height:80px;
    width:auto;
}


/* bloc_colonnes_pictos */

.bloc_element.bloc_colonnes_pictos{
    padding:100px 0;
}
.bloc_element.bloc_colonnes_pictos h2 {
    color: #232E3A;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin:0 0 44px 0;
}
.bloc_element.bloc_colonnes_pictos .texte {
    color: #232E3A;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom:44px;
}

.bloc_element.bloc_colonnes_pictos .cols{
    gap:64px;
    justify-content: flex-start;
}

.bloc_element.bloc_colonnes_pictos .col5 .col{
    width:calc( (100% - 64px * 4 ) / 5 );
}
.bloc_element.bloc_colonnes_pictos .col4 .col{
    width:calc( (100% - 64px * 3 ) / 4 );
}
.bloc_element.bloc_colonnes_pictos .col3 .col{
    width:calc( (100% - 64px * 2 ) / 3 );
}
.bloc_element.bloc_colonnes_pictos .col2 .col{
    width:calc( (100% - 64px ) / 2 );
}
.bloc_element.bloc_colonnes_pictos .picto{
    border-radius:50%;
    width:32px;
    height:32px;
    padding:16px;
    margin-bottom:24px;
}
.bloc_element.bloc_colonnes_pictos .cols .col:nth-child(3n + 1) .picto {
    background-color: #FFAD40;
}
.bloc_element.bloc_colonnes_pictos .cols .col:nth-child(3n + 2) .picto {
    background-color: #B8E677;
}
.bloc_element.bloc_colonnes_pictos .cols .col:nth-child(3n - 3) .picto {
    background-color: #8DE4FF;
}
.bloc_element.bloc_colonnes_pictos .content {
    color: #515A64;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}
.bloc_element.bloc_colonnes_pictos .titre {
    color: #232E3A;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

/* bloc_img_txt_bouton */
.bloc_img_txt_bouton{
    padding:100px 0 0 0;
    background-color: #232E3A;
    background-image:url(img/quart-cercle-blanc-haut.svg);
    background-repeat: no-repeat;
    background-position:top right;
}
.bloc_img_txt_bouton .flex{
    gap:100px;
}
.bloc_img_txt_bouton .col{
    width: calc( (100% - 100px) / 2);
    align-content: center;
}
.bloc_img_txt_bouton .img img{
    object-fit: cover;
    width:100%;
    height:100%;
    border-radius: 130px 130px 130px 20px;
}
.bloc_img_txt_bouton h2.titre{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 44px 0;
    position:relative;
}
.bloc_img_txt_bouton h2.titre::before{
    content:"";
    position:absolute;
    border-bottom:2px solid #FFAD40;
    width:260px;
    left: -280px;
    bottom: 12px;
}
.bloc_img_txt_bouton .texte{
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}
.bloc_img_txt_bouton .texte ul{
    margin:0;
    padding:0;
}
.bloc_img_txt_bouton .texte li{
    list-style: none;
    margin-bottom: 16px;
    padding-left:38px;
    position: relative;
}
.bloc_img_txt_bouton .texte li::before{
    content: "";
    background-image: url(img/valid.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(141, 228, 255, 0.20);
    background-position: center;
}
.bloc_img_txt_bouton .suite{
    margin-top:44px;
}
.bloc_img_txt_bouton .suite a{
    background-color: #8DE4FF;
}
.bloc_img_txt_bouton .suite a:hover{
    background-color: #B8E677;
    border-color: #B8E677;
}

/* .bloc_avis */

.bloc_avis{
    padding-top:64px;
    background-color: #232E3A;
}
.bloc_avis .flex{
    gap:16px;
}
.bloc_avis .avis{
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.06);
    padding:24px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    box-sizing: border-box;
}
.bloc_avis .col {
    width: calc( (100% - 64px) / 5);
}
.bloc_avis .avis .note{
    margin-bottom:10px;
}
.avis .note_empty{
    width:70px;
    background-image:url(img/star_empty.svg);
    height:13px;
    position:relative;
}
.avis .note_full{
    background-image:url(img/star_full.svg);
    height:13px;
    position:absolute;
    top:0;
    left:0;
}
.bloc_avis .avis .texte{
    margin-bottom: 10px;
}
.bloc_avis .avis .nom{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}
.bloc_avis .avis_tous{
    align-content: center;
}
.bloc_avis .avis_tous a{
    color:#fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-decoration: none;
    position: relative;
    height:100%;
    display:flex;
    align-content: center;
    justify-content: center;
}
.bloc_avis .avis_tous a span.title{
    align-self: center;
}
.bloc_avis .avis_tous a span.button{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    border-radius: 300px;
    background-color: #FFF;
    padding: 10px;
    box-sizing: border-box;
    display: block;
}
.bloc_avis .avis_tous a:hover{
    color:#8DE4FF;
}
.bloc_avis .avis_tous a:hover span.button{
    background-color:#8DE4FF;
}

/* .bloc_offres */

.bloc_offres{
    padding-top:64px;
    background-color: #232E3A;
    padding-bottom:100px;
    background-image: url(img/triangles-blanc-bas.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.bloc_offres h2{
    margin:0 0 44px 0;
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.bloc_offres .flex{
    gap:40px;
    justify-content: center;
}
.bloc_offres .offre{
    padding:44px;
    box-sizing: border-box;
    border-radius: 20px;
    width:500px;
}
.bloc_offres .offres .offre:nth-child(1){
    background-color: #f7f4f6;
}
.bloc_offres .offres .offre:nth-child(2){
    background-color: #DDF7FF;
}
.bloc_offres .offre .picto{
    text-align: center;
    width:64px;
    height:64px;
    padding:14px;
    border-radius: 50%;
    margin:0 auto;
}
.bloc_offres .offres .offre:nth-child(1) .picto {
    background: #B8E677;
}
.bloc_offres .offres .offre:nth-child(2) .picto {
    background: #8DE4FF;
}
.bloc_offres .offre .titre{
    color: #232E3A;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    margin:24px auto;
}
.bloc_offres .offre .texte {
    color: #232E3A;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin-bottom:32px;
}

.bloc_offres .lien a{
    padding:14px 40px;
    border-radius: 300px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-align: center;
    text-decoration: none;
}
.bloc_offres .liens{
    display:flex;
    gap:16px;
    flex-direction: column;
}
.bloc_offres .lien a{
    display:block;
}
.bloc_offres .lien:nth-child(1) a{
}
.bloc_offres .lien:nth-child(2) a{
    background-color: transparent;
    color: #232E3A;
}
.bloc_offres .lien a:hover{
    background: #B8E677;
    border:1px solid #B8E677;
    color: #232E3A;
}

/* .bloc_texte */

.bloc_texte{
    padding:80px 0;
}
.bloc_texte h2{
    color: #232E3A;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 32px 0;
}
.bloc_texte .chapo{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: #515A64;
    text-align: center;
    margin-bottom: 44px;
}

.bloc_texte .texte{
    margin-top:32px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: #232E3A;

}
.bloc_texte iframe{
    width: 1040px;
    margin: 0 -150px;
    border-radius: 24px;
    max-width: inherit;
    aspect-ratio: 16/9;
    height: auto;
}
.bloc_texte .liens{
    justify-content: center;
    width: 1040px;
    margin: 56px -150px 0 -150px;

}
.bloc_texte .liens .lien:nth-child(2n + 1) a{
    background-color:#B8E677;
    border-color:#B8E677;
}
.bloc_texte .liens .lien:nth-child(2n + 2) a{
    background-color:#8DE4FF;
    border-color:#8DE4FF;
}
.bloc_texte .liens .lien:nth-child(2n + 1) a:hover{
    background-color:#8DE4FF;
    border-color:#8DE4FF;
}
.bloc_texte .liens .lien:nth-child(2n + 2) a:hover{
    background-color:#B8E677;
    border-color:#B8E677;
}


/* .bloc_nl */
.bloc_nl {
    padding: 100px 0;
    background-color: #F4F7FA;
    text-align: center;
    background-image: url(img/logo-vert-droite.svg);
    background-position: top right;
    background-repeat: no-repeat;
}
.bloc_nl h2{
    color: #232E3A;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin:0 0 10px 0;
}
.bloc_nl .texte{
    color: #232E3A;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 44px;
}
.bloc_nl .lien{
    text-align: center;
}
.bloc_nl .lien a{
    background-color: #B8E677;
    border-color: #B8E677;
    color: #232E3A;
}
.bloc_nl .lien a:hover{
    background-color:#8DE4FF;
    border-color: #8DE4FF;
}

/* .bloc_faq */
.bloc_faq{
    padding:100px 0;
}
.bloc_faq h2{
    color: #232E3A;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin:0;
}
.bloc_faq .soustitre {
    color: #232E3A;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-top:10px;
}
.bloc_faq .faqs{
    margin-top:44px;
}
.bloc_faq .liens{
    gap:24px;
    justify-content: center;
    margin-top:32px;
}
.bloc_faq .lien a{
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    padding:14px 40px;
    border-radius: 300px;
    border: 1px solid #232E3A;
    text-decoration: none;
}
.bloc_faq .lien:nth-child(1) a{
    color:#232E3A;
    background-color: transparent;
}
.bloc_faq .lien:nth-child(2) a{
    background-color: #232E3A;
    color:#fff;
}
.bloc_faq .lien a:hover {
    background-color: #B8E677;
    color:#232E3A;
    border-color:#B8E677;
}

/* .bloc_vignette */

.bloc_vignette{
    margin-bottom:100px;
}
.bloc_vignette h2{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    color:#232E3A;
    text-align: center;
    margin:0 0 44px 0;
}
.bloc_vignette .content .titre{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin:0 0 10px 0;
    color:#232E3A;

}
.bloc_vignette .texte{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color:#232E3A;
}
.texte ul{
    margin:0;
    padding:0;
}
.texte li{
    list-style: none;
    margin-bottom: 16px;
    padding-left:38px;
    position: relative;
}
.texte li::before{
    content: "";
    background-image: url(img/puce_green.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f7f4f6;
    background-position: center;
}

.bloc_vignette .flex{
    gap:40px 44px;
}
.bloc_vignette .col{
    width:calc((100% - 44px) / 2);
    align-content: center;
}
.bloc_vignette .img{
    border-radius: 20px;
    border: 1px solid rgba(168, 181, 194, 0.30);
    box-shadow: 0 4px 39px -4px rgba(35, 46, 58, 0.06);
    aspect-ratio: 16/9;
    width:calc(((100% - 44px) / 2) - 2px) ;
    overflow: hidden;
    transition:0.6s all;
}
.bloc_vignette .img:hover{
    filter: grayscale(1);
}
.lien{
    margin-top:20px;
}
.lien a{
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    padding:14px 40px;
    border-radius: 300px;
    border: 1px solid #232E3A;
    text-decoration: none;
    background-color: #232E3A;
    color:#fff;
    display:inline-block;
}
.lien a:hover {
    background-color: #B8E677;
    color:#232E3A;
    border-color:#B8E677;
}


#map{
    width:100%;
    height:400px;
}


/***************************************************************/
/*********************** FOOTER ********************************/
/***************************************************************/

footer{
    background-color:rgba(255,255,255,0.8);
    color:#333;
    padding:30px 0;
    justify-content: space-between;
}
footer .flex{
    gap:30px;
    justify-content: center;
    align-content: center;
}
footer .flex > div{
    align-self: center;
}
footer .menu{
    display: flex;
    gap:12px;
}
footer a{
    color: #430431;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none;
    padding: 0 12px;
}
footer a:hover{
    text-decoration: underline;
}
#footer1 a:hover {

}



/**********************************************************************************************************************/
/******************************************** RESPONSIVE **************************************************************/
/**********************************************************************************************************************/
@media screen and (max-width: 1450px) {
    .offres {
        justify-content: right;
        flex-grow: 1;
        margin-bottom: 44px;
    }
    .bloc_texte iframe, .bloc_texte .liens {
        max-width: 100%;
        margin: 0;
        width: 100%;
    }
    .bloc_texte iframe{
        margin:56px 0;
    }
}
@media screen and (max-width: 1050px) {
    #bloc_home_int {
        flex-direction: column-reverse;
    }
    #bloc_home .imgs .img {
        margin-right: 50px;
    }
    #bloc_home_int > .col {
        width: 100%;
    }
    .offres > div, .offres a{
        width:100%;
        box-sizing: border-box;
        text-align: center;
    }
}

@media screen and (max-width: 800px) {

    header{
        display:none;
        padding-top:16px;
        padding-bottom: 16px;
    }
    #burger_logo img{
        display:block;
        height:50px;
        width:auto;
    }
    #burger_logo a{
        color:#fff;
        font-size:24px;
        text-decoration: none;
    }
    header#burger{
        background: #232E3A;
        display:block;
    }
    header#burger .flex{
        justify-content: space-between;
        align-content: center;
    }
    .burger_toggle{
        cursor:pointer;
    }
    .burger_toggle img{
        width:40px;
        height:40px;
        display:block;
    }
    .burger_toggle .burger_close{
        display:none;
    }
    .burger_toggle .burger_open{
        display:block;
    }
    .burger_toggle.on .burger_open{
        display:none;
    }
    .burger_toggle.on .burger_close{
        display:block;
    }
    #burger_content{
        display:none;
        width:100%;
        padding:32px 0;
    }

    #burger_content ul, #burger_content li{
        list-style: none;
        margin:0;
        padding:0;
    }
    #burger_content .menu a{
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
        text-decoration: none;
        color:#fff;
        padding:14px 20px 14px  0;
        position:relative;
        display:block;
    }
    #burger_content .sub-menu{
        display:none;
        margin-left:24px;
    }
    #burger_content .menu > li.menu-item-has-children > a::after{
        content:"";
        position:absolute;
        background-image:url(img/chevron.svg);
        width:16px;
        height:16px;
        transform:rotate(-90deg);
        top:18px;
        right:0;
    }
    #burger_content .offres{
        margin-top:24px;
    }
    .reduit{
        width:calc(100% - 48px);
        margin:0 auto;
    }
    .col5 .col,
    .col4 .col,
    .col3 .col,
    .col2 .col,
    #main .bloc_element.bloc_colonnes_pictos .col{
        width:100%;
    }
    #main .bloc_element.bloc_colonnes_pictos .cols{
        gap:32px;
    }
    #verytop #reseaux{
        display:none;
    }
    .bloc_img_txt_bouton .flex {
        gap: 32px;
        flex-direction: column;

    }
    #main .bloc_img_txt_bouton .col{
        width:100%;
    }
    .bloc_img_txt_bouton h2.titre::before{
        display:none;
    }
    .bloc_avis .flex {
        flex-direction: column;
    }
    .bloc_avis .col {
        width: 100%;
    }
    .bloc_jeune_agri .flex {
        gap: 56px;
        flex-direction: column;
    }
    .bloc_jeune_agri .flex > div{
        width:100%;
    }
    #profil > .flex, .bloc_titre.qui {
        flex-direction: column-reverse;
    }
    #profil .col{
        width:100%;
    }
    #profil .col:nth-child(2){
        height:340px;
    }
    #profil .puce{
        top: 280px;
        right: 20px;
        left: auto;
        transform: inherit;
    }
    #profil .col:nth-child(1) {
        margin-left: 0;
        padding: 0 24px;
        box-sizing: border-box;
    }
    #profil .offres{
        gap:24px;
    }
    #main .list.cas .post > div,
    #main .blog .post > div,
    .list.blog .post,
    .bloc_titre > .col,
    .qui_pres .citation,
    .qui_pres .content{
        width:100%;
    }
    .list.cas .suite {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 24px 0 0 0;
    }
    #bloc_home .imgs {
        height:380px;
    }
    .filter_cats{
        display:block;
        margin: 32px 0;
    }
    .filter_cats a{
        width: calc(100% - 48px);
        background-color: transparent;
        text-align: center;
        position:relative;
        color:#232E3A;
        box-sizing: border-box;
        padding-right:24px;
        margin:0 24px;
        display:flex;
        align-content: center;
        justify-content: center;
        gap:4px;
    }
    .filter_cats a::after{
        content:"";
        background-image: url(img/filters.svg);
        width:25px;
        height:25px;
        display:inline-block;
    }
    .cats_select{
        display:none;
    }
    .cats_select .cat {
        padding:0;
    }
    .cats_select .cat_all{
        margin-bottom:24px;
    }
    .filters_content .cats {
        gap: 24px;
        flex-direction: column;
    }
    .cats_select .cat a, .cats_select .cat.on {
        display: inline-block;
        border:1px solid #B8E677;
        font-size: 15px;
        font-weight: 400;
        line-height: 170%;
    }
    .cats_select .cat a:hover{
        border:1px solid #B8E677;
        background-color: #B8E677;
    }
    .cats_select .close:hover path{
        stroke:#507E0E;
    }
    .bloc_titre {
        padding: 24px;
        gap:40px;
    }
    .bloc_titre .image{
        height:380px;
    }
    .lien{
        width:100%;
        text-align: center;
    }
    .bloc_titre.qui .lien.in a {
        justify-content: center;
    }
    .filters_content{
        box-shadow: -4px 4px 13px 0 rgba(51, 41, 38, 0.15);
        position: fixed;
        right: 30px;
        top:0;
        z-index: 100;
        background: #fff;
        padding: 32px;
        width: calc(100% - 64px);
        box-sizing: border-box;
        height: calc(100vh - 64px);
    }
    .filters_header{
        margin-bottom:24px;
        color: #232E3A;
        font-size: 16px;
        font-weight: 700;
        line-height: 140%;
        justify-content: space-between;
    }
    .filters_content .cats{
        gap:24px;
    }
    .filters_content .cats_select .cat{
        width:100%;
    }
    .cats_select .cat a {
        padding: 12px 32px;
        border-radius: 30px;
        border: 1px solid #507E0E;
    }
    .cats_select .cat.on{
        padding: 12px 62px 12px 32px;
        border-radius: 30px;
        background-color:#B8E677;
        position:relative;
    }
    .cats_select .cat.on::after{
        content:"";
        position:absolute;
        display:inline-block;
        margin-left:4px;
        background-image:url(img/check.svg);
        width:24px;
        height:24px;
    }

    footer{
        width:calc(100% - 48px);
        margin:0 auto;
        padding:24px;
    }
    footer .freetry .reduit{
        width:100%;
        box-sizing: border-box;
    }
    #footer1 {
        justify-content: center;
        flex-direction: column;
        padding:0;
        gap:40px;
        margin:0;
        width:100%;
    }
    #footer1 .col{
        width:100%;
        text-align: center;
    }
    #reseaux {
        justify-content: center;
    }
    #footer2 {
        border-top: 0;
        padding: 40px 0;
        gap: 64px;
        flex-direction: column;
        justify-content: center;
    }
    #footer2 #foot_menu2 ul {
        flex-direction: column;
    }
    #footer2 #foot_menu2, #footer2 #foot_copyright, #footer2 #foot_lille{
        width:100%;
        text-align: center;
    }
}