@font-face {
    font-family: 'HK Grotesk Wide';
    src: url('../../fonts/HKGroteskWide-SemiBold.woff2') format('woff2'),
    url('../../fonts/HKGroteskWide-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.uppercase{
    text-transform: uppercase;
}
#boutiqueatlas #columns{
    padding-top:0;
}

#boutiqueatlas .center{
    text-align:center;
    margin-bottom: 40px;
    display:none;
}
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover),
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover) .main_header.container{
    background-color: transparent !important;
}
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover) .block_menu{
    border-bottom: 1.5px solid transparent;
}
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover) .menu_header ul li a,
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover) .header_icons .btn_outlet a,
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover) .contact_avant_vente p small{
    color: #fff;
}
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover) div.list_menu li.bobo_menu-container img,
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover) svg,
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover) .main_header img{
    filter: none;
}
#boutiqueatlas:not(.stickyHeader) .header2021:not(:hover) #close_picto > span{
    background: #fff;
}
#boutiqueatlas #columns #center_column .header_black h1 {
    position: relative;
    z-index: 10001;
}
#boutiqueatlas.stickyHeader #columns #center_column .header_black h1,
#boutiqueatlas.stickySearch #columns #center_column .header_black h1{
    z-index: 1;
}
#boutiqueatlas #columns .header_black{
    min-height: 324px;
    padding:160px 16px 10px;
    color:#fff;
    background:url('../../img/landing-page/atlas/img_header.jpg')no-repeat center center /cover;
}
#boutiqueatlas #columns #center_column .content-popup .intro p:first-child {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 8px;
    font-weight: 600;
    text-align: center;
}
#boutiqueatlas #columns #center_column .content-popup .intro p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 32px;
    font-weight: 400;
    color: #0B0B0C;
    text-align: left;
}
#boutiqueatlas #columns #center_column .content-popup .header_black h1 {
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 49px;
    line-height: 64px;
    letter-spacing: -0.16rem;
    position: relative;
    margin: 16px 0 24px;
    padding-top: 16px;
}
#boutiqueatlas #columns #center_column .content-popup .header_black p {
    font-family: "Hanken Grotesk", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
    margin: 0;
    color: #FFF;
}

#boutiqueatlas #columns #center_column .content-popup .intro{
    padding:32px 0 0;
    width: 1180px;
    max-width: 100%;
    margin: 0 auto;
}
#boutiqueatlas #columns #center_column .content-popup p.text-lg{
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.013rem;
    margin-bottom:16px;
}
#boutiqueatlas #columns #center_column .content-popup p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 40px;
    letter-spacing: -0.16px;
    color: #0B0B0C;
}
#boutiqueatlas #columns #center_column .box.restau .right {
    flex-shrink: 0;
}
#boutiqueatlas #columns #center_column .box.restau .left {
    flex: 1;
}
#boutiqueatlas #columns #center_column .box.restau{
    align-items: center;
}
#boutiqueatlas #columns #center_column .box.restau .right .visual {
    display: flex;
    gap: 24px;
}
#boutiqueatlas #columns #center_column .box {
    padding: 24px;
    margin: 24px 0 32px 0;
    overflow: hidden;
    color: #0B0B0C;
    border: 1.5px solid #D9D9D9;
    z-index: 0;
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

#boutiqueatlas #columns #center_column .box:last-child{
    margin: 40px 0;
}
#boutiqueatlas #columns #center_column .box .left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

#boutiqueatlas #columns #center_column .box .left .infos{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

#boutiqueatlas #columns #center_column .box .left .infos .infos_link_map{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

#boutiqueatlas #columns #center_column .box .left .infos .infos_link_map .btn_blank{
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background: #0B0B0C;
    text-decoration: none;
    color: #fff;
}

#boutiqueatlas #columns #center_column .box .left .infos .infos_link_map .btn_blank span{
    padding: 0 8px;
}
#boutiqueatlas #columns #center_column .transport .title{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.48px;
}
#boutiqueatlas #columns #center_column .transport .item.special{
    margin-bottom: 44px;
}
#boutiqueatlas #columns #center_column .transport .item.special p {
    position: relative;
    z-index: 10;
    padding-left: 40px;
}

