@media screen and (max-width: 768px )
{
    .center
    {
        text-align: center;
    }
    .titre
    {
        color: rgb(221,111,0);
        width: -moz-fit-content;
        width: fit-content;
        font-size: 18px;
        text-shadow: black 2px 2px 6px;
        background-color: #1d2124;
        border-radius: 3px;
    }
    .sous-titre{
        width: -moz-fit-content;
        width: fit-content;
        font-size: 16px;
        text-shadow: black 2px 2px 6px;
        background-color: #1d2124;
        border-radius: 3px;
    }
    .mar-auto
    {
        margin: auto;
    }
    .image
    {
        height: 20vh;
        width:20vh;
        border-radius: 50%;
    }
}

@media screen and (min-width: 769px)
{
    .titre
    {
        color: rgb(221,111,0);
        width: -moz-fit-content;
        width: fit-content;
        font-size: 35px;
        text-shadow: black 2px 2px 6px;
        background-color: #1d2124;
        border-radius: 3px;
    }
    .dis-none
    {
        display: none;
    }
    .mar-l-10
    {
        margin-left: 10px;
    }
    .image
    {
        height: 25vh;
        width:25vh;
        border-radius: 50%;
    }
}
@media screen and (min-width: 769px) and (max-width: 1025px)
{
    .image
    {
        height: 50%;
        width:50%;
        border-radius: 50%;
    }
    .titre
    {
        color: rgb(221,111,0);
        width: -moz-fit-content;
        width: fit-content;
        font-size: 26px;
        text-shadow: black 2px 2px 6px;
        background-color: #1d2124;
        border-radius: 3px;
    }
}
html {
    overflow-x: hidden;
}
.onglet
{
    border-color: gray;
    border-bottom-right-radius: 3px;
}
.orange
{
    color:rgb(221,111,0);
}
.bloc
{
    border-radius: 20%;
}
.bloc2
{
    border-radius: 6px;
}
h1
{
    color: rgb(221,111,0);
}
.entete
{
    background-image: url("../img/banniere3.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
}

.pad
{
    padding-left: 20px;
}
.bg-gris
{
    background-color: #1d2124;
    background-size: cover;
}
.bg-gris-clair
{
    background-color: #6c757d;
}
.liste
{
    border-bottom: none;
    background-image: url("../img/banniere3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
ul
{
    list-style: none;
}
.minia
{
    width: 16px;
}
.fit
{
    width: fit-content;
}
.interligne{
    line-height: 2em;
    font-size: 20px;
}
.height-fit{
    height: fit-content;
}

.roll-in-right {
    -webkit-animation: roll-in-right 0.6s ease-out both;
    animation: roll-in-right 0.6s ease-out both;
}

.slide-in-top {
    -webkit-animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-left {
    -webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-right {
    -webkit-animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-bottom {
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-10-14 12:4:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation roll-in-right
 * ----------------------------------------
 */
@-webkit-keyframes roll-in-right {
    0% {
        -webkit-transform: translateX(800px) rotate(540deg);
        transform: translateX(800px) rotate(540deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1;
    }
}
@keyframes roll-in-right {
    0% {
        -webkit-transform: translateX(800px) rotate(540deg);
        transform: translateX(800px) rotate(540deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2020-10-14 12:6:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-10-15 10:54:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-10-15 10:55:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-10-15 16:20:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}