@charset "UTF-8";
/* ------ */
/* ARTICLES */
/* ------ */
.mainSection-wrap { background-color:var(--site-section-wrap-bkg); }
.mainSection { background-color:var(--site-section-bkg); }

/* ------ */
/* LISTING ARTICLES */
/* ------ */
.artListe { position:relative; margin:0 auto 2rem; padding:0; color:var(--site-art-contenu-col); background-color:var(--site-art-article-bkg); /*max-width:var(--site-art-max-width);*/ transition:all 0.25s; }
.artListe:hover { color:var(--site-art-contenu-col-hover); background-color:var(--site-art-article-bkg-hover); }
/* ------ */
/* LISTING articles - FULL WIDTH */
/*section.container.articles, .artListe { width:100% !important; max-width:100% !important; }*/
/* ------ */
/* LISTING articles - FULL HEIGHT */
/*.artListe .artContenu { min-height:85vh; display:flex; flex-direction:column; justify-content:center; align-items:center; }*/
/* --- */

/* ------ */
/* ARTICLES HEADER */
/* ------ */
.artListe > header { position:relative; color:var(--site-art-header-col); background-color:var(--site-art-header-bkg); transition:all 0.25s; }
/* Titre */
.artListe > header h1 { position:relative; margin:0; padding:2rem 1rem; font-weight:normal; text-align:left; letter-spacing:0; text-wrap:balance; font-family:var(--site-art-header-titre-fam); transition:all 0.25s; }
.artListe > header h1, 
.artListe > header a h1,
.artListe > header h1 a { color:var(--site-art-header-txt-col) !important; }
/* date */
.artListe > header .time { color:var(--site-gris-fonce); font-size:85%; /*font-style:italic;*/ }

/* ------ */
/* articles - ANCRES */
/* ------ */
/* phone */
@media screen and (max-width:767px) {
}
/* ------ */
/* tablet */
@media screen and (min-width:768px) and (max-width:991px) {
	/* --- */
	/* NAV Articles */
	nav.nav-art-listeAncres > ul > li > a figure > img, 
	nav.nav-art-listeAncres > ul > li > a figure > .fi { width:auto; height:auto; max-height:50px; font-size:3em; } 
	nav.nav-art-listeAncres > ul > li > a > div h6 { font-size:110%; }
}
/* ------ */
/* desktop */
@media screen and (min-width:992px) {
	/* --- */
	/* NAV Articles */
	nav.nav-art-listeAncres > ul > li > a figure > img, 
	nav.nav-art-listeAncres > ul > li > a figure > .fi { width:auto; height:auto; max-height:75px; font-size:75px; } 
	nav.nav-art-listeAncres > ul > li > a > div h6 { font-size:110%; }
}
/* ------ */
/* SLIDER - slick */
/* ------ */
/*
.articles-slid .slick-slider li.slick-slide { transition:all 0.5s; }
.articles-slid .slick-slider li.slick-slide.slick-active { opacity:1; }
.articles-slid .slick-slider li.slick-slide:not(.slick-active) { opacity:0.3; }
*/
/* arrows */
.articles-slid .slick-slider .slick-arrow.slick-prev { left:1% !important; }
.articles-slid .slick-slider .slick-arrow.slick-next { right:1% !important; }
.articles-slid .slick-slider .slick-arrow::before { font-size:1.5rem !important; color:var(--site-gris-clair); opacity:0.5; transition:all 0.25s; }
.articles-slid .slick-slider .slick-arrow:hover::before { font-size:2.0rem !important; color:var(--site-tpl-col-main); opacity:1; }
/* --- */
/* slides de même hauteur */
/*
.articles-slid .slick-slider .slick-track { width:100% !important; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:stretch; }
.articles-slid .slick-slider .slick-slide { height:auto !important; }
*/

