/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2025-05-29 13:20:39 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 57.17%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 40.83%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 42.8775%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 30.6225%;
    }
}

/* écran inférieur à 575px */
@media (max-width: 575px){
    body {
        font-size: 16px;
        line-height: 21px;
    }
    }

    p {
        letter-spacing: 0;
    }
    .product.data.items > .item.content p {
        font-size: 16px;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: Poppins,sans-serif;
        color: #222529;
        letter-spacing: normal;
        font-weight: 500;
    }

    .home-banner-slider h2.vc_custom_heading, .custom-font4 {
        font-family: 'Segoe Script','Savoye LET';
    }
    html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
        color: #ff7272;
    }
    html .action.primary, html .btn {
        font-weight: 700;
        padding: .533rem .933rem;
        font-size: .8rem;
        line-height: 1.42857;
    }
a.action.primary.continue {
    height: auto;
}
    html .action.primary,html .btn-primary {
        color: #fff;
    }
button.action.primary {
    background: #3399cc !important;
    border: none !important;
    color: #FFFFFF !important;
}
button.action.primary:hover {
    background: #222529 !important;
}

/* bouton sur page panier */
.cart-summary .checkout-methods-items .action.primary.checkout span:after {
    content: " ou demander un devis";
}

/* bouton sur page checkout 1ère étape*/
.checkout-index-index #shipping-method-buttons-container span {
    display: none;
}
.checkout-index-index button.button.action.continue.primary:after {
    content: " Devis ou Commander";
}


/* bouton sur page checkout 2ème étape*/
.checkout-index-index label[for="checkmo"]:after {
    content: "VALIDER VOTRE DEVIS GRATUIT";
    font-weight: bold;
}
.checkout-index-index label[for="checkmo"] span {
    display: none;
}

.checkout-index-index input#checkmo {
    margin-top: 5rem;
}


/* bouton sur page checkout 2ème étape : modifier bouton valider commande devis*/

.checkout-index-index .payment-method:last-of-type button.action.primary.checkout span {
    display: none;
}

