body {
            display: block;
            margin: 0;
            padding: 0;
/*            color: white;*/
            font-family: sans-serif;
            font-weight: 500;
        }

        header {
            height: 150px; 
            width: 100%;
/*            background: grey;*/
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            box-shadow: 1px 1px 12px #555;
        }

        header>a {
            display: contents;
        }

        header p {
            color: white;
        }

        header img {
            height: 100%; 
            width: auto;
            margin:  0 0 0 10px;
        }

        header>div:nth-child(2){
/*            background-color: red;*/
            display: flex;
            flex-direction: row;
            height: 100%;
            width: 20%;
            margin: auto 10px auto 0;
        }

        header>div:nth-child(2)>div:nth-child(2n+1){
/*            background-color: blue;*/
            background-color: #17bb40;
            min-height: 50px;
            height: 50%;
            margin: auto 0;
            width: calc(50% - (2px / 2));
            display: flex;
            justify-content: center;
            flex-direction: column;
            cursor: pointer;
        }

        header>div:nth-child(2)>div:nth-child(1){
            border-radius: 10px 0 0 10px;
        }

        header>div:nth-child(2)>div:nth-child(2){
            width: 2px;
        }

        header>div:nth-child(2)>div:nth-child(3){
            border-radius: 0 10px 10px 0;
        }

        header>div:nth-child(2)>div>p{
/*            background-color: yellow;*/
            margin: 0;
            text-align: center;
        }

        #contenu_page {
/*            height: calc(100%-170px);*/
/*            min-height: calc(100vh - 182px);*/
/*            min-height: calc(100vh - 186px);*/
            min-height: calc(100vh - 170px);
            display: flow-root;
        }
/*

        #carte_fr_dep {
            margin: 0 calc(50% - (500px / 2));
        }

        #carte_fr_dep path {
            cursor: pointer;
        }

        #toute_la_france, #dep_selectionne {
            margin: 0 25%;
            padding: 50px 0;
            text-align: center;
            width: 50%;
            background-color: #17bb40;
            border-radius: 10px;
        }

        #dep_selectionne {
            margin: 20px auto;
            display: none;
        }
*/

        footer {
            background: #80808054;
/*            position: relative;*/
/*            position: absolute;*/
/*            bottom: 0;*/
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            position: relative;
/*            margin-top: -20px;*/
            height: 20px;
            clear: both;
        }

        footer p {
            margin: 1px 2px;
            color: white;
        }

        footer a p {
            margin: 1px 2px;
            color: inherit;
        }








/*
    .formulaire_inscription {
        color: black !important;
    }

    .formulaire_inscription>div {
        width: 100%;
        display: flex;
    }

    .formulaire_inscription>div>div {
        width: 50%;
    }

    .formulaire_inscription>div>div:nth-child(1) {
        text-align: right;
        padding: 0 20px 0 0;
    }

    .formulaire_inscription>div>div:nth-child(2) {
        padding: 0 0 0 20px;
        display: flex;
        align-items: center;
    }

    .formulaire_inscription>div>div:nth-child(2)>input[type="radio"]:nth-child(n+2) {
        margin-left: 20px;
    }

    #bloc_inscrire {
        display: flex;
        justify-content: center;
    }

    #inscrire {
        border-radius: 10px;
        padding: 0 20px;
        background-color: #17bb40;
        cursor: pointer;
    }*/