.txtColumn ul {
    padding-left:1.8em;
    overflow: hidden;
}
.txtColumn ul li {
    position: relative;
    list-style-type: none;
    margin: .8em 0;
}
.txtColumn ul li::before {
    content:'';
    width:.8em;
    height:.8em;
    position:absolute; 
    right:calc(100% + 1em);
    top:.4em;
    background: url('../images/bullet-green.svg');
    background-repeat:no-repeat;
    background-position: center;
    background-size: contain;
}
/**************************************************************************************************/
/********* A PROPOS *******************************************************************************/
/**************************************************************************************************/
#a-propos .txtColumn {
    margin-left: 30%;
    margin-right: 40%;
}
#a-propos .imgTxtImg {
    margin:2rem auto;
    width:calc(100% + 8rem);
}
/**************************************************************************************************/
/********* DIVERS *********************************************************************************/
/**************************************************************************************************/
#divers .txtColumn {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--txt-column-width);
}
#divers .imgTxtImg {
    margin:2rem auto;
}

@media screen and (max-width: 620px) {
    #divers .txtColumn {margin-left: var(--space-out);margin-right: var(--space-out);}
}

/**************************************************************************************************/
/********* PRATIQUES ******************************************************************************/
/**************************************************************************************************/
#pratique {
    font-size:1.15rem;
}
#pratique .intro,
#pratique .citationWrap,
#pratique .txtColumn {
    margin-bottom: 5rem;
    margin-top: 5rem;
}
#pratique .intro {
    max-width: calc((var(--txt-column-width) * 1.2) + (var(--space-out) * 2));
    padding-left: var(--space-out);
    padding-right: var(--space-out);
    margin-left:auto;
    margin-right:auto;
    font-size:1.15em;
}

#pratique .citationWrap {
    max-width: calc((var(--txt-column-width) * 1.2) + (var(--space-out) * 2));
    padding-left: var(--space-out);
    padding-right: var(--space-out);
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#pratique .citation::before {
    content:"\"";
    display:block;
    font-size: 3em;
    line-height:.1em;
    color: var(--color-green);
    font-style: normal;
}
#pratique .citation {
    font-style:italic;
    margin-bottom: .5rem;
}

#pratique .auteur {
    font-family: var(--font2);
    margin-top: .5rem;
}
#pratique .auteur::before,
#pratique .auteur::after {
    content : "-";
    display:inline-block;
    margin: 0 .5em;
}

#pratique .img-left,
#pratique .img-right {
    display:flex;
    justify-content:center;
    gap: 3rem;
    padding-left: var(--space-out);
    padding-right: var(--space-out);
}
#pratique .img-right .txt {
    order:1;
}
#pratique .img-right .imgTxtImg {
    order:2;
}
#pratique .txtColumn .imgTxtImg img {
    max-height:70vh;
    object-fit: contain;
    object-position: center;
}
#pratique .txtColumn .imgTxtImg,
#pratique .txtColumn .txt {
    width: var(--txt-column-width);
}

#pratique h2 {
    font-weight: 600;
    font-size: 3.4rem;
    font-style: italic;
}
#pratique .img-top h2 {
    text-align:center;
}
#pratique h3 {
    font-size: 1.8rem;
}
#pratique .img-top {
    max-width: calc((var(--txt-column-width) * 1.2) + (var(--space-out) * 2));
    padding-left: var(--space-out);
    padding-right: var(--space-out);
    margin-left:auto;
    margin-right:auto;
}
#pratique .img-top .imgTxtImg {
    margin: 2rem auto;
}
#pratique .img-top .imgTxtImg,
#pratique .img-top .txt {
    width: 100%;
}
#pratique .img-top + .img-top .imgTxtImg {
    margin-top: -3rem; 
}


@media screen and (max-width: 790px) {
    #pratique .intro {width:auto;max-width:none;}
    #pratique .intro, #pratique .txtColumn {margin-bottom: 3rem;margin-top: 3rem;}

    #pratique .img-left,
    #pratique .img-right { display: block; overflow: hidden;}
    #pratique .txtColumn .imgTxtImg, #pratique .txtColumn .txt {width: auto;}
    #pratique .imgTxtImg {width: auto;}
    #pratique .img-right .imgTxtImg img {width: 45%;float: right;margin: 0 0 1rem 1rem;}
    #pratique .img-left .imgTxtImg img {width: 45%;float: left;margin: 0 1rem 1rem 0;}

    #pratique .img-top {max-width: none;}

    #pratique .img-top + .img-top .imgTxtImg {margin-top: -2rem;}
}

@media screen and (max-width: 550px) {
    #pratique .img-right .imgTxtImg img,
    #pratique .img-left .imgTxtImg img {width: 100%;max-height: 80vh;float: none;margin: 0 0 1rem;
        object-fit: contain;object-position: center;}
}