#boutiqueatlas #columns #center_column .transport .item.special p span {
    position: absolute;
    z-index: 10;
    top: -2px;
    left: 0;
    width: 24px;
    height: 24px;
    display: block;
}
#boutiqueatlas #columns #center_column .transport .item.special p span svg {
    width: 24px;
    height: 24px;
}
#boutiqueatlas #columns #center_column .transport .item p{
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
#boutiqueatlas #columns #center_column .transport .item span.rer, #boutiqueatlas #columns #center_column .transport .item span.rer + span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 22px;
    margin-right: 2px;
    border: 1px solid #0B0B0C;
    font-size: 11px;
    text-align: center;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: -1px;
}
#boutiqueatlas #columns #center_column .transport .item span.rer + span {
    background: #EC0001;
    border-color: #ec0001;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 21px;
    margin-right: 8px;
    top: 0;
}
.display_reco .title_home {
    font-size: 31px !important;
}
#boutiqueatlas #columns #center_column .transport .item:not(:last-child):not(.special){
    margin-bottom: 16px;
}
#boutiqueatlas #columns #center_column .transport .item .subtitle{
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #737373;
    margin-bottom: 8px;
}
#boutiqueatlas #columns #center_column .box ul{
    margin:0;
    font-size: 16px;
}
#boutiqueatlas #columns #center_column .box p{
    margin:0 0 16px;
}
#boutiqueatlas #columns #center_column .box.map p {
    width: max-content;
    background: #fff;
    padding: 16px 24px;
}
#boutiqueatlas #columns #center_column .box p.text-400{
    font-size:16px;
}
#boutiqueatlas #columns #center_column .box p.text-600{
    font-weight:600;
    color: #333333;
}
#boutiqueatlas #columns #center_column .box p.text-700{
    font-weight:700;
    color: #333333;
}
#boutiqueatlas #columns #center_column .box p.text-600-grey{
    font-size:12px;
    font-weight:600;
    color:#737373;
}
#boutiqueatlas #columns #center_column .box p span.circle_parking{
    float:left;
    margin:-1px 0px 8px 0;
}
#boutiqueatlas #columns #center_column .box p.line-height-sm{
    line-height:16px;
    margin:0;
}
#boutiqueatlas #columns #center_column .box p.line-height-sm small{
    font-size:10px;
    color:#737373;
}
h3{
    margin-top:0;
    font-weight:600;
    margin:0;
}
#boutiqueatlas #columns #center_column .box h3 {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 24px;
}
#boutiqueatlas #columns #center_column .box li {
    padding: 0;
    line-height: 20px;
    margin-bottom: 8px;
    font-size: 14px;
}
#boutiqueatlas #columns #center_column .box .transport li {
    list-style: square;
    list-style-position: outside;
    padding-left: 5px;
    margin-left: 20px;
}

#boutiqueatlas #columns #center_column .box li .pay {
    padding: 0 4px;
    width: max-content;
    display: inline-block;
}
#boutiqueatlas #columns #center_column .box li .pay img + span {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
}

#boutiqueatlas #columns #center_column .box li .pay img{
    width: 42px;
    height: auto;
}
#boutiqueatlas #columns #center_column .btn {
    color: white;
    background: #0C0C0D;
    border-radius: 10px;
    padding: 8px 16px;
    margin: 32px 0 0 0;
    position:relative;
    padding-right: 40px;
    font-size: 16px;
}
#boutiqueatlas #columns #center_column .view-more {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 16px;
}
#boutiqueatlas #columns #center_column .view-more a.btn {
    background: transparent;
    margin: 0;
    padding: 4px;
    border: 1px solid #B3B3B3;
    border-radius: 0;
}
#boutiqueatlas #columns #center_column .view-more a.btn:hover{
    border-color: #333;
}
#boutiqueatlas #columns #center_column .view-more a.btn span {
    position: relative;
    color: #0B0B0C;
    text-transform: none;
    padding: 0 20px 0 4px;
    font-size: 16px;
    line-height: 16px;
}
#boutiqueatlas #columns #center_column a.btn span::after {
    content: '';
    background: red;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    left: initial;
    bottom: initial;
    background: url('../../img/icon/black/caret-right.svg')no-repeat center center /cover;
}
#boutiqueatlas #columns #center_column .btn a{
    color: white;
    text-decoration:none;
    display:block;
    width:100%;
    height:100%;
}

