/*--- PAGE TYPE DE CONTENU CSS ---------------------------------------------------*/

.region-backbuttons{
	clear: both;
}
.back-button a.back-button-link{
  display: inline-block;
  padding: 7px 15px;
  margin: 20px;
  background-color: #b22222;
  color: #fff;
  border: 1px solid transparent;
  transition: all .2s ease-in-out;
}
.back-button a.back-button-link:hover,
.back-button a.back-button-link:focus{
  text-decoration: none;
  color: #b22222;
  background-color: #fff;
  border: 1px solid #ddd;
}

/*-------- Légende Img ----------*/
.region-content figure{
  position: relative;
}
.region-content .field--name-body figure figcaption{
  position: absolute;
  padding: 15px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.region-content .group-left >div{
  margin-bottom: 15px;
}
/*---- Add to calendar -----*/
.addtocalendar{
  margin-bottom: 5px;
}
.addtocalendar .atcb-link{
  font-size: 1.2rem;
}
.addtocalendar ul.atcb-list{
  padding: 8px;
  border: 1px solid #464447;
}
/*---------------------------------------------------------------------------------
  BREADCRUMB FIL D'ARIANE
---------------------------------------------------------------------------------*/
.breadcrumb{
  font-size: 1.2rem;
  color: #949494;
  background: none;
}

.breadcrumb:before{
  content: '\279C';
  color: #db362a;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "|\00a0";
}

/*---------------------------------------------------------------------------------
  PAGE RECHERCHE AVANCÉE
---------------------------------------------------------------------------------*/
.path-search #edit-help-link,
.path-search #edit-lang-fieldset,
.path-search fieldset#edit-type--wrapper .form-item-type-article,
.path-search fieldset#edit-type--wrapper .form-item-type-bandeau-accueil,
.path-search fieldset#edit-type--wrapper .form-item-type-contact,
.path-search fieldset#edit-type--wrapper .form-item-type-services,
.path-search fieldset#edit-type--wrapper .form-item-type-ville-partenaires,
.path-search fieldset#edit-type--wrapper .form-item-type-webform{
  display: none;
}

.path-search .search-advanced #edit-submit--2{
  float: right;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 7px 0px rgba(125,125,125,0.75);
}

.path-search .search-advanced #edit-submit--2:focus,
.path-search .search-advanced #edit-submit--2:hover{
  box-shadow: none;
}

/*---------------------------------------------------------------------------------
	CENTER CENTRE
---------------------------------------------------------------------------------*/

.main-container{
	/*margin-top: 200px;*/
}

.region-content h1{
  margin-bottom: 40px;
  color: #363535;
}
.region-content h2{
  margin: 20px 0;
}
.region-content p{
  letter-spacing: 1px;
  word-break: break-word;
}
.region-content .summary-standard{
  margin-bottom: 40px;
  font-family: 'montserratsemibold', arial, sans-serif;
  font-size: 1.6rem;
  color: #db3b29;
  letter-spacing: 0;
}

.region-content div.img-intro-wrapper{
  text-align: center;
}
.region-content figure.img-intro{
  position: relative;
  display: inline-block;
  height: 430px;
  margin-bottom: 20px;
}

.region-content figure.img-intro img{
  max-height: 100%;
}
.region-content figure.img-intro .img-legend{
  position: absolute;
  padding: 15px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: left;
}

.region-content .field--name-body ul li,
.region-content .field--name-body ol li,
.region-content .field--name-body p{
  font-size: 1.5rem;
  line-height: 1.7;
}

.region-content .field--name-body ol li:before,
.region-content .field--name-body ul li:before{
  display: inline-block;
  margin-right: 10px;
  font-family: 'montserratbold', Arial, sans-serif;
  font-size: 1.6rem;
  content:"\203A";
  color: #db362a;
}

.region-content .field--name-body ol li:before{
  font-family: 'montserratregular', Arial, sans-serif;
  content: counter(li)".";
}

