/************************************ GRAPHICAL CHARTER ***********************************/
/*
Vert Foncé du trèfle : #548766
Orange : #e0541f
Rouge : #c82528
Bleu : #142269
Vert Clair Tapis : #92ed86

Fonts Bauhaus-Light.ttf
*/


* {
    outline: none;
    box-sizing: border-box;
}

@font-face {
    font-family: "Bauhaus";
    src: url("../fonts/Bauhaus_Light.ttf");
}

html {
    font-size: 62.5%;
    font-family: 'Bauhaus', 'calibri', 'PT Sans Narrow', 'sans-serif';
}

main, h1, h2, h3 {
    margin: 0 auto;
    text-align: center;
}

h1 {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

h2 {
    text-decoration: underline #92ed86;
}

h3 {
    font-weight: bolder;
}

h4 {
    color: brown;
    text-align: left;
}

a {
    text-decoration: none;
}

embed,
div > embed {
    width: 80%;
    height: 50rem;
    margin: 0 auto;
}


/**//**//**MISE NE FORME DES FORMAULAIRES/**//**//**
/*Pages 'Contact', 'Inscription_compétition' et  'DemandeDeReglement*/

/*form#demande_reglement div*/
form > div {
    width: 90%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
/*form#demande_reglement div > label*/
form div > label,
form div > textarea {
    text-align: left;
    font-weight: bolder;
}

/*form#demande_reglement div > input*/
form div > input {
    font-size: 2rem;
    vertical-align: middle;
    padding: 1rem;
}

/*form#demande_reglement button*/
form button {
    width: 30rem;
    height: 10rem;
    font-size: 2rem;
    background-color: #92ed86;
}



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

    main {
        width: 80%;
        margin: 0 auto;
    }

    h1 {
        font-size: 1.8rem;
    }

    h2 {
        font-size: 1.8rem;
    }

    h3 {
        font-size: 1.7rem;
    }

    h4 {
        font-size: 1.6rem;
    }

    li {
        font-size: 1rem;
    }

    p {
        font-size: 1.5rem;
        text-align: justify;
        padding: 0 1.5rem 0 1.5rem;
        font-weight: bolder;
    }

    /**//**//**MISE NE FORME DES FORMAULAIRES/**//**//**
    /*Pages 'Contact', 'Inscription_compétition' et  'DemandeDeReglement*/

    /*form#demande_reglement div*/
    form > div {
        margin-bottom: 1rem;
    }
    /*form#demande_reglement div > label*/
    form div > label,
    form div > textarea {
        font-size: 1.5rem;
        padding: 1rem;
    }

    /*form#demande_reglement div > input*/
    form div > input {
        font-size: 1.5rem;
    }

    /*form#demande_reglement button*/
    form button {
        width: 60%;
        max-height: 7rem;
        font-size: 1.5rem;
        margin-bottom: 1.2rem;
    }


    /**********HEADER**********/

    header {
        width: 100%;
        border-bottom: 1rem solid #93ed87;
        background: linear-gradient(40deg, white 20%, #92ed86 60%);
        position: relative;
    }
    
    #header_space {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

    #header_logo {
        width : 80%;
        text-align: center;
        margin: 0 auto;
    }

    #header_logo img {
        width: 80%;
        max-height: 15rem;
        margin:0 auto;
        padding: 0.5rem 0 1rem 0;
    }

    #header_nav {
        width: 80%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    #header_nav > a {
        text-decoration: none;
        color: black;
        text-align: center;
        font-size: 2rem;
        padding: 0.5rem;
        font-weight: bold;
    }

    .sous_menu {
        display: none;
    }

    #header_nav > a.menu:hover {
        font-size: 3rem;
        font-style: italic;
        color: black;
    }


    /**********CONTENT**********/

    /******Home******/

    #home_page {
        display: flex;
        flex-direction: column;
    }

    /* slider ----------------------*/
    .slide-wrap {
        margin: 0 auto;
        width: 100%;
    }
    
    .slide-mask {
        position: relative;
        overflow: hidden;
        height: 250px;
        margin: 0 auto;
        text-align: center;
    }
    
    .slide-group {
        position: absolute; 
        top: 0px;
        width: 100%;
    }
    
    .slide-group > img {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .slide {
        height: 250px;
        font: 100 90px/135px "lato";
        font-size: 2em;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
    }
    
    /* nav ----------------------*/
    .slide-nav {
        text-align: center;
    }
    
    .slide-nav ul {
        margin: 0 auto;
        padding: 0;
    }
    
    .slide-nav li {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: white ;
        color: black;
        cursor: pointer;
        margin-left: .5em;
    }
    
    .slide-nav li.current {
        background-color: white;
    }

    .images_news {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    /******Club******/

    /**Association**/
    div#collectif img {
        width: 90%;
    }

    /**Modalités d'adhésion**/
    #rejoindre > p,
    #tarifs > p {
        text-align: center;
        margin: 0 auto;
        background-color:  #92ed86;
    }

    #rejoindre > p > a,
    #tarifs > p > a {
        text-align: center;
        text-decoration: none;
    }
    
    /**Bureau**/
    #adhésion > p > a {
        text-align: center;
        background-color:  #92ed86;
    }

    div#liste_membres_bureau {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    div#liste_membres_bureau > article {
        display: flex;
        flex-direction: column;
        width: 40%;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
    }

    div#liste_membres_bureau > article > p {
        text-align: center;
        padding: 0.2rem 0 0.2rem 0;
        margin: 0 auto;
    }

    .fonction {
        font-size: 1.3rem;
    }

    .membre {
        font-size: 1.3rem;
    }
    
    div#liste_membres_bureau > article > img {
        margin: 0 auto;
        width: 50%;
    }

    /*****Modalités d'inscription*****/
    #tarif, #adhesion_form {
        margin: 1.5rem 0 1.5rem
    }

    /*****Tarifs******/

    /*****Reglement******/

    /******Activités******/

    #activites_permanentes h2,
    #activites_ponctuelles h2 {
        display: block!important;
    }

    #activites_permanentes,
    #activites_ponctuelles {
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin: 0 auto;
        padding: 1.2rem 0 1.2rem 0;
    }
    
    article.activite {
        text-align: center;
        padding: 1rem 0 1rem 0;
        width: 90%;
        margin: 0 auto;
    }
    
    article.activite:hover {
        background-color: #92ed86;
    }

    article.activite > h3 {
        font-weight: bolder;
        font-style: italic;
        font-size: 1.8rem;
        text-align: center;
        color: #c82528;
    }
    
    article.activite > p {
        font-size: 1.8rem;
    }

    article.activite > a >img {
        width: 90%;
        max-height: 30rem;
    }

    #activites_evenements > p > a {
        text-decoration: none;
        color: black;
    }


    /******ActiviteDetail******/

    main#detail_activite > a > img {
        width: 90%;
    }

    main#detail_activite > a > p {
        text-align: center;
    }

    main#detail_activite > a {
        text-decoration: none;
        color: black;
    }

    main#detail_activite > a > p:hover {
        background-color: #92ed86;
    }

    /******Formations******/

    #formations_NBC {
        margin: 0 auto;
        text-align: center;
        width: 90%;
        display: flex;
        flex-direction: column;
    }
    #formation_NBC > article.formations {
        width: 90%;
    }

    .formations > h2 {
        font-size: 1.8rem;
        width: 100%;
    }

    #formations_NBC > article.formations > a > img {
        width: 80%;
        max-height: 35rem;
    }

    p.formation_description {
        text-align: center;
        font-size: 1.5rem;
        font-style: italic;
    }


    /******FormationDetail******/

    main#formation_detail > img {
        width: 80%;
    }


    /******Compétitions******/
    /**competitions_ffb**/
    img.logo_ffb {
        width: 20%;
    }
 
    /**Planning des compétitions**/
    #planning_image {
        width: 50%;
    }

    #planning_image > a > img {
        width: 50%;
    }

    /**Inscription et demande de règlement**/
    #competitions_locales,
    #competitions_conditions {
        display: flex;
        flex-direction: column;
        align-content: center;
    }

    #competitions_locales > article
    #competitions_conditions > article {
        display: flex;
        flex-direction: column;
        align-content: center;
        padding-bottom: 2rem;
    }

    #competitions_locales > article > h2,
    #competitions_locales > article > p,
    #competitions_locales > article > a > h4,
    #competitions_conditions > article > h2,
    #competitions_conditions > article > p,
    #competitions_conditions > article > a > h4 {
        text-align: center;
        margin: 0 auto;
    }    

    #competitions_locales > article > a > h3,
    #competitions_conditions > article > a > h3 {
        background-color: #92ed86;
    }    

    /**Résultats des dernières compétitions**/
    #resultats {
        display: flex;
        flex-direction: column;
    }
    
    .resultats_competitions {
        margin-top: 1.2rem;
    }

    #resultats > article {
        width: 90%;
        margin: 0 auto;
    }

    #resultats > article > p {
        text-align: left;
        font-size: 1.3rem;
    }

    #resultats > article img {
        width: 60%;
        max-height: 50rem;
    }

    /******PlanningDetail******/

    /******Images******/

    div#activite_photo {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        padding: 1rem 0 1rem 0;
    }

    #activite_photo > article {
        text-align: center;
        padding: 1rem 0 1rem 0;
        width: 90%;
        margin: 0 auto;
    }
    
    article.activite_archive > h3 {
        font-weight: bolder;
        font-style: italic;
        font-size: 1.2rem;
        text-align: center;
        color: #c82528;
    }
    
    article.activite_archive > a {
        text-decoration: none;
        color: black;
    }
    
    #activite_photo > article > a > img {
        width: 100%;
        max-height: 35rem;
    }


    /******Annee******/

    #archive_photo_activite div {
        display: flex;
        flex-direction: column;
    }
    
    
    #archive_photo_activite > div > article {
        width: 80%;
        margin: 0 auto;
    }

    #archive_photo_activite > div > article > a {
        text-decoration: none;
        color: black;
        font-size: 1.8rem;
        font-style: bold;
    }

    #archive_photo_activite > div > article > a:hover {
        background-color: #92ed86;
    }


    /******Photos******/

    #photos_activite_annee > img {
        width: 90%;
    }


    /******Presse******/
    #presse h1 {
        margin-bottom: 1rem;
    }
    
    #presse > img {
        margin: 1.2rem 0 3rem 0;
        width: 90%;
    }


    /******Contact******/

    /**Map Google**/
    #club_place {
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        text-align: center;
    }

    #map_address {
        width: 80%;
        margin: 0 auto;
        padding: 1rem 0 1rem 0;
    }

    #map_address > p {
        text-align: center;
        margin: 0 auto;
    }

    .google_map {
        width: 90%;
        margin: 0 auto;
    }
    
    .google_map iframe {
        width: 90%;
        max-height: 25rem;
    }


    
    /******Error******/
    
    #error > p {
        text-align: center;
    }
    #error > p > a {
        text-decoration: none;
        color: black;
    }
    
    #error > p > a:hover {
        color: #92ed86;
    }
 
    

    /******ADMIN ET MEMBRES******/    
    
    .admin_header > a {
        color: grey;
        padding: 0;
    }

    #admin {
        width: 90%;
    }

    #admin > a.new {
        text-decoration: none;
        color: red;
        font-size: 1.5rem;
    }

    #admin h1 {
        font-size : 2rem;
    }

    #admin h2 {
        font-size : 1.5rem;
    }

    #admin h3 {
        font-size : 1.2rem;
    }

    #admin h4 {
        font-size : 1.2rem;
    }
    
    #admin > img {
        width : 80%;
        text-align: center;
    }

    #admin div > p {
        font-size: 1.2rem;
    }

    #admin > table {
        margin: 0 auto;
    }

    #admin > table tr > td,
    #admin > table tr > th {
        font-size: 0.9rem;
    }
    
    #admin > table tr > td > img {
        width: 2rem;
    }

    #admin > table tr > td > a {
        font-size: 0.9rem;
        text-decoration: none;
    }

    #admin > form > div > label,
    #admin > form > div > input,
    #admin > form > div > select,
    #admin > form > div > select > option,
    #admin > form > div > textarea {
        font-size: 1rem;
    }
    
    #admin > form > div > img {
        width: 60%;
        margin: 0 auto;
    }

    #admin > article {
        width: 80%;
        margin: 0 auto;
    }

    #admin > article > a > img {
        width: 80%;
    }

    .choice {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 2rem 0 2rem;
    }

    .choice > button {
        font-size: 1.2rem;
        width: 40%;
        max-height: 3rem;
    }




    /**********FOOTER**********/

    footer {
        padding-top: 0.5rem;
        border-top: solid 1rem #92ed86 ;
        display: flex;
        flex-direction: column;
    }
    
    #footer_address {
        margin: 0 auto;
        width: 90%;
    }

    #footer_address > p {
        font-size: 1.2rem;
        padding: 0;
        text-align: center;
    }
}


