.titreSectionHub {
    font-size: 1.5rem;
}

.sousTitresHub {
    text-transform: uppercase;
    font-family: avenirltstd-black;
    font-weight: normal;
    margin: 1.5rem 0 1.5rem 0;
    font-size: 1rem;
}

#hubRegisterForms {
    display: flex;
    justify-content: center;
    margin: 2rem -1rem 2rem -1rem;
    
}

#imagePresentationHub {
    width: 100%;
    height: auto;
}

.hubWidget {
    color: white;
    padding: 3rem 1rem 3rem 1rem;
    text-align: center;
    width: 100%;
}

.hubWidget p {
    margin: 1rem 0 1rem 0;
}

.hubWidget .titre {
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1;
}

#registerHub {
    background-color: #24B0C4;
}

#registerCommu {
    background-color: #FF7302;
}

.page-le-hub-des-communautes #content-header h1,
.page-le-hub-des-communautes #block-system-main h3,
.view-calendrier-du-hub .commuCalendrierHeadText {
    text-transform: uppercase;
    font-weight: bold;
}

.page-le-hub-des-communautes #block-system-main {
    margin: 0 0 3rem 0;
}

.page-le-hub-des-communautes .node-page-de-base {
    margin-bottom: 1rem;
}

.page-le-hub-des-communautes #content {
    margin-left: -15px;
    background-color: white;
    padding: 1rem;
}

/* Affichage de la page masonry */

.view-hub-des-communautes .masonry-processed {
    margin: 1rem 0 1rem 1rem;
}

.view-hub-des-communautes .view-filters {
    margin-right: 2rem;
    margin-left: 1.3rem;
}


.view-hub-des-communautes .masonry-item {
    border: none;
}

.view-hub-des-communautes .masonry-item img {
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
}

.view-hub-des-communautes .masonry-item .field-content {
    display: block;
    text-align: center;
}

.view-hub-des-communautes .masonry-item .views-field-title a {
    text-transform: uppercase;
    display: block;
    margin: 1rem 0 1rem 0;
    font-weight: bold;
}

.view-hub-des-communautes .masonry-item .views-field-view-node .field-content {
    display: block;
    padding: 1.5rem;
}

