/*
Theme Name: hautsdefrance.fr - Automne 2023

Author: Nico D - DCRP
Version: 1.5.2
*/

html {margin:0 !important;padding:0 !important;}
.img-responsive-full {width:100% !important;height:auto !important;}
figure  h2>span,
figure  p {color:#FFF !important;}
.hidden {display:none !important;}

/*---------------------------------------------------------------------------------------------------------------------------- SURCHARGE BOOTSTRAP */
/*---------------------------------------------------------------------------------------------------------------------------- SURCHARGE BOOTSTRAP */
/*---------------------------------------------------------------------------------------------------------------------------- SURCHARGE BOOTSTRAP */
.panel .panel-heading .panel-title {text-transform: none;font-weight:normal;text-transform: none !important;}
.panel .panel-heading .panel-title a,
.panel .panel-heading .panel-title a.in,
.panel .panel-heading .panel-title a:hover {color:#FFF !important;background-color:#7eb239 !important;}
.panel .panel-heading .panel-title a.collapsed {color:#000 !important;background: #f5f5f5 !important;}

.btn {box-shadow: none !important;
word-wrap: normal;}

.btn-default {color:#0050A4 !important;background-color:#F5F5F5 !important;border: solid 1px #A5A3A3;}
.btn-default:hover {color:#FFF !important;background-color:#0050A4 !important;}

.btn-primary {color:#FFF !important;background-color:#7EB239 !important;}
.btn-primary:hover {color:#FFF !important;background-color:#539132 !important;}



.form-control:focus {border-color:#66934e !important;}

/*------------------------------------------------------------------------------------------ HEADER SITE LIST */




#logo_HDF{
  height:130px;
  width:auto;
  background-color:transparent !important;
  z-index:50;
  -webkit-transition: width 0.5s, height 0.5s;
  transition: width 0.55s, height 0.5s;
}

#socialProfiles {margin-top:6px;}
#socialProfiles a {
  display:inline-block;
  margin-left:4px;
  background-color:#0050a4;
  color:#FFFFFF !important;
  width:19px;
  height:19px;
  line-height:19px;
  vertical-align:middle;
  text-align:center;
  font-size:0.925em;
  transition: all 300ms ease-out;
}

#socialProfiles a#instagram {transition:none;}
#socialProfiles a#facebook:hover {background-color:#3b5998 !important;}
#socialProfiles a#twitter:hover {background-color:#00aced !important;}
#socialProfiles a#instagram:hover {background: transparent  url(img/background-instagram.jpg) center center no-repeat !important;background-size:cover !important;
  /*background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  */
}
#socialProfiles a#snapchat:hover {background-color:#FFFC00 !important;}
#socialProfiles a#linkedin:hover {background-color:#0077b5 !important;}
#socialProfiles a:first-of-type {margin-left:0px;}

.logo80px {
  width:auto !important;
  height:80px !important;
}

@media (max-width: 768px) {
  #logo_HDF{
    width:auto !important;
    height:80px !important;
  }
}










.logoRegion {background-color:white;}

a#scroll-to-top {z-index:2 !important;}




section#menuSite {position:relative;}
div#logoWrapper {position:absolute;z-index:4;}

/*------------------------------------------------------------------------------------------ Diaporama homepage */
#promo-3 {
  padding:0px !important;
  z-index:1;
  position:relative;
}
/*
#promo-3 #postGalleryHomepage  {
  min-height:500px !important;
  max-height:500px  !important;
  height:500px  !important;
  padding:0 !important;
  margin:0 !important;
}
#promo-3 #postGalleryHomepage  .item,
#promo-3 #postGalleryHomepage  .item img {
  min-height:500px !important;
  max-height:500px  !important;
  height:500px  !important;
  background-position: center;
  background-size:cover;
}
*/
#promo-3 #postGalleryHomepage  .item .carousel-caption {
  /*background-color:rgba(0,0,0,0.5);*/
  right:0;
  left:0;
  bottom:10px;
  padding:0;
  text-align:right;
  /*
  padding-left:24px;
  */
  }
#promo-3 #postGalleryHomepage .item .carousel-caption h3 {
  display:inline-block;
  text-align:right;
  font-weight:bold;
  color:#FFFFFF;
  padding:15px;
  text-shadow: 0px 0px 9px #000;
  font-size:16px;
  background-color:rgba(12,87,146,0.3);
  border-radius : 2px;
  border: solid 1px white;
}
#promo-3 #postGalleryHomepage .item .carousel-caption p {color:#FFFFFF;margin-top:0px;text-shadow: 0px 0px 9px #000;}
#promo-3 #searchFromWrapper {
  z-index:2;
  position:absolute;
  top:36px;
  width:100%;
}
#promo-3 #searchFromWrapper #skipLinks {
  color:#FFF;
  text-shadow: 0px 0px 9px #000;
  background-color:rgba(0,0,0,0.2);
  border-radius : 2px;
  margin: 0 auto;
  width:30%;
  padding:0.5em;
}
#promo-3 #searchFromWrapper #skipLinks a {
  color:#FFF;
  text-shadow: 0px 0px 9px #000;
  font-size:0.825em;
}
/*------------------------------------------ FLECHES */