@media screen and (min-width: 768px) and (max-width: 1023px) {

    main {
        width: 80%;
        text-align: center;
    }

    h1 {
        font-size: 2.2rem;
    }

    h2, h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 1.8rem;
    }

    li {
        font-size: 1.5rem;
    }

    p {
        font-size: 1.5rem;
        text-align: justify;
        padding: 0 1.5rem 0 1.5rem;
        font-weight: bolder;
    }

    /**//**//**MISE NE FORME DES FORMAULAIRES/**//**//**
    /*Pages 'Contact', 'Inscription_compétition' et  'DemandeDeReglement*/

    /*form#demande_reglement div*/
    form > div {
        margin-bottom: 1rem;
    }
    /*form#demande_reglement div > label*/
    form div > label,
    form div > textarea {
        font-size: 1.5rem;
        padding: 1rem;
    }

    /*form#demande_reglement div > input*/
    form div > input {
        font-size: 1.5rem;
    }

    /*form#demande_reglement button*/
    form button {
        width: 60%;
        max-height: 7rem;
        font-size: 1.5rem;
        margin-bottom: 1.2rem;
    }


    /**********HEADER**********/

    header {
        width: 100%;
        border-bottom: 1rem solid #93ed87;
        background: linear-gradient(40deg, white 20%, #92ed86 60%);
        position: relative;
    }
    
    #header_space {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 80%;
        margin: 0 auto;
    }

    #header_logo {
        width : 20%;
        text-align: center;
    }

    #header_logo img {
        width: 100%;
        max-height: 15rem;
        margin:0 auto;
        padding: 1rem 0 1rem 0;
    }

    #header_nav {
        width: 80%;
        max-height: 8rem;
        display: flex;
        margin: 0 auto;
        text-align: center;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-around;
    }

    #header_nav > a {
        text-decoration: none;
        color: black;
        text-align: center;
        font-size: 1.7rem;
        padding: 0.8rem;
        font-weight: bold;
    }

    .sous_menu {
        display: none;
    }

    #header_nav > a.menu:hover {
        font-size: 2.2rem;
        font-style: italic;
        color: black;
    }

    a {
        text-decoration: none;
        color: black;
    }


    /**********CONTENT**********/

    /******Home******/

    #home_page {
        display: flex;
        flex-direction: column;
    }

    
    /* slider ----------------------*/
    .slide-wrap {
        margin: 0 auto;
        width: 100%;
    }
    
    .slide-mask {
        width:90%;
        position: relative;
        overflow: hidden;
        height: 450px;
        margin: 0 auto;
        text-align: center;
    }
    
    .slide-group {
        position: absolute; 
        top: 0px;
        width: 100%;
    }
    
    .slide-group > img {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .slide {
        height: 450px;
        font: 100 90px/135px "lato";
        font-size: 2em;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
    }
    
    /* nav ----------------------*/
    .slide-nav {
        text-align: center;
    }
    
    .slide-nav ul {
        margin: 0 auto;
        padding: 0;
    }
    
    .slide-nav li {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: white ;
        color: black;
        cursor: pointer;
        margin-left: .5em;
    }
    
    .slide-nav li.current {
        background-color: white;
    }

    .images_news {
        width: 80%;
        margin: 0 auto;

    }

    /******Club******/

    /**Association**/
    div#collectif img {
        width: 80%;
    }

    /**Modalités d'adhésion**/
    #rejoindre > p,
    #tarifs > p {
        text-align: center;
        margin: 0 auto;
        background-color:  #92ed86;
    }

    #rejoindre > p > a,
    #tarifs > p > a {
        text-align: center;
        text-decoration: none;
    }

    /**Bureau**/
    div#liste_membres_bureau {
        width: 80%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    div#liste_membres_bureau > article {
        display: flex;
        flex-direction: column;
        width: 30%;
        padding: 0.2rem;
        margin: 0 auto;
        text-align: center;
    }

    div#liste_membres_bureau > article > p {
        text-align: center;
        padding: 0.2rem 0 0.2rem 0;
        margin: 0 auto;
    }

    .fonction {
        font-size: 1.3rem;
    }

    .membre {
        font-size: 1.3rem;
    }

    .email {
        font-size: 1rem;
    }
    
    div#liste_membres_bureau > article > img {
        margin: 0 auto;
        width: 80%;
    }

    /*****Modalités d'inscription*****/
    #tarif, #adhesion_form {
        margin: 1.5rem 0 1.5rem
    }

    /*****Tarifs******/

    /*****Reglement******/

    /******Activités******/

    #activites_permanentes h2,
    #activites_ponctuelles h2 {
        display: block!important;
    }

    #activites_permanentes,
    #activites_ponctuelles {
        width: 90%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 1.2rem 0 1.2rem 0;
    }
    
    article.activite {
        text-align: center;
        padding: 1rem 0 1rem 0;
        width: 50%;
        margin: 0 auto;
    }
    
    article.activite:hover {
        background-color: #92ed86;
    }

    article.activite > h3 {
        font-weight: bolder;
        font-style: italic;
        font-size: 1.8rem;
        text-align: center;
        color: #c82528;
    }
    
    article.activite > p {
        font-size: 1.8rem;
    }

    article.activite > a > img {
        padding-top: 0.5rem;
        width: 90%;
        max-height: 40rem;
    }

    #activites_evenements > p > a {
        text-decoration: none;
        color: black;
    }


    /******ActiviteDetail******/

    main#detail_activite > a > img {
        width: 90%;
    }

    main#detail_activite > a > p {
        text-align: center;
    }

    main#detail_activite > a {
        text-decoration: none;
        color: black;
    }

    main#detail_activite > a > p:hover {
        background-color: #92ed86;
    }

    /******Formations******/

    #formations_NBC {
        margin: 0 auto;
        text-align: center;
        width: 90%;
        display: flex;
        flex-direction: row;
    }

    #formation_NBC > article.formations {
        width: 90%;
    }

    .formations > h2 {
        font-size: 1.8rem;
        width: 100%;
    }

    #formations_NBC > article.formations > a > img {
        width: 80%;
        max-height: 35rem;
    }

    p.formation_description {
        text-align: center;
        font-size: 1.5rem;
        font-style: italic;
    }


    /******FormationDetail******/

    main#formation_detail > img {
        width: 80%;
    }


    /******Compétitions******/
    /**competitions_ffb**/
    img.logo_ffb {
        width: 20%;
    }
 
    /**Planning des compétitions**/
    #planning_image {
        width: 50%;
    }

    #planning_image > a > img {
        width: 50%;
    }

    /**Inscription et demande de règlement**/
    #competitions_locales,
    #competitions_conditions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0 auto;
        width: 90%;
    }

    #competitions_locales > article,
    #competitions_conditions > article {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        width: 45%;
        padding: 1rem 1rem 2rem 1rem;
    }

    #competitions_locales > article > h2,
    #competitions_locales > article > p,
    #competitions_locales > article > a > h4,
    #competitions_conditions > article > h2,
    #competitions_conditions > article > p,
    #competitions_conditions > article > a > h4 {
        text-align: center;
        margin: 0.2rem auto;
    }    

    #competitions_locales > article > a > h3,
    #competitions_conditions > article > a > h3 {
        background-color: #92ed86;
        margin: 0.2rem 0 0.2rem 0;
    }    

    /**Résultats des dernières compétitions**/
    #resultats {
        display: flex;
        flex-direction: column;
    }
    
    .resultats_competitions {
        margin-top: 1.2rem;
    }

    #resultats > article {
        width: 90%;
        margin: 0 auto;
    }

    #resultats > article > p {
        text-align: left;
        font-size: 1.3rem;
    }

    #resultats > article img {
        width: 60%;
        max-height: 50rem;
    }


    /******PlanningDetail******/
 
    /******Images******/

    div#activite_photo {
        width: 90%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        padding: 1rem 0 1rem 0;
    }

    #activite_photo > article {
        text-align: center;
        padding: 1rem 0 1rem 0;
        width: 45%;
        margin: 0 auto;
    }
    
    article.activite_archive > h3 {
        font-weight: bolder;
        font-style: italic;
        font-size: 1.2rem;
        text-align: center;
        color: #c82528;
    }
    
    article.activite_archive > a {
        text-decoration: none;
        color: black;
    }
    
    #activite_photo > article > a > img {
        width: 100%;
        max-height: 35rem;
    }


    /******Annee******/

    #archive_photo_activite div {
        display: flex;
        flex-direction: column;
    }
    
    
    #archive_photo_activite > div > article {
        width: 80%;
        margin: 0 auto;
    }

    #archive_photo_activite > div > article > a {
        text-decoration: none;
        color: black;
        font-size: 1.8rem;
        font-style: bold;
    }

    #archive_photo_activite > div > article > a:hover {
        background-color: #92ed86;
    }


    /******Photos******/

    #photos_activite_annee > img {
        width: 90%;
    }


    /******Presse******/
    #presse h1 {
        margin-bottom: 1rem;
    }
    
    #presse > img {
        margin: 1.2rem 0 3rem 0;
        width: 90%;
    }


    /******Contact******/

    /**Map Google**/
    #club_place {
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        text-align: center;
    }

    #map_address {
        width: 80%;
        margin: 0 auto;
        padding: 1rem 0 1rem 0;
    }

    #map_address > p {
        text-align: center;
        margin: 0 auto;
    }

    .google_map {
        width: 90%;
        margin: 0 auto;
    }
    
    .google_map iframe {
        width: 90%;
        max-height: 25rem;
    }



    /******Error******/

    #error > p {
        text-align: center;
    }
    
    #error > p > a {
        text-decoration: none;
        color: black;
    }
    
    #error > p > a:hover {
        color: #92ed86;
    }

    
    /******ADMIN ET MEMBRES******/    
    
    .admin_header > a {
        color: grey;
        padding: 0;
    }

    #admin {
        width: 90%;
    }

    #admin > a.new {
        text-decoration: none;
        color: red;
        font-size: 1.7rem;
    }

    #admin h1 {
        font-size : 2rem;
    }

    #admin h2 {
        font-size : 1.8rem;
    }

    #admin h3 {
        font-size : 1.4rem;
    }

    #admin h4 {
        font-size : 1.4rem;
    }
    
    #admin > img {
        width : 80%;
        text-align: center;
    }

    #admin div > p {
        font-size: 1.4rem;
    }

    #admin > table {
        margin: 0 auto;
        width: 80%;
    }

    #admin > table tr > td,
    #admin > table tr > th {
        font-size: 1.2rem;
    }
    
    #admin > table tr > td > img {
        width: 2rem;
    }

    #admin > table tr > td > a {
        font-size: 1.2rem;
        text-decoration: none;
    }

    #admin > form > div > label,
    #admin > form > div > input,
    #admin > form > div > select,
    #admin > form > div > select > option,
    #admin > form > div > textarea {
        font-size: 1.5rem;
    }
    
    #admin > form > div > img {
        width: 40%;
        margin: 0 auto;
    }

    #admin > article {
        width: 80%;
        margin: 0 auto;
    }

    #admin > article > a > img {
        width: 80%;
    }

    .choice {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 2rem 0 2rem;
    }

    .choice > button {
        font-size: 1.4rem;
        width: 40%;
        max-height: 3rem;
    }



    /**********FOOTER**********/

    footer {
        padding-top: 0.5rem;
        border-top: solid 1rem #92ed86 ;
        display: flex;
        flex-direction: column;
    }
    
    #footer_address {
        margin: 0 auto;
        width: 90%;
    }

    #footer_address > p {
        font-size: 1.8rem;
        padding: 0;
        text-align: center;
    }

}


