@charset "UTF-8";

.submit_internship_demand .acf-flexible-content .layout,.submit_internship_offer .acf-flexible-content .layout,.submit_job_offer .acf-flexible-content .layout{
    border:none;
}

.submit_internship_demand .acf-flexible-content .acf-actions,.submit_internship_offer .acf-flexible-content .acf-actions,.submit_job_offer .acf-flexible-content .acf-actions{
    display:flex;
    justify-content:flex-end;
}

.submit_job_offer .acf-flexible-content .acf-fields{
    justify-content:space-between;
}

.submit_internship_demand .acf-flexible-content .layout .acf-fc-layout-handle,.submit_internship_offer .acf-flexible-content .layout .acf-fc-layout-handle,.submit_job_offer .acf-flexible-content .layout .acf-fc-layout-handle{
    border-bottom:none;
    font-size:1rem;
    font-weight:700;
    line-height:1;
    pointer-events:none;
}

.submit_internship_demand .uploader-window .uploader-editor-title,.submit_internship_offer .uploader-window .uploader-editor-title,.submit_job_offer .uploader-window .uploader-editor-title{
    font-size:1.5rem;
}

.submit_internship_demand .has-value .file-icon,.submit_internship_demand .has-value .file-info,.submit_internship_offer .has-value .file-icon,.submit_internship_offer .has-value .file-info,.submit_job_offer .has-value .file-icon,.submit_job_offer .has-value .file-info{
    display:block;
}

.submit_internship_demand .dropzone-file [data-name=edit],.submit_internship_offer .dropzone-file [data-name=edit],.submit_job_offer .dropzone-file [data-name=edit]{
    display:none;
    opacity:0;
}

.submit_internship_demand form .acf-fields,.submit_internship_offer form .acf-fields,.submit_job_offer form .acf-fields{
    display:flex;
    flex-wrap:wrap;
}

.submit_internship_demand form .acf-fields>div,.submit_internship_offer form .acf-fields>div,.submit_job_offer form .acf-fields>div{
    width:100%;
}

.submit_internship_demand form .acf-fields>div[data-name=fichier] .acf-input input,.submit_internship_offer form .acf-fields>div[data-name=fichier] .acf-input input,.submit_job_offer form .acf-fields>div[data-name=fichier] .acf-input input{
    background:#000;
    width:85px;
}

.submit_internship_demand form .acf-form-submit,.submit_internship_offer form .acf-form-submit,.submit_job_offer form .acf-form-submit{
    margin-top:40px;
}

.p-default{
    padding-bottom:40px;
    padding-top:40px;
}

#search-results{
    border-bottom:1px solid #000;
    padding-bottom:20px;
}

.p-search{
    margin-bottom:40px;
}

.p-search form li,.p-search form ul{
    display:flex;
}

.p-search form li{
    align-items:center;
    justify-content:center;
}

.p-search form li label{
    width:100%;
}

.p-search form .sf-field-submit{
    flex:1;
}

.p-search form .sf-field-submit input{
    margin:0;
    width:100%;
}

.p-search>ul{
    padding:0;
}

.p-search>ul>li{
    align-items:stretch;
    background-color:#eeeeee40;
    border:1px solid #eee;
    border-radius:0;
    display:flex;
    height:auto;
    margin-bottom:20px;
    transition:.1s;
}

.p-search>ul>li:hover{
    border-color:#66666680;
}

.p-search>ul>li:hover a{
    text-decoration:none;
}

.p-search>ul>li:hover p:first-of-type{
    text-decoration:underline;
}

.p-search>ul>li a{
    color:#333;
    flex-direction:column;
    padding:20px;
    width:100%;
}

.p-search>ul>li a,.p-search>ul>li a>section{
    display:flex;
    justify-content:space-between;
}

.p-search>ul>li a>section{
    flex:1;
}

.p-search>ul>li a>section .date{
    padding-left:10px;
    text-align:right;
}

.p-search>ul>li a>section p{
    margin:0;
}

.p-search>ul>li a>section p:first-of-type{
    color:#ffcb00;
    font-size:1.3rem;
    font-weight:700;
}

.p-search>ul>li a>section p:first-of-type span{
    font-style:italic;
}

.p-search>ul>li a>section p:last-of-type{
    align-items:flex-end;
    display:flex;
    flex-direction:column;
}