#boutiqueatlas #columns #center_column .box li p.arrets_metro_train,
#boutiqueatlas #columns #center_column .box li:last-child{
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0;
}
#boutiqueatlas #columns #center_column .box li svg{
    vertical-align: middle;
    margin:0 8px 0 0;
}
#boutiqueatlas #columns #center_column .box li .arrets{
    display:inline-block;
    vertical-align:middle;
    padding:0 16px 16px 0;
    font-weight:400;
    font-size:16px;
    line-height: 24px;
}
#boutiqueatlas #columns #center_column .box li .arrets svg{
    vertical-align:middle;
    float:left;
}
#boutiqueatlas #columns #center_column .box li .arrets span{
    padding:0 8px;
    line-height:24px;
    font-size:18px;
    font-weight:700;
    margin:0 8px 0 0;
    display:inline-block;
    vertical-align:middle;
    float:left;
}
#boutiqueatlas #columns #center_column .box li .arrets .arret_53{
    background:#CEC92B;
    color:#0B0B0C;
}
#boutiqueatlas #columns #center_column .box li .arrets .arret_94{
    background:#9D006D;
    color:#ffffff;
}
#boutiqueatlas #columns #center_column .box li .arrets .arret_165{
    background:#F68D54;
    color:#0B0B0C;
}
#boutiqueatlas #columns #center_column .box li .arrets .arret_174{
    background:#008B5A;
    color:#ffffff;
    margin:0 4px 0 0;
}
#boutiqueatlas #columns #center_column .box li .arrets .arret_274{
    background:#FF1400;
    color:#ffffff;
}
#boutiqueatlas #columns #center_column .box li .arrets .arret_abeilles_a{
    background:#C10039;
    color:#ffffff;
    margin:0;
}
#boutiqueatlas #columns #center_column .box li .arrets .arret_navette_eiffel{
    background:#E6E6E6;
    color:#737373;
}
#boutiqueatlas #columns #center_column .contenu_flex{
    display:flex;
    margin:0 0 40px;
    flex-direction: row;
}
#boutiqueatlas #columns #center_column .contenu_flex #map_outlet.box iframe,
#boutiqueatlas #columns #center_column .contenu_flex #map_outlet.box{
    height:100%;
}
#boutiqueatlas #columns #center_column .container,
#boutiqueatlas #columns #center_column .col-xs-12{
    padding:0 16px;
}
#boutiqueatlas #columns #center_column .contenu_flex #map_outlet.box{
    padding:0;
    margin: 0;
}
#boutiqueatlas #columns #center_column .display_reco {
    padding-left: 16px;
}
#boutiqueatlas #columns #center_column .bxSliderProduct .product_name {
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    letter-spacing: 0.48px;
}
#boutiqueatlas #columns #center_column .bxSliderProduct .product_description {
    font-family: 'Hanken Grotesk', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    margin-bottom: 8px;
    color: #737373;
}
#boutiqueatlas #columns #center_column .bxSliderProduct .product_price {
    font-family: 'Hanken Grotesk', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #0C0C0D;
    text-align: left;
    margin-top: 8px;
}
#boutiqueatlas #columns #center_column .content-head {
    padding: 0 64px;
    margin: 0 auto 40px;
    background: #F9F9F9;
}
#boutiqueatlas #columns #center_column .contenu_flex {
    padding: 0 64px;
    width: 1664px;
    max-width: 100%;
    margin: 0 auto;
}
#boutiqueatlas #columns #center_column  .display_reco {
    padding: 0px;
}

#boutiqueatlas .access_left {
    float: left;
    width: 45%;
    padding-right:40px;
}

#boutiqueatlas .access_right {
    float: right;
    width: 55%;
    height: auto;
    margin-top: 0;
}

#boutiqueatlas .content-popup .box.access {
    display: flex;
    justify-content: space-between;
    position: relative;
}

#boutiqueatlas .tutorials{
    width:100%;
    margin: 24px 0;
    display: inline-block;
}

#boutiqueatlas .tutorials .text-absolute{
    color : #0B0B0C;
    font-size: 20px;
    font-weight: 600;
    margin-top: 16px;
}

#boutiqueatlas .tutorials .bx-wrapper {
    margin: 14px 0 !important;
    max-width: 100% !important;
}

#boutiqueatlas .tutorials .bx-viewport {
    min-height: 410px !important;
    padding-top: 10px;
    padding-left: 10px;
}

#boutiqueatlas .tutorials .bx-viewport #bxAccessoires li.video-story {
    /*width: 200px !important;
    height: 328px !important;*/
    margin-right: 24px !important;
    border-radius: 8px;
    cursor: pointer;
}

#boutiqueatlas .tutorials .bx-viewport #bxAccessoires li.video-story video {
    border-radius: 8px;
    aspect-ratio: 200/355;
}
#boutiqueatlas .bxSliderProduct .product_info_slider {
    padding: 10px 0 0 0;
}
#boutiqueatlas .tutorials  .bx-wrapper .bx-controls-direction a {
    width: 42px !important;
    height: 42px !important;
}

#boutiqueatlas .tutorials  .bx-wrapper .bx-controls-direction a:after {
    content:'';
}
#boutiqueatlas .fancybox__html5video{
    width: max-content;
    margin: 0 auto;
    max-width: 100%;
}
#boutiqueatlas video::-webkit-media-controls-fullscreen-button {
    display: none;
}
#boutiqueatlas .tutorials  .bx-wrapper .bx-controls-direction .bx-prev {
    left: -52px !important;
}
#boutiqueatlas .tutorials .bx-viewport #bxAccessoires li.video-story a{
    display: block;
}
#boutiqueatlas .tutorials .bx-viewport #bxAccessoires li.video-story a .after-element {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 315px;
    z-index: 20;
}
#boutiqueatlas .tutorials  .bx-wrapper .bx-controls-direction .bx-next {
    right: -52px !important;
}

@media (max-width: 1024px) {
    #boutiqueatlas .tutorials  .bx-wrapper .bx-controls-direction .bx-next {
        right: 10px !important;
    }
    #boutiqueatlas .tutorials .bx-wrapper .bx-controls-direction .bx-prev {
        left: 20px !important;
    }
}
.story-box.item.video-story video {
    transition: transform 0.3s ease;
}

.story-box.item.video-story video:hover {
    transform: scale(1.05);
}

.map_ipad{
    width:100%;
    height:40px;
    display:none;
}

.attraqt_box {
    margin-top: 32px;
    display: inline-block;
    position: relative;
}

