@charset "utf-8";
/* CSS Document */
.cat_1 #contenu_page, .cat_67 #contenu_page > h1, .cat_69 #contenu_page > h1, .cat_31  #contenu_page > h1{ display: none; }
.page_search #contenu_page {
    display: block;
}
#middle {        
    flex-grow:1;
    
    padding: 30px 0 50px 0;
}
#middleLeft h1 {
    font-family: 'd-dinregular';
    font-weight: normal;
    font-size: 30px;
    color: #fff;
    background-color: var(--color-fonce);
    text-transform: uppercase;
    
    margin-bottom: 30px;
    cursor: pointer;
    transition: all, 0.3s;
    display: flex;
    justify-content: space-between;
}
#middleLeft h1 span { padding: 10px 20px; }
#middleLeft h1:hover { background-color: var(--color-clair);transition: all, 0.3s; }


.plus_b {
    border-left:var(--color-fonce) solid 45px;
    border-bottom:var(--color-deux) solid 45px;
    background-color: var(--color-deux);
    width: 100px;
    transition: all, 0.3s; 
}
#middleLeft h1:hover .plus_b {
    border-left-color:var(--color-clair);
    transition: all, 0.3s; 
}
.plus_b .menu_burger{
	padding: 8px;
    position: absolute;
}
.plus_b .menu_burger div{
 	width: 30px;
 	height: 3px;
 	background-color:#fff;
 	margin: 5px 0;
}

#middleLeft > ul {
    columns:3;
    column-gap: 30px;
    column-rule: medium;
    display: none;
    margin-bottom: 30px;
}
.sousmenuinclu {  display: block !important;}
.cat_104 #middleLeft > ul, .cat_5 #middleLeft > ul,
.cat_4 #middleLeft > ul, .cat_31 #middleLeft > ul,
.cat_98 #middleLeft > ul{ display: block; }

#middleLeft > ul > li {
    padding: 5px 5px 0 0;
    font-family: 'd-dinregular';
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
    break-inside: avoid-column; /* W3C */ 
    transition: all, 0.3s;
}
#middleLeft > ul > li > div {
    border: var(--gris-fonce) solid 1px;
    padding: 20px;
    background-image: url("../medias/rg.png");
    background-size: cover;
    transition: all, 0.3s;
}
#middleLeft > ul > li:hover div, #middleLeft > ul > .smactive div {
    background-color: var(--color-deux) !important;
    background-image: none;
    transition: all, 0.3s;
}
#middleLeft > ul > li > div:before {
    content: url("../medias/crouge.png");
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
}
#middleLeft > ul > li a {
    text-decoration: none;
    color: var(--color-fonce);
    transition: all, 0.3s;
}
#middleLeft > ul > li:hover a, #middleLeft > ul > .smactive div a {
    color: #fff; 
    transition: all, 0.3s;
}
#middleLeft > ul > li > div:hover:before,#middleLeft > ul > .smactive > div:before  {
    content: url("../medias/cbleu.png");
    z-index: -1;
    transition: all, 0.3s;
}
#middleLeft .sousmenuinclu {
    border-top: var(--color-deux) solid 1px; 
    padding-top: 15px;
    margin-top: 10px;
}
#middleLeft > ul > li:hover .sousmenuinclu,#middleLeft > ul > .smactive .sousmenuinclu {
    border-top: #fff solid 1px;
    transition: all, 0.3s;
} 
#middleLeft .sousmenuinclu li {
    font-family: 'fira_sansregular';
    font-size: 16px;
    text-transform: none;
    padding: 4px 0;
}
#middleLeft .sousmenuinclu li:before {
    content: url("../medias/flr.png");
    transition: all, 0.3s;
    margin-right: 5px;
}
#middleLeft > ul > li:hover .sousmenuinclu li:before,#middleLeft > ul > .smactive .sousmenuinclu li:before {
    content: url("../medias/flb.png");
    transition: all, 0.3s;
}
.sousmenu_actif a { font-family: 'fira_sansbold';}
#middleRight { padding-top: 20px;}

.navi_resultats {
    padding: 0 !important;
    margin-bottom: 40px;
}
.navi_resultats li {
    display: inline-block;
    padding: 0 30px 0 0;
    margin: 0;
    font-size: 20px;
}
.navi_resultats li .result_on:before {
    content: url("../medias/checkr.png");
    margin-right: 10px;
}
.navi_resultats li a {
    text-decoration: none;
}


.a_la_une h1{
	font-size: 28px;
    text-transform: uppercase;
    margin:40px 0 30px;
    position:relative;
    line-height:30px;
  
}


