html {
        scroll-padding-top:50px;
        background-color: linear-gradient(to right, #DCFEDD, white, white, white, #DCFEDD); //couleur fond dégradé
        color:black;
        font-family: Arial, Helvetica, sans-serif;
        }
        body {
        padding-top:-20px;
        margin-top:-20px;
        color:black;
        font-family: Arial, Helvetica, sans-serif;
        }
            p {
            font-size:100%;
            margin-left:1%;
            }
            .titre_p {
            margin-left:10px;
            font-size:120%;
            font-weight:bold;
            }
            .adresse_p {
            margin-left:10px;
            }
            .barre_principal {
            top:0;
            position:-webkit-sticky;
            position:-moz-sticky;
            position:-ms-sticky;
            position:-o-sticky;
            position:sticky;
            background-color:#524594;
            color:white;
            display:block;
            margin-left:-10px;
            width:calc(100% + 20px);
            }
            .tableau_principal {
            display:table;
            }
            .tableau_principal_gauche {
            display:table-cell;
            width:calc(100vw + 60px);
            }
            .tableau_principal_droite {
            display:table-cell;
            vertical-align:middle;
            }
            .titre_principal {
            font-size:160%;
            width:100%;
            font-weight:bold;
            text-align:center;
            }
            .sous_titre_principal {
            font-size:60%;
            font-weight:bold;
            width:100%;
            text-align:center;
            }
            .table_fancy {
            font-family:Arial, Helvetica, sans-serif;
            border-collapse:collapse;
            width:calc(100% - 40px);
            margin-left:20px;
            margin-bottom:20px;
            background-color:#FEFCDE;
            }
            .table_fancy tr {
            line-height:auto;
            }
            .table_fancy td {
            border:1px solid #ddd;
            padding-left:5px;
            padding-top:0px;
            }
            .table_fancy ul {
            list-style-type:disc;
            margin-top:5px;
            margin-bottom:5px;
            }
            .table_fancy li {
            }
            .table_fancy p {
            margin-top:3px;
            margin-bottom:3px;
            }
        h1 {
        font-family:Open Sans,Arial,sans-serif;
        font-size:200%;
        margin:1%;
        }
        h2 {
        font-family:Open Sans,Arial,sans-serif;
        font-size:175%;
        margin:1%;
        }
        h3 {
        font-size:150%;
        margin:1%;
        }
        h4 {
        font-size:130%;
        margin-left:3%;
        }
        h5 {
        font-size:115%;
        margin-left:6%;
        }
        p {
        font-size:100%;
        margin-left:1%;
        }
        .main_bar {
            background-color: #4B0082;
            position:-webkit-sticky;
            position:-moz-sticky;
            position:-ms-sticky;
            position:-o-sticky;
            position:sticky;
            top:0;
            display: block;
            margin-left:-10px;
            width:calc(100% + 20px);
            height: auto;
            color:white;
            }
            .bar_de_titre {
            top:0;
            position:-webkit-sticky;
            position:-moz-sticky;
            position:-ms-sticky;
            position:-o-sticky;
            position:sticky;
            background-color:#524594;
            color:white;
            display:block;
            margin-left:-10px;
            width:calc(100% + 20px);
            }
        .bouton_oval {
            background-color: red;
            border: none;
            color: white;
            padding: 14px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            border-radius: 30px;
            }
        .shadow_box {
            width:100%;
            margin-top:10px;
            border: solid 1px #555;
            background-color: white;
            box-shadow: 2px 2px 5px  rgba(0,0,0,0.6);
            -moz-box-shadow: 2px 2px 5px  rgba(0,0,0,0.6);
            -webkit-box-shadow: 2px 2px 5px  rgba(0,0,0,0.6);
            -o-box-shadow: 2px 2px 5px  rgba(0,0,0,0.6);
            border-radius:25px;
            }
        .shadow_box_title {
            margin-left:20px;
            }
        img {
            width: auto;
            display: block;
            margin: 10px auto;
            border: 1px solid #D3D3D3;
            box-sizing: border-box;
            }
        img::before {
            width: auto;
            display: block;
            padding-top: calc(100% *2 / 3);
            padding-bottom: 55.3%;
            }
        img::after {
            display: block;
            }
        .table_fancy {
            font-family:Arial, Helvetica, sans-serif;
            border-collapse:collapse;
            width:calc(100% - 40px);
            margin-left:20px;
            margin-bottom:20px;
            background-color:#FEFCDE;
            }
        .table_fancy tr {
            line-height:auto;
            }
        .table_fancy td {
            border:1px solid #ddd;
            padding-left:5px;
            padding-top:0px;
            }
        .table_fancy ul {
            list-style-type:disc;
            margin-top:5px;
            margin-bottom:5px;
            }
        .table_fancy li {
            }
        .table_fancy p {
            margin-top:3px;
            margin-bottom:3px;
            }
        .video_frame {
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top: 10px;
            margin-bottom: 10px;
            border: 1px solid #D3D3D3;
            box-sizing: border-box;
            }