.product-box {
    margin: 0;
    margin-right:32px !important;

}
#boutiqueatlas .red_flag {
    text-transform: none;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px;
    font-weight: 700;
    background: #A40104;
    width: max-content;
    margin: 16px auto 12px;
    color: #FDE1E1;
}
#boutiqueatlas #columns #center_column .header_black p.red_flag,
#boutiqueatlas #columns #center_column .header_black p.green_flag{
    text-transform: none;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 8px;
    font-weight: 700;
    background: #A40104;
    width: max-content;
    margin: 16px auto 12px;
    color: #FDE1E1;
}
#boutiqueatlas #columns #center_column .header_black p.green_flag {
    background: #0B7301;
    color: #E1FDE1;
}
#boutiqueatlas #columns #center_column .box li li {
    list-style: square inside;
    margin: 0;
    padding-left: 10px;
}
#boutiqueatlas #columns #center_column .box li li:first-child{
    padding-top: 8px;
}
#boutiqueatlas #columns #center_column .transport .item span.m1 {
    background: #4F79A9;
    color: #fff;
    padding: 0 5px;
    margin-right: 6px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    line-height: 28px;
    height: 28px;
}
#boutiqueatlas #columns #center_column .transport .item .bus span {
    background: #000;
    color: #fff;
    padding: 1px 5px;
    margin-right: 6px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    min-width: 25px;
    text-align: center;
}
#boutiqueatlas #columns #center_column .transport .item p em,
#boutiqueatlas #columns #center_column .box li li em{
    color: #737373;
}
#boutiqueatlas #columns #center_column .transport .item .bus{
    padding: 8px 0;
}
#boutiqueatlas #columns #center_column .transport .item .bus span:nth-child(2){
    background: #76B82B;
}
#boutiqueatlas #columns #center_column .transport .item .bus span:nth-child(3){
    background: #008836;
}
#boutiqueatlas #columns #center_column .transport .item .bus span:nth-child(4){
    background: #2A6087;
}
#boutiqueatlas #columns #center_column .transport .item .bus:last-child span:nth-child(1){
    background: #AE2F33;
}
#boutiqueatlas #columns #center_column .transport .item .bus:last-child span:nth-child(2){
    background: #FDED4F;
    color: #0B0B0C;
}
#boutiqueatlas .access_left .transport{
    padding-top: 32px;
}
#boutiqueatlas #columns #center_column .transport .item .metro {
    display: flex;
    align-items: center;
    max-width: 100%;
}
#boutiqueatlas #columns #center_column .header_black h1 img{
    margin: 0 auto;
    width: max-content;
}
#boutiqueatlas #columns #center_column .preview .item picture{
    display: block;
    background: #F4F4F4;
    padding: 24px;
}
#boutiqueatlas #columns #center_column .preview .col-xs-6:nth-child(2) .item picture{
    background: #EDE8E2;
}
#boutiqueatlas #columns #center_column .preview .col-xs-6:nth-child(3) .item picture{
    background: #F6F6F6;
}
#boutiqueatlas #columns #center_column .preview{
    margin-bottom: 32px;
}
#boutiqueatlas #columns #center_column .preview .info {
    padding-top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#boutiqueatlas #columns #center_column .preview .info .title {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    letter-spacing: 0.48px;
    color: #0B0B0C;
}
#boutiqueatlas #columns #center_column .entete .title {
    font-size: 25px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #0B0B0C;
    display: block;
}
#boutiqueatlas #columns #center_column .container_spe .entete .title{
    margin: 0;
}
#boutiqueatlas #columns #center_column .container_spe .entete{
    padding-top: 40px;
    margin-bottom: 16px;
}
#boutiqueatlas .footer_background{
    background: #F9F9F9
}
#boutiqueatlas #columns #center_column .box.map{
    border: 0 solid transparent;
    background: transparent;
    padding: 0;
}
#boutiqueatlas #columns #center_column .preview a span.subtitle {
    color: #0B0B0C;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    position: relative;
    padding-right: 32px;
    display: block;
}
#boutiqueatlas #columns #center_column .preview a span.subtitle::after {
    position: absolute;
    content: '';
    display: block;
    background: url("../../img/icon/black/caret-right.svg") no-repeat center center /cover;
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
}
#boutiqueatlas #columns #center_column .preview a:hover span{
    color: #333;
}
#boutiqueatlas #columns #center_column .preview a:hover{
    text-decoration: none;
}
#boutiqueatlas .contenu_flex .bx-wrapper .bx-controls-direction a {
    height: 40px;
    width: 40px;
    top: 147px;
    background: #F2F2F2;
}
#boutiqueatlas .contenu_flex .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -52px;
}
#boutiqueatlas .contenu_flex .bx-wrapper .bx-controls-direction a::before {
    padding-left: 0px;
}
#boutiqueatlas .contenu_flex .product-box {
    margin: 0;
    min-height: auto !important;
}
#boutiqueatlas .contenu_flex .slider_new img {
    width: 100%;
}
#boutiqueatlas .contenu_flex .bxSliderProduct .product_info_slider {
    padding: 10px 0;
}
#boutiqueatlas .contenu_flex .groupe_name_stock {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#boutiqueatlas .contenu_flex p.product_name {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    margin: 0;
    font-family: 'HK Grotesk Wide';
}
#boutiqueatlas .contenu_flex p.product_description {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #737373;
    margin-bottom: 8px;
}
#boutiqueatlas ul > li .content_price {
    font-family: 'Hanken Grotesk', sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
