/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* Menu */

#header .header-top a {
    text-transform: none;
}

#header .header-top a[data-depth="0"] {
    text-transform: none;
    color: #1e8590;
}

.top-menu .sub-menu ul[data-depth="1"]>li {
    margin: 0 0.5rem;
}

/* Menu colonne gauche */

.text-uppercase { 
    color: #1e8590 !important;
}

#wrapper{
    background:#fff;
    box-shadow: none;
}

.video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .video-wrapper {
	width: 1000px;
	max-width: 100%;
    }

/*header*/
.block-social ul li {
    background-color: #1e8590;
}

#header .header-nav {
    padding-top: 10px;
    max-height: none;
}

@media (max-width:767px){
   #header .header-nav {
        padding-bottom: 15px;
    } 
    
    .block-social ul li {
        height: 3rem;
        width: 3rem;
        margin-bottom: 0;
    }
    #header .header-top>.container {
        padding-bottom: 1rem;
    }
    .material-icons {
        font-size: 40px;
        padding-top: 5px;
    }
    #menu-icon .material-icons {
        font-size: 50px;
    }
} 

@media (min-width:768px) {
    .header-top .block-social {
        display: none;
    }
}
/*footer */
.footer-container .h3 {
    color: #1e8590;
    font-size : 1rem;
    text-transform: none;
}

.myaccount-title-href {
    color: #1e8590!important;
}

/* Liste Produits */
#products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {
    text-transform:none;
}

@media (min-width:992px) and (max-width:1199px) {
    .products {
        padding-right: 45px;
    }
    .products .product-miniature {
        margin: 0 15px;
    }
}


/* Page d'accueil */
#row_custom_cle {
    margin-top: -5px;
    margin-top: 10px;
}

/* pour le module clehome */
.index-position-clehome {
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 0 5px;
    font-size: 1em;
    color: #aaa;
    text-shadow: #fff 1px 1px;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}

@media (min-width:1200px) {
    .row_home_cle {
        margin-top:30px;
    }
}
@media (max-width:1199px) {
     .row_home_cle {
        margin-top:0;
    }
}

@media (min-width: 992px) {  
    
    
    .col-cle-home-left {
        padding-left:0;
        padding-right: 5px;
        height: 430px
    }

    .col-cle-home-right {
        padding-right: 0;
        padding-left: 5px;
        
    }

    .col-cle-home-center {
        padding-left: 5px;
        padding-right: 5px;
    }
    
   
}

@media (max-width:991px) {
     .col-cle-home-left {
        padding-right: 0;
        padding-left: 0;
    }
    
    .col-cle-home-right {
        padding-right: 0;
        padding-left: 0;
    }
    
    

}


/* Page d'accueil Liste Blog */
.list-group-item-Cle{
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.list-group-item-Cle:first-child {
    border-top:0;
    
}
#blog_articles_last_card_header {
    color:white; 
    background-color: #2FB5D2;
}

.img_home_titre {
    width: 100%;
    height: auto;
}

.col-cle-info-home {
    text-align: justify;
}

.col-cle-info-home ul  {
    padding-left: 2rem;
    list-style:disc;
} 
.col-cle-info-home li {
    line-height: 1.35rem;
    font-size: 1rem;
    color: #7a7a7a;
    font-weight: 400;
} 

@media (max-width:767px) {
    .col-cle-home-secondrow-right {
        border:1px solid #ddd;
        margin-bottom: 10px;
    }
    .col-cle-info-home {
        border: 1px solid #ddd;
        margin-bottom: 10px;
    }
}

@media (max-width:991px) {
    .col-cle-info-home {
        padding-left: 0;
        padding-right: 0;       
    }
}

@media (min-width:1200px) {
    
    .list-group-item-Cle {
        padding-bottom: 18px;
        padding-top: 18px;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
    .list-group-item-Cle-four {
        display: none;
    } 
   
}

@media (min-width: 992px) {
    .video-wrapper-container {
        height: 450px;
    }   
}

/* Fiche produit */
.bloc-infos-cle-entete .h1 {
    text-transform: none;
}

.bloc-infos-cle-aparaitre {
    color:#1e8590;
    padding-left: 20px;
    font-weight: bold;
    font-size: 1.6rem;
    padding-top: 20px;
}

#product-modal .modal-content .modal-body .product-images img {
    margin-bottom: 0.625rem;
}
.img-tab-author {
        width:100%;
        height: auto;
    }
    
    .img-tab-collection {
        float:right;
        margin-right: 10px;
        margin-left: 10px;
    }
    .product-cover img {
        box-shadow: none;
    }
        .paragraph-tab-author {
        min-height: 200px;
        padding-left: 10px;
        padding-right: 20px;
        paddint-top:20px;
    }
    .tab-collection-title {
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 30px;
    
    }
    
    .commentaires.icon-gray {
        background-image: url(../css/commentaire_site_web_gris.svg);
    }
    .commentaires.icon-gray:hover {
        background-image: url(../css/commentaire_site_web_bleu.svg);
    }
    
    .texte_Cle blockquote {
        quotes:none;
        border-left:1px solid #CCCCCC;
        margin-left: 2em;
        padding-left: 1em;
        padding-bottom: 0.15em;
        padding-top: 0.25em;
        margin-bottom: 0.5em;
    }

    #content-wrapper {
        margin-bottom: 20px;
    }
    
    @media (max-width:767px) {
        .desktop-visible {
            display: none!important;
        }
        .mobile-visible .h3 {
            color:#1e8590;
            text-transform: none!important;
            line-height: 1.5;
            font-size:1rem;
        }
    }
    @media (min-width:768px) {
        .mobile-visible {
            display: none!important;
        }
    }
    
    /*Catégories
    Descripton */
    #category-description {
        padding-right: 1.25rem;
    }
    .block-category .h1 {
        text-transform: none;
    }
    /* Fiche produit */
    /* infos principales */
     .sousTitre {
        color: #8a8989;
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: left;
     }
     
    .description-short span {
        font-size:1.1rem;
        font-weight: bold;
        color: #1e8590 !important;
        
    }
    .bloc-infos-cle {
        padding-bottom: 10px;
        padding-top: 10px;
    }
  
    .bloc-infos-cle-auteurs {
       
    }
    .bloc-infos-cle-lien {
        text-decoration: underline;
        font-weight: bold;
    }
    
    .bloc-infos-cle-blogURL {
        margin-left: 3rem
    }
    .regular-price {
        font-size:2rem;
        padding-left: 6rem;
    }
    
    .current-price span {
        font-size:2rem;
        padding-left: 6rem;
    }
    
    .product-quantity .add {
        margin-left: 5px;
    }
    .liste-infos-cle {
        padding-left: 1rem;
        
    }
    .liste-infos-cle li {
        font-weight: bold;
        line-height: 1.5rem;
    }