.view-hub-des-communautes .masonry-item .views-field-view-node a {
    padding: 1rem 2rem 1rem 2rem;
    background-color: #24B0C4;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

.view-hub-des-communautes .masonry-item .views-field-view-node a:hover,
.view-hub-des-communautes .liensDernieresPublis .dernieresPublis2:hover,
.view-calendrier-du-hub .newEventLink:hover {
    text-decoration: none;
    background-color: #26a3b3;
}

.view-hub-des-communautes .liensDernieresPublis .dernieresPublis1:hover {
    text-decoration: none;
    background-color: rgb(240, 109, 2);;

}

/* Filtres exposés masonry */

.view-hub-des-communautes .views-exposed-form.publiHome .entete-search h3 {
    color: #24B0C4;
    line-height: 1.5rem;
}

.view-hub-des-communautes .views-exposed-form.publiHome .entete-search span {
    font-size: 10px;
    color: #525252;
    position: static;
    font-family: "AvenirLTStd-Medium";
    line-height: 1rem;
}

.view-hub-des-communautes .views-exposed-form.publiHome {
    margin: 0;
    border: 1px solid #cccccc;
    padding: 0.4rem;
    padding-bottom: 0.7rem;
}

.view-hub-des-communautes .views-exposed-form.publiHome .views-exposed-widgets {
    border: 1px solid #ffffff;
    height: 35px;
    margin-bottom: 0;
    padding: 5px 50px 5px 5px;
    display: flex;
    justify-content: space-around;
}

.view-hub-des-communautes .view-filters form .views-exposed-form.publiHome .views-exposed-widget .form-type-select {
    width: 150px;
    overflow: hidden;
    margin-right: 5px;
    background-color: #f4f4f4;
    background-image: url("../../images/communautes/select1.png");
    background-position: right center;
    background-size: 24px auto;
    background-repeat: no-repeat;
}

.view-hub-des-communautes .view-filters form .views-exposed-form.publiHome .views-exposed-widget:not(.views-submit-button) {
    height: 45px;
    margin: 0 0px;
    position: relative;
	padding:0;
}

.view-hub-des-communautes .view-filters form .views-exposed-form.publiHome .views-exposed-widget .form-type-select select {
    width: 150px;
    background-color: transparent;
    height: 24px;
    padding: 3px;
    outline: none;
    border: none;
    padding-right: 25px;
}

.view-hub-des-communautes .view-filters form .views-exposed-form.publiHome .views-exposed-widget .form-type-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.view-hub-des-communautes .view-filters form .views-exposed-form.publiHome .views-exposed-widget .form-type-select select::-ms-expand {
    display: none;
}

.view-hub-des-communautes .view-filters form .views-exposed-form.publiHome .views-exposed-widget label {
    color: #24B0C4;
    text-transform: uppercase;
    font-family: "AvenirLTStd-Book";
    font-weight: normal;
    font-size: 12px;
}

.view-hub-des-communautes .views-widget-filter-combine {
    float: left;
    margin-top: 5px;
    padding:0;
}

.view-hub-des-communautes .views-widget-filter-combine input{
    background: url("../../images/loupe.png") no-repeat scroll right center #f4f4f4;
    border: medium none;
    height: 18px;
    padding: 3px;
    width: 140px;
}

.view-hub-des-communautes .publiHome .views-submit-button {
    position: absolute;
    right: 34px;
    cursor: pointer;
    float: right;
    height: 60px;
    padding: 0;
    width: 44px;
}

.view-hub-des-communautes .publiHome .views-submit-button input {
    width: 48px !important;
    background-color: #24B0C4;
    border: medium none;
    bottom: 12px;
    color: #ffffff;
    font-family: avenirltstd-black;
    font-size: 0.8em;
    height: 64px;
    margin-top: 0 !important;
    padding-top: 0px;
    position: relative;
    right: 3px;
    text-transform: uppercase;
}

.node-communaute a,
.node-publication-hub a,
.page-le-hub-des-communautes .node-page-de-base a,
.node-commu-event a,
.view-calendrier-du-hub .pop-up a {
    color: #4790d4;
}

/* Affichage du type de contenu communauté */

/* Titre */
.node-communaute header h3 {
    text-transform: uppercase;
}

/* Image */
.field-name-field-commu-logo {
    text-align: center;
}

.field-name-field-commu-logo img,
.node-type-commu-event .event-logo img {
    height: auto;
    max-width: 80%;
    max-height: 350px;
}


/* labels */
.node-communaute .field-name-field-commu-une-phrase .field-label,
.node-communaute .field-name-field-commu-objectifs .field-label,
.node-communaute .field-name-field-commu-resume .field-label,
.node-communaute .field-name-field-commu-contact .field-label {
    color: #24B0C4;
    margin-bottom: 1rem;
}

.node-communaute .field-name-field-commu-contact .content .field-label {
    color: black;
    margin-bottom: 0;
}

.node-communaute .field-name-field-commu-domaines a,
.node-communaute .field-name-field-commu-expertises a,
.node-communaute .field-name-field-commu-echelon-regions a {
    color: #323232;
}

/* margins paragraph */
.node-communaute .field-type-text-long,
.group-commu-contact {
    margin: 2rem 0 2rem 0;
}

.node-communaute .field-name-field-commu-domaines,
.node-communaute .field-name-field-commu-expertises,
.node-communaute .field-name-field-commu-echelon,
.node-communaute .field-name-field-commu-agents,
.node-communaute .field-name-field-commu-nombre {
    margin: 0.5rem 0 0.5rem 0;
}

.node-communaute .field-collection-view,
.node-communaute .field-collection-container {
    border: none;
    margin-bottom: 0;
}

.node-communaute .field-collection-view.clearfix.view-mode-full {
    padding: 0;
}

.node-communaute .field-name-field-commu-website {
    margin-left: 1rem;
    padding: 0.2rem;
}

.node-communaute .field-name-field-commu-website .field-items .field-item {
    display: flex;
}

.node-communaute .field-name-field-commu-multi-social a,
.node-communaute .field-name-field-commu-website a {
    margin-left: 0.5rem;
    line-height: 20px;
}

/* bloc contact */
.group-commu-contact {
    background-color: white;
    padding: 1rem;
}
.field-name-field-commu-multi-social .field-items .field-item {
    margin-bottom: 0;
}

.field-collection-item-field-commu-multi-social .content {
    display: flex;
}

.socialImg img {
    align-items: center;
    height: 20px;
    width: 20px;
}



.node-communaute .field-name-field-taxonomy-tags  {
	background: url(../../images/tags-grey.png) no-repeat;
	padding-left: 70px;
}

.node-communaute .field-name-field-taxonomy-tags .field-item,
.node-communaute .field-name-field-commu-domaines .field-item,
.node-communaute .field-name-field-commu-expertises .field-item,
.node-communaute .field-name-field-commu-echelon-regions .field-item {
    display: inline-block;
}

.node-communaute .field-name-field-taxonomy-tags a {
    color: #323232;
}

.node-type-communaute #content-header h1,
.page-le-hub-des-communautes-formulaire-inscription-hub h1,
.node-type-commu-event #content-header h1 {
    text-transform: uppercase;
    color: #24B0C4;
    font-weight: bold;
}

