body.archive.woocommerce .module-exemple{
    padding-top: 199px;
}

.module-exemple{
    height: 100%;
    max-height:100%;
    flex-wrap: wrap;
    flex-direction: column;
}


.module-exemple .row.row-banner-content{
    /*min-height: 800px!important;*/
}


.module-exemple .row.row-banner-content .left-banner-store {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-top:8vw;
    padding-bottom:8vw;
}

.module-exemple-contenue-standard-container{
    display: flex;
    flex-direction: row;
}

.module-exemple-contenue-standard-container .row.row-banner-content{
    margin-left:0px;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.module-exemple-contenue-standard-container .right-banner-store{
    background-size: cover!important;
    background-position: center center!important;
}

.module-exemple-contenue-standard-container{
    position:relative;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple{
    position:absolute;
    right:0px;
    bottom:0px;
    cursor:pointer;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple .btn-switch-to-module-exemple-round-corner{
    width: 60px;
    height: 60px;
    background: #E1251B;
    border-radius: 100px 0 0 0;
    -moz-border-radius: 100px 0 0 0;
    -webkit-border-radius: 100px 0 0 0;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple .btn-switch-to-module-exemple-container{
    background-color:#E1251B;
    width:345px;
    height:60px;
    padding-left:0px;
    padding-right:24px;
    display:flex;
    align-items: center;
    color:#fff;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple .btn-switch-to-module-exemple-container:hover .btn-switch-to-module-exemple-round-corner{
    opacity:0.8;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple:hover .btn-switch-to-module-exemple-label{
   opacity:0.8;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple:hover .btn-switch-to-module-exemple-icons-container{
    opacity:0.8;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple-icons-container{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    background-color:#fff;
    border-radius:99px;
    padding:6px;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple-icons-container img{
    padding-left:4px;
    padding-right:4px;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple{
    display: flex;
    flex-wrap: wrap;
}

.module-exemple-contenue-standard-container .btn-switch-to-module-exemple-label{
    /*font-size: calc(13px + (16 - 13) * ((100vw - 1024px) / (1920 - 1024)));*/
    font-size:16px;
    font-weight:bold;
    flex-grow:1;
}


.module-exemple-container{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    flex:1;
}

.module-exemple-main-image-container-wrapper{
    width:70%;
    background-color:transparent;
    background-size: cover;
    background-position:center top;
    aspect-ratio: 3000/1100;
}

.module-exemple-main-image-container{
    background-color:transparent;
    background-size: cover;
    background-position:center top;
    height: 100%;
    width: 100%;
}


.module-exemple-title-options-container{
    width:30%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.module-exemple-category-product-container{
    background: #174657 0% 0% no-repeat padding-box;
    padding-left:26px;
    padding-right:26px;
    padding-top:26px;
    padding-bottom:26px;
    color:#fff;
    position:relative;
}

.module-exemple-category-product-container .module-exemple-category-product-close-button{
    right:26px;
    top:26px;
    position:absolute;
    cursor:pointer;
}

.module-exemple-category-product-container .module-exemple-category-product-close-button:hover{
    opacity:0.5;
}

.module-exemple-category-product-container .module-exemple-category-product-title{
    /*font-size: calc(14px + (18 - 14) * ((100vw - 1024px) / (1920 - 1024)));*/
    font-size:18px;
    font-weight: bold;
    text-align:left;
}

.module-exemple-category-product-container .module-exemple-category-product-sub-title{
    opacity:0.5;
    /*font-size:calc(11px + (16 - 11) * ((100vw - 1024px) / (1920 - 1024)));*/
    font-size:16px;
}

/*------*/

.module-exemple-options-container{
    background: #3B768A 0% 0% no-repeat padding-box;
    padding-left:26px;
    padding-right:26px;
    padding-top:0px;
    padding-bottom:0px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    height: clamp(350px, 48vw, 400px);
    flex:1;
}

.module-exemple-options-container .module-exemple-option-container{
    display: flex;
    flex-wrap: wrap;
    padding-top:0px;
    padding-bottom:0px;
    align-items: center;
    max-height:34px;
}

.module-exemple-options-container .module-exemple-option-container .module-exemple-choice-name{
    width:33.33333%;
    color:#fff;
    /*font-size:calc(11px + (16 - 11) * ((100vw - 1024px) / (1920 - 1024)));*/
    font-size:14px;
    font-weight:bold;
    display: flex;
    align-items: center;
    flex:1;
}

.module-exemple-options-container .module-exemple-option-container .module-exemple-option-choices-container{
    width:66.66666%;
    display:flex;
    flex-wrap: wrap;
    border-radius:99px;
    background-color:#174657;
    /*font-size: calc(9px + (13 - 9) * ((100vw - 1024px) / (1920 - 1024)));*/
    font-size:13px;
    height:32px;
}

.module-exemple-options-container .module-exemple-option-container .module-exemple-choice-value{
    flex-grow:1;
    min-width: 25%;
    text-align:center;
    color:#fff;
    background-color:#174657;
    border-radius: 99px;
    font-weight:bold;
    height:32px;
    cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.module-exemple-options-container .module-exemple-option-container .module-exemple-choice-value.selected{
    color:#174657;
    background-color:#FFFFFF;
}

.module-exemple-options-container .module-exemple-option-container .module-exemple-choice-value span{
    opacity:0.8;
}

.module-exemple-options-container .module-exemple-option-container .module-exemple-choice-value.selected span{
    opacity:1;
}



.module-exemple-contenue-standard-container:hover .blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@media (max-width: 1400px){

    .module-exemple{
        display: block;
    }

    .module-exemple .row.row-banner-content .left-banner-store {
        padding-bottom:16vw;
    }

    .module-exemple-main-image-container{
        width:100%;
    }

    .module-exemple-main-image-container-wrapper{
        width:100%;
    }

    .module-exemple-title-options-container{
        width:100%;
    }

    .module-exemple-contenue-standard-container .right-banner-store{
        min-height:200px;
    }

    .module-exemple-options-container {
        background: #3B768A 0% 0% no-repeat padding-box;
        padding: 0px 12px;
        height: inherit;
    }

    .module-exemple-options-container .module-exemple-option-container{
        padding-top: 1vw;
        padding-bottom: 1vw;
        line-height: 0px;
        gap:25px;
        justify-content: center;
    }

    .module-exemple-category-product-container .module-exemple-category-product-title{
        font-size: 14px;
    }

    .module-exemple-category-product-container .module-exemple-category-product-sub-title{
        font-size:12px;
    }

    .module-exemple-category-product-container{
        padding:12px;
    }

    .module-exemple-options-container .module-exemple-option-container .module-exemple-choice-value.selected{
        font-size:11px;
    }

    .module-exemple-options-container .module-exemple-option-container .module-exemple-choice-value{
        font-size:11px;
        height:26px;
    }
    
    .module-exemple-options-container .module-exemple-option-container .module-exemple-choice-name{
        font-size:12px;
        width:auto;
        align-items: inherit;
        flex: inherit;
    }

    .module-exemple-options-container .module-exemple-option-container .module-exemple-option-choices-container{
        height:26px;
        max-width:300px;
    }


}

@media (max-width: 991px){
    
    body.archive.woocommerce .module-exemple{
        padding-top: 183px;
    }
        
}





@media (max-width: 500px){

    .module-exemple-contenue-standard-container .btn-switch-to-module-exemple .btn-switch-to-module-exemple-container {
        width:auto;
    }

    .module-exemple-contenue-standard-container .btn-switch-to-module-exemple-icons-container{
        display:none;
    }
}