.mobileSlide 						  { display:none}
#banner                               { height: calc(100vh - 153px);height: -webkit-calc(100vh - 153px);height: -o-calc(100vh - 153px);height: -moz-calc(100vh - 153px); position: relative}
#banner:after                         { content: '';display: block;position: absolute;right: 0;top: 0;width: 51px;background: rgba(0,0,0,0.2);bottom: 0; border-left:1px solid rgba(255,255,255,0.15);}
.dotSlide                             { position: absolute; top:50%; margin-top:26px; right: 18px; cursor: pointer}
.dotSlide li                          { position: relative; width: 14px; height: 14px; margin-bottom: 14px;}
.dotSlide li:last-child               { margin: 0}
.dotSlide li:before                   { content: ''; display: block; position: absolute;top: 0; right: 0;bottom: 0; left: 0; border: 3px solid #fff;opacity: 0}
.dotSlide li:after                    { content: ''; display: block; position: absolute;top: 0; right: 0;bottom: 0; left: 0; width: 8px; height: 8px; background: #fff; margin: auto;}
.banner1                              { background:url(/images/banner1.jpg) center no-repeat; background-size: cover}
.banner2                              { background:url(/images/banner3.jpg) center no-repeat; background-size: cover}
.banner3                              { background:url(/images/banner2.jpg) center no-repeat; background-size: cover}
.banner4                              { background:url(/images/banner4.jpg) center no-repeat; background-size: cover}
.slick-dots li.slick-active:before    { opacity: 1}
.slick-dots li.slick-active:after     { opacity: 0}
.scrollBot                            { width: 51px;height: 60px;right: 0;position: absolute;bottom: 0;background: #cb3340;display: block;text-align: center;color: #fff;font: normal 12px/10px tsr;text-transform: uppercase;letter-spacing: 0.75px;padding: 16px 0 0;}
.scrollBot:after                      { content: url(/images/arrow-down1.svg);display: block;margin-top: 11px;}

.contentBanner                        { position: absolute; left: 20px; top: 50%; z-index: 9}
.serviceHead                          { letter-spacing: 0; font-size: 0; display: inline-block !important; vertical-align: middle}
.serviceHead .slick-track             { padding:1px}
.serviceHead .item                    { width: 173px; height: 173px; position: relative; margin: 0 22px 0 0; background: rgba(0,0,0,0.55); cursor: pointer}
.serviceHead .item:before             { content: ''; display:block; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px;border:1px solid rgba(255,255,255,0.15);z-index: 0;}
.serviceHead .icon                    { display: block; position: absolute; left: 0; right: 0; top:24px; width: 74px; height: 74px; margin: 0 auto; border-radius: 50%; border: 1px dashed #fff; opacity: 0}
.serviceHead .icon img                { display: block; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0;}
.serviceHead .titre                   { text-transform: uppercase; color:#fff; font:normal 18px/20px tsr; display: block; position: absolute; left: 0; right: 0; letter-spacing: 0.25px; padding-left: 11px; bottom:8px}
.serviceHead .slick-current .item1                   { background: #4d2a53}
.serviceHead .slick-current .item2                   { background: #095baf}
.serviceHead .slick-current .item3                   { background: #09af5b}
.serviceHead .slick-current .item4                   { background: #9202dc}
.serviceHead .slick-current .item .icon              { opacity: 1}

.paginHead                            { display: none !important}

.blocRegie                            { background:#f0ece5; text-align: center; padding:85px 40px 70px}
.regieM                               { display: none}
.blocRegie .wrapper                   { max-width:1206px; padding: 0 40px;}
.blocRegie .titre                     { text-transform: uppercase; font: normal 36px/40px tsr; letter-spacing: 2px; color: #231f20;padding-bottom: 43px;}
.blocRegie .titre:before              { content:''; display: block; width: 36px; margin:0 auto 17px;height: 15px; background: url(/images/icone-reggie.svg) center no-repeat; background-size: cover}
.blocRegie .titre span                { color: #cb3340; font-family: tsh;}
.blocRegie p                          { padding: 0 90px 26px; font:normal 16px/24px tsr; letter-spacing: 0.75px; border-left: 7px solid #dfdfdf;border-right: 7px solid #dfdfdf; position: relative}
.blocRegie p:before                   { content: ''; width:31px; display: block; position: absolute; left: 0; top: 0; bottom: 0;border-top: 7px solid #dfdfdf;border-bottom: 7px solid #dfdfdf;}
.blocRegie p:after                    { content: ''; width:31px; display: block; position: absolute; right: 0; top: 0; bottom: 0;border-top: 7px solid #dfdfdf;border-bottom: 7px solid #dfdfdf;}

.blocActivite .wrapper {max-width: inherit;}
.blocActivite                         { text-align: center; padding: 56px 0 40px}
.titreActivite                        { letter-spacing: 2px; color: #231f20; text-transform: uppercase;padding:0 40px 56px;}
.slideActivite                        { padding-bottom: 55px;}
.titreActivite .titre                 { font: normal 16px/20px tsr;}
.titreActivite .s-titre               { font: normal 36px/45px tsr;}
.slideActivite .titre                 { font:normal 20px/20px tsr; letter-spacing: 0.5px; text-transform:uppercase;padding-bottom: 20px;}
.slideActivite .icon                  { display: block; height:76px;}
.slideActivite .icon img              { margin: 0 auto}
.slideActivite p                      { padding-bottom: 23px;}
.imageActv                            { line-height: 0}
.imageActv img                        { display: block; width: 100%; height: auto; border-left:10px solid #4d2a53}
.slideActivite .odd .link             { margin-bottom: 32px}
.slideActivite .even .imageActv img   { margin-bottom:46px}

.slideActivite .violet .titre         { color:#4d2a53}
.slideActivite .violet .link          { color:#4d2a53; border-color: #4d2a53}

.slideActivite .bleu .titre           { color:#095baf}
.slideActivite .bleu .link            { color:#095baf; border-color: #095baf}
.slideActivite .bleu .imageActv img   { border-color:#095baf;}

.slideActivite .vert .titre           { color:#09af5b}
.slideActivite .vert .link            { color:#09af5b; border-color: #09af5b}
.slideActivite .vert .imageActv img   { border-color:#09af5b }

.slideActivite .pourpre .titre        { color:#9202dc}
.slideActivite .pourpre .link         { color:#9202dc; border-color: #9202dc}
.slideActivite .pourpre .imageActv img{ border-color:#9202dc }

.slideActivite .slick-slide           { padding:0 38px 47px; border-right: 1px solid #e0dcd6; }
.slideActivite .slick-arrow           { width: 50px; height: 50px; border: 1px solid #231f20; position: absolute; bottom: 0; cursor: pointer; z-index: 99; font-size: 0}
.slideActivite .slick-prev            { background: url(/images/arrow-left.svg) center no-repeat; left: 50%; margin-left: -55px;}
.slideActivite .slick-next            { background: url(/images/arrow-right.svg) center no-repeat; right: 50%; margin-right: -55px;}

.slick-list,.slick-track, .slick-slide { height: 100%;}

.blocNewsLetter                       { text-align:center; color: #fff; background: #cb3340; letter-spacing: 0; font-size: 0; padding:53px 40px 51px}
.blocNewsLetter .titre                { font: normal 18px/22px tsr; letter-spacing: 0.75px;text-transform: uppercase; padding-bottom: 21px;}
.blocNewsLetter .titre span           { font-family:tsh;}
.blocNewsLetter input                 { background: transparent; border: 1px solid #fff; height: 48px; vertical-align: top; color: #fff;}
.blocNewsLetter input[type^="email"]  { font: italic 14px/22px tsr; color: #fff; padding: 0 8px 0; width: 270px;}
.blocNewsLetter input[type^="submit"] { cursor: pointer; font-size: 0; width: 48px; background: url(/images/icone-send.svg) center no-repeat; border-left:none; padding: 0}
.blocNewsLetter input::-ms-input-placeholder   { color: #fff}
.blocNewsLetter input::placeholder             { color: #fff}
.blocNewsLetter input::-webkit-placeholder     { color: #fff}

.blocContactmap                       { min-height: 302px; position: relative;overflow: hidden}
.infos                                { position: relative; background: #fff; padding:68px 52px 62px 104px; line-height: 25px; max-width: 355px; width: 100%; -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.35);box-shadow:0px 0px 29px 0px rgba(0, 0, 0, 0.35);z-index: 97; display: inline-block; vertical-align: top}
.infos .titre                         { display: block; font: normal 35px/35px tsr; text-transform:uppercase; color: #231f20;padding-bottom: 11px;}
.infos .titre:after                   { content:''; display: block; width: 36px; height: 15px; background:url(/images/icone-reggie.svg) center no-repeat; background-size: cover; letter-spacing:1px;margin-top: 11px;}
.infos a                              { color: #231f20;}
.infos a:last-of-type                 { color: #cb3340}
.contentMap                           { position: absolute; left: 355px; right: 0; top: 0; bottom: 0}
#map iframe                           { width: 100%; height:327px;}

.home-alerte { display: none; width: 100%; padding: 20px 40px 40px 40px; background: #cb3340; color: #fff; text-align: center;}
.home-alerte h2 { font: normal 25px/35px tsr; letter-spacing: 2px;    padding-top: 23px;    padding-bottom: 23px; text-transform: uppercase;}
.home-alerte .co-widget { margin: 0 auto; width: 100%; display: inline-flex;}
div[data-widget-id="bded0654-a3cf-45ad-818e-82ceda398c5f"] .co-widget { background: #cb3340!important; }
.home-alerte .co-widget.co-widget-vertical .co-widget-trip label { display: none!important;}
/*	.home-alerte .co-widget-title div:nth-child(1) { color: #fff;font: normal 20px/30px tsr!important; letter-spacing: 2px; text-transform: none;}*/
.home-alerte .co-widget .co-widget-title { display: none;}
.home-alerte .co-widget > div:not([class*=co-widget-title]):not([class*=co-widget-type]):not([class*=co-widget-container]) { float: none;}
.home-alerte .co-widget-trip { width: 70%;}
.home-alerte .co-widget-search { width: 30%;}

.home-alerte .co-widget .co-widget-search button:not([class*=pika]) {font:normal 15px/30px tsr!important;}
.home-alerte .co-widget button:not([class*=pika]) {    background-color: #000;}

.home-alerte .co-widget.co-widget-intermediate .co-widget-trip label { display: none!important;}


@media (max-width:746px) {
    .home-alerte .co-widget { display: block;}
    .home-alerte .co-widget-trip { width: 100%!important; margin-bottom: 20px;}
    .home-alerte .co-widget-search { width: 100%;}
    .home-alerte .co-widget .co-widget-date { margin-bottom: 20px;}
}


@media (max-width:1300px) {
    .txtBanner                        { display: block; padding-left: 0}
    .serviceHead                          { margin-bottom: 17px;}
    .contentBanner                        { margin-top: -83px;}

}

@media (max-width:1200px) {
    .slideActivite .slick-slide           { padding: 0 30px 47px}
    #banner                               { height: 540px !important;}
    .banner1                              { background:url(/images/banner1-1200.jpg) center no-repeat; background-size: cover}
    .banner2                              { background:url(/images/banner3-1200.jpg) center no-repeat; background-size: cover}
    .banner3                              { background:url(/images/banner2-1200.jpg) center no-repeat; background-size: cover}
    .banner4                              { background:url(/images/banner4-1200.jpg) center no-repeat; background-size: cover}


}
@media (max-width:1024px){
    .blocActivite          { margin:0 -1px}
    .blocActivite .wrapper { padding: 0}
    .infos                 { padding:68px 40px 62px 40px; width:325px;}
    .contentMap            { left: 325px;}
    .blocRegie p               { padding: 0 70px 26px}
    .blocRegie .wrapper        { padding:0}
    .txtBanner             { display: none}
    .serviceHead           { display: block; width: 100%}
    .contentBanner         { width: 70%;margin-top: -105px;}

    .serviceHead .item                    { width:auto; margin:0 20px 20px 0}
    .serviceHead           { margin-bottom:0}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .contentBanner .slick-slide           { width: 50% !important}
}

@media (max-width:600px) {
    .wrapSlideM {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .mobileSlide {
        height: 494px
    }

    .mobileSlide:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9;
        background: rgba(0, 0, 0, 0.7)
    }

    .slideM1 {
        background: url(/images/banner1-1200.jpg) center no-repeat;
        background-size: cover
    }

    .slideM2 {
        background: url(/images/banner3-1200.jpg) center no-repeat;
        background-size: cover
    }

    .slideM3 {
        background: url(/images/banner2-1200.jpg) center no-repeat;
        background-size: cover
    }

    .slideM4 {
        background: url(/images/banner4-1200.jpg) center no-repeat;
        background-size: cover
    }

    .wrapBanner {
        background-size: cover;
        padding: 27px 25px 27px;
        position: relative;
        background: #000;
    }

    .contentBanner {
        position: relative;
        margin: 0;
        left: auto;
        top: auto;
        z-index: 99;
    }

    #banner:after, .scrollBot,
    .serviceHead .icon,
    .dotSlide {
        display: none
    }

    .serviceHead .item {
        height: auto;
        margin: 0;
        width: auto;
        background: none !important
    }

    .serviceHead .titre {
        position: static;
        padding-left: 0;
        text-align: center;
        line-height: 30px;
        letter-spacing: 1px
    }

    .serviceHead .titre:after {
        content: '';
        display: block;
        width: 48px;
        height: 15px;
        margin: 13px auto 29px;
        background: url(/images/arrow-m.png) center no-repeat;
        background-size: cover
    }

    .serviceHead .item:before {
        display: none
    }

    .contentBanner {
        width: 100% !important;
    }

    .serviceHead .slick-track {
        padding: 0
    }

    #banner {
        height: 260px !important;
        position: relative;
        z-index: 99
    }

    #banner .slick-arrow {
        width: 50px;
        height: 50px;
        border: none;
        top: 50%;
        margin-top: -25px;
        position: absolute;
        bottom: 0;
        cursor: pointer;
        z-index: 9;
        font-size: 0;
        -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 1);
        box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 1);
    }

    #banner .slick-prev {
        background: url(/images/arrow-left-h.svg) center no-repeat #cb3340;
        left: -25px;
    }

    #banner .slick-next {
        background: url(/images/arrow-right-h.svg) center no-repeat #cb3340;
        right: -25px;
    }

    #banner .slick-slide {
        position: relative;
    }

    .paginHead {
        display: block !important;
        text-align: center;
        color: #fff;
        padding: 28px 0 0;
        z-index: 99
    }

    .paginHead .slick-slide {
        font: normal 35px/35px tsh;
        letter-spacing: 0.5px;
        text-align: center
    }

    .paginHead .slick-slide span {
        font: normal 14px/20px tsr;
        display: inline-block;
        vertical-align: top;
        margin-left: 4px
    }

    .paginHead .slick-slide > div {
        display: inline-block;
        vertical-align: top;
        padding: 0 40px;
        position: relative;
    }

    .paginHead .slick-slide > div:before {
        content: '';
        display: block;
        width: 29px;
        height: 1px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px;
        background: rgba(255, 255, 255, 0.25);
    }

    .paginHead .slick-slide > div:after {
        content: '';
        display: block;
        width: 29px;
        height: 1px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -1px;
        background: rgba(255, 255, 255, 0.25);
    }

    .blocRegie p:before,
    .blocRegie p:after,
    .regieDesk {
        display: none
    }

    .blocRegie p {
        border: none;
        padding: 0 0 25px
    }

    .regieM {
        display: block
    }

    .blocRegie {
        padding: 50px 20px 50px
    }

    .blocRegie .titre {
        font: normal 25px/30px tsr;
        padding-bottom: 17px;
    }

    .blocRegie .titre:before {
        margin-bottom: 21px;
    }

    .blocRegie .link {
        border-color: #000;
        color: #000
    }

    .blocActus {
        padding-bottom: 30px
    }

    .blocActus > .titre:before {
        border: none;
        background: none;
        width: 10px;
        content: "&";
        line-height: 0;
        height: auto;
        top: 41px
    }

    .blocActus > .titre {
        font: normal 18px/20px tsr;
        padding-top: 31px;
        padding-bottom: 26px;
    }

    .blocActus > .titre em:first-letter,
    .blocActus > .titre:first-letter {
        font-family: tsh
    }

    .blocActus > .titre span {
        padding-right: 26px;
    }

    .blocActivite,
    .slideActus p
    .blocNewsLetter,
    .slideActus + .link,
    .slideActus .date:after,
    .slideActus .content > .titre {
        display: none
    }

    .slideActus .date,
    .slideActus .content {
        margin: 0
    }

    .blocActus {
        margin: 0 -20px
    }

    .infos {
        font-size: 14px;
        padding: 33px 20px 32px 20px;
        width: 320px;
    }

    .contentMap {
        left: 0
    }

    .slideActus {
        padding-bottom: 0
    }

    .slideActus .slick-prev {
        left: 0
    }

    .slideActus .slick-next {
        right: 0
    }

    .contentMob {
        display: block;
    }

    .slideActus .date {
        border: none;
        padding-left: 0;
        text-align: center
    }

    .contentMob {
        padding-top: 26px;
    }

    .contentMob {
        text-transform: uppercase
    }

    .contentMob .link {
        border-color: #000;
        color: #000;
        background: #fff;
    }

    .slideActus {
        background: #f0ece5;
        padding-bottom: 40px;
    }

    .slideActus .slick-arrow {
        top: 30%
    }
}