.region-content .field--name-body ol li{
  counter-increment: li;
}

.region-content .field--name-body figure.align-center{
  display: flex;
  justify-content: center;
}

.region-content blockquote{
  margin: 20px 0;
  padding: 30px;
  font-size: 1.4rem;
  color: #fff;
  background: rgb(219,54,42);
  background: -moz-linear-gradient(45deg, rgba(219,54,42,1) 0%, rgba(178,34,34,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(219,54,42,1) 0%,rgba(178,34,34,1) 100%);
  background: linear-gradient(45deg, rgba(219,54,42,1) 0%,rgba(178,34,34,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db362a', endColorstr='#b22222',GradientType=1 );
  border: none;
}

.region-content .field--name-body blockquote ol li:before,
.region-content .field--name-body blockquote ul li:before{
  color: #fff;
}

.region-content blockquote a{
  text-decoration: underline;
  color: #fff;
}

.region-content blockquote a:focus,
.region-content blockquote a:hover{
  text-decoration: none;
  color: #fff;
}

.ckeditor-accordion-container > dl{
  border: none;
}

.ckeditor-accordion-container > dl dt > a{
  padding: 10px 15px 10px 0;
  background: #fff;
  border: none;
  border-bottom: 1px solid #dadada;
  color: #363535;
  font-family: 'montserratbold', arial, sans-serif;
  font-size: 1.5rem;
}
.ckeditor-accordion-container > dl dt:last-of-type > a{
  border-bottom: 1px solid #dadada;
}

.ckeditor-accordion-container > dl dt > a::before{
  content: "\e804";
  display: inline-block;
  margin-right: 15px;
  font-family: 'albiville-svg';
  color: #db362a;
  font-size: 1.3rem;
  transform: rotate(-90deg);
}
.ckeditor-accordion-container > dl dt.active > a::before,
.ckeditor-accordion-container > dl dt > a:hover::before{
  transform: none;
}


.ckeditor-accordion-container > dl dt > a:focus{
  text-decoration: none;
}
.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt.active > a{
  text-decoration: none;
  color: #db362a;
  background-color: #fff;
}
.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle{
  display: none;
}

@media screen and (max-width:768px){
  .region-content figure.img-intro{
    height: auto;
  }
  .region-content figure.img-intro .img-legend{
    padding:7px;
    font-size: 1.2rem;
  }
  .region-content figure.img-intro .img-legend p{
    margin-top: 0;
  }
}

@media screen and (max-width:360px){
  .region-content figure.img-intro .img-legend{
    font-size: 1rem;
  }
}

/*---------------------------------------------------------------------------------
  ACCUEIL DE RUBRIQUE
---------------------------------------------------------------------------------*/

.rubrique #block-raccourcis{
  display: none;
}

.region-content #block-mainnavigation-2 ul.navbar-nav{
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.region-content ul.navbar-nav > li{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 21%;
  margin: 5px;
  height: 100px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 3px 26px 0px rgba(125,125,125,0.75);
}

.region-content ul.navbar-nav > li > a{
  font-family: 'montserratbold', Arial, sans-serif;
  color: #333;
  transition: all 0.2s ease-in-out;
}

.region-content ul.navbar-nav > li > a:focus,
.region-content ul.navbar-nav > li > a:hover{
  color: #b22222;
}

.region-content ul.navbar-nav > li > ul{
  width: 100%;
  padding-left: 0;
  border-radius: 0;
  background: rgb(178,34,34);
  background: -moz-linear-gradient(-45deg, rgba(178,34,34,1) 0%, rgba(219,54,42,1) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(178,34,34,1) 0%,rgba(219,54,42,1) 100%);
  background: linear-gradient(135deg, rgba(178,34,34,1) 0%,rgba(219,54,42,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b22222', endColorstr='#db362a',GradientType=1 );
}

.region-content ul.navbar-nav > li > ul > li > a{
  padding: 5px 20px;
  white-space: normal;
  font-family: 'montserratbold', Arial, sans-serif;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.region-content ul.navbar-nav > li > ul > li > a:focus,
.region-content ul.navbar-nav > li > ul > li > a:hover{
  background: #333;
}

/*@media screen and (max-width:991px){
  .region-content ul.navbar-nav > li{
    flex: 1 0 21%;
  }
}*/

/*---------------------------------------------------------------------------------
	SIDEBAR
---------------------------------------------------------------------------------*/
.group-right{
  font-size: 1.3rem;
  padding-right: 0;
  padding-left: 0;
}
.group-right a:focus,
.group-right a:hover{
  text-decoration: none;
}
.group-right > *{
	margin-bottom: 40px;
}

.group-right .sidebar-reference-wrapper{
  position: relative;
}

.group-right h2.reference-block-title{
  font-size: 3rem;
  margin-bottom: 20px;
}

.group-right h2.reference-block-title span{
  color: #db362a;
}

.group-right .reference-moteur-link a{
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  width: 34px;
  height: 30px;
  padding: 7px;
  background: #b22222;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

.group-right .reference-moteur-link a span{
  display: block;
  text-indent: -9999px;
}

.group-right .reference-moteur-link a:before{
  content: "\279C";
  color: #fff;
}

.group-right .reference-moteur-link a:focus,
.group-right .reference-moteur-link a:hover{
  text-decoration: none;
  background: #db362a;
  border-radius: 50%;
  transform: rotate(360deg);
}

.group-right .reference-item-wrapper{
  position: relative;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 3px 26px 0px rgba(125,125,125,0.75);
  -moz-box-shadow: 0px 3px 26px 0px rgba(125,125,125,0.75);
  box-shadow: 0px 3px 26px 0px rgba(125,125,125,0.75);
  background: #fff;
}
.group-right .reference-item-wrapper .img-reference-wrapper img{
  width: 100%;
  object-fit: cover;
}

.group-right .reference-item-wrapper:focus,
.group-right .reference-item-wrapper:hover{
  -webkit-box-shadow: 0px 3px 26px 0px rgba(100,100,100,1);
  -moz-box-shadow: 0px 3px 26px 0px rgba(100,100,100,1);
  box-shadow: 0px 3px 26px 0px rgba(100,100,100,1);
}

.group-right .link-reference-node a{
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}


@media screen and (max-width:991px){
  .group-right > *{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  
}
/*.group-right .field--type-entity-reference{
	clear: both;
}*/


/*--- CONTACT REFERENCE -------------------------------------------------------------*/

.group-right .field--name-field-contact-reference .img-reference-wrapper{
  text-align: center;
}
.group-right .field--name-field-contact-reference > div{
  margin: 3px 0;
}
.group-right .field--name-field-contact-reference .prenom-nom-contact{
  margin: 10px 0;
  font-family: 'montserratbold', Arial, sans-serif;
}

.group-right .mail-contact a{
  font-family: 'montserratbold', Arial, sans-serif;
}

.group-right ul.rs-contact{
  margin-top: 20px;
  padding: 0;
}

.group-right ul.rs-contact li{
  display: inline-block;
  margin: 0 8px;
}

.group-right ul.rs-contact li a{
  display: block;
}
.group-right ul.rs-contact li a::before{
  content: "";
  display: inline-block;
  font-family: 'albiville-svg';
  font-size: 20px;
  color: #333;
}
.group-right ul.rs-contact li a:focus::before,
.group-right ul.rs-contact li a:hover::before{
  color: #db362a;
}
.group-right ul.rs-contact li a span{
  display: block;
  text-indent: -99999px;
}
.group-right ul.rs-contact li.lien-facebook a::before{
  content:"\f09a";
}
.group-right ul.rs-contact li.lien-twitter a::before{
  content:"\f099";
}
.group-right ul.rs-contact li.lien-pinterest a::before{
  content:"\f231";
}
.group-right ul.rs-contact li.lien-instagram a::before{
  content:"\f16d";
}
.group-right ul.rs-contact li.lien-youtube a::before{
  content:"\f16a";
}

/*--- ACTU REFERENCE -------------------------------------------------------------*/

.group-right h3.actu-reference-title{
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 0 10px 30px;
  font-family: 'montserratbold', Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.7rem;
  text-shadow: 0 0 2px #000;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.group-right h3.actu-reference-title:after{
  content: "\279C";
  position: absolute;
  bottom: 7px;
  right: 15px;
  color: #db362a;
}

/*--- AGENDA REFERENCE -------------------------------------------------------------*/

.group-right .agenda-reference-wrapper .reference-item-wrapper{
  display: flex;
}
.group-right .agenda-reference-wrapper .reference-item-wrapper:after{
  position: absolute;
  bottom: 0;
  right: 15px;
  content: "\279C";
  font-size: 2rem;
  color: #db362a;
}

.group-right .img-dates-reference-wrapper{
  position: relative;  
  width: 35%;
}

.group-right .img-dates-reference-wrapper .img-reference-wrapper{
  display: flex;
  height: 100%;
}
.group-right .img-dates-reference-wrapper .img-reference-wrapper img{
  width: 100%;
  object-fit: cover;
}

.group-right .date-agenda-reference-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-family: 'montserratbold', Arial, sans-serif;
  font-size: 3rem;
  text-align: center;
  line-height: 1;
  transition: all 0.2s ease-in-out;
  text-shadow: 0 0 2px #000;
}

.group-right .reference-item-wrapper:focus .date-agenda-reference-wrapper,
.group-right .reference-item-wrapper:hover .date-agenda-reference-wrapper{
  background: rgba(0,0,0,0);
}

.group-right .month-agenda-reference{
  font-size: 1.3rem;
}

.group-right .date-fin-agenda-reference:before{
  display: inline-block;
  content: "\203A";
  font-size: 4rem;
  transform: rotate(90deg);
}

.group-right .agenda-reference-infos{
  width: 65%;
  padding: 10px 10px 30px 10px;
}

.group-right .agenda-reference-infos h3{
  font-family: 'montserratbold', Arial, sans-serif;
  font-size: 1.6rem;
}
.group-right .agenda-reference-infos .agenda-reference-lieu{
  display: flex;
  color: #707070;
  font-size: 1rem;
}
.group-right .agenda-reference-infos .agenda-reference-lieu::before{
  content: "\e803";
  margin-right: 8px;
  font-family: 'albiville-svg';
  font-size: 1.3rem;
  color: #b7b7b7;
}

/*--- PORTRAIT REFERENCE -------------------------------------------------------------*/

.group-right .portrait-reference-wrapper img{
  display: inline-block;
  float: left;
  border-radius: 50%;
}

.group-right .field--name-field-portrait-reference{
  padding: 0 15px;
}

.group-right .pre-nom-portrait-reference,
.group-right .annees-portrait-reference{
  padding: 0 0 0 95px;
  font-family: 'montserratbold', Arial, sans-serif;
  font-size: 1.6rem;
}

/*--- GALERIE REFERENCE -------------------------------------------------------------*/

.group-right .galerie-reference-wrapper .img-reference-wrapper{
  position: relative;
  margin-bottom: 20px;
}

.group-right h3.galerie-reference-title{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 20px;
  font-family: 'montserratbold', Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  background: rgba(0,0,0,0.25);
  transition: all 0.2s ease-in-out;
  text-shadow: 0 0 2px #000;
}

.group-right .reference-item-wrapper:focus h3.galerie-reference-title,
.group-right .reference-item-wrapper:hover h3.galerie-reference-title{
  background: rgba(0,0,0,0);
}

.group-right .video-embed-field-responsive-video,
.group-right .video-reference-wrapper iframe{
  max-height: 210px;
}

.group-right .video-hover-filter{
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.25;
}

/*--- PUBLI REFERENCE -------------------------------------------------------------*/
.group-right .field--name-field-publication-reference .reference-item-wrapper{
  display: flex;
}
.group-right .field--name-field-publication-reference .img-reference-wrapper{
  display: flex;
  width: 35%;
}
.group-right .field--name-field-publication-reference .publi-reference-infos{
  width: 65%;
}
.group-right .field--name-field-publication-reference .img-reference-wrapper img{
  width: 100%;
  object-fit: cover;
}
.group-right .publi-reference-infos{
  padding: 15px;
}

.group-right .publi-reference-title{
  font-family: 'montserratbold', Arial, sans-serif;
  font-size: 1.3rem;
}
.group-right .field--name-field-publication-reference .visionner-publi-reference,
.group-right .field--name-field-publication-reference .telecharger-publi-reference{
  display: inline-block;
  position: relative;
}
.group-right .field--name-field-publication-reference .telecharger-publi-reference{
  margin-right: 10px;
}
.group-right .field--name-field-publication-reference .visionner-publi-reference a,
.group-right .field--name-field-publication-reference .telecharger-publi-reference a{
  display: block;
  text-indent: -99999px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.group-right .field--name-field-publication-reference .visionner-publi-reference::before{
  content: "\e810";
  font-family: 'albiville-svg';
  font-size: 15px;
  color: #db362a;
}
.group-right .field--name-field-publication-reference .telecharger-publi-reference::before{
  content: "\e80e";
  font-family: 'albiville-svg';
  font-size: 15px;
  color: #db362a;
}

/*--- A LIRE AUSSI / EN SAVOIR PLUS REFERENCE / QUARTIER REFERENCE --------------------------*/

.group-right .lien-asso-reference-wrapper .reference-item-wrapper,
.group-right .liens-quartier-reference-wrapper .reference-item-wrapper,
.group-right .ala-reference-wrapper .reference-item-wrapper,
.group-right .esp-reference-wrapper .reference-item-wrapper{
  margin-bottom: 10px;
}

.group-right .lien-asso-reference-wrapper .reference-item-wrapper a,
.group-right .liens-quartier-reference-wrapper .reference-item-wrapper a,
.group-right .ala-reference-wrapper .reference-item-wrapper a,
.group-right .esp-reference-wrapper .reference-item-wrapper a{
  display: block;
  padding: 12px 25px 10px 15px;
  font-family: 'montserratbold', Arial, sans-serif;
  color: #464447;
}

.group-right .lien-asso-reference-wrapper .reference-item-wrapper a:after,
.group-right .liens-quartier-reference-wrapper .reference-item-wrapper a:after,
.group-right .ala-reference-wrapper .reference-item-wrapper a:after,
.group-right .esp-reference-wrapper .reference-item-wrapper a:after{
  position: absolute;
  bottom: 5px;
  right: 15px;
  content: "\279C";
  color: #db362a;
  font-size: 1.6rem;
}

/*---------------------------------------------------------------------------------
  Pages GALERIE PHOTO VIDEO
---------------------------------------------------------------------------------*/
.page-node-type-galerie time{
  display: inline-block;
  margin-bottom: 20px;
  font-family: 'montserratbold', Arial, sans-serif;
}

.page-node-type-galerie .field--name-field-photos{
  /*display: flex;
  justify-content: space-between;*/
}

.page-node-type-galerie .photo-album{
  margin-bottom: 30px;
}

.page-node-type-galerie article.media-video-embed{
  display: flex;
  justify-content: center;
}

.page-node-type-galerie .region-content .field--name-body .licence-images p {
    font-size: 1.2rem;
}

/*---------------------------------------------------------------------------------
  Pages QUARTIERS
---------------------------------------------------------------------------------*/

.view-quartiers .moteur-button a{
  display: inline-block;
  position: relative;
  padding: 12px 50px 12px 25px;
  background-color: #b22222;
  color: #fff;
  font-size: 1.3rem;
  font-family: 'montserratbold', Arial, sans-serif;
}

.view-quartiers .moteur-button a:hover,
.view-quartiers .moteur-button a:focus{
  text-decoration: none;
}
.view-quartiers .moteur-button a::after{
  content: "\e804";
  display: inline-flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  font-family: 'albiville-svg';
  font-size: 1.2rem;
  transform: rotate(-90deg);
}
.view-quartiers .moteur-button a:hover::after,
.view-quartiers .moteur-button a:focus::after{
  right: 10px;
}

.view-quartiers .view-content{
  position: relative;
  margin-top: 30px;
}

/*.view-quartiers .slick-slide{
  display: flex;
  align-items: center;
  justify-content: center;
}*/

.view-quartiers .slide__caption {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  padding: 0;
  background: transparent;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.view-quartiers h2.actu-quartier-title{
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 15px;
    width: 100%;
    font-size: 3rem;
    color: #fff;
    transition: top .2s ease-in-out;
}

.view-quartiers .slide__constrained > .slide__caption {
    position: absolute;
    top: 0;
    bottom: 0;
}

.view-quartiers .view-content a{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: -99999px;
  border: none;
}

.view-quartiers .slick-arrow::before{
  font-size: 5.6rem;
}

.view-quartiers .slick-prev:before,
.view-quartiers .slick-next:before{
  font-family: 'albiville-svg';
  content: "\f104";
  color: #b22222;
  background-color: none;
  text-shadow: 0px 0px 2px #000;
}

.view-quartiers .slick-next:before{
  content: "\f105";
}

@media screen and (max-width:768px){
  .view-quartiers h2.actu-quartier-title{
    font-size: 1.5rem;
  }
}

/*---------------------------------------------------------------------------------
	Page TROMBINOSCOPE ELUS
---------------------------------------------------------------------------------*/
.page-node-10006 .ds-2col-9-3 > .group-left h2{
  display: block;
  margin-bottom: 45px;
  font-size: 2.5rem;
  color: #db362a;
  text-transform: uppercase;
}

.page-node-10006 .form-group .view-content{
  display: flex;
  flex-wrap: wrap;
}
.page-node-10006 .trombi-elus{
  width: 48%;
  margin: 1%;
}
.page-node-10006 .view-display-id-elu_maire .trombi-elus{
  width: 100%;
}
.page-node-10006 .elu-wrapper{
  display: flex;
  margin-bottom: 40px;
}
.page-node-10006 .elu-wrapper .image-elu-wrapper{
  position: relative;
  flex-shrink: 0;
}
.page-node-10006 .elu-wrapper .image-elu-wrapper .img-elu{
  position: relative;
}
.page-node-10006 .elu-wrapper .image-elu-wrapper .img-elu img{
  height: 100%;
  object-fit: cover;
}
.page-node-10006 .elu-wrapper .image-elu-wrapper .nom-elu{
  position: absolute;
  padding: 8px 5px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #696969;
  color: #fff;
}
.page-node-10006 .elu-wrapper .image-elu-wrapper h4.nom-elu{
  margin: 0;
  font-size: 1.4rem;
}
.page-node-10006 .elu-wrapper .info-elu-wrapper{
  margin-left: 20px;
}
.page-node-10006 .elu-wrapper .info-elu-wrapper .partial-strong{
  font-family: 'montserratbold', arial, sans-serif;
}
.page-node-10006 .elu-wrapper .info-elu-wrapper > span{
  display: block;
  margin-bottom: 5px;
}
.page-node-10006 .elu-wrapper .info-elu-wrapper > span::before{
  content: "";
  display: inline-block;
  margin-right: 7px;
  width: 8px;
  height: 8px;
  background-color: #db362a;
}
.page-node-10006 .view-display-id-elu_maire .elu-wrapper .info-elu-wrapper > span::before{
  display: none;
}
.page-node-10006 .view-display-id-elu_maire .elu-wrapper .info-elu-wrapper h3{
  margin-top: 0;
}
.page-node-10006 .elu-wrapper .info-elu-wrapper .elu-mail{
  /*padding-left: 24px;*/
}
.page-node-10006 .elu-wrapper .info-elu-wrapper .elu-mail a{
  word-break: break-all;
}

@media screen and (max-width:767px){
  .page-node-10006 .trombi-elus{
    width: 100%;
  }
}
@media screen and (max-width:479px){
  .page-node-10006 .elu-wrapper{
    flex-direction: column;
  }
  .page-node-10006 .elu-wrapper .image-elu-wrapper .img-elu{
    display: inline-block;
  }
  .page-node-10006 .elu-wrapper .image-elu-wrapper{
    text-align: center;
  }
  .page-node-10006 .trombi-elus{
    margin: 15px 0;
  }
}

/*---------------------------------------------------------------------------------
  Page/fiche ASSOCIATION
---------------------------------------------------------------------------------*/

.page-node-type-associations .info-asso,
.page-node-type-associations .contact-nom,
.page-node-type-associations .contact-prenom{
  font-family: 'montserratbold', Arial, sans-serif;
}

.page-node-type-associations .asso-responsable{
  margin-bottom: 30px;
}

.page-node-type-associations .asso-themes{
  margin-top: 30px;
}

.page-node-type-associations .subcontact p{
  margin: 0;
}

.page-node-type-associations .subcontact > div{
  margin-bottom: 15px;
  padding: 7px 15px;
  background: #f2f2f2;
}

.page-node-type-associations a.social-icon{
  display: inline-block;
  margin: 1px;
  font-size: 0;
}

.page-node-type-associations a.social-icon:focus,
.page-node-type-associations a.social-icon:hover{
  text-decoration: none;
  box-shadow: 0px 0px 12px 0px rgba(125,125,125,0.75);
}

.page-node-type-associations a.social-icon:before{
  content: "";
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  font-family: 'albiville-svg';
  font-size: 20px;
  color: #fff;
}

.page-node-type-associations a.facebook-icon:before{
  content: "\f09a";
  background-color: #3B5998;
}
.page-node-type-associations a.twitter-icon:before{
  content: "\f099";
  background-color: #00BFF3;
}
.page-node-type-associations a.youtube-icon:before{
  content: "\f16a";
  background-color: #CC181E;
}
.page-node-type-associations a.instagram-icon:before{
  content: "\f16d";
  background-color: #3B5998;
}
.page-node-type-associations a.pinterest-icon:before{
  content: "\f231";
  background-color: #CC2127;
}

/*---------------------------------------------------------------------------------
	Page PORTRAIT
---------------------------------------------------------------------------------*/
.page-node-type-portrait .img-intro-portrait{
  display: inline-block;
  margin: 0 17px 14px 0;
  position: relative;
  float: left;
}
.page-node-type-portrait .img-intro-portrait .img-info-wrapper{
  position: absolute;
  padding: 6px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(51, 51, 51, 0.8);
  color: #fff;
  letter-spacing: 0;
}
.page-node-type-portrait .img-intro-portrait .img-info-wrapper .img-legend-portrait{
  font-family: 'montserratbold', arial, sans-serif;
}
.page-node-type-portrait .img-intro-portrait .img-info-wrapper .img-source-portrait{
  font-size: 1.1rem;
}
.page-node-type-portrait .img-intro-portrait .img-info-wrapper p{
  margin-top: 5px;
}
.page-node-type-portrait .field--type-string{
  font-family: 'montserratbold', arial, sans-serif;
}
.page-node-type-portrait .field--label{
  color: #db362a;
}