/* CSS Document */

@media screen and (max-width: 1780px) {
    #superfish-main > li > a {
        padding: 11px 8px;
        font-size: 13px;
    }

    #superfish-main > li > a.reserver-en-ligne {
        padding: 0 12px;
        height: 27px;
        line-height: 26px;
    }
    /*BG Body*/
    /*    .page-node-type-contenu, 
        .page-node-type-activite,
        .page-node-type-categorie-activite {
            background: url(../images/svg/bg-top-left-page.svg) no-repeat -75px -38px;
            background-size: 450px;
        }*/
}

@media screen and (max-width: 1500px) {
    #superfish-main > li > a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1379px) {
    header .region-header {
        flex-direction: row;
        align-items: center;
        height: 75px;
        justify-content: flex-end;
    }

    #superfish-main {
        display: none;
    }

    #block-lienshaut {
        margin-top: 0;
    }

    .sf-accordion-toggle {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        margin-left: 20px !important;
    }

    #superfish-main-accordion {
        top: 0 !important;
        padding-top: 100px !important;
        width: 100% !important;
    }

    #superfish-main-accordion li a {
        text-transform: none;
        text-decoration: none;
        display: inline-block;
        padding: 10px 30px 10px 25px;
        color: #fff;
        font-weight: 700;
    }

    #block-just-evenements-theme-logoheader {
        z-index: 1000;
    }

    #main-menu-link-contented811003-2931-41ed-8529-f57f326efca5-accordion,
    #main-menu-link-content1c4250aa-a517-442d-9e4d-fbb813ec8d36-accordion,
    #main-menu-link-content28757890-88dd-46a4-b9e9-a5e2e5abd945-accordion,
    #main-menu-link-content3a2990a2-aaea-4576-b7b7-e9f4201a2e7d-accordion,
    #main-menu-link-contentbd39a46c-4c23-458c-b471-b2ee41850f54-accordion {
        text-align: center;
    }

    #main-menu-link-contented811003-2931-41ed-8529-f57f326efca5-accordion {
        margin: 15px 0;
    }

    #main-menu-link-contented811003-2931-41ed-8529-f57f326efca5-accordion a {
        color: #fff;
        background: #4DD52E;
        border-radius: 30px;
        padding: 0 12px;
        line-height: 26px;
    }

    #superfish-main-accordion #main-menu-link-content1c4250aa-a517-442d-9e4d-fbb813ec8d36-accordion a,
    #superfish-main-accordion #main-menu-link-content28757890-88dd-46a4-b9e9-a5e2e5abd945-accordion a,
    #superfish-main-accordion #main-menu-link-content3a2990a2-aaea-4576-b7b7-e9f4201a2e7d-accordion a,
    #superfish-main-accordion #main-menu-link-contentbd39a46c-4c23-458c-b471-b2ee41850f54-accordion a {
        position: relative;
        color: #168c8b;
    }

    #main-menu-link-content1c4250aa-a517-442d-9e4d-fbb813ec8d36-accordion a:before,
    #main-menu-link-content28757890-88dd-46a4-b9e9-a5e2e5abd945-accordion a:before,
    #main-menu-link-content3a2990a2-aaea-4576-b7b7-e9f4201a2e7d-accordion a:before,
    #main-menu-link-contentbd39a46c-4c23-458c-b471-b2ee41850f54-accordion a:before {
        content: '';
        position: absolute;
        height: 1px;
        width: 10px;
        left: 5px;
        top: 20px;
        background: #fff;
    }

    #main-menu-link-content1c4250aa-a517-442d-9e4d-fbb813ec8d36-accordion a:after,
    #main-menu-link-content28757890-88dd-46a4-b9e9-a5e2e5abd945-accordion a:after,
    #main-menu-link-content3a2990a2-aaea-4576-b7b7-e9f4201a2e7d-accordion a:after,
    #main-menu-link-contentbd39a46c-4c23-458c-b471-b2ee41850f54-accordion a:after {
        content: '';
        position: absolute;
        height: 1px;
        width: 10px;
        right: 5px;
        top: 20px;
        background: #fff;
    }

    #superfish-main-accordion li ul li a {
        padding-left: 35px;
        color: #009FE3;
        padding-bottom: 5px;
        font-size: 19px;
    }

    ul.sf-menu .sf-sub-indicator {
        font-size: 12px !important;
        top: 22px !important;
        right: 14px !important;
    }

    .page-node-type-contenu .block-page-title-block,
    .page-node-type-activite .block-page-title-block,
    .page-node-type-categorie-activite .titre-page {
        max-width: 600px;
    }

    .page-node-type-contenu .block-page-title-block h1,
    .page-node-type-activite .block-page-title-block h1,
    .page-node-type-categorie-activite .titre-page h1 {
        font-size: 28px;
        line-height: 32px;
    }
}

