.file--application-pdf a {
    background-image: url(/core/themes/classy/images/icons/application-pdf.png);
}

.file--mime-application-msword a {
    background-image: url(/core/themes/classy/images/icons/application-word.png);
}

.file a {
    padding-left: 20px;
    background-repeat: no-repeat;
}

iframe#applicg_creche {
    height: 65em;
}

iframe#applicg_pmi {
    height: 25em;
}

.blk-highlight-img {
    z-index: -1;
}


/* -----------------DEBUT DES MODIFICATIONS - STEFAN GONNEAU----------------- */

/*accueil -- Bouton déplier la navigation secondaire*/
.header-nav .tools .btn-more.active .icon-plus{
    transform:rotate(45deg);
}

/*bloc-profil-theme -- les deux blocs*/
.blk-filter{
	position:relative;
	float:left;
	width:50%;
	padding:30px;
	color:#fff;
	margin-top:-100px;
	}

/*bloc-profil-theme -- bloc vert*/
.profilFilter{
    width: 100%;
    margin-top:-70px;
    padding:7px;
    height: auto;
    margin-bottom: 100px;
}

/*bloc-profil-theme -- bloc rouge*/
.themeFilter{
    width: 100%;
    padding:7px;
    height: auto;

}

@media screen and (min-width: 1366px){
    .blk-filter-container .blk-filter .accordion__panel .blk-filter-content {
        height: auto !important;
    }
}

/*bloc-profil-theme -- le slider des deux blocs*/
.slick-dotted.slick-slider{
    margin-bottom:30px
}


/*bloc-profil-theme -- div des pictogrammes + labels*/
div.slider-filter.js-slider-filter.slick-initialized.slick-slider.slick-dotted div.slick-list.draggable div.slick-track{
    padding-bottom: 10px;
}

/*bloc-profil-theme -- les deux filtres de pictos des deux blocs*/
.slider-filter{
    font-size: 1.429em;
    text-align: center;
    padding: 5px 0;
}

/*bloc-profil-theme -- les deux sliders-points*/
div.slider-filter.js-slider-filter.slick-initialized.slick-slider.slick-dotted ul.slick-dots{
    bottom:auto;
}

/*bloc-profil-theme -- phrase majuscule*/
p.h3.uppercase{
    margin-bottom : 0;
    margin-left: auto;
}

/*bloc-profil-theme -- bouton reset*/
.blk-filter-reset{
    float:left;
    width:100%;
    margin-top:25px;
    position:relative;
}

/*bloc-profil-theme -- bouton reset*/
.blk-filter-reset .btn {
   background-color: #024070;
   color : white;
}

/*bloc-profil-theme -- padding des pictogrammes*/
div.slider-filter img.img-responsive{
    padding: 5px;
}

/*bloc-profil-theme -- labels des pictogrammes*/
.slider-filter-selection .lbl{
    position:relative;
    display:inline-block;
    width:auto;
    margin-top:0.75em;
}

/*bloc-profil-theme -- barre de sélection des labels*/
.slider-filter-selection .lbl:after{
    content:"";
    position:absolute;
    left:calc(50% - 45px);
    bottom:-8px;
    width:90px;
    height:4px;
    background:0 0;
    display:block
}

/*tous les sliders-points*/
.slick-dots{
    bottom:-25px;
    width:100%;
    margin:0;
    list-style:none;
    text-align:center;
}


/* Dots articles-gallery mobile*/
@media screen and (max-width: 767px){
    .blk-single-article .article-gallery .slick-dots {
        bottom: 0;
    }
}

/*toute les cartes informative encadrées et gris clair*/
.blk-field-wrap .blk-field-infos{
    padding:20px;
}

/*recrutement -- bouton postuler en bas de page*/
.postulerBasDePage{
    margin-left:45%;
    font-size: 20px;
    padding:15px
}


/*agenda -- Carte info*/
.blk-field-infos{
    position:relative;
    padding:20px 30px;
    border:1px solid rgba(38,86,152,.15);
    border-radius:5px;
}


/*agenda -- les 3 boutons*/
.blk-field-actions-mask{
    position:relative;
    top:40px;
    display:inline-block;
    margin-bottom:15%;
    width: fit-content;
}

