@charset "UTF-8";

/*
Theme Name: Only Paintball
Author: Pilot'in / Pappleweb
Author URI: https://www.pappleweb.com/
Description: Thème créé avec ♡ par Pilot'in, repris par Pappleweb
Version: 2.0
*/

/* @IMPROVEMENT
pour moi il faut 2 cooper hewitt, un bold et un light
et non pas 2 polices, je ne touches pas le code legacy car ça a peu d'incidence
mais c'est incohérent
*/
@font-face{
    font-family:'Cooper Hewitt';
    font-style:normal;
    font-weight:400;
    src:url(assets/css/fonts/CooperHewitt-Bold.woff2) format("woff2"),
    url("assets/css/fonts/CooperHewitt-Bold.otf") format("opentype");
}
@font-face{
    font-family:'Cooper Hewitt Light';
    font-style:normal;
    font-weight:400;
    src:url(assets/css/fonts/CooperHewitt-Light.woff2) format("woff2"),
    url("assets/css/fonts/CooperHewitt-Light.otf") format("opentype");  
}


/* déclaration des google fonts complètes qui sont en fallback des subsets générés */
@font-face{
    font-family:'PT Sans';
    font-style:normal;
    font-weight:400;
    src:url(assets/css/fonts/PT-Sans-400-googleFont.woff2) format("woff2");
    unicode-range:u+20-7e,u+a0-ff,u+131,u+152-153,u+2bc,u+2c6,u+2da,u+2dc,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+2039-203a,u+2044,u+20ac,u+2122,u+2212,u+2215,u+ffff
}

@font-face{
    font-family:'PT Sans';
    font-style:normal;
    font-weight:700;
    src:url(assets/css/fonts/PT-Sans-700-googleFont.woff2) format("woff2");
    unicode-range:u+20-7e,u+a0-ff,u+131,u+152-153,u+2bc,u+2c6,u+2da,u+2dc,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+2039-203a,u+2044,u+20ac,u+2122,u+2212,u+2215,u+ffff
}



.navbar-collapse {
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
    padding-right:0px;
    padding-left:0px;
}


/* styles de legacy */
p {
    margin: 0 0 15px;
}

.d-flex{
    display:flex;
}

.justify-content-center{
    justify-content: center;
}

.justify-content-start{
    flex-direction: column;
    justify-content: start;
}


.no-padding-r{
    padding-right: 0px !important;
}

.no-padding-l{
    padding-left: 0px !important;
}