@media screen and (max-width: 1200px) {
    #block-contenuaccueil .bloc-presentation {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #block-contenuaccueil .bloc-presentation .right {
        max-width: 350px;
        margin-top: 50px;
    }

    #block-contenuaccueil .bloc-presentation .left .texte-presentation {
        padding: 40px 45px;
        -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        -o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    }

    /*Footer*/
    #block-contenufooter {
        justify-content: space-around;
    }
    #block-contenufooter .column {
        padding: 10px;
    }

    .node--type-categorie-activite .liste-sous-categories {
        justify-content: space-around;
    }

    .sous-categorie {
        margin: 15px 5px !important;
    }

    .node--type-sous-categorie-evenement .node__content .liste-activites,
    #block-resultatsrecherche .liste-activites {
        justify-content: space-around;
    }

    .activite {
        margin: 10px;
    }

}

@media screen and (min-width: 1000px) {

}

@media screen and (max-width: 1000px) {
    #block-lienshaut .small,
    #block-lienshaut .phone {
        margin: 0 10px;
    }

    .recherche-rapide-form {
        height: auto;
        padding-top: 25px;
        padding-bottom: 100px;
    }

    .recherche-rapide-form .logo-full-home img {
        width: 200px;
    }

    .recherche-rapide-form .infos {
        flex-direction: column;
    }

    .recherche-rapide-form .infos .bloc-titres {
        margin-right: 0;
        margin-bottom: 15px;
        text-align: center;
        padding: 0 15px;
    }

    .recherche-rapide-form .infos .bloc-titres .titre {
        font-size: 24px;
        line-height: 26px;
    }
    .recherche-rapide-form .infos .bloc-titres .sous-titre {
        font-size: 16px;
        line-height: 24px;
    }


    #block-contenuaccueil {
        margin-top: 50px;
    }

    #block-contenuaccueil:before {
        background: url(../images/svg/bg-contenu-accueil.svg) repeat-y center 241px;
        background-size: auto;
    }

    #block-galerieaccueil a {
        width: 33.3333333%;
    }

    #block-galerieaccueil a:nth-child(1),
    #block-galerieaccueil a:nth-child(2) {
        width: 50%;
    }

    /*BG Body*/
    /*    .page-node-type-contenu, 
        .page-node-type-activite,
        .page-node-type-categorie-activite {
            background: url(../images/svg/bg-top-left-page.svg) no-repeat -75px -38px;
            background-size: 350px;
        }*/

    .page-node-type-contenu .block-page-title-block,
    .page-node-type-activite .block-page-title-block,
    .page-node-type-categorie-activite .titre-page {
        margin: 100px auto 30px auto;
    }

    .page-node-type-contenu .block-page-title-block h1,
    .page-node-type-activite .block-page-title-block h1,
    .page-node-type-categorie-activite .titre-page h1 {
        font-size: 24px;
        line-height: 28px;
    }

    /*Fiche activité*/
    .node--type-activite .node__content {
        flex-direction: column;
        align-items: center;
    }

    .node--type-activite .activite-content {
        max-width: none;
    }

    .node--type-activite .sidebar-form {
        width: 100%;
        max-width: none;
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        padding-top: 80px;
    }
}

