@charset "UTF-8";
/* ------ */
/* ARTICLES */
/* ------ */

/* ------ */
/* SPECIAL */
@media screen and (min-width:768px) {
	/* border-radius */
/*
	.body_Site .input-group, .body_Site .input-group-text { border-radius:10px; margin-right:0.5em; }
	.body_Site .abt:hover, .body_Site .btn:hover, .body_Site .abt.btn:hover,
	.body_Site .abt, .body_Site .abt.btn, .body_Site .btn { border-radius:10px; }
*/
}

/* ------ */
/* LISTING ARTICLES */
/* ------ */
.artListe { position:relative; clear:both; padding:0; margin:0; /*margin:0 0 3%;*/ font-weight:normal; color:var(--site-art-contenu-col); background-color:var(--site-art-article-bkg); }

/* ------ */
/* ARTICLES HEADER */
.artListe header { position:relative; margin:0 auto; padding:1.5rem 0; text-align:center; background:var(--site-art-header-bkg); max-width:unset; }
/* Titre */
.artListe header h1 { margin:0 auto; padding:1rem 1%; position:relative; cursor:pointer; 
font-size:140%; font-weight:normal; text-align:center; letter-spacing:0em; }
.artListe header h1,
.artListe header h1 > a { color:var(--site-art-header-txt-col) !important; font-family:var(--site-titre-font-fam-2) !important; }
/* date */
.artListe header time { position:absolute; top:0; right:0; margin:0; padding:0; color:#999; text-align:right; font-size:65%; font-style:italic; }
.artListe header time:hover { color:#222; }
/* bt Voir La Fiche */
.artListe header a.artHeadVoirFiche { position:absolute; top:50%; transform:translateY(-50%); right:10px; padding:8px; height:48px; width:48px; border-radius:50px; text-align:center; 
background-color:var(--site-col); opacity:0.5; }
.artListe header a.artHeadVoirFiche:hover { opacity:1.0; }
.artListe header a.artHeadVoirFiche .fi { position:relative; color:rgba(255,255,255,0.5); }
.artListe header a.artHeadVoirFiche:hover .fi { color:rgba(255,255,255,1.0); }
.artListe header hr { display:none; margin:2% 0 0; }

/* ------ */
/* ARTICLES CONTENU */
.artListe .artContenu { position:relative; padding:0; margin:0 auto; color:var(--site-art-contenu-col); background-color:var(--site-art-contenu-bkg); }
.artListe .artContenuText { position:relative; padding:0 2% 1rem; margin:0 auto 2%; max-width:var(--site-art-max-width); background-color:var(--site-art-contenu-texte-bkg); }
.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 .artContenu .artContenuFigure { z-index:1; }
/* GALERIES MEDIAS */
.artListe .mediasGalerieWrap { background-color:var(--site-art-contenu-texte-bkg); }
/* ------ */
/* LISTING articles - FULL HEIGHT */
/*.artListe .artContenu { min-height:85vh; display:flex; flex-direction:column; justify-content:center; align-items:center; }*/

/* ------ */
.artListe .artContenu h1,.artListe .artContenu h2,.artListe .artContenu h3, 
.artListe .artContenu h4,.artListe .artContenu h5,.artListe .artContenu h6 { margin:1.5rem 0 1rem 0; padding:1rem 0; width:auto; clear:none; text-align:left; font-weight:normal; 
color:var(--site-art-contenu-titre-col); font-family:var(--site-art-contenu-titre-fam); }
.artListe .artContenu h1 { font-size:140%; }
.artListe .artContenu h2 { font-size:130%; }
.artListe .artContenu h3 { font-size:120%; }
.artListe .artContenu h4 { font-size:115%; }
.artListe .artContenu h5 { font-size:110%; }
.artListe .artContenu h6 { font-size:105%; }
/* --- */
.artListe .artContenu .artContenuText p { text-align:justify; }
.artListe .artContenu p,.artListe .artContenu ul,.artListe .artContenu ol { clear:none; font-size:100%; margin:5px 0 10px; }

.artListe .artContenu ul { clear:none; font-size:100%; margin-left:10px; }
.artListe .artContenu ul li { list-style:square none inside; margin:0 5px 5px 5px; }
.artListe .artContenu ul li:hover { list-style-type:disc; }
.artListe .artContenu ul > li h1,.artListe .artContenu ul > li h2,.artListe .artContenu ul > li h3, 
.artListe .artContenu ul > li h4,.artListe .artContenu ul > li h5,.artListe .artContenu ul > li h6 { display:inline; clear:both; margin:0; }
/* --- */
.artListe .artContenu img.responsive-aimg,.artListe .artContenu img.responsive-img,.artListe > footer img { text-decoration:none; border:0; }
.artListe .artContenu img { width:auto; max-width:100%;/*largeur MAXI*/ }
.artListe .artContenu img:hover,.artListe > footer img:hover { }
.artListe img.notimg,.artListe img.notimg:hover { float:none; margin:0; text-decoration:none; border:0; box-shadow:0 0 0; }
/* blockquote */
.artListe .artContenu .artContenuText blockquote { position:relative; display:inline-block; clear:both; margin:0 0 10px 0; padding:20px 42px; }
.artListe .artContenu .artContenuText blockquote::before, 
.artListe .artContenu .artContenuText blockquote::after { position:absolute; display:block; font-family:var(--font-fontawesome-fam); font-size:32px; height:32px; width:32px; color:var(--site-gris-clair); }
.artListe .artContenu .artContenuText blockquote::before { content:'\f10d'; font-weight:700; top:0; left:0; text-align:left; }		/* '\f10d' - quote-left */
.artListe .artContenu .artContenuText blockquote::after { content:'\f10e'; font-weight:700; bottom:0; right:0; text-align:right; }	/* '\f10e' - quote-right */
.artListe .artContenu .artContenuText blockquote > :first-child { margin-top:0; }
.artListe .artContenu .artContenuText blockquote > :last-child { margin-bottom:0; }
@media screen and (max-width:767px) {
.artListe .artContenu .artContenuText blockquote::before,.artListe .artContenu blockquote::after { font-size:24px; height:24px; width:24px; }
}
/* figure + blockquote */
.artListe .artContenu .artContenuFigure ~ .artContenuText blockquote { position:relative; display:inline !important; padding:0 !important; }
.artListe .artContenu .artContenuFigure ~ .artContenuText blockquote::before, 
.artListe .artContenu .artContenuFigure ~ .artContenuText blockquote::after { position:relative; display:block; width:100% !important; }
/* table */
.artListe .artContenu table { width:100%; margin:5px 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 .artContenu 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 .artContenu table caption:hover { color:var(--site-art-figcaption-col); }
.artListe .artContenu table caption span { padding:0 15px; }
.artListe .artContenu table caption a { text-decoration:underline; }
.artListe .artContenu table th { padding:5px 2px; 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 .artContenu table td { padding:10px 2px; border:1px solid var(--site-art-table-td-brd); vertical-align:middle; /*word-wrap:break-word;*/ }
.artListe .artContenu table tr td ul { clear:none; font-size:100%; margin:5px 0 10px 0; padding:0 0 0 15px; }
.artListe .artContenu table tr td ul > li { margin:3px auto; }
.artListe .artContenu 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 .artContenu table tr:hover td.tabFoot { background-color:var(--site-art-table-th-bkg); border:1px solid var(--site-art-table-th-brd) }
.artListe .artContenu table tr td h1,.artListe .artContenu table tr td h2, 
.artListe .artContenu table tr td h3,.artListe .artContenu table tr td h4, 
.artListe .artContenu table tr td h5,.artListe .artContenu table tr td h6 { color:var(--site-art-table-titre-col); text-align:left; font-variant:small-caps; margin:10px 0 10px 0; }
/* table -> bloc */
@media screen and (max-width:479px) {
	.artListe .artContenu table tbody,.artListe .artContenu table thead,.artListe .artContenu table tfoot,
	.artListe .artContenu table th,.artListe .artContenu table td,.artListe .artContenu table tr { display:block; width:100% !important; }
	.artListe .artContenu table tbody { border-top:1px solid var(--site-art-table-th-brd); border-bottom:1px solid var(--site-art-table-th-brd); }
	.artListe .artContenu table td ~ td { border-top:0; border-bottom:0; }
	.artListe .artContenu table tr ~ td { border-bottom:0; }
}
/* ------ */
/* PHOTO-VIDEO-MUSIC-FILE */
/* Photo principale */
.artListe .artContenu figure { display:block; position:relative; margin:0 auto; text-align:center; max-width:var(--site-art-max-width-img); }
.artListe .artContenu figure img { display:block; margin:0 auto; }
.artListe .artContenu figure figcaption { position:absolute; left:0; right:0; bottom:0; clear:both; color:var(--site-art-figcaption-col); background-color:var(--site-blanc); opacity:0.3; 
-webkit-transition:all 0.5s; transition:all 0.5s; }
.artListe .artContenu figure:hover figcaption { opacity:0.9; }
@media screen and (max-width:767px) {
.artListe .artContenu figure figcaption { opacity:0; } /*on masque*/
}
/* Video principale */
.artVideo { position:relative; display:block; overflow:hidden; max-width:100% !important; }
.artVideo figcaption { color:var(--site-art-figcaption-col); /*font-size:85%;*/ }
/* Music principale */
.MusicCadre { cursor:pointer; display:block; margin:0; padding:0; min-width:200px; min-height:30px; border:1px solid var(--site-gris-clair); }
.MusicCadre:hover { text-decoration:none; }
.artMusicLegende { clear:both; color:var(--site-art-figcaption-col); }
.artMusic:hover .artMusicLegende { color:var(--site-art-figcaption-col); }
/* fichier joint */
.artFile { min-width:200px; min-height:30px; margin:20px 0 0 !important; padding:0 !important; }

/* ------ */
/* FIGURE MEDIAS */
.artListe .artContenuFigure { position:relative; display:block; padding:0; font-size:100%; text-align:left; }
.artListe .artContenuFigure img { display:inline-block; width:100%; }
/* LARGEURS */
.artListe .artW10 { width:10% !important; }
.artListe .artW15 { width:15% !important; }
.artListe .artW25 { width:25% !important; }
.artListe .artW33 { width:33.33% !important; }
.artListe .artW40 { width:40% !important; }
.artListe .artW50 { width:50% !important; }
.artListe .artW60 { width:60% !important; }
.artListe .artW67 { width:66.66% !important; }
.artListe .artW75 { width:75% !important; }
.artListe .artW100 { width:100% !important; }

/* ALIGNEMENTS */
.artListe .align_right { display:block; float:right; clear:none; padding:0 0 2rem 2rem; }
.artListe .align_center { display:block; float:none; clear:both; max-width:100%; padding:0; margin:0 auto 2rem !important; text-align:center; }
.artListe .align_left { display:block; float:left; clear:none; padding:0 2rem 2rem 0; }
.artListe .align_defaut { display:block; float:left; clear:none; padding:0 2rem 2rem 0; }
/* ALIGNEMENTS */
/*
.artListe .align_right { margin-right:0 !important; padding-right:0 !important; padding-bottom:0 !important; }
.artListe .align_left,
.artListe .align_defaut { margin-left:0 !important; padding-left:0 !important; padding-bottom:0 !important; }
*/

/* ------ */
/* NAVIGATION ARTICLES - NAV SIDE - ANCRES */
nav.nav-art-listeAncres > ul > li > a > div { color:var(--site-tpl-col-main); background:rgba(255,255,255,0.9); border:1px solid var(--site-gris-clair); }
nav.nav-art-listeAncres > ul > li > a:hover > div, 
nav.nav-art-listeAncres > ul > li > a:active > div { color:var(--site-tpl-col-main); background-color:var(--site-blanc); border:1px solid var(--site-tpl-col-main); }
nav.nav-art-listeAncres > ul > li > a { min-height:50px; }
nav.nav-art-listeAncres > ul > li > a > div img { display:block; }
nav.nav-art-listeAncres > ul > li > a figure > img, 
nav.nav-art-listeAncres > ul > li > a figure > .fi { width:auto; max-height:75px; font-size:2.5em; } 
nav.nav-art-listeAncres > ul > li > a > div h6 { font-size:100%; }

/* phone */
@media screen and (max-width:575px) {
	/* ARTICLE Contenu */
	.artListe .artContenuText { padding:1rem 2% 1rem; }
	.artListe .artContenu table td { padding:3px 1%; }
	/* titres */
	.artListe header h1 { font-size:160%; }
	.artListe header h1::before { top:5px; }
	.artListe .artContenu h1 { font-size:160%; }
	.artListe .artContenu h2 { font-size:150%; }
	.artListe .artContenu h3 { font-size:140%; }
	.artListe .artContenu h4 { font-size:130%; }
	.artListe .artContenu h5 { font-size:120%; }
	.artListe .artContenu h6 { font-size:110%; }
	/* figure */
	.artListe .artW60,
	.artListe .artW67,
	.artListe .artW75,
	.artListe .artW100 { width:100%; float:none; clear:both; padding-right:0 !important; }
	.artListe .artContenu .currentFormulaire h6 { font-size:120%; }
	/* Responsive images */
	.responsive-wrapper, figure.artVideo.responsive-wrapper, figure.artPhoto.responsive-wrapper { min-width:100px; }
}
@media screen and (max-width:240px) {
	.artListe table,.artListe table tbody,.artListe table thead,.artListe table tfoot,.artListe table tr, 
	.artListe table th,.artListe table td { display:block; float:none; clear:both; width:100%; min-width:100%; }
	.artListe table th,.artListe table td { padding:3px 1px; }
}
@media screen and (max-width:767px) {
	/* --- */
	/* NAVIGATION SIDE */
	nav.nav-art-listeAncres { display:none !important; } 
}
/* tablet */
@media screen and (min-width:576px) and (max-width:767px) {
	/* ARTICLE Contenu */
	.artListe .artContenuText { padding:2rem 2% 3rem; }
	.artListe .artContenu table td { padding:4px 1%; }
	/* titres */
	.artListe header h1 { font-size:170%; }
	.artListe .artContenu h1 { font-size:160%; }
	.artListe .artContenu h2 { font-size:150%; }
	.artListe .artContenu h3 { font-size:140%; }
	.artListe .artContenu h4 { font-size:130%; }
	.artListe .artContenu h5 { font-size:120%; }
	.artListe .artContenu h6 { font-size:110%; }
	/* --- */
}
@media screen and (min-width:768px) and (max-width:991px) {
	/* ARTICLE Contenu */
	.artListe .artContenuText { padding:2rem 2% 3rem; }
	/* ARTICLE Contenu */
	.artListe .artContenu table td { padding:4px 1%; }
	/* titres */
	.artListe header h1 { font-size:180%; }
	.artListe .artContenu h1 { font-size:170%; }
	.artListe .artContenu h2 { font-size:160%; }
	.artListe .artContenu h3 { font-size:150%; }
	.artListe .artContenu h4 { font-size:140%; }
	.artListe .artContenu h5 { font-size:130%; }
	.artListe .artContenu h6 { font-size:120%; }
	/* --- */
	/* NAV Articles */
	nav.nav-art-listeAncres > ul > li > a figure > img, 
	nav.nav-art-listeAncres > ul > li > a figure > .fi { width:auto; max-height:100px; font-size:3em; } 
	nav.nav-art-listeAncres > ul > li > a > div h6 { font-size:100%; }
}
/* desktop */
@media screen and (min-width:992px) {
	/* ARTICLE Contenu */
	.artListe .artContenuText { padding:3rem 2% 5rem; }
	/* titres */
	.artListe header h1 { font-size:190%; }
	.artListe .artContenu h1 { font-size:180%; }
	.artListe .artContenu h2 { font-size:170%; }
	.artListe .artContenu h3 { font-size:160%; }
	.artListe .artContenu h4 { font-size:150%; }
	.artListe .artContenu h5 { font-size:140%; }
	.artListe .artContenu h6 { font-size:130%; }
	/* --- */
	/* NAV Articles */
	nav.nav-art-listeAncres > ul > li > a figure > img, 
	nav.nav-art-listeAncres > ul > li > a figure > .fi { width:auto; max-height:150px; font-size:75px; } 
	nav.nav-art-listeAncres > ul > li > a > div h6 { font-size:100%; }
}
@media screen and (min-width:1400px) {
	/* ARTICLE Contenu */
	/* titres */
	.artListe header h1 { font-size:200%; }
	.artListe .artContenu h1 { font-size:190%; }
	.artListe .artContenu h2 { font-size:180%; }
	.artListe .artContenu h3 { font-size:170%; }
	.artListe .artContenu h4 { font-size:160%; }
	.artListe .artContenu h5 { font-size:150%; }
	.artListe .artContenu h6 { font-size:140%; }
	/* --- */
}

/* ------ */
/* PLAN d'ACCES */
/* ------ */
#footerPlanAcces { position:relative; min-height:120px; /*overflow:hidden;*/ }
#footerPlanAcces .iframe-cover { opacity:1; position:absolute; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.1); cursor:pointer; z-index:1;
-webkit-transition:all 0.5s; transition:all 0.5s; }
/* open/close +/- */
#footerPlanAcces .iframe-cover ins { position:absolute; content:''; display:block; left:50%; margin-left:-24px; top:5%; cursor:pointer; width:48px; height:48px; border-radius:100%; 
color:rgba(0,0,0,0.2); background:rgba(0,0,0,0.2); font-size:48px; line-height:48px; text-align:center; }
#footerPlanAcces .iframe-link { opacity:0; position:absolute; bottom:120%; left:0; right:0; width:100%; text-align:center; 
-webkit-transition:all 0.5s; transition:all 0.5s; }
#footerPlanAcces.active .iframe-cover { opacity:0; height:0%; }
#footerPlanAcces.active .iframe-link { opacity:1; bottom:5%; }

/* ------ */
/* CFG CONTACTS - LIST */
/* ------ */
/* affichage simple */
#ListingCfgContacts .artContenu { padding:0 0; }
#ListingCfgContacts .artContenu .artContenuText .boxcfgCntCatGrpSimple > h3 { text-align:left; margin:3% 0 2%; }
#ListingCfgContacts .artContenu .artContenuText .cfgContactFicheSimple { margin:0 0.5% 0.5%; padding:0.5%; background-color:var(--site-blanc); border:1px dashed #ccc; }
#ListingCfgContacts .artContenu .artContenuText p { margin:5px 0; }
#ListingCfgContacts .artContenu .artContenuText p > span { display:inline-block; }
#ListingCfgContacts label { display:inline-block; width:30px; text-align:center; }
#ListingCfgContacts .cfgcntNom, #ListingCfgContacts .cfgcntNom label { color:var(--site-tpl-col-fonce); font-size:110%; }
#ListingCfgContacts .artContenu .artPhoto { max-width:100%; margin:0; }

/* ------ */
/* ARTICLES CONTENU - FLEX */
/* tablet - desktop */
/*
@media screen and (max-width:991px) {
	.artListe .artContenu figure { margin:0 3% 2%; }
}
@media screen and (min-width:992px) {
.artListe .artContenu { display:flex; justify-content:normal; align-items:stretch; flex-wrap:wrap; }
.artListe .artContenuText { flex:1 1 1%; align-self:center; }
.artListe aside { width:100% !important; flex:1 1 100%; }
}
*/
/* ------ */
/* SPECIAL FLEXBOX */
.artListe .artContenuText { order:3; }
.artListe aside { order:9; }
.artListe .align_right { order:2; }
.artListe .align_center { order:-1; }
.artListe .align_left { order:-1; }
.artListe .align_defaut { order:-1; }


/* ------ */
/* SPECIAL LAB */
/* ------ */
/* ARTICLE - header */
article.artListe > header > h1, article.artListe > header > h1 a { color:var(--site-tpl-col-main-2); }
@media screen and (max-width:575px) {
	article.artListe > header { background:url('../img/img-theme/phone/fond-bois-tres-clair.jpg') right center repeat-x; background-size:contain; }
	article.artListe .artContenu h1, article.artListe .artContenu h2, article.artListe .artContenu h3, article.artListe .artContenu h4 { 
	margin:20px 0; padding-left:16px; border-left:2px solid var(--site-tpl-col-main-2); }
}
@media screen and (min-width:576px) and (max-width:991px) {
	article.artListe > header { background:url('../img/img-theme/tablet/fond-bois-tres-clair.jpg') right center repeat-x; background-size:contain; }
	article.artListe .artContenu h1, article.artListe .artContenu h2, article.artListe .artContenu h3, article.artListe .artContenu h4 { 
	margin:20px 0; padding-left:18px; border-left:3px solid var(--site-tpl-col-main-2); }
}
@media screen and (min-width:992px) {
	article.artListe > header { background:url('../img/img-theme/desktop/fond-bois-tres-clair.jpg') right center repeat-x; background-size:contain; }
	article.artListe .artContenu h1, article.artListe .artContenu h2, article.artListe .artContenu h3, article.artListe .artContenu h4 { 
	margin:20px 0; padding-left:20px; border-left:3px solid var(--site-tpl-col-main-2); }
}
/* ------ */
/* SPECIAL LAB */
#footerCoordsWrap { background-color:var(--site-blanc); border-top:2px solid var(--site-tpl-col-main); }
/* ------ */
