* {
    padding: 0;
    margin: 0;
}

html {
    width: 100%;
    font-size: 100%
}

body {
    width: 100%;
    font-size: 0, 75em;
}

.content-category table {
    margin: 0 auto;
}

.visually-hidden {
    display: none;
}

#pgCategoryModal {
    display: none;
}

/* ************************** responsive video ************************* */
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive video {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/* ********************** Phoca glery ************************ */
.galvideo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    /* margin: auto; */
    margin: 70px auto 0;
    /* background: crimson; */

}

.video {
    width: 200px;
    height: 150px;
    margin: 10px;
    /*  flex-shrink: 0; */

}

.video p {
    text-align: center;
}

.video video {
    width: 100%;
    height: auto;

}

/* ******************* fin phoca galery ************** */

/* ***************texte defilant***************** */
.marquee-txt {
    /* bloc conteneur */
    max-width: 100%;
    font-size: xx-large;
    color: blue;
    margin-top: 1em auto 2em;
    border: 10px solid #F0F0FF;
    overflow: hidden;
    box-shadow: 0 .25em .5em #CCC, inset 0 0 1em .25em #CCC;
}

    /* le bloc défilant */
.marquee-txt> :first-child {
    display: inline-block;
    /* modèle de boîte en ligne */
    padding-right: 2em;
    /* un peu d'espace pour la transition */
    padding-left: 100%;
    /* placement à droite du conteneur */
    white-space: nowrap;
    /* pas de passage à la ligne */
    animation-name: defilement-rtl;
    /* référence à la règle @keyframes mise en oeuvre */
    animation-duration: 15s;
    /* valeur à ajuster suivant la longueur du message */
    animation-iteration-count: infinite;
    /* boucle continue */
    animation-timing-function: linear;
    /* pas vraiment utile ici */

}

@keyframes defilement-rtl {
    0% {
        transform: translate3d(0, 0, 0);
        /* position initiale à droite */
    }

    100% {
        transform: translate3d(-100%, 0, 0);
        /* position finale à gauche */
    }
}

/* ***************fin texte defilant***************** */
/* Affichage ligne dans affichage article en blog */
.blog-item {
    border-width:1px;
    border-bottom-style: dotted;
    border-bottom-color:#036;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.page-header{
    text-align: center;
    margin-block-end: 20px;
    font-style: italic;
  font-size: 0.75em;
    
    
    
}


/*  fin Affichage ligne dans affichage article en blog */