/*elus -- titre carte info*/
.blk-field-title{
    display:inline-block;
    position:relative;
    z-index:1;
    padding:0 20px 15px 0;
    margin-bottom:5%;
    font-weight:700;
    line-height:1;}

/*liste elu -- carte info*/
.blk-field-wrap{
    margin-top: 5%;
}

/* -------------------------------------------------------------------------- */
/*Homepage mid-page reglage*/
.bgd-highlight.actus:before {
    width: 100%;
}

/*fond jaune du milieu de page*/
.bgd-highlight:before{
    content:'';
    width:85%;
    height:446px;
    top:680px;
    z-index:-1;
    background:#fff0a1;
    position: absolute;
}

.icon-search:before{
    content:"\e916";
    font-weight:bold;}

.icon-typo:before{
    content:"\e918";
    font-weight:bold;}

.icon-left-alignment:before{
    content:"\e914";
    font-weight:bold;}

.icon-bookmark:before{
    content:"\e911";
    font-weight:bold;}

.icon-print:before{
    content:"\e915";
    font-weight:bold;}

.icon-share:before{
    content:"\e917";
    font-weight:bold;}

.icon-telephone:before{
    content:"\e910";
    font-weight:bold;}

.icon-info:before{
    content:"\e913";
    font-weight:bold;}

@media screen and (max-width:1024px) {
    .blk-filter {
        margin-top:-75px
    }
    #pauseBtn {
        margin-top: -110px;
    }
}

@media screen and (min-width:767px){
    .link.pull-right{
        margin-right:30px;
        font-size:18px;
    }
}

div.ph-30.ph-xs-0.mb-60 a.btn.btn-accent {
    margin-bottom: 4%;
}

.blk-help-info-text {
   float: left;
   width: 50%!important;
   padding: 25px 30px!important;
}

/* -------------------------FIN DES MODIFICATIONS------------------------- */



/****************************************************************************************************/
                                /* Modification CSS Site département */
/****************************************************************************************************/

/************************************* Page detail actu *************************************/

.page-node-type-article .blk-single-article div:first-child{
    font-family: "open sans";
}

.blk-social-push strong, .sgl-article-content p, .sgl-article-content ul, .sgl-article-content ul.emploi-infos strong{
    font-weight: 300 !important;
}

.page-node-type-article .blk-single-article {
    margin-bottom: 60px;
}

.page-node-type-article .blk-single-article div:first-child .article-head {
    border-bottom: 3px solid #ffd400;
    padding-bottom: 20px;
}

.title {
    margin-bottom: 20px;
}

.page-node-type-article .blk-single-article {
    background: #fff;
    padding: 20px 5px;
}

.sgl-article-content{
    background-color: white;
    padding: 30px 30px;
    font-family: "open sans";
  }
  

/************************************* HomePage *************************************/

.blk-popUp-control{
    display: none !important;
}

#launcher{
    display: none !important;
}

.blk-listing-left-cont.sticky {
    position: initial;
    left: initial;
    transform: initial;
    width: initial;
    max-width: initial;
    margin: initial;
    padding: initial;
    background-color: #fff;
    z-index: initial;
}

#block-block-hashtags-keywords .row-hashtag-desktop:after{
    width: 0px !important;
}

#block-block-hashtags-keywords .row-hashtag-desktop:before{
    width: 0px !important;
}

/************************************* Bloc Slide HomePage *************************************/

.container .row .text-center.btn-event-container{
    display: none;
}

/* Btn ajouter en JS version desktop et mobile*/
#pauseBtn {
    height: 25px;
    width: 25px;
    margin-top: -135px;
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    z-index: 10;
 }

 @media screen and (max-width:991px) and (orientation:portrait) {
     .blk-filter {
         margin-top:-75px;
     }
     #pauseBtn {
         margin-top: -110px;
     }
 }

 @media screen and (max-width:767px) {
     .blk-filter {
         width:100%!important;
         margin-top:-40px;
         padding:20px 15px!important
     }
     #pauseBtn {
         margin-top: -75px;
     }
 }

 #bottomBg {
     overflow: hidden;
     position: relative;
     padding-bottom: 50%;
     height: 0;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center -100px;
 }

 #pauseBtn.isPausing {
     background-image: url(/themes/custom/cdr/css/images/bouton-play.png);
 }
 #pauseBtn.isPausing:hover {
     cursor: pointer;
 }

 #pauseBtn.isPlaying {
     background-image: url(/themes/custom/cdr/css/images/bouton-pause.png);
 }

 #pauseBtn.isPlaying:hover {
     cursor: pointer;
 }

 /*Btn flèche suivant intégré en JS Dom*/
 .blk-highlight-main #nextBtn:hover{
    cursor: pointer;
 }

 /* Mobile */
 @media screen and (max-width: 480px) {

    .frm-search{
        top: 10px;
    }

    .blk-highlight-main #nextBtn {
        display: none;
    }
    .blk-highlight-main #pauseBtn {
        display: none;
    }
}