.p-search>ul>li a>p,.p-search>ul>li a>section p:last-of-type span{
    font-style:italic;
}

.p-search>ul>li a>p{
    margin-top:0;
    opacity:.7;
}

.p-search>ul>li button{
    align-items:center;
    background-color:#fff;
    border:1px solid #000;
    border-left:none;
    display:flex;
    height:auto;
    justify-content:center;
    margin:0;
}

.p-author{
    display:flex;
    margin-top:80px;
}

.p-author__header{
    align-items:center;
    display:flex;
    flex:2;
    flex-direction:column;
}

.p-author__content{
    flex:6;
}

.p-archive{
    display:flex;
    flex-wrap:wrap;
}

.p-archive__filter{
    display:none;
    width:100%;
}

.p-archive__filter .searchandfilter{
    width:100%;
}

.p-archive__filter .searchandfilter>ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.p-archive__filter .searchandfilter>ul li{
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:calc(33% - 20px);
}

.p-archive__filter .searchandfilter>ul .sf-field-reset,.p-archive__filter .searchandfilter>ul .sf-field-submit{
    flex:0;
    margin-left:auto;
}

.p-archive__filter .searchandfilter>ul .sf-field-reset{
    margin-left:10px;
}

.p-archive__filter~.page-archive__articles .page-archive__results{
    padding-right:0;
}

.p-archive__info{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
}

.p-archive__info p{
    margin:0;
}

.p-archive__articles{
    display:flex;
    flex:6;
    flex-direction:column;
    width:100%;
}

.p-archive__results .pagination{
    width:100%;
}

