/* MAIN : zone de contenu issu de l'éditeur (Gutenberg ou TinyMCE) */

main.wysiwyg {
    margin-top:1px; margin-bottom:1px;
    padding-top:90px; padding-bottom:60px;
    color:#171717;
    overflow-x:hidden;
}
.wysiwyg-width,
main.wysiwyg > * {
    margin-left:auto; margin-right:auto; max-width:800px;
    padding-left:20px; padding-right:20px;
}
main.wysiwyg.wide > * {
    max-width:calc(1380px - 20px - 20px);
}
.max-width-768 > * {
    max-width:768px;
}
main.wysiwyg > .alignwide {
    max-width:none;
}
main.wysiwyg > .alignfull {
    max-width:none;
    padding-left:0; padding-right:0;
}
main.wysiwyg .excerpt {
    position:relative;
    font-size:30px; line-height:1.2em; color:black;
    margin-bottom:1.5em;
}
main.wysiwyg .excerpt:before {
    position:absolute; content:" ";
    top:20px; left:-116px; width:95px; height:1px;
    border-top:1px solid #29426F; opacity:0.44;
}
main.wysiwyg .excerpt p {
    margin-bottom:0;
}
main.wysiwyg p {
    margin-bottom:1em;
}
.std-link,
.wysiwyg p a,
.wysiwyg td a,
.wysiwyg .wp-block-column a {
    position:relative; display:inline-block;
    text-decoration:none; color:#FA6400; cursor:pointer;
}
.std-link:hover,
.wysiwyg p a:hover,
.wysiwyg .wp-block-column a:hover,
.wysiwyg td a:hover {
    color:#FF7933;
}
.std-link:active,
.wysiwyg p a:active,
.wysiwyg .wp-block-column a:active,
.wysiwyg td a:active {
    color:#E15A00;
}
.std-link:visited,
.wysiwyg p a:visited,
.wysiwyg .wp-block-column a:visited,
.wysiwyg td a:visited {
    color:#BE4C00;
}
.wysiwyg p a:focus,
.wysiwyg .wp-block-column a:focus,
.wysiwyg td a:focus {
    outline:none;
}
.wysiwyg p a:focus:before,
.wysiwyg .wp-block-column a:focus:before,
.wysiwyg td a:focus:before {
    content:" ";
    position:absolute; z-index:20; top:-2px; left:-8px; right:-8px; bottom:-2px;
    border:1px solid rgba(207,168,154,.8); border-radius:5px;
    box-shadow:0 0 5px rgba(207,160,154,1);
}
.wysiwyg p a[target=_blank]:after,
.wysiwyg .wp-block-column a[target=_blank]:after,
.wysiwyg td a[target=_blank]:after {
    content:'\f35d';
    font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900;
    font-size:70%; margin-left:5px;
    position:relative; top:-1px;
}
main.wysiwyg h1,
main.wysiwyg h2 {
    font-family:'DINPro Light'; font-weight:normal;
    font-size:40px; line-height:1.2em;
    padding-top:1em; padding-bottom:.75em;
    color:black;
}
body.page main.wysiwyg h1,
body.page main.wysiwyg h2 {
    font-size:30px;
}
main.wysiwyg h3 {
    font-family:'DINPro Light'; font-weight:normal;
    font-size:24px; line-height:1.2em;
    padding-bottom:1em;
    color:black;
}
main.wysiwyg h4 {
    font-family:'DINPro Medium'; font-weight:normal;
    font-size:20px; line-height:1.2em;
    padding-bottom:1em;
    color:black;
}
main.wysiwyg img {
    max-width:100%; height:auto;
}
.wp-block-image.size-large img {
    width:100%;
}
main.wysiwyg blockquote {
    padding-top:1em; padding-bottom:1em;
}
main.wysiwyg blockquote p {
    position:relative;
    margin-left:110px;
    font-family:'DINPro Medium'; font-size:40px; line-height:1.25em;
    margin-bottom:.4em;
}
main.wysiwyg blockquote cite {
    margin-left:110px;
    font-style:normal;
}
main.wysiwyg blockquote p:before {
    font-family:'DINPro Medium'; font-size:40px; content:'"';
    position:absolute; top:-2px; left:-40px;
    transform:scaleY(1.5);
}
main.wysiwyg ul,
main.wysiwyg ol {
    list-style-position:outside;
}
main.wysiwyg ul > li,
main.wysiwyg ol > li {
    padding-left:10px; margin-left:100px; margin-bottom:1em;
}

@media (max-width:1140px) {
    main.wysiwyg .excerpt:before {
        display:none;
    }
}
@media (max-width:1023px) {
    main.wysiwyg {
        padding-top:48px; padding-bottom:48px;
    }
    body.page main.wysiwyg h1,
    body.page main.wysiwyg h2,
    main.wysiwyg .excerpt {
        font-size:28px; margin-bottom:.7em;
    }
    main.wysiwyg h1,
    main.wysiwyg h2 {
        font-size:36px;
    }
    main.wysiwyg blockquote p {
        font-size:33px;
    }
    main.wysiwyg blockquote p:before {
        font-size:33px;
    }
}
@media (max-width:639px) {
    main.wysiwyg blockquote p {
        margin-left:25px;
        font-size:33px;
    }
    main.wysiwyg blockquote cite {
        margin-left:25px;
    }
    main.wysiwyg blockquote p:before {
        left:-25px;
    }
    main.wysiwyg ul > li,
    main.wysiwyg ol > li {
        margin-left:20px; padding-left:5px;
    }
}



