::selection{
    background-color: #00b7c8;
    color:white;
    /* color:black; */
}


#btn_haut_de_page{
    display: block;
    /* background-color: red; */
    height: 5rem;
    width: 5rem;
    background-image: url('../images/design/btn/btn-top.png') ;
    background-position: center bottom;
    background-size:contain;
    background-repeat: no-repeat;
    position: relative;
    top: -3rem;
    left: 0;
    z-index: 3;
}
#btn_haut_de_page:hover{
    transform: translateY(-1rem);
    filter:brightness(1.2);
}
#btn_haut_de_page::before{
    content : '';
    /* background-color: pink; */
    display: block;
    height: 5rem;
    width: 5rem;
    background-image: url('../images/design/btn/btn-top.png') ;
    background-position: center bottom;
    background-size:contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: .5s ;
}
#btn_haut_de_page:hover::before{
    /* top: -3rem; */
    transform: translateY(.5rem);
}


/*ZONING*/
header{
    /* background-color: blueviolet; */
    height: 3rem;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    transition: .3s;
    border-bottom: solid 2px #424242 ;

    font-family: "Cinzel_Decorative" , "Noto_Serif", serif  ;
    font-weight: 400;
}
#header_lien_accueil{
}
#header_lien_accueil_nom_du_site{
    font-weight: 400;
    /* font-variant: small-caps; */
    /* font-weight: 100; */
}
#header_lien_accueil_txt_accueil{
    display: block;
    font-family: "Noto_Serif" , serif ;
    font-family: "Noto_Sans" , sans-serif ;
    font-weight: 200;
    opacity: 0;
    transition: .5s;
}
#header_lien_accueil:hover #header_lien_accueil_txt_accueil{
    opacity: 1;
}
#header_lien_accueil_txt_accueil::before{
    content : '';
    /*background-color: red;*/
    display: inline-block;
    vertical-align: baseline;
    width: 1rem;
    height: 0.8rem;
    background-image: url('../images/design/fleche/bt_next.png') ;
    transform: scaleX(-1); /*symétrie axiale*/
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}

footer{

}
#footer_main_debut{
}
#footer_main{
    font-family: "Noto_Serif" , serif  ;

}
#footer_copy{
    font-family: "Cinzel_Decorative" , "Noto_Serif", serif  ;

}
#footer_copy_header, #footer_copy_end{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap:2rem;
    font-size : .8rem;
}
#emmanuelorchanian{
    color:#d6d0b8;/*or clair*/
}

body{
    margin-top: 3rem;
}
h1,h2,h3,h4,h5,h6{
    /* text-transform: capitalize; */
}

p, ul, ol{
    line-height: 1.5;
    /* line-height: 4; */
}
ul{ list-style-type: circle; }
ol{ list-style-type: upper-roman; }

/*PAINTING*/
html{
    background-color: #020202;
}
header{
    background-color: #020202;
}
body{
    background-image:url('../images/design/background/losanges-2.png') ;
    background-size: 26px 85px;/*losanges*/
    background-size: 51px 85px;/*equilateral*/
    /* color:indianred; */

}
body[data-nomPage="statistiques-et-temoignages"]{
}
body[data-nomPage="statistiques-et-temoignages"] blockquote{
    /* background-image: inherit; */
    background-image:url('../images/design/background/bartek-garbowicz-xJeCLqsBUqc-unsplash 2.jpg') ;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
}


body[data-nomPage="index"],
body[data-nomPage="plan-du-site"],
body[data-nomPage="journee-portes-ouvertes"],
body[data-nomPage="credits"]
{
    background-attachment: fixed;
}









body, a {
    color:white;
    color:#020202;
    color:#424242;/*or annulé*/
    color:#b89f60;/*or blanc*/
    color:#d6d0b8;/*or clair*/
}
body[data-scrolled="on"] header{
    opacity: .9;
}


.bb_1{
    border-bottom: solid 1px #d6d0b8 ;
}
.b_1{
    border: solid 1px #d6d0b8 ;
}






