@charset "UTF-8";

 /*
-------------------------------------------------
                    GENERAL
-------------------------------------------------
*/
 html {
     margin: 0px;
     padding: 0px;
     width: 100%;
     height: 100%;
     font-family: 'Open Sans', sans-serif;
 }

 .js_texts {
     display: none;
 }

 a,
 a:hover {
     color: #000;
     cursor: pointer;
     text-decoration: none;
 }

 .btn-login {
     cursor: pointer;
     background-color: #ccc;
     color: #fff;
     font-style: normal;
     font-weight: bold;
     padding: 0px 5px;
     text-transform: uppercase;
     height: 20px;
     border-radius: 0;
 }

 .btn-cart {
     font-size: 16px;
     padding-top: 16px;
     color: #666;
 }

 input[type=radio].css-checkbox {
     display: none;
 }

 input[type=radio].css-checkbox+label.css-label-radio {
     background-repeat: no-repeat;
     background-position: 0 0;
     cursor: pointer;
     display: inline-block;
     height: 14px;
     line-height: 14px;
     margin-right: 20px;
     padding-left: 20px;
     vertical-align: middle;
     font-style: normal;
     font-weight: 700;
 }

 input[type=radio].css-checkbox:checked+label.css-label-radio {
     background-position: 0 -14px;
 }

 label.css-label-radio {
     background-image: url("../images/css-check-uncheck.png");
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 input[type=checkbox].css-checkbox {
     display: none;
 }

 input[type=checkbox].css-checkbox+label.css-label-checkbox {
     padding-left: 17px;
     height: 17px;
     display: inline-block;
     line-height: 17px;
     background-repeat: no-repeat;
     background-position: 0 -34px;
     vertical-align: middle;
     cursor: pointer;
 }

 input[type=checkbox].css-checkbox:checked+label.css-label-checkbox {
     background-position: 0 0;
 }

 label.css-label-checkbox {
     background-image: url('../images/csscheckbox.png');
     background-repeat: no-repeat;

 }

 .input-xs {
     height: 20px;
     padding: 2px 5px;
     font-size: 12px;
     line-height: 1.5;
     border-radius: 0;
 }

 span.date span:after {
     content: " ";
 }

 .table>thead>tr>th,
 .table>tbody>tr>th,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>tbody>tr>td,
 .table>tfoot>tr>td {
     vertical-align: middle;
 }

 .table>thead>tr>th {
     border-bottom: 2px solid #ddd;
     text-align: center
 }

 /*
-------------------------------------------------
                     BLOG
-------------------------------------------------
*/
 .blog-container .singer-title {
     font-size: 21px;
     font-weight: 600;
     padding-bottom: 7px;
 }

 .blog-article {
     background-color: #f3f3f3;
     margin: 12px 0;
 }

 .row-blog-articles .blog-article {
     padding: 12px;
 }

 .blog-article.blog-footer {
     background-color: #f3f3f3;
     margin: 0;
     height: 100%;
 }

 .blog-article.blog-article-big {
     padding: 18px;
 }

 .blog-article .blog-details {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     font-size: 15px;
     height: 100%;
 }

 .blog-article.blog-small .blog-details,
 .blog-article.blog-footer .blog-details {
     font-size: 12px;
 }

 .blog-article .blog-details .blog-visuel {
     width: 40%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .blog-article .blog-details .blog-resume {
     width: 55%;
     padding-right: 0;
     position: relative;
 }

 .blog-article.blog-small .blog-details .blog-visuel {
     width: 50%;
 }

 .blog-article.blog-footer .blog-details .blog-visuel {
     width: 100%;
 }

 .blog-article.blog-small .blog-details .blog-resume {
     width: 45%;
     padding-right: 0;
 }

 .blog-article.blog-footer .blog-details .blog-resume {
     width: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 12px;
 }


 .blog-article.blog-article-big .blog-details .blog-resume {
     padding-right: 30px;
 }


 .blog-main-title {
     font-size: 26px;
     font-weight: 400;
     text-transform: uppercase;
     margin-bottom: 30px;
 }

 .blog-title {
     font-size: 21px;
     font-weight: 700;
     margin: 15px 0;
 }

 .blog-article.blog-small .blog-title,
 .blog-article.blog-footer .blog-title {
     font-size: 14px;
 }

 .blog-article.blog-footer .blog-title {
     text-align: center;
     padding: 20px;
     background-color: rgba(255, 255, 255, 0.8);
 }

 .btn.btn-singer.btn-see-more {
     position: absolute;
     bottom: 12px;
     left: 12px;
     right: 12px;
     font-weight: 700;
 }

 .blog-article.blog-footer .blog-title-news {
     font-size: 24px;
     color: #ffffff;
     font-weight: 700;
     text-shadow: 1px 1px 2px #000;
     margin: 30px auto 15px;
     text-align: center;
 }

 .blog-date,
 .blog-tag {
     font-style: italic;
     font-weight: 600;
     font-size: 13px;
     color: #8c8c8c;
 }

 .blog-small .blog-date,
 .blog-small .blog-tag,
 .blog-footer .blog-date,
 .blog-footer .blog-tag {
     font-size: 11px;
 }

 .blog-tag {
     color: #cd1316;
     font-style: normal;
 }

 .blog-small .blog-description,
 .blog-footer .blog-description {
     font-size: 11.5px;
     line-height: 1.3;
     height: 60px;
     overflow: hidden;
 }

 .blog-article.blog-footer .blog-resume .blog-description {
     height: auto;
     max-height: 60px;
 }

 .blog-link,
 .blog-link:hover {
     color: #ce1719;
     font-weight: 700;
     font-style: italic;
     margin-top: 5px;
     margin-bottom: 25px;
     display: inline-block;
 }

 .row-blog-articles {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
 }

 .blog-small {
     width: 49%;
     margin-right: 2%;
     height: 240px;
 }

 .blog-small .blog-link {
     position: absolute;
     bottom: 5px;
     margin-bottom: 0;
 }

 .row-blog-articles .blog-small:nth-child(2n) {
     margin-right: 0;
 }


 .well.well-blog {
     background-color: #fdfdfd;
     border-radius: 0;
 }

 .label.label-filter {
     color: #000;
     font-size: 14px;
     line-height: 22px;
     text-align: left;
 }

 .filter-blog {
     margin: 20px 0;
 }

 .row-detailblog {
     display: flex;
     flex-wrap: wrap
 }

 .blog-suggest-container {
     width: 30%;
     padding-right: 60px;
     border-right: 1px solid #cccccc;
 }

 .blog-article-detail-container {
     width: 70%;
     padding-left: 65px;
 }

 .blog-suggest-container .title {
     font-size: 14px;
     color: #cd1316;
     margin-top: 0;
     margin-bottom: 0;
     font-weight: 700;
     text-transform: uppercase;
 }

 .blog-preview-small.blog-suggest {
     width: 280px;
     max-width: 100%;
     height: 280px;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     margin: 14px 0 18px 0;
 }

 .blog-suggest .blog-preview-resume {
     position: absolute;
     left: 10px;
     right: 10px;
     bottom: 10px;
     background-color: #f3f3f3;
     font-size: 14px;
     font-weight: 700;
     text-align: center;
     padding: 10px 30px;
 }

 .blog-suggest .blog-preview-title,
 .blog-suggest .blog-preview-title a {
     font-size: 14px;
     font-weight: 700;
     text-align: center;
     margin: 0;
     padding: 0;

 }

 .blog-suggest .link-blog {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
 }

 .detail-blog-article .blog-title {
     margin-top: 3px;
 }

 .blog-image {
     margin-bottom: 20px;
 }

 .blog-footer h2 {
     text-transform: uppercase;
     margin: 0 0 9px 0;
     font-size: 24px;
     font-weight: 400;
 }

 .blog-footer .btn-singer {
     font-size: 11px;
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     padding: 7px;
 }

 .blog-footer .blog-title {
     margin: 6px 0;
 }

 @media screen and (max-width: 980px) {
     .blog-small {
         width: 48%;
         margin-right: 4%;
         height: 240px;
     }

     .row-blog-articles .blog-small:nth-child(3n) {
         margin-right: auto;
     }

     .row-blog-articles .blog-small:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media screen and (max-width: 768px) {
     .blog-article .blog-details .blog-visuel {
         width: 100%;
         min-height: 215px;
     }

     .blog-article .blog-details .blog-resume {
         width: 100%;
         padding-right: 10px;
     }

     .row-blog-articles {
         justify-content: center;
     }

     .blog-small {
         width: 100%;
         margin-right: 0 !important;
     }

     .row-detailblog {
         display: flex;
         flex-wrap: wrap
     }

     .blog-suggest-container {
         width: 100%;
         padding-right: 0;
         border-right: none;
         order: 2;
     }

     .blog-article-detail-container {
         width: 100%;
         padding-left: 0;
         order: 1;
     }

     .blog-suggest-list {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
     }

     .blog-preview-small.blog-suggest {
         max-width: 48%;
         margin: 18px 0;
     }

     .blog-suggest .blog-preview-title,
     .blog-suggest .blog-preview-title a {
         font-size: 12px;
         font-weight: 700;
         text-align: center;
         margin: 0;
         padding: 0;

     }

     .blog-suggest .blog-preview-resume {
         padding: 10px;
     }
 }

 /*
-------------------------------------------------
                     LOGO
-------------------------------------------------
*/
 .gotoadmin {
     position: fixed;
     right: 0;
     top: 0;
 }

 .logo {
     width: 16px;
     height: 16px;
     display: inline-block;
     text-align: center;
     vertical-align: bottom;
     background-repeat: no-repeat;
     color: transparent;
 }

 .logo.logo-stats {
     background-image: url('../images/stats.png');
 }

 .logo.logo-admin {
     background-image: url('../images/settings.png');
 }

 .logo.logo-account {
     background-image: url('../images/user-alt-1.png');
 }

 .logo.logo-logout {
     background-image: url('../images/logout_admin.png');
 }

 .logo.logo-editpage {
     background-image: url('../images/edit-document.png');
 }

 .logo.logo-disconnect {
     width: 24px;
     height: 24px;
     vertical-align: middle;
     margin-left: 2px;
 }

 .logo.logo-facebook,
 .logo.logo-googleplus,
 .logo.logo-twitter,
 .logo.logo-pinterest {
     width: auto;
     height: 20px;
     margin-bottom: 4px;
 }

 /*
-------------------------------------------------
             HEADER - TOP
-------------------------------------------------
*/


 .header .header-top {
     background-color: #fafafa;
     padding: 0;
     color: #aaaaaa;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .header .header-top a {
     color: #aaaaaa;

 }


 .header-top>div {
     padding: 3px 0;
     border-right: 1px solid #e3e3e3;
     border-bottom: 1px solid #e3e3e3;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     letter-spacing: 0.005em
 }

 .header-top>div:first-child {
     padding-right: 1%;
 }

 .header-top>div:last-child {
     border-right: none;
 }

 .header-top>div img {
     margin-right: 8px;
 }

 .header-lang ul {
     padding: 0;
     margin: 0;
 }

 .header-lang>ul img {
     margin: 0;
 }

 .header-lang ul li:not(:last-child) {
     border-bottom: 1px solid #e3e3e3;
 }

 .btn-lang {
     background-color: transparent;
     padding: 0;
 }

 .btn-lang .caret {
     color: black;
 }

 .btn-group-lang.open .dropdown-menu {
     width: auto;
     min-width: auto;
 }

 .btn-group-lang.btn-group-lang-mobile {
     position: initial;
 }

 .btn-group-lang.btn-group-lang-mobile {
     position: initial;
 }

 .btn-group-lang.btn-group-lang-mobile .dropdown-menu {
     left: auto;
     right: 0;
 }

 .border-flag {
     border: 1px solid black;
 }

 .header-link {
     display: inline-block;
     vertical-align: top;
 }

 .header-account ul li {
     padding: 0 2px;
 }

 .pipe {
     display: inline-block;
     margin: 0 10px;
     color: #bbb;
 }

 .link,
 .link:hover {
     color: #fff;
 }

 .link.link-login {}

 .link.link-forgotten-password {
     text-decoration: underline;
     font-size: 11px;
     margin-top: 5px;
     margin-bottom: 5px;
     display: inline-block;
     color: #3d3d3d;
     letter-spacing: 0.025em;
     font-weight: 700;
 }

 .link.link-forgotten-password-login {
     color: #000;
 }

 .link.link-createaccount {}

 .link.link-createaccount-modal {}

 .link.link-welcome {}

 .form-autosearch {
     max-width: 325px;
     margin: 0 15px 0 0;
 }

 .form-autosearch input {
     border: 2px solid #dbd9d9;
     border-radius: 4px;
     background-color: #f3f3f3;
     color: #28373a;
     font-style: italic;
     font-size: 12px;
     letter-spacing: 0.01em;
     height: 38px;
 }

 .form-autosearch input::-webkit-input-placeholder {
     color: #28373a;
     font-style: italic;
     font-size: 12px;
     letter-spacing: 0.01em;
 }

 .form-autosearch input:-ms-input-placeholder {
     color: #28373a;
     font-style: italic;
     font-size: 12px;
     letter-spacing: 0.01em;
 }

 .form-autosearch input::-ms-input-placeholder {
     color: #28373a;
     font-style: italic;
     font-size: 12px;
     letter-spacing: 0.01em;
 }

 .form-autosearch input::placeholder {
     color: #28373a;
     font-style: italic;
     font-size: 12px;
     letter-spacing: 0.01em;
 }

 .form-autosearch .form-control-feedback {
     font-size: 18px;
     color: #FFF;
     background-color: black;
     border-radius: 0px 4px 4px 0;
     height: auto;
     cursor: pointer;
     pointer-events: initial;
     bottom: 0;
     line-height: 38px;
     width: 41px;
 }

 .item-bg-icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     margin-left: 11px;
     position: relative;
     cursor: pointer;
     padding: 20px 0;
 }

 .account-item .item-bg-icon:after {
     content: '';
     position: absolute;
     right: -15px;
     bottom: 22px;
     width: 12px;
     height: 6px;
     background-image: url('../images/arrow-black-down.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .account-item.not-connected .item-bg-icon:after {
     display: none;
 }


 .item-bg-icon.item-badge {
     padding-right: 30px;
 }

 .item-bg-icon a {
     display: block;
 }

 .item-bg-icon-img {
     display: block;
     width: 35px;
     height: 30px;
     background-repeat: no-repeat;
     background-position: center;
     margin-right: 9px;
     margin-left: 5px;

 }

 .item-bg-icon-img.icon-account {
     background-image: url('../images/picto-account.png');
 }

 .account-item {
     position: relative;
 }

 .login-user-actions {
     position: absolute;
     top: 100%;
     right: 0;
     left: -7px;
     min-width: 250px;
     background-color: #ffffff;
     z-index: 999999999;
     display: none;
     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     border: 1px solid #dbd9d9;
 }

 .account-item.not-connected .login-user-actions {
     top: 80%;
 }

 .login-user-actions-container {
     position: relative;
     padding: 18px 22px;
     border: 1px solid #dbd9d9
 }

 .login-user-actions-container-logout form,
 .login-user-actions-container-logout .login-user-create {
     padding: 22px 18px;
 }

 .login-user-actions-container-logout {
     padding: 0;
 }

 .login-user-actions-container::before {
     position: absolute;
     content: '';
     top: -8px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     width: 16px;
     height: 8px;
     background-image: url('../images/triangle-top.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .login-user-actions .btn-singer {
     font-size: 13px;
     font-weight: 700;
 }

 .login-user-actions ul {
     padding: 0;
     padding-bottom: 10px;
     list-style-type: none;
     border-bottom: 1px solid #dbd9d9;
 }

 .login-user-actions ul>li {
     padding: 9px 0 9px 20px;
     text-transform: uppercase;
     font-size: 13px;
     color: #3d3d3d;
     position: relative;
 }

 .login-user-actions ul>li:before {
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 6px;
     height: 10px;
     background-image: url('../images/arrow-red-right.png');
     background-repeat: no-repeat;
     background-size: contain;
 }


 .login-user-actions ul>li a {
     text-transform: uppercase;
     color: #3d3d3d;
 }

 .login-user-logout {
     margin: 15px 0 0 0;
 }

 .zone-account-menu .login-user-logout {
     margin-top: 18px;
     padding-top: 18px;
     border-top: 1px solid #cccccc;
 }

 .login-user-logout a:not(.btn-singer),
 .login-user-logout a:not(.btn-singer):hover {
     color: #333333;
 }

 .login-user-logout a.disconect {
     display: block;
     padding: 2px 0 2px 20px;
     position: relative;
     color: #cd1316;
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 700;

 }

 .login-user-logout a.disconect::before {
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 14px;
     height: 14px;
     background-image: url('../images/close-red-icon.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .login-user-logout .form-group {
     margin-bottom: 18px;
 }

 .login-user-logout input:not(.btn-singer) {
     border: 2px solid #dbd9d9;
     border-radius: 4px;
     font-style: italic;
     font-size: 12px;
     font-weight: 600;
 }

 .login-user-logout label {
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 700;
     margin-bottom: 1px;
 }

 .login-user-logout .btn-singer {
     border: none;
     display: block;
     margin: auto;
     width: 100%;
     font-style: normal;
 }

 .login-user-create {
     background-color: #dbdbdb;
 }

 .item-bg-icon-img.icon-devis {
     background-image: url('../images/picto-devis.png');
     margin-right: 3px;
 }

 .item-bg-icon-img.icon-cart {
     background-image: url('../images/panier.png');
     margin-right: 3px;
 }

 .item-bg-icon-img.icon-fast-order {
     background-image: url('../images/panier-rapide.png');
     width: 23px;
 }

 .item-bg-icon-content {
     font-weight: 700;
     font-size: 11px;
     line-height: 1;
     position: relative;
 }

 .item-badge .item-bg-icon-content {}

 .item-bg-icon-badge {
     position: absolute;
     right: 0;
     bottom: 20px;
     background-color: #cd1316;
     color: #ffffff;
     border-radius: 50%;
     width: 23px;
     height: 23px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     letter-spacing: -0.06em;
 }

 .item-bg-icon-content>div:not(:last-child) {
     margin-bottom: 2px;
 }

 .item-bg-icon-content div:last-child {
     text-transform: uppercase;
     font-size: 13px;
     line-height: 1;
 }

 .item-devis .item-bg-icon-content div:last-child {
     font-size: 20px;
 }


 .item-devis .item-bg-icon-content {
     text-transform: uppercase;
 }

 .item-fast-order .item-bg-icon-content div:last-child {
     font-size: 15px;
 }

 .item-bg-icon.item-fast-order {
     background-color: #cd1316;
     border-radius: 4px;
     color: #FFFFFF;
     padding: 4px 12px;
     cursor: pointer;
 }

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

     .account-item .item-bg-icon:after {
         display: none;
     }

     .item-bg-icon {
         padding: 0;
     }

     .item-bg-icon-content {
         display: none;
     }

     .item-bg-icon-badge {
         width: 18px;
         height: 18px;
     }

     .item-bg-icon.item-badge {
         padding-right: 15px;
     }

 }

 @media screen and (max-width: 768px) {
     .header-logo {
         padding-left: 75px;
     }

     .header .header-top {
         display: none;
     }

     .header-top>div {
         -webkit-box-flex: 0;
         -ms-flex: none;
         flex: none;
         width: 50%;
     }

     .header-top>div:first-child {
         width: 100%;
         text-align: center;
     }

     .item-bg-icon {
         margin-left: 5px;
     }

     .item-bg-icon.item-fast-order {
         padding: 2px 8px;
     }

     .item-bg-icon-img {
         margin: 0 5px;
     }
 }

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

     .account-item:hover .login-user-actions,
     .account-item a:hover .login-user-actions,
     .account-item.opened .login-user-actions {
         display: block;
     }

     /* 
        Cette règle est isolée car les navigateurs edge
        et explorer ne savent pas interpréter le pseudo-élément :focus-within
        et dans ce cas précis, tout le bloc CSS est ignoré (navigateurs de fragile)
    */
     .account-item .login-user-actions:focus-within {
         display: block;
     }
 }

 /*
-------------------------------------------------
                    MENU
-------------------------------------------------
*/
 .menu {}

 .menu .nav,
 .menu .collapse,
 .menu .dropdown {
     position: static;
 }

 .menu .navbar {
     margin: 0;
 }

 .menu .dropdown-menu {
     top: 100%;
 }

 .menu .menu-container {
     width: 100%;
 }

 .menu .menu-content {
     padding: 0 30px;
 }

 .menu .navbar-collapse {
     width: 100%;
 }

 .menu .navbar-toggle {
     margin-left: 10px;
 }

 .menu .navbar-brand {
     padding: 0;
     text-align: center;
 }

 .menu .navbar-brand>img {
     width: 100% !important;
     height: 100% !important;
 }

 .menu-wrapper {
     width: 100%;
     position: relative;
     display: table;
     table-layout: fixed;
 }

 /*
-------------------------------------------------
                  MENU ESHOP
-------------------------------------------------
*/

 .menu.menu-eshop .nav {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     float: none;
 }

 .menu.menu-eshop .nav.navbar-nav>li {
     float: none;
 }

 .menu.menu-eshop {}

 .menu.menu-eshop .navbar-nav>li>.dropdown-menu {
     padding: 35px 20px;
     border-radius: 0;
     border: none;
 }

 .menu.menu-eshop.navbar-fixed-top {
     width: 100%;
     border-bottom: 1px solid #ddd;
 }

 .menu.menu-eshop .navbar-default {
     border: none;
 }

 .menu.menu-eshop .navbar-default .navbar-nav>li>a {
     color: #FFFFFF;
     text-transform: uppercase;
     font-size: 16px;
     font-weight: 600;
     padding: 13px 25px;
 }

 .menu.menu-eshop .navbar-default .navbar-nav>li>a .caret {
     display: none;
 }

 .dropdown .fam_02 a p,
 .dropdown .fam_03 a {
     padding: 3px 8px;
     display: inline-block;
 }

 .dropdown .fam_02 a p {
     margin-bottom: 4px;
 }

 .dropdown .fam_02 a {
     margin-bottom: 0;
 }

 .dropdown .fam_02 a p:hover,
 .dropdown .fam_03 a:hover {
     background-color: #e8e8e8;


 }

 .menu.menu-eshop .navbar-default .navbar-nav>.active>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.active>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.active>a:focus,
 .menu.menu-eshop .navbar-default .navbar-nav>.open>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.open>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.open>a:focus {
     background-color: #727272;
 }


 /*fam 2 */
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-2>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-2>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-2>a:focus,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-2>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-2>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-2>a:focus {
     background-color: #009de0;
 }

 .dropdown-2 .fam_02,
 .dropdown-2 .fam_02 a {
     color: #009de0 !important;
     text-transform: uppercase
 }

 .dropdown-2 .menu-content-pattern .btn-singer {
     background-color: #009de0;
 }

 /*fam 3 */
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-3>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-3>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-3>a:focus,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-3>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-3>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-3>a:focus {
     background-color: #a4b530;
 }

 .dropdown-3 .fam_02,
 .dropdown-3 .fam_02 a {
     color: #a4b530 !important;
     text-transform: uppercase
 }

 .dropdown-3 .menu-content-pattern .btn-singer {
     background-color: #a4b530;
 }

 /*fam 1 */
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-1>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-1>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-1>a:focus,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-1>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-1>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-1>a:focus {
     background-color: #ce1719;
 }

 .dropdown-1 .fam_02,
 .dropdown-1 .fam_02 a {
     color: #ce1719 !important;
     text-transform: uppercase;
 }


 .dropdown-1 .menu-content-pattern .btn-singer {
     background-color: #ce1719;
 }

 /*fam 4 */
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-4>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-4>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.active.dropdown-4>a:focus,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-4>a,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-4>a:hover,
 .menu.menu-eshop .navbar-default .navbar-nav>.open.dropdown-4>a:focus {
     background-color: #ff9c04;
 }

 .dropdown-4 .fam_02,
 .dropdown-4 .fam_02 a {
     color: #ff9c04 !important;
     text-transform: uppercase;
 }

 .dropdown-4 .menu-content-pattern .btn-singer {
     background-color: #ff9c04;
 }

 .menu.menu-eshop .navbar {
     min-height: auto;
 }

 .navbar-brand {
     display: none;
 }

 .menu.menu-eshop .section-menu .sub-item {
     position: relative;
     padding-left: 0;
     padding-top: 2px;
     padding-bottom: 2px;
 }

 .menu.menu-eshop .section-menu .sub-item::before {
     content: '';
     position: absolute;
     width: 1px;
     height: 90%;
     top: 50%;
     left: 0;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     background-color: #bcbcbc;
 }

 .menu.menu-eshop .dropdown.open,
 .menu.menu-eshop .dropdown,
 .menu.menu-eshop .dropdown.hover {
     z-index: 1000;
 }



 .menu.menu-eshop .dropdown.open .overlay-menu {
     display: block;
 }

 .overlay-menu {
     position: fixed;
     background-color: rgba(0, 0, 0, 0.4);
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 999;
     display: none;
 }

 .menu-content-pattern-products .menu-content-pattern-product-item {
     display: flex;
     align-items: center;
     border: 1px solid #dbd9d9;
     margin: 8px 0;
     padding: 5px;
     justify-content: space-around;
     font-size: 13px;
     font-weight: 600;
     line-height: 1.2;
 }

 .menu-content-pattern-products .menu-content-pattern-product-item img {
     max-width: 100px;
 }

 .menu-content-pattern .btn-singer {
     display: block;
     margin-bottom: 10px;
     font-size: 13px;
 }

 .menu-content-pattern-products {
     margin: 27px 0 15px 0;
 }

 /*

/*
-------------------------------------------------
                  MENU VERTICAL
-------------------------------------------------
*/
 .menu-entries.entries-home li {}

 .menu-entries.entries-home li a {
     font-weight: 500;
 }

 .menu-entries li {
     list-style-type: none;
 }


 .entry-fam01>ul,
 .entry-fam02>ul {
     display: none;
 }

 .menu-entry.entry-fam01>a {
     font-weight: 500;
 }

 .menu-entry.entry-fam01>ul {
     margin: 5px 0;
     padding-left: 20px;
 }

 .menu-entry.entry-fam02>a {
     color: #777;
     font-weight: 500;
 }

 .active-entry>a {
     font-weight: bold !important;
 }

 /*
-------------------------------------------------
                    CARTBOX
-------------------------------------------------
*/
 .cartbox {}

 .cartbox-preview {}

 .badge-cartbox {
     background: #5cb85c;
     position: relative;
     top: -8px;
     left: -24px;
 }

 .caret-cartbox {}

 .cartbox-dropdown {
     width: 250px;
     height: auto;
     z-index: 999999999;
     position: absolute;
     right: 0;
     -webkit-transform: translateX(0);
     transform: translateX(0);
     padding: 10px;
     background-color: #ffffff;
     z-index: 999999999;
     display: none;
     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     top: 100%;
     border: 1px solid #dbd9d9;
 }

 .cartbox-preview-container {
     position: relative;
 }

 .cartbox-preview-container::before {
     position: absolute;
     content: '';
     top: -18px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     width: 16px;
     height: 8px;
     background-image: url('../images/triangle-top.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 @media screen and (min-width: 1024px) {
     .cartbox-dropdown {
         right: 50%;
         -webkit-transform: translateX(50%);
         transform: translateX(50%);
     }

 }

 .cartbox-preview-body {
     max-height: 285px;
     overflow-x: hidden;
     overflow-y: auto;
     scrollbar-width: thin;
 }

 .cartbox-preview-body::-webkit-scrollbar {
     width: 4px;
     background: #cccccc;
 }

 .cartbox-preview-body::-webkit-scrollbar-thumb {
     background: #4b4646;
 }

 .cartbox-preview-body.empty {
     text-align: center;
 }

 .cartbox-preview-bottom {
     padding: 20px 0 15px 0;
     margin: auto;
     text-align: center;
 }

 .cartbox-preview-bottom .btn {
     display: block;
     width: 97%;
     margin: auto;
 }

 .cartbox-preview-articles {
     display: table;
     text-align: center;
     padding: 15px 2px;
     border-bottom: 1px solid #dbd9d9;
 }

 .cartbox-preview-articles-img {
     display: table-cell;
     margin-right: 10px;
 }

 .cartbox-preview-articles-img>img {
     width: 100%;
     max-width: 75px;
     min-width: 70px;
 }

 .cartbox-preview-articles-label {
     display: table-cell;
     vertical-align: top;
     text-align: left;
 }

 .cartbox_preview_articleslist_label_declinaison_separator {}

 .cartbox-preview-articles-title {}

 .cartbox-preview-articles-declinaison {
     font-weight: 700;
 }

 .cartbox-preview-articles-decrease,
 .cartbox-preview-articles-increase {
     display: table-cell;
     width: 5%;
     font-size: 11px;
     cursor: pointer;
 }

 .cartbox-preview-articles-quantity {
     display: table-cell;
     width: 10%;
     font-size: 11px;
 }

 .cartbox-preview-articles-remove {
     display: table-cell;
     width: 10%;
     cursor: pointer;
 }

 .cartbox-preview-articles-decrease>span,
 .cartbox-preview-articles-increase>span,
 .cartbox-preview-articles-remove>a {
     color: #888;
 }

 /*
-------------------------------------------------
                    FOOTER
-------------------------------------------------
*/
 .footer-list-content,
 #footer .zone07_c,
 #footer .zone09_c {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     color: #FFFFFF;
 }

 .footer-list-item {
     width: 32%;
     background-color: #5c5757;
     color: #FFFFFF;
     height: 240px;
     margin: 10px 0;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-right: 2%;
     overflow: hidden;
 }

 .footer-list-item.container-preview-blog,
 .footer-list-item.container-preview-blog:hover {
     display: block;
     color: #333333;
 }

 .footer-list-item:nth-child(3n) {
     margin-right: 0;
 }

 .footer-list-item.contact-element {
     background-color: #303a3c;
     display: block;
     padding: 15px 40px;
     color: #adafb0;
 }

 .footer-list-item:hover {
     color: currentColor;
 }

 .footer-list-item.contact-element:hover {
     color: #adafb0;
 }

 .footer-list-item-content {
     position: absolute;
     text-align: center;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     min-width: 60%;
     max-width: 100%;
 }

 .footer-list-item.contact-element .footer-list-item-content {
     position: relative;
     text-align: left;
 }

 .footer-list-item-content h2 {
     font-size: 24px;
     text-transform: uppercase;
     letter-spacing: 0.01em;
     line-height: 1.5;
 }

 .footer-list-item-btn {
     background-color: #ffffff;
     color: black;
     font-weight: 700;
     padding: 7px;
     border-radius: 20px;
     width: 180px;
     text-transform: uppercase;
     font-size: 11px;
     text-align: center;
     display: block;
     margin: auto;
 }

 .footer-list-item-btn.footer-list-item-btn-secondary {
     background-color: #ce1719;
     color: #FFFFFF;
 }

 .footer-list-item.contact-element .footer-list-item-content h2 {
     margin: 0;
     font-size: 22px;
     margin-bottom: 8px;
     line-height: 1;
 }

 .footer-list-item.contact-element .footer-list-item-content h3 {
     margin: 0;
     font-size: 13px;
     line-height: 1;
     margin-bottom: 8px;
 }

 .footer-list-item.contact-element .footer-list-item-btn {
     margin-right: 0;
     margin-left: 0;
 }

 .text-icon {
     position: relative;
     padding-left: 25px;
     margin: 15px 0;
 }

 .text-icon img {
     position: absolute;
     left: 0;
     top: 0;
 }

 .footer-footer {
     padding: 10px 0;
     margin-top: 20px;
 }

 .row-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .footer-footer a,
 .footer-footer a:hover {
     color: #FFFFFF;
 }

 .footer-footer .copyright {
     font-size: 10px;
 }

 .footer-footer .socials {
     font-size: 14px;
     text-transform: uppercase;
 }

 .footer-footer .socials img {
     margin: 0 9px;
 }

 @media screen and (max-width: 980px) {
     .footer-list-item {
         width: 48%;
     }

     .footer-list-item {
         margin-right: 4%;
     }

     .footer-list-item:nth-child(2n) {
         margin-right: 0;
     }

     .footer-list-item:nth-child(3n) {
         margin-right: auto;
     }
 }

 @media screen and (max-width: 780px) {
     .row-footer {
         display: block;
         text-align: center;
     }

     .footer-footer .copyright,
     .footer-footer .socials {
         margin: 8px auto;
     }
 }

 @media screen and (max-width: 520px) {
     .footer-list-item {
         width: 95%;
     }

     .footer-list-item {
         margin-right: 0 !important;
     }

     .footer-list-content,
     .zone07_c {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }
 }

 /***************************
Contact box - Contact -form
***************************/
 .form-contact-infos {
     padding-right: 90px;
 }

 .contact-box {
     margin-bottom: 40px;
 }

 .contact-box h3 {
     color: #ce1719;
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 25px;
 }

 .gg-maps {
     margin: 10px 0;
 }

 .singer-contact-form {
     padding-right: 20px;
 }

 .singer-contact-form .btn-singer {
     width: 220px;
 }

 .line-by-2,
 .line-by-3 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .line-by-2 .form-group,
 .line-by-3 .form-group:first-child {
     max-width: 305px;
     -webkit-box-flex: 1;
     -ms-flex: auto;
     flex: auto
 }

 .line-by-3 .form-group:not(:first-child) {
     max-width: 128px;
     -webkit-box-flex: 1;
     -ms-flex: auto;
     flex: auto
 }

 @media screen and (max-width: 768px) {
     .form-contact-infos {
         padding-right: 0;
     }

     .line-by-2 .form-group,
     .line-by-3 .form-group:first-child {
         max-width: 46%;
     }

     .line-by-3 .form-group:not(:first-child) {
         max-width: 46%;
     }

 }


 /***************************
Rotator
***************************/
 .jshowoff {
     margin: 7px 0;
 }

 .jshowoff img {
     width: 100%;
 }

 .jshowoff div,
 .jshowoff img,
 .jshowoff {
     border-radius: 0;
 }

 /*
-------------------------------------------------
                   LOADING
-------------------------------------------------
*/
 .loading {
     background-image: url("../images/pixel_semitransparent.png");
     background-repeat: repeat;
     bottom: 0;
     display: none;
     height: 100%;
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 100000;
 }

 .loading.loading-cartbox {
     display: block;
     padding: 40px 0;
     text-align: center;
 }

 .loading_center {
     color: #FFFFFF;
     margin-left: auto;
     margin-right: auto;
     padding: 10px;
     position: relative;
     text-align: center;
     top: 30%;
     width: 300px;
 }

 .loading_loaderimg {
     position: relative;
     width: 220px;
     margin-left: auto;
     margin-right: auto;
 }

 /*
-------------------------------------------------
                    SOCIAL
-------------------------------------------------
*/
 .social {}

 .social.social-facebook,
 .social.social-googleplus,
 .social.social-twitter,
 .social.social-pinterest {
     display: inline-block;
     margin: 0 6px;
     vertical-align: middle;
     cursor: pointer;
 }

 /*
-------------------------------------------------
                      KTAB
-------------------------------------------------
*/
 .Ktab {}

 .Ktab_onglets {
     clear: both;
     float: left;
     position: relative;
     z-index: 100;
     height: auto;
 }

 .Ktab_onglet_select {
     position: relative;
     float: left;
     padding: 5px;
     cursor: pointer;
     width: 100px;
     height: 13px;
     text-align: center;
     border-radius: 15px 15px 0px 0px;
     border-top-width: 1px;
     border-right-width: 1px;
     border-left-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-left-style: solid;
     border-top-color: #CCCCCC;
     border-right-color: #CCCCCC;
     border-left-color: #CCCCCC;
     background-color: #FFF;
 }

 .Ktab_onglet_unselect {
     position: relative;
     float: left;
     border: 0px solid #CCCCCC;
     background-color: #999999;
     padding: 5px;
     top: 1px;
     cursor: pointer;
     width: 100px;
     text-align: center;
     border-radius: 15px 15px 0px 0px;
 }

 .Ktab_volets {
     position: relative;
     border: 1px solid #CCCCCC;
     border-radius: 0 0 15px 15px;
     clear: both;
     top: -2px;
     width: 100%;
     background-color: #FFFFFF;
 }

 .Ktab_volet_select {
     min-width: 500px;
     padding: 7px;
     position: relative;
 }

 .Ktab_volet_unselect {
     display: none;
 }

 /*
-------------------------------------------------
               POPUP JS/JQUERY ALERT
-------------------------------------------------
*/
 #popup_container {
     font-family: Arial, sans-serif;
     font-size: 12px;
     min-width: 300px;
     /* Dialog will be no smaller than this */
     max-width: 600px;
     /* Dialog will wrap after this width */
     background: #FFF;
     border: solid 5px #999;
     color: #000;
     border-radius: 5px;
 }

 #popup_title {
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     line-height: 1.75em;
     color: #666;
     background: #CCC url(../images/title.gif) top repeat-x;
     border: solid 1px #FFF;
     border-bottom: solid 1px #999;
     cursor: default;
     padding: 0em;
     margin: 0em;
 }

 #popup_content {
     background: 16px 16px no-repeat url(../images/info.gif);
     padding: 1em 1.75em;
     margin: 0em;
 }

 #popup_content.alert {
     background-image: url(../images/info.gif);
 }

 #popup_content.confirm {
     background-image: url(../images/important.gif);
 }

 #popup_content.prompt {
     background-image: url(../images/help.gif);
 }

 #popup_message {
     padding-left: 48px;
 }

 #popup_panel {
     text-align: center;
     margin: 1em 0em 0em 1em;
 }

 #popup_prompt {
     margin: .5em 0em;
 }

 /*
-------------------------------------------------
                    SWIPPER
-------------------------------------------------
*/
 .swiper-container {
     width: 100%;
     padding-top: 20px;
 }

 .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .swiper-container-cube .swiper-cube-shadow {
     display: none;
 }

 /*
-------------------------------------------------
                  PARALLAX
-------------------------------------------------
*/
 .parallax-mirror {
     z-index: 2;
 }

 .parallax-window>div {
     z-index: 102 !important;
 }

 .parallax-window {
     min-height: 400px;
     background: transparent;
     color: white;
     text-align: center;
     margin: 10px 0;
 }

 .parallax-content {
     padding: 100px 0;
     text-align: center;
 }

 .mm-wrapper_opened .parallax-mirror {
     display: none;
 }

 /*
-------------------------------------------------
                    POPIN
-------------------------------------------------
*/
 .popin {}

 .popin.popin-standard {}

 /*
.popin.popin-cookies {
    padding: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #28373a;
    color: #ffffff;
    position: fixed;
    bottom: 0;
    z-index: 10000;
    width: 100%;
}

.popin.popin-cookies .message {
    max-width: 1200px;
    margin: auto;
}

.popin.popin-cookies .message a {
    color: #FFFFFF;
    text-decoration: underline;
}

.popin.popin-cookies .btn-singer {
    font-size: 12px;
    padding: 5px; 
    border-radius: 5px;
    margin: 0 5px;
}
*/

 .popin_addcart {
     width: 100%;
 }

 .popin_addcart .popin_addcart_content {
     width: 100%;
     text-align: center;
     margin-bottom: 30px;
 }

 .popin_addcart .popin_addcart_buttons {
     width: 100%;
     text-align: center;
 }

 .popin_standard {
     background-image: url("../images/pixel_semitransparent.png");
     background-repeat: repeat;
     bottom: 0;
     height: 100%;
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 2000;
     display: none;
 }

 .popin_standard_center {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     top: 50px;
     width: 600px;
 }

 .popin_standard_close {
     position: absolute;
     top: 5px;
     right: 5px;
     width: 20px;
     height: 20px;
     z-index: 10;
     cursor: pointer;
 }

 .popin_standard_content {
     float: left;
     height: auto;
     width: 100%;
     padding: 25px 10px 10px;
     position: relative;
     background-color: #FFFFFF;
     border-radius: 15px;
     min-height: 200px;
 }

 .popin_loaderimg {
     position: relative;
     width: 32px;
     margin-left: auto;
     margin-right: auto;
     top: 80px;

 }

 #popin_standard_draghandle {
     background-color: #eee;
     border-radius: 10px 10px 0 0;
     cursor: move;
     height: 25px;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 5;
 }

 /***********************************/
 /* E-PRIVACY STATIC BANNER & POPIN */
 /***********************************/
 .popin.popin-cookies {
     position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 20px;
     background-color: #242b2d;
     font-size: 11px;
     font-family: 'Open Sans', sans-serif;
     color: #ffffff;
     z-index: 10000;
     -moz-box-shadow: 0px -10px 10px -10px rgba(0, 0, 0, 0.35);
     -webkit-box-shadow: 0px -10px 10px -10px rgba(0, 0, 0, 0.35);
     -o-box-shadow: 0px -10px 10px -10px rgba(0, 0, 0, 0.35);
     box-shadow: 0px -10px 10px -10px rgba(0, 0, 0, 0.35);
     border: 0px solid #ddd;
 }

 .popin.popin-cookies .title {
     font-size: 14px;
     font-weight: bold;
     margin-top: 4px;
 }

 .popin.popin-cookies p {
     margin-bottom: 20px;
     text-align: justify;
 }

 .popin.popin-cookies .col-cookie {
     width: 730px;
     margin: 0 auto;
     padding: 0 15px;
 }

 @media screen and (max-width: 767px) {
     .popin.popin-cookies .col-cookie {
         width: 100%;
         margin: 0 auto;
         padding: 0;
     }
 }

 .popin.popin-cookies .btn.btn-confirm {
     background-color: #ce1719;
     color: #ffffff;
     text-transform: uppercase;
     font-family: 'Open Sans', sans-serif;
     font-size: 12px;
     font-weight: bold;
     width: 100%;
     height: 38px;
     border-radius: 0;
 }

 .popin.popin-cookies .link.link-cookie,
 .popin.popin-cookies .link.link-cookie:hover,
 .popin.popin-cookies .link.link-cookie:active,
 .popin.popin-cookies .link.link-cookie:focus {
     text-decoration: underline;
     font-style: normal;
     color: #ffffff;
 }

 .popin.popin-cookies .close {
     opacity: 0.8;
 }

 .popin.popin-cookies .close .glyphicon {
     color: #fff;
 }

 .cookie-configurator-container {
     padding: 20px;
 }

 .cookie-configurator-container .title {
     font-family: 'OpenSansCondensed', sans-serif;
     font-size: 22px;
     color: #666666;
     text-transform: uppercase;
     margin: 20px auto 50px;
 }

 .cookie-configurator-container p {
     padding-left: 54px;
     margin-bottom: 60px;
     text-align: justify;
     font-family: 'Open Sans', sans-serif;
     font-size: 11px;
     font-weight: 600;
     color: #2a0d07;
     padding-right: 40px;
 }

 .cookie-configurator-container input[type=checkbox].css-checkbox+label.css-label-checkbox {
     padding-left: 54px;
     height: 34px;
     display: inline-block;
     line-height: 22px;
     background-repeat: no-repeat;
     background-position: 0 0;
     vertical-align: middle;
     cursor: pointer;
     color: #280d06;
     font-size: 14px;
     font-weight: bold;
     font-family: 'Open Sans', sans-serif;
 }

 .cookie-configurator-container input[type=checkbox].css-checkbox:checked+label.css-label-checkbox {
     background-image: url('/images/e-privacy/checkbox-checked.png');
 }


 .cookie-configurator-container input[type=checkbox].css-checkbox:disabled+label.css-label-checkbox {
     background-image: url('/images/e-privacy/checkbox-disabled.png');
 }

 .cookie-configurator-container label.css-label-checkbox {
     background-image: url('/images/e-privacy/checkbox-unchecked.png');
 }

 .cookie-configurator-container .btn.btn-confirm {
     background-color: #ce1719;
     color: #ffffff;
     text-transform: uppercase;
     font-family: 'Open Sans', sans-serif;
     font-size: 12px;
     font-weight: bold;
     height: 38px;
     border-radius: 0;
     margin-bottom: 20px;
 }

 @media screen and (max-width: 991px) {
     .modal-content .cookie-configurator-container {
         width: auto;
         margin: 0 auto;
         padding: 15px;
     }

     .zone_c>.cookie-configurator-container {
         width: auto;
         margin: 0 auto;
         padding: 0;
     }

     .cookie-configurator-container .col-custom-xs {
         padding: 0;
     }

     .cookie-configurator-container .title {
         padding: 0 15px;
     }

     .cookie-configurator-container p {
         padding-right: 0;
     }
 }

 /*
-------------------------------------------------
                SUCCESS / ERROR
-------------------------------------------------
*/
 .success {
     color: #5cb85c;
 }

 .error {
     color: #ff0000;
 }

 .error.error-form {
     border: 1px solid #ff0000;
 }

 .error.error-login {}

 .error.error-comment {
     display: none;
 }

 /*
-------------------------------------------------
           LOGIN - FORM CREATE ACCOUNT
-------------------------------------------------
*/
 .form-login h2 {
     margin-bottom: 10px;
     color: #333333;
 }


 .form-login-login-container {
     background-color: #f8f7f7;
     padding: 20px;
 }

 .form-login-create-container {
     background-color: #dbdbdb;
     padding: 20px;
 }

 .form-login-login,
 .form-login-create {
     width: 400px;
     max-width: 100%;
     margin: auto;
 }

 .form-login {}

 .form-login input:not(.btn-singer),
 .form-login-create input:not(.btn-singer) {
     border: 2px solid #dbd9d9;
     border-radius: 4px;
     font-style: italic;
     font-size: 12px;
     font-weight: 600;
     height: 36px;
     background-color: #ffffff;
 }

 .form-login label,
 .form-login-create label {
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 700;
     margin-bottom: 1px;
 }

 .form-login .form-login-login-container .btn-singer,
 .form-login .form-login-create .btn-singer {
     border: none;
     display: block;
     margin: auto;
     width: 250px;
     font-style: normal;
     font-weight: 700;
     padding: 15px;
     max-width: 100%;
 }

 .box {
     height: 280px;
     padding: 20px 20px 40px;
     background-color: #fdfdfd;
     border: 1px solid #e0eded;
 }

 .box.box-login {}

 .box.box-create-account {}

 .box.box-admin {}

 .form.form-login {}

 .form-create-container {
     background-color: #f8f7f7;
     padding: 30px 0;
 }

 .form-create-container .form-create-user {
     width: 70%;
     margin: 10px auto;
 }

 .form.form-login+.contextcreateaccount #form-create {
     display: none;
 }

 .form.form-admin {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 40px;
     width: 60%;
     margin-top: 40px;
     position: relative;
     border: 1px solid #ccc;
     padding: 10px;
     text-align: center;
 }

 .form-create h3 {
     font-size: 26px;
     margin: 0 0 8px 0;
     font-weight: 600;
     color: #333333;
 }

 .module-identification .input-singer {
     background-color: #ffffff;

 }

 .form-create-user label {
     text-transform: none;
     font-size: 11px;
     font-style: italic;
     font-weight: 600;
 }

 .form-create-user label.label-gender {
     margin-bottom: 5px;
     font-weight: 600;
 }

 .form-account {}

 #create_error {
     display: none;
 }

 .login_message {}

 .createaccountsuccess,
 .boxsuccess {
     font-size: 26px;
     font-weight: 600;
     text-align: center;
     background-color: #f8f7f7;
     padding: 35px 10px;
 }

 .createaccountsuccess_message {}

 .createaccountsuccess_button,
 .boxsuccess_button {
     margin: 20px auto;
     width: 50px;
 }


 .createaccountsuccess_button a {
     border: 1px solid #ddd;
     color: #000;
     padding: 5px 10px;
 }

 .createaccountsuccess_button a:hover {
     background-color: #000;
     color: #fff;
 }

 /*
-------------------------------------------------
                Changement de mot de passe
-------------------------------------------------
*/

 .change-confirm-password {
     position: relative
 }

 .modif-pswd {
     text-align: center;
     font-family: arial, helvetica, sans-serif;
     font-size: 25px;
     color: #daa520;
     margin: 20px 0;
 }

 .change-confirm-password .confirm-password-check {
     display: inline-block;
     position: absolute;
     right: -20px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 /*
-------------------------------------------------
                ACCOUNT
-------------------------------------------------
*/
 .menu_myaccount {
     width: 305px;
     max-width: 100%;
     margin-bottom: 0;
 }

 .menu_myaccount .nav-pills>li.active>a,
 .menu_myaccount .nav-pills>li.opened>a,
 .menu_myaccount .nav-pills>li.opened>a:hover,
 .menu_myaccount .nav-pills>li.opened>a:focus,
 .menu_myaccount .nav-pills>li.active>a:hover,
 .menu_myaccount .nav-pills>li.active>a:focus {
     background-color: #cd1316;
     border-radius: 0;
     color: #FFFFFF;
 }

 .menu_myaccount .nav>li>a:hover,
 .menu_myaccount .nav>li>a:focus,
 .menu_myaccount .nav .open>a,
 .menu_myaccount .nav .open>a:hover,
 .menu_myaccount .nav .open>a:focus {
     background-color: transparent;
 }

 .menu_myaccount .nav-pills>li>a {
     color: #cd1316;
     font-size: 13px;
     font-weight: 700;
     text-transform: uppercase;
     position: relative;
     padding-left: 25px;
 }

 .menu_myaccount .nav-pills>li>a::before,
 .menu_myaccount .nav-pills.nav-document>li>a.collapsed::before {
     content: '';
     position: absolute;
     left: 10px;
     top: 50%;
     -webkit-transform: translateY(-50%) !important;
     transform: translateY(-50%) !important;
     width: 6px;
     height: 10px;
     background-image: url('../images/arrow-red-right.png');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .menu_myaccount .nav-pills>li.active>a::before,
 .menu_myaccount .nav-pills>li.opened>a::before {
     background-image: url('../images/arrow-white-right.png');
 }

 .menu_myaccount .nav-pills.nav-document>li.active>a::before,
 .menu_myaccount .nav-pills.nav-document>li>a::before {
     transform: rotate(90deg) translateX(-50%) !important;
 }

 .menu_myaccount .nav-pills.nav-document>li.closed>a::before {
     transform: rotate(0) translateY(-50%) !important;
 }

 .account-title {
     font-size: 16px;
     margin: 0;
     text-transform: uppercase;
     color: #333333;
     font-weight: 600;
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #cccccc;
 }

 .account-informations-section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     padding: 12px 0;
 }

 .account-informations-form {
     width: 360px;
     max-width: 100%;
 }

 .account-informations-infos {
     width: 350px;
     max-width: 100%;
     background-color: #f3f3f3;
     padding: 20px;
 }

 .account-informations-form label,
 .singer-form label {
     font-weight: 600;
     font-style: italic;
     font-size: 11px;
 }

 .account-informations-infos-item {
     margin-bottom: 10px;
     padding: 5px 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .account-informations-infos-item>div:first-child {
     width: 50px;
 }

 .account-informations-infos-item img {
     max-width: 100%;
 }

 .account-informations-infos-item span {
     display: block;
     color: #333333;
     font-weight: 700;
 }

 .account-informations-infos-item span.info-label {
     font-weight: 600;
     font-style: italic;
     font-size: 11px;
 }

 .form-group-gender {
     margin-bottom: 30px;
 }

 .account-password {
     margin-top: 30px;
 }

 /* Invoices */
 .invoices-header {
     margin-bottom: 30px;
     color: #b0b0b0;
     font-weight: 600;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }

 .invoices-header .form-group {
     width: 110px;
     font-size: 11px;
     margin: 0 8px;
 }

 .invoices-header .form-control {
     font-size: 11px;
     padding-right: 6px;
     height: 28px;
 }

 .listInvoiceDatepicker {
     border-width: 2px;
     border-right-width: 0;
 }

 .invoices-header a {
     color: #b0b0b0;
     font-weight: 600;
     text-decoration: underline;
     padding-right: 10px;
     margin-right: 10px;
     line-height: 1;
 }

 .invoices-header .invoice-delta {
     padding-left: 10px;
     margin-left: 10px;
     flex: 1;
     text-align: right;
 }

 .invoices-header .invoice-delta span {
     margin-right: 8px;
     display: inline-block;
 }

 .listInvoiceDelta {
     border: 1px solid #bababa;
     font-size: 11px;
     font-weight: 600;
     text-align: center;
 }

 .pagination-invoices {
     position: relative;
 }

 .pagination-invoices .btn {
     position: absolute;
     left: 0;
     font-size: 12px;
     font-weight: 700;
     top: -52%;
 }




 .table-invoices,
 .table-account {
     border-collapse: separate;
     border-spacing: 0 4px;
     margin: 20px 0;
 }

 .table-account {
     margin-top: 8px;
 }

 .table-invoices thead th,
 .table-account thead th {
     background-color: #d8d6d6;
     text-transform: uppercase;
     font-size: 11px;
 }

 .table-invoices.table.dataTable thead th.no-sort,
 .table-invoices.table.dataTable thead th.no-sort.sorting_asc,
 .table-invoices.table.dataTable thead th.no-sort.sorting_desc {
     background-image: none;
 }

 .table-account.table-account-light thead th {
     background-color: #f8f7f7;
     border-bottom: 0;
     padding: 4px;
 }

 .table-invoices.table>tbody>tr>td,
 .table-account.table>tbody>tr>td {
     border: none;
 }

 .table-invoices tbody td,
 .table-account tbody td {
     background-color: #f8f7f7;
     font-size: 12px;
     font-weight: 700;
 }

 .btn.btn-singer.btn-datatable.btn-datatable-th {
     font-size: 11px;
     font-weight: 700;
     padding: 6px 10px;
     float: left;
 }

 .table-account.table-account-light tbody td {
     font-weight: 600;
 }

 .table-account.table-account-striped tbody tr:nth-child(2n) td {
     background-color: #f8f7f7;

 }

 .table-account.table-account-striped tbody tr:nth-child(2n+1) td {
     background-color: #edecec;

 }

 .table-account-cell-border>thead>tr>th:not(:last-child),
 .table-account-cell-border>tbody>tr>td:not(:last-child) {
     position: relative;
 }

 .table-account-cell-border>thead>tr>th:not(:last-child):after,
 .table-account-cell-border>tbody>tr>td:not(:last-child):after {
     content: '';
     position: absolute;
     top: 50%;
     right: 0;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     height: 50%;
     min-height: 13px;
     width: 2px;
     background-color: #dbdbdb;

 }

 .table-account tbody tr:hover input[type=checkbox].css-checkbox+label.css-label-checkbox,
 .table-invoices tbody tr:hover input[type=checkbox].css-checkbox+label.css-label-checkbo {
     background-position: 0 -17px;
 }

 .table-invoices tbody tr:hover input[type=checkbox].css-checkbox:checked+label.css-label-checkbox,
 .table-account tbody tr:hover input[type=checkbox].css-checkbox:checked+label.css-label-checkbox {
     background-position: 0 0;
 }

 .table-invoices tbody tr.selected td,
 .table-account tbody tr.selected td {
     background-color: #edecec;
 }

 .table-invoices .download-link span,
 .table-account .download-link span {
     text-decoration: underline;
 }

 .table-invoices img,
 .table-account img {
     max-width: 25px;
 }

 .table-account .cell-remove {
     width: 63px;
 }

 .table-invoices .cell-checkbox,
 .table-account .cell-checkbox {
     text-align: left;
     padding-left: 15px;
     width: 68px;
 }

 .table-invoices .cell-download,
 .table-account .cell-download {
     text-align: right;
     padding-right: 15px;
 }

 .table-invoices .cell-invoices,
 .table-account .cell-label {
     width: 20%;
 }

 .table-account .cell-label {
     width: 20%;
     text-align: left;
 }

 .instruction-liv h4 {
     display: inline-block;
 }

 .instruction-liv a {
     padding-left: 1.5rem;
     display: inline-block;
 }

 .document-form .btn {
     font-size: 12px;
     font-weight: 700;
     margin-bottom: 15px
 }

 .document-list-container {
     max-height: 760px;
     overflow-y: scroll;

 }

 .document-submenu {
     margin-top: -3px;
 }

 .document-submenu ul {
     padding: 0;
 }

 .document-submenu li {
     list-style-type: none;
     background-color: #edecec;
     padding: 0;
     margin: 3px 0;
 }

 .document-submenu li:first-child {
     margin-top: 0;
 }

 .document-submenu li:hover {
     background-color: #d8d5d5;
 }

 .document-submenu li a {
     padding: 9px 30px;
     font-size: 13px;
     font-weight: 700;
     display: block;
     line-height: 1;
 }

 .secondary-account-create {
     margin-top: 55px;
 }

 .secondary-account-create label {
     font-size: 11px;
     font-style: italic;
     font-weight: 600;
     text-transform: capitalize;
 }


 .box-recap-line {
     background-color: #edecec;
     margin: 5px 0;
     padding: 9px 10px 9px 13px;
 }

 .box-recap-line.opened {
     background-color: #d5d5d5;
 }

 .box-recap-line-container {
     text-transform: uppercase;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-weight: 700;
 }

 .box-recap-line-container div span {
     margin-right: 20px;
 }

 .box-recap-line .btn-container .btn-singer {
     border-radius: 0;
     font-size: 11px;
 }

 .quotation-list-details {
     display: flex;
     padding: 24px 15px 0;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .quotation-list-details-products {
     min-width: 500px;
 }

 .quotation-list-details .div_address {
     padding: 20px 13px;
     width: auto;
     min-height: auto;
     font-weight: 700;
 }

 .quotation-idref {
     text-transform: uppercase;
     display: inline-block;
     margin-right: 50px;
 }

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

     .secondary-account-container {
         padding: 10px;
         margin: 10px 0;
     }

     .invoices-header>div {
         margin: 5px 0;
     }

     .invoices-header .form-group {
         width: 70%;
         margin: 5px 8px;
     }

     .account-informations-form {
         width: 100%;
     }

     .account-informations-infos {
         width: 100%;
         max-width: 100%;
     }
 }

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

     .quotation-list-details {
         display: flex;
         flex-direction: column;
     }

     .pagination-invoices .btn {
         position: relative;
         top: auto;
         left: auto;
         margin-bottom: 8px;
     }
 }

 /*
-------------------------------------------------
                   PAGE METIERS
-------------------------------------------------
*/
 .menu_jobs {
     width: 250px;
     max-width: 100%;
 }

 .menu_jobs .nav>li>a {
     padding: 8px 15px;
 }

 .menu_jobs h2 {
     color: #28373a;
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     border-bottom: 1px solid #cccccc;
     padding-bottom: 15px;
 }

 .menu_jobs .nav-pills>li.active>a,
 .menu_jobs .nav-pills>li.active>a:hover,
 .menu_jobs .nav-pills>li.active>a:focus {
     background-color: #e8e8e8;
     border-radius: 0;
     color: #333333;
 }

 .menu_jobs .nav-pills>li>a:hover,
 .menu_jobs .nav-pills>li>a:focus {
     background-color: #e8e8e8;
     border-radius: 0;
 }

 .job-title,
 .tpl-job__title {
     font-weight: 600;
     color: #727272;
     text-transform: uppercase;
     font-size: 21px;
     border-bottom: 1px solid #cccccc;
     padding-bottom: 11px;
     margin-bottom: 20px;
 }

 .job-img {
     padding-top: 8px;
     margin-bottom: 80px;
     text-align: center;
 }

 .job-img img {
     max-width: 250px;
 }

 .font-italic {
     font-style: italic;
 }

 .tpl-job__description a {
     text-decoration: underline;
     color: #727272;
     font-weight: 400;
     line-height: 1;
 }

 .wysiwyg {
     color: #727272;
     line-height: 24px;
 }

 .wysiwyg strong {}

 /*
-------------------------------------------------
                MEDIA QUERIES
-------------------------------------------------
*/
 @media screen and (min-width: 768px) {}

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

     .header-account-mobile {
         position: absolute;
         top: 0;
         right: 0;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }
 }


 .stats-popin-wrapper {}

 .stats-popin-wrapper h1 {
     font-family: "DIN-bold", sans-serif;
     font-size: 3em;
     color: #371832;
     padding-bottom: 45px;
 }

 .stats-popin-wrapper .stats-left {
     vertical-align: top;
     display: inline-block;
     width: 40%;
     margin-right: -4px;
 }

 .stats-popin-wrapper .stats-right {
     vertical-align: top;
     display: inline-block;
     width: 60%;
 }

 .stats-popin-wrapper .stats-right .date-line {
     text-align: center;
     margin-bottom: 20px;
 }

 .stats-popin-wrapper .stats-right .date-line .date-calendar {
     margin-right: 10px;
 }

 .stats-popin-wrapper .stats-right .date-line input {
     background: transparent none repeat scroll 0 0;
     border: 1px solid #e2e6ea;
     border-radius: 0;
     color: #001832;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 13px;
     height: 40px;
     line-height: 1;
     margin-bottom: 10px;
     padding: 0 10%;
     width: 50%;
 }

 .stats-popin-wrapper .stats-bottom {
     text-align: right;
     padding-right: 20px;
     padding-top: 50px;
 }

 .stats-popin-wrapper .stats-bottom .stats-btn {
     background-color: #0088bc;
     background-repeat: no-repeat;
     border-radius: 2px;
     color: #ffffff;
     cursor: pointer;
     display: inline-block;
     font-family: "UniversLTW01-67BoldCn", Arial, Helvetica, sans-serif;
     font-size: 19px;
     font-weight: normal;
     margin: 0;
     padding: 9px 0;
     position: relative;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     width: 20%;
 }


 /* The switch - the box around the slider */
 .stats-popin-wrapper .switch {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 34px;
 }

 /* Hide default HTML checkbox */
 .stats-popin-wrapper .switch input {
     display: none;
 }

 /* The slider */
 .stats-popin-wrapper .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .4s;
     transition: .4s;
 }

 .stats-popin-wrapper .slider:before {
     position: absolute;
     content: "";
     height: 26px;
     width: 26px;
     left: 4px;
     bottom: 4px;
     background-color: white;
     -webkit-transition: .4s;
     transition: .4s;
 }

 .stats-popin-wrapper input:checked+.slider {
     background-color: #2196F3;
 }

 .stats-popin-wrapper input:focus+.slider {
     -webkit-box-shadow: 0 0 1px #2196F3;
     box-shadow: 0 0 1px #2196F3;
 }

 .stats-popin-wrapper input:checked+.slider:before {
     -webkit-transform: translateX(26px);
     transform: translateX(26px);
 }

 /* Rounded sliders */
 .stats-popin-wrapper .slider.round {
     border-radius: 34px;
 }

 .stats-popin-wrapper .slider.round:before {
     border-radius: 50%;
 }

 .stats-popin-wrapper .switch-texts {
     display: inline-block;
     font-family: "UniversLTW01-57Condense 723821", sans-serif;
     font-size: 1.2em;
     line-height: 30px;
     text-transform: uppercase;
     vertical-align: top;
     padding-left: 5px;
     padding-right: 5px;
 }

 .article-stats {
     position: absolute;
     left: 10%;
     top: 10px;
     margin-left: 10px;
     width: 55%;
     text-align: left;
     background-color: rgba(255, 255, 255, 0.8);
     border: 1px solid #ccc;
     padding: 5px;
     z-index: 10;
     color: #000;
 }

 .article-stats .stats-line {
     margin-bottom: 5px;
 }

 .article-stats .stats-line .stats-currency {
     display: inline-block;
     width: 25%;
     margin-right: -4px;
     vertical-align: top;
 }

 .article-stats .stats-line .stats-data {
     display: inline-block;
     width: 75%;
     vertical-align: top;
 }

 .article-stats .stats-line .stats-data .stats-label {
     display: inline-block;
     width: 75px;
 }

 .stats-mode .catalog_header {
     text-align: left !important;
     left: 2.25% !important;
 }

 .article-sellout {
     display: inline-block;
     width: 5px;
     height: 15px;
     background: #001832;
     margin: 2px 2px 2px 0;
 }

 .um-stats {
     position: absolute;
     top: -18px;
     right: 3%;
     z-index: 20;
     background: #d20024;
     border-radius: 2em;
     padding: 5px 10px;
     font-family: "UniversLTW01-57Condense 723821";
     font-size: 12px;
     color: #fff;
     padding: 0 10px;
     -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
 }

 .um-sellout-rate {
     font-family: "DiN-medium";
     font-size: 22px;
 }

 .um-sellout-unit {
     position: relative;
     top: -3px;
 }

 .stats-mode .available-sizes {
     display: block !important;
     font-size: 14px;
 }



 /*AMAZON*/
 /* 
Please include the min-width, max-width, min-height 
and max-height if you plan to use a relative CSS unit 
measurement to make sure the widget renders in the 
optimal size allowed.    
*/

 #addressBookWidgetDiv {
     min-width: 300px;
     width: 100%;
     max-width: 900px;
     min-height: 228px;
     height: 240px;
     max-height: 400px;
 }

 #walletWidgetDiv {
     min-width: 300px;
     width: 100%;
     max-width: 900px;
     min-height: 228px;
     height: 240px;
     max-height: 400px;
 }


 /* The following are required only when you use the read-only widgets: */

 #readOnlyAddressBookWidgetDiv {
     min-width: 266px;
     width: 100%;
     max-width: 900px;
     min-height: 145px;
     height: 165px;
     max-height: 180px;
 }

 #readOnlyWalletWidgetDiv {
     min-width: 266px;
     width: 100%;
     max-width: 900px;
     min-height: 145px;
     height: 165px;
     max-height: 180px;
 }

 /************ datatable factures/BL ****/
 .dataTables_paginate {
     width: 100%;
     text-align: center !important;
     padding-top: 5px;
     padding-bottom: 5px;
 }

 .paginate_button {
     background: none !important;
     border: none !important;
 }

 #myTable_filter {
     display: none !important;
 }

 /***************************************/


 .main-reasons__list {
     max-width: 1000px !important;
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .main-reasons__item {
     padding: 15px 0;
 }

 .main-reasons__body {
     background-color: black;
     color: white;
     display: table;
     padding: .625rem 0;
     width: 100%;
 }

 .main-reasons__number {
     box-shadow: 1px 0 0 0 #f9ea18;
     color: #f9ea18;
     display: table-cell;
     font-size: 6.25rem;
     font-weight: 700;
     line-height: 5rem;
     text-align: center;
     width: 12%;
 }

 .main-reasons__description {
     display: table-cell;
     line-height: 22px;
     padding: 0 1.25rem;
     vertical-align: middle;
     width: 88%;
     text-align: left;
     font-size: 22px;
 }

 .main-reasons__description p {
     margin: 0;
 }

 .main-reasons__description strong {
     color: #f9ea18;
 }

 .qsn__title {
     color: #bf071e;
     font-size: 1.375rem;
     font-weight: 700;
     letter-spacing: -1px;
     line-height: 1.375rem;
     text-transform: uppercase;
 }


 .zone-jobs-content img {
     max-width: 100%;
 }

 .reappro-logo-decli {
     margin-left: 20px;
     margin-bottom: 3px;
 }

 .check_cgv .css-label-checkbox a {
     text-decoration: underline;
     font-weight: 600;
 }

 .confirm_message {
     width: 80%;
     margin: 60px auto;
 }

 .btn-singer.cmd {
     margin-right: 15px;
 }


 .order-header #order_id,
 .order-header #ref {
     width: 80px;
     margin: 5px;
     display: inline-block;
     border-radius: 4px;
     border: 2px solid #ccc;
     height: 27px;
 }

 /* Fix Prettyphoto mobile */
 @media only screen and (max-width: 1000px) {
     body div.pp_default .pp_expand {
         display: none !important;
     }

     div.pp_pic_holder {
         width: 92% !important;
         left: 4% !important;
     }

     body div.pp_default .pp_content {
         width: 100% !Important;
         height: auto !important;
     }

     .pp_hoverContainer {
         width: 100% !important;
         height: 100% !important;
         top: 0px !important;
     }

     div.pp_default .pp_details {
         width: 100% !Important;
     }

     div.pp_default .pp_content_container .pp_details {
         margin: 15px auto;
     }

     .pp_content #pp_full_res>img {
         width: 100% !important;
         height: auto !important;
         max-height: 300px;
         object-fit: contain;
     }

     .pp_pic_holder.pp_default {
         position: fixed !important;
         top: 50% !important;
         transform: translateY(-50%) !important;
     }
 }

 .adapt_captcha div {
     margin-right: auto;
     margin-left: auto;
 }

 .phototeque-header {
     margin-bottom: 2rem;
 }

 .phototeque-header .filter-col {
     padding-left: 2rem;
 }

 /*topbar header*/
 .marquee-rtl {
     width: 45em;
 }

 .marquee {
     overflow: hidden;
     white-space: nowrap;
 }

  .intl-tel-input {
     display: table-cell;
 }

 .intl-tel-input .selected-flag {
     z-index: 4;
 }

 .intl-tel-input .country-list {
     z-index: 5;
 }

 .input-group .intl-tel-input .form-control {
     border-top-left-radius: 4px;
     border-top-right-radius: 0;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 0;
 }