@font-face {
    font-family: 'Oxygen';
    src: url('Oxygen-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oxygen';
    src: url('Oxygen-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oxygen';
    src: url('Oxygen-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.fondnoir {
  background-color: black;
  color: white;
}

.inline-block {
  display: inline-block;
}

/* Header */
#barre_haut {
    background-color: black;
    height: 16px;
    width: 100%;
}

#wrapper {
    background-color: #555f69;
    height: 35px;
    width: 100%;
    padding: 0;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 786px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.menu_haut {
    color: black;
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.menu_haut a {
    color: #111a21;
}

.menu_haut a:hover {
    background: #111a21;
    color: #ffffff;
}

.menurouge {
    background-color: #b1191d;
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.menurouge a {
    color: white;
}

.menurouge a:hover {
    background: #ffffff;
    color: #b1191d;
}

.login {
    background-color: #ffffff;
    color: black;
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
}

.login a {
    color: #b1191d;
    text-decoration: none
}

.login a:hover {
    background: #ffffff;
    color: black;
    text-decoration: none
}

.bloc-partenaires {
    padding: 0 0 0 0;
    list-style-type: none;
}

.bloc-partenaires h3 {
    font-family: 'Oxygen', sans-serif;
    font-size: 48px;
    line-height: 51px;
    font-weight: 200;
    color: black;
    text-transform: uppercase;
    margin: 0;
}

.menu-partenaires {
    padding: 10px 0 0;
}

.menu-partenaires ul {
    list-style-type: none;
    text-decoration: none;
    padding-left: 0;
    padding-top: 10px;
}

.menu-partenaires li {
    display: block;
    border-bottom: 5px solid white;
}

.menu-partenaires a {
    background-color: #b1191d;
    color: #ffffff;
    display: inline;
    font-size: 18px;
    padding: 3px 6px 5px 6px;
    margin-bottom: 3px;
}

.menu-partenaires a:hover {
    background: black;
    color: #ffffff;
    text-decoration: none;
}

.bas-accueil {
    padding: 5px 20px 20px 20px;
    width: 100%;
}

.bas-accueil::before {
    position: relative;
    display: inline-block;
    content: ' ';
    width: 100%;
    height: 23px;
    left: 0;
    background: url('../odpf/odpf-images/split-top-911x23.png') no-repeat center top;
    top: 0;
}

.menu-bas {
    display: inline;
    width: 100%;
    height: 40px;
}

.menu-bas li {
    display: block;
}

.menu-bas-text a {
    display: inline;
    text-decoration: none;
    line-height: 30px;
    margin: 0 10px 0 0;
    padding-left: 0;
    padding-right: 0;
    font-family: 'Oxygen', sans-serif;
    font-size: 15px;
    font-weight: bold;
    background: #d6dbdf;
    color: #111a21;
    text-align: center;
    text-transform: uppercase;
}

.menu-bas-text a:hover {
    background: #111a21;
    color: #ffffff;
}

.menu-bas-text li:last-child a {
    margin: 0;
}

.orga {
    padding-top: 0;
}

.orga span.site-logo {
    float: left;
    /*background: url('../odpf-images/site-logo-239x66.png');*/
    width: 239px;
    height: 66px;
    margin: 44px 36px 0 0;
    display: block;
}

.orga span.split {
    float: left;
    display: block;
    background: url('../odpf/odpf-images/split-vertical-23x177.png');
    width: 23px;
    height: 177px;
    margin: 0 16px 0 0;
}

@media screen and (max-width: 850px) {
    .orga span.split {
        display: none;
    }
}

.orga div.txt {
    float: left;
    /*width: 452px;*/
    padding: 48px 0 0;
}

.orga div.txt p {
    font-family: 'Oxygen', sans-serif;
    font-size: 16px;
    color: #111a21;
    line-height: 20px;
    margin: 0 0 10px;
}

.orga .sponsors div.txt img {
    float: left;
    margin: 0 12px 0 0;
}

.orga:after {
    position: relative;
    content: ' ';
    width: 100%;
    height: 23px;
    left: 0;
    background: url('../odpf/odpf-images/split-bottom-911x23.png') no-repeat center top;
}

.pied {
    padding: 0 10px 0 18px;
}

.pied-texte ul {
    text-align: right;
    padding: 2px 0 18px;
}

.pied-texte li {
    display: inline;
}

.pied-texte a {
    text-decoration: none;
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    color: #111a21;
    position: relative;
    margin: 0 10px;
}

.pied-texte a:hover {
    text-decoration: underline;
}

.pied-texte2 ul {
    text-align: right;
    padding: 2px 0 18px;
}

.pied-boite > ul:nth-child(1) > li:nth-child(1) {
    text-decoration: none;
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    color: #111a21;
}

.pied-texte2 li {
    display: inline;
    text-decoration: none;
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    color: #111a21;
}

.pied-texte2 a {

    position: relative;
    margin: 0 10px;
}

.pied-texte2 a:hover {
    text-decoration: underline;
}