@media screen and (max-width: 1120px) {
    #block-lienshaut .small {
        display: none;
    }
}

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

    /*Calendar*/
    .page-node-44 #block-blocderecherchejustevenementspagecalendrier {
        padding-bottom: 60px;
    }

    .dhx_cal_tab.day_tab {
        left: calc(50% - 88px) !important;
        top: -40px !important;
    }

    .dhx_cal_tab.week_tab {
        left: 50% !important;
        top: -40px !important;
    }

    #block-contenuaccueil .bloc-presentation .left .infos-contact {
        flex-direction: column;
    }

    #block-infospagecontact {
        margin: 0 auto 30px auto;
        flex-direction: column;
        align-items: center;
    }

    #block-infospagecontact .infos-contact,
    #block-infospagecontact #blockMap {
        width: 100%;
    }

    .contact-form form .field--type-string, .contact-form form .field--type-email, .contact-form form .field--type-list-string, .contact-form form .field--type-entity-reference, .contact-form form .form-item-field-ville-etab-contact-wrapper, .contact-form form .form-item-field-etablissement-contact-wrapper {
        width: 100%;
    }

    /*Footer*/
    #block-contenufooter .column {
        text-align: center;
    }

    #block-contenufooter .column.one,
    #block-contenufooter .column.two,
    #block-contenufooter .column.three,
    #block-contenufooter .column.four {
        width: 50%;
        max-width: none;
    }

    #block-contenuaccueil .bloc-presentation .left .infos-contact .texte {
        text-align: center;
        margin: 15px 0;
    }

    .recherche-rapide-form .infos .bloc-titres .titre,
    .recherche-rapide-form .infos .bloc-titres .sous-titre {
        text-shadow: 1px 1px 2px #000;
    }

    /*Form Home + Calendrier*/
    .recherche-rapide-form .bloc-recherche-accueil,
    .recherche-page-form .bloc-recherche-accueil {
        flex-direction: column;
    }

    .recherche-rapide-form .bloc-recherche-accueil .form-item-type-activite,
    .recherche-page-form .bloc-recherche-accueil .form-item-type-activite,
    .recherche-rapide-form .bloc-recherche-accueil .form-item-date,
    .recherche-page-form .bloc-recherche-accueil .form-item-date{
        width: 100%;
        max-width: 300px;
    }

    .recherche-rapide-form .bloc-recherche-accueil .form-actions, .recherche-page-form .bloc-recherche-accueil .form-actions {
        max-width: 200px;
    }

    /*photo en haut et en bas*/
    .pos-photo-1.nb-photos-1 .para-photos .para-photo,
    .pos-photo-2.nb-photos-1 .para-photos .para-photo,
    .pos-photo-1.nb-photos-2 .para-photos .para-photo,
    .pos-photo-2.nb-photos-2 .para-photos .para-photo {
        width: 97%;
        max-width: 97%;
        margin: 0 1.5%;
    }
    .pos-photo-1.nb-photos-3 .para-photos .para-photo,
    .pos-photo-2.nb-photos-3 .para-photos .para-photo {
        width: 47%;
        margin: 0 1.5%;
    }
    .pos-photo-1.nb-photos-3 .para-photos .para-photo:nth-child(2n+1),
    .pos-photo-2.nb-photos-3 .para-photos .para-photo:nth-child(2n+1){
        clear: both;
        margin: 0 auto;
    }
    .pos-photo-1.nb-photos-4 .para-photos .para-photo,
    .pos-photo-2.nb-photos-4 .para-photos .para-photo,
    .pos-photo-1.nb-photos-more .para-photos .para-photo,
    .pos-photo-2.nb-photos-more .para-photos .para-photo{
        width: 30%;
        margin: 0 1.5%;
    }
    .pos-photo-1.nb-photos-4 .para-photos .para-photo:nth-child(3n+1),
    .pos-photo-2.nb-photos-4 .para-photos .para-photo:nth-child(3n+1),
    .pos-photo-1.nb-photos-more .para-photos .para-photo:nth-child(3n+1),
    .pos-photo-2.nb-photos-more .para-photos .para-photo:nth-child(3n+1){
        clear: both;
    }
    .pos-photo-1.nb-photos-more .para-photos .para-photo:nth-child(4n+1),
    .pos-photo-2.nb-photos-more .para-photos .para-photo:nth-child(4n+1) {
        clear: none;
    }

}

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

    .legende {
        justify-content: flex-start;
    }

    .categorie {
        width: 46%;
        max-width: 260px;
        padding-bottom: 35px;
        margin: 4px;
    }

    .categorie .texte {
        padding: 10px 10px;
    }

    .categorie .color-arrow {
        bottom: 7px;
    }

    .sous-categorie,
    .node--type-categorie-activite .liste-sous-categories .sous-categorie {
        max-width: 300px;
    }

    .node--type-sous-categorie-evenement .titre-page h1 {
        font-size: 28px;
        line-height: 34px;
    }

    .node--type-sous-categorie-evenement .titre-page {
        min-height: 130px;
    }

    #block-contenuaccueil .bloc-presentation .left .texte-presentation {
        padding: 20px 15px;
    }

    #block-contenuaccueil .bloc-presentation .left .texte-presentation .titre,
    .bloc-ateliers .bloc-texte-ateliers .titre {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    #block-contenuaccueil .bloc-presentation .left .texte-presentation .texte p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    #blockMap {
        min-height: 250px;
    }

    /*Fiche activité*/
    .node--type-activite .description .visuel {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .node--type-activite .galerie {
        justify-content: space-around;
    }

    .node--type-activite .galerie a {
        margin: 5px;
        width: 46%;
    }

    /*Footer*/
    #block-contenufooter .column.one,
    #block-contenufooter .column.two,
    #block-contenufooter .column.three,
    #block-contenufooter .column.four {
        width: 100%;
    }

    #block-contenufooter .column.three a,
    #block-contenufooter .column.four a {
        margin: 10px 0;
    }

    /*photo à droite et à gauche*/
    .pos-photo-3 .para-photos,
    .pos-photo-4 .para-photos {
        max-width: 97%;
        margin: 20px 1.5%;
    }
    /*photo en haut et en bas*/
    .pos-photo-1.nb-photos-3 .para-photos .para-photo,
    .pos-photo-2.nb-photos-3 .para-photos .para-photo,.pos-photo-1.nb-photos-4 .para-photos .para-photo,
    .pos-photo-2.nb-photos-4 .para-photos .para-photo,
    .pos-photo-1.nb-photos-more .para-photos .para-photo,
    .pos-photo-2.nb-photos-more .para-photos .para-photo{
        width: 97%;
    }
}

@media screen and (min-width: 520px) {
    #block-lienshaut .social.phone-mobile {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    #block-just-evenements-theme-logoheader a {
        width: 50px;
        height: 62px;
        background: url('../images/svg/logo-just-evenements-header-mobile.svg') no-repeat center;
        background-size: contain;
    }

    .categorie {
        width: 100%;
    }

    #block-lienshaut .phone {
        display: none;
    }
}

@media screen and (max-width: 370px) {
    header .region-header {
        padding-right: 15px;
    }

    #block-just-evenements-theme-logoheader {
        left: 15px;
    }
}