html,body,h1,h2,h3,h4,h5,h6 {
    font-family: "Roboto", sans-serif
}

.logo-exp {
    display: none!important;
}

.pour-pdf{
    display: none;
}

.pour-pdf-inline {
    display: none;
}

body{
    background-color:#f1f1f1;
}

.header{
    margin-bottom:20px;
}

.main{
    max-width:1400px;
    margin-bottom:50px
}

.name-en {
    background:rgba(0,0,0,.5);
    text-shadow:2px 2px 0 #8a0900;
}

.pas-necessaire {
    display: none;
}

.picto {
    display:inline-block;
    margin-top:-3px;
    margin-right:2px;
    height: 14px;
}

.picto-titre {
    display:none;
    margin-top:-5px;
    margin-right:12px;
    height: 22px;
    width: 22px;
}

.picto-logo {
    display:none;
    margin-top:-6px;
    margin-right:15px;
    height: 15px;
    object-fit: contain;
}

.picto-big {
    display:none;
    margin-top:-5px;
    margin-right:12px;
    height: 40px;
}

.shadow {text-shadow:2px 2px 0 #ddd!important}

.div-gradient {
    height: 50px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.5));
    margin: 0;
}

.petit-texte {
    font-family: 'Rubik', sans-serif;
}

.desc {
    font-family: 'Arimo', sans-serif;
}

.date {
    font-family: 'Bree Serif', serif;
    margin: -3px 0;
}

.titre {
    font-family: 'Francois One', sans-serif;
}

.intitule {
    font-family: 'Arimo', sans-serif !important;
    color: #222;
}

.barre-compet {
    margin: -10px 0 0 -5px !important;
}

.item-list-short {
    margin: 7px 0 20px 0;
}

.colonne-logo {
    width:20%;
    padding-left: 24px;
}

.logo-exp {
    max-height: 110px;
    max-width: 100%;
    margin:auto;
    text-align:center;
    display:block;
}

.logo-exp-mobile {
    max-height: 110px;
    max-width: 45%;
    margin-left: 2%;
    margin-right: 2%;
    text-align:center;
}

hr {
    margin-top : 10px;
    margin-bottom: 10px;
}

.visibility-small {
    display: none;
}

.visibility-large {
    display: block;
}

.border-right-large-screen {
    border-right:1px solid #eee!important;
}

.colonne-texte {
    width:80%;
}


.just-name {
    display: none;
    padding-top: 15px;
}

@media (max-width:600px){
    .visibility-small {
        display: block;
    }

    .colonne-logo {
        display: none;
    }

    .colonne-texte {
        width:100%;
    }

    .visibility-large {
        display: none;
    }

    .border-right-large-screen {
        border-right:0!important;
    }

    .just-name {
        display: block!important;
    }

    .avatar {
        display: none;
    }
}