#boutiqueatlas .contenu_flex .price {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Hanken Grotesk', sans-serif;
    color: #0B0B0C;
    margin-right: 16px;
}
#boutiqueatlas .contenu_flex .flag-is-in-stock {
    font-family: 'Hanken Grotesk', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #0C0C0D;
    display: flex;
    min-height: 20px;
    align-items: center;
}
#boutiqueatlas .price-strikethrough {
    font-family: 'Hanken Grotesk', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: line-through;
    margin-right: 16px;
    color: #888891;
}
#boutiqueatlas .price-reduction {
    font-family: 'Hanken Grotesk', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #0C0C0D;
    background: #E6E6E6;
    padding: 0 4px;
}
#boutiqueatlas .bxSliderProduct span.container_img_product {
    overflow: hidden;
    display: block;
    border-radius: 0;
}
.container_spe .entete{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#boutiqueatlas .access_left .flex {
    display: flex;
    column-gap: 16px;
}
#boutiqueatlas .access_left .info{
    display: flex;
    justify-content: left;
    align-items: center;
    column-gap: 16px;
}
#boutiqueatlas .box.access .transport{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    row-gap: 10px;
}
#boutiqueatlas .desktop_only{
    display: block !important;
}
#boutiqueatlas .mobile_only{
    display: none !important;
}

