
/*************************************/
/* ÉLÉMENTS MASQUÉS */
/*************************************/

.visually-hidden,
.a11y,
.main-menu-wrapper,
#subnav {display:none;}


/*************************************/
/* ÉLÉMENTS HTML GÉNÉRAUX */
/*************************************/

html, body {
    height: 100%;
    color:black !important;
}

body {
    font-size: 100%;
    line-height: 1.7em; /* WCAG 2.0, Règle 1.4  */
    background-color:#fff;
}

p, ul li, ol li {
    color:black;
    font-family:"Barlow", sans-serif;
    font-size:1.1em;}

ul li, ol li {margin-bottom:0.4em;}

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.6em;
    white-space: nowrap;
}

abbr {
    border-bottom: 0;
    padding-bottom:1pt;
    text-decoration:none;}

a {
    text-decoration: none;
    border-bottom:1pt solid #000;
    color:#000;
    padding-bottom:2pt;
    transition:border-bottom-color 50ms linear;
}


h1 {
    color:#000;
    font-weight:bold;
    font-family: "B612", sans-serif;
    font-size:1.7em;
    margin-bottom:0.3em;
    line-height: 110%;
}

h2 {color:#000;
    font-family: "Barlow", sans-serif;
    font-size:1.4em;
}

h2:first-of-type {margin-top:1rem;}

img {max-width: 100%;
    height: auto;
}


/*************************************/
/* Styles de base */
/*************************************/

.italique {font-style: italic;}
.gras {font-weight:bold;}
.semigras, strong {font-weight:600;}
.maj {text-transform:uppercase;}
.biblio {
    text-indent: -2.1em;
    margin-left:2.1em;
    margin-bottom:0.7em;
    margin-top:0.7em;}
.img-link a {border:0 !important;}
.att-r {font-weight:500;}
.att-b {font-weight:500;}


/*************************************/
/* En-tête */
/*************************************/

.header-wrapper {
    border-top:5pt solid #000;
    border-bottom:2pt solid #000;
}

.coll {
    padding-top:0.5rem;
    padding-bottom:1.5rem;
    text-align:center !important;
    width:75%;
    margin:auto;
}
.international p {
    color:#000;
    font-weight:500;
    margin-bottom:0;
}
.nom-colloque p {
    font-family:"B612", sans-serif;
    font-weight:bold;
    color:#000;
}

.ligne1 {
    font-size:1.9rem;
    line-height:110%;
}

.ligne2 {
    font-size:2.2rem;
    display:block;
    line-height:110%;
    }

.date-lieu {
    padding:0rem 1rem;
    background-color:#fff;
    display:inline-block;
    border:1pt solid #000;
    border-radius: 3pt;
}
.date-lieu p {color:#000;
    font-weight: 500;
    margin-top:0;
    margin-bottom:0;}


/*************************************/
/* Contenu */
/*************************************/

#content {
    padding-top:1.5rem;
    padding-bottom:2rem;
}

#content.main-page {display:block;}


/*************************************/
/* Pied de page */
/*************************************/

.footer-copyright {
    border-top:2px solid #000;
    text-align:center;}

.footer-copyright p {color:#000;
    font-size:1.1em;}


/*************************************/
/* Logos */
/*************************************/

ul.logos {
    padding-left:0;
    list-style-type:none;
    filter: grayscale(100%);
}

ul.logos-partenaires {
    width:85%;
    margin:auto;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
}

ul.logos-partenaires li {margin:1em;}

ul.logos-org {
    padding-top:1.3em;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
}

ul.logos-org li {
    margin-bottom:0.5em;
    margin-top:0.5em;
    margin-right:2em;}

ul.logos-org li:last-of-type {margin-right:0;}

ul.logos a {border:0;}