/* Tablette */
@media screen and (max-width: 991px) {
    .blk-highlight-main #nextBtn {

        display: none;
    }
    .blk-highlight-main #pauseBtn {
        display: none;
    }
}



/* Desktop */
.blk-highlight-main #nextBtn {
     background: url(/themes/custom/cdr/css/images/next.png) no-repeat center center;
     background-size: 100% auto;
     height: 80px;
     position: absolute;
     right: 2%;
     width: 80px;
 }

 .tags .btn {
     font-size: 1.4em;
 }

 .anchor-target {
     display: block;
     margin-top: -100px;
     padding-top: 100px;
     border: none !important
 }

/************************************* Bloc #hashTag, Profil & Theme *************************************/

@media screen and (max-width: 480px) {

    #tarteaucitronRoot .tarteaucitronAlertBigTop{
        display: none !important;
    }
}


@media screen and (min-width: 768px) and (max-width: 991px){
    #block-block-hashtags-keywords-homepage div.row.mb-75.row-hashtag-mobile{
        margin-bottom: 70px !important;
    }

    .blk-filter{
        padding: 10px 15px!important;
    }
}

.desktop-version .blk-filter-reset.js-blk-filter-reset-fake{
    display: none !important;
}

@media screen and (max-width: 991px){

    .mb-55{
        margin-bottom: 25px;
        margin-top: -15px;
    }

    .blk-filter-title p:last-child{
         display: none;
    }
}


/************************************* Bloc CSPECM *************************************/

#block-bloc-ca-se-passe-en-ce-moment .slider-nav-cont .slick-arrow{
    margin-left: -90%;
}

#block-bloc-ca-se-passe-en-ce-moment .slick-list .slick-track .slick-slide {
  border-bottom: none !important;
}

#block-bloc-ca-se-passe-en-ce-moment .slick-list .slick-track .slick-slide .blk-article{
    display: flex !important;
    padding: 15px 15px !important;
}

@media screen and (max-width: 480px) {

    .description-cont p{
        display: none !important;
    }
}

@media screen and (max-width: 991px) {

    .description-cont p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

}

/************************************* Bloc Dernières ACTU *************************************/


@media screen and (max-width: 480px) {

    .tarteaucitronAlertBigTop{
        display: none;
    }

    .blk-article .cont {
        padding: initial;
    }

    .description-cont p{
        display: none !important;
    }

}

.dernieres-actus .cont p:last-child{
    display: none;
}

@media screen and (max-width: 767px){

    .bgd-highlight .container .row .col-12 .slider-actus {
        margin-bottom: auto;
        padding-bottom: inherit;
    }

    .path-frontpage .blk-highlight-main {
        top: 50px !important;
    }

}

.slick-dots li.slick-active button:before{
    left: 0 !important;
}

.blk-article .cont h3.h3 {
    -webkit-box-orient: vertical;
    height: auto;
}