.p-archive__no-results{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.p-archive__no-results svg{
    height:80px;
    width:80px;
}

.p-archive__no-results p{
    font-size:1.5rem;
    line-height:2rem;
    text-align:center;
}

.p-archive .sidebar{
    flex:2;
}

.contact{
    padding:40px 0;
    text-align:center;
}

.contact h1{
    font-family:"bree-serif";
}

.contact header{
    align-items:flex-start;
    color:#ffcb00;
    display:flex;
    flex-direction:column;
    margin-bottom:20px;
}

.contact header h3{
    font-family:zeitung-micro;
    font-size:.9rem;
    font-weight:400;
    margin:0;
    text-transform:uppercase;
}

.contact .wpcf7,.contact form{
    display:flex;
    flex-direction:column;
}

.contact form input[type=submit]{
    color:#000;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
    padding:12px 40px;
}

.contact form>div,.contact form>div>div{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.contact form>div>div{
    justify-content:space-between;
}

.p-sitemap{
    display:flex;
    flex-direction:column;
}

.p-sitemap section ul{
    list-style:none;
}

.p-sitemap section ul li{
    margin:5px 0;
}

.p-sitemap section ul li:last-child{
    margin-bottom:20px;
}

.p-sitemap section ul li a{
    color:#000;
}

.p-sitemap section ul li a:hover{
    color:#ffcb00;
}

.p-404{
    padding:5vh 0;
}

.p-404 svg{
    font-size:7rem;
    margin:auto;
    width:100%;
}

.p-404 h1{
    display:flex;
    flex-direction:column;
    margin:0;
    text-align:center;
}

.p-404 h1 span:first-of-type{
    font-size:2.5rem;
    margin:20px 0;
}

.p-404 h1 span:last-of-type{
    font-size:4rem;
    line-height:4rem;
}

.p-404 p{
    font-size:1.2rem;
    font-weight:lighter;
    text-align:center;
}

.p-404 a{
    display:inline-flex;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.p-front .trainings{
    padding:0 0 40px;
    text-align:center;
}

.p-front .trainings>p:first-of-type{
    font-weight:700;
}

.p-front .trainings>h1{
    font-family:"bree-serif";
    margin:20px 0;
}

.p-front .trainings>h1 span{
    display:block;
    font-weight:100;
}

.p-front .trainings__sort{
    background-color:#ffcb00;
    margin:20px 0 0;
    padding-bottom:40px;
}

.p-front .trainings__sort header{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
}

.p-front .trainings__sort header .sf-input-text::placeholder{
    opacity:.65;
}

.p-front .trainings__sort header>div{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.652' height='24.134' viewBox='0 0 36.652 24.134'%3E%3Cpath fill='%23fff' d='M0 24.133 24.134-.001h12.518L12.518 24.133Z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    height:25px;
    width:40px;
}

.p-front .trainings__sort header>p{
    color:#fff;
    margin:0;
    text-transform:uppercase;
}

.p-front .trainings__sort header>form{
    margin-bottom:0;
    width:100%;
}

.p-front .trainings__sort header>form ul{
    margin-bottom:0;
}

.p-front .trainings__sort header>form ul li{
    width:100%;
}

.p-front .trainings__sort header>form ul label:has(>select){
    left:0;
    position:relative;
    top:0;
}

.p-front .trainings__sort header>form ul label:has(>select):after{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size:24px;
    content:"";
    height:24px;
    pointer-events:none;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    transition:.2s;
    width:24px;
}

.p-front .trainings__sort header>form ul label:has(>select:focus-visible):after{
    transform:translateY(-50%) rotate(180deg);
    transition:.2s;
}

.p-front .trainings__sort header>form ul input,.p-front .trainings__sort header>form ul select{
    background-color:#000;
    border:none;
    color:#fff;
    height:45px;
    outline:2px solid #0000;
    outline-offset:2px;
    width:100%;
}

.p-front .trainings__sort header>form ul input:focus-visible,.p-front .trainings__sort header>form ul select:focus-visible{
    outline-color:#fff;
}

.p-front .trainings__sort header>form ul input::placeholder,.p-front .trainings__sort header>form ul select::placeholder{
    color:#fff;
    opacity:1;
}

.p-front .trainings__sort header>form ul input[type=submit]{
    background:#fff;
    color:#000;
    padding:0;
}

.p-front .trainings__list{
    margin-top:60px;
}

.p-front .trainings__list header{
    background:#000;
    padding:20px;
}

.p-front .trainings__list header h2{
    color:#ffcb00;
    margin:0;
}

.p-front .trainings__list table{
    width:100%;
}

.p-front .trainings__list table thead{
    background:#f2f2f2;
    display:none;
}

.p-front .trainings__list table thead th{
    padding:20px;
    text-align:left;
}

.p-front .trainings__list table tbody tr{
    outline:none;
    position:relative;
}

.p-front .trainings__list table tbody tr td{
    align-items:center;
    display:flex;
    font-weight:400;
    gap:10px;
    justify-content:space-between;
    padding:15px;
    text-align:right;
}

.p-front .trainings__list table tbody tr td:before{
    content:attr(data-label);
    float:left;
    font-weight:700;
    text-align:left;
}

.p-front .trainings__list table tbody tr td div{
    display:none;
}

.p-front .trainings__list table tbody tr td .content{
    display:none;
    margin-top:20px;
    padding-top:20px;
}

.p-front .trainings__list table tbody tr td a{
    align-items:center;
    display:inline-flex;
    gap:4px;
    text-decoration:underline;
    transition:.2s;
}

.p-front .trainings__list table tbody tr td a:hover{
    transform:translateX(3px);
    transition:.2s;
}

.p-front .trainings__list table tbody tr td a:after{
    content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' d='M19 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h6v2H5v12h12v-6zM13 3v2h4.586l-7.793 7.793 1.414 1.414L19 6.414V11h2V3z'/%3E%3C/svg%3E");
    display:inline-block;
    height:16px;
    line-height:1;
    width:16px;
}

.p-front .trainings__list table tbody tr td[data-label="Plus d'informations"]:before{
    content:none;
}

.p-front .trainings__list table tbody tr td[data-label="Plus d'informations"] section{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
}

.p-front .trainings__list table tbody tr td[data-label="Plus d'informations"] section p{
    margin:5px 0;
    text-align:left;
}

.p-front .trainings__list table tbody tr td[data-label="Niveau souhaité"]{
    min-width:170px;
}

.p-front .trainings__list table tbody tr:after{
    background-image:linear-gradient(90deg, #ffcb00, #ffcb00 15%, #0000 0, #0000);
    background-size:4px 1px;
    border:none;
    bottom:-2.5px;
    content:"";
    height:5px;
    left:0;
    position:absolute;
    width:100%;
}

.p-front .trainings__list table tbody tr:focus-visible{
    box-shadow:0 0 0 3px #ffcb00;
}

.p-front .trainings__list table tbody tr a:focus-visible{
    border-radius:4px;
    outline:2px solid #ffcb00;
    outline-offset:4px;
    text-decoration:underline;
}

.p-front .no-results{
    align-items:center;
    background:#000;
    color:#fff;
    display:flex;
    justify-content:center;
    margin-top:50px;
    width:100%;
}

.p-front .no-results p{
    width:fit-content;
}

@media (min-width:768px){
    .p-search form li{
        flex:2;
    }

    .p-search form .sf-field-submit{
        flex:1;
    }
    .contact form>div{
        flex-direction:row;
        gap:30px;
        justify-content:space-between;
    }
    .contact form>div>div{
        width:calc(50% - 15px);
    }
    .p-front .trainings__list table thead{
        display:table-header-group;
    }

    .p-front .trainings__list table tbody tr td{
        display:table-cell;
        padding:20px;
        position:relative;
        text-align:left;
    }

    .p-front .trainings__list table tbody tr td .content{
        display:flex;
        flex-direction:column;
        gap:10px;
        margin:0;
        max-height:0;
        opacity:0;
        overflow:hidden;
        padding:0;
        position:relative;
        transition:opacity 0s ease-in-out;
    }

    .p-front .trainings__list table tbody tr td .content p{
        margin:0;
    }

    .p-front .trainings__list table tbody tr td .content:before{
        background-color:#000;
        content:"";
        height:1px;
        left:0;
        position:absolute;
        top:0;
        width:160%;
    }

    .p-front .trainings__list table tbody tr td div{
        align-items:center;
        background:#ffcb00;
        cursor:pointer;
        display:flex;
        height:100%;
        justify-content:center;
        position:absolute;
        right:0;
        top:0;
        transition:.2s;
        width:60px;
    }

    .p-front .trainings__list table tbody tr td div svg{
        transition:.2s;
    }

    .p-front .trainings__list table tbody tr td[data-label="Lieu de la formation"]{
        padding-right:60px;
    }

    .p-front .trainings__list table tbody tr td:before{
        content:none;
    }

    .p-front .trainings__list table tbody tr td[data-label="Plus d'informations"]{
        display:none;
    }

    .p-front .trainings__list table tbody tr.is-open .content{
        margin-top:20px;
        opacity:1;
        padding-top:20px;
        transition:opacity .2s ease-in-out;
    }

    .p-front .trainings__list table tbody tr.is-open td div svg{
        transform:rotate(180deg);
        transition:.2s;
    }
}

@media (min-width:1024px){
    .p-archive__filter{
        display:flex;
    }
    .p-404{
        padding:10vh 0;
    }
    .p-404 h1 span:last-of-type{
        font-size:6rem;
        line-height:6rem;
    }
    .p-front .trainings__sort header>form ul{
        justify-content:space-between;
        width:100%;
    }

    .p-front .trainings__sort header>form ul li{
        flex:1;
        width:fit-content;
    }
}

@media (min-width:1200px){
    .p-front .trainings__sort header>form ul{
        justify-content:space-between;
        width:100%;
    }

    .p-front .trainings__sort header>form ul li{
        flex:1;
        width:fit-content;
    }

    .p-front .trainings__sort header>form ul li:nth-child(2),.p-front .trainings__sort header>form ul li:nth-child(3){
        flex:2;
    }
}

@media screen and (pointer:fine){
    .p-front .trainings__sort header>form input[type=submit]{
        border:1px solid #fff;
        transition:all .2s;
    }

    .p-front .trainings__sort header>form input[type=submit]:hover{
        background:#ffcb00;
        transition:all .2s;
    }
    .p-front .trainings__list table tbody tr{
        box-shadow:0 0 0 1px #0000;
        transition:.2s ease-in-out;
    }

    .p-front .trainings__list table tbody tr td div{
        opacity:0;
    }

    .p-front .trainings__list table tbody tr:hover{
        box-shadow:0 0 0 1px #ffcb00;
        cursor:pointer;
        transition:.2s ease-in-out;
    }

    .p-front .trainings__list table tbody tr:hover div{
        opacity:1;
        transition:.2s ease-in-out;
    }

    .p-front .trainings__list table tbody tr.is-open td div{
        opacity:1;
    }

    .p-front .trainings__list table tbody tr.is-open td div:hover{
        background:#c2c2c2;
        transition:.2s ease-in-out;
    }
}