.checkout-index-index .payment-method:last-of-type button.action.primary.checkout::after {
    content: "Valider votre devis";
}

    html .btn-lg {
        padding: .5rem .875rem;
        font-size: .875rem;
        line-height: 1.3333;
    }
    html .btn-modern {
        font-weight: 700;
        letter-spacing: .01em;
       font-size: .75rem;
        padding: .75rem 1.5rem;
        text-transform: uppercase;
        height: auto;
    }
    .btn-modern.btn-lg {
        font-size: .9375rem;
        padding: 1.05em 2.8em;
    }
    .btn-flat {
        padding: 0!important;
        background: none!important;
        border: none!important;
        border-bottom: 1px solid transparent!important;
        box-shadow: none!important;
        text-transform: uppercase;
        font-size: .75rem;
    }
    html .btn-dark {
        color: #fff;
        background-color: #222529;
        border-color: #222529 #222529 #0b0c0e;
    }
    html .btn-light {
        color: #222529;
        background-color: #fff;
        border-color: #fff #fff #e6e6e6;
    }
    html .background-color-secondary {
        background-color: #ff7272!important;
    }
    @media (min-width: 992px){
    .page-header.type6 .navigation .level0 .level-top {
        font-family: 'Poppins';
    }
    }
    .top-icon .porto-sicon-header {
        margin-bottom: .75rem;
    }
    .widget .widgettitle {
        font-size: 1rem;
        letter-spacing: -.02em;
    }
    .product-item-name a {
        font-family: 'Poppins';
        font-size: .9375rem;
        font-weight: 400;
    }
    .product-item-photo>a:not(.weltpixel-quickview):before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.1);
        z-index: 3;
        opacity: 0;
        transition: opacity .2s;
    }
    .product-item-info:hover .product-item-photo>a:not(.weltpixel-quickview):before {
        opacity:1;
    }
    .small-list.products-grid .product-items .product-item-info .product-item-photo:before {display: none;}
    .footer, .footer p {
        letter-spacing: 0;
    }
    .footer .widgettitle, .footer .widget-title {
        font-size: 15px;
        font-weight: 700;
    }
    .footer .newsletter input {
        height: 3rem;
        background: #292c30;
        padding-left: 20px;
    }
    .footer .newsletter .action.subscribe {
        height: 3rem;
        padding-left: 20px;
        padding-right: 20px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: inherit;
    }
    .footer .widget {
        margin-bottom: 1.875rem;
        margin-top: 1.875rem;
    }
    .footer .widget:first-child {
        margin-top: 0;
    }
    .footer .follow-us {
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .footer .follow-us .share-links a {
        width: 2.25rem;
        height: 2.25rem;
    }
    .footer li {
        line-height: 2em;
    }
    .footer .contact-info .contact-details strong {
        text-transform: uppercase;
    }
    .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span {
        line-height: 20px;
    }
.footer .follow-us .share-links a {
    width: 2.55rem;
    height: 2.55rem;
}
.widget.follow-us .share-links a {
    font-size: 20px;
}

.columns .column.main {
        padding-bottom: 0px !important;
}
    .row{
margin-right: 0px !important;
margin-left: 0px !important;
}
    
    .message.global.cookie {
        z-index: 4;
        font-size: 1rem;
        background: white;
        border-top: solid;
    }
    
    .message.global.cookie .actions {
        display: grid;
    }
    
    div#cookie-status {
        display: none;
    }
    
    a.wishlist {
        display: none;
    }
    
    .header.content.header-row {
        border-bottom: 1px solid #ededed;
        max-width: inherit;
    }
    
    .logo img {
        max-height: initial;
        max-width: 170%;
    }
    
    a.action.towishlist.actions-secondary {
        display: none;
    }
    
    
    .catalog-product-view .owl-carousel .owl-nav button[class*='owl-']
    {background: #869791;font-size: 42px;}
    
    .catalog-product-viewcatalog-product-view .owl-carousel .owl-nav button[class*='owl-']:hover
    {background: black;}
    
    html .action.primary, html .btn-primary {
        transition: .25s;
        transform: translate3d(0, 0, 0);
    }
    
.product-info-stock-sku{display: none;}

.product-info-price {
    color: #3598db;
}

.product-info-main .product.overview {
    display: none;
}

.abs-actions-addto, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist{
    width: 48px !important;
    height: 48px !important;
    line-height: 45px !important;
}


    .product-social-links .product-addto-links .action {
        transition: .25s;
        transform: translate3d(0, 0, 0);
    }
    .product-social-links .product-addto-links .action:hover {
        color: white;
        background: #222529;
    }
    
    a.action.tocompare, a.action.mailto.friend {
        transition: .25s;
        transform: translate3d(0, 0, 0);
    }
    a.action.mailto.friend:hover {
        color: white;
        background: #222529;
    }
    a.action.tocompare:hover {
        color: white;
        background: #222529;
    }
    a.action.towishlist:hover {
        color: white;
        background: #222529;
    }

.box-tocart .action.tocart {
    background: #3598db;
}
    
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto
    {padding-left:0; padding-right:0;}
    
    @media (max-width: 991px){
    .footer, .footer p {
        font-size: 16px !important;
    }}
    

    @media (min-width: 1025px) {
.page.messages {
    position: fixed;
    z-index: 1000;
    top: 25px;
    right: 0;
}}
@media (max-width: 1025px) {
.page.messages {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
}}



/* Start Mini Cart (Panier) */
i.porto-icon-user-2 {
    text-align: center;
}

@media (max-width: 452px) {
.page-header.type6 .header-contact {
    display: grid;
    justify-items: center;
}
}

.block-minicart .subtitle.empty {
    min-width: max-content;
}

.minicart-items-wrapper {
height:initial !important;
max-height: initial !important;
}

.minicart-wrapper .block-minicart li {
padding: initial !important;
line-height: initial !important;
border-bottom: none !important;
}

.product .options .list ul {
    padding-inline-start: 16px !important;
}

.minicart-wrapper .block-minicart{width: initial !important;}

.minicart-items .product-item-details .product.options {
    color: grey;
}

.price-wrapper span.price-including-tax:before {
    content: "Prix Unitaire :";
}
th.col.price:after {
    content: " Unitaire";
}

.minicart-items .product-item-details .price, .price-including-tax, .price-excluding-tax {
    font-weight: 600 !important;
    color: #222529 !important;
    font-size: 0.9rem !important;
}

.minicart-items .update-cart-item {height: initial !important}
/* End Mini Cart (Panier) */

.catalog-category-view .page-title-wrapper {
    display: block;
}

    @media (max-width: 1285px) {
.catalog-category-view .qty-box {
    display: flex !important;
    justify-content: center;
    margin-bottom: 1rem;
}}

.filter-options .item {
    display: flex;
    align-items: baseline;
}

.product-image-photo.default_image {
    max-height: 300px;
    object-fit: contain;
}

.page-products #page-title-heading {
    color: #222529;
    font-size: 2vw;
    margin-bottom: 0.5vw;
}