@media screen and (min-width: 768px) {
    .blk-article .cont p.contTxt {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

.popup-frm-newsletter .form-item-field-node-position-0-value{
    display: none;
}




/****************************************************************************************************/
                                        /* PAGE Infrastructure */
/****************************************************************************************************/

.views-exposed-form .form-item-field-infrastrucure-type-value{
    padding: 10px;
}
.views-exposed-form .form-item-field-infrastrucure-type-value label{
    padding: 5px;
    font-weight: bold;
}
.views-exposed-form .form-item-zone-geo{
    padding: 10px;
}
.views-exposed-form .form-item-zone-geo label{
    padding: 5px;
    font-weight: bold;
}





/****************************************************************************************************/
                                        /* PAGE nos autre site custom */
/****************************************************************************************************/

/* .blk-listing li{
    box-shadow:  0px 0px 10px black;
} */



/****************************************************************************************************/
                                        /* PAGE OFFRE PEC */
/****************************************************************************************************/

.dr974pec div div {
    display:none;
}

.dr974pec div section>a {
    display:none;
}

.dr974pec div header .form {
    display:block;
    margin-left: 2em;
}

.dr974pec section div:first-child {
    display:block;
}

.dr974pec div.blk-toolbar-acess {
    display:block;
}

.dr974pec div.blk-toolbar-acess div {
    display:block;
}

.dr974pec .form input, .dr974pec .form label {
    display:inline;
}

.dr974pec h2 {
    font-weight: bold;
    font-size: x-large;
    margin-bottom: 0.8em;
}

.popup-frm-msg {
    display: block !important;
}


/****************************************************************************************************/
                                        /* PAGE LIST OFFRE Emploi */
/****************************************************************************************************/

.blk-job {
    padding: 15px 15px;
}
.blk-job-info .cont{
	width : auto !important;
}

.blk-listing .form-recrutement{
    padding-bottom: 30px;
}
.blk-listing .form-recrutement span.h3 {
    display: none;
}
.blk-listing .form-recrutement #postulerEmploi{
    display: none;
}


/********** Partager cette offre  ******/
.cdr-email-share .input-group {
    border-color: #aaa !important;
}

.h2-titre-intro{
    font-size: xx-large;
    font-weight: bold;
  }


/****************************************************************************************************/
/* Form Demande evenement agenda */
/****************************************************************************************************/
.h3-text-intro{
    text-align: center;
}




/****************************************************************************************************/
                                        /* Form Demande LOGO */
/****************************************************************************************************/

.lienContact{
    text-decoration: underline;
}

#webform-submission-demande-de-logo-add-form input{
    background: none !important;
    border: 1px solid #ced4da ;
    color: black;
}

#webform-submission-demande-de-logo-add-form textarea {
    background: none !important;
    border: 1px solid #ced4da ;
    color: black;
}

#webform-submission-demande-de-logo-add-form .js-form-item {
    display: grid;
    justify-content: flex-start;
    margin-top: 10px;
}

#webform-submission-demande-de-logo-add-form .js-form-item label{
    padding: 5px;
}

#webform-submission-demande-de-logo-add-form .js-form-item-accept-condition{
    display: flex;
}

#edit-accept-condition{
    width: fit-content;
}

#edit-accept-condition label{
    margin-left: 5px;
}


/****************************************************************************************************/
                                        /* Form Emploi Permanent */