/*RESPONSIVE*/
@media(min-width:992px) {
    #boutiqueatlas .fancybox__container {
        top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        background: none;
        z-index: 100000;
        padding: 110px 0 0;
        transition: 1s top, 1s background;
    }

    #boutiqueatlas .fancybox__container .fancybox__backdrop {
        background: #00000090;
    }

    #boutiqueatlas .fancybox__container .fancybox__viewport .fancybox__slide {
        padding: 64px 0 0 0;
        border: none;
    }

    #boutiqueatlas .fancybox__container .fancybox__viewport .is-close {
        top: -60px;
        left: 50%;
        margin-left: -50px;
        width: fit-content;
        background: white;
        border-radius: 8px;
        line-height: 24px;
        padding: 8px 16px 8px 8px;
        color: #0C0C0D;
    }

    #boutiqueatlas .fancybox__container .fancybox__viewport .is-close svg {
        width: 16px !important;
        height: 16px !important;
    }

    #boutiqueatlas .carousel__button.is-close::after {
        content: ' Fermer';
        color: #0B0B0C;
        font-size: 16px;
        font-weight: 600;
        margin-left: 6px;
        margin-top: 35%;
        transform: translateY(-50%);
    }

    #boutiqueatlas .fancybox__container .carousel__button.is-next svg, #boutiqueatlas .fancybox__container .carousel__button.is-prev svg {
        display: none;
    }

    #boutiqueatlas .fancybox__container .carousel__button.is-next {
        background: #fff url(/themes/bobochic/img/fleche-droite.svg) no-repeat center center;
        background-size: 24px 24px;
        cursor: pointer;
        width: 40px !important;
        height: 40px !important;
        font-size: 41px !important;
        border-radius: 8px;
        padding: 8px;
        border: 1.5px solid #B3B3B3;
        display: inline-block;
    }

    #boutiqueatlas .fancybox__container .carousel__button.is-prev {
        background: #fff url(/themes/bobochic/img/fleche-gauche.svg) no-repeat center center;
        background-size: 24px 24px;
        cursor: pointer;
        width: 40px !important;
        height: 40px !important;
        font-size: 41px !important;
        border-radius: 8px;
        padding: 8px;
        border: 1.5px solid #B3B3B3;
        display: inline-block;
    }

    #boutiqueatlas .fancybox__container .fancybox__viewport .fancybox__content {
        background-color: white;
        width: 100% !important;
        height: 940px !important;
    }

    .fancybox__content :focus:not(.carousel__button.is-close) {
        outline: none !important;
        box-shadow: none;
    }
}
@media(max-width:1200px) {
    #boutiqueatlas #columns #center_column .box.restau .right .visual{
        flex-direction: column;
        align-items: center;
    }
}
@media(max-width:991px) {
    #boutiqueatlas .fancybox__container {
        top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        background: none;
        z-index: 100000;
        padding: 0;
        transition: 1s top, 1s background;
    }

    #boutiqueatlas .fancybox__container .fancybox__backdrop {
        background: #000000;
    }
    #boutiqueatlas .fancybox__container .fancybox__content {
        height: 100% !important;
    }

    #boutiqueatlas .fancybox__container .fancybox__viewport .is-close {
        top: -30px;
        background: white;
        border-radius: 8px;
        padding: 8px;
        color: #0C0C0D;
    }

    #boutiqueatlas .fancybox__container .fancybox__viewport .is-close svg {
        width: 16px !important;
        height: 16px !important;
    }

    #boutiqueatlas .fancybox__container .carousel__button.is-next svg, #boutiqueatlas .fancybox__container .carousel__button.is-prev svg {
        display: none;
    }

    #boutiqueatlas .fancybox__container .carousel__button.is-next {
        background: #fff url(/themes/bobochic/img/fleche-droite.svg) no-repeat center center;
        background-size: 24px 24px;
        cursor: pointer;
        width: 40px !important;
        height: 40px !important;
        font-size: 41px !important;
        border-radius: 8px;
        padding: 8px;
        border: 1.5px solid #B3B3B3;
        display: inline-block;
    }

    #boutiqueatlas .fancybox__container .carousel__button.is-prev {
        background: #fff url(/themes/bobochic/img/fleche-gauche.svg) no-repeat center center;
        background-size: 24px 24px;
        cursor: pointer;
        width: 40px !important;
        height: 40px !important;
        font-size: 41px !important;
        border-radius: 8px;
        padding: 8px;
        border: 1.5px solid #B3B3B3;
        display: inline-block;
    }

    .fancybox__content :focus:not(.carousel__button.is-close) {
        outline: none !important;
        box-shadow: none;
    }
}
@media(max-width:1024px) AND (min-width: 768px){
    #boutiqueatlas #columns #center_column .box.infos{
        margin-bottom: 24px;
    }
    #boutiqueatlas #columns #center_column .map_ipad #map_outlet{
        width: 100%;
        aspect-ratio: 754/400;
        height: auto !important;
        display: block;
    }
    #boutiqueatlas #columns #center_column .map_ipad {
        height: auto;
        margin: 0 0 16px;
    }
    #boutiqueatlas #columns #center_column .contenu_flex #map_outlet.box iframe{
        height: 100%;
    }

    #boutiqueatlas #columns #center_column .box.infos .right{
        height: 100%;
    }

    #boutiqueatlas #columns #center_column .box.infos .right .visual{
        width: 100%;
        height: 100%;
    }
}
@media(max-width:1024px){

    #boutiqueatlas #columns #center_column .container{
        width: 100%;
        max-width:100%;
    }
    #boutiqueatlas #columns #center_column .contenu_flex{
        flex-direction: column;
    }

    #boutiqueatlas #columns #center_column .contenu_flex .col-md-7{
        width:100%;
        margin:0 0 32px;
    }
    #boutiqueatlas #columns #center_column .contenu_flex .col-md-5{
        width:100%;
    }
    #boutiqueatlas #columns #center_column .contenu_flex .col-md-5 .box{
        width:calc(50% - 16px);
        float:left;
    }
    #boutiqueatlas #columns #center_column .contenu_flex .col-md-5 .box:last-child{
        float:right;
    }
    #boutiqueatlas #columns #center_column .content-head {
        padding: 0 32px;
    }
    #boutiqueatlas #columns #center_column  .contenu_flex {
        padding: 0 32px;
    }
    #boutiqueatlas #columns #center_column  .display_reco {
        padding: 0 0 0 0px;
    }

    #boutiqueatlas #columns #center_column .box .left {
        width: 100%;
    }
    #boutiqueatlas #columns #center_column .box .left .btn {
        display:none;
    }

    #boutiqueatlas #columns #center_column .box li strong{
        display:block;
        padding-bottom:4px;
    }

    #boutiqueatlas .access_left {
        width:100%;
        padding-right: 0;
    }

    #boutiqueatlas .access_right {
        display:none;
    }
    #boutiqueatlas #columns #center_column .box .access_left li:first-child {
        border-bottom: 2px solid #F2F2F2;
        padding-bottom: 24px;
    }
    .map_ipad{
        display:block;
        margin-bottom:24px;
    }

    .map_ipad #map_outlet.box{
        height:100% !important;
    }

    #boutiqueatlas #columns #center_column .right .btn{
        display:none;
    }

    #boutiqueatlas .center {
        display: block;
    }
    #boutiqueatlas #columns #center_column .header_black h1{
        font-size:39px;
    }

    .display_reco .title_home {
        font-size: 25px !important;
    }
}