.page-products .product-item-photo:hover .product-image-photo.hover_image {
    visibility: hidden !important;
}

.page-products .product-item-photo .product-image-photo.default_image {
    transform: scale(1)  !important; /* Taille normale (non survolée) */
    transition: transform 1s  !important; /* Transition sur la propriété "transform" */
}

.page-products .product-item-photo:hover .product-image-photo.default_image {
    transform: scale(1.2) !important; /* Taille lorsque survolée */
}
.page-products .product-item-photo>a:not(.weltpixel-quickview):before
{background: none  !important;}

.catalog-product-view .box-tocart:before {
    content: "Demande de devis : Ajouter les produits que vous souhaitez au panier puis aller dans votre panier.";
}

.catalog-product-view .fieldset {
    margin-top: 1rem;
}

.oneyCta {
    z-index: 0 !important;
}

/* Start Alma Widget Page Product */
button._3YRro.alma-eligibility-modal-close-button {
    background: #ff5501;
    border-radius: 45px;
    border: none;
}
button._3YRro.alma-eligibility-modal-close-button:hover {
    background: black;
}

._1l2Oa>button {
    padding: 8px;
}
._1l2Oa>button:hover {
    background: #fa6d47;
    border: #fa6d47;
}
/* End Alma Widget Page Product */

/* Start breadcrumbs (fil d'ariane) */
.page-wrapper > .breadcrumbs {
    background: #f6f6f6;
}
.page-wrapper > .breadcrumbs .items > li strong {
    color: #3598db;
}
/* End breadcrumbs (fil d'ariane) */


/* Start Shipping method in checkout page (moyens de livraison dans la page de paiement) */
.table-checkout-shipping-method tbody td {
    padding-left: 1em;
    padding-right: 1em;
}

.table-checkout-shipping-method tbody td:first-child {
    max-width: 15px;
}

.table-checkout-shipping-method tbody td:nth-child(2) {
    max-width: 115px;
}

.table-checkout-shipping-method tbody td:nth-child(4) {
    max-width: 105px;
    text-align: center;
}


td#label_method_dpdpredict_dpdpredict:after {
    content: " : 8-15 jours ouvrés*";
}

td#label_method_dpdpredictexpress_dpdpredictexpress:after {
    content: " : 3-5 jours ouvrés*";
}

td#label_method_method1_owsh1:after {
    content: " : 8-15 jours ouvrés*";
}
td#label_method_method2_owsh1:after {
    content: " : 3-5 jours ouvrés*";
}

td#label_method_method3_owsh1:after {
    content: " : 8-15 jours ouvrés*";
}
td#label_method_method4_owsh1:after {
    content: " : 3-5 jours ouvrés*";
}

td#label_method_method5_owsh1:after {
    content: " : 8-15 jours ouvrés*";
}
td#label_method_method6_owsh1:after {
    content: " : 3-5 jours ouvrés*";
}

td#label_method_method7_owsh1:after {
    content: " : 8-15 jours ouvrés*";
}
td#label_method_method8_owsh1:after {
    content: " : 3-5 jours ouvrés*";
}

td#label_method_method9_owsh1:after {
    content: " : 8-15 jours ouvrés*";
}
td#label_method_method10_owsh1:after {
    content: " : 3-5 jours ouvrés*";
}