/* Onglets */
    .texte_Cle {
    padding: 20px;
}

.texte_Cle h2 {
    color: #2fb5d2;
    font-size: 1rem;
}

.product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name {
    text-transform: none;
}

.texte_Cle ul, ol {    
    padding-left: 3.5rem;
    font-size: .9375rem;
    color: #7a7a7a;
    font-weight: 400;
}

.texte_Cle-description ul {
    list-style:disc; 
}
/* Onglets Informations */
.product-reference {
    margin-left: .3125rem;
    font-weight: 700;
    line-height: 1.1;
}

.video-wrapper {
    width: 1000px;
    max-width: 100%;
    margin-bottom: 15px;
}

.video-container {
    position: relative;
    padding-bottom: 52.15%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Fiche produit, onglets, sommaire */

.sommaire h2 {
    font-size: 1.1rem;
    color: #7a7a7a;
    font-weight: bolder;
}

.sommaire ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

.sommaire li {
    padding-top: 2px;
    padding-bottom: 2px;
}
.sommaire ol {
    padding-top: 4px;
    padding-bottom: 4px;
}

@media (min-width:768px) {
    .sommaire {
        padding-left: 3rem;
    }
    .sommaire h2 {
        padding-left: 2rem;
    }
    .sommaire ul {
        padding-left: 4rem;
    }
}

@media (max-width:767px) {
    .sommaire {
        padding-left: 0.5rem;
    }
    .sommaire h2 {
        padding-left: 0.75rem;
    }
    .sommaire ul {
        padding-left:1.5rem;
    }
}

/* cms */
.page-cms h2 {
    color: #2fb5d2;
}

.page-cms #content-wrapper ul {
    list-style:disc;
    padding-left: 3.5rem;
    font-size: .9375rem;
    color: #7a7a7a;
    font-weight: 400;
}

.page-cms td {
    vertical-align:top;
}

/*.page-cms .footer-container ul {
    list-style:none;
    padding-left: 0;
}*/
.page-cms #content-wrapper td> ul {
    list-style:none;
    padding-left: 0.5rem;
    font-weight: 500;
}