@media screen and (min-width: 1024px) and (max-width: 1399px) {

    main {
        margin: 0 auto;
        width: 80%;
    }

    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2.3rem;
    }

    h3 {
        font-size: 2.2rem;
    }

    h4 {
        font-size: 2.1rem;
    }

    li {
        font-size: 2rem;
    }

    p {
        font-size: 2rem;
        text-align: justify;
        padding: 0 2rem 0 2rem;
        font-weight: bolder;
    }

    /**//**//**MISE NE FORME DES FORMAULAIRES/**//**//**
    /*Pages 'Contact', 'Inscription_compétition' et  'DemandeDeReglement*/

    /*form#demande_reglement div*/
    form > div {
        margin-bottom: 1rem;
    }
    /*form#demande_reglement div > label*/
    form div > label,
    form div > textarea {
        font-size: 1.8rem;
        padding: 1rem;
    }

    /*form#demande_reglement div > input*/
    form div > input {
        font-size: 1.8rem;
    }

    /*form#demande_reglement button*/
    form button {
        width: 60%;
        max-height: 7rem;
        font-size: 2rem;
        margin-bottom: 1.2rem;
    }


    /**********HEADER**********/

    header {
        width: 100%;
        border-bottom: 1rem solid #93ed87;
        background: linear-gradient(40deg, white 20%, #92ed86 60%);
        position: relative;
    }
    
    #header_space {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto;
        width: 80%;
    }

    #header_logo {
        width : 20%;
        text-align: center;
    }

    #header_logo img {
        width: 90%;
        max-height: 15rem;
        margin:0 auto;
        padding: 1rem 0 1rem 0;
    }

    #header_nav {
        width: 70%;
        max-height: 8rem;
        display: flex;
        margin: 0 auto;
        text-align: center;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-around;
    }

    #header_nav > a {
        text-decoration: none;
        color: black;
        text-align: center;
        font-size: 2.3rem;
        font-weight: bold;
        padding: 0 1rem;
    }

    .sous_menu {
        display: none;
    }

    #header_nav > a.menu:hover {
        font-size: 2.4rem;
        font-style: italic;
        color: black;
    }


    /**********CONTENT**********/

    /******Home******/

    #home_page {
        display: flex;
        flex-direction: column;
    }

    /* slider ----------------------*/
    .slide-wrap {
        margin: 0 auto;
        width: 100%;
    }

    .slide-mask {
        position: relative;
        overflow: hidden;
        height: 450px;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
  
    .slide-group {
        position: absolute; 
        top: 0px; 
        width: 100%;
    }
  
    .slide-group img {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .slide {
        height: 450px;
        font: 100 90px/135px "lato";
        font-size: 2em;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
    }

    /* nav ----------------------*/
    .slide-nav {
        text-align: center;
    }

    .slide-nav ul {
        margin: 0 auto;
        padding: 0;
        margin: 0 auto;
    }

    .slide-nav li {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: white ;
        color: black;
        cursor: pointer;
        margin-left: .5em;
    }

    .slide-nav li.current {
        background-color: white;
    }

    .images_news {
        width: 80%;
    }


    /******Club******/

    /**Association**/
    div#collectif img {
        width: 80%;
    }

    /**Modalités d'adhésion**/
    #rejoindre > p,
    #tarifs > p {
        text-align: center;
        margin: 0 auto;
        background-color:  #92ed86;
    }

    #rejoindre > p > a,
    #tarifs > p > a {
        text-align: center;
        text-decoration: none;
    }
    
    /**Bureau**/
    div#liste_membres_bureau {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    div#liste_membres_bureau > article {
        display: flex;
        flex-direction: column;
        width: 33%;
        padding: 0.2rem;
        margin: 0 auto;
        text-align: center;
    }

    div#liste_membres_bureau > article > p {
        text-align: center;
        padding: 0.2rem 0 0.2rem 0;
        margin: 0 auto;
    }

    .fonction {
        font-size: 1.8rem;
    }

    .membre {
        font-size: 1.8rem;
    }

    .email {
        font-size: 1.5rem;
    }
    
    div#liste_membres_bureau > article > img {
        margin: 0 auto;
        width: 50%;
    }

    /*****Modalités d'inscription*****/
    #tarif, #adhesion_form {
        margin: 1.5rem 0 1.5rem
    }

    /*****Tarifs******/

    /*****Reglement******/

    /******Activités******/

    #activites_permanentes h2,
    #activites_ponctuelles h2 {
        display: block!important;
    }

    #activites_permanentes,
    #activites_ponctuelles {
        width: 90%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 1.2rem 0 1.2rem 0;
    }
    
    article.activite {
        text-align: center;
        padding: 1rem 0 1rem 0;
        width: 33%;
        margin: 0 auto;
    }
    
    article.activite:hover {
        background-color: #92ed86;
    }

    article.activite > h3 {
        font-weight: bolder;
        font-style: italic;
        font-size: 2.2rem;
        text-align: center;
        color: #c82528;
    }
    
    article.activite > p {
        font-size:  2.2rem;
    }

    article.activite > a > img {
        padding-top: 0.5rem;
        width: 95%;
        max-height: 40rem;
    }

    #activites_evenements > p > a {
        text-decoration: none;
        color: black;
    }


    /******ActiviteDetail******/

    main#detail_activite > a > img {
        width: 90%;
    }

    main#detail_activite > a > p {
        text-align: center;
    }

    main#detail_activite > a {
        text-decoration: none;
        color: black;
    }

    main#detail_activite > a > p:hover {
        background-color: #92ed86;
    }

    /******Formations******/

    #formations_NBC {
        margin: 0 auto;
        text-align: center;
        width: 90%;
        display: flex;
        flex-direction: row;
    }

    #formation_NBC > article.formations {
        width: 90%;
    }

    .formations > h2 {
        font-size: 2rem;
        width: 100%;
    }

    #formations_NBC > article.formations > a > img {
        width: 80%;
        max-height: 35rem;
        filter: grayscale(1);
    }

    #formations_NBC > article.formations > a > img:hover {
        filter: grayscale(0);
    }

    p.formation_description {
        text-align: center;
        font-size: 2rem;
        font-style: italic;
    }


    /******FormationDetail******/

    main#formation_detail > img {
        width: 80%;
    }


    /******Compétitions******/
    /**competitions_ffb**/
    img.logo_ffb {
        width: 20%;
    }
 
    /**Planning des compétitions**/
    #planning_image {
        width: 50%;
    }

    #planning_image > a > img {
        width: 50%;
    }

    /**Inscription et demande de règlement**/
    #competitions_locales,
    #competitions_conditions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0 auto;
        width: 90%;
    }

    #competitions_locales > article,
    #competitions_conditions > article {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        width: 45%;
        padding: 1rem 1rem 2rem 1rem;
    }

    #competitions_locales > article > h2,
    #competitions_locales > article > p,
    #competitions_locales > article > a > h4,
    #competitions_conditions > article > h2,
    #competitions_conditions > article > p,
    #competitions_conditions > article > a > h4 {
        text-align: center;
        margin: 0 auto;
        margin: 0.3rem 0 0.3rem 0;
    }    

    #competitions_locales > article > a,
    #competitions_conditions > article > a {
        text-decoration: none;
    }

    #competitions_locales > article > a > h3,
    #competitions_conditions > article > a > h3 {
        background-color: #92ed86;
        text-decoration: none;
    }

    /**Résultats des dernières compétitions**/
    #resultats {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        width: 90%;
    }
    
    #resultats > article {
        margin-top: 1.2rem;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        width: 45%;
        margin: 0 auto;
    }

    #resultats > article > p {
        text-align: left;
        font-size: 1.8rem;
    }

    #resultats > article img {
        width: 90%;
        max-height: 50rem;
    }

    /******PlanningDetail******/

    /******PlanningDetail******/

    /******Images******/

    div#activite_photo {
        width: 90%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        padding: 1rem 0 1rem 0;
    }

    #activite_photo > article {
        text-align: center;
        padding: 1rem 0 1rem 0;
        width: 30%;
        margin: 0 auto;
    }
    
    article.activite_archive > h3 {
        font-weight: bolder;
        font-style: italic;
        font-size: 1.2rem;
        text-align: center;
        color: #c82528;
    }
    
    article.activite_archive > a {
        text-decoration: none;
        color: black;
    }
    
    #activite_photo > article > a > img {
        width: 100%;
        max-height: 35rem;
    }


    /******Annee******/

    #archive_photo_activite div {
        display: flex;
        flex-direction: column;
    }
    
    
    #archive_photo_activite > div > article {
        width: 80%;
        margin: 0 auto;
        padding: 0.5rem 0 0.5rem 0; 
    }

    #archive_photo_activite > div > article > a {
        text-decoration: none;
        color: black;
        font-size: 2rem;
        font-style: bold;
    }

    #archive_photo_activite > div > article > a:hover {
        background-color: #92ed86;
    }


    /******Photos******/

    #photos_activite_annee > img {
        width: 90%;
    }


    /******Presse******/
    #presse h1 {
        margin-bottom: 1.5rem;
    }
    
    #presse > img {
        margin: 2rem 0 3rem 0;
        width: 80%;
    }


    /******Contact******/

    /**Map Google**/
    #club_place {
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        text-align: center;
    }

    #map_address {
        width: 80%;
        margin: 0 auto;
        padding: 1rem 0 1rem 0;
    }

    #map_address > p {
        text-align: center;
        margin: 0 auto;
    }

    .google_map {
        width: 90%;
        margin: 0 auto;
    }
    
    .google_map iframe {
        width: 90%;
        max-height: 25rem;
    }


    /******Error******/

    #error > p {
        text-align: center;
    }
    
    #error > p > a {
        text-decoration: none;
        color: black;
    }
    
    #error > p > a:hover {
        color: #92ed86;
    }


       
    /******ADMIN ET MEMBRES******/    
    
    .admin_header > a {
        color: grey;
        padding: 0;
    }

    #admin {
        width: 90%;
    }

    #admin > a.new {
        text-decoration: none;
        color: red;
        font-size: 1.9rem;
    }

    #admin h1 {
        font-size : 2.2rem;
    }

    #admin h2 {
        font-size : 2rem;
    }

    #admin h3 {
        font-size : 1.6rem;
    }

    #admin h4 {
        font-size : 1.6rem;
    }
    
    #admin > img {
        width : 80%;
        text-align: center;
    }

    #admin div > p {
        font-size: 1.4rem;
    }

    #admin > table {
        margin: 0 auto;
        width: 80%;
    }

    #admin > table tr > td,
    #admin > table tr > th {
        font-size: 1.5rem;
    }
    
    #admin > table tr > td > img {
        width: 3rem;
    }

    #admin > table tr > td > a {
        font-size: 1.6rem;
        text-decoration: none;
    }

    #admin > form > div > label,
    #admin > form > div > input,
    #admin > form > div > select,
    #admin > form > div > select > option,
    #admin > form > div > textarea {
        font-size: 1.6rem;
    }
    
    #admin > form > div > img {
        width: 40%;
        margin: 0 auto;
    }

    #admin > article {
        width: 80%;
        margin: 0 auto;
    }

    #admin > article > a > img {
        width: 80%;
    }

    .choice {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 2rem 0 2rem;
    }

    .choice > button {
        font-size: 1.4rem;
        width: 40%;
        max-height: 3rem;
    }



    /**********FOOTER**********/

    footer {
        padding-top: 0.5rem;
        border-top: solid 1rem #92ed86 ;
        display: flex;
        flex-direction: column;
    }
    
    #footer_address {
        margin: 0 auto;
        width: 90%;
    }

    #footer_address > p {
        font-size: 2rem;
        padding: 0;
        text-align: center;
    }

}