/* non publié */
.node-type-communaute #content-area {
    float: none;
}

/* Webform inscription au hub */

.page-le-hub-des-communautes-formulaire-inscription-hub .node-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

/* Formulaire referencement communauté et publication et événement */

.page-node-add-publication-hub #edit-field-commu-publi-image-und-0-upload-button,
.page-node-add-commu-event #edit-field-commu-event-image-und-0-upload-button {
    display: none;
}

.page-node-add-communaute .tabledrag-toggle-weight-wrapper,
.page-node-add-publication-hub .tabledrag-toggle-weight-wrapper,
.page-node-add-communaute .wysiwyg-toggle-wrapper,
.page-node-add-publication-hub .wysiwyg-toggle-wrapper,
.page-node-add-commu-event .wysiwyg-toggle-wrapper,
.page-node-add-commu-event .wysiwyg-toggle-wrapper {
    display: none;
}

.page-node-add-communaute .left,
.page-node-add-publication-hub .left,
.page-node-add-commu-event .left {
    float: none;
}

.page-node-add-communaute .form-item label,
.page-node-add-communaute a.fieldset-title,
.page-node-add-publication-hub .form-item label,
.page-node-add-publication-hub a.fieldset-title,
.page-le-hub-des-communautes-formulaire-inscription-hub .form-item label,
.page-node-add-commu-event .form-item label,
.page-node-add-commu-event a.fieldset-title,
.page-node-add-commu-event .fieldset-legend {
    color: #24B0C4;
    font-size: 12px;
    text-transform: uppercase;
    font-family: AvenirLTStd-black;
    font-weight: normal;
}

.page-node-add-communaute a.fieldset-title,
.page-node-add-publication-hub a.fieldset-title{
    color: #24B0C4 !important;
}

.page-node-add-communaute .form-wrapper {
    margin: 1rem 0 1rem 0;
}

.page-node-add-communaute #edit-field-commu-une-phrase-und-0-format {
    display: none;
}

.form-item-field-commu-logo-und-0 label,
.form-item-field-commu-logo-und-0 .description {
    text-align: left;
    margin-bottom: 1rem;
}

#edit-field-commu-multi-social,
.field-name-field-commu-multi-social .form-item {
    margin-bottom: 0;
}

.page-node-add-communaute .draggable label,
.page-node-add-publication-hub .draggable label,
.link-field-title .form-item label,
.link-field-url .form-item label {
    color: #454545;
    font-size: 12px;
    text-transform: none;
}

.page-node-add-communaute .form-item .option,
.page-le-hub-des-communautes-formulaire-inscription-hub .form-item .option,
.page-node-add-publication-hub .form-item .option {
    font-size: 14px;
    color: #6F6F6F;
    font-family: AvenirLTStd-Light;
    font-style: italic;
    text-transform: none;
    margin: 0px;
}

.page-node-add-communaute .form-item .description {
    font-style: italic;
    line-height: 12px;
    font-size: 10px;
    color: #777;
    display: block;
    width: 100%;
    clear: both;
    margin: 0px;
    padding: 5px 0px;
}

#edit-field-commu-logo-und-0-upload,
#edit-field-commu-publi-image-und-0-upload,
#edit-field-commu-publi-fichier-und-0-upload,
#edit-field-commu-event-fichier-und-0-upload,
#edit-field-commu-event-image-und-0-upload {
    border: 1px solid #CCC;
    background-color: #FFF;
    cursor: pointer;
    width: 300px;
    display: inline-block;
}

#field-commu-event-datetime-add-more-wrapper .date-no-float .form-item label {
    color: #323232;
}

#edit-field-commu-logo-und-0-upload-button,
.page-node-add-publication-hub #edit-submit,
.page-node-add-communaute #edit-submit,
.page-le-hub-des-communautes-formulaire-inscription-hub #edit-submit,
.page-node-add-commu-event #edit-submit {
    border: medium none;
    color: #FFF;
    background-color: #24B0C4;
    font-size: 12px;
    font-style: italic;
    font-family: Georgia;
    padding: 7px 30px 6px 15px;
    background-image: url("../../images/arrow-link-white.png");
    background-repeat: no-repeat;
    margin-left: 10px;
    background-position: 85px 12px;
}

