@font-face {
    font-family: "Simpliugli";
    src: url(../font/Simpliugli-Regular.ttf);

    font-family: "DejaVu";
    src: url(../font/DejaVuSansMono-Bold.ttf);
}

* {
    font-family: 'DejaVu';
}

a {
    text-decoration: none;
}

img {
    border-radius: 50px;

}

/* HEADER */

@media screen and (max-width: 992px) {
    .nav-large {
        position: absolute;
        top: 5px;
    }

    .nav-large ul {
        background-color: #f9e5ce;
        padding: 10px;
        border-radius: 20px;
    }

    main {
        margin-top: 130px;
        max-width: 80%;
    }

}

@media screen and (width > 992px) {
    main {
        margin-top: 180px;
    }

    .home {
        display: none;
    }


}

nav li a {
    font-family: 'Simpliugli', 'DejaVu';
    margin-left: 10px;
}

.nav-link {
    font-size: 1.2rem;
}

.dropdown-menu {
    border: 0px;
    border-radius: 20px;
    padding-bottom: 10px;
}

.dropdown-item {
    margin-left: 10px;
}

.dropdown-item:hover {
    background-color: transparent;
}

/* MAIN */
.a-lien {
    position: relative;
    width: 100%;
}

.a-jaune {
    color: #000;
}

.a-jaune:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 5px 5px #f3be30;
}

.a-rose {
    color: #000;
}

.a-rose:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 5px 5px #db809b;
}

.a-vert {
    color: #000;
}

.a-vert:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 5px 5px #49ab4a;
}

.a-rouge {
    color: #fff;
}

.a-rouge:hover {
    background-color: #f71111;
    color: #fff;
    box-shadow: 5px 5px #000;
}

.img-lien {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -20px;
    left: -30px;
}

.img-lien2 {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -5px;
    left: -30px;
}

main a {
    padding: 15px;
    color: #fff;
    font-family: 'Simpliugli', 'DejaVu';
    background-color: #000;
    border-radius: 50px;
    box-shadow: 5px 5px #f3be30;
    margin-top: 10px;
    margin-bottom: 10px;
}

main a:hover {
    background-color: #f3be30;
    color: #000;
    box-shadow: 5px 5px #000;
}

h1, h2, h3, h4, h5 {
    font-family: 'Simpliugli', 'DejaVu';
}

h1 {
    color: #f71111;
}

section {
    margin-top: 50px;
    margin-bottom: 50px;
}

section img {
    width: 80%;
}

.card {
    border: 0px;
    border-radius: 50px;
    /*box-shadow: 5px 5px #f3be30;*/

}

@media screen and (max-width: 992px) {
    .card {
        width: 80%;
        margin: auto;
    }
}

.card img {
    border-radius: 50px;
}

.card a {
    background-color: #e25c29;
    padding: 10px;
}

.card a:hover {
    box-shadow: 5px 5px #e25c29;
    color: #fff;
}

.event:hover{
    background-color: #f3be30;
    box-shadow: 5px 5px #e25c29;
}

.event img {
    max-height: 300px;
}

.player {
    margin: auto;
    max-width: 330px;
    padding: 15px;
    border-radius: 50px;
    margin-bottom: 50px;
}

.player2 {
    margin: auto;
    padding: 5px;
    border-radius: 50px;
    margin-bottom: 20px;
}

.player img {
    border-radius: 50px;
    max-width: 90%;
    margin: auto;
}


.player figure {
    margin-bottom: 10px;
}


.player figure audio {
    border-radius: 50px;
    max-width: 90%;
}

.player2 figure audio {
    margin-top: 20px;
    border-radius: 50px;
    max-width: 70%;
    position: relative;
    z-index: 6;
}

/* patch solution en attendant */ 

figure {
    margin: 0 0 0rem;    
}

.player2 > a {
    font-size: 0.65em;
}


iframe {
    border-radius: 50px;
    box-shadow: 5px 5px #e25c29;
    margin-bottom: 10px;

}

table {
    box-shadow: 5px 5px #f3be30;

}

thead {
    background-color: #000;
    color: #fff;
}

thead tr th {
    font-family: 'Simpliugli', 'DejaVu';
    font-size: 1.2em;
}

tbody {
    background-color: #fff;
}

.emission {
    background-color: transparent;
    box-shadow: none;
    border-radius: none;
    padding: 0px;
    color: #000;
}

.emission:hover {
    box-shadow: none;
    border-radius: none;
    color: #e25c29;
} 

.emission p {
    font-family: 'Simpliugli', 'DejaVu';
    margin: 0px;
}

.info {
    font-family: 'DejaVu';
    opacity: 0.5;
    margin: 0px;
}

.emission .info {
    font-family: 'DejaVu';
    font-size: 0.8em;
    opacity: 0.5;
}

.btn-link {
    color: #000;
    background-color: transparent;
    box-shadow: none;
    border-radius: none;
    margin: 0px;
    padding: 0px;
}

.btn-link:hover {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    box-shadow: none;
    border-radius: none;

}


/* FOOTER */
.social {
    border: 0px;
    border-radius: 50px;
    box-shadow: 5px 5px #f71111;

}

.social:hover {
    background-color: #f71111;
    box-shadow: 5px 5px black;
    color: white;
}

.copyright {
    font-size: 0.8em;
    opacity: 0.50;
}