/* Tableaux */
main.wysiwyg table {
    border-collapse:collapse; width:100%;
    margin-bottom:1em;
}
main.wysiwyg table thead {
    background:#EEEEEE;
}
main.wysiwyg table thead th {
    font-family:'DINPro-Regular'; font-weight:normal;
    padding:30px 20px;
}
main.wysiwyg table tbody {}
main.wysiwyg table tbody td {
    vertical-align:top;
    padding:25px 20px;
    border:1px solid #EEEEEE;
}



/* Image(s) sur une seule ligne full-width */
.one-line-images {
    display:flex; justify-content:space-between;
    margin-top:2em; margin-bottom:2em;
}
.one-line-images a {
    font-size:16px; line-height:1.1em; text-decoration:none; color:#535353;
}
.one-line-images figcaption {
    margin-top:.3em;
}
@media (min-width:840px) {
    .one-line-images .mobile {
        display:none;
    }
    .one-line-images > :first-child figcaption {
        padding-left:.6em;
    }
}
@media (max-width:839px) {
    .one-line-images .desktop {
        display:none;
    }
    .one-line-images {
        flex-direction:column;
    }
    .one-line-images img {
        width:100%; height:auto;
    }
    .one-line-images a {
        margin-bottom:1.75em;
    }
    .one-line-images figcaption {
        padding:0 20px; margin-top:.5em;
    }
}


/* Slideshow pleine largeur */
.imd-slideshow {
    position:relative;
    margin-top:2em; margin-bottom:2em; overflow-x:hidden;
}
.imd-slideshow .images {
    position:relative; z-index:20; left:0; transition:left .4s ease-out;
    margin-left:calc((100% - 800px) / 2);
    font-size:0; white-space:nowrap;
}
.imd-slideshow .images > * {
    transition:opacity .2s linear;
}
.imd-slideshow .images > *:hover {
    opacity:.95;
}
.imd-slideshow .images img { /* ici : on défini la hauteur du slideshow */
    height:630px; max-height:70vh; width:auto;
}
.imd-slideshow .images > a {
    display:inline-block;
}
.imd-slideshow .nav-layers > * {
    position:absolute; z-index:100; top:0; bottom:calc(40px + .75em);
    width:calc((100% - 800px) / 2);
    background:rgba(0,0,0,0);
}
.imd-slideshow .nav-layers > .prev {
    left:0;
    cursor: url(../img/slideshow-prev-big.svg), pointer;
}
.imd-slideshow .nav-layers > .next {
    right:0;
    cursor: url(../img/slideshow-next-big.svg), pointer;
}
.imd-slideshow.hide-prev .nav-layers > .prev,
.imd-slideshow.hide-next .nav-layers > .next {
    display:none;
}
.slideshow-footer {
    position:relative; display:flex; justify-content:space-between;
    align-items:center; height:40px;
}
.slideshow-footer .counter {
    font-family:'DINPro-Regular'; font-size:20px; color:#A5A5A5;
}
.tiles > .slideshow-footer .counter {
    display:none;
}
.slideshow-footer .controls {
    position:absolute; right:-90px; top:0;
    display:flex; justify-content:space-between; width:135px;
}
.slideshow-footer.std-width .controls {
    right:20px;
}
.slideshow-footer .controls > * {
    cursor:pointer; width:40px; height:40px; border-radius:20px;
    background:white; transition:background .1s linear;
    text-align:center; line-height:40px; font-size:0;
}
.hide-prev .slideshow-footer .prev,
.hide-next .slideshow-footer .next {
    filter:grayscale(100%); opacity:.4; cursor:not-allowed;
}
.slideshow-footer .controls img {
    vertical-align:middle;
}
.slideshow-footer .controls > *:hover {
    background:rgba(250,100,0,.1);
}
.slideshow-footer .controls > *:active {
    background:rgba(190,76,0,.2);
}
.slideshow-footer .controls .next img {
    transform:rotateZ(180deg);
}
@media (max-width:1080px) {
    .slideshow-footer .controls {
        right:20px;
    }
}
@media (min-width:768px) {
    .imd-mobile-slideshow {
        display:none;
    }
}
@media (max-width:767px) {
    .imd-slideshow:not(.tiles) {
        display:none;
    }
}
.imd-mobile-slideshow {
    position:relative;
    margin-top:2em; margin-bottom:2em; overflow-x:hidden;
}
.imd-mobile-slideshow figure {
    border:1px solid white;
}
.imd-mobile-slideshow figure img {
    height:300px; width:auto !important;
}
.imd-mobile-slideshow .slideshow-footer {
    margin-top:-18px;
}