#promo-3 #postGalleryHomepage a.carousel-control { visibility: hidden !important; }
#promo-3 #postGalleryHomepage:hover a.carousel-control {
  visibility: visible !important;
  background-image:none !important;
  width:10%;
  margin-top:0px !important;
  /*color:#0050a4 !important;
  text-shadow: 0px 0px 9px #000;

  opacity:0.75 !important;
  vertical-align:middle !important;
  padding-top:50% !important;*/
}
#promo-3 #postGalleryHomepage:hover a.carousel-control span.glyphicon::before{content:'' !important;}

@media (max-width: 768px) {
  #promo-3 #postGalleryHomepage a.carousel-control  { visibility: visible !important;background-image:none !important; }
  #promo-3 #postGalleryHomepage a.carousel-control span.glyphicon::before{content:'' !important;}
}

/*---------------------------------------------------------------------------------------------------------*/
/* 992px */
/* 992 - 768px */
/* 768px */



@media (max-width: 768px) {
  #promo-3 #postGalleryHomepage  {
    min-height:350px !important;
    max-height:350px  !important;
    height:350px  !important;
  }

  #promo-3 #postGalleryHomepage  .item,
  #promo-3 #postGalleryHomepage  .item img {
    min-height:350px !important;
    max-height:350px  !important;
    height:350px  !important;
  }

   #searchFromWrapper div[id*="ajaxsearchpro1_"],
   #promo-3 #searchFromWrapper #skipLinks {
    width:70% !important;

  }
  #promo-3 #searchFromWrapper  {top: 60px !important;}
}

@media (min-width: 768px) and (max-width: 992px) {
  #promo-3 #postGalleryHomepage  {
    min-height:400px !important;
    max-height:400px  !important;
    height: 400px  !important;
  }

  #promo-3 #postGalleryHomepage  .item,
  #promo-3 #postGalleryHomepage  .item img {
    min-height:400px !important;
    max-height:400px  !important;
    height:400px  !important;
  }

  #searchFromWrapper div[id*="ajaxsearchpro1_"],
  #promo-3 #searchFromWrapper #skipLinks {
    width:50% !important;
  }
  #promo-3 #searchFromWrapper  {top: 80px !important;}
}

/*------------------------------------------------------------------------------------------ EFFET FONDU CAROUSEL */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*------------------------------------------------------------------------------------------ FLECHE CONTENU*/
.arrow-wrap {
  background:transparent !important;
  padding:0 !important;
}
/*------------------------------------------------------------------------------------------ EMBED */

.embed iframe {/*
  width:100% !important;
  display:block;*/
}
/*--------------------------------------------------------------------------------------------- Elements avec effets de survol*/
.gallery-item .gallery-details {
  padding:20px 0px;
}
.gallery-item .gallery-details a {
  color:#0F6DB7 !important;
}
/* Effets actu */

.grid {
  text-align: left !important;
  margin:0 !important;
}