.no-padding-l-r {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-margin-l-r {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.no-margin-b{
    margin-bottom: 5px !important;
}

.ml-n2{
    margin-left: -2px !important;
}


@media  (min-width: 992px) {
    .align-middle {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}










.color-grey {
    color: #CDCDCD;
}

.color-white {
    color: #FFF;
}

/*
    PAGE CONTENU
*/

.top__Banner{
    z-index:10;
}

.topBanner__Header{
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.topBanner__HeaderLeft{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.topBanner__HeaderCenter{
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
}

.topBanner__HeaderRight{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.topBanner__InfoSocialLink{
    flex-direction: row;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    height: 44px;
    margin-top: 0px;
    padding-right: 0px;
}

.topBanner__InfoSocialLink a{
    color:#2F2F2F;
    display: inline-block;
    margin-left: 8px;
    text-decoration: none;
}

.topBanner__Logo{
    padding-right:15px;
    width:140px;
    height:98px;
}

.topBanner__MobileHeaderLogo, .topBanner__NavMobileHeaderLogo{
    width:129px;
    height:104px;
    margin:auto;
}

.topBanner .topBanner__Nav {
    border-radius: 8px;
    border: 0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    z-index: 2;
    padding: 7px 7px 0 20px;
}

.vikings .topBanner .topBanner__Nav {
    background-color: #2F2C2B;
}

/* pour fix un problème de ligne blanche
qui apparait à cause de     display: table; content: " ";
mais je ne sais pas trop pourquoi */
.vikings .topBanner .topBanner__NavDesktopItem   {
    background-color: #2F2C2B;
}



.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem > .topBanner__NavDesktopItemLink {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 16px;
    line-height: 14px;
    color: #000;
    padding-top: 20px;
    padding-bottom: 23px;
    padding-right:0px;
    padding-left:0px;
    margin-right: 15px;
    margin-left: 15px;
}

.vikings .topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem > .topBanner__NavDesktopItemLink {
    color: #fff;
}

.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.active > .topBanner__NavDesktopItemLink,
.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem:hover > .topBanner__NavDesktopItemLink,
.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem:focus > .topBanner__NavDesktopItemLink{
    text-shadow: 0 0 .65px #000, 0 0 .65px #000;
    background: transparent;
    border-bottom: 4px solid #FFA640;
}

.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem .topBanner__NavDesktopItemLink:focus{
    background: transparent !important;
}

.vikings .topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.active > .topBanner__NavDesktopItemLink,
.vikings .topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem:hover > .topBanner__NavDesktopItemLink {
    border-bottom: 4px solid #A51A19;
}

.archery .topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.active > .topBanner__NavDesktopItemLink,
.archery .topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem:hover > .topBanner__NavDesktopItemLink {
    border-bottom: 4px solid #2A76FF;
}

.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem > .topBanner__NavDesktopItemLink {
    border-bottom: 4px solid transparent;
}

.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem .topBanner__NavDesktopItemAction {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 16px;
    font-weight:bold;
    line-height: 14px;
    border-radius: 6px;

    padding-top: 20px;
    padding-bottom: 20px;
    padding-right:23px;
    padding-left:23px;
    margin-left: 10px;
}

.topBanner .topBanner__NavDesktopItemAction.bookAction{
    background: linear-gradient(45deg, #1A1A1A 0%, #414141 100%);
    box-shadow: 0 10px 30px 4px rgba(0,0,0,0.4);
    color:white;
    padding-right:35px !important;
    padding-left:35px  !important;
    margin-left: 15px;
}

.archery .topBanner .topBanner__NavDesktopItemAction.bookAction{
    background:#2A76FF;
}

.vikings .topBanner .topBanner__NavDesktopItemAction.bookAction{
    background:#A51A19;
}

.topBanner .topBanner__NavDesktopItemAction.voucherAction{
    background: linear-gradient(45deg, #FFA641 0%, #FFCA00 100%);
    color:#000;
    box-shadow: 0 10px 30px 4px rgba(230,132,11,0.21);
}

.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.has-children {
    position: relative;
}

.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.has-children ul{
    position: absolute;
    z-index: 9999;
    top: 100% ;
    left: 0;
    background : #FFF;
    -webkit-transition : -webkit-transform .33s;
    transition : -webkit-transform .33s;
    -o-transition : transform .33s;
    transition : transform .33s;
    transition : transform .33s, -webkit-transform .33s;
    -webkit-transform : scaleY(0);
        -ms-transform : scaleY(0);
            transform : scaleY(0);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
            box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
}

.vikings .topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.has-children ul{
    background :#2F2C2B;
}

.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.has-children ul li a:hover{
    text-shadow: 0 0 .65px #000, 0 0 .65px #000;
}

.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.has-children ul li a {
    white-space: nowrap;
}
.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.has-children ul li  {
    height: 100%!important;
}

.topBanner .topBanner__Nav .topBanner__NavDesktop > .navbar-nav >.topBanner__NavDesktopItem {
    height: 100%;
}


.topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem.has-children:hover ul{
    -webkit-transform : scaleY(1);
        -ms-transform : scaleY(1);
            transform : scaleY(1);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
}

.custom-text-pilotin h2, .custom-text-pilotin h3  {
    display: block;
    font-weight: 700;
    margin-bottom : 1.5vh;
    font-size: 18px;
    line-height: 1.25;
    color: #000;
}


.Enumeration {
    list-style-type: none;
}

.Enumeration.Enumeration__Journee li {
    margin-bottom: 15px;
}

.Enumeration.Enumeration__Journee li i {
    color: #FFA640;
}


/* STAR */
.glyphicon-star {
    color: #FFA640;
}

.glyphicon-star.glyphiconOpacity {
    opacity: 0.5;
}


/*== INFOBOX */
.InfoBox {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    border-radius: 4px;
    margin-bottom: 50px;
}

.InfoBox.InfoBox__Tarifs {
    padding: 30px 30px 0px 30px;
}

.InfoBox.InfoBox__Tarifs .InfoBox__TarifsTitle {
    text-transform: uppercase;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-weight: bold;
    color: #FFA640;
    font-size: 12px;
    line-height: 20px;
}

.InfoBox.InfoBox__Tarifs .InfoBox__TarifsPrice {
    font-size: 48px;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-weight: bold;
}

.InfoBox.InfoBox__Tarifs .InfoBox__TarifsSuffixe {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 50px;
    min-height: 90px;
}

.InfoBox.InfoBox__Tarifs .InfoBox_Button .InfoBox__ButtonLinkAction {
    background: linear-gradient(75.66deg, #FFA640, #FFCA00);
    color: #000;
    position: absolute;
    /*margin-left: -100px;*/
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -23px;
}

.InfoBox .InfoBox_BlockContent {
    padding: 30px;
}

.InfoBox .InfoBox_BlockContent .InfoBox_BlockContentTitle {
    margin-top: 0px;
    min-height: 18px;
}

.InfoBox .InfoBox__BlockLink {
    float: right;
}

.InfoBox .InfoBox__BlockLink .InfoBox__BlockLinkAction {
    background: linear-gradient(75.66deg, #FFA640, #FFCA00);
    color: #fff;
    width: 50px;
    height: 43px;
    margin-top: -30px;
    line-height: 25px;
}

.InfoBox .InfoBox__BlockLink .InfoBox__BlockLinkAction img {
    padding-top: 5px;
    margin-right: 5px;
}

.InfoBox__WrapperLink:hover,.InfoBox__WrapperLink:focus {
    color:transparent;
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
    .InfoBox .InfoBox_BlockContent .InfoBox_BlockContentText {
        min-height: 60px;
    }
}

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

    .Enumeration {
        padding-left:0px
    }

    .InfoBox .InfoBox__BlockPicture {
        width: 100%;
    }

    .InfoBox .InfoBox__BlockPicture img {
        width: 100%;
    }

    .InfoBox .InfoBox_BlockContent .InfoBox_BlockContentTitle {
        font-size: 22px;
        line-height: 28px;
    }

    .InfoBox .InfoBox_BlockContent .InfoBox_BlockContentText {
        font-size: 16px;
        line-height: 24px;
    }
}

/* == LIGHTBOX */
.Lightbox_Scenario {
    /* CENTRER VERTICALEMENT */
    /*on enlève le border radius et le border qui s'intègrent mal au design*/
}

.Lightbox_Scenario.modal {
    text-align: center;
    padding: 0 !important;
}

.Lightbox_Scenario.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.Lightbox_Scenario .modal-content {
    border: none;
    border-radius: 0px;
}

.Lightbox_Scenario .modal-dialog {
    margin: auto;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.Lightbox_Scenario .Lightbox_ScenarioContent {
    padding-bottom: 80px;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .modal-header {
    border: 0px;
    padding-right: 35px;
    padding-top: 35px;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .modal-header .close {
    opacity: 1;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioContentClose {
    color: #000;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioContentTitle {
    line-height: 54px;
    font-size: 48px;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-weight: bold;
    margin-bottom: 35px;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioContentText {
    line-height: 20px;
    font-size: 14px;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    margin-bottom: 35px;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioContentDetailTitle {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioContentDetailText {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioBlockNavigation.Lightbox_ScenarioBlockNavigationPrev {
    float: left;
    position: absolute;
    top: 47%;
    margin-left: -30px;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioBlockNavigation.Lightbox_ScenarioBlockNavigationPrev .Lightbox_ScenarioBlockActionLink span {
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioBlockNavigation.Lightbox_ScenarioBlockNavigationNext {
    float: right;
    position: absolute;
    top: 47%;
    margin-right: -30px;
    right: 0;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioBlockNavigation .Lightbox_ScenarioBlockActionLink {
    width: 60px;
    height: 53px;
}

.Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioBlockNavigation .Lightbox_ScenarioBlockActionLink span {
    padding-top: 9px;
}

@media screen and (min-width: 1400px) {
    .Lightbox_Scenario .modal-dialog {
        width: 60%;
    }
}

@media screen and (min-width: 501px) and (max-width: 1399px) {
    .Lightbox_Scenario .modal-dialog {
        width: 75%;
    }
}

@media screen and (max-width: 500px) {
    .Lightbox_Scenario .modal-dialog {
        width: 85%;
    }

    .Lightbox_Scenario .modal-body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioBlockNavigation.Lightbox_ScenarioBlockNavigationPrev {
        margin-left: -22px;
    }

    .Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioBlockNavigation.Lightbox_ScenarioBlockNavigationNext {
        margin-right: -22px;
    }

    .Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioBlockNavigation .Lightbox_ScenarioBlockActionLink {
        width: 48px;
        height: 34px;
    }

    .Lightbox_Scenario .Lightbox_ScenarioContent .Lightbox_ScenarioBlockNavigation .Lightbox_ScenarioBlockActionLink span {
        padding-top: 0px;
    }
}

/*== FOOTER */
.footerBanner {
    padding: 75px 20px;
    background-color: #232323;
    color: #fff;
}

.footerBanner .footerBanner__Block {
    margin-bottom: 30px;
    align-self: center;
}

.footerBanner .footerBanner__Image {
    display: block;
    margin-top:30px;
    margin-right:16px;
    width: 98px;
    height:auto;
    float: left;
}

.footerBanner .footerBanner__Block .footerBanner__BlockTitle {
    color: #fff;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

.footerBanner .footerBanner__Block .footerBanner__BlockContent.footerBanner__BlockContentTelephone:before {
    content: url("assets/img/picto_footer_phone.svg");
    vertical-align: middle
}

.footerBanner .footerBanner__Block .footerBanner__BlockContent.footerBanner__BlockContentEmail:before {
    content: url("assets/img/picto_footer_mail.svg");
    vertical-align: middle
}

.footerBanner .footerBanner__Block .footerBanner__BlockContent.footerBanner__BlockContentFormulaire:before {
    content: url("assets/img/picto_link.svg");
    vertical-align: middle
}

.footerBanner .footerBanner__Block .footerBanner__BlockContent.footerBanner__BlockContentAdresse:before {
    content: url("assets/img/picto_footer_map.svg");
    vertical-align: middle
}

.footerBanner .footerBanner__Block .footerBanner__BlockText {
    color: #CDCDCD;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
}

.footerBanner .footerBanner__Block .footerBanner__BlockLink {
    color: #CDCDCD;
    text-decoration: none;
    margin-left:5px;
}

.footerBanner .footerBanner__Block .footerBanner__BlockLink:hover{
    text-decoration: underline;
}

.footerBanner .footerBanner__Block .footerBanner__BlockLinkSocial {
    font-size: 14px;
    line-height: 19px;
    font-family:'PT Sans__subset', 'PT Sans', sans-serif;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right:30px;
    margin-top:10px;
    display: inline-block;
}

.footerBanner .footerBanner__Block .footerBanner__BlockLinkSocial img {
    margin-top: -5px;
}

@media screen and (max-width: 768px) {
    .footerBanner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footerBanner .footerBanner__Block .footerBanner__BlockTitle,
    .footerBanner .footerBanner__Block .footerBanner__BlockLinkSocial {
        font-size: 26px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 35px;
    }

    .footerBanner .footerBanner__Block.footerBanner__BlockInfoContact {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 28px;
    }

    .footerBanner .footerBanner__Block .footerBanner__BlockText{
        font-size: 14px;
        letter-spacing: 0;
        line-height: 20px;
    }
}

.copyrightBanner {
    background-color: #1a1919;
}

.copyrightBanner .copyrightBanner__Text {
    padding: 10px;
    color: #fff;
}

.leftBanner__Background {
    /*en petit, le background se met en dessous */
    max-width: 650px;
    top: -100px;
    position: relative;
    width: 100%;
    margin: auto;
    z-index: -1;
    right: 0;
    left: 0;
    overflow: hidden;
    /*en plus grand, le background se met derrière sur le coté */
}

@media (min-width: 768px) {
    .leftBanner__Background {
        top: 0;
        position: absolute;
        max-width: 1200px;
    }
}

@media (min-width: 992px) {
    .leftBanner__Background {
        max-width: 1400px;
    }
}

@media (min-width: 768px) {
    .leftBanner__Background .img-wrapper {
        margin-left: 0;
    }
}

.leftBanner__Background .img-wrapper img {
    max-width: 650px;
    /* Large devices (large desktops, 1200px and up) */
}

@media (min-width: 768px) {
    .leftBanner__Background .img-wrapper img {
        max-width: 480px;
        margin-left: -50px;
        margin-top: 100px;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .leftBanner__Background .img-wrapper img {
        max-width: 620px;
        margin-left: -50px;
        margin-top: 100px;
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .leftBanner__Background .img-wrapper img {
        max-width: 800px;
        margin-left: -50px;
        margin-top: 0px;
    }
}

@media (min-width: 768px) {
    .topBanner .topBanner__Nav .navbar-right {
        margin-right: 0px;
    }

/*     .topBanner .topBanner__Nav .navbar-left {
        margin-left: 15px;
    } */
}


@media (min-width: 768px) and (max-width: 992px) {
    .topBanner .topBanner__Nav .topBanner__NavDesktop .topBanner__NavDesktopItem .topBanner__NavDesktopItemLink {
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 5px;
        margin-left: 5px;
    }
}

.topBanner__NavMobile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 20px;
    text-align: center;
}

.topBanner__NavMobile .topBanner__NavMobileHeaderLogo {
    margin-bottom: 30px;
}

.topBanner__NavMobile .topBanner__NavMobileLink {
    z-index: 100;
    padding: 5px 8px 5px 8px;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    display: block;
    margin-bottom: 10px;
}

.topBanner__NavMobile .topBanner__NavMobileLink:hover {
    font-weight: bold;
    text-decoration: none;
}

.topBanner__NavMobile .topBanner__NavMobileLink:hover span {
    width: 150px;
    margin: auto;
    border-bottom: 4px solid #FFA640;
}

.vikings .topBanner__NavMobile .topBanner__NavMobileLink:hover span{
    border-bottom: 4px solid #A51A19;
}

.archery .topBanner__NavMobile .topBanner__NavMobileLink:hover span{
    border-bottom: 4px solid #2A76FF;
}

.topBanner__NavMobile .topBanner__NavMobileLink.active {
    font-weight: bold;
}

.topBanner__NavMobile .topBanner__NavMobileLink.active span {
    width: 150px;
    margin: auto;
    border-bottom: 4px solid #FFA640;
}

.vikings .topBanner__NavMobile .topBanner__NavMobileLink.active span {
    border-bottom: 4px solid #A51A19;
}

.archery .topBanner__NavMobile .topBanner__NavMobileLink.active span {
    border-bottom: 4px solid #2A76FF;
}


.topBanner__NavMobile .topBanner__NavMobileButtonClose {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 36px;
    margin-right: 20px;
    text-decoration: none;
    color: #000;
}

.topBanner__NavMobile .btn.topBanner__NavMobileButtonReservation,
.topBanner__NavMobile .btn.topBanner__NavMobileButtonVoucher {
    width: 100%;
    padding-top: 0px;
    line-height: 60px;
}

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

    .topBanner__NavMobileButtonOpen,
    .topBanner__MobileHeaderLogo{
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .topBanner__MobileHeader{
        width:33.333%;
        padding-right:10px;
        padding-left:10px;
    }

    .topBanner__NavMobileButtonOpen {
        display: block;
        font-weight: bold;
        font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
        font-size: 12px;
        line-height: 15px;
        cursor: pointer;
        position: relative;
        z-index: 5;
        padding:10px;
        width: 100%;
        border:1px solid #FFCA01;
        text-align:center;
        font-weight: bold;
    }

    .vikings .topBanner__NavMobileButtonOpen{
        border:1px solid #A51A19;
    }

    .archery .topBanner__NavMobileButtonOpen{
        border:1px solid #2A76FF;
    }

    .topBanner__NavDesktop{
        display: none;
    }

    .topBanner__MobileHeaderLogo {
        margin-top: 20px;
        margin-bottom: 30px;
        position: relative;
        max-width:100%;
        z-index: 5;
    }
}

@media screen and (max-width: 1200px) {
    .topBanner .topBanner__Nav{
        margin-bottom:70px;
        padding: 7px 0 0 20px;
    }

    .topBanner__NavDesktopItem:nth-child(8){
        position:absolute;
        margin-top: 75px;
        right: 155px;
    }

    .topBanner__NavDesktopItem:nth-child(9){
        position:absolute;
        margin-top: 75px;
        right: 0;
    }
}

@media screen and (max-width: 320px) {
    .topBanner__NavMobile .btn.topBanner__NavMobileButtonReservation,
    .topBanner__NavMobile .btn.topBanner__NavMobileButtonVoucher  {
        width: 100%;
    }
}

.btn-primary {
    -webkit-box-shadow: 0px 8px 30px rgba(230, 132, 11, 0.5);
    box-shadow: 0px 8px 30px rgba(230, 132, 11, 0.5);
    color: #1F1D18;
    background: linear-gradient(75.66deg, #FCA547, #FFC900);
    -webkit-transform: skewX(-15deg) scale(1);
    transform: skewX(-15deg) scale(1);
    border: 0px;
    border-radius: 8px;
    display: inline-block;
    width: 237px;
    height: 60px;
    line-height: 48px;
    transition: all 0.2s;
    /*je réduis les boutons sur des screens très petits*/
}

@media screen and (max-width: 565px) {
    .btn-primary {
        width: 90%;
        height: 54px;
        line-height: 42px;
    }

    .btn-primary.btn-no-transform {
        height: 60px;
        line-height: 48px;
    }
}

.btn-primary:hover {
    -webkit-transform: skewX(-15deg) scale(1.05);
    transform: skewX(-15deg) scale(1.05);
}

.btn-primary:active {
    -webkit-box-shadow: 0px 8px 30px rgba(230, 132, 11, 0.5);
    box-shadow: 0px 8px 30px rgba(230, 132, 11, 0.5);
    color: #1F1D18;
    background: linear-gradient(75.66deg, #FCA547, #FFC900);
    -webkit-transform: skewX(-15deg) scale(1);
    transform: skewX(-15deg) scale(1);
    border: 0px;
    border-radius: 8px;
}

.btn-primary.btn-dark {
    background: linear-gradient(75.66deg, #1A1A1A, #414141);
    box-shadow: 0 10px 30px 4px rgba(0,0,0,0.4);
}

.btn-primary.btn-dark span {
    color: #fff;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
}


.btn-primary.btn-yellow{
    background: linear-gradient(75.66deg, #FCA547, #FFC900) !important;
    box-shadow: none;
}

.btn-primary.btn-red{
    background: linear-gradient(228.92deg, #E61A1A 0%, #A51A19 100%) !important;
    box-shadow: none;
}

.btn-primary.btn-blue{
    background: linear-gradient(45deg, #256AFF 0%, #41B0FF 100%) !important;
    box-shadow: none;
}


.btn-primary.btn-yellow span{
    color: #1F1D18 !important;
}

.btn-primary.btn-red span, .btn-primary.btn-blue span {
    color:white !important;;
}

.btn-primary.btn-no-transform {
    -webkit-transform: none;
    transform: none;
    border-radius: 0px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary.btn-no-transform span {
    -webkit-transform: none;
    transform: none;
}

.btn-primary span {
    display: block;
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    color: #1F1D18;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-weight: 900;
    font-size: 14px;
}

/* bouton qui ne prennent pas la taille standard
    normalement ce n'est pas des boutons primary mais bon ...
*/
.btn-auto-size {
    width: auto;
    height: auto;
    line-height: inherit;
}

h1 {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 134px;
    line-height: 144px;
    color: #0C0F16;
    font-weight: 900;
}

h2 {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 134px;
    line-height: 134px;
    color: #EFEFEF;
    font-weight: 900;
}

h3 {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 45px;
    line-height: 54px;
    color: #0C0E15;
    font-weight: 900;
}

h4 {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #1F1D18;
    font-weight: 900;
}

h5 {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #150C0C;
}

h6 {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #1F1D18;
}

p,
ul li {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #150C0C;
}

/*
    SHARED
*/
/*certains textes dépassent des banner, il faut rester en background filligrane sans créer du scrolling*/
.footerBanner,
.contactBanner,
.ratingsBanner,
.conceptBanner,
.eventBanner,
.terrainBanner,
.scenarioBanner,
.journeeBanner,
.materielBanner,
.miniballBanner,
.tarifsMiniballBanner,
.paintballAdosBanner,
.equipeBanner {
    overflow: hidden;
}


/*== TERRAIN VISITE BANNER */
.terrainBanner{
	padding-bottom: 70px;
}
.tarifsBanner{
	padding-top: 20px;
}

.scenarioBanner{
	padding-top: 100px;
	padding-bottom: 40px;
}

.CallToActionBanner {
    padding-top: 600px;
    padding-bottom: 130px;
    margin-bottom: 100px;
}

.CallToActionBanner .CallToActionBanner__Block {
    background-color: #fff;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    padding-top: 60px;
    padding-bottom: 60px;
}

.CallToActionBanner .CallToActionBanner__Block .CallToActionBanner__BlockTitle {
    font-size: 54px;
    line-height: 48px;
    color: #000;
    margin-bottom: 25px;
    margin-top: 0;
}

.CallToActionBanner .CallToActionBanner__Block .CallToActionBanner__BlockText {
    padding-top: 15px;
    font-size: 14px;
    line-height: 20px;
}

.CallToActionBanner .CallToActionBanner__Block .CallToActionBanner__BlockButton {
    margin-top: 35px;
}

@media screen and (max-width: 768px) {
    .CallToActionBanner .CallToActionBanner__Block .CallToActionBanner__BlockTitle {
        font-size: 28px;
        line-height: 36px;
    }

    .scenarioBanner{
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

/*== DEVIS BANNER */
.devisBanner {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.devisBanner .devisBanner__Image{
    width: calc(100% - 30px);
    height:450px;
    margin-left: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url("assets/img/paintball/visuel_footer.png");
}

.tarifs .devisBanner .devisBanner__Image{
    background-image: none;
    height:200px;
}

.enfants .devisBanner .devisBanner__Image{
    background-image: url("assets/img/enfants/visuel_footer_enfants.png");
    min-height:500px;
}

.devisBanner .devisBanner__Block {
    background-color: #fff;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top:-150px;
}

.devisBanner .devisBanner__Block .devisBanner__BlockTitle {
    font-size: 48px;
    line-height: 54px;
    color: #000;
    margin-bottom: 25px;
}

.devisBanner .devisBanner__Block .devisBanner__BlockText {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
}

.devisBanner .devisBanner__Block .devisBanner__BlockLink {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #000;
    padding-bottom: 8px;
    background: url("assets/img/decoration_down_link.jpg") repeat-x bottom left;
}


@media screen and (max-width: 991px) {
    .devisBanner {
        margin-bottom: 0px;
        padding-bottom: 60px;
    }

    .devisBanner .devisBanner__Block {
        padding-top: 15px;
        margin-top:0px;
    }

    .devisBanner .devisBanner__Block .devisBanner__BlockTitle {
        font-size: 28px;
        line-height: 36px;
    }


    .devisBanner .devisBanner__Image{
        height:220px
    }

    .tarifs .devisBanner .devisBanner__Image{
        background-image: none;
        height:1px;
    }

    .enfants .devisBanner .devisBanner__Image{
        background-image: url("assets/img/enfants/visuel_footer_enfants_mobile.png");
    }
    

}

@media screen and (max-width: 768px) {
    .devisBanner .devisBanner__Block .devisBanner__Button .devisBanner__ButtonAction .devisBanner__ButtonActionLink {
        margin-top: 15px;
        position:absolute;
        margin-left:50%;
        transform: skewX(-15deg) scale(1) translateX(-55%);
    }
}

.ActionLinkSimple {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #000;
    padding-bottom: 8px;
    background: url("assets/img/decoration_down_link.jpg") repeat-x bottom left;
}

.ActionLinkSimple:hover {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

/*== JOURNEE BANNER */
.journeeBanner {
    margin-bottom: 60px;
}


.journeeBanner .journeeBanner__List {
    margin-top: 50px;
}

.journeeBanner .journeeBanner__List .journeeBanner__ListItem {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    border-radius: 2px;
    min-height: 75px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
}

.journeeBanner .journeeBanner__List .journeeBanner__ListItem {
    -webkit-transition : .33s box-shadow;
    -o-transition : .33s box-shadow;
    transition : .33s box-shadow;
}

.journeeBanner .journeeBanner__List .journeeBanner__ListItem:hover {
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.1995245);
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.1995245);
}


.journeeBanner .journeeBanner__List .journeeBanner__ListItem:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.journeeBanner .journeeBanner__List .journeeBanner__ListItem .journeeBanner__ListItemText {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    color: #150C0C;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

.journeeBanner .journeeBanner__List .journeeBanner__ListItem .journeeBanner__ListItemText.journeeBanner__ListItemTextUnMot {
    padding-top: 10px;
}



.journeeBanner__BlockBonus{
    margin-bottom:50px;
}

.journeeBanner__BlockBonus .journeeBanner__BlockBonusText {
    line-height: 54px;
    font-size: 36px;
    font-weight: normal;
}

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

    .journeeBanner {
        margin-bottom: 10px;
    }

    .journeeBanner .journeeBanner__List .journeeBanner__ListItem {
        margin-bottom: 40px;
    }

    .journeeBanner__BlockBonus{
        margin-bottom:0px
    }

    .journeeBanner__BlockBonus .journeeBanner__BlockBonusItem {
        margin-bottom: 35px;
    }

    .journeeBanner__BlockBonus .journeeBanner__BlockBonusText {
        line-height: 42px;
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .journeeBanner .journeeBanner__List .journeeBanner__ListItem {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 20px;
    }

    .journeeBanner .journeeBanner__List .journeeBanner__ListItem .journeeBanner__ListItemText {
        margin-top: -20px;
    }

    .journeeBanner .journeeBanner__List .journeeBanner__ListItem .journeeBanner__ListItemText.journeeBanner__ListItemTextUnMot {
        padding-top: 0px;
    }

    .journeeBanner__BlockBonus .journeeBanner__BlockBonusItem {
        margin-bottom: 35px;
    }
}

/*
    PAGE HOME
*/

.ratingsBanner {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ratingsBanner .ratingsBanner_SocialBlock {
    margin-bottom: 25px;
    display: block;
}

.ratingsBanner .ratingsBanner_SocialBlock img {
    width: 100%;
    max-width: 270px;
}

.eventBanner{
	padding-bottom: 47px;	
}

.BlockUser {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 13px 30px rgba(0, 0, 0, 0.0748132);
    box-shadow: 0px 13px 30px rgba(0, 0, 0, 0.0748132);
    border-radius: 4px;
    padding: 30px 30px 60px 30px;
}

.BlockUser .BlockUser__Profil {
    min-height: 40px;
}

.BlockUser .BlockUser__Profil img {
    width: 34px;
    height: 34px;
}

.BlockUser .BlockUser__Profil span {
    color: #000;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-weight: bold;
    padding-left: 10px;
}

.BlockUser .BlockUser__Text {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
}

.BlockUser .BlockUser__Text p {
    min-height: 130px;
}

.BlockUser .BlockUser__Action {
    position: absolute;
    right: 0;
    margin-top: -5px;
}

.BlockUser .BlockUser__Action span {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 10px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .BlockUser .BlockUser__Profil {
        min-height: 60px;
    }

    .BlockUser .BlockUser__Text p {
        min-height: 180px;
    }
}

@media screen and (max-width: 992px) {
    .BlockUser .BlockUser__Profil {
        min-height: 40px;
    }

    .BlockUser .BlockUser__Text p {
        min-height: 90px;
    }
}

@media screen and (max-width: 768px) {
    .BlockUser {
        padding-bottom: 15px;
        margin-bottom: 60px;
    }

    .BlockUser .BlockUser__Action {
        right: 20px;
    }

    .BlockUser .BlockUser__Text p {
        min-height: 60px;
    }
}

.success-checkmark {
    margin: 0 auto;
}
.success-checkmark .check-icon {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid #4caf50;
}
.success-checkmark .check-icon::before {
    top: 3px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
    top: 0;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
    content: "";
    height: 100px;
    position: absolute;
    background: #ffffff;
    transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
    height: 5px;
    background-color: #1f1d18;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
    top: 38px;
    right: 8px;
    width: 47px;
    transform: rotate(-45deg);
    animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 4px solid #ffca01;
}
.success-checkmark .check-icon .icon-fix {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg);
    background-color: #ffffff;
}

.success-checkmark .icon-text{
    margin-left: 105px;
    margin-top: -65px;
}
  
@keyframes rotate-circle {
    0% {
      transform: rotate(-45deg);
    }
    5% {
      transform: rotate(-45deg);
    }
    12% {
      transform: rotate(-405deg);
    }
    100% {
      transform: rotate(-405deg);
    }
}
@keyframes icon-line-tip {
    0% {
      width: 0;
      left: 1px;
      top: 19px;
    }
    54% {
      width: 0;
      left: 1px;
      top: 19px;
    }
    70% {
      width: 50px;
      left: -8px;
      top: 37px;
    }
    84% {
      width: 17px;
      left: 21px;
      top: 48px;
    }
    100% {
      width: 25px;
      left: 14px;
      top: 45px;
    }
}
@keyframes icon-line-long {
    0% {
      width: 0;
      right: 46px;
      top: 54px;
    }
    65% {
      width: 0;
      right: 46px;
      top: 54px;
    }
    84% {
      width: 55px;
      right: 0px;
      top: 35px;
    }
    100% {
      width: 47px;
      right: 8px;
      top: 38px;
    }
}
  

/*
    PAGE COMMON CSS
*/

/*== FIRST BANNER */

.firstBanner {
    padding-bottom: 50px;
}

.firstBanner .firstBanner__Title,
.firstBanner .firstBanner__Content {
    position: relative;
    z-index: 0;
}

.firstBanner__Image{
    padding-top:15px;
}

.firstBanner__Image img{
    width:100%;
    height:auto;
}

.firstBanner .firstBanner__Title {
    padding-top: 120px;
}

.firstBanner .firstBanner__Content .firstBanner__ContentButton {
    margin-bottom: 25px;
}

.firstBanner .firstBanner__Content .firstBanner__ContentButton span {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
}

.firstBanner .firstBanner__Content .firstBanner__ContentTextContact {
    font-weight: bold;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
    color: #150C0C;
    white-space: nowrap;
}


.firstBanner__ContentTextContact span{
    margin-top:7px;
}

.firstBanner__ContentTextTitle{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    padding-top:20px;
    padding-bottom:20px;
    font-weight:bold;
    font-size:16px;
}

.firstBanner .firstBanner__Content .firstBanner__ContentTextContact .firstBanner__ContentTextContactLink {
    color: #150C0C;
    text-decoration: none;
    padding-bottom: 8px;
    background: url("assets/img/decoration_down_link.jpg") repeat-x bottom left;
}

.firstBanner .firstBanner__Content .firstBanner__ContentText {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 16px;
    line-height: 25px;
    white-space: pre-line;
    margin-bottom:40px;
}

@media screen and (max-width: 991px) {
    .firstBanner {
        padding-bottom: 100px;
    }

    .firstBanner .firstBanner__Title {
        padding-top: 80px;
        margin-bottom: 30px;
    }
}


@media screen and (max-width: 768px) {
    .firstBanner {
        padding-bottom: 50px;
    }

    .firstBanner .firstBanner__Title {
        padding-top: 80px;
        margin-bottom: 20px;
        line-height: 58px;
        font-size: 64px;
    }

    .firstBanner .firstBanner__Content .firstBanner__ContentButton span {
        font-size: 14px;
    }

    .firstBanner .firstBanner__Content .firstBanner__ContentTextContact {
        font-size: 14px;
    }

    .firstBanner .firstBanner__Content .firstBanner__ContentTextContact img {
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 380px) {
    .firstBanner .firstBanner__Title {
        padding-top: 30px;
        line-height: 48px;
        font-size: 48px;
    }
}

/*== TITRE DE SECTION */
.Section .Section__Title {
    position: relative;
    z-index: 1;
}

.Section.SectionMarginTop .Section__SeparatorTitle {
    margin-top: 50px;
}

.Section.SectionNoMarginTop .Section__SeparatorTitle {
    margin-top: 0px;
}

@media screen and (max-width: 991px) {
    .Section.SectionMarginTop .Section__SeparatorTitle {
        margin-top: 30px;
    }
}

.Section.SectionNoMarginLeft .Section__SeparatorTitle,
.Section.SectionNoMarginLeft .Section__SubTitle,
.Section.SectionNoMarginLeft .Section__Text,
.Section.SectionNoMarginLeft .Section__TextSlogan {
    margin-left: 0px;
}

.Section .Section__SeparatorTitle {
    background: #FFA640;
    width: 79px;
    height: 5px;
    margin-top: -60px;
    margin-bottom: 15px;
}

.Section .Section__SubTitle,
.Section .Section__Text,
.Section .Section__TextSlogan {
    margin-bottom: 40px;
}

.Section .Section__Text a{
    text-decoration:none;
    color:#333333;
}

.Section .Section__Text a:hover{
    text-decoration: underline;
}

.Section .Section__SeparatorTitle,
.Section .Section__SubTitle,
.Section .Section__Text,
.Section .Section__TextSlogan {
    position: relative;
    z-index: 2;
    margin-left: 90px;
}

.Section .Section__TextSlogan {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    text-align:left;
}

.Section .Section__MiniTitle {
    font-size: 18px;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
}

.Section .Section__Info {
    color: #1f1d18;
    font-size: 18px;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    padding:40px;
    background:#e5e5e5;
    line-height: 28px;
    margin-top:50px;
}


.Section .Section__Info a{
    color: #1f1d18;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 24px;
    font-weight: 711;
    line-height: 28px;
    text-decoration: none;
}

.Section .Section__ActionLinkSimple {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 16px;
    line-height: 25px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

.Section .Section__ActionLinkSimple.hover {
    color: #000;
}

.Section__Video{
    margin-top:50px;
    margin-bottom: 50px;
    height:460px;
}

@media screen and (max-width: 768px) {
    .Section .Section__Title {
        font-size: 59px;
        line-height: 83px;
        margin-bottom: 50px;
    }

    .Section .Section__Title.Long_Title {
        font-size: 59px;
        line-height: 59px;

    }

    .Section .Section__SubTitle {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 10px;
    }

    .Section .Section__Text {
        font-size: 16px;
        line-height: 22px;
    }

    .Section .Section__SeparatorTitle,
    .Section .Section__SubTitle,
    .Section .Section__Text,
    .Section .Section__TextSlogan {
        margin-left: 0px;
        margin-bottom: 15px;
    }

    .Section .Section__SeparatorTitle {
        margin-top: -80px;
    }

    .Section__Video{
        height:440px;
        margin-top:10px;
        margin-bottom:10px;
    }
}

@media screen and (max-width: 320px) {
    .Section__Video{
        height:220px;
    }
}

.Content{ 
    width:60%;
    padding-bottom: 50px;
}

.Content .Content__Title{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 54px;
}


.Content .Content__Button {
    width:90%;
}

.Content .Content__Button a{
    width:100%;
    margin-top: 20px;
}

.concept2Banner{
    padding-top: 50px;
}

.pourQuiBanner .pourQuiBanner__Item{
    margin-bottom:20px;
}

.pourQuiBanner .pourQuiBanner__List{
    padding-top:50px;
    padding-bottom:50px;
}

.pourQuiBanner .pourQuiBanner__Image{
    width:50px;
    height:45px;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.pourQuiBanner .pourQuiBanner__Item img{
    max-height:45px;
    width:auto;
}

.pourQuiBanner .pourQuiBanner__Text{
    line-height:45px;
}

.barbecueBanner{
    padding-bottom:100px;
}

.barbecueBanner .Section_Text img{
    width:50px;
    height:auto;
}

.barbecueBanner .Section{
    border-radius: 4px;
    background: #E5E5E5;
    padding: 50px;
}

.barbecueBanner .Section_Image{
    padding:0;
}

.barbecueBanner .Section_Image img{
    max-height: 180px;
    max-width: 100%;
}

.barbecueBanner .Section_Text img{
    margin-right:20px;
    width:50px;
    height:auto;
    display:inline-block;
    margin-top:-15px;
}

.barbecueBanner .Section_Text h4{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 36px;
    font-weight: 711;
    line-height: 47px;
    color: #1F1D18;
    display:inline-block;
}

.tarifsBanner__Thumbnail{
    padding:40px;
    padding-top:0px;
    text-align:center;
    z-index:2;
    width: 80%;
    margin-left: 10%;
}

.tarifsBanner__Thumbnail img{
    max-height:167px;
    width:auto;
}

.tarifsBanner__Title{
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.tarifsBanner__Price{
    color: #1f1d18;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 36px;
    font-weight: 711;
    line-height: 47px;
    text-align: center;
    margin-top:20px;
}

.tarifsBanner__Price span{
    font-size: 20px;
}

.tarifsBanner__Time{
    color: #150c0c;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    display:inline-flex;
    align-items: center;
    justify-content: center;
}

.tarifsBanner__Time span{
    margin-top:5px;
}

.tarifsBanner__ContentText{
    margin-bottom:100px;
}

.tarifsBanner__ContentTextInfo{
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    display: inline-flex;
}

.tarifsBanner__ContentTextInfo .icon{
    height:30px;
    width:40px;
    display: inline-block;
    background: url(assets/img/vikings/icon_infos.svg) no-repeat center center;
}

.tarifsBanner__ContentTextInfo span{
    margin-top:5px;
}

.tarifsBanner__Action{
    z-index:2;
    margin-top:-30px;
}
.tarifsBanner__Action .btn-primary{
    width:100%;
}

.tarifsBanner__Time .icon{
    height:30px;
    width:30px;
    display: inline-block;
    background: url(assets/img/vikings/icon_hour.svg) no-repeat center center;
}

.conceptParkBanner__Link .Section_Image{
    margin-bottom:10px;
}

.conceptParkBanner__Link .Section_Image img{
    width: 100%;
    height: auto;
    max-height: 320px;
    min-height: 110px;
}

.conceptParkBanner__Link .Section{
    border-radius: 4px;
    background: #FFFFFF;
    padding: 20px;
    margin-top:-100px;
    margin-bottom:25px;
    box-shadow: 0 16px 26px 0 rgba(0,0,0,0.1);
    min-height:540px;
}

.conceptParkBanner__Link .Section.FloatRight{
    float:right;
}

.conceptParkBanner__Link .Section_Text img{
    float:left;
    margin-right:20px;
}

.conceptParkBanner__Link .Section_Text h4{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 36px;
    font-weight: 711;
    line-height: 47px;
    color: #1F1D18;
/*     white-space: nowrap; */
}

.conceptParkBanner__Link .Section_Text .Section__Type{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 20px;
    font-weight: 711;
    line-height: 26px;
}

.conceptParkBanner__Link .Section_Text .Section__Type.Paintball{
    color: #FFA640;
}

.conceptParkBanner__Link .Section_Text .Section__Type.Vikings{
    color: #A51A19;
}

.conceptParkBanner__Link .Section_Text .Section__Type.Archery{
    color: #2A76FF;
}

.conceptParkBanner__Link .Section_Text .Section_Desc{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom:30px;
}

.conceptParkBanner__LinkOther{
    position: absolute;
    top:-50px;
    right: 25px;
}

.conceptParkBanner__LinkOther > div{
    margin-top:5px;
}

.conceptParkBanner__LinkOther > div a{
    color: #e5e5e5;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.conceptParkBanner__LinkOther .icon{
    height:30px;
    width:30px;
    display: inline-block;
}

.optionsBanner_Item{
    margin-top:50px;
}

.optionsBanner__Thumbnail img{
    max-height:150px;
    width: auto;
    max-width: 100%;
}

.optionsBanner__Title {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.optionsBanner__SubTitle{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 24px;
    font-weight: 711;
    line-height: 54px;
}

.optionsBanner__Price {
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 18px;
    font-weight: 711;
    line-height: 23px;
    padding:10px;
    margin-top:50px;
    text-align:center;
    border-radius: 4px;
    background: #363333;
}

.optionsBanner__Items{
    padding-right:0px !important;
}


.conceptParkBanner .wrapper{
    max-width: 1400px;
    padding-top:40px;
    padding-bottom:60px;
    margin: auto;
    background: #dadada;
}

.conceptParkBanner .Section__Video{
    padding: 0 15px 0 15px;
    height:auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

.conceptParkBanner .conceptParkBanner__Link{
    margin-top:20px
}

.firstBanner__Page .firstBanner__Title{
    font-size:114px;
    line-height: 120px;
    padding-top: 20px;
    margin-bottom: 0px;
}

.enfants .firstBanner__Page .firstBanner__Title,
.amis .firstBanner__Page .firstBanner__Title,
.anniversaire .firstBanner__Page .firstBanner__Title,
.enterrement-vie-garcon .firstBanner__Page .firstBanner__Title,
.enterrement-vie-fille .firstBanner__Page .firstBanner__Title,
.comite-entreprises .firstBanner__Page .firstBanner__Title,
.seminaire .firstBanner__Page .firstBanner__Title,
.entreprises .firstBanner__Page .firstBanner__Title{
    font-size:70px;
    line-height: 80px;
}

.firstBanner__ContentTextContact .icon{
    height:30px;
    width:30px;
    display: inline-block;
    background: url(assets/img/home/picto_phone.svg) no-repeat center center;
}

@media screen and (max-width: 1200px) {
    .firstBanner__Page .firstBanner__Title{
        font-size: 95px;
        line-height: 105px;
    }
}


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

    .Content{ 
        width:100%;
    }    

    .concept2Banner{
        padding-top: 0px;
    }

    .firstBanner__Page .firstBanner__Title{
        font-size:110px;
        line-height: 120px;
    }

    .enfants .firstBanner__Page .firstBanner__Title,
    .amis .firstBanner__Page .firstBanner__Title,
    .anniversaire .firstBanner__Page .firstBanner__Title,
    .enterrement-vie-garcon .firstBanner__Page .firstBanner__Title,
    .enterrement-vie-fille .firstBanner__Page .firstBanner__Title,
    .comite-entreprises .firstBanner__Page .firstBanner__Title,
    .seminaire .firstBanner__Page .firstBanner__Title,
    .entreprises .firstBanner__Page .firstBanner__Title{
        font-size:110px;
        line-height: 120px;
    }
}


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

    .Content{ 
        width:100%;
    }    

    .pourQuiBanner .pourQuiBanner__List{
        padding-top:10px;
        padding-bottom:10px;
    }    

    .optionsBanner__Items{
        padding-left:5px !important;
        padding-right:5px !important;
    }
    
    .optionsBanner__Title{
        font-size:14px;
    }

    .optionsBanner__SubTitle{
        font-size:20px;
        line-height: 24px;
    }

    .optionsBanner__Price{
        font-size:16px;
    }

    .optionsBanner__Thumbnail img {
        max-height: 150px;
    }

    .conceptParkBanner__Link .Section{
        margin-top:-50px;
        padding:10px;
        min-height:350px;
    }

    .conceptParkBanner__Link .Section_Text{
        padding-left:0px;
        padding-right:0px;
        min-height:150px;
    }

    .conceptParkBanner__Link .Section_Text p, .conceptParkBanner__Link .Section_Text .Section__Type, .conceptParkBanner__Link .Section_Text .Section_Desc{
        font-size: 14px;
        line-height: 19px;
        margin-top:10px
    }

    .conceptParkBanner__Link .Section_Text h4{
        font-size: 1.5rem;
        line-height: 21px;
    }

    .conceptParkBanner .conceptParkBanner__Link{
        margin-top:0px
    }

    .barbecueBanner{
        padding-bottom:50px;
    }

    .barbecueBanner .Section{
        padding:15px;
        text-align:center;
    }

    .barbecueBanner .Section_Text h4{
        font-size: 28px;
        line-height: 42px;
    }

    .barbecueBanner .Section_Text img{
        width:32px;
    }

    .ratingsBanner, .eventBanner{
        padding-top:30px;
        padding-bottom:0px;
    }

    .firstBanner__Page .firstBanner__Image{
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0;
    }

    .firstBanner__Page .firstBanner__Title{
        font-size:80px;
        line-height:90px;
        padding-top:200px
    }

    .enfants .firstBanner__Page .firstBanner__Title,
    .amis .firstBanner__Page .firstBanner__Title,
    .anniversaire .firstBanner__Page .firstBanner__Title,
    .enterrement-vie-garcon .firstBanner__Page .firstBanner__Title,
    .enterrement-vie-fille .firstBanner__Page .firstBanner__Title,
    .comite-entreprises .firstBanner__Page .firstBanner__Title,
    .seminaire .firstBanner__Page .firstBanner__Title,
    .entreprises .firstBanner__Page .firstBanner__Title{
        font-size:80px;
        line-height: 90px;
    }

    .firstBanner .firstBanner__Title, .firstBanner .firstBanner__Content{
        text-align: center;
    }

}

@media (max-width: 565px) {

    .d-flex {
        flex-direction:column;
    }

    .conceptParkBanner .Section__Video{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .padding-xs-r{
        padding-left: 10px !important;
        padding-right: 5px !important;
    }
    
    .padding-xs-l{
        padding-left: 5px !important;
        padding-right: 10px !important;
    }

    .Content{ 
        width:100%;
    }

    .Content .Content__Button {
        align-self:center;
        margin-top: -50px;
    }

    .Content .Content__Title{
        font-size: 36px;
        line-height: 42px;

    }

    .Content .Content__Image{
        width:100%;
        height: auto;
    }

    .conceptBanner:nth-child(3) {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .conceptParkBanner__Link .Section.FloatRight{
        padding-right:5px
    }

    .conceptParkBanner__Link .Section.FloatLeft{
        padding-left:5px
    }

    .conceptParkBanner__LinkOther{
        width:100%;
        left:5px;
        right:0px;
    }
    
    .firstBanner__Page .firstBanner__Image{
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0;
    }

    .firstBanner__Page .firstBanner__Title {
        padding-top: 100px;
        text-align: center;
        line-height: 46px;
        font-size: 38px;
    }

    .enfants .firstBanner__Page .firstBanner__Title,
    .amis .firstBanner__Page .firstBanner__Title,
    .anniversaire .firstBanner__Page .firstBanner__Title,
    .enterrement-vie-garcon .firstBanner__Page .firstBanner__Title,
    .enterrement-vie-fille .firstBanner__Page .firstBanner__Title,
    .comite-entreprises .firstBanner__Page .firstBanner__Title,
    .seminaire .firstBanner__Page .firstBanner__Title,
    .entreprises .firstBanner__Page .firstBanner__Title{
        font-size:38px;
        line-height: 46px;
    }
}

@media (max-width: 360px) {
    .firstBanner__Page .firstBanner__Title {
        padding-top: 50px;
    }
}

/*
    PAGE HOME / FRONT PAGE
*/
.front-page .yellow-gradient{
    background: linear-gradient( 75.66deg, #FCA547, #FFC900);
    background: -webkit-linear-gradient( 75.66deg, #FCA547, #FFC900);
    text-shadow: 0 13px 30px rgba(255,184,85,0.5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.conceptBanner {
    padding-top:50px;
}

.conceptBanner:nth-child(3) {
    padding-top:100px;
    padding-bottom:100px;
}

.conceptBanner .Section__Button {
    margin-bottom: 30px;
    margin-left: 90px;
}

@media screen and (max-width: 768px) {
    .conceptBanner {
        padding-top:0px;
    }

    .conceptBanner .Section {
        text-align: center;
    }

    .conceptBanner .Section .Section__Title,
    .conceptBanner .Section .Section__SubTitle,
    .conceptBanner .Section .Section__Text {
        text-align: left;
    }

    .conceptBanner .Section .Section__Button {
        margin-left: auto;
        margin-right: auto;
    }

    .contactBanner .contactBanner__Map{
        padding-left:0px;
        padding-right:0px;
    }    
}

.contactBanner .contactBanner__InfoContact {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    padding-bottom: 25px;
    color: #000;
}

.contactBanner .contactBanner__InfoContact a {
    color: #000;
    align-self: center;
}

.contactBanner .contactBanner__Map {
    margin-top:auto;
}

.contactBanner .contactBanner__Map img{
    margin-top: 60px;
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
}

.contactBanner .contactBanner__Map iframe{
    position: relative;
    margin-top: -150px;
    z-index: 0;
    padding: 1px;
}


/*
    PAGE ENFANTS
*/

.tarifsPrice{
    position: relative;
    top: -50px;
}

.tarifsMiniballBannerDesc {
    margin-top: 50px;
}

.tarifsMiniballBanner .Section__Button {
    margin-bottom: 30px;
    margin-left: 90px;
}

.tarifsMiniballBanner, .tarifsPaintballAdosBanner {
    margin-top: 60px;
    margin-bottom: 80px;
}

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

    .tarifsPrice{
        top:-100px
    }

    .tarifsMiniballBannerDesc {
        margin-top: 0px;
    }

    .tarifsMiniballBanner, .tarifsPaintballAdosBanner {
        margin-top: 0px;
    }
}

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

    .tarifsPrice{
        top:-100px
    }
}

/*
    PAGE ENTREPRISES
*/
.partenairesBanner {
    padding-bottom: 150px;
}

.partenairesBanner img {
    margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
    .partenairesBanner {
        padding-bottom: 30px;
    }
}

/*
    PAGE ANNIVERSAIRE
*/
.firstBanner.contenu-page.firstBanner__anniversaire,
.firstBanner.contenu-page.firstBanner__enterrement-vie-de-jeune-fille{
	padding-bottom: 210px;
}

.equipeBanner{
padding-bottom: 80px;
}

/*
    PAGE CONCEPT
*/
.firstBanner__terrain-lyon-sud {
    background-image: url("assets/img/concept/visuel_concept_1.jpg");
    background-size: 953px 811px;
    background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 210px;
}

@media screen and (max-width: 768px) {
    .firstBanner__terrain-lyon-sud {
        background-size: 60%;
        padding-bottom: 30px;
    }
}

/* 
    PAGE CONCEPT
*/
.firstBanner__terrain-lyon-nord {
    background-image: url("assets/img/concept/terrain-nord-banner.jpg");
    background-size: 953px 811px;
    background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 210px;
}

@media screen and (max-width: 768px) {
    .firstBanner__terrain-lyon-nord {
        background-size: 60%;
        padding-bottom: 30px;
    }
}

.terrainVisiteBanner {
    background-image: url("assets/img/concept/visuel_concept_2.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .terrainVisiteBanner {
        padding-top: 250px;
        padding-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.scenarioBanner__List .scenarioBanner__ListItem {
    /*cursor: pointer;*/
    background-color: #fff;
    padding: 20px 0px 20px 0px;
    border-radius: 2px;
    margin-bottom: 0px;
}

.scenarioBanner__List .scenarioBanner__ListItem:hover {
    box-shadow: 0 12px 26px 0 rgba(0,0,0,0.1);
}

.scenarioBanner__List .scenarioBanner__ListItem.scenarioBanner__ListItemRight {
    margin-left: 10px;
}

.scenarioBanner__List .scenarioBanner__ListItem:hover {
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    z-index: 50;
}

.scenarioBanner__List .scenarioBanner__ListItem .scenarioBanner__ListItemTitle {
    margin-bottom: 15px;
}

@media screen and (max-width: 1280px) {
    .scenarioBanner__List {
        padding-left: 15px;
        padding-right: 15px;
    }

    .scenarioBanner__List .scenarioBanner__ListItem {
        /*padding-bottom: 120px;*/
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .scenarioBanner__List {
        padding-left: 80px;
    }
}

@media screen and (max-width: 768px) {
    .scenarioBanner__List .scenarioBanner__ListItem {
        padding-bottom: 120px;
    }
}

.forfaitsBanner {
    background-image: url("assets/img/concept/visuel_concept_3.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .forfaitsBanner {
        padding-top: 220px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }

    .forfaitsBanner .CallToActionBanner__BlockTitle {
        font-size: 28px;
        line-height: 36px;
    }
}

/*
    PAGE AMIS
*/
.firstBanner__entre-amis {
    background-image: url("assets/img/amis/visuel_header_amis_1.jpg");
    background-size: 953px 811px;
    background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 345px;
}

@media screen and (max-width: 768px) {
    .firstBanner__entre-amis {
        background-size: 60%;
        padding-bottom: 30px;
    }
}

.devisAmisBanner {
    background-image: url("assets/img/amis/visuel_bandeau_amis_2.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 150px;
}


/*
    PAGE TARIFS
*/
.firstBanner__tarifs {
    background-image: url("assets/img/tarifs/visuel__header_tarifs_1.jpg");
    background-size: 953px 804px;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 200px;
}

@media screen and (max-width: 768px) {
    .firstBanner__tarifs {
        background-size: 60%;
        padding-bottom: 150px;
    }
}

.tarifsBanner .tarifsBanner__List {
    margin-top: 25px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemLibelle {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    margin-bottom: 35px;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    margin-right: 20px;
    margin-top: 245px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemLibelle .tarifsBanner__ListItemLibelleText {
    font-weight: bold;
    width: 100%;
    height: 40px;
    padding-top: 10px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemLibelle .tarifsBanner__ListItemLibelleText i {
    color: #FFA640;
    font-size: 11px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemLead {
    margin-top: 0px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemLead .tarifsBanner__ListItemLeadText {
    position: relative;
    margin: auto;
    margin-top: -10px;
    text-align: center;
    font-family: "Cooper Hewitt Light";
    width: 92px;
    color: #fff;
    line-height: 20px;
    font-size: 10px;
    background: linear-gradient(75.66deg, #1A1A1A, #414141);
    -webkit-box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.3);
    border-radius: 100px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    margin-right: 20px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo2 {
    padding-top: 25px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo3 {
    padding-top: 25px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo1,
.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo4 {
    margin-top: 25px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo1 .tarifsBanner__ListItemPricingOld,
.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo4 .tarifsBanner__ListItemPricingOld {
    display: none;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner_ListItemPricingRecommended {
    color: #FFFFFF;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    height: 24px;
    width: 92px;
    border-radius: 100px;
    background: linear-gradient(45deg, #1A1A1A 0%, #414141 100%);
    box-shadow: 0 3px 17px 4px rgba(0,0,0,0.18);
    position:absolute;
    margin-left: 50%;
    margin-top:-20px;
    transform: translateX(-50%);
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingInnerBlock { 
    position: relative;
    display: inline-block;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo2 .tarifsBanner__ListItemPricingPromoBadge, 
.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo3 .tarifsBanner__ListItemPricingPromoBadge  {
    margin-top: -25px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingPromoBadge { 
    width: 44px;
    height: 43px;
    position: absolute;
    display: block;
}




.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo2 {
    padding-top: 25px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing.tarifsBanner__ListItemNo3 {
    padding-top: 25px;
}


.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingPriceDigitsCrossed { 
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-thickness: 6px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingNewPrice { 
    position: absolute;
    vertical-align: -10px;
    bottom: -1px;
    right: -38px;
    color: red;
    font-size: 19px;
    font-weight: 900;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingBillesOffertes { 
    font-weight: 900;
    color: red;
    font-size: 14px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingTitle {
    padding-top: 30px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingSubTitle {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingPrice {
    padding-top: 10px;
    font-size: 48px;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-weight: bold;
    color: #1F1D18;
    background: linear-gradient(75.66deg, #FFA641, #FFCA00);
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingPrice .tarifsBanner__ListItemPricingOld {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #504E48;
    padding-bottom: 5px;
    margin-top: -10px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingPrice .tarifsBanner__ListItemPricingOld.tarifsBanner__ListItemPricingOldBarre {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingDescription {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemSeparator {
    border-bottom: 1px solid #E5E5E5;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingOption {
    height: 40px;
    width: 100%;
    padding: 0;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingOption .tarifsBanner__ListItemPricingOptionTextResponsive {
    display: none;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingOption img {
    margin-top: 10px;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingButton {
    height: 60px;
    background: linear-gradient(71.46deg, #1A1A1A 39.89%, #414141 139.89%);
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4), 0px 11px 21px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4), 0px 11px 21px rgba(0, 0, 0, 0.5);
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingButton:hover {
    background: linear-gradient(71.46deg, #FFA640 39.89%, #FFCA00 139.89%);
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingButton:hover .tarifsBanner__ListItemPricingButtonLink {
    color: #000;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingButton:before {
    /* Utile pour centrer verticalement le bouton réserver */
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingButton .tarifsBanner__ListItemPricingButtonLink {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-decoration: none;
}

.tarifsBanner .tarifsBanner__Text {
    padding-top: 50px;
    padding-bottom: 50px;
}

.centimes-tarifs {
    top: -1.2em;
    font-size: 18px;
}

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

    .tarifsBanner .tarifsBanner__Text{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemLibelle {
        display: none;
    }

    .tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing {
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 35px;
    }

    .tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingOption {
        padding-top: 10px;
    }

    .tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingOption .tarifsBanner__ListItemPricingOptionTextResponsive {
        display: inline;
        margin-top: 5px;
    }

    .tarifsBanner .tarifsBanner__List .tarifsBanner__ListItemPricing .tarifsBanner__ListItemPricingOption img {
        margin-top: 0px;
    }
}

.materielBanner {
    padding-top: 50px;
    padding-bottom: 50px;
}

.materielBanner__List{
    margin-left: 80px;
}

@media screen and (max-width: 768px) {
    .materielBanner {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .materielBanner__List{
        margin-left: 0px;
    }
}


@media screen and (max-width: 768px) {
    .devisTarifsBanner .devisBanner__Block {
        margin-top: -70px;
    }
}

/*
    PAGE RESERVATION
*/
.firstBanner__Reservation {
    padding-bottom: 120px;
}

.formulairesBanner {
    margin-bottom: 100px;
}

.formulairesBanner .formulairesBanner_colTabs {
    margin-top: -30px;
    margin-bottom: 90px;
}

.formulairesBanner .formulairesBanner_colTabsResponse {
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    padding: 160px 25px;
}

.formulairesBanner .formulairesBanner_colTabsResponse button {
    margin-top: 50px;
}

.formulairesBanner .formulairesBanner_colContact {
    margin-top: 40px;
    margin-bottom: -30px;
}

.formulairesBanner .formulairesBanner_colContact .Section__Horaires {
    margin-top: 15px;
}

.formulairesBanner .nav.nav-tabs li {
    padding: 0px;
    background-color: #EEEDE9;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.03);
    position: relative;
    z-index: 1;
    float: left;
    width: 50%;
}

.formulairesBanner .nav.nav-tabs li a {
    padding: 20px;
    line-height: 25px;
    font-size: 16px;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    color: #150C0C;
    text-decoration: none;
    font-weight: bold;
}

.formulairesBanner .nav.nav-tabs li.active {
    z-index: 2;
    background-color: #fff;
    margin-top: 2px;
}

.formulairesBanner .nav.nav-tabs li.active a {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.03);
    border: 0px;
}

.formulairesBanner input.form-control {
    height: 44px;
}

.formulairesBanner form {
    padding: 70px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.0995245);
    position: relative;
    z-index: 2;
}

.formulairesBanner form label {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.formulairesBanner form input[type="text"],
.formulairesBanner form input[type="tel"],
.formulairesBanner form input[type="number"],
.formulairesBanner form input[type="email"],
.formulairesBanner form textarea {
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    background-color: #EEEDE9;
    border-radius: 2px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.formulairesBanner form .form-group select {
    display: block;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    line-height: 20px;
    background-color: #EEEDE9;
    border-radius: 2px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.formulairesBanner form input[type="text"]:focus,
.formulairesBanner form textarea:focus {
    border-color: #EEEDE9;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.0995245);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.0995245);
}

.formulairesBanner form textarea {
    padding: 12px;
}

.formulairesBanner form .btn-submit {
    margin-top: 15px;
    width: 100%;
    height: 60px;
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    border-radius: 0px;
    line-height: 20px;
}

.formulairesBanner form .btn-submit span {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
}

@media screen and (max-width: 991px) {
    .formulairesBanner .formulairesBanner_colContact {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .formulairesBanner .formulairesBanner_colTabs {
        margin-left: 15px;
        margin-right: 15px;
    }

    .formulairesBanner .nav.nav-tabs li.active a {
        margin-bottom: 0px;
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 476px) {
    .formulairesBanner .nav.nav-tabs li a {
        height: 98px;
        margin-bottom: 0px;
    }

    .formulairesBanner form {
        padding: 25px;
    }
}

.topBanner__NavMobileMenu{
	padding-left: 0px;
	list-style-type: none;
}

.topBanner__NavMobileSubMenu{
	display: none;
	padding: 0px;
}

.topBanner__NavMobile .topBanner__NavMobileLink.child {
/*     padding-left: 45px;
    font-size: 14px; */
    display: block;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #F6C73F;
}

.vikings .topBanner__NavMobile .topBanner__NavMobileLink.child {
    color: #A51A19;
}

.archery .topBanner__NavMobile .topBanner__NavMobileLink.child {
    color: #2A76FF;
}

.topBanner__NavMobile .topBanner__NavMobileLink.child:before{
	content: url('assets/img/icon-double-arrow.png');
}

/*
    PAGES BONS CADEAUX
*/
.formulairesVoucher{
    margin-bottom:100px;
}

.formulairesVoucher .step{
    color: #ffa640;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 14px;
    font-weight: 711;
    line-height: 18px;
}

.formulairesVoucher .border-2{
    border: 2px solid #504e48;
}

.formulairesVoucher .cart{
    color: #1f1d18;
    font-size: 18px;
}

.formulairesVoucher .cart strong{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
}

.formulairesVoucher .cart .row{
    margin-top:-2px;
}


.formulairesVoucher .cart .line-total{
    line-height:36px;
}

.formulairesVoucher .cart .line-total .total{
    font-size: 36px;
}

.formulairesVoucher .cart.novoucher p{
    margin-top:10px;
}

.formulairesVoucher__Choose{
    margin-top:60px;
    margin-bottom:20px;
}

.formulairesVoucher__Thumbnail {
    margin-top:-60px;
    margin-bottom:20px;
}

.formulairesVoucher__Choose .price{
    color: #1f1d18;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 24px;
    font-weight: 711;
    line-height: 31px;
}

.formulairesVoucher__Choose .price input {
    width: 65px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 0;
    background-color:#e5e5e5;
}

.formulairesVoucher__Choose .actionNumber{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 25px;
    height: 25px;
    text-align: center;
    border: 3px solid #ffca01;
    border-radius: 50%;
    background-clip: padding-box;
    color:black;
    font-weight: 711;
}

.formulairesVoucher__Choose .qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    width: 20px;
    margin-top:2px;
    text-align: center;
    border: 0;
}

.formulairesVoucher__ButtonActionNextStep {
    text-align:right;
}

.formulairesVoucher__Choose > div:nth-child(2), .formulairesVoucher__Choose > div:nth-child(3){
    margin-left:-2px;
}

.formulairesVoucher .formulairesBanner{
    margin-bottom:50px;
}

.formulairesVoucher hr{
    border-top:1px solid #1f1d18;
}

.formulairesVoucher h4{
    line-height:32px
}

.formulairesVoucher h4 a{
    color:#1F1D18;
    text-decoration:none;
}

.formulairesVoucher span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


.formulairesVoucher__Choose .qty input::-webkit-outer-spin-button,
.formulairesVoucher__Choose .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.formulairesVoucher__Choose .qty  input:disabled{
    background-color:white;
}

.formulairesVoucher .formulairesVoucher__BlockLink{
    margin-bottom:20px;
}

.formulairesVoucher .formulairesVoucher__BlockLink a{
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #000;
    padding-bottom: 8px;
    background: url("assets/img/decoration_down_link.jpg") repeat-x bottom left;
    text-decoration:none;
}

.formulairesVoucher__ButtonActionNextStep{
    margin-top:30px;
}


@media screen and (max-width: 991px) {
    
    .formulairesVoucher__Choose .price{
        font-size: 32px;
        margin-bottom:10px;
        text-align:center;
    }

    .formulairesVoucher__Choose .price input {
        width: 100px;
        height:50px;
    }

    .formulairesVoucher__Choose > div:nth-child(2), .formulairesVoucher__Choose > div:nth-child(3){
        margin-left:0px;
        margin-top:60px;
    }

    .formulairesVoucher__Choose .actionNumber{
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .formulairesVoucher__Choose .qty .count {
        font-size: 36px;
        width:150px
    }

    .formulairesVoucher__ButtonActionNextStep,
    .formulairesVoucher .formulairesVoucher__BlockLink {
        text-align:center;
    }
}

/*
    PAGE VIKINGS
*/
 body.vikings{
    color:white;
    background-color: #1A1716;
}

.vikings .red-gradient{
    background: linear-gradient(233deg, #E41A1A, #A51A19);
    background: -webkit-linear-gradient(233deg, #E41A1A, #A51A19);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vikings .red{
    background: #cb1010;
}

.vikings .firstBanner__Title{
    color:#e5e5e5;
}

.vikings .firstBanner__Content .firstBanner__ContentTextContact .firstBanner__ContentTextContactLink{
    color:white;
    background: url(assets/img/decoration_down_link_red.jpg) repeat-x bottom left;
}

.vikings .btn-primary{
    background: linear-gradient(233deg, #A51A19, #E41A1A);
    background: -webkit-linear-gradient(233deg, #A51A19, #E41A1A);
    box-shadow: none;
    transition: transform 200ms;
}

.vikings .btn-primary span{
    color:#e5e5e5;
}

.vikings .topBanner__InfoSocialLink a{
    color:white;
}

.vikings .firstBanner .firstBanner__Content .firstBanner__ContentTextContact {
    color:white;
}

.vikings .firstBanner__ContentTextContact .icon{
    height:30px;
    width:30px;
    display: inline-block;
    background: url("assets/img/vikings/icon_phone.svg") no-repeat center center;
}

.vikings .Section__Title{
    color:rgba(239,239,239,0.07);
}

.vikings .Section__SeparatorTitle{
    background:#A11A19;
}

.vikings .Section__SubTitle{
    color:#e5e5e5;
}

.vikings p{
    color:#e5e5e5;
    margin-top: 10px;
}

.vikings .pourQuiBanner__Text{
    color:#e5e5e5;
}


.vikings .barbecueBanner .Section{
    border-radius: 4px;
    background: #363333;
    padding: 50px;
}

.vikings .barbecueBanner .Section_Image img{
    max-height: 180px;
    max-width: 100%;
}

.vikings .barbecueBanner .Section_Text img{
    margin-right:20px;
    display:inline-block;
}

.vikings .barbecueBanner .Section_Text h4{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 36px;
    font-weight: 711;
    line-height: 47px;
    color: #e5e5e5;
    display:inline-block;
}

.vikings .materielsBanner__Details{
    border-radius: 4px;
    background: #363333;
    margin-top: -40px;
    padding-top: 40px;
    padding-bottom:40px;
    z-index:1;
}

.vikings .materielsBanner__Thumbnail{
    border-radius: 4px;
    background: url(assets/img/vikings/hache_viking.svg) #d4cfcd no-repeat center center;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align:center;
    z-index:2;
}

.vikings .materielsBanner__Thumbnail img{
    max-height: 120px;
    width: auto;
    max-width: 100%;
}

.vikings .__Title{
    color: #e2e2e2;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 18px;
    font-weight: 711;
    line-height: 23px;
    margin-top:20px;
}


.vikings .tarifsBanner{
    margin-bottom: 60px;
}

.vikings .__Stat{
    color: #e5e5e5;
    font-family: 'PT Sans__subset', 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.vikings .__Bloc{
    height:12px;
    border-radius: 2px;
    background: #221f1f;
    transform: skewX(-10deg);
    margin-left:0.25rem;
}

.vikings .__Bloc.active{
    background: #A11A19;
}

.vikings .__SubTitle{
    margin-top:10px;
    margin-bottom:5px;
    padding-left: 0px;
}

.vikings .materielsBanner__Illu{
    background: url(assets/img/vikings/vikings_helmet.png) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top:-80px;
    z-index:0;
    min-height:550px;
}

.vikings .tarifsBanner__Title{
    color: #A11A19;
}

.vikings .tarifsBanner__Details{
    border-radius: 4px;
    background: #d4cfcd;
    margin-top: -140px;
    padding-top: 120px;
    padding-bottom:60px;
    z-index:1;
}

.vikings .optionsBanner__Title {
    color: #A11A19;
}

.vikings .optionsBanner__SubTitle{
    color: #ffffff;
}

.vikings .optionsBanner__Price {
    color: #ffffff;
    background: #363333;
}

.vikings .optionsBanner__Description{
    margin-top:50px;
}

.vikings .optionsBanner__ItemDetails{
    border-radius: 4px;
    background: #363333;
    margin-top: -100px;
    padding-top: 100px;
    padding-bottom:40px;
    margin-bottom:10px;
    z-index:1;
}

.vikings .optionsBanner__ItemThumbnail{
    border-radius: 4px;
    background: url(assets/img/vikings/hache_viking.svg) #d4cfcd no-repeat center center;
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align:center;
    z-index:2;
}

.vikings .optionsBanner__ItemThumbnail img{
    max-height: 60px;
    width: auto;
    max-width: 100%;
}

.vikings .chezVousBanner{
    padding-top:100px;
    padding-bottom:100px;
}

.vikings .chezVousBanner .Section{
    border-radius: 4px;
    background: #363333;
    padding: 40px;
}

.vikings .chezVousBanner .Section_Image img{
    max-height: 180px;
    max-width: 100%;
}

.vikings .chezVousBanner .Section_Text img{
    float:left;
    margin-right:20px;
    margin-top: 10px;
}

.vikings .chezVousBanner .Section_Text h4{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 36px;
    font-weight: 711;
    line-height: 47px;
    color: #e5e5e5;
}

.vikings .conceptParkBanner .wrapper{
    background: #1C1919;
}


/* .vikings .conceptParkBanner__Link .Section_Image img{
    max-width: 100%;
    max-height: 125px;
} */

.vikings .conceptParkBanner__Link .Section{
    background: #363333;
}

 .vikings .conceptParkBanner__Link .Section_Text h4{
    color: #e5e5e5;
}/*

.vikings .conceptParkBanner__Link .Section_Text p{
    color:#A11A19;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

.vikings .conceptParkBanner__LinkOther{
    display: inline-flex;
    float:right;
    margin-top: 0px;
    margin-right: 0px;
    position: relative;
    top:0px;
    right:0px;
}
*/

.vikings .conceptParkBanner__LinkOther a{
    background: linear-gradient(75.66deg, #FCA547, #FFC900);
}

.vikings .conceptParkBanner__LinkOther a span{
    color: #1F1D18;
}

/* .vikings .conceptParkBanner__LinkOther .icon{
    background: url(assets/img/vikings/icon_arrow.svg) no-repeat center center;
}  */

@media screen and (max-width: 992px) {
    .vikings {
        background-position: top 0px right 0%;
    }
}

@media screen and (max-width: 768px) {
    .vikings{
        background-size: 60%;
        padding-bottom: 30px;
    }

    .vikings .barbecueBanner .Section{
        padding:15px;
    }

    .vikings .materielsBanner__Illu{
        background: url(assets/img/vikings/vikings_helmet_mobile.png) no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-top:-80px;
        z-index:0;
    }

    .vikings .optionsBanner__ItemThumbnail img{
        max-height:40px;
    }

    .vikings .optionsBanner__Description{
        margin-top:0px;
    }
    
    .vikings .optionsBanner__ItemDetails{
        margin-top: 0;
        padding-top: 0;
        padding:10px;
    }

    .vikings .optionsBanner__Price{
        margin-top:0px;
    }

    .vikings .chezVousBanner .Section{
        padding: 15px;
    }

    .vikings .__Title{
        font-size: 12px;
        line-height: 14px;
        min-height: 30px;
        padding-left:0px;
        padding-right:0px;
    }

    .vikings .__Stat{
        padding-left:0px;
        padding-right:0px;
    }

    .vikings .__Bloc{
        margin-left:0.15rem;
    }

    
    .vikings .chezVousBanner .Section_Text h4{
        color: #e5e5e5;
        font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
        font-size: 20px;
        font-weight: 711;
        line-height: 28px;
    }

    .vikings .chezVousBanner{
        padding-bottom:50px;
    }

    
}

/*
    PAGE ARCHERY
*/
body.archery{
    color:#221E1D;
    background-color: white;
}

 .archery .blue-gradient{
    background: linear-gradient(233deg, #2B79FF, #3A9FFF);
    background: -webkit-linear-gradient(233deg, #2B79FF, #3A9FFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.archery .blue{
    background: #0c0e15;
}

.archery .firstBanner__Title{
    color:#221E1D;
}

.archery .firstBanner__Content .firstBanner__ContentTextContact .firstBanner__ContentTextContactLink{
    color:#221E1D;
    background: url(assets/img/decoration_down_link_blue.jpg) repeat-x bottom left;
}

.archery .btn-primary{
    color:white;
    background: linear-gradient(233deg, #2B79FF, #3A9FFF);
    background: -webkit-linear-gradient(233deg, #2B79FF, #3A9FFF);
    box-shadow: none;
}

.archery .btn-primary span{
    color:white;
}

.archery .firstBanner__ContentTextContact .icon{
    height:30px;
    width:30px;
    display: inline-block;
    background: url(assets/img/archery/icon_phone.svg) no-repeat center center;
}

.archery .Section__Title{
    color:#EFEFEF;
}

.archery .Section__SeparatorTitle{
    background:#5079E4;
}

.archery .Section__SubTitle{
    color:#221E1D;
}

.archery p{
    color:#221E1D;
    margin-top:10px;
}

.archery .pourQuiBanner__Text{
    color:#221E1D;
}

.archery .barbecueBanner .Section{
    border-radius: 4px;
    background: #E5E5E5;
    padding: 50px;
}

.archery .barbecueBanner .Section_Image img{
    max-height: 180px;
    max-width: 100%;
}

.archery .barbecueBanner .Section_Text img{
    margin-right:20px;
    display:inline-block;
}

.archery .barbecueBanner .Section_Text h4{
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 36px;
    font-weight: 711;
    line-height: 47px;
    color: #1F1D18;
    display:inline-block;
}

.archery .concept2Banner .Section__Video{
    background-color:#e2e2e2;
}

.archery .materielsBanner__Illu img{
    width:100%;
    z-index:0;
}

.archery .materielsBanner__Illu{
    background: url(assets/img/archery/materiel.png) no-repeat center center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    z-index:0;
    min-height:500px;
}


.archery .tarifsBanner__Title{
    color:#5079E4
}

.archery .tarifsBanner__Details{
    border-radius: 4px;
    background: white;
    padding-top:20px;
    padding-bottom:60px;
    z-index:1;
    box-shadow: 0 12px 26px 0 rgba(0,0,0,0.1);
}


.archery .tarifsBanner{
    margin-bottom:80px;
}

.archery .optionsBanner{
    margin-top:100px;
    margin-bottom:100px;
}

.archery .optionsBanner_Item{
    margin-top:0px;
}

.archery .optionsBanner__Title {
    color: #2870FF
}

.archery .optionsBanner__SubTitle{
    color: #0C0E15
}

.archery .optionsBanner__Price {
    color: #0C0E15;
    background-color: #FFFFFF;
    box-shadow: 0 12px 26px 0 rgba(0,0,0,0.1);
    margin-top: 0px;
}

.archery .optionsBanner__Illu img{
    width:100%;
}

/*
.archery .conceptParkBanner .Section__Title{
    color: #DADADA;
}
 */
/* .archery .conceptParkBanner__Link .Section_Image img{
    max-width: 100%;
    max-height: 125px;
}

.archery .conceptParkBanner__Link .Section{
    background: white;
    box-shadow: 0 16px 26px 0 rgba(0,0,0,0.1);
    margin-top:-120px;
}
 .archery .conceptParkBanner__Link .Section_Text h4{
    color: #1F1D18;
}

.archery .conceptParkBanner__Link .Section_Text p{
    color: #2A76FF;
    font-family: 'Cooper Hewitt__subset','Cooper Hewitt', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

.archery .conceptParkBanner__LinkOther{
    display: inline-flex;
    float:right;
    margin-top: 0px;
    margin-right: 0px;
    position: relative;
    top: 0px;
    right: 0px;
}

.archery .conceptParkBanner__LinkOther a{
    color: #1F1D18;
}

.archery .conceptParkBanner__LinkOther .icon{
    background: url(assets/img/archery/icon_arrow.svg) no-repeat center center;
} */

@media screen and (max-width: 992px) {
    .archery {
        background-position: top 0px right 0%;
    }

    .archery .barbecueBanner .Section{
        padding:15px;
    }

    .archery .materielsBanner__Illu{
        background: url(assets/img/archery/materiel_mobile.png) no-repeat center center; 
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        z-index:0;
        padding-bottom: 100%;
        min-height:auto;
    }

    .archery .optionsBanner {
        margin-top: 20px;
    }
}



/*
    Custom Latepoint (plugin de réservation)
*/

/* je cache les prix associés aux durées*/
.os-duration-price{
    display: none;
}

/* fix d'un bug, manque une marge */
.payment-total-price-w > .lp-price-value {
    margin-left: 8px;
}

/* customisation couleur trouvée ici : https://wpdocs.latepoint.com/custom-css-for-changing-colors/ */
/* .latepoint-w .latepoint-booking-form-element h1, .latepoint-w .latepoint-booking-form-element h2, .latepoint-w .latepoint-booking-form-element h3, .latepoint-w .latepoint-booking-form-element h4, .latepoint-w .latepoint-booking-form-element h5 { color : #FFA640!important; } */
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5:before {background-color: #FFA640!important;}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li.active a {color: #FFA640!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a:before { background-color: #FFA640!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {color: #FFA640!important; }
.latepoint-btn.latepoint-btn-primary { background-color: #FFA640!important; }

.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li a:hover { border-color: #FFA640!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li.selected a { border-color: #FFA640!important; background-color: #fcecfd!important; }

.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a:hover { border-color: #FFA640!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li.selected a { border-color: #FFA640!important; background-color: #fcecfd!important; }

.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a { box-shadow: 0px 0px 0px 2px #FFA640, 0 10px 32px 0 #fcecfd!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover { box-shadow: 0px 0px 0px 2px #FFA640, 0 10px 32px 0 #fcecfd!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a .agent-name { color: #FFA640!important; }

.os-monthly-calendar-days .os-day.selected .os-day-box { background-color: #FFA640!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover .agent-name { color: #FFA640!important; }
.dp-timeslot.selected .dp-label {background-color: #FFA640!important; }
.dp-timeslot.selected {background-color: #FFA640!important; }
.os-weekdays .weekday { color: #c185d8; }
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before { background-color: #FFA640!important; }

.summary-box .sbc-highlighted-item {
    color:  #FFA640!important;
}


/* ajout perso */

.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item>.os-item-i:hover {
    border-color: #FFA640!important;
    box-shadow: 0 0 0 1px #FFA640!important;
}

.latepoint-icon.latepoint-icon-external-link{
    color:  #FFA640!important;
}


.step-customer-logout-btn{
    color:  #FFA640!important;
}


.step-contact-logged-in-header-w div:before{
    background-color:  #FFA640!important;
}


/* honeypot */
.honey{
    display:none;
}

/* ------------------------- PAGE TARIFS */
.activityMenuTitle h2{
	font-family: "PT Sans";
	font-weight: 400;
	font-size: 22px;
	line-height: 20px;
	color:#150C0C;
	margin-bottom: 25px;
}




.nav.div__TarifsMenuRow{
	display: flex !important;
	width: 100% !important;
	align-items: center;
	justify-content: center;
	gap: 0px;
	margin: auto;
	flex-wrap: wrap !important;
	max-width: 700px;
	margin-bottom: 0px;
}

.activityBanner .tab-content{
	padding-top: 50px;
}

.div__TarifsMenuItem{
	max-width: 165px;	
	width: 100%;	
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
}
.div__TarifsMenuItem .nav-link{
	display: flex !important;
	width: 100% !important;
	align-items: center;
	justify-content: center;
	height: 56px;
	padding: 10px;
	background-color: #EEE;
	border-radius: 4px;
	
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	color: #000;
}

.div__TarifsMenuItem .nav-link:hover{
	text-decoration:none;
}


/*Contenu d'une cellule de Tarifs */
.div__ActiviteTitle{
	text-align: center;
	margin-bottom: 50px;
}
.div__ActiviteTitle h2{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 48px;
	line-height: 54px;
	font-weight: 700;
	color: #0C0E15;
	margin-bottom: 0px;
}
.div__ActiviteSince{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 19px;
	line-height: 54px;
	font-weight: 300;
	color: #0C0E15;
}


.div__ActiviteAlreadyRow{
	display: flex !important;
	width: 100% !important;
	align-items: center;
	justify-content: space-between;
	padding: 25px;
	border: 2px solid #f3f3f3;
	border-radius: 6px;
	margin-bottom: 50px;
}

.div__ActiviteAlreadyCol1{
	
}
.div__ActiviteAlreadyTitle{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 28px;
	font-weight: 700;
	color: #0C0E15;
	
}
.div__ActiviteAlreadyText{	
	font-family: "PT Sans";
    font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	color: #0C0E15;
}

.div__ActiviteAlreadyCol2{
	
}

.div__Button{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 18px;
	font-weight: 700;
	padding: 20px;
	border-radius: 8px;
}

.div__Button.modalButton{
	border:none;
}


.div__Par1,
.div__Par2,
.div__Par3{
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom:50px;
}

.div__Par1Title,
.div__Par2Title,
.div__Par3Title{
	display: flex;
	align-items: center;
	gap:10px;
	margin-bottom: 18px;
}

.div__Par1Number,
.div__Par2Number{
	border-radius: 6px;
	border: 1px solid #eee;
	padding: 3px 6px;
	font-family: "PT Sans";
    font-size: 22px;
	font-weight: 700;
	line-height: 22px;
}

.div__Par1Text,
.div__Par2Text{
	font-family: "PT Sans";
    font-size: 22px;
	font-weight: 300;
	line-height: 22px;
	gap:20px;
	padding: 3px 6px;
	border-radius: 6px;
	background-color: #eee;
	border: 1px solid #eee;
}

.div__Par1Intro,
.div__Par2Intro{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 25px;
	font-weight: 700;
	line-height: 25px;
	color: #000;
	margin-bottom: 50px;
}

.div__Par1IntroText{
	
}

.div__Par1Row{
	width: 80%;
	margin:auto;
	display: flex;
	align-items: center;
}

.div__Par1Col1{
	width: 35%;
}
.div__Par1Col2{
	width: 65%;
}

.div__Par1Block {
	display: flex;
	width: 100%;
	max-width: 270px;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	gap: 0px;
	background-color: #eee;
	padding: 20px;
	border-radius: 4px;
}

.div__Par1PriceBefore{
	color: rgba(255,255,255,0.5) !important;
	font-family: "PT Sans";
    font-size: 16px;
	font-weight: 700;
	line-height: 20px;		
	margin-bottom: 20px;
}

.div__Par1Price{
	color: #fff !important;
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 57px;
	font-weight: 700;
	line-height: 54px;		
	margin-bottom: 12px;
}

.div__Par1PriceAfter{
	color: #fff !important;
	font-family: "PT Sans";
    font-size: 14px;
	font-weight: 700;
	line-height: 20px;		
	
}

.div__Par1CallToAction{
	display: flex;
	width: 100%;
	max-width: 270px;
	flex-direction: row;
	align-items:center;
	justify-content:center;
	gap: 10px;
	background: linear-gradient(#1a1a1a, #414141);
	padding: 10px;
	border-radius: 4px;
	margin-top: 10px;
	box-shadow: rgba(0,0,0,0.4) 0px 10px 30px 0px;

}
.div__Par1CallToActionIcon{
	color: #fff;
	font-family: "PT Sans";
    font-size: 16px;
	font-weight: 400;
	line-height: 20px;		
}
.div__Par1CallToActionText{
	color: #fff;
	font-family: "PT Sans";
    font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}
.div__Par1Info{
	display: flex;
	width: 100%;
	max-width: 270px;
	flex-direction: row;
	align-items:center;
	justify-content: space-between;
	padding: 3px 20px 10px 20px;
}
.div__Par1SmallText{
	color: #150C0C;
	font-family: "PT Sans";
    font-size: 14px;
	font-weight: 400;
	line-height: 20px;			
	
}
.div__PriceBarred{	
	color: #0C0E1599;
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 28px;
	font-weight: 700;
	line-height: 54px;	
  position: relative;
  display: inline-block;
}
.div__PriceBarred::after{	
	content: '';
	position: absolute;
	left: 8%;
    top: 75%;
    width: 90%;
	height: 3px; /* Épaisseur du trait */
	background-color: red;
	transform: rotate(-45deg); /* Ajustez l'angle ici */
	transform-origin: left center;
}
.div__Par1Col2 ul{

}
.div__Par1Col2 ul li{
	font-family: "PT Sans";
    font-size: 18px;
    line-height: 18px;
	margin-bottom: 25px;
	font-weight: 600;
}

.div__Par1Col2 ul li strong{
	font-family: "PT Sans";
    font-size: 18px;
    line-height: 18px;
	margin-bottom: 25px;
	font-weight: 400;
	background-color: #f3f3f3;
	color: #000;
	border-radius: 5px;
	padding-left:2px;
	padding-right:2px;
}




.div__Par2IntroText{

}

.div__Par2RechargedRow{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border: 2px solid #f3f3f3;
	border-radius: 6px;
	margin-bottom: 50px;
}

.div__Par2RechargedCol1{
	width: 50%;
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: flex-start;
}

.div__Par2RechargedImg{
	margin-left: 15px;
	margin-top: -20px;
}

.div__Par2RechargedText{
	font-family: "PT Sans";
    font-size: 18px;
    line-height: 18px;
	font-weight: 700;

}

.div__Par2RechargedCol2{
	width: 50%;
	max-width: 200px;
	text-align: center;
	display: flex;
	align-items: center;
	padding: 5px;
	justify-content: flex-end;
}

.div__Par2RechargedPrice{
	font-family: "PT Sans";
    font-size: 22px;
    line-height: 28px;
	font-weight: 400;
	background-color: #f3f3f3;
	border-radius: 6px;
	color: #000;
	padding-left:6px;
	padding-right:6px;
	
	display: flex; /* Utilise Flexbox */
            align-items: center; /* Alignement vertical au centre */
            justify-content: center; /* Pour aligner horizontalement au centre, si nécessaire */
}
.div__Par2RechargedPrice strong{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 32px;
    line-height: 54px;
	font-weight: 700;
	padding-right: 5px;
	color: #000;
}
.div__Par2RechargedPrice span.euro{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 20px;
    line-height: 34px;
	font-weight: 700;
	color: #000;
}

.div__InfoPacks{
 padding-left:10px;
 padding-right:10px;
}

.div__PromotionInfo{
	display: flex;
	justify-content: center;
	align-items: center;
}
.div__PromotionInfoEco{
    font-family: "PT Sans";
    font-size: 16px;
    line-height: 16px;
	font-weight: 400;
}

.div__Packs{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-end;
	margin-bottom: 20px;
	margin-top: -25px;
	gap: 20px;
}

.div__Pack{
	width: 100%;
	max-width: 230px;
	border-radius: 6px;
	border: 1px solid #e5e5e5;
	box-shadow: rgba(0,0,0,0.4) 0px 10px 30px 0px;
	background-color: #fff;
	padding: 0px 20px 30px 20px;
	display: flex;
	flex-direction: column;
	gap: 0px;
	
}


.div__Packs.div__4Packs .div__Pack{
	max-width: 230px;
}
.div__Packs.div__3Packs .div__Pack{
	max-width: 325px;
}




.div__Pack.div__PackOption{
	
}


.div__PackRowHeader{
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
}

.div__PackImg img{

}

.div__PackInfo{
	margin-top: -10px;
	background-color: #FFBC1C;
	border-radius: 500px;
	padding:3px 6px;
	font-family: "PT Sans";
    font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	
}
.div__PackTitre{
	width: 100%;
	text-align:center;
}

.div__PackTitreOption{
	width: 100%;
	text-align:center;
	font-family: "PT Sans";
    font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 16px;
	color: #FFA641;
}

.div__PackTitleText{
	width: 100%;
	text-align:center;
	font-family: "PT Sans";
    font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 23px;
	color: #000;
}

.div__PackDescription{
	width: 100%;
	text-align:center;
	font-family: "PT Sans";
    font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 23px;
	color: #000;
}

.div__PackPriceBarred{
}
.div__PackPriceBarredNone{
	height: 54px;
}
.div__PackPriceEmpty{
		height: 35px;
}
.div__PackPriceBarred{	
	width: 100%;
	text-align:center;
	color: #0C0E1599;
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 28px;
	font-weight: 700;
	line-height: 54px;	
  position: relative;
  display: inline-block;
}
.div__PackPriceBarred::after{	
	content: '';
	position: absolute;
	left: 40%;
    top: 75%;
    width: 90%;
	max-width:50px;
	height: 3px; /* Épaisseur du trait */
	background-color: red;
	transform: rotate(-45deg); /* Ajustez l'angle ici */
	transform-origin: left center;
}

.div__PackBlock{
	width: 100%;
	text-align:center;
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content:center;
	background-color: #eee;
	border-radius: 8px;
	height: 115px;
	padding: 30px 10px;
	margin-bottom: 0px;
}

.div__PackBlockPrice{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 43px;
	font-weight: 700;
	line-height: 54px;
	/*color: #000;*/
}
.div__PackBlockText{
	font-family: "PT Sans";
    font-size: 13px;
    line-height: 16px;
	font-weight: 400;

}
.div__PackBlockEconomy{
	width: 100%;
	text-align:center;
	font-family: "PT Sans";
    font-size: 13px;
    line-height: 16px;
	font-weight: 400;
	color:#000;
	min-height: 16px;
}

.div__Promotions{
	display: flex;
	justify-content: space-between;
	padding: 15px 0px 15px 0px;
	gap: 10px;
}
.div__PromotionInfo{
	font-family: "PT Sans";
    font-size: 16px;
    line-height: 16px;
	font-weight: 400;
	display: flex;
	gap: 10px;
	padding-left: 10px;
	padding-left: 10px;
}

.div__PromotionInfo .div__PromotionDate{
	background-color: #eee;
	border-radius: 6px;
	font-weight: 600;
	padding: 4px 5px;
}


.div__InfosBille{
	font-family: "PT Sans";
    font-size: 16px;
    line-height: 16px;
	font-weight: 400;
	padding-right:10px;
	padding-left:10px;
}

.div__Par3{
	width: 100%;
	
}

.div__Par3Title h3{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 25px;
	font-weight: 700;
	line-height: 25px;
	color: #000;
	margin-bottom: 25px;
}

.div__Par3Row{
	display: flex;
	gap:50px;
}

.div__Par3Col1{
	width: 50%;
}

.div__Par3Col1Row{
	display: flex;
	align-items: center;
	justify-content: left;
	gap: 5px;
	margin-bottom: 20px;
}

.div__Par3Col1Text,
.div__Par3Col2Text{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	color: #000;
}
.div__Par3Col1Text img,
.div__Par3Col2Text img{
	margin-right: 10px;
}


.div__Par3Col1Duration{
	background-color: #eee;
	padding-left:5px;
	padding-right:5px;
	
    font-family: "PT Sans";
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}

.div__Features{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px;
}

.div__Feature{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 190px;
	gap: 15px;
}

.div__FeatureImg{
}

.div__FeatureText p{
	margin-bottom:0px !important;
}

.div__Par3Col2{
	width: 50%;
}
.div__Par3Col2.div__Par3ColFull{
	width: 100% !important;
}

.div__Par3Col2Row{
	margin-bottom: 20px;
}

.div__Par3Col2Text{
}

.div__FeatureText{
}

/* Le fond de la modal */
.modalTarifs {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
	/*margin:auto;*//* Full width */
    height: 100%; /* Full height */
    /*overflow: auto;*/ /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modalTarifs .div__Packs{
	max-width: 1040px;
	margin: auto;
	margin-bottom: 50px;
}

.modalTarifs h2{
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 22px;
	font-weight: 700;
	line-height: 24px;
	color: #000;
}

/* Modal Content */
.modalTarifs .modal-content {
    background-color: #fefefe;
	border-radius:6px;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 70%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.modalTarifs .close {
    color: #232323;
    float: right;
    font-size: 28px;
    font-weight: bold;
	opacity: 0.7;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-header, .modal-body, .modal-footer {
    padding: 2px 16px;
}
.modal-footer{
	text-align: right;
}

.modal-footer .div__ButtonClose,
.modal-footer .contactUs{
	padding: 15px 20px;
	font-family: 'Cooper Hewitt__subset', 'Cooper Hewitt', sans-serif;
    font-size: 18px;
	font-weight: 700;
	border: 1px solid #000;
	border-radius: 8px;
	/*min-height: 40px;*/
}


/*-- COULEUR --*/
/*jaune*/
.bg-custom-jaune,
.bg-custom-jaune.active{
	background-color: #FFA641 !important;
	color:#000;
}
.bg-custom-gradient-jaune{
	background: linear-gradient(#FFA641,#FFCA00);
	color:#000;
}
.bg-custom-gradient-image-jaune{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#FFA641,#FFCA00);
	color:#000;
}
.bg-custom-gradient-top-jaune{
	background: linear-gradient(#FFC601, #F8B530);	
	color:#000;
}

.bg-custom-gradient-top-jaune .div__Par1Price,
.bg-custom-gradient-top-jaune .div__Par1PriceAfter,
.bg-custom-gradient-jaune .div__Par1Price,
.bg-custom-gradient-jaune .div__Par1PriceAfter{
	color:#000 !important;
}
.active-jaune.active{
	background: linear-gradient(#FFA641,#FFCA00) !important;
	color:#000 !important;
	text-decoration:none;
}
.bg-custom-gradient-jaune .div__PackBlockPrice{
	color:#000;
}


.bg-custom-gradient-top-jaune .div__Par1PriceBefore{
	margin-bottom: 15px;
	color: #AF5902 !important;
}






/*rouge*/
.bg-custom-rouge{
	background-color: #E11C1C !important;
	color:#fff;
}
.bg-custom-gradient-rouge{
	background: linear-gradient(#B12A29,#FF0101);
	color:#fff;
}
.bg-custom-gradient-image-rouge{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#B12A29,#FF0101);
	color:#fff;
}

.bg-custom-gradient-top-rouge{
	background: linear-gradient(#FF0101, #B12A29);	
	color:#fff;
}

.active-rouge.active{
	background: linear-gradient(#B12A29,#FF0101) !important;
	color:#fff !important;
	text-decoration:none;
}
.bg-custom-gradient-rouge .div__PackBlockPrice{
	color:#fff;
}

/*vert*/
.bg-custom-vert{
	background-color: #00AE00 !important;
	color:#fff;
}
.bg-custom-gradient-vert{
	background: linear-gradient(#01AE01,#2A6820);
	color:#fff;
}
.bg-custom-gradient-image-vert{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#01AE01,#2A6820);
	color:#fff;
}

.bg-custom-gradient-top-vert{
	background: linear-gradient(#2A6820, #01AE01);	
	color:#fff;
}
.active-vert.active{
	background: linear-gradient(#01AE01,#2A6820) !important;
	color:#fff !important;
	text-decoration:none;
}
.bg-custom-gradient-vert .div__PackBlockPrice{
	color:#fff;
}

/*violet*/
.bg-custom-violet{
	background-color: #541DFE !important;
	color:#fff;
}
.bg-custom-gradient-violet{
	background: linear-gradient(#541DFE,#916DFF);
	color:#fff;
}
.bg-custom-gradient-top-violet{
	background: linear-gradient(#916DFF, #541DFE);	
	color:#fff;
}

.bg-custom-gradient-top-violet{
	background: linear-gradient(#541DFE, #916DFF);	
	color:#fff;
}
.active-violet.active{
	background: linear-gradient(#541DFE,#916DFF) !important;
	color:#fff !important;
	text-decoration:none;
}
.bg-custom-gradient-violet .div__PackBlockPrice{
	color:#fff;
}
.bg-custom-gradient-image-violet{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#541DFE,#916DFF);
	color:#fff;
}

/*bleu*/
.bg-custom-bleu{
	background-color: #3DA6FF !important;
	color:#fff;
}
.bg-custom-gradient-bleu{
	background: linear-gradient(#256AFF,#41B0FF);
	color:#fff;
}
.active-bleu.active{
	background: linear-gradient(#256AFF,#41B0FF) !important;
	color:#fff !important;
	text-decoration:none;
}
.bg-custom-gradient-bleu .div__PackBlockPrice{
	color:#fff;
}
.bg-custom-gradient-image-bleu{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#256AFF,#41B0FF);
	color:#fff;
}

.bg-custom-gradient-top-bleu{
	background: linear-gradient(#41B0FF, #256AFF);	
	color:#fff;
}

.div__Par1Col2 ul{
	margin-top: -80px;
}
.div__Par1Col2 ul li{
    background-repeat: no-repeat;
    line-height: 22px;
    padding-left: 40px;
}

.custom-jaune ul li{
	list-style-type : none;
	background-image: url('https://onlypaintball.pappleweb.com/wp-content/uploads/valid-jaune.png');
}
}
.custom-rouge ul li{
	list-style-type : none;
	background-image: url('https://onlypaintball.pappleweb.com/wp-content/uploads/valid-rouge.png');
}
.custom-vert ul li{
	list-style-type : none;
	background-image: url('https://onlypaintball.pappleweb.com/wp-content/uploads/valid-vert.png');
}
.custom-violet ul li{
	list-style-type : none;
	background-image: url('https://onlypaintball.pappleweb.com/wp-content/uploads/valid-violet.png');
}
.custom-bleu ul li{
	list-style-type : none;
	background-image: url('https://onlypaintball.pappleweb.com/wp-content/uploads/valid-bleu.png');
}

.div__PackOption .bg-custom-gradient-image-jaune{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#FF1F00,#FF9900);
}
.div__PackOption .bg-custom-gradient-image-rouge{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#C10000, #2C1F1F);
}
.div__PackOption .bg-custom-gradient-image-vert{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#00AE31,#44CF2D);
}
.div__PackOption .bg-custom-gradient-image-violet{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#2C00B6,#B49CFF);
}
.div__PackOption .bg-custom-gradient-image-bleu{
	background: url('https://onlypaintball.pappleweb.com/wp-content/uploads/calque.png') no-repeat center top, linear-gradient(#256AFF,#41B0FF);
}
.div__PackOptionBorder{
	margin-bottom: 10px;
}

.div__Pack-jaune.div__PackOption .div__PackOptionBorder{
	padding: 5px;
	border-radius: 8px;
	background-color: #fff;
	border: 2px solid #F9DFBE;
}
.div__Pack-rouge.div__PackOption .div__PackOptionBorder{
	padding: 5px;
	border-radius: 8px;
	background-color: #fff;
	border: 2px solid #F9DFBE;
}

.div__Pack-vert.div__PackOption .div__PackOptionBorder{
	padding: 5px;
	border-radius: 8px;
	background-color: #fff;
	border: 2px solid #94D6A2;
}

.div__Pack-violet.div__PackOption .div__PackOptionBorder{
	padding: 5px;
	border-radius: 8px;
	background-color: #fff;
	border: 2px solid #A68EF4;
}

.div__Pack-bleu.div__PackOption .div__PackOptionBorder{
	padding: 5px;
	border-radius: 8px;
	background-color: #fff;
	border: 2px solid #41B0FF;
}





.modal-color-jaune .div__ButtonSubmit{
	background-color: #FFA641 !important;
	color:#000;
}
.modal-color-rouge .div__ButtonSubmit{
	background-color: #E11C1C !important;
	color:#fff;
}
.modal-color-vert .div__ButtonSubmit{
	background-color: #00AE00 !important;
	color:#fff;
}
.modal-color-violet .div__ButtonSubmit{
	background-color: #541DFE !important;
	color:#fff;
}
.modal-color-bleu .div__ButtonSubmit{
	background-color: #3DA6FF;
	color:#fff;		
}
.div__ButtonClose{
	border:none !important;
}
.div__ButtonSubmit{
	border:none !important;
}

.stickyHeader{
  	position: sticky;
	z-index:2;
  	position: -webkit-sticky;
  	top: 0; /* required */
	background: #fff;
	/*box-shadow: 2px 6px 5px rgba(0,0,0,0.05);*/
}


.border-color-jaune{
	border-color: #FFA641 !important;
}
.border-color-rouge{
	border-color: #E11C1C !important;
}
.border-color-vert{
	border-color: #00AE00 !important;
}
.border-color-violet{
	border-color: #541DFE !important;
}
.border-color-bleu{
	border-color: #3DA6FF;
}

@media screen and (max-width: 1500px){
	.modalTarifs .modal-content{
		width: 90% !important;
	}
}
@media screen and (max-width: 1200px){
	.div__Packs{
		margin-top: 25px;
	}
}
@media screen and (max-width: 1160px){
	.modalTarifs .modal-content{
		width: 98% !important;
	}
}

@media screen and (max-width: 1064px){
	.modalTarifs .modal-content{
		width: 98% !important;
  		max-height: 90vh; /* ou une autre valeur qui convient */
		overflow-y: auto;
	}
	.div__Par1Col1{
		width: 50%;
	}
	.div__Par1Col2{
		width: 50%;
	}
	
	.div__Par1Col2 ul{
	}
}


@media screen and (max-width: 768px){
	.nav.div__TarifsMenuRow{
		flex-wrap: nowrap !important;
		overflow-x: scroll !important;
		width: 100% !important;
		justify-content: flex-start !important;
	}
	.nav.div__TarifsMenuRow .div__TarifsMenuItem{
		width: 165px !important;
	}
	.nav.div__TarifsMenuRow .div__TarifsMenuItem .nav-link{
		width: 165px !important;
	}
	
	
	.div__Par1,
	.div__Par2,
	.div__Par3{
		padding-left: 0px;
		padding-right: 0px;
	}
	.modalTarifs .modal-content{
		width: 98% !important;
		overflow-y: auto;
	}
	.div__Par2RechargedRow{
		flex-direction: column;
	}
	.div__Par2RechargedCol1{
		width: 100%;
		justify-content: center;
		margin-bottom: 10px;
	}
	.div__Par2RechargedImg{
		margin-top: -2px;
	}
	.div__Par2RechargedCol2{
		width: 100%;
	}
	.div__Par1Row,
	.div__Par3Row{
	flex-direction: column;
	}
	.div__Promotions{
	flex-direction: column;
	}
	.div__ActiviteAlreadyRow{
		flex-direction: column;
		gap: 10px;
	}
	.div__ActiviteAlreadyRowCol1{
		width: 100%;
	}
	.div__ActiviteAlreadyRowCol2{
		width: 100%;
	}
	
	.div__Par1Col1{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.div__Par1Col2{
		width: 100%;
	}
	.div__Par1Col2 ul{
		margin-top: 20px;
		padding-left:0px;
		margin-left: 0px;
	}
	
	.div__Par3Col1{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.div__Par3Col2{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.div__Features{
		justify-content: flex-start;
	}
}



@media screen and (max-width: 400px){
	.div__Par3Col1Row{
	flex-direction: column;}
	.modal-footer{
	text-align: center;
		display:flex;
		flex-direction: column-reverse;
	}
	.modal-footer button{
		width: 100%;
		margin-bottom: 10px;
	}
}

#pills-8 div img{
	width: 100% !important;
}