#a_la_une_actu, .list_art, .resultat_sh {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 50px 35px;
}
.a_la_une article , .list_art article, .resultat_sh article {
   border-bottom: var(--color-fonce) solid 6px;
    position: relative;
    transition: all, 0.3s;
}
.a_la_une article:hover , .list_art article:hover, .resultat_sh article:hover {
   background-color: var(--gris-clair);
    transition: all, 0.3s;
    transform: scale(1.05);
}
.perm_une {
    position: absolute;
    z-index: 2;
    background-color: rgb(255,219,122,0.5);
    width: 100%;
    text-align: center;
}
.a_la_une article .articlelink,.list_art article .articlelink, .resultat_sh article .articlelink {
   background-color: #fff ;
    overflow: hidden;
    display: block;
    height: 220px;
    border-bottom: var(--color-fonce) solid 2px;
    background-image: url(../medias/logo.png) !important;
    background-position: center center;
}
.cat_54 .list_art article .articlelink { background-image: none!important; }

.a_la_une article.prive1 .articlelink,.list_art article.prive .articlelink, .resultat_sh article.prive .articlelink {
    border-bottom: var(--color-trois) solid 2px;
    position: relative;
}
.a_la_une article.prive1 .articlelink:before,.list_art article.prive .articlelink:before, .resultat_sh article.prive .articlelink:before{
    content: 'Spécial adhérent';
    position: absolute;
    top:10px;
    left:10px;
    z-index: 1;
    background-color: var(--color-trois);
    padding: 3px 5px 1px 5px;
    color: var(--color-fonce);
}
.a_la_une article .articlelink img,.list_art article .articlelink img, .resultat_sh article .articlelink img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.a_la_une article .extrait,.list_art article .extrait, .resultat_sh article .extrait {   
    padding: 15px 20px 30px 20px;  
    line-height: 23px;
    position: relative;
}
.a_la_une article.prive1 .extrait:before,.list_art article.prive .extrait:before, .resultat_sh article.prive .extrait:before {  
    content: url("../medias/tri_ad.png");
    position: absolute;
    top: 0;
    right: 0;
}
.a_la_une article h2,.list_art article h2, .resultat_sh article h2 {
    font-family: 'fira_sansmedium';
    font-size: 18px;
    margin: 0 0 15px 0;
    padding: 0;
}
.a_la_une article h2:before,.list_art article h2:before, .resultat_sh article h2:before { content: none;}
.a_la_une article h2 a,.list_art article h2 a, .resultat_sh article h2 a{
	text-decoration: none;
	color: var(--color-fonce);
}
.a_la_une article time,.list_art article time, .resultat_sh article time{	display: block; color: var(--color-deux);}
.a_la_une article footer , .list_art article footer, .resultat_sh article footer, .shop_extrait_produit .lire_suite {  width: 100%; position: absolute; bottom: -2px; left: 0; text-align: center;}
.a_la_une article footer a, .list_art article footer a, .lire_suite a, .resultat_sh article footer a{  
    background-color: var(--color-deux);
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    transition: all, 0.3s;
}
.a_la_une article footer a:hover, .list_art article footer a:hover, .resultat_sh article footer a:hover, .lire_suite a:hover{ background-color: var(--color-fonce); color: #fff; transition: all, 0.3s;}

.a_la_une article footer a:before, .list_art article footer a:before, .resultat_sh article footer a:before{  
    content: url("../medias/lire.png");
    margin-right: 7px;
}

.navig_articles{
  	display: flex;
  	align-content: center;
    justify-content: center;
    margin-top: 30px;
    text-align: center;
}
.navig_articles strong{
	background: var(--color-clair);
	color: #ffffff;
	display: block;
  	padding: 10px 18px;
  }
.navig_articles a img{ 	display: none;}
.navig_articles a{
    text-decoration: none;
	background: #e5e5e5;
	color: #000000;
  	margin: 0 5px;
  	display: block;
  	padding: 10px 18px;
    transition: all, 0.3s;
}
.navig_articles a:hover{
	background: var(--color-fonce);
	color: #ffffff;
    transition: all, 0.3s;
}
.navig_articles a:first-child::before{
  	content: '\f053';
  	font-family: 'p900';
  	font-size: 14px;
 }
.navig_articles a:last-child::before{
  	content: '\f054';
  	font-family: 'p900';
  	font-size: 14px;
}

section#fichiers_lies{
  clear: both;
  margin-top: 10px;
}

/********************************************************** annuaire */

.annu{flex-flow: row wrap;justify-content: left!important;}
.annu #ul_annuaire{order:1;width: 260px;}
.annu .unpimap{order:2;max-width: 400px;}
.annu .liste_annuaire{order:3;flex-grow: 1; max-width: 400px;}
#fiche_annuaire p{ padding: 2px 0px;}


/**************************************************************AFFICHAGE SITE MAP*/
#sitemap .sm {	margin-left:10px;}

/** sous menu fermr et tourisme **/

.sousmenupages #middleLeft {
  background: var(--gris-clair);
    padding: 10px;
    display: none;
    margin: 10px auto;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
.sousmenupages #middleLeft ul{
padding: 0px;
}
.sousmenupages #middleLeft  li{
  list-style-type: none;
  display: inline-block;
  background: var(--color-clair);
  padding: 10px;
  margin: 5px 5px;
}
.sousmenupages #middleLeft li a {
  text-decoration: none;
  color: #ffffff;
}
.sousmenupages #middleLeft li:hover{
  text-decoration: none;
  background: var(--color-fonce);
  color: #ffffff;
}