/*INDEX*/
#wrap_video_intro_index{
    width: 100%;
    height: 78vh;
    overflow: hidden;
    position: relative;
    margin-left: -1rem;
    margin-right: -1rem;
}
#video_intro_index{
    max-width: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#wrap_video_intro_groupes{
    width: 100%;
    height: 60vh; /**/
    overflow: hidden;
    position: relative;
    margin-left: -1rem;
    margin-right: -1rem;
    z-index: 1;
}
#wrap_video_intro_groupes::before{
    content : '';
    /* background-color: #5555; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-image: url('../images/design/jumbotron/bandeau filtre.png') ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 1;
    mix-blend-mode: hard-light;
    /* filter:saturate(0);
    */
}


#wrap_col_groupe h2{
    padding-top: 7rem; /*pour les ancres*/
}
#video_intro_groupes{
    max-width: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


#wrap_img_detouree_index{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#wrap_img_detouree_index,
#wrap_img_detouree_index_jpo,
#wrap_img_detouree_groupes_academie{
    overflow: hidden;
    text-align: center;
}
#wrap_img_detouree_groupes_academie{
    text-align: right;
}
#img_detouree_index,
#img_detouree_index_jpo,
#img_detouree_groupes_academie{
    object-fit: contain;
}
.nom_groupe{
    text-transform: uppercase;
}

#h1_index{
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 0;
}
#h1_index::after{
    content:'';
    /* background-color: red; */
    display: block;
    width: 10rem;
    height: 7rem;
    /* opacity: .3; */
    background-image: url('../images/design/hr/serpentins.png');
    background-size: 14px;
    background-position: left center;
    background-repeat: repeat no-repeat;
    background-size:contain;
}


#index_chapo, #index_chapo > strong, #index_chapo > em{
    font-weight: 777;
}

#wrap_btn_grille{
    /* background-color: blueviolet; */
    height: 30rem;
    display: flex;
    flex-wrap:wrap;
}
#wrap_btn_grille p{
    line-height: 3 ;
}

#index_btn_gauche, #index_btn_droite{
    text-underline-offset: 0px;
    text-decoration-color : transparent;
    /* text-decoration-thickness: 4px;  */
}
#index_btn_gauche{
    /* background-color: pink; */
    flex-grow:1;
    /* text-decoration-color: transparent; */
    background-image: url('../images/design/btn-grille/gauche.png') ;
    background-repeat: no-repeat;
    background-position: top right ;
    background-size: contain;
    min-width: 20rem;
    position: relative;
    top: 0;
    left: 3rem;
}
#index_btn_droite{
    /* background-color: gray; */
    flex-grow:1;
    /* text-decoration: none; */
    background-image: url('../images/design/btn-grille/droite.png') ;
    background-repeat: no-repeat;
    background-position: top left ;
    background-size: contain;
    min-width: 20rem;
    position: relative;
    top: 0;
    right: 3rem;

    display: flex;
    justify-content:flex-end;
}
#wrap_btn_grille:hover > * {
    opacity:.2;
}
#index_btn_gauche:hover, #index_btn_droite:hover{
    /* text-underline-offset: 1px; */
    text-decoration-color : currentcolor;

    opacity:1;
}

