#container {
    width: 100%;
}



#accueil {
    width: calc(100% + calc(100vw - 100%));
    overflow-x: hidden;
}

#nav_secondaire {
    min-width: 100px;
    padding-right: 1em;
}

#agenda #nav_secondaire {
    padding-right: .5em;
    font-size: .9vw;
    }

.fr-view .avatar img {
    position: inherit
}

.cols_1_width {
    width: 140px;
}

#contenu {
    margin-left: 23vw;
}

.liste-image {
    background: #e52935;
}

.fr-view .fr-file {
    font-family: NimbusSanNov-Bol;
}

.fr-view .fr-file::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f019";
    margin: 0 .2em 0 0;
    font-weight: 900;
}

.fr-view .fr-file::after {
    content: "";
}

.liste-extrait {
    padding-left: 8vw;
}

.no-image {

    }

#left_col ul.articles_en_relation {
    padding: 0px 4vw 0 2vw;
    position: absolute;
}

#right_col {
    right: 0;
    float: right;
    position: inherit;
    margin-top: 50px;
    padding-bottom: 50px;
    /*width:36vw*/

}

#calls_right_column {

    width: 37.5vw;
    /* top: 37.5vw; */
    /* min-height: 12.5vw; */
    position: inherit;
    min-height: 7vw;
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.call_pos_01 {
    align-self: normal
}

.call_pos_05 {
    background-color: #E62A35;;
}

.call_to_action_SQUARE:nth-of-type(even) {
    background-color: rgba(7, 48, 92, 1);
}

.call_to_action_SQUARE {
    position: inherit;
}

.section-titre {
    width: auto;
    clear:both;
    float:none;
    padding-top:3em
    }

.section-titre:first-child {
    margin-top: 1em;
    }

.picto {
    margin-top: 0;
    }

#thematiques .picto {
    margin-top: 20px;
    }

#thematiques.detail .cols_2_width {
    order: 0;
    }
.element_liste .liste-thematiques {
    padding-left: 8vw;
    }

.element_liste .liste-thematiques.no-image {
    padding-left: 0;
    }

#soustitre {
    font-size: 1.2vw;
    font-weight: bold;
    }

#personnes.detail img.cols_3_width {
    margin: 0;
    }

#personnes.detail>.cols_3_width {
    padding:  0;
}

.publication-item {
    width: 100%;
    float:left;
    margin-bottom: 3em;
    }

.publication-item>a.more {
    width: 100%;
    float:left;
    text-align: right;
    }

.publication-item h3.section-titre {
    margin:0;
    padding-top: 1em;
    }

li.small_menu {
    margin-top: 0;
    padding-top: 0;
}


#erreur404 {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-family: NimbusSanNov-Bol;
    background-color: #E62A35;;
    color:white;
    }

.box {
    overflow: hidden;
    }

#erreur404 h2 {
    font-size: 10vw;
    }

@media screen
and (min-device-width: 320px)
and (max-width: 568px) {

    #accueil .box .headlines p {
        /*display: none;*/
        }
    
    #menu ul {
        margin-top: 0;
        height: 70vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    li.small_menu a {
        display:block;
    }

    #menu ul li {
        margin-top: .8vh;
    }

    #contenu {
        margin-left: 5vw;
    }

    #thematiques #container {
        order:1
    }

    #thematiques #left_col {
        height: 80px;
    }

    #titre {
        max-width: 90vw;
        -webkit-hyphens : auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    
    #soustitre {
        font-size: 1em;
        font-weight: bold;
        }

    .element_liste:not(.list_personnes) > a > div {
        min-width: 25vw;
    }

    .avatar {
        width: 80vw;
        height: 80vw;
    }

    .avatar {
        border-width: 2px;
    }

    .avatar.list {
        border-width: 1px;
    }

    #personnes.detail .avatar {
        margin: 20px auto;
    }

    .liste-extrait {
        padding-left: 0;
    }

    #contenu_liste {
        margin-left: 20px;
        width: 95vw;
    }

    #left_col ul.articles_en_relation {
        position:inherit;
        padding: 5vw;
    }

    #right_col {
        padding-bottom: 0px;
        margin-top: 42px;
    }

    .detail .cols_2_width {
        width: 100%;
        order:3
    }
    
    .item-detail {

        display: flex;
        flex-direction: column;
        }
    
    #agenda #nav_secondaire {
        padding-right: .5em;
        font-size: 1em
        }

    #left_col ul.articles_en_relation {
        padding-top: 0;
        text-align: left;
    }

    .cols_3_width {
        margin-top: 40px;
    }

    .cols_3_width img.landscape {
        margin-top: -40px;
    }
    

     
    #image_article.empty {
        margin: 0px;
    }

    .texte_courant li {
        font-size: 1em;
        }

    #calls_right_column {
        width: 100%;
    }
    
    .element_liste .liste-thematiques {
        padding-left: 0vw;
        }


}


.home-label {
    font-size: .7rem;
    padding: .2rem;
    border:1px solid white;
    margin: 0 0 0 .5em;
    
    }