td#label_method_method11_owsh1:after {
    content: " : 8-15 jours ouvrés*";
}
td#label_method_method12_owsh1:after {
    content: " : 3-5 jours ouvrés*";
}

td#label_method_method13_owsh1:after {
    content: " : 8-15 jours ouvrés*";
}
td#label_method_method14_owsh1:after {
    content: " : 3-5 jours ouvrés*";
}

td#label_method_method15_owsh1:after {
    content: " : 8-15 jours ouvrés*";
}
td#label_method_method16_owsh1:after {
    content: " : 3-5 jours ouvrés*";
}

td#label_method_pickup_mondialrelay:after {
    content: " : 3-5 jours ouvrés - SEULEMENT pour colis inférieurs à 120cm, si les dimensions sont supérieures la commande sera livrée à votre domicile.*";
}

div#checkout-shipping-method-load:after {
    content: "*Sauf pour les stores véntiens, moustiquaires et stores bannes qui ont un délai plus long (voir le délai de fabrication sur la page produit correspondante).";
    font-weight: bold;
}

/* End Shipping method in checkout page (moyens de livraison dans la page de paiement) */



@media (min-width: 992px){
.fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--toggle-arrows.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__stage {
    max-width: 390px !important;
    max-height: 440px !important;
    float: right;
}

.fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--toggle-arrows.fotorama__wrap--slide .fotorama__stage{
    max-width: 390px !important;
    max-height: 440px !important;
    float: right;
}
.fotorama__stage__frame .fotorama__img
{    
    max-height: 100% !important;
}
.fotorama__stage__shaft {
    max-width: 100% !important;
}
.product-type-fullwidth:not(.weltpixel_quickview-catalog_product-view) .fotorama__nav-wrap--vertical.fotorama__nav-wrap {
    padding: 0px 20px 20px 20px;
}
}

div#tab-label-additional {
    display: none;
}

/* temporaire pour régler problème z-index sur position fixed : */
.product.data.items {
    background: white;
    z-index: 1;
}

footer.page-footer {
    z-index: 1;
    background: white;
}



.catalog-product-view .page-header .type6
{margin: 0 !important;}

/* Start custom CSS JustSelling Configento on product page */

.combined-image-container .fotorama__img[aria-hidden='false'] {
    display: none;
}

@media (min-width: 768px) {
    img.combined-image-item {
        max-height: 545px;
    right: 0;
    left: inherit !important;
    }
    
}
.optionmain p {
    margin: 0 !important;
}
.tooltipster-content p {
    line-height: inherit;
    margin: 0;
}

.configento.option .label {
    font-weight: 700;
}
.info-text.tooltipstered, .infotext2.tooltipstered, img.tooltip {vertical-align: top !important;}

.text-rea .optionheader.without-image, .paiement-x-fois .optionheader.without-image
{
    display:none;
}

.coteacote
{
    width: 1%;
    display: table-cell;
}
.coteacote input, .coteacote .element.form-control
{
    font-size: 110%;
    font-weight: 400;
}

.configento .type-select .show-choice-selected select {
    -webkit-appearance: auto;
}
.coteacote .form-control {
    height: auto !important;
}

.coteacote li {
    width: 120px !important;
}

.coteacote-conversion
{
    border: none !important;
    float: left;
    clear: initial !important;
    margin: 0 !important;
    width: 50%;
}

.coteacote-conversion input
{
    font-size: 16px;
    font-weight:700;
    color:#F96;
    background: none;
    border:none;
    text-align: center;
}

.coteacote-conversion .optionheader
{
    display:none;
}

.configento.option ul.thumbnails.image_picker_selector li {
    margin: 0 25px 13px 0 !important;
    width: 80px;
}
.thumbnails li
{
    font-size:70%;
    text-align:center;
}
.grandes-vignettes li {width:120px !important;}

.radiobuttons-wrapper{margin:auto;}
.radiobutton {
    display:inline-block;
    margin-left: 15px;
    margin-top: 5px;
}
.configento.option .optionmain label
{
    vertical-align: text-bottom;
}