#index_txt_btn_grille_gauche, #index_txt_btn_grille_droite{
    font-size: 2rem;
    font-family: "Cinzel_Decorative" , "Noto_Serif", serif ;
    /*color:white;*/
    color: #d6d0b8;
    text-shadow: 2px 2px 2px black, -2px 2px 2px black, 2px -2px 2px black, -2px -2px 2px black;
    top: 10rem;
    max-width: 20rem;
}
/* #index_txt_btn_grille_gauche:hover, #index_txt_btn_grille_droite:hover{
    } */
    /* #index_txt_btn_grille_gauche{
        } */
        #index_txt_btn_grille_droite{
            text-align: right;
        }







        .index_border_ornement_1{
            border:solid 3px gold ;
            border-image: url("../images/design/cadre/escaliers 1.png")  26 fill repeat;
            padding: 1rem;

            box-sizing: border-box;
            border-style: solid;
            border-width: 17px;
        }


        .arm_maj, .arm_min{
            display: block;
            outline:0;
            border:0;
            text-align: center;
        }
        .arm_maj::before,  .arm_min::before{
            /* content : 'ԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖ' ; */
            content : 'ԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖԱԲԳԴԵԶԷԸԹԺԻԼԽԾԿՀՁՂՃՄՅՆՇՈՉՊՋՌՍՎՏՐՑՒՓՔՕՖ' ; /* x15 */
            font-size: 0.6rem;
            letter-spacing: -0.05rem;

            color:#d6d0b833;/*or clair tsp*/
        }
        .arm_maj[data-color="blanc"]::before,  .arm_min[data-color="blanc"]::before{
            color:white;
        }
        .arm_maj[data-color="tres_clair"]::before,  .arm_min[data-color="tres_clair"]::before{
            color:#d6d0b8;/*or clair*/
        }
        .arm_maj[data-color="clair"]::before,  .arm_min[data-color="clair"]::before{
            color:#b89f60;/*or blanc*/
        }
        .arm_maj[data-color="fonce"]::before,  .arm_min[data-color="fonce"]::before{
            color:#424242;/*or annulé*/
        }
        .arm_min::before{
            /* content : 'աբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆ' ; */
            content : 'աբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆաբգդեզէըթժիլխծկհձղճմյնշոչպջռսվտրցւփքօֆ' ; /* x15 */
        }



        [data-color="blanc"]{ color:white; }
        [data-color="tres_clair"]{ color:#d6d0b8; }
        [data-color="clair"]{ color:#b89f60; }
        [data-color="fonce"]{ color:#424242; }


        .ligne_gradient_1{
            display: block;
            height: 1px;
            background : linear-gradient(to right, #000 0%, #d6d0b8 50%, #000 100%);
            outline:0;
            border:0;
            color:#020202;
        }
        .ligne_gradient_1[data-color="blanc"]{
            background : linear-gradient(to right, #000 0%, white 50%, #000 100%);
        }
        .ligne_gradient_1[data-color="tres_clair"]{
            background : linear-gradient(to right, #000 0%, #d6d0b8 50%, #000 100%); /*or clair*/
        }
        .ligne_gradient_1[data-color="clair"]{
            background : linear-gradient(to right, #000 0%, #b89f60 50%, #000 100%); /*or blanc*/
        }
        .ligne_gradient_1[data-color="fonce"]{
            background : linear-gradient(to right, #000 0%, #424242 50%, #000 100%); /*or annulé*/
        }

        @keyframes border_animation_droite_1 {
            0% { background-position: 0 0; }
            100% { background-position: 10rem 0; }
        }
        @keyframes border_animation_gauche_1 {
            0% { background-position: 0 0; }
            100% { background-position: -10rem 0; }
        }

        .border_animation_droite_1{
            display: block;
            background-size: contain;
            outline: 0;
            border: 0;
            background-position: 0 0;
            animation: border_animation_droite_1 11s linear infinite;

            /* background-image: url('../images/design/hr/triangle-border.png');
            height: 7px; */

            background-image: url('../images/design/hr/losanges.png');
            height: 14px;
            opacity: .3;
        }
        .border_animation_gauche_1{
            display: block;
            background-size: contain;
            outline: 0;
            border: 0;
            background-position: 0 0;
            animation: border_animation_gauche_1 11s linear infinite;

            /* background-image: url('../images/design/hr/triangle-border.png');
            height: 7px; */

            background-image: url('../images/design/hr/losanges.png');
            height: 14px;
            opacity: .3;
        }
        .serpentins{
            display: block;
            background-size: contain;
            outline: 0;
            border: 0;
            background-position: center center;

            background-image: url('../images/design/hr/serpentins.png');
            background-repeat: no-repeat;
            height: 14px;
            /* opacity: .3; */
        }

        #index_jpo{
            background-color:#424242;/*or annulé*/
            background-color:#b89f60;/*or blanc*/
            background-color:#d6d0b8;/*or clair*/
            background-color:#020202;

            color:#020202;
            color:#424242;/*or annulé*/
            color:#b89f60;/*or blanc*/

            margin: -1rem; /*pour ramerner les hr au centre*/
            padding: 3rem;
        }


        #index_partenaires .wrap_image > img{
            max-width: 100%;
            max-height: 50%;
            object-fit: cover;
        }
        .lien_txt_partenaire{
            font-stretch: 80%;
        }
        #index_partenaires a{
            transition: .2s;
        }
        #index_partenaires a:hover{
            filter:brightness(.8);
        }


        /*
        .btn_visiter_1{
            display: inline-block;
            padding: 1rem;
            background-color: black;
            border : solid 1px #d6d0b8 ;

        }
        .btn_visiter_1::after{
            content : '' ;
            display: inline-block;
            width: 2rem;
            height:2rem;
            background-color:red;
        }
        NOTE mettre la fleche dorée
        */

        .btn_visiter_2{
            text-decoration: none;
            font-variant: small-caps;
            transition: .3s;
        }
        .btn_visiter_2:hover{
            text-decoration: none;
            /* opacity: .7; */
            filter: brightness(1.2);

        }
        .btn_visiter_2::after{
            content : '';
            /*background-color: red;*/
            display: inline-block;
            vertical-align: baseline;
            height: 0.8rem;
            background-image: url('../images/design/fleche/bt_next.png') ;
            background-size: contain;
            background-position: center right;
            background-repeat: no-repeat;

            transition: .3s ease-out;
            /* opacity: 0; */
            width: 1rem;
        }
        .btn_visiter_2:hover::after{
            width: 1.618rem;
        }


        /*GROUPES*/
        #wrap_col_groupe{
            /* background-color: palegoldenrod; */
            display: flex;
            flex-direction: row-reverse;
            justify-content: center;

            /* FOND EN COLONNE*/
            /* background-image: url('../images/design/colonne/bg.png'); */
            /* background-image: url('../images/design/colonne/colonne 2.png'); */
            background-image: url('../images/design/colonne/colonne 3.png');
            /* filter: brightness(.3); */

            /* background-size: contain; */
            background-position: top right;
            background-repeat: no-repeat;

        }
        #wrap_col_groupe > div {
            flex-grow: 1;
        }
        #col_1_groupes{
            /* background-color: red; */
            padding: 2rem ;
        }
        #col_2_groupes{
            /* background-color: yellow; */
            max-width: 30rem;
            padding: 2rem;
        }
        #col_3_groupes{
            /* background-color: blueviolet; */
        }

        @media screen and (max-width: 1000px) {
            #col_1_groupes {
                display: none;
            }
        }

        #wrap_btn_groupes{
            /* background-color: orange; */
            display: flex;
            flex-direction: column;
            align-items:end;
            position: sticky ;
            top: 10rem;
        }
        .btn_groupe{
            /* background-color: pink; */
            background-color: black;
            display: block;
            text-align: center;
            width: 10rem;
            height: 5rem;
            text-decoration:none;
            /* opacity : .3; */
            filter: brightness(.3);



            border:solid 3px gold ;
            border-image: url("../images/design/cadre/escaliers 1 demi.png")  26 fill repeat;
            padding: 1rem;

            box-sizing: border-box;
            border-style: solid;
            border-width: 17px;

            position: relative;
            top: 0;
            left: 0;
        }
        .btn_groupe:hover, .btn_groupe.actif{
            /* opacity : 1; */
            filter: brightness(1);
        }
        .btn_groupe:not(:last-child){
            margin-bottom: 5rem    ;
        }
        .btn_groupe:not(:last-child)::after{
            content:'';
            background-color:#b99f65;/*or clair*/
            display: block;
            width: 4px;
            height: 5rem;
            position: absolute;
            left: calc(-17px + 10rem / 2);
            top: calc( -17px + 5rem );
        }
        .btn_groupe_cat{
            width: inherit;
            /* transition: .3s ; */
            filter: brightness(1.5);
            box-shadow: 0 0 5rem 1rem #fff2;
        }
        .btn_groupe_cat:hover{
            filter: brightness(10);
            box-shadow: 0 0 7rem 3rem #fff2;
        }
        .btn_groupe_cat::after{
            /* background-color: red; */
            content : '' ;
            background-image: url('../images/design/fleche/bt_next.png') ;
            background-repeat: no-repeat;
            background-size: contain;
            background-position-x: 50% ;
            height: 1rem;
            width: 3rem;
            display: inline-block;
            vertical-align: bottom;
            transition: .3s ease ;
        }
        .btn_groupe_cat:hover::after{
            background-position-x: 100% ;
        }


        /*LIGHTBOX*/
        @keyframes aura_respiration {
            0%{
                box-shadow: 0 0 1rem 1rem #fff0 , 0 0 3rem 3rem #fff0 inset ;
            }
            30%{
                box-shadow: 0 0 1rem 1rem #ffffff12 , 0 0 3rem 3rem #ffffff12 inset ;
            }
            100%{
                box-shadow: 0 0 3rem 3rem #fff0 , 0 0 3rem 3rem #fff0 inset ;
            }
        }
        body[data-nomPage="groupes"] [data-lightbox]{
            /* background-color: pink; */
            width: 5rem;
            height: 5rem;
            padding: 0;
            /* background-image: url("../images/design/btn-lightbox/btn-lightbox-groupes.png") ; */
            /* background-repeat: no-repeat;
            background-position-y: bottom ;
            background-size: 400% 100%; */
            box-shadow: 0 0 3rem 3rem #fff5 , 0 0 3rem 3rem #fff5 inset ;
            border-radius: 50%;
            animation : aura_respiration linear 1s infinite  ;

            position: relative;
            top: 0;
            left: 0;
            z-index: 20;
            cursor: pointer;
            user-select: none;
            transition: filter .2s ease-out;

            /* border : solid 5px #ffb207; */
        }
        body[data-nomPage="groupes"] [data-lightbox]:hover{
            filter: brightness(.6);
        }
        body[data-nomPage="groupes"] [data-lightbox]::after{
            /* background-color: red; */
            content: attr(data-label) ;
            width: 5rem;
            text-align: center;
            font-size: 1.1rem;
            font-variant: small-caps;
            color:#b99f65;/*or clair*/
            display: block;
            position: absolute;
            top: 110%;
            left: 0;
        }
        /*aura pour mettre en valeur et ne pas le rater*/
        body[data-nomPage="groupes"] [data-lightbox]::before{
            content : '';
            display: block;
            /* background-color: red; */
            background-image: url("../images/design/btn-lightbox/btn-lightbox-groupes.png") ;
            background-repeat: no-repeat;
            background-position-y: bottom ;
            background-size: 400% 100%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 10;
            /* box-shadow: 0 0 3rem 3rem #fff5 , 0 0 3rem 3rem #fff5 inset ; */
            border-radius: 50%;
        }
        body[data-nomPage="groupes"] [data-lightbox="ara"]{ background-position-x: calc( 0/3 * 100%) ; }
        body[data-nomPage="groupes"] [data-lightbox="anahit"]{ background-position-x: calc( 1/3 * 100%) ; }
        body[data-nomPage="groupes"] [data-lightbox="ani"]{ background-position-x: calc( 2/3 * 100%) ; }
        body[data-nomPage="groupes"] [data-lightbox="astrik"]{ background-position-x: calc( 3/3 * 100%) ; }


        /* body[data-nomPage="academie"] .bandeau_defilant{
            }*/




            .btn_adjacent_1{
                /* background-color: deeppink; */
                background-color: #0005;
                text-align: center;

                font-size: 2rem;
                text-decoration: none;
                display: inline-block;
                margin: 0 auto;
                padding: 5rem 0;
                width: 60rem;
                border:solid 1px currentcolor;
                box-shadow: 0 0 5rem 1rem #fff2 ;
                transition: .9s ;
            }
            .btn_adjacent_1:hover{
                filter: brightness(1.5);
                background-color: #000;
                box-shadow: 0 0 10rem 3rem #fff2 ;
            }
            .btn_adjacent_1::before, .btn_adjacent_1::after{
                content:'';
                display: inline-block;
                vertical-align: bottom;
                height: 2rem;
                width: 9rem;
                margin : 0 2rem ;

                /* background-image: url("../images/design/adjacent/oiseau.png"); */
                background-image: url("../images/design/adjacent/title-frame-right.svg");
                background-repeat: no-repeat;
                background-size: contain;

                transition: 2s .3s ease-in-out ;
            }

            .btn_adjacent_1::before{
                transform: scaleX(-1); /*symétrie axiale*/
            }
            .btn_adjacent_1:hover::before, .btn_adjacent_1:hover::after{
                margin : 0 4rem ;
            }
            @media screen and (max-width: 65rem) {
                .btn_adjacent_1 {
                    width: inherit;
                    transform: scale( 0.75);
                    padding: 2rem;
                }
                .btn_adjacent_1::before, .btn_adjacent_1::after{
                    height: 2rem;
                    width: 5rem;
                    /* display: none; */
                }
            }





            /*STATSITIQUES ET TEMOIGNAGES*/
            #temoignages.page_statistiques_et_temoignage{
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            #temoignages.page_statistiques_et_temoignage blockquote{
                padding: 5rem 2rem 7rem;
                /* border-bottom-left-radius: 1rem; */
                /* border-bottom-right-radius: 1rem; */
                border-radius: 5rem ;
                /* DEBUG:  */
                /* color:transparent; */
            }
            /* #temoignages.page_statistiques_et_temoignage blockquote .temoignage_texte::before{
                content:'     ' ;
                } */
                /* #temoignages.page_statistiques_et_temoignage blockquote .temoignage_texte::first-letter{
                    font-size: 1.1rem;
                    } */
                    #temoignages.page_statistiques_et_temoignage blockquote::before{
                        display: none;
                    }
                    #temoignages.page_statistiques_et_temoignage .temoignage_texte{
                        margin-bottom: 1rem;
                    }
                    .masonry{
                        /* background-color: pink; */
                        flex-shrink: 1;

                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        justify-content: center;
                    }
                    .masonry_col{
                        min-width: 23rem ;
                        max-width: 23rem ;
                    }
                    @media screen and (max-width: calc( 23rem * 4)) {
                        .masonry{
                            max-width: calc( 23rem * 3);
                            min-width: calc( 23rem * 3);
                        }
                    }
                    @media screen and (max-width: calc( 23rem * 3)) {
                        .masonry{
                            max-width: calc( 23rem * 2);
                            min-width: calc( 23rem * 2);
                        }
                    }
                    @media screen and (max-width: calc( 23rem * 2)) {
                        .masonry{
                            max-width: calc( 23rem * 1);
                            min-width: calc( 23rem * 1);
                        }
                    }



                    .masonry_col > * {
                        margin: 0;
                        padding: 0;
                        padding-bottom: 5rem;
                        box-shadow: 0 0 1px white inset;
                    }




                    .bg_uniforme{
                        display: flex;
                        flex-direction: row;
                        width: 100vw;
                    }
                    .bg_uniforme > div:first-child, .bg_uniforme > div:last-child {
                        /* background-color: blue; */
                        flex-grow: 1;

                        background-image: url("../images/design/bg-uniforme/bg-uniforme-1-tsp.png");
                        background-repeat: no-repeat;
                        /* background-size: contain; */
                        /* width: 20rem; */
                    }
                    .bg_uniforme > div:first-child {
                        background-position: center right;
                    }
                    .bg_uniforme > div:last-child {
                        background-position: center left;
                    }


                    /*ACADEMIE*/
                    body[data-nomPage="academie"]{
                        overflow-x: hidden;
                    }
                    #jumbotron_academie{
                        /* background-color: cyan; */
                        width: 100vw;
                        height: 90vh;
                        margin: 0;
                        padding: 0;
                        /* padding-top: 15rem; */

                        background-image: url("../images/design/jumbotron/bandeau.jpg");
                        background-repeat: no-repeat;
                        background-size: contain;
                        background-position: center center;

                        color:white;

                        /*pour le bg rotation*/
                        position: relative;
                        top: 0;
                        left: 0;
                        z-index: 2;
                    }
                    #jumbotron_academie_txt{
                        filter: drop-shadow(1px 1px 8px #000) ;
                        /* border-radius: 50% ; */
                        background-color: #0007  ;
                        box-shadow: 0 0 5rem 5rem #0007 ;

                        position: absolute;
                        /* top: 0; */
                        left: 0;
                        right: 0;
                        bottom: 0;
                        transition: 3s ;
                    }
                    /* body.scroll_a_commence #jumbotron_academie_txt{
                        top: -100vh;
                        opacity: 0;
                        } */
                        #jumbotron_academie h1{
                            font-family: "Cinzel_Decorative" , "Noto_Serif", serif ;
                            font-size: 2.6rem;
                            font-weight: 400;
                            /* filter: drop-shadow(0 0 3px #000) ; */
                            text-align: center;
                            max-width: 45rem ;
                            margin: 0 auto;
                            margin-bottom: 2rem;

                        }
                        #jumbotron_academie_sous_titre{
                            font-family: "Noto_Serif" , serif ;
                            font-size: 1.5rem;
                            font-weight: 170;
                            font-style: italic;
                            text-align: center;
                            /* max-width: 45rem ; */
                            margin: 0 auto;
                        }
                        @media screen and (max-width: 1000px) {
                            #jumbotron_academie h1{
                                font-size: 3rem;
                            }
                        }

                        #academie_introduction{
                            position: relative;
                            top: 0;
                            left: 0;
                            z-index: 2;
                        }
                        #academie_introduction p + h3 {
                            padding-top: 3rem;
                        }
                        @keyframes spin {
                            0% { transform: rotate(0deg); }
                            100% { transform: rotate(360deg); }
                        }
                        .rotating-bg::before {
                            content:'';
                            display: block;
                            height: 100vh;
                            width: 100%;
                            /* opacity: .3; */
                            background-image: url('../images/design/rosace/ArmenianEternity.svg') ;
                            background-repeat: no-repeat;
                            background-position: center center;
                            background-size: contain;
                            animation: spin 60s linear infinite;
                            position: relative;
                            top: -20rem;
                            left: 0;
                            z-index: 0;
                            margin-bottom: -55rem;
                            filter: drop-shadow(1px 1px 8px #fff1) ;

                        }
                        .rotating-bg + * {
                            /*pour le bg rotation*/
                            position: relative;
                            top: 0;
                            left: 0;
                            z-index: 2;
                        }

                        @keyframes scintillement_1 {
                            0%, 100% { opacity: 0 ; }
                            25% { opacity: 0 ; }
                            50% { opacity: 1 ; }
                            75% { opacity: 0 ; }
                            100% { opacity: 0 ; }
                        }
                        .scintillement{
                            position: relative;
                            inset:0;
                            box-shadow: 0 0 7rem 7rem #0005 ;
                        }
                        .scintillement > * {
                            position: relative;
                            z-index: 2;
                        }
                        .scintillement::before, .scintillement::after{
                            content : '';
                            display: block;
                            /* background-color: #00f2; */
                            position: absolute;
                            inset:0;
                            background-image: url('../images/design/scintillement/etoiles.png');
                            background-position: 0 0  ;
                            background-repeat: repeat;
                            background-size: 50rem ;
                            animation: scintillement_1 calc(7s/2) infinite alternate ease-in-out ;
                            filter: brightness(10);
                        }
                        .scintillement::after{
                            /* background-color: #f002; */
                            background-position: 7px 13px  ;
                            animation: scintillement_1 calc(13s/2) infinite alternate ease-in-out ;
                        }


                        .btn_outline_1{
                            background-color: transparent;
                            color:white;
                            color:#020202;
                            color:#424242;/*or annulé*/
                            color:#d6d0b8;/*or clair*/
                            color:#b89f60;/*or blanc*/

                            border : solid 1px currentcolor ;
                            font-weight: bold;
                            padding-top: 0.6rem  ;
                            padding-bottom: 0.6rem  ;
                            padding-left: 1rem;
                            padding-right: 2.5rem;
                            transition: .4s;
                        }
                        .btn_outline_1::before{
                            /* background-color: red; */
                            content : '' ;
                            background-image: url('../images/design/fleche/bt_next.png') ;
                            background-repeat: no-repeat;
                            background-size: contain;
                            background-position: left center;
                            height: 1rem;
                            width: 1.5rem;
                            display: inline-block;
                            vertical-align: bottom;
                            transition: .3s ease ;
                        }
                        .btn_outline_1:hover{
                            filter: brightness(.7);
                            background-color: #000;
                            text-decoration: none;
                        }
                        .btn_outline_1:hover::before{
                            width: 1.3rem;
                        }

                        #editorial_txt{
                            /* max-width: 40rem; */
                        }
                        #editorial_figure{
                        }
                        #editorial_img_president{
                            /* border-radius: 50%; */
                        }
                        #editorial_legende{
                        }


                        body[data-nomPage="partenaires"] .partenaire{
                            margin-bottom: 4rem;
                        }


                        #informations_acces img{
                            max-width: inherit;
                            width: 100%;
                        }


                        #contact_coordonnees{
                            font-family: "Cinzel_Decorative" , "Noto_Serif", serif  ;
                            font-size: 2rem;
                            padding: 2rem;

                            background-color:#ffffffbb;
                            background-color:#020202bb;
                            background-color:#424242bb;/*or annulé*/
                            background-color:#b89f60bb;/*or blanc*/
                            background-color:#d6d0b8bb;/*or clair*/

                            color:black;
                            font-weight: 700;
                        }
                        #contact_coordonnees a{
                            font-family: "Noto_Sans" , sans-serif  ;
                            color:black;
                            font-weight: 700;
                        }


                        body[data-nomPage="informations"] h2{
                            font-size: 1.5rem;
                            margin: 0;
                        }
                        body[data-nomPage="informations"] p{
                            margin-top: 0;
                        }
                        body[data-nomPage="informations"] section{
                            margin-bottom: 2rem;
                            border-top: solid currentcolor 1px ;
                            padding-top: 0;
                        }
                        body[data-nomPage="informations"] address{
                            font-size: 1.3rem;
                            color:white;
                        }
                        body[data-nomPage="informations"] .label{
                            display: inline-block;
                            min-width: 7rem;
                        }
                        body[data-nomPage="informations"] a[target="_blank"]::after{
                            content : "" ;
                        }


                        body[data-nomPage="france-varpet"] img{
                            max-width: inherit;
                            width: 100%;
                        }


                        body[data-nomPage="mentions-legales"] main, body[data-nomPage="cookies"] main, body[data-nomPage="err"] main{
                            padding: 2rem;
                            white-space: pre-line;
                            max-width: 60rem;
                        }
                        body[data-nomPage="mentions-legales"] h2, body[data-nomPage="cookies"] h2,
                        body[data-nomPage="mentions-legales"] h3, body[data-nomPage="cookies"] h3{
                            font-family: "Noto_Serif" , serif ;
                            font-weight: 200;
                        }


                        body[data-nomPage="cookies"] h2{
                            display: none;
                        }


                        body[data-nomPage="credits"] h2{
                            text-transform: uppercase;
                        }
                        body[data-nomPage="credits"] pre{
                            white-space: pre-line;
                        }
                        .credit_wrap_photographie, .credit_wrap_typographie{
                            margin-bottom: 5rem;
                        }
                        .noto_sans .txt_demo_typo{ font-family: "Noto_Sans" , sans-serif  !important; }
                        .noto_serif .txt_demo_typo{ font-family: "Noto_Serif" , serif  !important; }
                        .cinzel_decorative .txt_demo_typo{ font-family: "Cinzel_Decorative" , "Noto_Serif", serif  !important; }

                        .txt_demo_typo{
                            font-size: 1.2rem;
                            filter: brightness(0.7);
                            margin-right: 2rem;
                        }
                        .txt_demo_typo:nth-of-type(1){
                            font-weight: 400 ;
                        }
                        .txt_demo_typo:nth-of-type(2){
                            font-weight: 900 ;
                        }
                        .txt_demo_typo:nth-of-type(3){
                            font-style: italic;
                            font-weight: 400 ;
                        }
                        .txt_demo_typo:nth-of-type(4){
                            font-style: italic;
                            font-weight: 900 ;
                        }