@media(max-width:767px){
    #boutiqueatlas #columns #center_column .box.restau {
        flex-direction: column;
        border: 0 none transparent;
        padding: 16px 0 0;
    }
    #boutiqueatlas #columns #center_column .box.restau .right .visual {
        flex-direction: row;
    }
    #boutiqueatlas #columns #center_column .box {
        flex-direction: column;
    }
    #boutiqueatlas #columns #center_column .box.infos .right .visual img{
        margin: 0 auto;
    }

    #boutiqueatlas #columns #center_column .contenu_flex #map_outlet.box iframe,
    #boutiqueatlas #columns #center_column .contenu_flex #map_outlet.box{
        height:100%;
    }
    #boutiqueatlas #columns #center_column .contenu_flex .col-md-5{
        width:100%;
    }

    #boutiqueatlas #columns #center_column .contenu_flex .col-md-5 .box{
        width:100%;
        float:left;
    }
    #boutiqueatlas #columns #center_column .content-popup p,
    #boutiqueatlas #columns #center_column .content-popup .box,
    #boutiqueatlas #columns #center_column .content-popup .contenu_flex .col-md-5,
    #boutiqueatlas #columns #center_column .content-popup .contenu_flex .col-md-7{
        margin:0 0 24px;
    }

    #boutiqueatlas #columns #center_column .header_black h1{
        font-weight: 700;
        font-size:31px;
        line-height:35px;
        margin-top: 16px;
    }

    #boutiqueatlas #columns #center_column .header_black p{
        text-align:center;
        margin-bottom: 9px;
    }
    #boutiqueatlas #columns #center_column .content-popup p{
        text-align: justify;
    }

    #center_column p.text-lg {
        text-align:center !important;
        margin-bottom: 8px !important;
    }
    #boutiqueatlas #columns #center_column .row{
        margin:0;
    }
    #boutiqueatlas #columns #center_column .row > div{
        padding-left:0;
        padding-right:0;
    }
    #boutiqueatlas #columns #center_column .preview .row{
        margin:0 -15px;
    }
    #boutiqueatlas #columns #center_column .preview .row > div{
        padding-left:15px;
        padding-right:15px;
    }
    #boutiqueatlas #columns #center_column .contenu_flex .col-md-5 .box{
        padding:24px;
    }
    #boutiqueatlas #columns #center_column .box li svg{
        margin:0 8px 8px 0;
    }
    #boutiqueatlas #columns #center_column .box li .arrets_metro_train{
        text-align: left;
    }
    #boutiqueatlas #columns #center_column .box li .arrets_metro_train .arrets:last-child{
        padding-bottom:0;
    }
    #boutiqueatlas #columns #center_column .box li .arrets_metro_train .arrets:last-child svg{
        margin-bottom:0;
    }
    #boutiqueatlas #columns #center_column .content-head {
        padding: 0 16px;
    }
    #boutiqueatlas #columns #center_column  .contenu_flex {
        padding: 0 16px;
    }
    #boutiqueatlas #columns #center_column  .display_reco {
        padding: 0;
    }
    #boutiqueatlas #columns #center_column .box .left{
        float:right;
        padding-right:0;
    }
    #boutiqueatlas #columns #center_column .box.infos .right{
        padding-bottom:0;
        height:100%;
    }

    #boutiqueatlas .access_left,
    #boutiqueatlas .access_right{
        width: 100%;
    }
    #boutiqueatlas .access_left {
        padding-right:0;
    }

    #boutiqueatlas .access_right {
        margin-top: 0;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        width: auto;
        aspect-ratio: 1/1;
        top: 56px;
        padding: 0;
    }
    #boutiqueatlas .access_left .mobile_only {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        margin-bottom: 24px;
    }

    #boutiqueatlas #columns #center_column .contenu_flex #map_outlet.box{
        padding:0;
    }

    #boutiqueatlas #columns .header_black{
        background-position: center;
        background-size: cover;
    }

    #boutiqueatlas .arrets_metro_train .arrets{
        display:block !important;
    }

    #boutiqueatlas #columns #center_column .box.infos .right .visual{
        height:100%;
        margin-bottom:0;
    }
    #boutiqueatlas #columns #center_column .box .left{
        margin-top:0;
        gap: 16px;
    }

    #boutiqueatlas #columns #center_column .box.infos .left .infos{
        gap: 16px;
    }
    #boutiqueatlas #columns #center_column .box.infos p{
        margin: 0;
    }

    #boutiqueatlas #columns #center_column .box .left .btn{
        display:none;
    }

    #boutiqueatlas #columns #center_column .box{
        padding:24px;
    }

    #boutiqueatlas .center{
        display:block;
    }

    #boutiqueatlas #columns #center_column .box .access_left li:first-child {
        border:0;
        padding-bottom:0;
        margin-bottom:24px;
    }
    .map_ipad{
        display:none;
    }

    .attraqt_box .bx-viewport {
        direction: ltr !important;
    }
    .attraqt_box .product-box {
        margin-right:24px !important;
        margin:0;
    }

    #boutiqueatlas #columns #center_column .box h3 {
        margin-bottom: 16px;
        padding: 16px 0 0;
    }

    .display_reco .title_home {
        font-size: 20px !important;
        line-height: 25px !important;
    }

    .attraqt_box .center{
        display:none !important;
    }
    #boutiqueatlas #columns #center_column .view-more {
        right: 50%;
        top: auto;
        bottom: 0;
        transform: translateX(50%);
    }
    #boutiqueatlas .attraqt_box {
        padding-bottom: 40px;
    }

    #boutiqueatlas #columns #center_column .box.infos h3{
        margin: 0;
        font-size: 18px;
    }
    #boutiqueatlas #columns #center_column .entete .title{
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 8px;
        font-weight: 600;
        text-align: left;
        padding-top: 16px;
    }
    #boutiqueatlas #columns #center_column .content-popup .intro p:first-child{
        text-align: left;
    }
    #boutiqueatlas #columns #center_column .content-popup .entete p{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 16px;
        font-weight: 400;
    }
    #boutiqueatlas #columns #center_column .preview .col-xs-6:nth-child(1) .item,
    #boutiqueatlas #columns #center_column .preview .col-xs-6:nth-child(2) .item{
        margin-bottom: 24px;
    }
    #boutiqueatlas #columns #center_column .preview {
        margin-bottom: 24px;
    }
    #boutiqueatlas .desktop_only{
        display: none !important;
    }
    #boutiqueatlas .mobile_only{
        display: block !important;
    }
    #boutiqueatlas #columns #center_column .preview .info {
        flex-direction: column;
        align-items: baseline;
        row-gap: 2px;
    }
    #boutiqueatlas #columns #center_column .container_spe .entete {
        padding-top: 0;
    }
    #boutiqueatlas #columns #center_column .view-more a.btn {
        display: block;
        width: max-content;
        margin: 0 auto 24px;
        max-width: 100%;
    }
    #boutiqueatlas #columns #center_column .box h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 16px;
    }
    #boutiqueatlas #columns #center_column .box.map p {
        padding: 8px 16px;
        font-size: 14px;
        line-height: 20px;
    }
    #boutiqueatlas #columns #center_column .box:last-child {
        padding: 0;
        background: transparent;
        border: 0 solid transparent;
    }
    #boutiqueatlas #columns #center_column .preview .item picture {
        padding: 8px;
    }
}
@media(max-width:450px){
    #boutiqueatlas #columns #center_column .header_black p {
        font-size: 12px;
        line-height: 16px;
    }
    #boutiqueatlas .access_left .transport {
        padding-top: 18px;
    }
    #boutiqueatlas #columns .header_black{
        background:url('../../img/landing-page/atlas/img_header_mob.jpg')no-repeat center center /cover;
    }
    #boutiqueatlas #columns .header_black {
        min-height: auto;
        padding: 150px 16px 12px;
    }
    #boutiqueatlas #columns #center_column .content-popup .intro {
        padding: 16px 0 0;
    }
    #boutiqueatlas #columns #center_column .content-popup .intro p {
        margin-bottom: 16px;
        text-align: justify;
    }
    #boutiqueatlas #columns #center_column .content-popup .box .right{
        padding: 0;
    }
    #boutiqueatlas #columns #center_column .content-popup .box {
        padding: 0;
    }
    #boutiqueatlas #columns #center_column .content-popup .box h3 {
        margin-bottom: 8px;
        font-size: 18px;
    }
    #boutiqueatlas #columns #center_column .content-popup .box.restau {
        gap: 0;
    }
    #boutiqueatlas #columns #center_column .content-popup .box.restau .left {
        display: block;
    }
    #boutiqueatlas .attraqt_box {
        margin-top: 0;
        padding-bottom: 40px;
    }
    #boutiqueatlas .display_reco .title_home {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    #boutiqueatlas .display_reco .slider_new {
        margin-top: 16px;
    }
    #boutiqueatlas .attraqt_box .product-box {
        margin-right: 16px !important;
    }
    #boutiqueatlas .display_reco li.product-box.item.attraqt_reco_click {
        max-width: 170px;
        min-height: auto !important;
    }
    #boutiqueatlas #columns #center_column a.btn span::after {
        width: 24px;
        height: 24px;
    }
    #boutiqueatlas #columns #center_column .view-more a.btn span {
        font-size: 14px;
        line-height: 24px;
    }

    #boutiqueatlas #columns #center_column .bxSliderProduct .product_name {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0.48px;
    }
    #boutiqueatlas .display_reco .bx-wrapper .bx-next,
    #boutiqueatlas .display_reco .bx-wrapper .bx-prev{
        top: 50px !important;
    }
    #boutiqueatlas #columns #center_column .bxSliderProduct .product_price {
        margin-bottom: 8px;
    }
    #boutiqueatlas #columns #center_column .bxSliderProduct{
        margin-bottom: 0;
    }
    #boutiqueatlas #columns #center_column .box:last-child {
        margin: 24px 0;
    }
    #boutiqueatlas #columns #center_column .box li strong {
        display: inline;
    }
    #boutiqueatlas #columns #center_column .box .transport li {
        padding-left: 0px;
    }
    #boutiqueatlas #columns #center_column .transport .item p {
        text-align: left;
    }
    #boutiqueatlas .contenu_flex .bxSliderProduct .product_info_slider {
        padding: 8px 0;
    }
    #boutiqueatlas .contenu_flex .price {
        font-size: 14px;
        line-height: 20px;
        margin-right: 8px;
    }
    #boutiqueatlas .price-strikethrough {
        font-size: 12px;
        line-height: 16px;
        margin-right: 8px;
    }
    #boutiqueatlas #columns #center_column .content-popup p, #boutiqueatlas #columns #center_column .content-popup .box, #boutiqueatlas #columns #center_column .content-popup .contenu_flex .col-md-5, #boutiqueatlas #columns #center_column .content-popup .contenu_flex .col-md-7 {
        margin: 0 0 16px;
    }
    #boutiqueatlas .access_left .flex {
        flex-direction: column;
        width: max-content;
        background: #fff;
        max-width: 100%;
        margin-bottom: 16px;
    }
    #boutiqueatlas #columns #center_column .box.map .flex p{
        margin: 0;
    }
}