.page-cms td>ul>li {
    padding-bottom: 3px;
}

.vimeo {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAK9WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDUgNzkuMTY0NTkwLCAyMDIwLzEyLzA5LTExOjU3OjQ0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAxLTIxVDA5OjA2OjQ5KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTAxLTIyVDEwOjUzOjI5KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMS0yMlQxMDo1MzoyOSswMTowMCIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M2VlYjViYmQtOGUzMC1kZjQ4LWI3ZmEtMTc2MmNmMDBhOGY2IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTM1ZDExNGEtYTYwMy00YzQ0LTkzYzUtMDVjODE5OGUzODY5IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MzY1YmNiMWItZmQ2Yy1kYTRmLTllNmEtNTExODc0MDkyOTgwIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjQ4IiBleGlmOlBpeGVsWURpbWVuc2lvbj0iNDgiPiA8cGhvdG9zaG9wOlRleHRMYXllcnM+IDxyZGY6QmFnPiA8cmRmOmxpIHBob3Rvc2hvcDpMYXllck5hbWU9IkJMb2ciIHBob3Rvc2hvcDpMYXllclRleHQ9IkJMb2ciLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjM2NWJjYjFiLWZkNmMtZGE0Zi05ZTZhLTUxMTg3NDA5Mjk4MCIgc3RFdnQ6d2hlbj0iMjAyMS0wMS0yMVQwOTowNjo0OSswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NDg5YTJhMy03NjkyLTFhNDQtYmM5Zi00MjQ2NTUwZjgxM2YiIHN0RXZ0OndoZW49IjIwMjEtMDEtMjFUMTg6MzI6MjYrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGQyNWI4M2YtOTA5ZS0yMTRkLWE2MzctM2EyYmQ2Y2EyMzg4IiBzdEV2dDp3aGVuPSIyMDIxLTAxLTIyVDEwOjUzOjI5KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNlZWI1YmJkLThlMzAtZGY0OC1iN2ZhLTE3NjJjZjAwYThmNiIgc3RFdnQ6d2hlbj0iMjAyMS0wMS0yMlQxMDo1MzoyOSswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ZDI1YjgzZi05MDllLTIxNGQtYTYzNy0zYTJiZDZjYTIzODgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MjY0YzUyMy0yNmY2LWUwNDctYmM4MC0wMzJlNDc3Mjc0N2YiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNjViY2IxYi1mZDZjLWRhNGYtOWU2YS01MTE4NzQwOTI5ODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ygiCtAAABKklEQVRYw+2W7Q2EIAyGWYEVWMEVXIEVbgVXuBVcwRVcgRVYgRXe+1NMjysKxhhzaRN/WF/ksV9oAJgnX0YBFVABFVABFVABHwUoWQQwGTLmH41gACyAhemCpAXgBJ2nZ12A2aZGwFBZPxRwqaLzLYAji8ZMvnQECGBiUXfky1FamG5mOlvo1mZAWjhmZwNg3uQtrE/MF8n3Yr6B4NazEVwaAPPGvqjJbK54h6uUSXcNrrmGDgDFZ9xfZuQqwCh8/SWA/J5ZV4pDR4rvBaQX+I4mCULxf9UgNcNPigvQW7vYC128u09virf51DEHE0XLVubgVjbCHMTZk8QXgFKnWzZq9k4SX9GkM4ChmGs1m3fO2Fq0I5sSL/pI6O+WAiqgAiqgAiqgAv4P4AccwAlb2M2p6gAAAABJRU5ErkJggg==);
}

#category-description strong, #collections strong {
    color:#232323 !important;
    font-weight: 800 !important;
}

#category-description ul, #collections ul {
    list-style-type: disc;  
    padding-left:20px;
}

#category-description ul {
    color:#232323;
}

#collections ul {
    font-size: .9375rem;
    color: #7a7a7a;
    font-weight: 400;
}

/* JDU 14-jul-25 */
#blockEmailSubscription_displayFooterBefore {
    float: left;
    width: 66%;
    margin: 0px;
    background: none;
}


.block-categories {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}
.card {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}
.footer-container {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}
.product-miniature .highlighted-informations {box-shadow: 0 -5px 10px -5px rgba(0,0,0,.2);}
.product-miniature .thumbnail-container {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}
.products-sort-order .select-title {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}
.tabs {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}
.thumbnail-container {box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);}