.grid figure
{
    position: relative;
    /*float: left;*/
    overflow: hidden;
    /*
    margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    */
    width:100%;
    background: #00619c;
    text-align: center;
    cursor: pointer;
}


.grid figure img
{
    position: relative;
    display: block;
    width: 100%;
    height: auto !important;
    overflow: hidden;
    /*


    opacity: 0.8;
    */
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
}

.grid figure figcaption
{
    padding: 1.5em;
    color: #fff !important;
    text-transform: uppercase;
    /*font-size: 1.25em;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after
{
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */

.grid figure figcaption > a
{
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure .titre
{
    word-spacing: -0.05em;
    font-weight: 800;
    font-size:1.5rem;
    line-height:1.5rem;
    color:white !important;
}

.grid figure .titre span
{
    font-weight: 800;
}

.grid figure .titre,
.grid figure p
{
    margin: 0;
}

.grid figure p
{
    letter-spacing: 1px;
    font-size: 0.875rem !important;
}

figure.effect-sadie p
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p
{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


figure.effect-sadie figcaption {
    text-align: left;
}

figure.effect-sadie .titre,
figure.effect-sadie p
{
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
    text-shadow: 0 0 9px #000;
}

figure.effect-sadie p
{
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    font-weight: 500;
    text-transform: none;
}

figure.effect-sadie .titre
{
    top: 30px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

figure.effect-sadie .titre::after
{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-sadie .titre::after,
figure.effect-sadie p
{
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie:hover .titre::after,
figure.effect-sadie:hover p
{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(0,97,156,0) 0%, rgba(0,97,156,0.8) 75%);
	background: linear-gradient(to bottom, rgba(0,97,156,0) 0%, rgba(0,97,156,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

.h6-date
{
    margin-top: -22px;
    margin-left: -8px;
    font-weight: 500;
    text-transform: uppercase;
}
/*------------------------------------------------------------------------------------------------------------------------------*/
.link-mag {
  text-transform:uppercase;
}
a.image {
  cursor:pointer !important;
}
/*------------------------------------------------------------------------------------------------------------------------------ MENU DEROULANT - archives et elus */
.scrollable-menu,
#archiveTags .dropdown-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;

}

#archiveTags .dropdown-menu {
  z-index:5 !important;
}

#archiveTags button,
#archiveTags .dropdown-menu
{/*width:100%;*/}

#archiveTags button {
  margin-bottom:0;
  background-color:#F5F5F5 !important;
  color:#0050a4 !important;
  border-radius:2px;
  border : solid #A5A3A3 1px !important;
  box-shadow:none !important;
}
#archiveTags button:hover {}
#archiveTags .dropdown-menu li a:hover {color:#FFF;background-color:#0050a4;}

form#formTagMonth {}
form#formTagMonth label {
  color:var(--hdf-color-black);
  justify-content:start;
  font-weight:bold;
}
form#formTagMonth select {
  margin-bottom:0;
  background-color:#F5F5F5 !important;
  color:#0050a4 !important;
  border-radius:2px;
  border : solid #A5A3A3 1px !important;
  box-shadow:none !important;
}


/*------------------------------------------------------------------------------------------------------------------------------ joyeuseries dchu menu */
@media only screen and (max-width: 1170px) {
  ul.cd-primary-nav li.event-menu,
  ul.cd-primary-nav li.question-menu {
    margin-left:0;
    background-color:transparent;
    border:none;
  }
    .cd-logo {
    /*  margin-left:0px;*/
    }
}

@media only screen and (min-width: 1170px)
{
.cd-logo {/*margin-left:100px;*/z-index:99 !important;}

  ul.cd-primary-nav > li > a {
    color:#777;
  }
  ul.cd-primary-nav > li > a:hover {
    color:#333;
  }

  ul.cd-primary-nav li.event-menu > a,
  ul.cd-primary-nav li.question-menu > a {
    height: 50px !important;
    line-height: 50px !important;
  }

  ul.cd-primary-nav li.event-menu > a {color:#FFF !important;background-color:#0050A4;}
  ul.cd-primary-nav li.question-menu > a {color:#0050A4 !important;}

  ul.cd-primary-nav li.event-menu,
  ul.cd-primary-nav li.question-menu {
    height: 50px !important;
    line-height: 50px !important;
    margin-top: 15px !important;
    margin-bottom:15px !important;
  }
  ul.cd-primary-nav li#menuItemVideo {
    width:46%;
    height:auto;
  }
  .cd-search {
    top:100px !important;
  }
  .cd-search form label                 {width: 30% !important;font-size:3.2rem;}
  .cd-search form input                 {width: 35% !important;}
  .cd-search form button[type="submit"] {width: 30% !important;font-size: 2rem;}
  

}
.cd-search {
  top:80px !important;
  background-color:transparent !important;
}
.cd-search form {background-color:#FFF !important;border:solid 1px #E2E3DF !important;height:auto !important;}

.cd-search form label {display:inline-block;width:30% !important;text-align:right !important;}
.cd-search form input {display:inline-block;
  font-weight: bolder !important;
  color: #0050A4 !important;
  width:45% !important;
  padding:0px 1% !important;
  border:none !important;
  background-color:transparent!important;
  box-shadow:none !important;
}
.cd-search form button[type="submit"] {
  display:inline-block;
  width:20% !important;
  padding:5px !important;
  text-align:center !important;
  /*font-weight:bolder;
  border:none !important;
  background-color:transparent !important;
  */
}

.cd-primary-nav a, .cd-primary-nav ul a {
  white-space: normal !important;
}

.cd-primary-nav .see-all a {color: #0050A4 !important;}
/*------------------------------------------------------------------------------------------------------------------------------ MEGA MENU */
.cd-primary-nav,
.cd-primary-nav ul
 {z-index:4 !important;}
.cd-search {z-index:6 !important;}
/*------------------------------------------------------------------------------------------------------------------------------ SECTIONS - GENERAL */
.content-block,
.content-block-nopad  {z-index:1 !important;}
section#pageFooter {z-index:0 !important;background-color:#0050A4 !important;}
section#pageFooter .social li a i {
  font-size:14px;
  height:26px;
  width:25px;
}




.gallery-1-2 {padding-top:0;}

.block-video-img {background-color:#0050A4;}
a.link-mag,
.content-3-6 .feature-box {background-color:#0050A4 !important;}
/*------------------------------------------------------------------------------------------------------------------------------ EVENEMENT HOMEPAGE */
#eventsHomepage {display: flex;
  flex-wrap: wrap;}
#eventsHomepage .eventHomepage {display: flex;}

.feature-box h3 {
  word-spacing: -0.05em;
  font-weight: 800;
  font-size:24px;
  color:white !important;
  text-shadow: 0 0 9px #000;
  text-transform:uppercase;
  text-align:left;
}
.feature-box h6.date {
  text-align:left;
  color:white;
  font-size:1.143em;
  font-weight: 500;
  text-transform: uppercase;
}
/*------------------------------------------------------------------------------------------------------------------------------ ALERTE HOMEPAGE */
#alerteHomepage {
  position: fixed !important;
  right: 1em !important;
  bottom: 1em !important;
  left: 1em !important;
  margin-bottom:0px !important;
  z-index:250;
  background-color:rgba(0,0,0,0.6);
  color:#FFF;
  border:none !important;
}
#alerteHomepage button.close span{color:#FFF !important;}
#alerteHomepage strong,
#alertHomepage a {color:#C00;}
#alerteHomepage p {color:#FFF !important};
/*------------------------------------------------------------------------------------------------------------------------------ CONTENU ARTICLE */

ul.tags li a.tag:hover {color:#FFF !important;}


a.allItems {color:rgb(0, 80, 164) !important;}










/*.essb_t_nb::after {content:'Total' !important;}*/
.essb_links_list .essb_totalcount_item {/*display:block;width:100%;*/display:none !important;}
.essb_links_list .essb_totalcount_item span {/*display:block;width:100%;*/display:none !important;}

.essb_links_list span.essb_icon,
.essb_links_list span.essb_counter_bottom {color:#FFF !important;}


.article_content {margin-top:40px;}
h1.titre-article,
.article_content h1,
.article_content h1.titre-article {
  color:#0050A4;
}

@media only screen and (max-width: 768px) {
  h1.titre-article  {
    font-size:1.571em;
  }
}


.article_content h2 {
  font-size:1.643em;
  font-weight:bold;
  color:black;
}

.article_content h6.date {text-align:right;font-size:0.857em;color:#999999;margin:0;padding:0;}
.article_content p.lead {
  font-size:1.429em;
  font-weight:bold;
}

.article_content h3 {
  font-weight: bolder ;
  color: #0050A4 !important;
  margin-top: 60px ;
  font-size:2em;
}
.article_content p {
  line-height: 2.3em;
  font-size: 1.2em;
}
.article_content p.lead {
  line-height: 2em;
}
.article_content img.alignleft {float:left;margin-right:1em;}
.article_content img.alignright {float:right;margin-left:1em;}
.article_content img.alignnone,
.article_content img.aligncenter {max-width:100% !important;height:auto !important;}

.article_content .contentWrapper p a {
  border-bottom:#0050A4 solid 1px !important;
  color:#0f6db7 !important;
  transition:none !important;
}
.article_content .contentWrapper p a:hover {
  color:#0f6db7 !important;
  border-bottom:#0050A4 solid 2px !important;
}

.article_content .contentWrapper p a.mtli_pdf,
.article_content .contentWrapper p a.mtli_pdf:hover {
    border-bottom: none !important;
} 


.article_content .contentWrapper em {color:#677B5C;font-weight:bold;}
.article_content .contentWrapper h3 em {color:#0050A4;font-weight:bold;}
/*
.article_content .contentWrapper ul li:before {
  color:#0050a4;
  display:inline-block;
  font-family:FontAwesome;
  width:2em;
  margin-left:2em;
  content:"\f0c8";
  font-size:0.325em;
  vertical-align:middle;
}
*/


.article_content .contentWrapper ul.nav.nav-tabs li::before {
  content: '' !important;
}

/*.article_content .contentWrapper ul.essb_links_list li:before{content:'' !important;}*/


.article_content .contentWrapper img.size-full.aligncenter {width:100% !important;height:auto !important;}



ul.gform_fields li.gfield::before {content:'';width:0;margin-left:0;}
/*
.article_content .contentWrapper ul li,
.article_content .contentWrapper ol li {
  font-size:18px !important;
}
*/
.article_content .contentWrapper table th,
.article_content .contentWrapper table tbody tr td
 {padding-right:30px;}


.article_content .contentWrapper blockquote p {
  font-size:18px;
  font-style:italic;
  line-height:30px;
}

.articleListItem {}
.articleListItem .content {padding:0px !important;margin-top:0px !important;}
.articleListItem .content ul.tags {padding-top:0px !important;}
.articleListItem .content ul.tags .tag {margin-top:0px !important;}
.articleListItem .date {text-align:right;font-size:0.857em;color:#999999;margin:0;padding:0;}
@media (max-width: 767px) {
    .articleListItem .titre-article-recherche a {color: #0050a4 !important;}
    .articleListItem p {color: #000 !important;}
    .articleListItem ul.tags {margin-top:0.5em;}
}




.articleContentBottom {}
.articleContentBottom a {color:#000;border-bottom:1px solid black;transition:none !important;}
.articleContentBottom a:hover {color:#000;border-bottom:2px solid black;}

/*
#postgallery {}
#postgallery h3 {
  color:#FFF;
}


#postgallery a.carousel-control .glyphicon{
  color:#0f6db7;
}
*/
#articles_lies_wrapper {
  background-color: rgba(14, 104, 165, 0.8);
  z-index:300 !important;
}

#articles_lies_wrapper h4.media-heading a {
  text-transform:uppercase;
  color:#0050A4;
  font-size:0.786em;
}


.cd-panel-header {box-shadow:none;}

a#lire_plus {
  position:fixed !important;
  display:block !important;
  top:50% !important;
  right:1em !important;
  z-index:3;
}

a#lire_plus img {
  width:70px;
  height:70px;
}

#articleRelatedEvents img.media-object {
  width:64px;
  height:auto;
}
#articleRelatedEvents h4 {font-size:1.286em;}

/*------------------------------------------------------------------------------------------------------------------------------------ COMMENTAIRES */

#commentsBlock {
  background-color: #3E86B7;
  color: #FFF;
}

ol.comment-list {
  list-style: none;
}
ol.comment-list .media-heading {
  font-weight: bolder ;
  color: #FFF ;
  font-size: 1.26em;
}

li.media .media-body .comment_text {
  padding:1em;
  padding-bottom:0.5em;
  /*border-left:solid 1px #0f6db7;*/
}
li.media .media-body .comment_text p {
  margin-top:0;
}
.reply {text-align:right;}
.reply .btn {margin-top:5px!important ;line-height: 1.1em !important;}
p.form-submit input#submit {
  margin-left:0;
}
/*------------------------------------------------------------------------------------------------------------------------------------ SURCHARGE PLUGIN AJAX SUGGESTION */
div[id*="ajaxsearchpro"] {
  margin: 0px auto !important;
}
/*
div[id*="ajaxsearchpro"] .probox .promagnifier,
div[id*="ajaxsearchpro"] .probox .proclose {
    height: 38px !important;
    width: 38px !important;
}
div[id*="ajaxsearchpro"] .probox .proloading {
  margin-top:5px !important;
}
div[id*="ajaxsearchpro"] .probox {
  height:38px !important;
}
div[id*="ajaxsearchpro"] .probox .proinput input {
    height: 38px !important;
}
*/
/*------------------------------------------------------------------------------------------------------------------------------------ PAGE RECHERCHE */
.titre-article-recherche a {
    font-weight: bolder;
    color: #0050a4;
    text-transform: uppercase;
}
.titre-article-recherche a:hover {text-decoration:underline;}
@media (max-width: 767px)
{
    .titre-article-recherche a
    {
        color: #FFF !important;
    }
}
/*----------------------------------------------------------------------------------------------------------------------------------- DOSSIER */
section#dossierThumbnail {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:400px;
  padding-bottom:60px;
  position:relative;
}
section#dossierThumbnail div#dossierThumbnailTitre {margin-top:20px;}
section#dossierThumbnail div#dossierThumbnailTitre h1 { color:#FFF;text-shadow: 0 0 9px #000;}
section#dossierThumbnail div#dossierThumbnailTitre div#sommaire {color:#FFF !important;font-size:16px;text-shadow: 0 0 4px #000;}
section#dossierThumbnail div#dossierThumbnailTitre div#sommaire a {
  color:#FFF;
  font-weight:bold !important;
  /*border-bottom:solid 1px #FFF;*/
  margin-bottom:6px;
  text-transform:uppercase;
}
section#dossierThumbnail div#dossierThumbnailTitre .sommaire-item {
  background-color:rgba(12,87,146,0.5);
  display:inline-block;
  padding:4px;
}
section#dossierThumbnail div#dossierThumbnailTitre .sommaire-item .sommaire-item-order{
    color:#FFF;
}

section#dossierThumbnail div#dossierThumbnailTitre div#sommaire a:hover {color:#FFF;border-bottom:solid 2px #FFF;}

.listeArticlesDossier {}
.listeArticlesDossier h4.media-heading a,
.listeArticlesDossier h2 {
  font-weight: bolder ;
  color: #0f6db7 ;
  font-size:22px;
  text-transform: uppercase;
}

.listeArticlesDossier h2 {font-size:28px;}
a.goToSommaireDossier {
  display:inline-block;
  float:right;
  color:#FFF;
  background-color:rgba(12,87,146,0.25);
  border-radius:3px;
  width:24px;
  height:24px;
  line-height:22px;
  vertical-align:top;
  text-align:center;
}
a.goToSommaireDossier:hover {
  background-color:rgba(12,87,146,0.75);
}

/*----------------------------------------------------------------------------------------------------------------------------------- PAGE FAQ */
.accordionFAQ .panel-body {
  padding-top:0;
  padding-bottom:0;
}

.accordionFAQ .card-header {
  padding:0;
}

.accordionFAQ h4.panel-title {
  background-color:(--hdf-color-gray);
  margin:0;
  padding:0;
}

.accordionFAQ .card-header .btn.btn-link {
  color:var(--hdf-color-black);
}


.accordionFAQ .card-body a {color:var(--hdf-color-blue);font-weight:bold;} 
.accordionFAQ .card-body a:hover {text-decoration:underline;}
/*
.accordionFAQ .panel-heading a:after {

    font-family: 'FontAwesome';  
    content: "\f077";    
    float: right;       
    color: white;         
}
.accordionFAQ .panel-heading a.collapsed:after {

    content: "\f078";    
    color:grey;
}
*/

a.controlFaqGroup {
  width:100%;
  white-space : normal;
}

h3.titreFAQ {
  text-transform:uppercase;
  font-weight: bolder;
  color: #0050A4;
  font-size: 2em;
}



/*------------------------------------------------------------------------------------------------------------------------------------ FOOTER */
.social a .fa-snapchat-ghost:after {background: #FFFC00;}
.social a:hover .fa-instagram {background: transparent url(img/background-instagram.jpg) center center no-repeat !important;background-size:cover !important;}

/*------------------------------------------------------------------------------------------------------------------------------------- SOCIAL */

/*------------------------------------------------------------------------------------------------------------------------------------- FLOW FLOW */

.social-block-1 {padding-right:30px;}
.social-block-2 {padding-left:30px;}

#ff-stream-1 {}
#ff-stream-1 a.ff-name {color:rgb(0, 80, 164) !important;}
#ff-stream-1 .ff-loadmore-wrapper{display:none !important;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------  GUIDE AIDES */
#guideAides {}
#guideAides h3 {margin-top:0;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------  PAGE Le Conseil Régional */
#leConseilRegional {}
#leConseilRegional h3 {margin-top:0;}
/*----------------------------------------------------------------------------------------------------------------------------------------------- ELUS */
.pageElu {
  margin-top:60px;
}
.contentElu {margin-top:60px;}
.contentElu h1.titre-article {margin-top:0px;}
.contentElu a {color:#0050a4;}
.contentElu a:hover {border-bottom:solid  1px #0050a4;}

/*----------------------------------------------------------------------------------------------------------------------------------------------- AGENDA */
.tribe-bar-submit {
  margin-left:0px !important;
  width:auto !important;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------- OFFRE EMPLOI + chapitres video session*/
table.dataTable {}
table.dataTable a {color:#0f6db7 !important;}
table.dataTable a:hover {color:#0f6db7 !important;border-bottom:#0050A4 solid 1px !important;}


div.chapterList {}
div.chapterList a.chapterLink {color:#0f6db7 !important;}
div.chapterList a.chapterLink:hover {color:#0f6db7 !important;border-bottom:#0050A4 solid 1px !important;}


.gsurvey-likert .gsurvey-likert-row-label ,
.gsurvey-likert .gsurvey-likert-choice-label {font-size:0.75em;}

/*------------------------------------------------------------------------------ OFFREs EMPLOI DE LA SEMAINE*/

table.weeklyjobs {border-collapse:collapse;}
table.weeklyjobs td,
table.weeklyjobs th {padding:4px;}
table.weeklyjobs th {border:1px solid #999;}
table.weeklyjobs th a {color:#0050a4;}
table.weeklyjobs td a {color:#0050a4;}
table.weeklyjobs tr td {vertical-align:middle;border:1px solid #999;}
table.weeklyjobs tr td:first-child {text-transform: uppercase;}


/* remplacer par 237 */
#gform_234 #input_234_6_1 {
  width:auto !important;
  display:inline-block !important;
}
#gform_234 #gfield_consent_description_234_6 {
  height:auto !important;
  overflow-y: auto !important;
}
#gform_237 #input_237_6_1 {
  width:auto !important;
  display:inline-block !important;
}
#gform_237 #gfield_consent_description_237_6 {
  height:auto !important;
  overflow-y: auto !important;
}


.ginput_container_consent.ginput_container input {
  display:inline;
  width:auto;
}