#edit-preview {
    display: none;
}

.page-node-add-communaute .form-submit,
.page-node-add-publication-hub .form-submit,
.page-le-hub-des-communautes-formulaire-inscription-hub .form-submit,
.page-node-add-commu-event .form-submit {
    border: medium none;
    color: #FFF;
    background-color: #24B0C4;
    font-size: 12px;
    font-style: italic;
    font-family: Georgia;
    padding: 7px 15px 6px 15px;
}

.page-node-add-communaute .form-radio,
.page-node-add-communaute .form-checkbox {
    margin-left: 2px;
}

@media screen and (max-width: 1024px) {
    .view-hub-des-communautes .views-exposed-form {
        background-color: white;
    }

    .view-hub-des-communautes .views-exposed-form .views-exposed-widgets {
    flex-wrap: wrap;
    height: auto;
    padding-right: 5px !important;
    flex-direction: column;
    align-items: center;
    height: 300px !important;
    }

    .view-hub-des-communautes .view-filters form .views-exposed-form .views-exposed-widgets .views-exposed-widget {
        position: initial;
    }

    .view-hub-des-communautes .view-filters form .views-exposed-form .views-exposed-widgets .views-submit-button {
    width: 100%;
    text-align: center;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    }

    .view-hub-des-communautes .view-filters form .views-exposed-form .views-exposed-widgets .views-submit-button input {
    height: 32px;
    position: initial;
    }
    
    .view-hub-des-communautes .view-filters form .views-exposed-form .views-exposed-widgets .views-exposed-widget #edit-combine {
        height: inherit;
    }

    .view-hub-des-communautes .view-filters form .views-exposed-form .views-exposed-widgets #edit-combine-wrapper {
        left: 0;
        bottom: 0;
    }

    .view-hub-des-communautes .view-filters form .views-exposed-form .views-exposed-widgets #edit-tid-wrapper {
        left: 0;
        top: 0;
    }

    .view-hub-des-communautes .masonry-item {
        width: 90%;
        background-color: #fff;
        margin-bottom: 1rem;
    }

    #imagePresentationHub {
        width: 90% !important;
        height: auto !important;
    }

    .view-hub-des-communautes .view-header article .content {
        padding: 0 0.5rem;
    }

    .page-le-hub-des-communautes #content-header h1 {
        text-align: center;
    }

    .view-hub-des-communautes #hubRegisterForms {
        display: flex;
        flex-wrap: wrap;
    }

    .view-hub-des-communautes .views-exposed-widget,
    .view-hub-des-communautes .views-exposed-widget .form-item,
    .view-hub-des-communautes .views-exposed-widget .form-item #edit-combine {
        width: 100% !important;
    }

    .page-le-hub-des-communautes #block-system-main h3 {
        margin-left: 0.5rem;
    }
}

/* Ie compat */

.page-le-hub-des-communautes .left {
    float: none;
}

/* slider */
.views_slideshow_cycle_main .views_slideshow_slide {
    width: 100% !important;
    margin: auto;
}

.views_slideshow_cycle_main .views_slideshow_slide img {
    width: 100%;
}

.view-hub-des-communautes .views-slideshow-cycle-processed .views-row {
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
    float: left;
    /* margin-right: 10px;
    margin-left: 10px; */
    width: calc(25% - 2rem);
    padding-right: 1rem;
    padding-left: 1rem;
    min-height: 260px;
    height: 100%;
}

.view-hub-des-communautes .views-slideshow-cycle-main-frame {
	padding-bottom: 30px;
	height: auto !important;
	min-height: 260px !important;
}

.view-hub-des-communautes .views-field-title {
        font-family: AvenirLTStd-black;
        text-transform: uppercase;
        margin: 5px 5px 10px 5px;
        font-size:0.8em;
}

.view-hub-des-communautes .views-slideshow-controls-bottom {
    display: flex;
    width: 100%;
    justify-content: center;
}

.view-hub-des-communautes .views-field-created {
    font-family: Times;
    font-style: italic;
    font-size: 0.9em;
    padding: 0 5px;
}

.view-hub-des-communautes .views-slideshow-cycle-processed .field-content p {
    padding: 0 5px;
    font-size: 0.8em;
    color: #383838;
}

