/*
 *	UI Toamtis2 1.0 template Update 13-07-2024
 *	Author : Fernand Correia
 *	Copyright 2024 Martine Renous. 
 *	Unless otherwise stated, all rights are reserved.
 *  Contact : https://tomatis-pau.com/contact
 *	
 *	"Noto Sans" and "Tenor Sans" font licence : https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
 *	CSS font-face generated by Font Squirrel <https://www.fontsquirrel.com>
 *
 *  Switch desktop screen / mobile screen : 1000px
 *  Switch aside column / aside bottom : 900px
 *
*/
@font-face {
  font-family: importedNoto;
  src: url('../fonts/notosans-regular-webfont.woff2') format('woff2'),
       url('../fonts/notosans-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: importedTenor;
  src: url('../fonts/tenorsans-regular-webfont.woff2') format('woff2'),
       url('../fonts/tenorsans-regular-webfont.woff') format('woff');
  font-weight: bold;
  font-style: bold;
}
:root {
    --LS-page-txt: #333333;
    --LS-page-bg: #EFDBCE;
    --LS-altcontent-bg: white;
    --LS-emphase-bg: #34407A;
    --LS-linkworks-txt: white;
    --LS-linkworks-bg: #34407A;
    --LS-bgdrab: #b7b7b7;
    --LS-title-txt: #C6234A;
    
    --DS-page-txt: #DCDCDC;
    --DS-page-bg: #3F3A37;
    --DS-altcontent-bg: #82776F;
    --DS-emphase-bg: #276050;
    --DS-linkworks-txt: white;
    --DS-linkworks-bg: #276050;
    --DS-bgdrab: #575757;
    --DS-title-txt: #E04C71;
    
    --title-font: importedTenor, "Tenor Sans", Arial, sans-serif;
    --txt-font: importedNoto, "Noto Sans", Arial, sans-serif;
    --alttxt-font: "Palatino Linotype", Palatino, "Book Antiqua", serif;
    --txtdrab: #777777;
}
body {
    padding: 0; 
    margin: 0; 
    font-family: var(--txt-font);
    font-size: 16px; 
    line-height: 1.4375;
}
@media (prefers-color-scheme: light) {
    body {color: var(--LS-page-txt); background-color: var(--LS-page-bg);}
    a {color: var(--LS-linkworks-bg);}
    a:hover, 
    a:active, 
    a:focus {background-color: var(--LS-linkworks-bg); color: var(--LS-linkworks-txt); text-decoration: none;}
}
@media (prefers-color-scheme: dark) {
    body {color: var(--DS-page-txt); background-color: var(--DS-page-bg);}
    a {color: #54B2FF;}
    a:hover, 
    a:active, 
    a:focus {background-color: var(--DS-linkworks-bg); color: var(--DS-linkworks-txt); text-decoration: none;}
}
a {text-decoration: none;}
.gradiant-em-bg {background: rgb(52,64,122); background: linear-gradient(120deg, rgba(52,64,122,1) 0%, rgba(39,96,80,1) 100%);}
.gradiant-LS-bg {background: rgb(239,234,230); background: linear-gradient(135deg, rgba(239,234,230,1) 0%, rgba(225,205,191,1) 100%);}
.gradiant-DS-bg {background: rgb(80,76,74); background: linear-gradient(135deg, rgba(80,76,74,1) 0%, rgba(36,22,11,1) 100%);}
@media (prefers-color-scheme: light) {
    .gradiant-bg {background: rgb(239,239,239); background: linear-gradient(135deg, rgba(239,239,239,1) 0%, rgba(205,205,205,1) 100%);}
}
@media (prefers-color-scheme: dark) {
    .gradiant-bg {background: rgb(69,69,69); background: linear-gradient(135deg, rgba(69,69,69,1) 0%, rgba(33,33,33,1) 100%);}
}

/* Switch mobile menu at 1000px */
@media screen and (min-width: 1000px) {
	#tpl-mobilemenu,
	#mobileNavset {display: none;}
	.tpl-mainmenu {display: block;}
}
@media screen and (max-width: 1000px) {
	#tpl-mobilemenu,
	#mobileNavset {display: flex;}
	.tpl-mainmenu {display: none;}
}
/*
 *	Mobile menu
 *
*/
#tpl-mobilemenu {height: 100%; width: 0; position: fixed; z-index: 101; top: 0; left: 0; background-color: #333333; overflow-x: hidden; transition: 0.3s; color: var(--DS-page-txt);}
#closeMobilebtn {display: block; width: 40px; height: 40px; padding: 0; margin: 10px; font-size: 3em; font-weight: bold; line-height: 40px; text-align: center; color: white;}
#closeMobilebtn:hover,
#closeMobilebtn:active,
#closeMobilebtn:focus {background-color: var(--LS-linkworks-bg); color: var(--LS-linkworks-txt); transition: 0.3s;}

#tpl-mobilemenu header {display: grid; grid-template-columns: 1fr 60px; height: 90px; background-color: #222; box-shadow: inset 0px 0px 16px 7px rgba(0,0,0,0.47);}
#tpl-mobilemenu .tpl-site-title {display: block; padding: 10px 0 0 10px; font-size: 1.2em; font-weight: bold; font-family: var(--title-font);}
#tpl-mobilemenu .tpl-site-title a {color: var(--DS-page-txt);}
#tpl-mobilemenu .moduletable {border-top: 1px solid #888;}
#tpl-mobilemenu .mod-menu.nav {
    margin: 0; padding: 0; list-style: none;
    display: flex; align-items: center; align-content: center ;
    justify-content: center; flex-wrap: wrap;
    font-family: var(--title-font);
}
#tpl-mobilemenu .mod-menu.nav .nav-item {margin: 0; padding: 0;}
#tpl-mobilemenu .mod-menu.nav a {color: white; display: block; margin: 0; padding: 15px 20px; font-size: 1.3em; font-weight: 400; letter-spacing: 1px;}
#tpl-mobilemenu .mod-menu.nav a img {height: 30px; width: 30px; margin-right: 10px;}
#tpl-mobilemenu .mod-menu.nav a .image-title {color: var(--DS-page-txt);}
@media (prefers-color-scheme: light) {
    #tpl-mobilemenu .tpl-site-title a:hover,
    #tpl-mobilemenu .tpl-site-title a:active,
    #tpl-mobilemenu .tpl-site-title a:focus,
    #tpl-mobilemenu .mod-menu.nav a:hover,
    #tpl-mobilemenu .mod-menu.nav a:active,
    #tpl-mobilemenu .mod-menu.nav a:focus,
    #tpl-mobilemenu .mod-menu.nav a:hover .image-title,
    #tpl-mobilemenu .mod-menu.nav a:active .image-title,
    #tpl-mobilemenu .mod-menu.nav a:focus .image-title {color: var(--LS-emphase-bg); background-color: white;}
}
@media (prefers-color-scheme: dark) {
    #tpl-mobilemenu .tpl-site-title a:hover,
    #tpl-mobilemenu .tpl-site-title a:active,
    #tpl-mobilemenu .tpl-site-title a:focus,
    #tpl-mobilemenu .mod-menu.nav a:hover,
    #tpl-mobilemenu .mod-menu.nav a:active,
    #tpl-mobilemenu .mod-menu.nav a:focus,
    #tpl-mobilemenu .mod-menu.nav a:hover .image-title,
    #tpl-mobilemenu .mod-menu.nav a:active .image-title,
    #tpl-mobilemenu .mod-menu.nav a:focus .image-title {color: var(--DS-emphase-bg); background-color: white;}
}

/* Common navigation */
.mod-list.nav {list-style: none; margin: 0; padding: 0;}
.mod-list.nav .nav-item {margin: 0; padding: 0;}
.mod-list.nav a {display: inline-block;  padding: 5px 10px;}
.mod-list.nav img {height: 30px; width: 30px; margin-right: 8px; vertical-align: middle;}
.mod-list.nav .image-title {vertical-align: middle;}
.mod-list.nav .divider {width: 150px; height: 10px; margin-bottom: 8px; font-size: .9em; border-color: var(--txtdrab); border-width: 0 0 2px 0; border-style: dotted;}
.tpl-content-aside .mod-list.nav {margin: 0 1rem;}
.tpl-content-aside .moduletable {padding-bottom: 1.5rem;}

/* menu principal */
.tpl-mainmenu {min-height: 40px; text-align: center;}
.tpl-mainmenu .mod-list {
    min-height: 40px; margin: 0; padding: 0; list-style: none;
    display: flex; align-items: center; align-content: center;
    /* justify-content: center; */ flex-wrap: wrap;
}
.tpl-mainmenu .nav-item {margin: 0; padding: 0;}
.tpl-mainmenu a {height: 40px; display: block; margin: 0; padding: 10px; border: none; font-weight: bold; color: white; font-family: var(--title-font);}
@media screen and (min-width: 1430px) {
    .tpl-mainmenu a {font-size: 24px;}
}
@media screen and (max-width: 1430px) {
    .tpl-mainmenu a {font-size: 15px; padding: 20px 10px 10px 10px !important;}
}
@media (prefers-color-scheme: light) {
    .tpl-mainmenu {color: white;}
    .tpl-mainmenu a:hover,
    .tpl-mainmenu a:active,
    .tpl-mainmenu a:focus {color: var(--LS-emphase-bg); background-color: white;}
}
@media (prefers-color-scheme: dark) {
    .tpl-mainmenu {color: white;}
    .tpl-mainmenu a:hover,
    .tpl-mainmenu a:active,
    .tpl-mainmenu a:focus {color: var(--DS-emphase-bg); background-color: white;}
}
.tpl-mainmenu .nav-item.item-147 {background-color: #151f32;}
@media screen and (min-width: 1000px) {
    .tpl-mainmenu .nav-item.item-147 {flex-grow: 0.5;}
}

/* Menu sous forme de boîtes */
@media screen and (min-width: 500px) {
    .box-menu.nav {display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .box-menu.nav .nav-item {
        margin: 0 2rem 2rem 0;
        border: 2px solid #E04C71;
        border-radius: 0 10px 0 10px;
        overflow: hidden;
    }
    .box-menu.nav .nav-item a {
        display: block;
        margin: 0;
        padding: 1.5rem;
        font-size: 1.5rem;
        color: white;
    }
}
@media screen and (max-width: 500px) {
    .box-menu.nav .nav-item {
        margin: 2rem .5rem;
        border: 2px solid #E04C71;
        border-radius: 0 10px 0 10px;
        overflow: hidden;
    }
    .box-menu.nav .nav-item a {
        display: block;
        margin: 0;
        padding: 1.5rem;
        font-size: 1.5rem;
        color: white;
    }
}
@media (prefers-color-scheme: light) {
    .box-menu.nav .nav-item a:hover,
    .box-menu.nav .nav-item a:active,
    .box-menu.nav .nav-item a:focus {color: var(--LS-emphase-bg); background-color: white;}
}
@media (prefers-color-scheme: dark) {
    .box-menu.nav .nav-item a:hover,
    .box-menu.nav .nav-item a:active,
    .box-menu.nav .nav-item a:focus {color: var(--DS-emphase-bg); background-color: white;}
}


/* header page */
/* Toggle desktop screen / mobile screen = 1000px */
.tpl-header {width: min(100%, 1365px); margin-inline: auto; overflow: hidden; text-align: center;}
.tpl-site-titling .tpl-site-title {margin: 0;}
.tpl-site-titling .tpl-site-title a {display: inline-block; margin: 1.5rem 0; line-height: 90%;}
@media screen and (min-width: 1000px) {
    .tpl-site-titling .tpl-site-title a {padding: 1rem; font-size: clamp(1.875rem, 1.3386rem + 1.0097vw, 2.2rem);}
}
@media screen and (max-width: 1000px) {
	.tpl-header {display: grid; grid-template-columns: 1fr 60px; background: rgb(52,64,122); background: linear-gradient(120deg, rgba(52,64,122,1) 0%, rgba(39,96,80,1) 100%);}
    .tpl-site-titling .tpl-site-title {text-align: left; line-height: 30px;}
    .tpl-site-titling .tpl-site-title a {margin: 1.5rem 0 1.5rem 1rem; font-size: clamp(1.3rem, 0.6388rem + 2.9388vw, 2.2rem);  color: var(--DS-page-txt);}
}

/* Trigram */
#mobileNavset {height: 90px; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: flex-start;}
.trigram {cursor: pointer; display: block; position: relative; width: 49px; height: 49px; padding: 0; background-color: transparent;}
.trigram .grm {display: block; position: absolute; width: 35px; height: 7px; left: 7px; background-color: white;}
.trigram .grm1 {top: 7px;}
.trigram .grm2 {top: 21px;}
.trigram .grm3 {top: 35px;}
#mobileNavview:hover .trigram,
#mobileNavview:active .trigram,
#mobileNavview:focus .trigram {background-color: var(--LS-linkworks-txt);}
#mobileNavview:hover .trigram .grm,
#mobileNavview:active .trigram .grm,
#mobileNavview:focus .trigram .grm {background-color: var(--LS-linkworks-bg);}

/* CMS systeme messages */
#system-message-container {text-align: center; background-color: #af3636;}
#system-message {padding: 20px 10px;}
#system-message .alert {clear: both; max-width: 900px; margin: 0 auto; padding: 20px; border-bottom: 1px solid #888888; text-align: left; background-color: #aaa; color: #000;}
#system-message .alert.alert-message {background-color: #97CBFF;}
#system-message .alert.alert-warning {background-color: #FDC5C5;}
#system-message .alert.alert-error {background-color: #FDC5C5;}
#system-message h3, 
#system-message h4, 
#system-message p, 
#system-message ul, 
#system-message ol {margin: 0; padding: 3px;}
#system-message a.close {display: block; float: right; margin: 0; padding: 10px; text-align: center; font-weight: bold; font-size: 2em; color: var(--LS-link-txt); cursor: pointer;}
#system-message a.close:hover, 
#system-message a.close:active, 
#system-message a.close:focus {background-color: var(--linkworks-bg); color: var(--linkworks-txt);}
joomla-alert {width: min(100%, 900px); margin-inline: auto !important;}

/* Messages ou infos de service */
.tpl-messages {text-align: center;}
.tpl-messages .moduletable {max-width: 900px; margin: 0 auto; text-align: left; padding: 1em;}

/* Aside content */
@media screen and (min-width: 1100px) {
    .tpl-content.with-aside {display: grid; grid-template-columns: 300px 800px; width: min(100%, 1100px); margin-inline: auto;}
    .tpl-content.with-aside .tpl-content-aside .moduletable.sticky {position: sticky; top: 2rem; margin-right: 1rem; border-right: 2px dotted #757575;}
    .tpl-content.with-aside .tpl-content-aside .moduletable:first-child {margin-top: 1rem;}
}
@media screen and (min-width: 850px) and (max-width: 1100px) {
    .tpl-content.with-aside {display: grid; grid-template-columns: 1fr 300px;}
}

/* Titles */
.com-content-article .page-header h1,
.com-content-category h1,
.blog-featured .page-header h1,
.com-content-category-blog .page-header h1 {margin: 0; padding: 1.8rem 1rem 1rem 1rem; text-align: center; line-height: 120%; font-size: clamp(1.7rem, 1.4134rem + 1.2736vw, 2.5rem); letter-spacing: 2px; font-family: var(--title-font);}
.tpl-content.with-aside .blog-featured .page-header h1,
.tpl-content.with-aside .com-content-article .page-header h1 {text-align: left;}
.moduletable h2 {text-align: center; font-size: clamp(1.5625rem, 1.3651rem + 0.8772vw, 2.1875rem); font-family: var(--title-font);}
.com-content-article__body h3 {margin: 0 1rem; padding: 1.16rem 0; line-height: 120%; font-size: clamp(1.5625rem, 1.4243rem + 0.614vw, 2rem); font-family: var(--title-font);}
.tpl-content-aside .moduletable h3 {margin: 0 0 0.5rem 0; padding: 1.2rem 0.5rem 0.5rem 0.5rem; border-bottom: 2px dotted #757575; text-align: center; font-size: 1.5rem; font-family: var(--title-font);}
.com-content-category-blog__item .page-header {font-size: clamp(1rem, 0.9211rem + 0.3509vw, 1.25rem); font-family: var(--title-font);}
.com-content-category-blog__items.items-leading .page-header {text-align: center;}
@media (prefers-color-scheme: light) {
    .com-content-article .page-header h1,
    .com-content-category h1,
    .blog-featured .page-header h1,
    .com-content-category-blog .page-header h1,
    .moduletable h2,
    .com-content-article__body h3,
    .com-content-category-blog__item .page-header,
    .com-content-category-blog__item .page-header a {color: var(--LS-title-txt);}
}
@media (prefers-color-scheme: dark) {
    .com-content-article .page-header h1,
    .com-content-category h1,
    .blog-featured .page-header h1,
    .com-content-category-blog .page-header h1,
    .moduletable h2,
    .com-content-article__body h3,
    .com-content-category-blog__item .page-header,
    .com-content-category-blog__item .page-header a {color: var(--DS-title-txt);}
}

/* Blog */
@media screen and (min-width: 1200px) {
    .com-content-category-blog__items {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem;}
    .com-content-category-blog__item .item-content {padding: 3rem;}
}
@media screen and (min-width: 800px) and (max-width: 1200px) {
    .com-content-category-blog__items {display: grid; grid-template-columns: 1fr 1fr !important; gap: 2rem;}
    .com-content-category-blog__item .item-content {padding: 1.5rem;}
}
@media screen and (max-width: 800px) {
    .com-content-category-blog__item .item-content {padding: 1.5rem;}
}
.com-content-category-blog__item {width: min(100%, 900px); margin-inline: auto;}
.com-content-category-blog__items.items-leading {display: block;}
.com-content-category-blog__children {display: none;}

/* articlenews (Témoignages) */
@media screen and (min-width: 1200px) {
    .mod-articlesnews {display: flex; flex-wrap: wrap; justify-content: center; column-gap: 0;}
    .mod-articlesnews__item {width: calc(33% - 50px); padding: 0 1.5rem;}
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
    .mod-articlesnews {display: flex; flex-wrap: wrap; justify-content: center; column-gap: 0;}
    .mod-articlesnews__item {width: calc(50% - 50px); padding: 0 1rem;}
}
.newsflash-title a {display: block; padding: 8px;}
.mod-articlesnews__item p {font-size: 0.8rem;}
.moduletable.short-first-line .mod-articlesnews__item p:first-of-type {height: 1rem; overflow: hidden;}

/* Splash */
.tpl-splash {width: min(100%, 1365px); margin-inline: auto;}
/* Splash > SlideShow CK */
.tpl-splash .slideshowck .camera_caption_title,
.tpl-splash .slideshowck .camera_caption_desc {text-align: center;}
/* Modules */
.moduletable h2.center,
.moduletable h3.center {text-align: center;}
.moduletable.w950 {width: min(100%, 950px); margin-inline: auto;}

/* Catégorie liste */
.com-content-category.category-list {width: min(100%, 900px); margin-inline: auto;}
.com-content-category h1 {margin: 0; padding: 1.8rem 1rem 1rem 1rem; line-height: 120%; font-size: clamp(1.7rem, 1.4134rem + 1.2736vw, 2.5rem); letter-spacing: 2px;}
.com-content-category__table {margin: 0 1rem;}
.com-content-category__table .list-title {text-align: left;}

/* Articles */
.com-content-article__body {width: min(100%, 900px); margin-inline: auto; /* text-align: left; */ }
.com-content-article__body p {margin-inline: 1rem;}

/* Article image */
.item-image {margin: 0; overflow: hidden;}
.item-image img {width: 100% !important; height: auto;}
.item-image a {display: block; margin: 0; padding: 0; position: relative;}
.item-image.pull-right {width: 33% !important; float: right; margin: 20px 0 20px 20px;}
.item-image.pull-left {width: 33% !important; float: left; margin: 20px 0 20px 20px;}
.item-image.pull-right img,
.item-image.pull-left img {margin-top: 0;}
.item-image .img_caption {width: 100% !important; padding: 0; margin: 0 0 10px 0; font-style: italic; font-size: 0.9em; color: #888;}

/* Champs personnalisés */
.fields-container {list-style: none; margin: 0; padding: 0;}
.field-entry.indication {display: inline-block; padding: 0.5rem; border-radius: 10px; color: black;}
@media (prefers-color-scheme: light) {
    .field-entry.indication {background: rgb(239,234,230); background: linear-gradient(135deg, rgba(239,234,230,1) 0%, rgba(225,205,191,1) 100%);}
}
@media (prefers-color-scheme: dark) {
    .field-entry.indication {color: white; background: rgb(80,76,74); background: linear-gradient(135deg, rgba(80,76,74,1) 0%, rgba(36,22,11,1) 100%);}
}

/* Articles pagination (sprites) */
.com-content-category-blog__navigation {text-align: center; margin: 90px 0;}
.pagination__wrapper .pagination__wrapper {text-align: center;}
.pagination__wrapper .pagination {margin: 4em 0 0 0; padding: 0; list-style: none; display: block;}
.pagination__wrapper .page-item {margin: 0; padding: 0; height: 40px; width: 40px; display: inline-block; overflow: hidden; border-width: 1px; border-style: solid;}
.pagination__wrapper .page-item:first-child {border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}
.pagination__wrapper .page-item:last-child {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}
.pagination__wrapper .page-link {
	display: block;
	height: 40px;
	width: 40px;
	margin: 0;
	padding: 0;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	border-width: 0;
}
.pagination__wrapper .icon-angle-left,
.pagination__wrapper .icon-angle-double-left,
.pagination__wrapper .icon-angle-right,
.pagination__wrapper .icon-angle-double-right {
    display: block;
	margin: 0;
	padding: 0;
	height: 40px;
	width: 40px;
    background-image: url(../images/sprite-pagination-160x160.png); 
    background-repeat: no-repeat;
}
@media (prefers-color-scheme: light) {
    .result__item + .result__item {border-color: var(--LS-altcontent-bg);}
    .pagination__wrapper .page-item {background-color: var(--LS-notes-bg); border-color: var(--LS-altcontent-bg);}
    .pagination__wrapper .page-link {color: var(--LS-link-txt); background: var(--LS-notes-bg);}
    .pagination__wrapper .disabled .page-link {background: var(--LS-notes-bg);}
    .pagination__wrapper .active .page-link {color: var(--LS-content-txt);}
    
    .pagination__wrapper .page-item.disabled span.page-link .icon-angle-double-left {background-position: 0 -80px;}
    .pagination__wrapper .page-item.disabled span.page-link .icon-angle-left {background-position: -40px -80px;}
    .pagination__wrapper .page-item.disabled span.page-link .icon-angle-right {background-position: -80px -80px;}
    .pagination__wrapper .page-item.disabled span.page-link .icon-angle-double-right {background-position: -120px -80px;}
    
    .pagination__wrapper .page-item a.page-link .icon-angle-double-left {background-position: 0 0;}
    .pagination__wrapper .page-item a.page-link .icon-angle-left {background-position: -40px 0;}
    .pagination__wrapper .page-item a.page-link .icon-angle-right {background-position: -80px 0;}
    .pagination__wrapper .page-item a.page-link .icon-angle-double-right {background-position: -120px 0;}

    .pagination__wrapper .page-item.active .page-link {
        color: var(--LS-content-txt);
        background-color: var(--LS-notes-bg);
        border-color: var(--LS-notes-bg);
    }

}
@media (prefers-color-scheme: dark) {
    .result__item + .result__item {border-color: var(--DS-altcontent-bg);}
    .pagination__wrapper .page-item {background-color: var(--DS-notes-bg); border-color: var(--DS-altcontent-bg);}
    .pagination__wrapper .page-link {color: var(--DS-link-txt); background: var(--DS-notes-bg);}
    .pagination__wrapper .disabled .page-link {background: var(--DS-notes-bg);}
    .pagination__wrapper .active .page-link {background: var(--DS-altcontent-bg);}

    .pagination__wrapper .page-item.disabled span.page-link .icon-angle-double-left {background-position: 0 -40px;}
    .pagination__wrapper .page-item.disabled span.page-link .icon-angle-left {background-position: -40px -40px;}
    .pagination__wrapper .page-item.disabled span.page-link .icon-angle-right {background-position: -80px -40px;}
    .pagination__wrapper .page-item.disabled span.page-link .icon-angle-double-right {background-position: -120px -40px;}
    
    .pagination__wrapper .page-item a.page-link .icon-angle-double-left {background-position: 0 -120px;}
    .pagination__wrapper .page-item a.page-link .icon-angle-left {background-position: -40px -120px;}
    .pagination__wrapper .page-item a.page-link .icon-angle-right {background-position: -80px -120px;}
    .pagination__wrapper .page-item a.page-link .icon-angle-double-right {background-position: -120px -120px;}
    
    .pagination__wrapper .page-item.active .page-link {
        color: var(--DS-content-txt);
        background-color: var(--DS-notes-bg);
        border-color: var(--DS-notes-bg);
    }
}
.pagination__wrapper a.page-link:hover .icon-angle-double-left,
.pagination__wrapper a.page-link:active .icon-angle-double-left,
.pagination__wrapper a.page-link:focus .icon-angle-double-left {background-position: 0 -120px;}
.pagination__wrapper a.page-link:hover .icon-angle-left,
.pagination__wrapper a.page-link:active .icon-angle-left,
.pagination__wrapper a.page-link:focus .icon-angle-left {background-position: -40px -120px;}
.pagination__wrapper a.page-link:hover .icon-angle-right,
.pagination__wrapper a.page-link:active .icon-angle-right,
.pagination__wrapper a.page-link:focus .icon-angle-right {background-position: -80px -120px;}
.pagination__wrapper a.page-link:hover .icon-angle-double-right,
.pagination__wrapper a.page-link:active .icon-angle-double-right,
.pagination__wrapper a.page-link:focus .icon-angle-double-right {background-position: -120px -120px;}
.pagination__wrapper a.page-link:hover, 
.pagination__wrapper a.page-link:active, 
.pagination__wrapper a.page-link:focus {background-color: var(--linkworks-bg); color: var(--linkworks-txt); transition: 0.3s;}

/* Lire la suite */
.readmore a.btn {display: inline; background-image: none; background-color: transparent; border-width: 0;}
@media (prefers-color-scheme: light) {
    .readmore a.btn {color: var(--LS-linkworks-bg);}
    .readmore a.btn:hover, 
    .readmore a.btn:active, 
    .readmore a.btn:focus {background-color: var(--LS-linkworks-bg); color: var(--LS-linkworks-txt);}
}
@media (prefers-color-scheme: dark) {
    .readmore a.btn {color: #54B2FF;}
    .readmore a.btn:hover, 
    .readmore a.btn:active, 
    .readmore a.btn:focus {background-color: var(--DS-linkworks-bg); color: var(--DS-linkworks-txt);}
}

/* Illustrations images */
.illustr.image {padding: 1rem 1rem 0.8rem 1rem;}
@media screen and (min-width: 700px) {
    .illustr.image {width: 40%;}
    .illustr.image.right {float: right; margin: 0 1rem 1rem 1rem;}
    .illustr.image.left {float: left; margin: 0 1rem 1rem 1rem;}
    .illustr.image.center {width: 100%; margin: 1rem 0; text-align: center;}
    .illustr.image img {width: 100%;}
    .illustr.image.center img {width: auto; max-width: 100%;}
}
@media screen and (max-width: 700px) {
    .illustr.image {float: none; width: calc(100% - 2rem); margin: 0.5rem 0; text-align: center;}
    .illustr.image img {width: 80%;}
}
@media (prefers-color-scheme: light) {
    .illustr.image {background-color: #efefef;}
    .illustr.image img {border: 1px solid #8a8a8a;}
}
@media (prefers-color-scheme: dark) {
    .illustr.image {background-color: black;}
    .illustr.image img {border: 1px solid #656565;}
}

/* Illustrations vidéos */
@media screen and (min-width: 700px) {
    .illustr.medias {width: 40%; padding: 0;}
    .illustr.medias.right {float: right; margin: 0 1rem 1rem 1rem;}
    .illustr.medias.left {float: left; margin: 0 1rem 1rem 1rem;}
    .illustr.medias.center {width: 100%; margin: 1rem 0; text-align: center;}
    .illustr.medias.center .medias.frame {width: 80%; display: inline-block;}
    .illustr.medias video {width: 100%; display: inline-block;}
}
@media screen and (max-width: 700px) {
    .illustr.medias {float: none; width: 100%; margin: 1rem 0; padding: 0; text-align: center;}
    .illustr.medias video {width: 100%;}
}

/* Citations et témoiganges */
.illustr.quote,
.illustr.testimonial {position: relative; display: grid; grid-template-columns: 50px 1fr; min-height: 3rem; font-style: italic; font-size: 1.5rem;}
.illustr.quote .illustr.author {display: block; font-size: .8rem; font-style: normal;}
.illustr.testimonial .illustr.author {display: block; margin: 1rem 0; font-style: normal;}
@media screen and (min-width: 500px) {
    .illustr.quote,
    .illustr.testimonial {margin: 1.2em;}
    .illustr.quote::before,
    .illustr.testimonial::before {top: 0.3rem; left: 0.2rem; height: 3rem; content: '«'; font-size: 6rem; line-height: 50%; color: #A1BDCE;}
    .illustr.quote p,
    .illustr.testimonial p {margin: 1rem;}
}
@media screen and (max-width: 700px) {
    .illustr.quote,
    .illustr.testimonial {position: relative; display: grid; grid-template-columns: 25px 1fr; min-height: 3rem; margin: 1.2em .3rem; font-style: italic; font-size: 1.5rem;}
    .illustr.quote::before,
    .illustr.testimonial::before {top: 0; left: 0; height: 1.5rem; content: '«'; font-size: 3rem; line-height: 50%; color: #A1BDCE;}
    .illustr.quote p,
    .illustr.testimonial p {margin: 0;}
}
.testimonial.theme {display: inline-block; margin: 0 1rem 1rem 0; padding: .3rem; border: 1px solid #777777; border-radius: .3rem; font-style: normal;}

/* Liens amples */
.lien-ample {display: inline-block; vertical-align: middle; margin: 0; padding: .85em 1em;}
.lien-ample.bleu {color: white; background-color: #344074;}
.lien-ample.vert {color: white; background-color: #276050;}
@media (prefers-color-scheme: light) {
    .lien-ample:hover, 
    .lien-ample:active, 
    .lien-ample:focus {background-color: white; color: #344074; transition: 0.3s;}
}
@media (prefers-color-scheme: dark) {
    .lien-ample:hover, 
    .lien-ample:active, 
    .lien-ample:focus {background-color: white; color: #276050; transition: 0.3s;}
}
.lien-ample.bleu:hover, 
.lien-ample.bleu:active, 
.lien-ample.bleu:focus {background-color: white; color: #344074; transition: 0.3s;}
.lien-ample.vert:hover, 
.lien-ample.vert:active, 
.lien-ample.vert:focus {background-color: white; color: #276050; transition: 0.3s;}

/* Liens-icônes */
.lien-ample-icone {display: inline-block; vertical-align: top; text-align: left; font-size: 1.1em; margin: 0 10px 10px 0; border-radius: 8px; border-width: 1px; border-style: solid; text-decoration: none;}
.lien-ample-icone .lien-image {display: inline-block; vertical-align: top; padding: 0;}
.lien-ample-icone .lien-emoji {display: inline-block; vertical-align: top;}
.lien-ample-icone .lien-texte {display: inline-block; vertical-align: top; padding: 0;}
.lien-ample-icone .lien-infos {display: block; width: 95%; margin: 0; padding: 0; font-size: .8em;}
@media screen and (min-width: 600px) {
	.lien-ample-icone {min-width: 300px; padding: .85em 1em;}
	.lien-ample-icone .lien-image {width: 50px; height: 60px; margin: .5em 5px .5em .5em;}
	.lien-ample-icone .lien-image img {width: 50px;}
	.lien-ample-icone .lien-emoji {font-size: 3em;}
	.lien-ample-icone .lien-texte {min-width: 180px; max-width: 500px; min-height: 60px; margin: .5em .5em .5em 5px;}
	.lien-ample-icone .lien-infos {max-width: 550px;}
}
@media screen and (min-width: 400px) and (max-width: 600px) {
	.lien-ample-icone {min-width: 250px; padding: 5px;}
	.lien-ample-icone .lien-image {width: 30px; height: 40px; margin: 5px;}
	.lien-ample-icone .lien-image img {width: 30px;}
	.lien-ample-icone .lien-emoji {font-size: 2em;}
	.lien-ample-icone .lien-texte {min-width: 130px; min-height: 40px; margin: 5px;}
}
@media screen and (max-width: 400px) {
	.lien-ample-icone {padding: 5px;}
	.lien-ample-icone .lien-image {width: 30px; height: 40px; margin: 5px;}
	.lien-ample-icone .lien-image img {width: 30px;}
	.lien-ample-icone .lien-emoji {font-size: 2em;}
	.lien-ample-icone .lien-texte {min-height: 40px; margin: 5px;}
}
button.lien-ample-icone {background-image: none; text-align: left; font-family: var(--txt-font); line-height: 1.4375; border-color: transparent; cursor: pointer;}
.lien-ample-icone.bleu,
.lien-ample-icone.bleu .lien-texte,
.lien-ample-icone.bleu .lien-infos {color: white; background-color: #344074; border-color: #344074;}
.lien-ample-icone.vert,
.lien-ample-icone.vert .lien-texte,
.lien-ample-icone.vert .lien-infos {color: white; background-color: #276050; border-color: #276050;}
.lien-ample-icone.bleu:hover,
.lien-ample-icone.bleu:active,
.lien-ample-icone.bleu:focus,
.lien-ample-icone.bleu:hover *,
.lien-ample-icone.bleu:active *,
.lien-ample-icone.bleu:focus * {background-color: white; color: #344074; transition: 0.3s;}
.lien-ample-icone.vert:hover,
.lien-ample-icone.vert:active,
.lien-ample-icone.vert:focus,
.lien-ample-icone.vert:hover *,
.lien-ample-icone.vert:active *,
.lien-ample-icone.vert:focus * {background-color: white; color: #276050; transition: 0.3s;}

/* Readmore link */
.readmore-link {display: block; padding: 10px;}
.icon-chevron-right::after {content: "\002192"; display: inline-block; vertical-align: middle; font-size: 1.2em;}

/* Breadcrumbs */
ul.breadcrumb {padding: 0; margin: 0; list-style-type: none; text-align: center;}
ul.breadcrumb li {padding: 0; margin: 0; display: inline-block; vertical-align: middle; text-align: left;}


/* Pied de page */
.tpl-footer {margin-top: 3rem; border-top: 5px solid var(--DS-title-txt); color: var(--DS-page-txt);}
.tpl-footer a {color: white;}
@media (prefers-color-scheme: light) {
    .tpl-footer a:hover,
    .tpl-footer a:active,
    .tpl-footer a:focus {color: var(--LS-linkworks-bg); background-color: white;}
}
@media (prefers-color-scheme: dark) {
    .tpl-footer a:hover,
    .tpl-footer a:active,
    .tpl-footer a:focus {color: var(--DS-linkworks-bg); background-color: white;}
}
.tpl-footermenu {padding: 3rem 1rem 2rem 1rem; text-align: center;}
.tpl-footermenu .moduletable {display: inline-block; vertical-align: top; padding: 1rem; text-align: left;}
@media screen and (min-width: 400px) {
    .tpl-footermenu .moduletable {width: 340px;}
}
@media screen and (min-width: 795px) {
    .tpl-footermenu .moduletable.margin-down-1 {margin-top: 110px;}
}
@media screen and (min-width: 1170px) {
    .tpl-footermenu .moduletable.margin-down-2 {margin-top: 35px;}
}
.tpl-footermenu .nav-item.item-131 {display: none;}
.tpl-mentions {text-align: center; padding: 1rem; color: #bcbcbc;}
.tpl-mentions .moduletable {width: min(100%, 900px); margin-inline: auto;}

/* Embed responsive (see embedresponsively.com) */
.embed-ratio-16-9 {aspect-ratio: 16 / 9; width: min(100%, 750px); margin-inline: auto; }
.embed-container {position: relative; margin: 1.5rem 0; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; background: url('../images/spinner.gif') no-repeat center top;}
.embed-container .embed-poster {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.embed-container .embed-poster img {width: 100%; height: 100%;}
.embed-container iframe, 
.embed-container object, 
.embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Divers */
.icone-texte {width: 30px; height: 30px; vertical-align: middle; margin: 0 0.3rem 0 0;}

/* Top page return button */
.haut2pageBtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 100;
	padding: 10px 15px 20px 15px;
	opacity: 0;
	transform: translateY(100px);
	transition: all .5s ease;
	cursor: pointer;
	border-radius: 100%;
	border: 1px solid white;
	font-size: 50px;
	line-height: 30px;
}
@media (prefers-color-scheme: light) {
    .haut2pageBtn:hover,
    .haut2pageBtn:active,
    .haut2pageBtn:focus {background-color: var(--LS-linkworks-bg); color: var(--LS-linkworks-txt);}
}
@media (prefers-color-scheme: dark) {
    .haut2pageBtn:hover,
    .haut2pageBtn:active,
    .haut2pageBtn:focus {background-color: var(--DS-linkworks-bg); color: var(--DS-linkworks-txt);}
}
.showBtn {opacity: 0.8; transform: translateY(0)}