@media screen and (min-width: 1400px)/* and (max-width: 1399px)*/ {

    main {
        width: 80%;
        margin: 0 auto;
    }

    h1 {
        font-size: 3.5rem;
        margin: 1rem;
        padding: 1rem;
    }

    h2 {
        font-size: 3.2rem;
        margin: 1rem;
        padding: 1rem;
    }

    h3 {
        font-size: 3rem;
        margin: 1rem;
        padding: 1rem;
    }

    h4 {
        font-size: 2.8rem; 
    }

    li {
        font-size: 2.5rem;
    }

    p {
        font-size: 2.5rem;
        text-align: justify;
        padding: 0 2rem 0 2rem;
        font-weight: bolder;
    }

    /**//**//**MISE NE FORME DES FORMAULAIRES/**//**//**
    /*Pages 'Contact', 'Inscription_compétition' et  'DemandeDeReglement*/

    /*form#demande_reglement div*/
    form > div {
        margin-bottom: 1rem;
    }

    /*form#demande_reglement div > label*/
    form div > label,
    form div > textarea {
        font-size: 1.8rem;
        padding: 1rem;
    }

    /*form#demande_reglement div > input*/
    form div > input {
        font-size: 1.8rem;
    }

    /*form#demande_reglement button*/
    form button {
        width: 60%;
        max-height: 7rem;
        font-size: 2rem;
        margin-bottom: 1.2rem;
    }


    /**********HEADER**********/

    header {
        display: flex;
        width: 100%;
        border-bottom: 1rem solid #93ed87;
        background: linear-gradient(40deg, white 20%, #92ed86 60%);
        position: relative;
    }
    
    #header_space {
        width: 80%;
        text-align: center;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #header_logo {
        width : 15%;
        text-align: center;
        margin: 0;
    }

    #header_logo img {
        width: 100%;
        max-height: 12rem;
        margin:0 auto;
        padding: 1rem 0 1rem 0;
    }

    #header_nav {
        width: 80%;
        max-height: 8rem;
        display: flex;
        margin: 0 auto;
        text-align: center;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-around;
    }

    #header_nav > a {
        text-decoration: none;
        color: black;
        text-align: center;
        font-size: 3rem;
        font-weight: bold;
    }

    .sous_menu {
        display: none;
    }

    #header_nav > a.menu:hover {
        font-size: 2.9rem;
        font-style: italic;
        color: black;
    }


    /**********CONTENT**********/

    /******Home******/

    #home_page {
        display: flex;
        flex-direction: column;
    }

    /* slider ----------------------*/
    .slide-wrap {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    
    .slide-mask {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 600px;
        margin: 0 10%;
    }
    
    .slide-group {
        position: absolute; 
        top: 0px;
        width: 80%;
    }
    
    .slide-group > img {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        height: 600px;
    }

    .slide {
        height: 450px;
        font: 100 90px/135px "lato";
        font-size: 2em;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
    }
    
    /* nav ----------------------*/
    .slide-nav {
        text-align: center;
    }
    
    .slide-nav ul {
        margin: 1rem auto;
        padding: 1rem;
    }
    
    .slide-nav li {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: white ;
        color: black;
        cursor: pointer;
        margin-left: 1rem;
    }
    
    .slide-nav li.current {
        background-color: white;
    }


    .images_news {
        width: 80%;
        margin: 0 auto;
    }

    /******Club******/

    /**Association**/
    div#collectif img {
        width: 80%;
    }

    /**Modalités d'adhésion**/
    #rejoindre > p,
    #tarifs > p {
        text-align: center;
        margin: 0 auto;
        background-color:  #92ed86;
    }

    #rejoindre > p > a,
    #tarifs > p > a {
        text-align: center;
        text-decoration: none;
    }
    
    /**Bureau**/
    div#liste_membres_bureau {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    div#liste_membres_bureau > article {
        display: flex;
        flex-direction: column;
        width: 30%;
        padding: 0.2rem;
        margin: 2rem auto;
        text-align: center;
    }

    div#liste_membres_bureau > article > p {
        text-align: center;
        padding: 0.2rem 0 0.2rem 0;
        margin: 0 auto;
    }

    .fonction {
        font-size: 1.8rem;
    }

    .membre {
        font-size: 1.8rem;
    }
    
    div#liste_membres_bureau > article > img {
        margin: 0 auto;
        width: 50%;
    }

    /*****Modalités d'inscription*****/
    #tarif, #adhesion_form {
        margin: 1.5rem 0 1.5rem
    }

    /*****Tarifs******/

    /*****Reglement******/

    /******Activités******/

    #activites_permanentes h2,
    #activites_ponctuelles h2 {
        display: block!important;
    }

    #activites_permanentes,
    #activites_ponctuelles {
        width: 90%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 1.2rem 0 1.2rem 0;
    }
    
    article.activite {
        text-align: center;
        padding: 1rem 0 1rem 0;
        width: 33%;
        margin: 0 auto;
    }
    
    article.activite:hover {
        background-color: #92ed86;
    }

    article.activite > h3 {
        font-weight: bolder;
        font-style: italic;
        font-size: 2.2rem;
        text-align: center;
        color: #c82528;
    }
    
    article.activite > p {
        font-size:  2.2rem;
    }

    article.activite > a > img {
        padding-top: 0.5rem;
        width: 95%;
    }

    #activites_evenements > p > a {
        text-decoration: none;
        color: black;
    }


    /******ActiviteDetail******/

    main#detail_activite > a > img {
        width: 90%;
    }

    main#detail_activite > a > p {
        text-align: center;
    }

    main#detail_activite > a {
        text-decoration: none;
        color: black;
    }

    main#detail_activite > a > p:hover {
        background-color: #92ed86;
    }

    /******Formations******/

    #formations_NBC {
        margin: 0 auto;
        text-align: center;
        width: 90%;
        display: flex;
        flex-direction: row;
    }

    #formation_NBC > article.formations {
        width: 90%;
    }

    .formations > h2 {
        font-size: 2rem;
        width: 100%;
    }

    #formations_NBC > article.formations > a > img {
        width: 80%;
        filter: grayscale(1);
    }

    #formations_NBC > article.formations > a > img:hover {
        filter: grayscale(0);
    }

    p.formation_description {
        text-align: center;
        font-size: 2rem;
        font-style: italic;
    }


    /******FormationDetail******/

    main#formation_detail > img {
        width: 80%;
    }


     /******Compétitions******/
    /**competitions_ffb**/
    img.logo_ffb {
        width: 20%;
    }
 
    /**Planning des compétitions**/
    #planning_image {
        width: 50%;
    }

    #planning_image > a > img {
        width: 50%;
    }

    /**Inscription et demande de règlement**/
    #competitions_locales,
    #competitions_conditions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0 auto;
        width: 90%;
    }

    #competitions_locales > article,
    #competitions_conditions > article {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        width: 45%;
        padding: 1rem 1rem 2rem 1rem;
    }

    #competitions_locales > article > h2,
    #competitions_locales > article > p,
    #competitions_locales > article > a > h4,
    #competitions_conditions > article > h2,
    #competitions_conditions > article > p,
    #competitions_conditions > article > a > h4 {
        text-align: center;
        margin: 0.4rem auto;
    }    

    #competitions_locales > article > a,
    #competitions_conditions > article > a {
        text-decoration: none;
    }

    #competitions_locales > article > a > h3,
    #competitions_conditions > article > a > h3 {
        background-color: #92ed86;
        text-decoration: none;
    }

    /**Résultats des dernières compétitions**/
    #resultats {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        width: 90%;
    }
    
    #resultats > article {
        margin-top: 1.2rem;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        width: 45%;
        margin: 0 auto;
    }

    #resultats > article > p {
        text-align: left;
        font-size: 1.8rem;
    }

    #resultats > article img {
        width: 90%;
        max-height: 50rem;
    }

    /******PlanningDetail******/

    /******Images******/

    div#activite_photo {
        width: 90%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        padding: 1rem 0 1rem 0;
    }

    #activite_photo > article {
        text-align: center;
        padding: 1rem 0 1rem 0;
        width: 30%;
        margin: 0 auto;
    }
    
    article.activite_archive > h3 {
        font-weight: bolder;
        font-style: italic;
        font-size: 1.2rem;
        text-align: center;
        color: #c82528;
    }
    
    article.activite_archive > a {
        text-decoration: none;
        color: black;
    }
    
    #activite_photo > article > a > img {
        width: 100%;
    }


    /******Annee******/

    #archive_photo_activite div {
        display: flex;
        flex-direction: column;
    }
    
    
    #archive_photo_activite > div > article {
        width: 80%;
        margin: 0 auto;
        padding: 0.5rem 0 0.5rem 0; 
    }

    #archive_photo_activite > div > article > a {
        text-decoration: none;
        color: black;
        font-size: 2rem;
        font-style: bold;
    }

    #archive_photo_activite > div > article > a:hover {
        background-color: #92ed86;
    }


    /******Photos******/

    #photos_activite_annee > img {
        width: 90%;
    }


    /******Presse******/
    #presse h1 {
        margin-bottom: 1.5rem;
    }
    
    #presse > img {
        margin: 2rem 0 3rem 0;
        width: 80%;
    }


    /******Contact******/

    /**Map Google**/
    #club_place {
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        text-align: center;
    }

    #map_address {
        width: 80%;
        margin: 0 auto;
        padding: 1rem 0 1rem 0;
    }

    #map_address > p {
        text-align: center;
        margin: 0 auto;
    }

    .google_map {
        width: 90%;
        margin: 0 auto;
    }
    
    .google_map iframe {
        width: 90%;
        max-height: 35rem;
    }


    /******Error******/

    #error > p {
        text-align: center;
    }
    
    #error > p > a {
        text-decoration: none;
        color: black;
    }
    
    #error > p > a:hover {
        color: #92ed86;
    }



       
    /******ADMIN ET MEMBRES******/    
    
    .admin_header > a {
        color: grey;
        padding: 0;
    }

    #admin {
        width: 90%;
    }

    #admin > a.new {
        text-decoration: none;
        color: red;
        font-size: 2rem;
    }

    #admin h1 {
        font-size : 2.2rem;
    }

    #admin h2 {
        font-size : 2rem;
    }

    #admin h3 {
        font-size : 1.6rem;
    }

    #admin h4 {
        font-size : 1.6rem;
    }
    
    #admin > img {
        width : 80%;
        text-align: center;
    }

    #admin div > p {
        font-size: 1.4rem;
    }

    #admin > table {
        margin: 0 auto;
        width: 80%;
    }

    #admin > table tr > td,
    #admin > table tr > th {
        font-size: 1.5rem;
    }
    
    #admin > table tr > td > img {
        width: 3rem;
    }

    #admin > table tr > td > a {
        font-size: 1.6rem;
        text-decoration: none;
    }

    #admin > form > div > label,
    #admin > form > div > input,
    #admin > form > div > select,
    #admin > form > div > select > option,
    #admin > form > div > textarea {
        font-size: 1.6rem;
    }
    
    #admin > form > div > img {
        width: 40%;
        margin: 0 auto;
    }

    #admin > article {
        width: 80%;
        margin: 0 auto;
    }

    #admin > article > a > img {
        width: 80%;
    }

    .choice {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 2rem 0 2rem;
    }

    .choice > button {
        font-size: 1.4rem;
        width: 40%;
        max-height: 3rem;
    }




    /**********FOOTER**********/

    footer {
        padding-top: 0.5rem;
        border-top: solid 1rem #92ed86 ;
        display: flex;
        flex-direction: column;
    }
    
    #footer_address {
        margin: 0 auto;
        width: 90%;
    }

    #footer_address > p {
        font-size: 2rem;
        padding: 0;
        text-align: center;
    }

}