/****************************************************************************************************/
.blk-popUp>div{
    padding: 30px 30px 30px 30px !important;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form .js-form-item input{
    background: white !important;
    border: 1px solid #ced4da ;
    color: black;
    padding: 10px;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form .js-form-item textarea {
    background: white !important;
    border: 1px solid #ced4da ;
    color: black;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form .js-form-item select {
    background: white !important;
    border: 1px solid #ced4da ;
    color: black;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form .js-form-item option {
    background: white !important;
    border: 1px solid #ced4da ;
    color: black;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label{
    border-color:#ff8200 !important;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form .js-form-item input::placeholder {
    color: black;
    opacity: 0.8;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form .js-form-item label{
    padding: 5px;
}

/********************************************Pièce à fournir ********************************************/

.webform-submission-formulaire-candidatures-poste-pe-add-form #edit-piece-a-fournir .messages.messages--error.file-upload-js-error{
    color: #ff6a6a;
    font-weight: bold;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form .btn.btn-secondary.custom-add-file{
    display: none;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form input.js-form-file.form-file{
    width: auto !important;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form #edit-piece-a-fournir{
    padding-left: 15px;
}

.webform-submission-formulaire-candidatures-poste-pe-add-form #edit-piece-a-fournir label{
    font-size: large;
}

/********************************************* Message de confirmation Temporaire ***************************************************/

#block-cdr-content .webform-confirmation__message{
    padding-left: 50px;
    padding-bottom: 20px;
    font-weight: bold;
}

#block-cdr-content .webform-confirmation__back{
    font-weight: bold;
    padding-left: 10px;
    font-size: larger;
}


/*****************************************************Article FEADER *************************************************/
.sgl-article-content table{
    border:2px double black;
}
.sgl-article-content tr,td{
    border:1px solid black;
    text-align: center;
    padding:8px;
}


/****************************************************************************************************/
                                        /* Form Candidature Spontanée */
/****************************************************************************************************/
.blk-popUp>div{
    padding: 30px 30px 30px 30px !important;
}
.webform-submission-formulaire-candidature-spontanee-add-form .input-group{
background: none;
}


.webform-submission-formulaire-candidature-spontanee-add-form .js-form-item input{
    background: white !important;
    border: 1px solid #ced4da ;
    color: black;
    padding: 10px;
}

.webform-submission-formulaire-candidature-spontanee-add-form .js-form-item textarea {
    background: white !important;
    border: 1px solid #ced4da ;
    color: black;
}

.webform-submission-formulaire-candidature-spontanee-add-form .js-form-item select {
    background: white !important;
    border: 1px solid #ced4da ;
    color: black;
}

.webform-submission-formulaire-candidature-spontanee-add-form .js-form-item option {
    background: white !important;
    border: 1px solid #ced4da ;
    color: black;
}

.webform-submission-formulaire-candidature-spontanee-add-form .webform-options-display-buttons input:checked + label.webform-options-display-buttons-label{
    border-color:#ff8200 !important;
}

.webform-submission-formulaire-candidature-spontanee-add-form .js-form-item input::placeholder {
    color: black;
    opacity: 0.8;
}

.webform-submission-formulaire-candidature-spontanee-add-form .js-form-item label{
    padding: 5px;
}

/********************************************Pièce à fournir ********************************************/

.webform-submission-formulaire-candidature-spontanee-add-form #edit-piece-a-justifier .messages.messages--error.file-upload-js-error{
    color: #e80213;
    font-weight: 700;
}

.webform-submission-formulaire-candidature-spontanee-add-form .btn.btn-secondary.custom-add-file{
    display: none;
}

.webform-submission-formulaire-candidature-spontanee-add-form input.js-form-file.form-file{
    width: auto !important;
}

.webform-submission-formulaire-candidature-spontanee-add-form #edit-piece-a-justifier{
    padding-left: 15px;
}

.webform-submission-formulaire-candidature-spontanee-add-form #edit-piece-a-justifier label{
    font-size: large;
}
.webform-submission-formulaire-candidature-spontanee-add-form #edit-piece-a-justifier #ajax-wrapper--2{
    padding-top: 50px;
}
.webform-submission-formulaire-candidature-spontanee-add-form #edit-actions{
    padding-top: 50px;
}


/****************************************************************************************************/
                                        /* Page contact */
/****************************************************************************************************/
/* cacher la map en version mobile */
@media screen and (max-width: 480px) {

    #map{
        display: none ;
    }
}

@media screen and (max-width: 640px){
    body:not(.path-frontpage) #main-content {
        padding-top: 0px !important; 
    }
}

#edit-action {
    margin-top: 20px;
}

#views-exposed-form-infrastructure-page-1 {
    background-color: white;
    border-radius: 30px;
    padding: 20px;
}




/****************************************************************************************************/
                                        /* Page hub details */
/****************************************************************************************************/

@media screen and (max-width: 480px) {

    div[data-quickedit-field-id="node/10671/field_document_associe/fr/full"] .file{
        font-size: larger;  
    }
    
    div[data-quickedit-field-id="node/10671"] .row-hashtag{
        display: flex;
    }

    div[data-quickedit-field-id="node/10671/field_document_associe/fr/full"]{
        text-align: center;
        margin: 15px;
        padding: 15px;
    }
}

/* version desk*/
@media screen and (min-width: 640px) {
    
    div[data-quickedit-field-id="node/10671/field_image_publication/fr/full"] .img-responsive {
        max-width: 50%;
    }

    div[data-quickedit-field-id="node/10671/field_document_associe/fr/full"]{
        text-align: center;
        margin: 30px;
        padding: 30px;
    }

    div[data-quickedit-field-id="node/10671/field_document_associe/fr/full"] .file{
        font-size: x-large;  
    }

    div[data-quickedit-field-id="node/10671"] #hashtags-keywords{
        display: flex;
    }

}

/****************************************************************************************************/
                                        /* Page résultat recherche */
/****************************************************************************************************/
/* button[data-id="pageId-1"]{
    display: block;
} */