/* ------ */
/* ARTICLES CONTENU */
/* ------ */
.artListe header > div { margin:0 auto; max-width:var(--site-art-max-width); }
.artListe .artContenu { position:relative; margin:0 auto; max-width:var(--site-art-max-width); }
.artListe .artContenuText { position:relative; margin:0 auto; padding:0; /*max-width:var(--site-art-max-width);*/ }
.artListe .artContenuTextMini { max-width:var(--site-art-max-width-mini); }
.artListe .artContenuTextMaxi { max-width:var(--site-art-max-width-maxi); }
.artListe .artContenuTextFull { max-width:var(--site-div-max-width-unset); }
.artListe .artContenuFigure { position:relative; z-index:1; }
/* ------ */
@media screen and (max-width:767px) {
	.artListe .artContenu { padding:0; }
	.artListe .artContenuText { padding:1% 2%; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	.artListe .artContenu { padding:0; }
	.artListe .artContenuText { padding:1% 3%; }
}
@media screen and (min-width:992px) {
	.artListe .artContenu { padding:0; }
	.artListe .artContenuText { padding:1% 4%; }
}
/* ------ */
/* TITRES */
.artListe .artContenu h1, .artListe .artContenu h2, .artListe .artContenu h3, 
.artListe .artContenu h4, .artListe .artContenu h5, .artListe .artContenu h6 { margin:1rem 0; padding:1rem 0; 
color:var(--site-art-contenu-titre-col); font-family:var(--site-art-contenu-titre-fam); }

/* ------ */
/* FIGURE */
.artListe .artContenu figure figcaption { position:relative; padding:0.5rem; color:var(--site-art-figcaption-col); opacity:0.5; transition:all 0.5s; }
.artListe .artContenu figure:hover figcaption { background-color:var(--site-blanc); opacity:1.0; }

/* ------ */
/* LARGEURS */
.artListe .artW10 { width:10% !important; }
.artListe .artW15 { width:15% !important; }
.artListe .artW25 { width:25% !important; }
.artListe .artW33 { width:33.333% !important; }
.artListe .artW40 { width:40% !important; }
.artListe .artW50 { width:50% !important; }
.artListe .artW60 { width:60% !important; }
.artListe .artW67 { width:66.666% !important; }
.artListe .artW75 { width:75% !important; }
.artListe .artW100 { width:100% !important; }
/*@media screen and (max-width:767px) {*/
@media screen and (max-width:575px) {
	.artListe .artW10,
	.artListe .artW15,
	.artListe .artW25,
	.artListe .artW33 { min-width:max(30%, 240px) !important; }
	.artListe .artW40,
	.artListe .artW50 { min-width:min(50%, 240px) !important; }
	.artListe .artW60,
	.artListe .artW67,
	.artListe .artW75 { min-width:max(70%, 240px) !important; }
	.artListe .artW100 { min-width:100% !important; }
}
/* ------ */
/* ALIGNEMENTS */
.artListe .align_defaut,
.artListe .align_left { display:block; float:inline-start; text-align:left; clear:none; margin:0 2rem 2rem 0; padding-bottom:1rem; padding-right:1rem; }
.artListe .align_center { display:block; float:none; text-align:center; clear:both; max-width:100%; margin:0 auto 2rem; padding-bottom:1rem; text-align:center; }
.artListe .align_right { display:block; float:inline-end; text-align:right; clear:none; margin:0 0 2rem 2rem; padding-bottom:1rem; padding-left:1rem; }
/* ------ */

/* ------ */
/* TABLE */
.artListe table { width:100%; margin:0 auto; padding:0; border-collapse:collapse; border-spacing:2px; color:var(--site-art-contenu-col); font-size:100%; text-align:center; border:0 solid transparent; }
.artListe table caption { margin:0 auto; padding:7px 5px; text-align:center; color:var(--site-art-figcaption-col); font-size:90%; font-variant:small-caps; font-weight:bold; letter-spacing:0em;
background-color:var(--site-gris-clair); border:1px solid var(--site-art-table-th-brd); }
.artListe table caption:hover { color:var(--site-art-figcaption-col); }
.artListe table caption span { padding:0 15px; }
.artListe table caption a { text-decoration:underline; }
.artListe table th { padding:0.5rem 0.5rem; font-variant:small-caps; text-align:center; vertical-align:middle; letter-spacing:0.05em; 
font-size:100%; color:var(--site-art-table-th-col); background-color:var(--site-art-table-th-bkg); border:1px solid var(--site-art-table-th-brd); }
.artListe table td { padding:1rem 0.5rem; border:1px solid var(--site-art-table-td-brd); vertical-align:middle; white-space:wrap; overflow-wrap:break-word; }
.artListe table tr:not[class~=table-] td:not[class~=table-] { background:rgba(255,255,255,0.5); }
.artListe table tr td ul { clear:none; font-size:100%; margin:5px 0 10px 0; padding:0 0 0 15px; }
.artListe table tr td ul > li { margin:3px auto; }
.artListe table td.tabFoot { color:var(--site-gris-clair); background-color:var(--site-art-table-th-bkg); border:1px solid var(--site-art-table-th-brd); font-size:90%; padding:1px 20px; height:26px; font-variant:small-caps; font-weight:bold; }
.artListe table tr:hover td.tabFoot { background-color:var(--site-art-table-th-bkg); border:1px solid var(--site-art-table-th-brd) }
.artListe table tr td h1, .artListe table tr td h2, 
.artListe table tr td h3, .artListe table tr td h4, 
.artListe table tr td h5, .artListe table tr td h6 { color:var(--site-art-table-titre-col); text-align:left; font-variant:small-caps; margin:10px 0 10px 0; }
/* phone */
@media screen and (max-width:575px) {
	/* --- */
	/* table -> block */
	.artListe table, .artListe table tbody, .artListe table thead, .artListe table tfoot, .artListe table tr, 
	.artListe table tr th, .artListe table tr td { display:block; float:none; clear:both; width:100%; min-width:100%; }
	.artListe table:empty, .artListe table tbody:empty, .artListe table thead:empty, .artListe table tfoot:empty, .artListe table tr:empty, 
	.artListe table tr th:empty, .artListe table tr td:empty { display:none; }
	
	.artListe table th, .artListe table tr { padding:2px 0; }
	.artListe table th, .artListe table tr th { padding:2px 1px; }
	.artListe table th, .artListe table tr td { padding:0.25em 1px; }
	.artListe table th, .artListe table tr th:not(:first-child):not(:last-child),
	.artListe table th, .artListe table tr td:not(:first-child):not(:last-child) { border-top:0; border-bottom:0; }
	.artListe table th, .artListe table tr th:first-child:not(:last-child),
	.artListe table th, .artListe table tr td:first-child:not(:last-child) { padding-top:1em; border-bottom:0; }
	.artListe table th, .artListe table tr th:last-child:not(:first-child),
	.artListe table th, .artListe table tr td:last-child:not(:first-child) { padding-bottom:1em; border-top:0; }
	/* --- */
}
/* ------ */

/* ------ */
/* BLOCKQUOTE */
/* ------ */
.artListe blockquote { position:relative; display:flex; flex-direction:column; margin:2rem auto; padding:1rem 1rem; }
.artListe blockquote::before, 
.artListe blockquote::after { position:absolute; display:block; font-family:var(--site-fontawesome-fam); color:var(--site-art-blockquote-col); }
.artListe blockquote::before { content:'\f10d'; font-weight:900; top:0; left:0; text-align:left; }		/* '\f10d' - quote-left */
.artListe blockquote::after { content:'\f10e'; font-weight:900; bottom:0; right:0; text-align:right; }	/* '\f10e' - quote-right */
.artListe blockquote > :first-child { margin-top:0; }
.artListe blockquote > :last-child { margin-bottom:0; }
@media screen and (max-width:767px) {
	.artListe blockquote { margin:2rem auto; padding:1rem 1rem; }
	.artListe blockquote::before, 
	.artListe blockquote::after { font-size:1.0rem; height:1.5rem; width:1.5rem; }
	.artListe blockquote::before { top:-1.0rem; left:0; }
	.artListe blockquote::after { bottom:-1.25rem; right:0; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	.artListe blockquote { margin:2.5rem auto; padding:2rem 2rem; }
	.artListe blockquote::before, 
	.artListe blockquote::after { font-size:1.5rem; height:2rem; width:2rem; }
	.artListe blockquote::before { top:-1.5rem; left:0; }
	.artListe blockquote::after { bottom:-1.5rem; right:0; }
}
@media screen and (min-width:992px) {
	.artListe blockquote { margin:3rem auto; padding:2rem 3rem; }
	.artListe blockquote::before, 
	.artListe blockquote::after { font-size:2rem; height:3rem; width:3rem; }
	.artListe blockquote::before { top:-2.0rem; left:0; }
	.artListe blockquote::after { bottom:-2.5rem; right:0; }
}
/* ------ */

/* ------ */
/* FORMULAIRE (Contact,...) */
.artListe form h1, .artListe form h2, .artListe form h3, 
.artListe form h4, .artListe form h5, .artListe form h6 { margin:1rem 0; padding:1rem 0; }

/* ------ */
/* SPECIAL ENC */
/* ------ */
/* hover */
/*
.artListe:hover header h1, 
.artListe:hover header a h1,
.artListe:hover header h1 a, 
.artListe:hover header { color:var(--site-art-header-col-hover) !important; background-color:var(--site-art-header-bkg-hover) !important; }
.artListe:hover header .time { color:var(--site-gris-tres-fonce); }
*/
/* --- */
/* articles - grid / slid */
/*
.artListe:not(.artFiche):hover header,
.articles .artListe.artGrid:hover header,
.articles .artListe.artSlid:hover header { background-color:var(--site-art-header-bkg-hover) !important; }
*/
/* --- */
/*
.articles .artListe.artGrid:hover,
.articles .artListe.artSlid:hover { box-shadow:0 0 0.5rem var(--site-gris-moyen) !important; transform:scale(1.025); z-index:20; }
.artListe:not(.artFiche):hover header h1, 
.artListe:not(.artFiche):hover header h1 > a { color:var(--site-art-header-col-hover) !important; }
*/
/* ------ */


/* ------ */
/* SPECIAL ENC */
/* ------ */
/* ARTICLES CONTENU */
.artListe,
.artListe > header { box-shadow:0 0 8px #fff;/*blanc*/ border-radius:15px; }
.artListe > header h1 { text-align:center; }

/* --- */
nav.nav-art-listeAncres > ul > li > a > div { display:flex; flex-direction:column !important; justify-content:center; align-items:center; }
nav.nav-art-listeAncres > ul > li > a > div,
nav.nav-art-listeAncres > ul > li > a > div figure,
nav.nav-art-listeAncres > ul > li > a > div figure img { max-width:150px !important; width:100% !important; height:auto !important; border-radius:50px 50px 10px 10px; }

/* ------ */
/* SPECIAL ENC */
.artListe > header { background: linear-gradient(to bottom, rgba(235,241,246,0.5) 0%,rgba(255,255,255,0.85) 35%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 65%,rgba(213,235,251,0.5) 100%); }
/* ------ */