.view-hub-des-communautes .views-slideshow-cycle-processed .node-link a{
    background: url("../../images/arrow-link-orange.png") no-repeat scroll 0 center transparent;
    display: block;
    height: 20px;
    outline: medium none;
    text-indent: -9999px;
    width: 20px;
    outline: none;
}
.view-hub-des-communautes .views-slideshow-cycle-processed .node-footer {
    padding-left: 5px;
    padding-right: 5px;
}

.view-hub-des-communautes .views-slideshow-cycle-processed .node-footer .node-date {
    float: left;
}

.view-hub-des-communautes .views-field-type span {
    color: white;
    font-family: AvenirLTStd-Heavy;
    font-family: AvenirLTStd-Black;
    text-transform: uppercase;
    background-color: #FF7826;
    padding: 2px 5px;
    position: absolute;
    top: 5px;
    left: 20px;
    font-size: 0.8em;
}

/*Style type de contenu publication */

.node-type-publication-hub .field-name-field-commu-publi-image img {
    height: auto;
    max-width: 80%;
}

.node-type-publication-hub .publiImgDate .field-name-field-commu-publi-image {
    width: 90%;
}

.node-type-publication-hub .publiImgDate .publiDate {
    width: 10%;
}

@media screen and (min-width: 1024px) {
    .node-type-publication-hub .publiImgDate .publiDate {
        position: absolute;
        right: 0;
    }
}

.node-type-publication-hub .publiImgDate .publiDate span {
    font-family: Times New Roman;
    font-style: italic;
}

.node-type-publication-hub .mainTitlePubli {
    text-transform: uppercase;
    color: #24B0C4;
    font-weight: bold;
    margin-bottom: 1rem;
}

.node-type-publication-hub .breadcrumb {
    margin-bottom: 1rem;
}

.node-type-publication-hub .publiImgDate {
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #D3D7D9;
}

.node-type-publication-hub .publiImgDate .field-name-field-commu-publi-image .field-items .field-item {
    text-align: center;
}

.node-type-publication-hub #content-header .title {
    display: none;
}

.node-type-publication-hub .node-publication-hub header h3 {
    text-transform: uppercase;
}

.node-type-publication-hub .field-name-field-commu-publi-accroche {
    border-bottom: 1px solid #D3D7D9;
    padding: 2rem 0;
}

.node-type-publication-hub .field-name-field-commu-publi-texte {
    padding: 1rem 0;
}
.node-type-publication-hub .field-name-field-commu-publi-video {
    text-align: center;
}

.node-type-publication-hub .field-name-field-commu-publi-video .field-item,
.node-type-publication-hub .video-embed-description {
    margin-bottom: 1rem;
}

.node-type-publication-hub .nomPrenomFonction {
    display: flex;
    justify-content: flex-end;
}

.node-publication-hub .princip .field-name-field-publi-administration .field-items,
.node-publication-hub .princip .field-name-field-publi-communaute .field-items {
    float: right;
}

.node-type-publication-hub .princip .field-item {
    text-align: right;
}

.node-type-publication-hub .field-collection-container {
    border: none;
    margin-bottom: 0;
}

.node-type-publication-hub .field-name-field-commu-publi-site {
    float: right;
    margin-right: 1rem;
}

.node-type-publication-hub .field-name-field-taxonomy-tags {
    background: url(../../images/tags-grey.png) no-repeat;
    padding-left: 70px;
    margin-top: 5rem;
}

.node-type-publication-hub .field-name-field-taxonomy-tags .field-item {
    display: inline-block;
}

.node-type-publication-hub .field-name-field-taxonomy-tags a {
    color: #323232;
}

.node-type-publication-hub .field-name-field-commu-publi-fichier {
    width: 220px;
    background-color: white;
    padding: 1rem;
    margin-top: 2rem;
}

.node-type-publication-hub .field-name-field-commu-publi-fichier .field-label {
    margin-bottom: 0.3rem;
}

.node-type-publication-hub .field-name-field-commu-publi-fichier .field-items .field-item {
    padding: 0.3rem 0;
}

.node-type-publication-hub .field-collection-container .field-items .field-item {
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    .node-type-publication-hub #block-system-main .content {
        padding: 0 0.5rem;
    }

    .node-type-publication-hub .publiImgDate {
        flex-direction: column;
        align-items: center;
    }

    .node-type-publication-hub .publiImgDate .publiDate {
        width: 25%;
    }

    .node-type-publication-hub .field-name-field-commu-publi-video iframe {
        width: 100%;
        height: auto;
    }

    .node-type-publication-hub .field-name-field-commu-publi-fichier {
        width: 90%;
    }
}

/* Style page toutes les publis */