.en-ligne
{
    display:flex; 
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-top:none !important;
}
.en-ligne2
{
    display:flex; 
    flex-direction: row;
    align-items: center;
    border-top:none !important;
    margin-top:-10px !important;
}
.en-ligne input, .en-ligne2 input
{
    font-size: 16px;
    font-weight:700;
    color:#F96;
    background: none;
    border:none;
    width: 130px;
}

.prix-ligne
{
    border-top:none !important;
}
.prix-ligne input
{
    background: none;
    font-size: 25px;
    font-weight:600;
    height: 49px !important;
    width: 165px;
    color:#3598db;
    border:none;
}

.prix-barre {
    margin-right: 92px;
}

.cercle, .prix-barre
{
    display:inline-block;
    border-top:none !important;
    vertical-align: top;
}

.prix-barre input
{
    background: none;
    font-size: 25px;
    font-weight:600;
    color:#F96;
    height: 62px !important;
    width: 165px;
    text-decoration: line-through;
    border:none;
}

.cercle input
{
    font-size: 16px;
    font-weight:700;
    background: url(https://storesenrouleur.com/pub/media/wysiwyg/ani-cercle.gif) no-repeat;
    color: white;
    height: 62px !important;
    width: 56px;
    text-align: center;
    border:none;
}

textarea
{
    background-color: #fbfbfb;
}
textarea::placeholder {
    color: #939393;
}

table.tableau, .tableau th, .tableau td {
  border:1px solid black;
  background:#ffffff;
  padding:8px;
  text-align:center;
}
.tableau th{font-weight:600;}
.court input{
    width:100px;
}

.catalog-product-view #totop {
    bottom: 59px;
}

@media only screen and (min-width: 768px) {
.prix-ligne .optionheader, .bouton-ajout-panier .optionheader
{
    display:none;
}

.bouton-ajout-panier
{
    position: fixed;
    bottom: 0;
    right:0;
    z-index:2;
    text-align: right;
    width: 58%;
    border: solid 1px lightgrey;
    background: white;
}

.prix-ligne
{
    position: fixed;
    bottom: 0;
    z-index:2;
}
}

@media only screen and (max-width: 768px) {
.prix-ligne, .bouton-ajout-panier
{
    display: table-cell;
}
.prix-ligne .optionheader, .bouton-ajout-panier .optionheader
{
    display:none;
}

.bouton-ajout-panier
{
    position: fixed;
    bottom: 0;
    right:0;
    z-index:2;
    text-align: right;
    width:100%;
    background: white;
}
.prix-ligne
{
    position: fixed;
    bottom: 0;
    left:0;
    z-index:2;
}
}

/* End custom CSS JustSelling Configento on product page */





/* Start CSS description on product page */
b {
    font-weight: 600;
}

.image_centre
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.product .description ul li {
    display: block;
}

.sommaire {
    background: aliceblue;
    display: table;
    border: 1px solid;
    padding: 15px;
    float: left;
    margin-right: 17px;
    margin-bottom: 14px;
    margin-top: 10px;
}
@media only screen and (max-width: 768px) {.sommaire {width:100%;}}

#description ol
{
margin-left: 30px;
}

.faux_titre
{
color:black;
font-weight:600 !important;
font-size:1.5rem !important;
margin-top: 2.5rem;
line-height: 40px;
letter-spacing: 1px;
}

.h3_description
{
color:black;
font-weight:600;
font-size:1.17rem;
margin-bottom: 7px;
display: contents;
line-height: normal;
}

.h2 {
    display: inline;
    font-size: initial;
    font-weight: 600;
    line-height: normal;
}

.float-left-photo-description-longue, .float-right-photo-description-longue {display: table-row;}

.float-left-photo-description-courte
{
    display: inline-flex;
    align-items: center;
}

.float-right-photo-description-courte
{
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
}

.float-left-photo-description-longue p, .float-right-photo-description-longue p {margin-top: 1rem;}

  .float-left-photo-description-longue img,  .float-left-photo-description-courte img{
    float: left;
    margin: 20px 20px 20px 0px;
  }
  .float-right-photo-description-longue img, .float-right-photo-description-courte img {
    float: right;
    margin: 20px 0px 20px 20px;
  }

.alignement-vertical
{
    display: flex;
    align-items: center;
}

