/*
 * Contenu riche (TinyMCE) : .content-article / #content-article.
 * Les titres (h1–h6) dans ces blocs sont harmonisés avec le thème dans structure/headings.css (!important).
 */
.content-article .subtitle, .content-article .subtitle p {
    margin: 20px 0px!important;
    font-weight: bold;
}

.content-article p {
    margin-bottom: 25px;
}

.content-article blockquote {
    position: relative;
    padding: 50px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.content-article blockquote * {
    margin: 0px!important;
    font-weight: bold;
}

.content-article blockquote::before {
    position: absolute;
    content: '❝';
    font-size: 60px;
    left: 0px;
    top: 0px;
}

.content-article blockquote::after {
    position: absolute;
    content: '❞';
    font-size: 60px;
    right: 0px;
    bottom: 0px;
}

.content-article ul, .content-article ol {
    margin-bottom: 25px;
}

.content-article ul li, .content-article ol li {
    margin-left: 15px;
    padding-left: 15px;
    margin-bottom: 20px;
    line-height: calc(1em + 15px) !important;
}

.content-article ul li {
    list-style-type: disc;
}

.content-article ol li {
    list-style-type: decimal;
}

/* Images (corps, chapô, médias) : ne pas dépasser la largeur du conteneur */
#portfolio_page .content-article img,
#portfolio_page #subtitle-article img,
#portfolio_page #content-article img,
#portfolio_page #blog-main-article img,
#portfolio_page #media-article img,
#portfolio_page .article img,
#portfolio_page #theme-visualiser .content-article img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

/* Vidéos intégrées : largeur max = conteneur (wrappers + iframes / balises natives) */
#portfolio_page .content-article .youtube,
#portfolio_page .content-article .vimeo,
#portfolio_page .content-article .dailymotion,
#portfolio_page #subtitle-article .youtube,
#portfolio_page #subtitle-article .vimeo,
#portfolio_page #subtitle-article .dailymotion,
#portfolio_page #content-article .youtube,
#portfolio_page #content-article .vimeo,
#portfolio_page #content-article .dailymotion,
#portfolio_page #blog-main-article .youtube,
#portfolio_page #blog-main-article .vimeo,
#portfolio_page #blog-main-article .dailymotion,
#portfolio_page #media-article .youtube,
#portfolio_page #media-article .vimeo,
#portfolio_page #media-article .dailymotion,
#portfolio_page .article .youtube,
#portfolio_page .article .vimeo,
#portfolio_page .article .dailymotion,
#portfolio_page #theme-visualiser .content-article .youtube,
#portfolio_page #theme-visualiser .content-article .vimeo,
#portfolio_page #theme-visualiser .content-article .dailymotion {
    max-width: 100%;
    box-sizing: border-box;
}

#portfolio_page .content-article iframe,
#portfolio_page .content-article video,
#portfolio_page .content-article embed,
#portfolio_page .content-article object,
#portfolio_page #subtitle-article iframe,
#portfolio_page #subtitle-article video,
#portfolio_page #subtitle-article embed,
#portfolio_page #subtitle-article object,
#portfolio_page #content-article iframe,
#portfolio_page #content-article video,
#portfolio_page #content-article embed,
#portfolio_page #content-article object,
#portfolio_page #blog-main-article iframe,
#portfolio_page #blog-main-article video,
#portfolio_page #blog-main-article embed,
#portfolio_page #blog-main-article object,
#portfolio_page #media-article iframe,
#portfolio_page #media-article video,
#portfolio_page #media-article embed,
#portfolio_page #media-article object,
#portfolio_page .article iframe,
#portfolio_page .article video,
#portfolio_page .article embed,
#portfolio_page .article object,
#portfolio_page #theme-visualiser .content-article iframe,
#portfolio_page #theme-visualiser .content-article video,
#portfolio_page #theme-visualiser .content-article embed,
#portfolio_page #theme-visualiser .content-article object {
    max-width: 100%;
    box-sizing: border-box;
}

#portfolio_page .content-article video,
#portfolio_page #subtitle-article video,
#portfolio_page #content-article video,
#portfolio_page #blog-main-article video,
#portfolio_page #media-article video,
#portfolio_page .article video,
#portfolio_page #theme-visualiser .content-article video {
    height: auto;
}