.view-display-id-toutes_publications table {
    width: 100%;
}

.view-display-id-toutes_publications tr {
    background-color: #fff;
}

.page-le-hub-des-communautes-toutes-les-publications #content {
    background-color: #f4f4f4;
}

.page-le-hub-des-communautes-toutes-les-publications td .col-1,
.page-le-hub-des-communautes-toutes-les-publications td .col-2 {
    background-color: #FFFFFF;
    border-bottom: 1px solid #F4F4F4;
    display: block;
    float: left;
    height: 245px;
	width:50%;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .views-row {
    width:460px;
	float:left;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .visuel .left img
{
	display:block;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .node-date
{
	float:left;
	padding-top:2px;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .node-format
{
	float:left;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .cartouche-wrapper
{
	background-color:#ffffff;
	padding:25px 10px 15px 10px; 
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .visuel {
    margin-right: 20px;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .cartouche-inner-wrapper
{
	width:292px;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .node-title
{
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.8em;
}

.page-le-hub-des-communautes-toutes-les-publications .left {
    float: left;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .node-title a
{
	font-family: AvenirLTStd-Black;
	color:#000000;
	text-transform:uppercase;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .node-chapo
{
	color:#585858;
	font-size:0.8em;
	font-family:Arial;
	letter-spacing:normal;
	margin-bottom:10px;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .node-chapo p
{
	margin-bottom:0px;
}

.page-le-hub-des-communautes-toutes-les-publications .node-link a{
	background: url("../../images/arrow-link-orange.png") no-repeat scroll 0 11px transparent;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
    outline: none;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid .node-link
{
  float: right;
  width: 8px;
}

.page-le-hub-des-communautes-toutes-les-publications .count
{
    background: url("../../images/views-grey.png") no-repeat scroll 0 5px transparent;
    display: inline-block;
    float: left;
    font-family: Georgia;
    font-style: italic;
    padding-left: 20px;
    width: 40px;
}

.page-le-hub-des-communautes-toutes-les-publications .views-view-grid td.col-1,
.page-le-hub-des-communautes-toutes-les-publications .views-view-grid td.col-2 
{
    background-color: #FFFFFF;
    display: block;
    height: 245px;
	float:left;
    border-bottom:1px solid #f4f4f4;
}

/* Publication en hub toutes les publis */

.page-le-hub-des-communautes-toutes-les-publications .node-publication-hub .publiEncart {
    background: none repeat scroll 0 0 black;
    margin-left: 10px;
    margin-top: 10px;
    opacity: 0.9;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 240px;
}

.page-le-hub-des-communautes-toutes-les-publications .node-publication-hub .publiEncart .titreEncart h2 {
    color: #FFFFFF;
    display: block;
    font-family: Georgia;
    font-size: 1.25em;
    font-style: italic;
    line-height: 1em;
    width: 194px;
}

.page-le-hub-des-communautes-toutes-les-publications .node-publication-hub .publiEncart .linkEncart {
    background: url(../../images/arrow-link-white.png) no-repeat scroll 98px center #499DEC;
    display: inline;
    position: absolute;
    bottom: -13px;
    left: 70px;
}

.page-le-hub-des-communautes-toutes-les-publications .node-publication-hub .publiEncart .linkEncart a{
    color: #FFFFFF;
    font-family: Georgia;
    font-style: italic;
    padding: 5px 25px 5px 10px;
    display: inline-block;
}

.page-le-hub-des-communautes-toutes-les-publications #content-header h1 {
    color: #EE2D56;
    font-family: avenirltstd-black;
    font-size: 24px;
    text-transform: uppercase;
}

.page-le-hub-des-communautes-toutes-les-publications .node-home-publications header,
.page-le-hub-des-communautes-toutes-les-publications .node-home-publications .links {
    display: none;
}

.page-le-hub-des-communautes-toutes-les-publications .view-hub-des-communautes .view-header {
    margin-bottom: 0;
}

.page-le-hub-des-communautes-toutes-les-publications .view-hub-des-communautes .entete-search,
.page-le-hub-des-communautes-toutes-les-publications .view-hub-des-communautes .views-submit-button {
    display: none;
}

.page-le-hub-des-communautes-toutes-les-publications .view-hub-des-communautes .views-widget-filter-combine {
    float: right;
}

.page-le-hub-des-communautes-toutes-les-publications .view-hub-des-communautes .views-widget-filter-combine input {
    background-color: #fff;
    margin-bottom: 1rem;
    width: 200px;
}

.page-le-hub-des-communautes-toutes-les-publications .view-hub-des-communautes .view-filters {
    margin-right: 0;
}

/* Liens en dessous des dernières publications */

.view-hub-des-communautes .liensDernieresPublis {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 1rem;
}

.view-hub-des-communautes .liensDernieresPublis a {
    padding: 0.3rem 0.5rem;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    width: 200px;
    text-align: center;
    margin-bottom: 0.5rem;
}

.view-hub-des-communautes .liensDernieresPublis .dernieresPublis1 {
    background-color: #FF7826;
}


.view-hub-des-communautes .liensDernieresPublis .dernieresPublis2 {
    background-color: #24B0C4;
}

/* affichage type de contenu événement */

.node-type-commu-event #content-area {
    float: none;
}

.node-type-commu-event .commu-event-organisateur label {
    color: #24B0C4;
    text-transform: uppercase;
    font-weight: bold;
}

.node-type-commu-event .event-logo img {
    display: block;
    margin: auto;
}

.view-hub-des-communautes .views-slideshow-cycle-processed .views-field-field-commu-event-datetime .date-display-single {
    float: left;
    font-family: Times New Roman;
    font-style: italic;
}

@media screen and (max-width: 1024px) {
    .node-type-commu-event .field-name-field-commu-event-image img {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }

    .node-type-commu-event #content {
        width: 90%;
    }

    .node-type-commu-event .region-content,
    .node-type-commu-event #content-header {
        padding: 0 0.5rem;
    }
}


/* calendrier */

#block-views-calendrier_du_hub-block_1 .block-inner .block-title {
    display: none;
}

.view-calendrier-du-hub .view-header .date-heading h3 {
    color: black;
    background-color: #dfdfdf;
    border-radius: 5px;
}

.view-calendrier-du-hub .date-nav {
    padding-bottom: 0;
}

.view-calendrier-du-hub .view-header {
    padding: 0 1rem;
}

.view-calendrier-du-hub .month-view {
    width: 100%;
}

.view-calendrier-du-hub div.monthview {
    background-color: #F4F4F4 !important;
}

.view-calendrier-du-hub .contents > .views-field-title,
.view-calendrier-du-hub .views-field-field-commu-event-ville {
    text-align: center;
}

.view-calendrier-du-hub .calendar-calendar th {
    float: none;
    width: auto;
    display: table-cell;
    background-color: #24B0C4 !important;
}

.view-calendrier-du-hub ul.pager {
    background-color: transparent;
    padding: 0;
}

.view-calendrier-du-hub ul.pager .date-prev {
    margin-left: 0;
}

.view-calendrier-du-hub .calendar-calendar .month-view .full td .inner div.calendar.monthview div.pop-up {
    background-color: #fff;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0px 0px 8px 1px #868686;
    font-size: 12px;
  }

  .view-calendrier-du-hub .calendar-calendar .month-view .full td .inner div.calendar.monthview div.pop-up .views-field-field-commu-event-image .field-content {
      text-align: center;
      padding: 1rem 0;
  }

  .view-calendrier-du-hub .calendar-calendar .month-view .full td .inner div.calendar.monthview div.pop-up .views-field {
    padding: 0 1rem;
  }

  .view-calendrier-du-hub .calendar-calendar .month-view .full td .inner div.calendar.monthview div.pop-up .eventOuvert {
    display: flex;
    padding: 0 1rem;
    font-weight: bold;
  }

  .calendar-calendar .month-view .full td .inner div.calendar.monthview div.popHeader {
      background-color: #FF7826;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.25rem 0;
      margin-bottom: 0.5rem;
  }

  .view-calendrier-du-hub .popHeader p {
      padding: 0;
      margin-left: 1rem;
  }

  .view-calendrier-du-hub .popHeaderText .field-content {
      margin-left: 0.25rem;
  }

  .view-calendrier-du-hub .popHeaderText {
      display: flex;
      color: #000000;
  }

.js .view-calendrier-du-hub .calendar .pop-up {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40rem;
    z-index: 9999;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
  }

.calendar .pop-up.tooBig {
    max-height: 90vh;
    overflow: scroll;
}

  .view-calendrier-du-hub .commuEventLocation {
      display: flex;
  }

  .view-calendrier-du-hub div.views-field-field-commu-event-description {
      margin: 0.5rem 0;
  }
  
  .view-calendrier-du-hub div.views-field-field-commu-event-ville {
      padding-right: 0 !important;
  }

  .view-calendrier-du-hub div.views-field-field-commu-event-region {
      padding-left: 0.2rem !important;
  }

  .view-calendrier-du-hub .newEventLink {
      float: right;
      padding: 0.3rem 0.5rem;
      color: white;
      text-transform: uppercase;
      font-weight: bold;
      width: 200px;
      text-align: center;
      margin-bottom: 1.5rem;
      background-color: #24B0C4;
  }

  .view-calendrier-du-hub .newEventP {
    min-height: 40px;
    margin-top: 1rem;
  }

  .view-calendrier-du-hub .commuCalendrierHeadText {
      text-align: center;
      margin-bottom: 1.5rem;
  }

  .view-calendrier-du-hub .commuCalendrierHeadText h3 {
      margin-bottom: 0.25rem;
  }

  .view-calendrier-du-hub .commuEventOrga p {
      font-weight: bold;
      margin-left: 1rem;
  }

  @media screen and (max-width: 1024px) {
        .view-calendrier-du-hub .date-nav-wrapper .date-heading {
            top: 0;   
        }
        
        .view-calendrier-du-hub .newEventLink,
        .view-hub-des-communautes .liensDernieresPublis a {
            width: 100%;
        }

        .view-hub-des-communautes .liensDernieresPublis {
            margin-right: 0;
        }
    }



  /*bloc contact */

  .view-calendrier-du-hub .commuBlocContact {
    background-color: #E3AD37;
    height: 300px;
    margin: 0 -1rem;
    clear: both;
    display: flex;
    flex-direction: column;    
    align-items: center;
    justify-content: center;
    padding: 0 9rem;
  }

  .view-calendrier-du-hub .commuBlocContact .commuBlocContactText {
      color: white;
      font-weight: bold;
      /* font-size: 1.5rem; */
      text-align: center;
      /* line-height: 1.7rem; */
      max-width: 100%;
  }

  /* .view-calendrier-du-hub .commuBlocContact .commuBlocContactLink {
    color: #E3AD37;
    background-color: #fff;
    font-weight: bold;
    padding: 2rem 3rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    display: block;
    border-radius: 2px;
    border: 1px solid transparent;
}

.view-calendrier-du-hub .commuBlocContact .commuBlocContactLink:hover {
    background-color: #F6EDD8;
    text-decoration: none;
    border: 1px solid white;
} */

@media screen and (min-width: 1024px) {
    .page-le-hub-des-communautes h3:not(.hubNotTouch),
    .page-le-hub-des-communautes .commuBlocContact {
        margin-top: 6rem;
    }
}

/* Rwd carousel */

@media screen and (max-width: 1024px) {
    .view-hub-des-communautes .views-slideshow-cycle-processed .views-row {
    width: 80vw !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.view-hub-des-communautes .views-field-type span {
    left: 35px !important;
}

.view-hub-des-communautes .view-footer .view-hub-des-communautes .view-content {
    height: 1250px !important;
}

.view-hub-des-communautes .views_slideshow_cycle_main.views_slideshow_main.viewsSlideshowCycle-processed {
    height: 1200px !important;
}

.view-hub-des-communautes .views-slideshow-cycle-main-frame.views_slideshow_cycle_teaser_section {
    height: 1220px !important;
}

.view-hub-des-communautes .views-slideshow-cycle-processed .views-row {
    height: 25%;
}

.views_slideshow_cycle_main .views_slideshow_slide img {
    height: auto;
}

.view-calendrier-du-hub .commuBlocContact {
    padding: 0 1rem;
}

.view-calendrier-du-hub .commuBlocContact .commuBlocContactLink {
    padding: 1rem 1rem;
}

.view-calendrier-du-hub .calendar-calendar .month-view .full td .inner div.calendar.monthview div.pop-up {
    width: 90vw;
}
.page-le-hub-des-communautes-toutes-les-publications .publiEncart {
    margin-top: 0 !important;
    transform: translateY(120%);
    margin-left: 5px !important;
}

.page-le-hub-des-communautes-toutes-les-publications .node-publication-hub.node-teaser img {
    width: 100%;
    height: auto;
}

.page-le-hub-des-communautes-toutes-les-publications .view-hub-des-communautes .view-filters form .views-exposed-form .views-exposed-widgets .views-submit-button {
    display: none;
}

.page-le-hub-des-communautes-toutes-les-publications .view-hub-des-communautes .view-filters {
    height: 40px;
    margin: auto;
    margin-top: 140px;
}

.page-le-hub-des-communautes-toutes-les-publications .view-hub-des-communautes .toutesPubli {
    height: 40px;
}

}