.legende
{
    display: flex;
    justify-content: space-evenly;
    margin: 1rem 0rem 1rem 0rem;
}

.legende-nombre
{
    width: calc(20% - 1rem);
    background: #51a7d3;
    color: white;
    align-self: center;
}

.legende-texte
{
    width: calc(80% - 1rem);
    background: #f1f1f1;
    padding: 3px;
}

.ligne:after {
  content: "";
  display: table;
  clear: both;
}

.colonne-produits {
  float: left;
  padding: 10px 10px;
}
.largeur25 {width: 25%;}
.largeur33 {width: 33%;}
.largeur50 {width: 50%;}
.largeur65 {width: 65%;}
.largeur75 {width: 75%;}

@media screen and (min-width: 767px) and (max-width: 992px) {
  .colonne-produits {
    width: 50%;
    display: block;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .colonne-produits {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
.alignement-vertical
{
    display: inherit;
}
  .float-left-photo-description-longue  img, .float-right-photo-description-longue  img  {
    display: block;
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
.float-left-photo-description-longue p, .float-right-photo-description-longue p {margin-top: inherit;}

.float-right-photo-description-courte, .float-left-photo-description-courte {
flex-direction: column-reverse;
}
}


.box-description {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    text-align: center;
}

.box-description .titre-box {
    background: linear-gradient(45deg, #3398cc, #3398ccc9);
    color: white;
    padding: 15px;
    font-weight: bold;
}
.box-description p {
    padding: 15px;
}

.catalog-product-view .product.attribute .value, .modal-popup.quick-view .product.attribute .value {
    display: block;
}

.catalog-product-view .owl-carousel .owl-item img{
    margin-left: auto;
    margin-right: auto;
    max-height: 400px;
    width: auto;
}

.tableau_toiles{font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: darkgrey;border-collapse: collapse; text-align:center;margin-top: 11px;}
.tableau_toiles th {font-size:14px;background-color:powderblue;border-width: 1px;padding: 8px;border-style: solid;border-color: darkgrey;font-weight: bold;text-align: center; vertical-align: middle;}
.tableau_toiles tr {background-color:aliceblue;}
.tableau_toiles td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: darkgrey; vertical-align: middle;}
.tableau_toiles tr:hover {background-color:#ffffff;}


.tableau-design em {
    font-size: xx-large;
}

.tableau-design th {
    text-align: center !important;
    background: #3399cc;
    color: white;
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 2rem 1rem 2rem 1rem;
    vertical-align: middle;
}

.tableau-design td {
    border: solid 0.01rem #80808033;
    text-align: center;
    vertical-align: middle;
}
.tableau-design td:first-child {
    font-weight: bold;
    color: #333;
}
.tableau-design th:first-child {
    border-top-left-radius: 40px;
}

.tableau-design th:last-child {
    border-top-right-radius: 40px;
}


/*===== Vertical Timeline =====*/
#conference-timeline {
  position: relative;
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}
.extremites {
    text-align: center;
    display: block;
    color: black;
    font-weight: bold;
    font-size: x-large;
}
.conference-center-line::before{
    content: "\f0d8";
    color: #3398cc;
    position: absolute;
    font-size: 60px;
    top: -16px;
    left: -14px;
    font-family: "FontAwesome";
}
.conference-center-line::after{
    content: "\f0d7";
    color: #3398cc;
    position: absolute;
    font-size: 60px;
    bottom: -4px;
    left: -14px;
    font-family: "FontAwesome";
}
#conference-timeline .conference-center-line {
  position: absolute;
  width: 7px;
  height: 100%;
  left: 49.6%;
  background: #3398cc;
}
#conference-timeline .conference-timeline-content {
  padding-top: 15px;
  padding-bottom: 1px;
}
.timeline-article {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 20px 0;
}
.timeline-article .content-left-container,
.timeline-article .content-right-container {
  max-width: 44%;
  width: 100%;
}

.timeline-article .content-left,
.timeline-article .content-right {
  position: relative;
  width: auto;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.03);
  padding: 27px 25px;
}
.timeline-article p {
  margin: 0 0 0 60px;
  padding: 0;
  font-weight: 400;
  color: #242424;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.timeline-article p span.article-number {
  position: absolute;
  font-weight: 300;
  font-size: 44px;
  top: 10px;
  left: -60px;
  color: #3398cc;
}
.timeline-article .content-left-container {
  float: left;
}
.timeline-article .content-right-container {
  float: right;
}
.timeline-article .content-left:before,
.timeline-article .content-right:before{
  position: absolute;
  top: 20px;
  font-size: 23px;
  font-family: "FontAwesome";
  color: ##ddd;
}
.timeline-article .content-left:before {
  content: "\f0da";
  right: -8px;
}
.timeline-article .content-right:before {
  content: "\f0d9";
  left: -8px;
}
.timeline-article .meta-date {
  position: absolute;
  top: 0;
  left: 50%;
  width: 62px;
  height: 62px;
  margin-left: -31px;
  color: #fff;
  border-radius: 100%;
  background: #3398cc;
}
.timeline-article .meta-date .date,
.timeline-article .meta-date .month {
  display: block;
  text-align: center;
  font-weight: 900;
}
.timeline-article .meta-date .date {
  font-size: 18px;
  line-height: 64px;
}

/*===== // Vertical Timeline =====*/

/*===== Resonsive Vertical Timeline =====*/
@media only screen and (max-width: 830px) {
.extremites {
    text-align: left;
  }
  #conference-timeline .conference-center-line {
    left: 48px;
  }
  .timeline-article .meta-date {
    margin-left: 0;
    left: 20px;
  }
  .timeline-article .content-left-container,
  .timeline-article .content-right-container {
    max-width: 100%;
    width: auto;
    float: none;
    margin-left: 110px;
    min-height: 53px;
  }
  .timeline-article .content-left,
  .timeline-article .content-right {
    padding: 10px 25px;
    min-height: 65px;
  }
  .timeline-article .content-left:before {
    content: "\f0d9";
    right: auto;
    left: -8px;
  }

}
@media only screen and (max-width: 400px) {
.extremites {
    text-align: left;
  }
  .timeline-article p {
    margin: 0;
  }
  .timeline-article p span.article-number {
    display: none;
  }
  
}
/*===== // Resonsive Vertical Timeline =====*/



.tableau_dimensions{text-align:center;margin-top: 11px;}
.tableau_dimensions td{padding: 8px;}
@media only screen and (max-width: 768px) {.tableau_dimensions tr{display: grid;}}

.tableau_avantages{display: flex;justify-content: center;margin-top:12px;}
.tableau_avantages th {font-size:16px;background-color:limegreen;border-width: 1px;padding: 8px;border-style: solid;font-weight: bold;text-align:center; color: white;}
.tableau_avantages tr{background-color:palegreen;}
.tableau_avantages td {font-size:14px;padding: 10px 30px 8px 30px;color: black;font-weight: 600;}

.YoutubeBlock {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 90%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.special-iframe{
    width: 52%;
    height: 21em;
    margin-bottom: 13px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 768px){
.special-iframe {
    width: 100%;
}
}
/* End CSS description on product page */



/* DEBUT couleur jaune des étoiles de notation sur page produit et page catégorie */

.product-info-main .product-reviews-summary .rating-summary .rating-result > span:before
{color: #ffc600;}

.product-item .rating-summary .rating-result > span:before
{color: #ffc600;}

/* FIN couleur jaune des étoiles de notation sur page produit et page catégorie */


/* en frontend, dans le compte client pour vue des petits écrans, on ne voit pas les boutons pour imprimer les PDF commandes et factures. */
.order-actions-toolbar .action.print {
    display: initial !important;
}


/* DEBUT chat. */
.hastRB {
    height: 32px !important;
    border-radius: 16px !important;
    background-color: transparent !important;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.gHOYIm {
    margin-top: inherit !important;
}

.gEEJAq {
    padding: 8px 12px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
    line-height: 20px !important;
    border: none !important;
    color: rgb(255, 255, 255) !important;
    background: rgb(0, 178, 169) !important;
}

.hBoSRs {
    height: 28px !important;
    border-radius: 14px !important;
    background-color: rgb(0, 178, 169) !important;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: transparent !important;
    cursor: pointer;
}
/* FIN chat. */
