/*  HTML5 - Boilerplate
    + Normalize
    Author: SUPERSONIKS
*/
*,
*:before,
*:after {
    *behavior: url(/sites/all/themes/tssks/js/libs/boxsizing.htc);
}
/*  ------------------------------------------------
::  ROOT
--------------------------------------------------*/

/* Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mark Simonson Studio
 * License URL: http://www.fontspring.com/fflicense/mark-simonson-studio
 *
 *
 */


@font-face {
    font-family: 'proximanova';
    src: url('../font/ProximaNova-Reg-webfont.eot');
    src: url('../font/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ProximaNova-Reg-webfont.woff') format('woff'),
         url('../font/ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('../font/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'proximanova';
    src: url('../font/ProximaNova-Bold-webfont.eot');
    src: url('../font/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ProximaNova-Bold-webfont.woff') format('woff'),
         url('../font/ProximaNova-Bold-webfont.ttf') format('truetype'),
         url('../font/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'proximanova';
    src: url('../font/ProximaNova-BoldIt-webfont.eot');
    src: url('../font/ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ProximaNova-BoldIt-webfont.woff') format('woff'),
         url('../font/ProximaNova-BoldIt-webfont.ttf') format('truetype'),
         url('../font/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 'proximanova';
    src: url('../font/ProximaNova-RegIt-webfont.eot');
    src: url('../font/ProximaNova-RegIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ProximaNova-RegIt-webfont.woff') format('woff'),
         url('../font/ProximaNova-RegIt-webfont.ttf') format('truetype'),
         url('../font/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}


/*  ------------------------------------------------
::  LAYOUT
--------------------------------------------------*/
    body {font-style: italic;}

    .fa {font-style: normal;}

    body,
    .jPanelMenu-panel {background:#ebebeb !important    ;}
    .website-content-wrapper {background:#fff;padding-bottom: 20px;}

    /*Colonnage sans goutière*/
    .row.no-gutter {margin-left:0; margin-right:0;}
    .row.no-gutter > *[class*=col] {padding-left:0; padding-right:0;}

    .row.small-gutter {margin-left:-4px; margin-right:-4px;}
    .row.small-gutter > *[class*=col] {padding-left:4px; padding-right:4px;}

    .website-container{position:relative;}

    .website-main {margin-bottom: 20px;}


    /*Si colonnes vides*/
    body.node-popup-resume .sous-menu-container {
        display: none !important;
    }
    body.node-popup-resume .website-main ,
    body.no-menu .website-main ,
    .no-sous-menu-container .website-main {width:100% !important;}

    .no-sous-menu-container.forme-page .node-content,
    .no-sous-menu-container.forme-article .node-content/*,
    .no-sous-menu-container.forme-actualite .node-content*/ {
        max-width:947px;margin:0 auto;
    }
    .no-sous-menu-container.forme-actualite  .bloc-createur-footer  {
        display: none;
    }

    .translate{
        -webkit-transform : translate3d(0,0,0);
        -moz-transform    : translate3d(0,0,0);
        -ms-transform     : translate3d(0,0,0);
        transform         : translate3d(0,0,0);
    }

    .node-type-chaussure-enfant .sous-menu-container,
    .node-type-maroquinerie .sous-menu-container,
    .node-type-reparation .sous-menu-container,
    .node-type-personnalisation  .sous-menu-container,
    .node-type-chaussure-hf .sous-menu-container {
        display: none !important;
    }
    .node-type-chaussure-enfant .website-main,
    .node-type-maroquinerie .website-main,
    .node-type-reparation .website-main,
    .node-type-personnalisation  .website-main,
    .node-type-chaussure-hf .website-main {
        width: 100% !important;
    }

/*  ------------------------------------------------
::  HEADING / Titrage
--------------------------------------------------*/
    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6,
    .btn-lg{
        font-family : "proximanova",  Arial, Helvetica, sans-serif;
        font-weight : normal;
        margin:0;
        text-transform: uppercase;
        line-height:1em;
        letter-spacing: 0.02em;
        font-style: normal;
    }

    h1, .h1, .h1-size {font-size:34px;line-height: 0.8;letter-spacing: 0;}
    h2, .h2, .h2-size {font-size:30px;line-height: 0.8;letter-spacing: 0;}
    h3, .h3, .h3-size {font-size:22px;}
    h4, .h4, .h4-size {font-size:18px;}
    h5, .h5, .h5-size {font-size:14px;}
    h6, .h6, .h6-size {font-size:11px;}

    .cke_editable h2 {font-size:20px;}
    .cke_editable h3 {font-size:16px;}
    .cke_editable h4 {font-size:14px;}

    .cke_editable h2 ,
    .cke_editable h3 ,
    .cke_editable h4 {font-weight: bold;color:#125687;margin:20px 0 12px;}

    .cke_editable img:first-child ,
    .cke_editable h2:first-child ,
    .cke_editable h3:first-child ,
    .cke_editable h4:first-child {margin-top: 0 !important;}

    .titre-block {
        text-transform:uppercase;padding:3px 0;margin:1em 0 0;  color:#88ADC7;
    }


    /*Titre section trait horizontal*/
    .titre-section {
        font-size: 14px;
        text-align: center;
        color:#88ADC7;
        font-weight: bold;
        position: relative;
        margin: 15px 0;
    }
    .titre-section-important {
        color:#125687;
    }

    .liste-produits .titre-section {margin-bottom:8px;}

    .titre-section span{
        display: inline-block;
        background:#fff;
        position: relative;
        z-index: 2;
        padding:0 5px;
    }

    .titre-section:before {
        content: '';
        margin-top: -1px;
        position: absolute;
        top:50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #88ADC7;
        display: block;
    }

    .node-texte-container {margin-bottom:20px;}


/*  ------------------------------------------------
::  TYPOGRAPHIE
--------------------------------------------------*/
    nav ul,
    nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0; }


    .cke_editable ol,
    .cke_editable ul,
    .cke_editable p {margin-bottom:1em;}

    .cke_editable ol,
    .cke_editable ul {padding-left: 28px;}


    body.cke_ltr,
    .cke_panel_block{background:#fff !important;}
    body.cke_editable {background:#fff !important;padding:0 1em;}

    .cke_editable a{text-decoration:underline;}
    .cke_editable .btn{text-decoration:none !important;}

    .cke_editable li{margin-bottom:5px;}
    .cke_editable li li{margin-bottom:0;}

    .cke_editable ul ol,
    .cke_editable ol ol {margin:3px 0;list-style-type:lower-alpha ;}
    .cke_editable ul ul,
    .cke_editable ul ol {margin:3px 0;padding-left:18px;}

    .cke_editable a[target='_blank']:after {
        content:'\f08e';
        font-family: 'FontAwesome';
        font-style: normal;
        color:#aaa;
        font-size:11px;
        text-decoration: none;
        display: inline-block;
        margin-left: 3px;
    }

    .cke_editable {word-break:break-word;}

    .cke_editable a.image-link:after {
        display: none;
    }

    /*----------------------------------------
    :: Styles de texte, chapo etc
    :: Styles à définir dans : ckeditor.styles.js
    ----------------------------------------*/
        .chapo{font-size:113%;color:#88ADC7;}
        .petit-texte{font-size: 93%;line-height: 1.2;}
        .grand-texte{font-size: 123%;line-height: 1.2;}

        .accroche {
            padding: 2%;
            font-size: 125%;
            font-family: 'proximanova', Arial, Helvetica, sans-serif;
            text-align: center;
            border-top: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
            max-width: 80%;
            margin: 30px auto !important;
            font-style: normal;
            line-height: 1.3;
        }

        .image-100 img,
        img.image-100 {width:100%;height:auto;}

        .image-gauche ,
        .image-droite { margin: 0 auto  1.2em  ;}

        /* Styles complémentaires*/
        .cke_editable .clearFloat {clear:both;}
        .lt-ie9 .cke_editable img {width: inherit;}
        .cke_editable img {max-width:100%;height:auto !important;}




    /*  ------------------------------------------------
    ::  LIENS
    --------------------------------------------------*/

    a:hover { outline : 0; text-decoration: none; }
    a:focus {text-decoration: none;outline: none;}

    .btn:focus {outline: none;}

    a,
    .transition {
        -o-transition-property:border-color, color, background-image, background-color, box-shadow, opacity, -o-transform;
        -o-transition-duration:0.3s;
        -o-transition-timing-function:ease;

        -moz-transition-property:border-color, color, background-image, background-color, box-shadow, opacity, -moz-transform;
        -moz-transition-duration:0.3s;
        -moz-transition-timing-function:ease;

        -webkit-transition-property:border-color, color, background-image, background-color, box-shadow, opacity, -webkit-transform;
        -webkit-transition-duration:0.3s;
        -webkit-transition-timing-function:ease;

        -ms-transition-property:border-color, color, background-image, background-color,box-shadow,  opacity, -ms-transform;
        -ms-transition-duration:0.3s;
        -ms-transition-timing-function:ease;

        transition-property:border-color, color, background-image, background-color, box-shadow,  opacity, transform;
        transition-duration:0.3s;
        transition-timing-function:ease;

        -webkit-transform : translate3d(0,0,0);
        -moz-transform    : translate3d(0,0,0);
        -o-transform      : translate3d(0,0,0);
        -ms-transform     : translate3d(0,0,0);
        transform         : translate3d(0,0,0);

    }

    .coul {color:#125687;}


/*  ------------------------------------------------
::
::  FORMULAIRES
::
--------------------------------------------------*/
    .formulaire-sous-titre {
        margin-bottom: 15px;
    }

    input[type='text'],
    input[type='password'],
    .form-control,
    select,
    textarea {box-shadow: none;}
    textarea {
        resize:vertical;
    }

    /*  ------------------------------------------------
    ::  Reset  / Spé formulaire drupal
    --------------------------------------------------*/
    .form-actions {margin: 0 0 25px 0;}
    .form-actions small {
        display: block;
        margin-bottom:4px;
    }
    .form-item {margin: 0 0 12px 0;}
    form .description {
        color:#999;
        font-size:85%;
        font-size: 0.85em;
        line-height: 1.2;
        margin-top: 5px;
    }
    .form-type-radio .description,
    .form-type-checkbox .description {margin-left: 0;}
    legend {border-bottom:1px solid #CDDDEA;}



   /*  ------------------------------------------------
    ::  TABLEAUX
    --------------------------------------------------*/
    table tbody {border:none;}

    .table > tbody > tr.active > td,
    .table > tbody > tr.selected > td {background-color:#f5f5f5;}

    /*Si cellule active, désactive la couleur*/
    .table-striped > tbody > tr.selected:nth-child(odd) > td,
    .table-striped > tbody > tr:nth-child(odd) > td.active {background:#F9F9F9;}
    .table-striped > tbody > tr.selected:nth-child(even) > td,
    .table-striped > tbody > tr:nth-child(even) > td.active {background:#fff;}

    .table th a{color:inherit;}
    .table th a:hover{opacity:0.8;}
    .table th {
        font-style: normal;
        text-transform: uppercase;
        font-family: "proximanova", helvetica, arial, sans-serif;
    }


    table .form-item {margin:0;}
    .views-field-edit-quantity input {width:60px;}
    .table-striped > tbody > tr > td {vertical-align: middle;}
    table  th img {vertical-align: middle;margin-left:5px;margin-top:-2px;}

    .table > thead > tr > th.active {background: none;}


    /*  ------------------------------------------------
    ::  SELECT
    --------------------------------------------------*/
    select.hasCustomSelect  {
        height: 100% !important;
        width: 100% !important;
        z-index: 2;
        cursor: pointer;
    }

    .custom-select-container {
        display: inline-block;
        position: relative;
    }
    .customSelect {
        color:#125687;
        border:none;
        box-shadow: none;
        border-bottom:1px solid #125687;
        text-align: left;
        padding-left: 5px;

    }

    .customSelect.customSelectHover {
        border-bottom-color:#CDDDEA;
        color:#88ADC7;

    }

    .customSelect:before {
        position: absolute;
        z-index: 0;
        font-family: "FontAwesome";
        content:"\f0d7";
        top:50%;
        margin-top:-10px;
        right:5px;
        font-style: normal;
    }

    /*  ------------------------------------------------
    ::  Login
    --------------------------------------------------*/
    #user-login input[type="password"],
    #user-pass input[type="text"],
    #user-login input[type="text"] {width:100%;max-width: 350px;}

    #user-login-form,
    #user-login {position: relative;margin-bottom: 50px;}
    .mdp-reset {display: inline-block;margin-bottom: 5px;}

    #user_login_form .btn {width: 100%;}
    .create-account .bloc-border {padding-bottom: 50px;}
    .create-account .login-register {position: absolute;bottom:10px;left: 10px;right: 10px;}

    /*  ----------------------------------------------
    ::  Select
    -------------------------------------------------- */

   /*Radios en ligne*/
    .form-type-checkbox,
    .form-type-radio {margin-right: 20px;display: inline-block;}
    .form-type-checkbox .description {margin:0;}

    .form-type-checkbox:not(.checkbox) input{
        float: left;
    }

    .form-type-checkbox:not(.checkbox) label{
       margin-left: 20px;
       display: block;
    }

    /*Boutons*/
    .checkout-buttons .btn,
    .form-actions .btn,
    .form-submit {margin:0 3px 6px;vertical-align: middle}
    .form-actions .btn:last-child {margin-right: 0;}
    .form-submit:last-child {margin-right: 0;}
    #edit-preview {display: none;}


    /*  ------------------------------------------------
    ::  Messages
    --------------------------------------------------*/

    .alert-messages a{text-decoration: underline;color:inherit;}
    .alert-messages a:hover{opacity: 0.7;}

    .alert-messages{padding:15px 15px 15px 60px;position: relative;}
    .alert-messages ul {margin-left:0;padding-left:20px;}

    .alert-messages:before{
       content:'\f00c';
       font-family: 'FontAwesome';
       font-size: 130%;
       position: absolute;
       top:50%;
       left:15px;
       border:1px solid ;
       width: 35px;
       height: 35px;
       text-align:center;
       line-height: 33px;
       border-radius: 50%;
       color: inherit;
       font-style: normal;
       margin-top: -18px;
    }
    .alert-messages.alert-warning:before{
       content:'\f071';
    }
    .alert-messages.alert-danger:before{
       content:'\f00d';

    }

    /*  ------------------------------------------------
    ::  Pagination
    --------------------------------------------------*/
    .item-list ul li {margin:0;}
    .fontface .pager-texte {display: none;}
    .fontface .pager-first a:before,
    .fontface .pager-previous a:before,
    .fontface .pager-last a:before,
    .fontface .pager-next a:before{
          font-family: 'FontAwesome';
    }
    .fontface .pager-first a:before   {content:'\f100';}
    .fontface .pager-previous a:before{content:'\f104';}
    .fontface .pager-last a:before    {content:'\f101';}
    .fontface .pager-next a:before    {content:'\f105';}

    /*  ------------------------------------------------
    ::  Layout admin utilisateur
    --------------------------------------------------*/
    .user-admin-bloc {margin-bottom: 25px;}
    .bloc-border {
        border:1px solid #CDDDEA;padding:10px;position: relative;
    }

    html.js fieldset.collapsed {height: auto;}

    /*  ------------------------------------------------
    :: icones boutons fontawesome
    --------------------------------------------------*/

    #commerce-addressbook-customer-profile-form .fieldset-legend:before,
    .more-link a:before,
    .recent-orders h3:before,
    .profile-infos h3:before,
    .profile-adresses h3:before,
    .cart-empty-page:before,
    .commerce_payment .fieldset-legend:before,
    .commerce_shipping .fieldset-legend:before,
    .commerce_coupon .fieldset-legend:before,
    .cart_contents .fieldset-legend:before,
    .customer_profile_billing .fieldset-legend:before,
    .customer_profile_shipping .fieldset-legend:before,
    .profile a:before,
    .views-field-order-id a:before {
        display:inline-block;
        margin-right:5px;
        font-family: 'FontAwesome';
        font-weight:normal !important;
        font-style: normal;
    }

    .views-field-order-id a:before {content:'\f016'; }

    .commerce_payment .fieldset-legend:before {content:'\f09d'; }
    .commerce_coupon .fieldset-legend:before {content:'\f06b'; }
    .cart_contents .fieldset-legend:before {content:'\f07a'; }
    .customer_profile_billing .fieldset-legend:before {content:'\f15b'; }


    .commerce_shipping .fieldset-legend:before ,
    .customer_profile_shipping .fieldset-legend:before {content:'\f0d1';font-size: 113%;}/*Camion*/

    .more-link a:before {content:'\f054'; }/*fleche*/
    .more-link a {text-transform: uppercase; }/*fleche*/


    /*  ------------------------------------------------
    :: Profile
    --------------------------------------------------*/

     #commerce-addressbook-customer-profile-form .fieldset-legend:before,
    .profile-adresses h3:before {content:'\f041'; }/*map marker*/
    .profile-infos h3:before {content:'\f007'; }
    .recent-orders h3:before {content:'\f0d1'; }

    .profile-infos-content hr { margin: 8px 0;}
    .profile-infos-content {margin-bottom:20px;}

    .bloc-border-titre,
    .profile h3 {
        margin-bottom: 10px;
        color: #125687;
        border-bottom:1px solid #CDDDEA;
    }

    .profile dd {margin-bottom: 2em;}

    .profile-bouton-container {margin-top:12px;}

    /*------------------------------------------------
    :: Panier vide
    --------------------------------------------------*/
    .view-empty ,
    .cart-empty-page,
    .checkout-help,
    .checkout-completion-message {
        margin:20px 0 25px ;
        font-size:20px;
        color:#88ADC7;
        font-size:18px;
        text-align: center;
        border: 1px solid #CDDDEA;
        padding: 2em 1em;

    }


    .view-empty p:before ,
    .cart-empty-page:before ,
    .checkout-help:before{
        content:'\f05a';
        display:inline-block;
        margin-right:5px;
        font-family: 'FontAwesome';
        font-style: normal;
    }

    .view-empty p {
        margin:5px 0;
    }

    .alert {
        position: relative;
        clear: both;
    }

    .fermer-alert {
        position: absolute;
        top: 10px;
        right: 10px;
        opacity: 0.3;
        z-index: 2;
    }

    .fermer-alert:hover{
        opacity: 0.6;
    }



    /*  ------------------------------------------------
    ::  BOUTONS
    --------------------------------------------------*/
    .btn {
        white-space: normal;
    }

    .btn-carre {
        text-align: center;
        width: 35px;
        height: 35px;
        padding:0;
        line-height: 34px;
        text-align: center;
    }
    .btn-carre.btn-lg{
        width: 40px;
        height: 40px;
        line-height: 39px;
    }
    .btn-hide-alert {
        position: absolute;
        right: 10px;
        top: 10px;
        opacity: 0.4;
        z-index: 10;
    }
    .btn-hide-alert:hover {
        opacity:1;
    }


  /*------------------------------------------------
    :: ecommerce
    --------------------------------------------------*/
    /*Panier*/
    .views-field-commerce-total {text-align:right;margin-bottom: 25px;}
    .line-item-total-raw {display: inline-block;margin-right: 8px;}
    .checkout_review ,
    .view-content {max-width: 100%;overflow-x: auto;}

  /*------------------------------------------------
    :: PAIEMENT
    --------------------------------------------------*/
    .commerce_payment .form-item {
        vertical-align: middle;
        margin: 0 35px 5px 0;
        min-height: 44px;
    }
    .commerce-paypal-ec-icon-wrapper,
    .commerce-paypal-bml-icon-wrapper {line-height: 1.2;}
    .commerce-paypal-ec-icon, .commerce-paypal-bml-icon {top:0;}

    #payment-details {
        padding-top:20px;
        margin-top: 20px;
        border-top:1px solid #eee;
    }
    .commerce-cmcic-icons .label {display: none;}
    .commerce-price-formatted-components {width:auto;}
  /*  ------------------------------------------------
    ::  Prix dans tableaux
    --------------------------------------------------*/
  .views-field-commerce-order-total {
       white-space: nowrap;
   }

     /*  ------------------------------------------------
    ::  Produit à fabriquer
    --------------------------------------------------*/
    .message-info-a-fabriquer {
        margin-top: 12px;
        font-size: 18px;
        font-weight: bold;
    }

      /*  ------------------------------------------------
    ::  Fil ariane
    --------------------------------------------------*/
   .commerce-checkout-progress {
        padding:0;
        margin:0 0 25px;
        list-style: none;
        counter-reset: checkout;
    }




    ol.inline.commerce-checkout-progress li {
       color:#CDDDEA;
       float: left;
       vertical-align: middle;
       padding:0 20px 0 10px;
       position: relative;
       white-space: nowrap;
       width: 100%;
       text-overflow:ellipsis;
       overflow: hidden;
    }

    ol.inline.commerce-checkout-progress li.payment{display: none;}
    ol.inline.commerce-checkout-progress li{
        counter-increment: checkout;
    }



    ol.inline.commerce-checkout-progress li:before {
        content: counter(checkout);
        display: inline-block;
        border-radius: 50%;
        vertical-align: middle;
        background: #CDDDEA;
        width: 17px;
        height: 17px;
        overflow: hidden;
        margin-top: -2px;
        text-align: center;
        color: #fff;
        margin-right: 5px;
        line-height: 18px;
    }

    ol.inline.commerce-checkout-progress li.active {
        color:#88ADC7;
    }

    ol.inline.commerce-checkout-progress li.visited a{
       border-bottom:1px solid #CDDDEA;
    }
    ol.inline.commerce-checkout-progress li.visited a:hover {
        border-bottom-color: #06273F;
    }

    /*CHECKOUT complete*/
    ol.commerce-checkout-progress.is-complete li {
        width: auto;
    }



  /*------------------------------------------------
    :: checkout
    --------------------------------------------------*/
    .component-type-commerce-price-formatted-amount {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 18px;
        font-family: "proximanova";
        font-style: normal;
        background: none !important;
    }
    .commerce-price-custom {margin-bottom: 0;font-size: 13px;}
    .commerce-price-custom > tbody > tr > td {border:none;padding:1px;}
    .component-title {text-align: right;}
    .component-total {text-align: right;width: 140px;}

    #commerce-checkout-coupon-ajax-wrapper {clear:both;display: none;}

    .button-operator {display:none;}
    .checkout-buttons {margin:0 0  25px}

    div.addressfield-container-inline > div.form-item:first-child {
        margin-left:0;
    }
    div.addressfield-container-inline > div.form-item {
        margin-right: 0;
        margin-left: 4%;
        width: 48%;
    }

    div.form-item-commerce-shipping-shipping-service.radio{
        clear: both;
        display: block;
        margin-bottom: 20px;
    }



    /*  ------------------------------------------------
    ::  checkout shipping
    --------------------------------------------------*/
    .container-shipping-service-ssks {
        padding:20px 0 0 17px;
        border-top:1px solid #eee;
    }
    .container-shipping-service-ssks.colissimo {
        margin-right: 17px;
    }
    .container-shipping-service-ssks.clic-collect {
        margin-right: 17px;
    }

    .exapaq-ici-relais .adresse-relais {
        margin-bottom: 15px;
        padding-left: 17px;
        position: relative;

    }
    .exapaq-ici-relais .choix-relais {
        position:absolute;
        top:-2px;
        left: 0;
        z-index: 2;
    }

    .adresse-relais {cursor: pointer;}
    .adresse-relais span{line-height: 1.2;display: block;font-weight: normal;}
    .adresse-relais .adresse,
    .adresse-relais .adresse-relais-geo{font-size: 85%;}
    .adresse-relais .adresse-relais-geo{margin-top: 7px;}

  /*------------------------------------------------
    :: checkout review
    --------------------------------------------------*/
    .checkout-review {
        width: 100%;
    }

    table.checkout-review .pane-title td {padding:10px 0;}
    table.checkout-review .pane-data-full  {padding-bottom:20px;}


    /*  ------------------------------------------------
    ::  PARAMETRE Creation modification COMPTE
    --------------------------------------------------*/
    #edit-picture,
    #edit-timezone {
        display: none;
    }

    #user-profile-form,
    #user-register-form {
        max-width: 768px;
    }


    div.password-confirm,
    .password-suggestions,
    .password-strength,
    .form-type-password-confirm .description {display: none !important;}

    .back-to-login {margin-top: 21px;}

    /*  ------------------------------------------------
    ::  Facture
    --------------------------------------------------*/
    .page-facture .node-titre{
        text-align: center;
    }
    .facture-container {
        max-width: 640px;
        font-size: 13px;
        box-shadow: 0 0 10px #ccc;
        padding: 30px 15px;
        margin:0 auto 30px;
        line-height: 1.2;
    }
    .facture-logo {max-width: 150px;float: right;}
    .facture-adresses {margin:20px 0 30px;}


    .facture-total-payer{font-weight: bold;}
    .facture-total:last-child > td {font-weight:bold;font-size: 16px;}

    .facture-resume {margin-bottom: 20px;}
    .facture-commande > tbody >  .facture-total > td {text-align:right;padding-top:2px  ;padding-bottom: 2px  ;background:#fff !important;}

    .facture-resume > tbody > tr > td {border:none !important;padding:0  !important;}
    .facture-resume td:first-child {width: 200px;}
    .facture-sous-titre {margin-bottom:15px;}
    .facture-total-ligne {font-size: 16px;}
    .facture-commande {margin-bottom:30px;border:1px solid #ccc;}


/*  ------------------------------------------------
::
::  BANNIERE / HEADER
::
--------------------------------------------------*/

    .madeinfrance {
        margin-left: .7em;
        height: 26px;
    }
    @media all and (max-width: 320px) {
        .texte-btn-moncompte {
            display:none;
        }
    }

    @media all and (min-width: 640px) {
        .madeinfrance {
            margin-left:2.5em;
        }
    }

    @media all and (min-width:992px) {
        .madeinfrance {
            margin-left:3.5em;
        }
    }

    @media all and (min-width:1200px) {
        .madeinfrance {
            margin-left:7em;
        }
    }

    .website-header{
        position:relative;
    }

    .website-preheader {
        display: table;
        border-collapse: collapse;
        border-bottom: 1px solid #88adc7;
        width: 100%;
    }

    .preheader-section {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        padding: 4px 4px 4px;
    }

    /*HEADER MOBILE*/
    @media all and (max-width: 991px) {
        .website-preheader {
            margin-bottom: 30px;
        }

        .preheader-utilisateur .fa-shopping-cart,
        .preheader-utilisateur .fa-user {
            font-size: 1.4em;
        }

        .preheader-utilisateur,
        .preheader-menu {
            width:100px;
        }


        .logo-mobile-container {
            padding: 0 5px;
        }

        .logo-mobile-container img {
            height: 28px;
        }

        .btn-mon-compte {
            padding-left:3px;
            padding-right:3px;
        }
        .btn-panier {
            padding-left:3px;
        }
    }

    @media all and (max-width: 400px) {
        .btn-panier {
            padding-left:4px;
        }
        .btn-panier {
            padding-left:4px;
        }

        .preheader-utilisateur,
        .preheader-menu {
            width:80px;
        }
        .madeinfrance {
            display:none;
        }
    }




    @media all and (min-width: 992px) {

        .preheader-section {
            padding: 4px 10px 4px;
            border-left: 1px solid #88adc7;
        }

        .preheader-menu {
            width: 330px;
        }
        .preheader-recherche {
            width: 280px;
        }

        .preheader-utilisateur {
            width: 330px;
        }
       
    }

    @media all and (min-width: 1200px) {

        .preheader-section {
            width: 430px;
        }

        .preheader-recherche {
            width: 300px;
        }


    }

    .website-preheader > div:first-child {
        padding-left: 0;
        border-left: 0;
    }

    .website-preheader > div:last-child {
        padding-right: 0;
        border-right: 0;
    }

    .website-preheader .dropdown-menu  {
        text-align: left;
            right:0;
            left:auto;

    }

    /*LOGO*/
    .website-logo {
        margin:10px  auto 30px  ;
        text-align:center;
        position: relative;
    }

    .website-logo a{
        width: 180px;
        z-index: 2;
    }
    .website-logo img{
        height:auto;
    }

    .website-logo a:hover{
        opacity: 1;
    }
    .website-baseline {
        display: block;
        font-size: 14px;
        color:#125687;
        margin-top: 2px;
        line-height: 1;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    .website-baseline strong{
        white-space: nowrap;
    }

    .boutique-outils .dropdown-menu  {
        text-align: left;
    }



    /*  ------------------------------------------------
    ::  Mon compte
    --------------------------------------------------*/
    .mon-compte-container {
        display: inline-block;
        position: relative;
    }
    .btn-mon-compte .caret{
        opacity: 0.4;
        margin-left: 5px;
    }
    .btn-mon-compte:hover .caret{
        opacity: 0.8;
    }
    .mon-compte-container ul i {
        width: 20px;
        text-align: center;
    }
    .mon-compte-container .dropdown-menu > li > a {
        padding:3px 10px;
    }

    .menu-langue-2,
    .message-accueil,
    .menu-social,
    .mon-compte-container,
    .menu-devise,
    .devise,
    .btn-panier,
    .recherche-widget {
        display: inline-block;vertical-align: middle;position: relative;
    }

    .message-accueil {
       margin-right: 5px;
       color:#88ADC7;

    }
    .message-accueil > div {
       max-width: 150px;
       overflow: hidden;
       text-overflow:ellipsis;
    }

    /*BOUTON PANIER*/
    .btn-panier {padding-right: 0;}

     /*DEVISE*/
    .devise .form-item {margin:0;}

    /*  ------------------------------------------------
    ::  RECHERCHE
    --------------------------------------------------*/
    .recherche-widget   .block-form-recherche input[type="text"] {width: 130px;}

    .recherche-widget input[type="text"] {
        width:105px;
        display:inline-block;
        border:none;
        box-shadow: none;
        padding-left: 5px;
    }
    .recherche-widget .btn {
        color:#88ADC7;
        border:none;
        padding-right:5px;
        box-shadow: none;
    }
     .recherche-widget .btn:focus,
     .recherche-widget .btn:hover {
        color:#125687;
        border:none;
        background:none;
        box-shadow: none;
    }

    .recherche-widget {border: 1px solid #CDDDEA;}

    input:focus::-webkit-input-placeholder {
        color: #fff;
    }

    input:focus:-moz-placeholder {
        color: #fff;
    }

    /* Firefox > 19 */
    input:focus::-moz-placeholder {
        color: #fff;
    }

    /* Internet Explorer 10 */
    input:focus:-ms-input-placeholder {
        color: #fff;
    }

    /*  ------------------------------------------------
    ::  MENU social
    --------------------------------------------------*/
    .menu-social  {
       margin-right: 10px;
    }

    .menu-social a {
        margin:0 2px;
        color : #88ADC7;
    }

    .menu-social a:hover {
        color : #125687;
    }

    /*  ----------------------------------------------
    ::  MENU LANGUE
    --------------------------------------------------*/
    .menu-langue-2 {
        margin-right: 10px;
    }
    .menu-langue-2 a {
        display: inline-block;
        vertical-align: middle;
        border-bottom: 4px solid transparent;
        margin:0 2px  -3px 0;
    }

    .menu-langue-2 a:hover {
        border-bottom: 4px solid #cdddea;
        opacity: 0.6;
    }
     .menu-langue-2 a.active {
        border-bottom: 4px solid #125687;
    }
    .menu-langue-2 span {
        width: 25px;
        height: 25px;
        overflow: hidden;
        display: block;
        border-radius: 50%;
        overflow: hidden;
        text-indent: -9999px;
        margin-bottom: 5px;
    }

    .menu-langue-2 a.en span {
        background:url("../img/langue-en.png");
    }

    .menu-langue-2 a.fr span {
        background:url("../img/langue-fr.png");
    }

    .menu-langue-2 a.sp span {
        background:url("../img/langue-es.png");
    }
    .menu-langue-2 a.jp span {
        background:url("../img/langue-jp.png");
    }





/*  ------------------------------------------------
::
::  NAVIGATION
::
--------------------------------------------------*/




    /*  ------------------------------------------------
    ::  MENU PRINCIPAL : main-menu
    --------------------------------------------------*/

    .menu-container{
        border-top:1px solid #cdddea;
        border-bottom: 1px solid #125687;
        margin-bottom: 35px;
        font-family:"proximanova", helvetica, arial, sans-serif;
        text-transform: uppercase;
        font-style: normal;
        color:#125687;
        position: relative;
    }


    .menu-container a{
        color:#125687;
        font-weight: bold;
        padding:10px 0 4px;
        display: inline-block;
        border-bottom: 4px solid #fff;
        font-size: 12px;
        height: 37px;
    }

    .menu-container a,
    .menu-container a.active.not-hover{
        border-bottom: 4px solid #fff;

    }

    .main-menu,
    .menu-haut {
        overflow: hidden;
    }

    .menu-haut-0-item,
    .main-menu-item{
        display: inline-block;
    }
    .menu-haut-0-item:before,
    .main-menu-item:before{
        display: inline-block;
        content: '';
        height: 4px;
        width: 4px;
        position: relative;
        top: -1px;
        background: #125687;
        overflow: hidden;
        vertical-align: middle;
        border-radius: 50%;
    }

    .menu-haut-0-item:first-child:before,
    .main-menu-item:first-child:before{
        display: none;
    }

    .menu-container a.is-hover ,
    .menu-container a:hover  {border-color: #125687;}
    .menu-container a.active {border-color: #125687;color:#125687;}


    /*  ------------------------------------------------
    ::  MENU dépliant
    --------------------------------------------------*/
    .menu-wrapper{
        position: relative;
    }

    .menu-depliant {
        background:rgba(255,255,255,1);
        padding:15px;
        z-index: 10;
        border-bottom: 1px solid #125687;
        display: none;
    }

    .menu-depliant.is-visible {
    	display: block;
    }

    .menu-depliant-container {
        position: absolute;
        top:100%;
        width: 100%;
        z-index: 10;
        overflow: hidden;
    }

    .menu-depliant a{
        display: block;
        position: relative;
        padding-left: 7px;
        line-height: 1.2;
        margin-bottom: 3px;
    }
    .menu-depliant a:before{
        display: inline-block;
        content: '';
        height: 4px;
        width: 4px;
        background: #125687;
        overflow: hidden;
        position: absolute;
        top: 6px;
        left: 0;
        vertical-align: middle;
        border-radius: 50%;
    }

    .menu-depliant-pointeur {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 5px;
        background:#125687;
        width:53px;
    }

    .menu-depliant a:hover,
    .menu-depliant a.active {
        color:#125687;
    }


    .menu-depliant a:hover span,
    .menu-depliant a.active span{
        text-decoration: underline;
    }



    /*  ------------------------------------------------
    ::  MENU PRINCIPAL NIVEAU 2 : sous-menu
    --------------------------------------------------*/
    .sous-menu {
        font-family:"proximanova", helvetica, arial, sans-serif;
        font-style: normal;
    }
    .sous-menu a{
        display:inline-block;
        text-decoration:none;
        color:#125687;
        margin-bottom: 11px;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        margin-left: 8px;
        line-height: 1.2;
    }
    .sous-menu a:before{

        display: inline-block;
        content: '';
        height: 4px;
        width: 4px;
        position: absolute;
        top: 5px;
        left: -8px;
        background: #125687;
        overflow: hidden;
        vertical-align: middle;
        border-radius: 50%;


    }



    .sous-menu li ul{
        padding:0 0 0 15px;
        margin-bottom: 13px;
        display:none;
    }
    .sous-menu li li a {
        font-size:100%;
        font-weight: normal;
        display: inline-block;
        margin-bottom: 8px;
        color: #999;
        border-bottom: 1px solid transparent;
    }

    .sous-menu li li a:before {
        background-color: #aaa;
    }

    .sous-menu li li a:hover {
        border-bottom-color: currentColor;
    }

    .sous-menu li li a.active{
        color: #333;
        border-bottom-color: currentColor;
    }

    /*Sous-rubrique active*/
    .sous-menu > ul > li > a {
        border-bottom: 1px solid #fff;
    }
    .sous-menu > ul > li > a:hover {
        border-color: #CDDDEA;
    }
    .sous-menu > ul > li > a.active {
        border-color: #125687;
    }


    .sous-menu li.active > a,
    .sous-menu a.active {color:#125687;}

    .sous-menu li.active > ul{display:block;}



    /*  ------------------------------------------------
    ::  MENU Compte client
    --------------------------------------------------*/
    .menu-compte-client .fa{display: none;}
    /*  ------------------------------------------------
    ::  MENU HAUT
    --------------------------------------------------*/

    .menu-haut a {
        font-weight: normal;
    }

    /*
    .menu-haut li {
        display:inline-block;
        border-left:1px solid #CDDDEA;
        padding:0 4px 0 5px;
        line-height: 1;
    }
    .menu-haut li:first-child {border:none;padding-left: 0;}
    .menu-haut a {border-bottom: 1px dotted #fff;padding-bottom:4px;color:#88ADC7;}
    .menu-haut a:hover,
    .menu-haut a.active{border-bottom-color:#88ADC7;color:#125687;}
    */

    /*  ------------------------------------------------
    ::  MENU FOOTER
    --------------------------------------------------*/
    .menu-footer ul a{
        margin-bottom: 2px;
        position: relative;
        line-height: 1.1;
        display: inline-block;
        padding-left: 9px;
     }
    .menu-footer ul a:before{
        display: inline-block;
        content: '';
        height: 4px;
        width: 4px;
        position: absolute;
        top: 5px;
        left: 0;
        background: #666;
        overflow: hidden;
        vertical-align: middle;
        border-radius: 50%;
    }

    .website-footer a {
        color:#333;
    }

    .footer-principal a:hover,
    .footer-principal a.active{text-decoration: underline;}
    /*.footer-principal .image-link:hover{border-bottom-color: transparent;}*/


    /*  ------------------------------------------------
    ::  MENU MOBILE
    --------------------------------------------------*/
    .menu-mobile-init {
       -webkit-transform:none !important;
       transform :none !important;
    }

    #menu-mobile-container {display:none;}
    #jPanelMenu-panel   {height:0;}


    .menu-mobile-container {background:#222;height: 0;overflow-x: scroll;}

    .menu-mobile {
        border-top:5px solid rgba(255, 255, 255, 0.2);font-size:93%;
        -webkit-transform : translate3d(0,0,0);
        -moz-transform    : translate3d(0,0,0);
        -o-transform      : translate3d(0,0,0);
        -ms-transform     : translate3d(0,0,0);
        transform         : translate3d(0,0,0);
    }

    .menu-mobile-footer-main-menu .menu-mobile-niveau-1{
        font-family:"proximanova", helvetica, arial, sans-serif;
        font-weight: bold;font-size:14px;
        font-style: normal;
        text-transform:uppercase;
    }

    /* BOUTON DEPLIER NAV INFERIEURE */
    .menu-mobile-deplier {position: relative;}
    .deplier-bouton {
        border-left:1px solid  rgba(255,255,255,0.2);
        color:rgba(255,255,255,0.5);
        position: absolute;
        right: 0;top: 0;bottom: 1px;
        padding:10px 13px 0;
    }

    .deplier-bouton:hover,
    .deplier-bouton.active { background:rgba(0,0,0,0.2);color:#fff;}

    .deplier-bouton.active .fa-chevron-down {display:none;}
    .deplier-bouton .fa-chevron-up {display:none;}
    .deplier-bouton.active .fa-chevron-up {display:inline-block;}

    /*Niveau 1*/
    .menu-mobile .menu-mobile-niveau-1 {
        padding:10px 50px 10px 11px;
        color:#eee;display: block;
        border-bottom:1px solid rgba(255,255,255,0.2);
    }
    .menu-mobile .menu-mobile-niveau-1:hover{color:#ddd;}
    .menu-mobile li.active .menu-mobile-niveau-1,
    .menu-mobile .menu-mobile-niveau-1.active{ background:#88ADC7;color:#fff; }

    /*Niveau 2*/
    .menu-mobile-1 > ul{
        list-style-type:square;
        color:#888;display:none;
        padding:10px 10px 10px 28px;
        margin:0;
        border-bottom:1px solid rgba(255,255,255,0.2);
        background:#222;
    }
    .menu-mobile-2 > ul{
        margin-bottom:3px;
        list-style-type:circle;
        padding:5px 0 7px 10px ;
    }

    .menu-mobile-2 a:hover{color:#fff;}
    .menu-mobile-2 li.active > a{color:#fff;}
    .menu-mobile-2 li.active > a,
    .menu-mobile-2 a.active {color:#fff;}

    /*Niveau 3 */
    .menu-mobile-2 ul {border-bottom:none;}

    .menu-mobile-2 ul{padding-left:20px;padding-top:7px;}
    .menu-mobile li.active ul {font-size:12px;}

    .menu-mobile li li a{ color:#bbb; margin:2px 0; display:block;}



    /*  ------------------------------------------------
    ::  section langue et devise
    --------------------------------------------------*/
    .menu-mobile-section {
        color:#fff;padding:20px 10px;
    }


    .menu-mobile-section select {
        color:#fff;
        background: transparent;
        border:1px solid #999;
        text-transform: none;
        font-size: 13px;
        background:#000;
    }
    .menu-mobile-section select:hover,
    .menu-mobile-section select:focus{
        border-color: #fff;
    }

    .menu-mobile-section option {
        color: #444;
    }

    .menu-mobile-section-titre {
        margin-bottom: 5px;
    }

    /*  ------------------------------------------------
    ::  Devise
    --------------------------------------------------*/
    .menu-devise  {
        margin-left: 20px;
    }
    .menu-devise a {
          display: inline-block;
          border-bottom: 4px solid #fff;
          height: 34px;
          padding-top: 4px;
          margin-bottom: -3px;
    }
    .menu-devise a:hover {
         border-color: #cdddea;
    }


    .menu-devise a.active {
        border-color: #125687;
        color: #125687;
    }

    /*  ------------------------------------------------
    ::  mini-nav
    --------------------------------------------------*/
    .mini-nav {
        margin:10px 0 15px;
        clear: both;
    }
    .btn-mini-nav {
        display: block;
        padding: 5px 0;
        border-top: 1px solid #88adc7;
        border-bottom: 1px solid #88adc7;
    }
    .btn-mini-nav:hover {
        background:#f5f5f5;
    }
    .btn-mini-nav + .btn-mini-nav {
        margin-top: -1px;
    }



/*  ------------------------------------------------
::
::   FOOTER DU SITE
::
--------------------------------------------------*/
    .website-footer  {
        color: #333;
        line-height: 1.2;
        text-align:     center;
    }

    .footer-principal {
        position:relative;
        border-bottom:1px solid #d6d6d6;
        padding:35px 0 10px;
    }

    .footer-secondaire {
        padding:5px 0 5px;
    }

    .footer-section-titre {
        letter-spacing: 0.01em;
        font-size: 14px;
        display: block;
        margin-bottom: 3px;
        line-height: 1.2;
        text-transform: uppercase;
        font-style: normal;
        font-family: 'proximanova', helvetica, arial, sans-serif;
    }

    .footer-section {
        margin-bottom: 10px;
    }
    .footer-section p {
        margin-bottom:7px;
    }

    .logo-footer {
        max-width: 140px;
        width: 85%;
    }

    .footer-menu-social a {
        text-decoration: none !important;
        margin-right: 6px;
    }

    .footer-epv .image-link {
        width: 170px;
    }

    .footer-info-paiement img {
        height: 29px;
    }
/*  ------------------------------------------------
::
::   PLUGINS
::
--------------------------------------------------*/

    /*  ------------------------------------------------
    :: OWL SLIDER
    --------------------------------------------------*/

    .owl-carousel-overflow {overflow:hidden;      position: relative;}



    /*pagination*/
    .owl-controls {
        text-align: center;
        margin-top:10px;
        position: relative;
        z-index: 2;
        -webkit-transform : translate3d(0,0,0);
        -moz-transform    : translate3d(0,0,0);
        -o-transform      : translate3d(0,0,0);
        -ms-transform     : translate3d(0,0,0);
        transform         : translate3d(0,0,0);
    }


    .owl-next,
    .owl-prev {
        color:#88ADC7;
        z-index: 2;
        position: absolute;
        top: 0;
    }

    .owl-controls .disabled {opacity: 0.4;}

    .owl-next {right:0;}
    .owl-prev {left:0;}

    .owl-custom-next,
    .owl-custom-prev {
        position: absolute;
        color:#88ADC7;
        top:100%;
        margin-top:5px;
        z-index: 2
    }
    .owl-custom-next {
        right: 0;
    }
    .owl-custom-prev {
        left:0;
    }

        .owl-page {
        border-radius:30px;width: 11px; height: 11px; display: inline-block;
        cursor: pointer;text-indent: -9999px;overflow:hidden;
        border:2px solid #88ADC7;margin:0 2px;
    }

    .owl-page:hover {background:#eee;}
    .owl-page.active { cursor: default;background:#88ADC7;}

    /* ====================================================================================================================
     * flexslider
     * ====================================================================================================================*/
    .flexslider {
      margin: 0;
      padding: 0;
    }
    .flexslider .slides  {
      list-style:none;
      margin: 0;
      padding: 0;
    }
    .flexslider .slides > li {
      display: none;
      margin: 0;
      -webkit-backface-visibility: hidden;
    }
    .flexslider .slides img {
      width: 100%;
      display: block;
    }
    .flexslider .slides:after {
      content: "\0020";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
    }
    html[xmlns] .flexslider .slides {
      display: block;
    }
    * html .flexslider .slides {
      height: 1%;
    }
    .no-js .flexslider .slides > li:first-child {
      display: block;
    }

/*------------------------------------------------
::
::   Elements de base (liens sur image, fil d'ariane, etc )
::
--------------------------------------------------*/

    /*  ------------------------------------------------
    :: Bloc lien (avec images ou sans image de fond)
    --------------------------------------------------*/
    .bloc-lien {
        display: block;
        text-align: center;
        -webkit-transform : translate3d(0,0,0);
        -moz-transform    : translate3d(0,0,0);
        -o-transform      : translate3d(0,0,0);
        -ms-transform     : translate3d(0,0,0);
        transform         : translate3d(0,0,0);
        padding:35px 10px;
        margin-bottom:20px;
        position: relative;
    }

    .bloc-lien-sm {
        padding:0 10px ;
    }
    .bloc-lien-sm  .bloc-lien-icone{
        width: 50px;
        height: 50px;
        line-height: 49px;
        font-size:25px;
    }
    .bloc-lien-light .bloc-lien-icone{
        background-color:#88ADC7;
    }

    .bloc-lien-light:hover,
    .bloc-lien-light{
        color:#88ADC7;
    }


    .bloc-lien-texte-container {
        position: relative;
        z-index: 2;
    }

    .bloc-lien-icone {
        display: inline-block;
        width: 67px;
        height: 67px;
        margin-bottom: 7px;
    }

    .bloc-lien-icone.icone-no-bg {
        width: auto;
        height: auto;
        background: none;
        color:inherit;
        line-height: 1.2;
    }

    .bloc-lien-titre {
        font-weight: bold;
        margin-bottom: -2px;
    }

    .bloc-lien:hover {
        opacity:0.7;
    }


    /*Si image de fond*/

    .bloc-lien-bg {
        color:#fff;
        background:#125687;

    }
    .bloc-lien-bg:focus,
    .bloc-lien-bg:hover {
        color:#fff;
        opacity: 1;
    }
    
   


    .bloc-lien-img {
        color:#fff;
        opacity:1;
        position: absolute;
        top:0;
        bottom:0;
        right:-1px;
        left:0;
        background-position: center center;
        background-size: cover;
    }

    .bloc-lien-bg:hover .bloc-lien-img {
        opacity: 0.5;
    }

    .bloc-lien-vintage .bloc-lien-img {
        background-image: url('../img/bloc-lien-vintage.jpg');
    }
    .bloc-lien-communaute .bloc-lien-img {
        background-image: url('../img/bloc-lien-communaute.jpg');
    }
    .bloc-lien-blog .bloc-lien-img {
        background-image: url('../img/bloc-lien-blog.jpg');
    }

    .bloc-lien-createur .bloc-lien-img {
        background-image: url('../img/bloc-lien-createur-2.jpg');
    }

    .bloc-lien-personnaliser .bloc-lien-img {
        background-image: url('../img/bloc-lien-personnaliser-2.jpg');
    }

    .bloc-lien-reparation .bloc-lien-img {
        background-image: url('../img/bloc-lien-reparation-2.jpg');
    }

    .bloc-lien-actualites .bloc-lien-img {
        background-image: url('../img/bloc-lien-actualites-2.jpg');
    }


    .bloc-createur-footer .bloc-lien-createur {
		margin:30px 0 0;
    }

    .node-produit-outils .bloc-lien-createur {
		height: 210px;
		margin:20px 0;
    }

    .node-produit-outils .bloc-lien-createur .bloc-lien-img {
    	background-position: 20% center;
    }

    /*Si bloc carré*/
    .bloc-lien-carre {
        /*padding:0 0 75% 0;*/
        height: 280px;
    }

    .bloc-lien-carre .bloc-lien-texte-container {
        position: absolute;
        left: 10px;
        right: 10px;
        margin-top:-60px;
        top:50%;
    }

    .strate-univers {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    /*  ------------------------------------------------
    :: liens avec un picto (flèches ect.)
    --------------------------------------------------*/
    .lien-picto {display:inline-block;}

    .lien-picto .sprite-ir {
        display:inline-block;
        width: 11px;
        height: 11px;
        position: relative;
        top: 1px;
        background:url(../img/sprite-main.png) no-repeat -293px -10px;
        -webkit-transition:all 0.3s ease;
        -moz-transition   :all 0.3s ease;
        -o-transition     :all 0.3s ease;
        -ms-transition    :all 0.3s ease;
        transition        :all 0.3s ease;
    }

    .lien-picto:hover .sprite-ir {background-position: -282px -10px;}

    /*  ------------------------------------------------
    :: Breadcrumbs - Fil d'ariane
    --------------------------------------------------*/
        .front .fil-ariane {display: none;}

        .fil-ariane {margin-bottom:1em ;}
        .breadcrumb {background: none;margin:0;}
        .breadcrumb > li+li:before{content:"\f105";font-family: "FontAwesome";font-style: normal;}
        .breadcrumb a{color:#999;}
        .breadcrumb a{color:#999;}
        .breadcrumb a:hover{color:#666;}

    /*  ------------------------------------------------
    :: Elmement separe
    --------------------------------------------------*/
        .element-separe:after {content:" | ";opacity:0.5;}
        .element-separe-tiret:after {content:" - ";}
        .element-separe-virgule:after {content:", ";}
        .element-separe-slash:after {content:" / ";}

        .element-separe:last-child:after,
        .element-separe-tiret:last-child:after ,
        .element-separe-virgule:last-child:after,
        .element-separe-slash:last-child:after {content:"";}


    /*  ------------------------------------------------
    :: Retour / Précédent
    --------------------------------------------------*/
    .retour-lien {
        margin:0 0 23px;
        padding: 0 0 2px 1px;
        text-transform: uppercase;
        position: relative;
        border-bottom:2px solid #125687;
        display: block;
        color:#125687;
        font-size: 14px;
        max-width: 220px;
    }

    .retour-lien:hover {
        border-bottom-color: #88ADC7;
        color: #88ADC7;
    }

    /*  ------------------------------------------------
    ::  Encadre aide
    --------------------------------------------------*/

    .encadre-aide-container {
       border-bottom: 1px solid #CDDDEA;
         margin-bottom: 30px;
        padding-bottom: 4px;
    }

     .encadre-aide-container .encadre-aide {
        font-size: 15px;
        margin: 0;
    }

    .encadre-aide-texte {
        margin-bottom:8px;
    }

   .module-personnalisation .encadre-aide-container {
       border:none;
       margin-bottom: 15px;
    }

    .aide-mail,
    .aide-tel {
        display: inline-block;
        margin:0 15px;
    }





    /*-------------------------------------------------
    :: Images & Transition pour images entourés d'un lien
    --------------------------------------------------*/
        figure img,
        figure object,
        figure embed,
        .image-container img,
        .image-link img {
            max-width:100%;
        }

        figure ,
        .image-container ,
        .image-link  {
            max-width:100%;
            -webkit-transform : translate3d(0,0,0);
            -moz-transform    : translate3d(0,0,0);
            -o-transform      : translate3d(0,0,0);
            -ms-transform     : translate3d(0,0,0);
            transform         : translate3d(0,0,0);
        }
        .module-perso-v2 figure
        {
          -webkit-transform : none;
            -moz-transform    : none;
            -o-transform      : none;
            -ms-transform     : none;
            transform         : none;
        }

        .image-link {position:relative;display:inline-block;max-width:100%;}
        a:hover figure,
        a.overflown figure,
        .image-link:hover {opacity:0.75;text-decoration:none;}


    /*-------------------------------------------------
    :: Images pleines dans figure
    --------------------------------------------------*/
        figure.image-pleine a,
        figure.image-pleine img {width: 100%;}

    /*-------------------------------------------------
    :: EFFET DE ZOOM SUR IMAGE
    --------------------------------------------------*/
        .effet-zoom img{
            -webkit-transition: all .5s;
            -moz-transition   : all .5s;
            -o-transition     : all .5s;
            -ms-transition    : all .5s;
            transition        : all .5s;
        }

        .csstransitions a.effet-zoom figure,
        .csstransitions .image-link.effet-zoom {overflow: hidden;}

        .csstransitions a.effet-zoom:hover {
            opacity: 1;
        }
        .csstransitions a.effet-zoom:hover figure img,
        .csstransitions .image-link.effet-zoom:hover img{
            opacity:1;
            -webkit-transform :scale(1.08) translate3d(0,0,0);
            -moz-transform    :scale(1.08) translate3d(0,0,0);
            -o-transform      :scale(1.08) translate3d(0,0,0);
            -ms-transform     :scale(1.08) translate3d(0,0,0);
            transform         :scale(1.08) translate3d(0,0,0);
        }

    /*-------------------------------------------------
    :: Addthis Barre de partage
    --------------------------------------------------*/
    .addthis_toolbox {min-height:40px;padding-top: 7px;clear: both;}
    .addthis_toolbox > a {height:21px;overflow:hidden;margin:0 0 4px;display: inline-block !important;float:none !important;}
    .addthis_button_facebook_like {width:105px !important; }
    .addthis_button_tweet {width:105px !important; }
    .addthis_button_google_plusone {width:80px !important; }



    /*------------------------------------------------
    ::  Block Newsletter
    --------------------------------------------------*/
    .form-newsletter-container {
        display:inline-block;
    }

    .form-newsletter-container input::-webkit-input-placeholder {
        color: #aaa;
    }

    .form-newsletter-container input:-moz-placeholder {
        color: #aaa;
    }

    .form-newsletter-container input::-moz-placeholder {
        color: #aaa;
    }

    .form-newsletter-container input:-ms-input-placeholder {
        color: #aaa;
    }

    .form-newsletter-container input {
        border-color:#888;
        color:#666;
    }
    .form-newsletter-container .btn {
       background-color:#666;
        color:#fff;
    }
     .form-newsletter-container .btn:hover {
       background-color:#444;
    }
    .form-newsletter-titre {margin-bottom:5px;}
    .form-newsletter {position:relative;max-width: 330px;}

    #newsletterresult {display:none;margin-bottom:10px;}

    /*------------------------------------------------
    ::  Block rechercher
    --------------------------------------------------*/
    .block-form-recherche input[type="text"] {
        width:160px;display:inline-block;vertical-align: middle;
    }

    /*------------------------------------------------
    :: Blocks vidéos youtube dailymotion etc. responsive
    --------------------------------------------------*/
    .video-block { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
    .video-block iframe,
    .video-block object,
    .video-block embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .youtube-video-block{ padding-top: 30px; }


    /*------------------------------------------------
    :: Retour haut de page
    --------------------------------------------------*/
    .retour-haut {
    	position: fixed;
        bottom: 20px;
        right: 20px;
        width:36px;
        height:36px;
        z-index: 20;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
        cursor: pointer;
        width:36px;
        height:36px;
        background-position:-104px 0;
        display:none;
    }

    .retour-haut:hover {opacity:0.9;}

    /*------------------------------------------------
    :: Plan du site
    --------------------------------------------------*/
    .plan-site {margin-bottom:1em;}
    .plan-site-menu {list-style-type:none;margin-bottom:20px;}
    .plan-site-menu:last-child {border:none;}
    .plan-premier-niveau h5 {margin-bottom:5px;}
    .plan-premier-niveau ul {font-size: 93%;margin-bottom:1em;margin-left: 5px;}
    .plan-second-niveau a{color:#999;}
    .plan-second-niveau a:hover{color:#000;}

   /*------------------------------------------------
    :: Loader Ajax
    --------------------------------------------------*/
    .no-cssanimations #fancybox-loading,
    .no-cssanimations .website-container .ajax-progress,
    .no-cssanimations .website-container .checkout-processing {
      position:fixed;top:50%;left:50%;
      display: inline-block;z-index:9999;
      margin: -35px 0 0 -35px;
      padding:7px;
      border-radius:50px;
      overflow: hidden;
      background:#fff;
      box-shadow:0 0 6px #666;
    }

    .no-cssanimations #fancybox-loading div,
    .no-cssanimations .website-container .checkout-processing ,
    .no-cssanimations .website-container .ajax-progress .throbber {
      background: transparent url(../img/ajaxLoader.gif) !important;
      height: 43px;
      width: 43px;
    }

    .website-container .ajax-progress .throbber + *   {
        display:none;
    }

    .cssanimations .website-container .ajax-progress .throbber,
    .cssanimations .website-container .checkout-processing {background: none}

    .cssanimations #fancybox-loading,
    .cssanimations .website-container .checkout-processing,
    .cssanimations .website-container .ajax-progress  {
        height: 50px;
        width: 50px;
        position:fixed;
        top:50%;
        left:50%;
        z-index: 10;
        margin: -25px 0 0 -25px;
        border-radius: 50px;
        background: #88ADC7 ;
        -webkit-animation: scaleout 0.8s infinite ease-in-out;
        animation: scaleout 0.8s infinite ease-in-out;
    }
    .cssanimations #fancybox-loading {
        z-index: 8060;
        background:#fff;
    }

    @-webkit-keyframes scaleout {
        0% { -webkit-transform: scale(0.0) }
        100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
        }
    }

    @keyframes scaleout {
        0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
        } 100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
        }
    }



/*------------------------------------------------
::
::    LISTE DE NODE
::
--------------------------------------------------*/

    .node-liste-container {margin-bottom: 10px;}
    .node-liste {clear: both;}
    .node-liste figure img {display: block;}




   .node-liste-header.without-filter .liste-filtre-container,
   .node-liste-header.without-filter .liste-affichage-container {
        display: table-cell;
        vertical-align: bottom;
    }

    /*------------------------------------------------
    :: FILTRE
    --------------------------------------------------*/


    .liste-recherche-content {margin-bottom:1em;}
    .liste-recherche-content label{
        text-transform: uppercase;
        margin-bottom: 2px;
        margin-top:10px;
        display: block;
    }
    .liste-recherche-content .form-group{
      margin-right: 15px;
    }

    .liste-recherche-content .selected {
        color:#CDDDEA;
    }


    .liste-recherche-content .selected select {
        border-color:#428BCA;
    }


    .liste-recherche-reset {color:#999;}
    .liste-recherche-reset:hover {color:#222;}
    .liste-recherche-buttons{text-align:center;margin-top:10px;}



    .node-liste-sub-header-titre {display:inline-block;}
    .node-liste-sub-header-titre a{color:#000;}
    .node-liste-sub-header-titre a:hover{color:#666;}

    /*------------------------------------------------
    :: AFFICHAGE Bouton
    --------------------------------------------------*/
    .liste-affichage {text-align:right;}
    .liste-affichage a {display:inline-block;margin-left:0.5em;color:#CDDDEA;line-height: 0.8}
    .liste-affichage a:hover,
    .liste-affichage a.active{color:#88ADC7;}
    .liste-affichage a span {display: none;}

    .liste-affichage a:before {
        display:inline-block;
        font-size: 28px;
        font-family: "FontAwesome";position: relative;
        font-style: normal;
    }

    .affichage-mosaique-bouton:before   {content:"\f009";top:3px;}
    .affichage-liste-bouton:before      {content:"\f00b";top:3px;}
    .affichage-carte-bouton:before      {content:"\f041";top:1px;}
    .affichage-planning-bouton:before   {content:"\f0cb";top:2px;}
    .affichage-calendrier-bouton:before {content:"\f073";}

    /*------------------------------------------------
    :: AFFICHAGE Bouton
    --------------------------------------------------*/
    .liste-filtre {margin-bottom: 1.2em;}
    .liste-filtre:last-child {margin-bottom: 10px;}
    .liste-filtre-titre {margin-bottom: 3px}

    /*------------------------------------------------
    :: AFFICHAGE Mosaique
    --------------------------------------------------*/
    .mosaique-item {
        background:#fff;
        display:block;
        margin:0 0 20px 0;
    }

    .mosaique-infos {color:#999;}
    .liste-date-evenement,
    .mosaique-date-evenement {
        color:#88ADC7;
        margin:6px 0;
        padding: 3px 6px;
        border: 1px solid #CDDDEA;
        display: inline-block;
        line-height: 1.2;
    }
    .mosaique-titre {color:#125687;}
    .mosaique-texte {color:#666;padding-top: 8px;}
    .mosaique-resume {display: none;font-size:93% ;margin:5px 0 0 ;}
    .mosaique-item:hover .mosaique-titre {color:#092B44;}

    .mosaique-item figure {
        overflow: hidden;
        position:relative;
        top: 0;left: 0;
        -webkit-transition:all 0.3s ease;
        -moz-transition   :all 0.3s ease;
        -o-transition     :all 0.3s ease;
        -ms-transition    :all 0.3s ease;
        transition        :all 0.3s ease;
    }
    .mosaique-item img {
        -webkit-transition: opacity 0.3s ease;
        -moz-transition   : opacity 0.3s ease;
        -o-transition     : opacity 0.3s ease;
        -ms-transition    : opacity 0.3s ease;
        transition        : opacity 0.3s ease;
    }
    .resume-ellipsis {color:#ccc;}

    /*------------------------------------------------
    :: AFFICHAGE LISTE
    --------------------------------------------------*/
    .node-liste-container article:first-child .liste-item {border-top:none;}
    .liste-item {clear:both;padding:1em;border-top:1px solid #CDDDEA;display:block;}

    .liste-image {float:left;width:28%;margin-right:2%;overflow:hidden;}
    .liste-texte {float:right;width:70%;color:#666;}
    .liste-titre {color:#125687;}

    .liste-item:hover .liste-titre {color:#092B44;}

    .liste-resume {margin:8px 0 0;}
    .liste-date {color:#999;}
    .liste-date-evenement {color:#88ADC7;}

    .small-node-liste .liste-item {float:left;width:50%;}



    /*------------------------------------------------
    :: AFFICHAGE CARTE
    --------------------------------------------------*/

    .node-liste-carte ,
    .node-liste-carte .google-maps-container {clear:both;width:100%;height:550px;background:#eee;}

    .google-maps-container img {max-width: none;}
    .bubblemap-container .image-link img,
    .bubblemap-container figure img {max-width:100%;height: 140px;}

    .node-google-maps-container *,
    .google-maps-container *{
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box ;
    }

    .bubblemap-container,
    .bubblemap-container *{
        -moz-box-sizing: border-box ;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        *behavior: url(/sites/all/themes/tssks/js/libs/boxsizing.htc);
    }

    .node-google-maps-container ul,
    .google-maps-container ul{list-style:none;margin:0;padding:0;}
    .bubblemap-container {overflow:hidden;}

    .bubblemap-container a.btn-google-maps {display: block;}
    .map-adresse strong{font-size: 113%;}

    /*  ------------------------------------------------
    ::  Slider carte
    --------------------------------------------------*/
    .slider-carte-overflow {width:230px;}
    .slider-carte-container {margin:0 -5px;}

    .slider-carte-container  .owl-next,
    .slider-carte-container  .owl-prev {display:inline-block;}
    .slider-carte-container  .owl-buttons {margin-left:20px;}

    .slider-carte-container  .owl-buttons .disabled {opacity:0.3;}
    .slider-carte-container  .owl-buttons .disabled:hover .btn {cursor:default;}

    .slider-carte-container .item{padding:0 5px;}
    .map-lien   {display:block;position: relative;overflow: hidden;}
    .map-image  {margin-bottom:8px;}
    .map-date   {color:#88ADC7;}
    .map-titre  {color:#88ADC7;margin-bottom:6px;}
    .map-resume {display:none;}


    /*------------------------------------------------
    :: Fichiers mosaique
    --------------------------------------------------*/
    .liste-fichiers-mosaique .mosaique-texte {padding:10px;}

    /*------------------------------------------------
    :: Actualités
    --------------------------------------------------*/
    .liste-actualites .filter-type-tag label {display:block;opacity: 0;}
    .liste-tri .liste-filtre-titre {display: none;}

    /*------------------------------------------------
    :: LIste enfants
    --------------------------------------------------*/
    .enfant-item {
        background: #125687;
        position: relative;
        display: block;
        margin-bottom: 20px;
    }

    .enfant-item img {
        opacity: 0.6;
        transition:opacity .3s ease;
    }

    a.enfant-item:hover figure,
    a.enfant-item:hover img {
        opacity:1;
    }

    .enfant-item .enfant-titre {
        position: absolute;
        top:50%;
        left: 20px;
        right: 20px;
        text-align: center;
        color:#fff;
        margin-top: -12px;
    }

    /*------------------------------------------------
    :: Mediatheque
    --------------------------------------------------*/
    .liste-mediatheque .row {margin-left:-1px;margin-right: -1px;}
    .liste-mediatheque article {padding:1px;}
    .mediatheque-item {display: block;}

    .mediatheque-item.document:before,
    .mediatheque-item.video:before {
        font-family: "FontAwesome";
        font-style: normal;
        position: absolute;
        content:'\f04b';
        color:#fff;
        display: block;
        font-size: 70px;
        line-height: 1em;
        margin-top:-0.5em;
        top:50%;
        left:0;right: 0;text-align:center;
        z-index: 1;
    }

    .mediatheque-item.document:before {
        content:'\f15c';
    }

    .mediatheque-infos {color:#555;}
    .mediatheque-texte {
        -moz-transform   :scale(0.94);
        -ms-transform    :scale(0.94);
        -o-transform     :scale(0.94);
        -webkit-transform:scale(0.94);
        transform        :scale(0.94);
        opacity:0;
        color:#000;
        position: absolute;
        z-index: 2;
        bottom: 10px;
        background: rgba(255, 255, 255, 0.8);
        left: 10px;
        right: 10px;
        padding: 10px;
    }
    .mediatheque-item:hover .mediatheque-texte{
        -moz-transform   :scale(1);
        -ms-transform    :scale(1);
        -o-transform     :scale(1);
        -webkit-transform:scale(1);
        transform        :scale(1);
        opacity:1;
    }


    /*------------------------------------------------
    :: AFFICHER PLUS
    --------------------------------------------------*/
    .afficher-plus-bouton {
       padding:15px 10px;
       margin:10px 0 ;
    }


    /*  ------------------------------------------------
    ::  RESUME POPUP
    --------------------------------------------------*/
    .node-popup-resume  {padding-bottom: 50px;}
    .node-popup-resume .node-content {padding-top: 20px;}
    .node-popup-resume .bloc-lien-createur,
    .node-popup-resume #toolbar {display: none;}
    .node-popup-resume  {padding:0;margin:0;}


    /*  ------------------------------------------------
    ::  Liste produits
    --------------------------------------------------*/
    .produit-item {display: block;color:#356f99;}
    .produit-texte {margin-top:5px;position: relative;z-index: 2;}
    .produit-titre {line-height: 0.9;}
    .produit-texte > div {line-height: 1;}
    .produit-prix {color:#88ADC7;}
    .produit-famille-container {text-transform: none;color:#88ADC7;margin-bottom: 5px;}
    .produit-famille,
    .produit-sous-famille {display: none;}
    .front .produit-famille {display: block;}
    .produit-item-container {margin-bottom: 20px;}

    /*  ------------------------------------------------
    ::  Liste produits slider
    --------------------------------------------------*/
    /*désactive layout bootstrap*/
    .liste-produits-slider .row {margin:0;}
    .liste-produits-slider .produit-item-container {
        width: 100%;
        padding:0;
        margin-bottom: 0;
    }

    .liste-produits-slider .owl-item {
        padding:0 10px;
    }
    .liste-produits-slider .owl-controls {
        margin:10px 10px 0;
    }

    .liste-produits-slider-container{margin:0 -10px;}


/*------------------------------------------------
::
::    FORMULAIRE REPARATION
::
--------------------------------------------------*/
    .formulaire-reparation {
        max-width: 740px;
    }

    .formulaire-reparation .container-inline-date .date-padding{
        float: none;
        padding: 0;
    }

    .formulaire-reparation .container-inline-date .form-item,
    .formulaire-reparation .container-inline-date .form-item input {
        width: 100%;
    }

    .formulaire-reparation .form-item-taille {
        clear: both;
    }

    .formulaire-reparation hr {
        margin: 30px 0;
    }

    .formulaire-reparation .portrait-container {
        width: 80px;
        margin-bottom: 10px;
    }

    #label-photo {
        margin-top: 10px;
    }

    .formulaire-reparation .reparation-photo-item {
        margin: 10px 15px 10px 0;
        float: left;
    }

    .formulaire-reparation #edit-photos .form-type-file {
        margin: 10px 15px 10px 0;
        clear: both;
    }

    .form-item-particularite {
        margin-bottom: 30px;
    }

    .clear-left {
        clear: left;
    }

    .form-control.error {
        border-width:1px !important;
    }


/*------------------------------------------------
::
::    FAQ
::
--------------------------------------------------*/
.faq-item {
    border:1px solid #CDDDEA;margin-bottom:10px;position: relative;
}
.faq-liste-container > ul {
    list-style: none;
    margin:0;
    padding:0;
}
.faq-question {
    display: block;
    padding:10px 30px 10px 10px;
    position: relative;
    color:#88ADC7;
    text-transform: none;
}

.faq-question:hover,
.faq-question.active {
   color:#125687;
}

.faq-reponse {
    border-top:1px dashed #CDDDEA;
    padding:10px 10px;
    line-height: 1.3;
}
.faq-reponse p{
    margin:0 0 8px;
}
.js .faq-reponse {
    display: none;
}

.faq-question .fa-plus {
    position: absolute;top:13px;right:10px;color:#CDDDEA;
}

.faq-question.active .fa-plus {
    opacity:1;
    -webkit-transform:rotate(45deg);
    -o-transform     :rotate(45deg);
    -moz-transform   :rotate(45deg);
    transform        :rotate(45deg);
}







/*------------------------------------------------
::
::    NODE :  gabarits génériques + pages spécifiques
::
--------------------------------------------------*/

    .node-titre:empty {
        display: none;
    }
    .node-titre {
        margin-bottom:30px;
        color:#125687;
        font-weight: bold;
    }

    /*------------------------------------------------
    :: Illustration
    --------------------------------------------------*/
    .node-illustration {margin-bottom:20px;}

    /*------------------------------------------------
    :: Affichage
    --------------------------------------------------*/
    .node-info-date-lieu {display: none;}
    .actualite  .node-info-date-lieu {display: block;margin-bottom: 20px;}
    .node-date-affichage {}
    .node-lieu-affichage {}

    /*------------------------------------------------
    :: Date de publication ( affichée si actualité)
    --------------------------------------------------*/
    .node-date {color:#999;display:none;}
    .actualite .node-date {display:inline-block;}

    /*------------------------------------------------
    :: Theme
    --------------------------------------------------*/
    .node-theme {text-transform: uppercase;}

    /*------------------------------------------------
    :: Encadré
    --------------------------------------------------*/
    .encadre {background:#EFF3F7;padding:12px ;margin-bottom:1.2em; color:#125687;}
    .encadre :first-child {margin-top:0;}
    .encadre :last-child  {margin-bottom:0;}

    /*------------------------------------------------
    :: Galerie photos
    --------------------------------------------------*/
    .node-galerie-photo-item {margin-bottom:20px;display:block;}
    .node-galerie-photo-item img {width: 100%;}

    .no-sous-menu-container .node-galerie-photo-item .col {width: 25%;}


    /*------------------------------------------------
    :: slider mosaique Galerie photos
    --------------------------------------------------*/
    .slider-mosaique-galerie-photo-container {margin:0 -5px 15px;}
    .slider-mosaique-galerie-photo .owl-controls{margin:8px  5px 0;}
    .slider-mosaique-galerie-photo .owl-item {padding:0 5px;}


    /*------------------------------------------------
    :: SLIDER Galerie photos
    --------------------------------------------------*/
    .slider-galerie-photo-container {margin-bottom:1.2em;}

    /*------------------------------------------------
    :: Galerie videos Liste
    --------------------------------------------------*/
    .node-galerie-video .video-block {margin-bottom:1.2em;}

    /*------------------------------------------------
    :: Galerie video Mosaique
    --------------------------------------------------*/
    .node-galerie-video-mosaique a {margin-bottom: 20px;}

    .node-galerie-video-slider-item:before,
    .node-galerie-video-mosaique a:before {
        font-family: "FontAwesome";
        position: absolute;
        content:'\f04b';
        color:#fff;
        display: block;
        font-size: 50px;
        line-height: 1em;
        margin-top:-0.5em;
        top:50%;left:0;right: 0;
        text-align:center;
        z-index: 1;
        font-style: normal;
    }

    /*Correctif fancybox*/

    .fancy-media-container .fancybox-nav {width: 70px;bottom:30%;top:30%;height: auto;}
    .fancy-media-container .fancybox-inner {background:#000;}

    /*------------------------------------------------
    :: Galerie video Slider
    --------------------------------------------------*/
    .galerie-video-slider {margin-bottom: 1.2em;}

    /*Description*/
    .video-slider-description-wrapper{
        position:relative;
        z-index: 2;
        background:#f5f5f5;
        height:124px;
        overflow-y:auto;
        overflow-x:hidden;
        padding:10px;
        word-wrap:break-word;
        width:     100%;
    }


    .video-slider-copyright {
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #ddd;
        display: block;
    }

    .video-slider-copyright,
    .video-slider-description-texte {
        font-size: 85%;
        color:#666;
        word-wrap:break-word;
    }

    .video-slider-description-wrapper a{
        color:#000;text-decoration: underline;
    }

    .video-slider-description-wrapper a:hover{
        color:#444;
    }

    /*Ecran actif*/
    .galerie-video-slider-actif {
        position: relative;
    }


    /*NAVIGATION*/
    .slider-video-nav-container {margin:10px -5px 10px;position: relative;overflow: hidden;}
    .slider-video-nav-container .item{margin:0  5px;}

    .node-galerie-video-slider-item {
        overflow:hidden;
        position:relative;
    }


    .slider-video-nav-titre{
        position:absolute;
        bottom:2px;
        left:5px;
        right:5px;
        color:#fff;
        text-align:center;
        opacity:0;
        z-index: 2;
    }


    /*actif du slider*/
    .node-galerie-video-slider-item.active { opacity:0.6; }

    .node-galerie-video-slider-item.active .slider-video-nav-titre,
    .node-galerie-video-slider-item:hover .slider-video-nav-titre  { opacity:1; }

    .node-galerie-video-slider-item:before {opacity:0;}

    .node-galerie-video-slider-item.active:before {
        opacity:1;
        -webkit-transition:opacity 0.3s ease;
        -ms-transition    :opacity 0.3s ease;
        -o-transition     :opacity 0.3s ease;
        -moz-transition   :opacity 0.3s ease;
        transition        :opacity 0.3s ease;
    }

    .slider-video-prev,
    .slider-video-next {
        padding:6px;text-align:center;position: absolute;top:50%;
        margin-top:-16px;height: 32px;z-index:10;
        background:#fff;color:#999;
    }
    .slider-video-prev {
         left: 0;
        -webkit-transform : translate3d(-35px,0,0);
        -moz-transform    : translate3d(-35px,0,0);
        -o-transform      : translate3d(-35px,0,0);
        -ms-transform     : translate3d(-35px,0,0);
        transform         : translate3d(-35px,0,0);
    }
    .slider-video-next {
        right: 0;
        -webkit-transform : translate3d(35px,0,0);
        -moz-transform    : translate3d(35px,0,0);
        -o-transform      : translate3d(35px,0,0);
        -ms-transform     : translate3d(35px,0,0);
        transform         : translate3d(35px,0,0);
    }
    .slider-video-nav-container:hover .slider-video-prev,
    .slider-video-nav-container:hover .slider-video-next {
        -webkit-transform : translate3d(0,0,0);
        -moz-transform    : translate3d(0,0,0);
        -o-transform      : translate3d(0,0,0);
        -ms-transform     : translate3d(0,0,0);
        transform         : translate3d(0,0,0);
    }



    /*------------------------------------------------
    :: Liens internes / fichiers
    --------------------------------------------------*/
    .node-liens-internes {margin-bottom:1.2em;}

    /*------------------------------------------------
    :: Liens externes / fichiers
    --------------------------------------------------*/
    .liste-liens ul{margin:0 0 1.2em;list-style: none;padding:0;}
    .liste-liens small{color:#999;}
    .liste-liens a{
        border-top:1px dashed #ddd;display:block;
        padding:6px 10px 6px 28px;position: relative;
        color:#88ADC7;
    }
    .liste-liens a i{position: absolute;top: 8px;left: 8px}
    .liste-liens li:first-child a {border-top:none;}
    .liste-liens a:hover {background:#f4f4f4;color:#125687;}

    /*------------------------------------------------
    :: Listes dates
    --------------------------------------------------*/
    .liste-dates {margin-bottom:1.2em;}
    .liste-dates ul{margin:0;list-style: none;padding:0;}
    .liste-dates li{
        border-top:1px dashed #ddd;display:block;
        padding:14px 10px 14px 50px;position: relative;}
    .liste-dates li:first-child {border-top:none;}
    .liste-dates .google-calendar-lien{position: absolute;top: 8px;left: 8px;}


    /*------------------------------------------------
    :: Google maps
    --------------------------------------------------*/

    iframe.node-google-maps-container {
        border:none;
        overflow:hidden;
        display:block;
    }

    .node-google-maps-wrapper .google-maps-container {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    }

    .node-grande-carte .carte-geoloc {margin-bottom:1.2em;height: 450px; }

    .petite-carte-container {position: relative;margin-bottom:1.2em;}
    .node-mini-carte .carte-geoloc { height:300px; }


    /*Zoom*/
    .petite-carte-zoom-bouton {
        position: absolute;right: 10px;bottom: 10px;z-index:2;
    }

    .petite-carte-zoom-container {
        position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    }
    .petite-carte-zoom {
        position: relative;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    }


    /*  ------------------------------------------------
    ::  Carte en iframe fullscreen
    --------------------------------------------------*/
    #geoloc-map-frame{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background:#fff;}
    #geoloc-map-frame .carte-geoloc {height:100% !important;overflow:hidden;}


    /*------------------------------------------------
    :: Voir l'article complet
    --------------------------------------------------*/
    .btn-node-voir-plus{
        position: fixed;left: 0;right: 0;bottom: 0;
        box-shadow: 0 0 0 10px #fff !important ;/* Bordure blanche en box shadow */
        z-index: 3;
    }



    /*  ------------------------------------------------
    ::  MODELE
    --------------------------------------------------*/
    .forme-modele .node-titre {margin-bottom: 8px;}
    /* .forme-modele .produit-titre {display: none;} */
    .forme-modele .node-texte-container {border-bottom:1px solid #CDDDEA;}


    /*  ------------------------------------------------
    ::  Cloud ZOOM
    --------------------------------------------------*/
    .cloud-zoom-container {
        margin:10px 0 20px;
        text-align: center;
        position: relative;
    }

    .cloud-zoom-container .cloudzoom,
    .cloud-zoom-container .cloudzoom:hover {
        cursor: url('/sites/all/themes/tssks/img/cursor.cur'), auto;
    }
    .cloudzoom-zoom-inside {
        cursor:move;
    }

    .cloud-zoom-container figure {
        margin-bottom:8px;
    }
    .cloud-liste-vues a:only-child {
        display: none;
    }
    .cloud-liste-vues a {
        width: 60px;
        box-shadow:0 0 0 1px #CDDDEA;
        margin-right: 6px;
        margin-bottom: 10px;
    }
    .cloud-liste-vues a.cloudzoom-gallery-active,
    .cloud-liste-vues a:hover {
        box-shadow:0 0 0 1px #125687;
    }

    /*Bandeau*/
    .bandeau {display: none;}


    /*IMAGE PRODUIT PERSO*/
    .image-produit-perso {
        display: none !important;
    }

    .node-type-personnalisation .image-produit-perso {
        display: block !important;
    }
    .node-type-personnalisation .image-produit-perso + img {
        display: none !important;
    }

    /*Page ma kjacques*/
    table.ma-kjacques {
        table-layout: fixed;
        width: 100%;
        border:none;
    }

    table.ma-kjacques img {
        width: 100%;
    }

    table.ma-kjacques th ,
    table.ma-kjacques td {
        padding: 0 !important;
        vertical-align: top !important;
        border:none !important;
    }

    table.ma-kjacques .btn {
        font-weight: bold;
        padding: 20px 10px;

    }

    .grand-texte + h3 {margin-top: -12px;}

@media all and (max-width: 767px)  {
    table.tableau-responsive tr ,
    table.tableau-responsive th ,
    table.tableau-responsive td ,
    table.ma-kjacques tr ,
    table.ma-kjacques th ,
    table.ma-kjacques td {
        display: block !important;
        width: 100%  !important;
    }

    table.ma-kjacques tr {
        margin-bottom: 45px;
    }

}


/*------------------------------------------------
::
::
::
::
::    PAGES
::
::
::
::
--------------------------------------------------*/


/*  ------------------------------------------------
::  NEW SCROLL
--------------------------------------------------*/

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
    width:auto;
    margin-right:12px;
    overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
    margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
    width:20px;
    height:100%;
    top:0;
    right:-8px;
}
.mCSB_scrollTools .mCSB_draggerContainer{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width:5px;
    height:100%;
    margin:0 auto;
}
.mCSB_scrollTools .mCSB_dragger{
    cursor:pointer;
    width:100%;
    height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:5px;
    height:100%;
    margin:0 auto;
    text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    display:block;
    position:relative;
    height:20px;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
    top:100%;
    margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
    height:auto;
    margin-right:0;
    margin-bottom:30px;
    overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
    margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
    margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
    width:100%;
    height:16px;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:2px;
    margin:7px 0;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
    width:30px;
    height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:4px;
    margin:6px auto;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
    display:block;
    position:relative;
    width:20px;
    height:100%;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
    float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
    margin-left:-40px;
    float:right;
}
.mCustomScrollBox{
    -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
    opacity:0.75;
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
    opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
    background:#DDE7EE;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background:#88ADC7;
    opacity: 0.80;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:#88ADC7;
    opacity: 1;

}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:#125687;
}

    /*  ------------------------------------------------
    ::  SCROLL ZONE
    --------------------------------------------------*/
    .scrollable-content .viewport{
        height: 450px;
    }

    .navigation-outils .scrollable-content .viewport{
        height:160px;
    }

    /*  ------------------------------------------------
    ::  Autocomplete
    --------------------------------------------------*/
    .autocomplete {
        min-width: 173px;
        background: #fff;
        margin-top: 1px;
        border: 1px solid #a0bbcf;
        max-height: 300px !important;
        overflow-y :auto;
        overflow-x :hidden;
    }

    .autocomplete > div {
        color:#125687;
        padding:2px 5px;
        cursor:pointer;
        border-bottom: 1px solid #DDE7EE;
    }

    .autocomplete > div:hover{
        background: #DDE7EE;
    }

     /*  ------------------------------------------------
    ::  Liste tags / FILTRES
    --------------------------------------------------*/
    .navigation-outils {
        padding:10px 0;
    }
    .navigation-titre {
        letter-spacing: 0;
        font-weight: normal;
        margin: 0;
    }
    .navigation-section-titre {
        font-family: "Times New Roman", Georgia, Times, serif;
        color:#125687;
        padding: 5px 0;
        border-top: 1px solid #88adc7;
        border-bottom: 1px solid #88adc7;
        font-size: 14px;
        text-transform: none;
        font-style: italic;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .navigation-outils-form-item {
        margin:5px 0;
    }


    .liste-tag {
        margin:0 ;
    }

    .reset-filtres{
        margin-bottom: 5px;
    }

    .liste-tag a.active,
    .liste-tag a {
        display: inline-block;
        letter-spacing: 0;
        color:#88ADC7;
        font-size: 14px;
    }

    #modele-list .liste-tag a {
        font-size: 13px;
    }

    .liste-tag a:hover {
        color:#125687;
    }





    /*SI LIEN*/
    .liste-tag .tag-lien {
        display: inline-block;
        width: 9px;
        height: 9px;
        position: relative;
        text-align: center;
    }

    .liste-tag .tag-lien i {
        opacity: 0.5;
    }
    .liste-tag .active  i,
    .liste-tag a:hover  i {
        opacity: 1;
    }



    /*SI CHECKBOX*/
    .liste-tag .tag-check {
        display: inline-block;
        border:1px solid #88ADC7;
        width: 9px;
        height: 9px;
        position: relative;
    }


    .liste-tag .tag-check:before {
        content: "";
        display: block;
        top:1px;
        bottom: 1px;
        right: 1px;
        left: 1px;
        position: absolute;
        background:#fff;

        -webkit-transform:scale(0.4);
        -moz-transform:scale(0.4);
        -ms-transform:scale(0.4);
        transform:scale(0.4);


        -webkit-transition:all .3s  ease;
        -moz-transition:all .3s  ease;
        -ms-transition:all .3s  ease;
        transition:all .3s  ease;

    }

    .liste-tag a:hover .tag-check{
        border-color: #125687;
    }


    .liste-tag a:hover .tag-check:before{
        background: #88ADC7 ;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
    }

    .liste-tag a.active .tag-check:before{
        border-color: #125687;
        background: #88ADC7;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);

    }



    .liste-filtres-tag a:hover {
        color:#6E9CBD;
    }
    .liste-filtres-tag a,
    .liste-filtres-tag a.active {
        color:#125687;
    }

    /*  ------------------------------------------------
    ::  LISTE PERSONNALISATION
    --------------------------------------------------*/

    /* .big-liste .produit-titre,
    .big-slider .produit-titre {font-size:24px;}

    .big-liste .produit-prix,
    .big-liste .produit-matiere,
    .big-slider .produit-prix,
    .big-slider .produit-matiere {font-size:16px;}
     */

    .mosaique-btn-container {
        margin-top:10px;
    }

    .mosaique-personnalisation {
        margin-top: 10px;
        padding:10px 0;
        border-top:1px solid #CDDDEA;
    }

   .image-personnalisation-2 {
        padding: 1.6% 14% ;
        position: relative;
        top: -15%;
        width: auto !important;
        display: block;
    }


    .image-personnalisation-2 + img {
        display: none !important;
    }

/*    .btn-proposition-perso {
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
    }*/


    /*--------------------------------------------------
    :: Personnalisation
    --------------------------------------------------*/
    /*aide*/
    .aide-texte {
        line-height: 1.3;
        font-size: 13px;
        margin-bottom: 10px;
    }


    .matieres-liste-container {
        margin:0 -5px;

    }
    .perso-matiere {
        padding:0 5px;
        margin-bottom:20px;
    }
    .perso-matiere-texte {
        margin-top:5px;
        line-height: 1.1;
        text-align: center;
    }


    .perso-icone {
        position: absolute;
        left: 50%;
        width: 60px;
        height: 60px;
        text-align: center;
        top:50%;
        line-height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        opacity: 0;
        font-size: 56px;
        color:#fff;
        -webkit-transform : scale(0.8) translate3d(0,0,0);
        -moz-transform    : scale(0.8) translate3d(0,0,0);
        -ms-transform     : scale(0.8) translate3d(0,0,0);
        transform         : scale(0.8) translate3d(0,0,0);
        text-shadow:0 0  5px rgba(0,0,0,0.4);
    }

    .perso-matiere-lien figure{
        position: relative;
    }
    .perso-matiere-lien:hover figure{
        opacity: 1;
    }
    .perso-matiere-lien:hover .perso-icone {
        opacity: 1;
        -webkit-transform : scale(1) translate3d(0,0,0);
        -moz-transform    : scale(1) translate3d(0,0,0);
        -ms-transform     : scale(1) translate3d(0,0,0);
        transform         : scale(1) translate3d(0,0,0);
    }


   .matiere-info {
        display: none;
        background:#CDDDEA;
        color:#fff;
        text-transform: uppercase;
        font-family: 'proximanova', helvetica, arial, sans-serif;
        text-align: center;
        font-style: normal;
        font-size: 11px;
    }
    .matiere-standard .info-standard {
        display: block;
    }
    .matiere-choisie .info-choisie {
       display: block;
       background-color:#125687;
    }


    /*Colonnage personnalisation*/
    .perso-matiere:nth-child(2n+1) {
        clear: both;
    }

    /*  ------------------------------------------------
    ::  Liste matières
    --------------------------------------------------*/
    .matiere-lien-container {
        margin-bottom: 8px;
    }
    .matiere-lien-container a {
       padding-left:8px;
       text-align: left;
    }








    /*  ------------------------------------------------
    ::  Guide des matieres
    --------------------------------------------------*/
    .guide-matieres .perso-matiere .perso-icone  {display: none;}

    .guide-matieres .perso-matiere a,
    .guide-matieres .perso-matiere{
        cursor: default;
        pointer-events:none;
    }





    /*--------------------------------------------------
    :: ACCUEIL
    --------------------------------------------------*/

    .liste-produits-alaune {margin-bottom: 45px;}

    /* Slider accueil */
    .slider-accueil-container {
        margin-bottom:45px;
        position: relative;

     }

    .slider-accueil {
       border-bottom:1px solid #CDDDEA;
       padding-bottom: 5px;
       position: relative;
    }


    /*  ------------------------------------------------
    ::  Slider accueil style texte
    --------------------------------------------------*/
    .visio-prix,
    .visio-s,
    .visio-m,
    .visio-l {
        font-family: 'proximanova', helvetica, arial, sans-serif;
        font-style: normal;
        line-height: 1;
        margin-bottom: 0 !important;
    }
    .visio-s {
        font-size: 13px;
    }
    .visio-s:first-child {
        margin-bottom: 5px !important;
    }

    .visio-m {
        font-size:14px;
        text-transform: uppercase;

    }

    .visio-l {
        font-size: 20px;
        text-transform: uppercase;
        line-height: 0.85;
        font-weight: bold;


    }

    .slider-accueil-produit-caption {
        text-align: center;
        padding:12px 0 14px;
    }

    .visio-prix {
        font-weight: bold;
        font-size:16px;
    }


    .visio-bleu { background:#fff;color:#125687; }
    .visio-bleu .visio-s { color:#88adc7;}
    .visio-bleu .visio-m { color:#125687;}
    .visio-bleu .visio-l {color:#125687;}
    .visio-bleu .visio-prix {color:#88adc7;}


    /*  ------------------------------------------------
    ::  Nav slider accueil
    --------------------------------------------------*/

    .slider-accueil .owl-controls{
        position: absolute;
        top:100%;
        margin-top:6px;
        width: 100%;
        left: 0;
     }


    .slider-accueil .image-link img{
        width: 100%;
        -webkit-transition:opacity .3s ease ;
        -ms-transition:opacity .3s ease ;
        -moz-transition:opacity .3s ease ;
        transition:opacity .3s ease ;
    }
    .slider-accueil .image-link {display: block;position: relative;}
    .slider-accueil .image-link:hover {
        opacity: 1;
    }
    .slider-accueil .image-link:hover img{
        opacity: 0.65;
    }

    .slider-accueil-caption {
        background:#fff;
        padding:1em 40px 1em 1em;
        position: relative;
     }

    .slider-accueil-titre{
        color:#000;
        margin: 0;
        display: inline-block;
    }

    .slider-accueil-paragraphe {
        color:#666;
        margin:6px 0 0;
        line-height: 1.3em;
        max-width: 500px;
    }



    /*--------------------------------------------------
    :: PAGE CONTACT
    --------------------------------------------------*/
   .formulaire-contact:before {
         content: "\f107";

        font-family: 'FontAwesome';
        display: block;
        position: absolute;
        left: 50%;top: -10px;
        margin-left: -15px;
        width: 30px;
        text-align: center;
        font-size: 34px;
        font-style: normal;
        color:#88ADC7;
        opacity: 0.5;
   }
   .formulaire-contact {
        margin: 0 auto 20px;
        max-width: 680px;
        padding-top:40px;
        position: relative;
    }

    .formulaire-contact  textarea{height:180px;}

    input.captcha,
    .captcha-container input{width:50% !important;}
    input.captcha {max-width: 100px;}

    .mention-obligatoire {display:block;margin:0 0 5px;}

    /*--------------------------------------------------
    :: PAGE RECHERCHE
    --------------------------------------------------*/
    .recherche-resultats-container form {margin:1.2em 0;}
    .recherche-resultats-container h2  {
        font-size: 18px;
        color:#88ADC7;
    }

    /*Formulaire Recherche*/
    .search-result strong{ background: #e7e7e7; color: #000;}
    .search-info {margin:0 !important;}

    .search-result-image {
        margin-right:10px;float: left;
    }

    .search-result-titre {margin-bottom:8px;}
    .search-info {color:#aaa}
    .region .search-results {margin:0;padding:0;}


    .search-results li{
        padding:1.2em 1em;
        border-top:1px dotted #ccc;
        margin:0 !important;
    }
    .search-results li:first-child{border-top:none;}
    .search-info .username{display:none;}

    .website-container .search-results .search-snippet-info{padding:0;}
    .website-container .search-results .search-snippet-info p{margin:0;}

    /*--------------------------------------------------
    :: Node produit
    --------------------------------------------------*/
    .node-produit-titre {
        max-width: 80%;
        font-size: 28px;
    }

    .node-produit-header {
        margin-bottom: 15px;
    }

    .node-prix {
        color:#88ADC7;
        margin-top: 5px;
    }

    .commerce-add-to-cart input[type="submit"] {
        font-weight: bold;
        padding:14px 3px;
        margin: 0;
    }

    .commerce-add-to-cart input[type="submit"] {
        border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
    }


    /*CLEARFIX ADDTOCART*/
    .commerce-add-to-cart:before, .commerce-add-to-cart:after {content: "\0020"; display: block; height: 0; visibility: hidden;}
    .commerce-add-to-cart:after { clear: both; }
    .commerce-add-to-cart { zoom: 1;}


    .node-produit-partage {
        margin-bottom:15px;
    }

    #ajouterPanier {
        clear: both;
    }
    .wishlist-container {
        margin:8px 0;
        clear: both;
    }

    .wishlist-container .btn-primary {
        background: #88adc7;
    }
    .wishlist-container .btn-primary:hover {
        background: #428BCA;
    }

    .btn-personnalisation {
        margin:30px 0 35px;
    }

    .produit-detail-container {
        margin-bottom: 20px;
        line-height: 1.3;
    }

    .btn-ajouter-au-panier {
        font-weight: bold;
        padding: 14px 3px;
        font-size: 16px;
    }


    .btn-guide-tailles:hover {
        text-decoration: underline;
    }


    .btn-guide-tailles {
    	padding-left: 0;
    	padding-right: 0;
    }



    .node-produit-outils .bloc-personnalisation-modele-container {
        padding-left: 3px;
        padding-right: 3px;
        margin:20px 0;
        float: left;
        width: 100%;
    }

    .node-produit #message-erreur-pointure {
        margin: -8px 10px 12px;
    }


    #message-erreur-pointure:before {
        content:"\f0d8";
        display: inline-block;
        margin-right: 5px;
        font-style: normal;
        font-family: "FontAwesome";
    }


    /*  ------------------------------------------------
    ::  PARTAGE
    --------------------------------------------------*/
    .node-produit-partage .titre-section{
        margin-bottom: 8px;
    }
    .node-produit-partage a{
        display: inline-block;
        position: relative;
        margin:0 1px 5px;
    }


    body .partage-pinterest a {
        margin:0 2px 5px;
        background: transparent !important;
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        display: inline-block !important;
    }

    .partage-pinterest a:before {
        content:'\f0d3';
        font-family: "FontAwesome";
        display: block;
    }

    .produit-detail ul {
        padding-left: 20px;
    }


    .commerce-add-to-cart label {
        display: inline-block;
        vertical-align: middle;
    }
    .commerce-add-to-cart select {
        min-width:55px;
        width: 100%;
        display: block;
        clear: both;
        font-family: 'proximanova', sans-serif;
        font-style: normal;
        height: 30px;
        padding-left:5px;
        padding-right:5px;
        vertical-align: middle;
    }

    .form-control.error {
        color:#a94442;
        border-color:#a94442;
    }

    select.form-control.error {
        color:#fff;
        background: #a94442;
    }

    .node-taille-unique .commerce-add-to-cart label {display: none;}
    .node-taille-unique .commerce-add-to-cart select {
        border-color:#CDDDEA;
        background:transparent;
        pointer-events:none;
    }



    .infos-produits-liens a {
        color:#88ADC7;
        margin:5px ;
        vertical-align: middle;
        display: inline-block;
    }
    .infos-produits-liens a:hover {
        color:#125687;
        text-decoration: underline;
    }


    /*  ------------------------------------------------
    ::  Liste des produit du meme modele
    --------------------------------------------------*/
    .produit-item.active figure{
        box-shadow: 0 0 0 1px #CDDDEA;
    }

    /*  ------------------------------------------------
    ::  Promo
    --------------------------------------------------*/
    .promo-commentaire {
        margin: 0 0 20px 0;
        font-size: 13px;
        display: block;
        text-align: center;
    }

   /*  ------------------------------------------------
    ::  REPARATIONS
    --------------------------------------------------*/
    .reparation-detail .encadre{
        display: inline-block;
    }
    .reparation-detail-info{
        padding:15px 12px;
        border-bottom:1px solid #eee;
        color:#88ADC7;
        word-wrap: break-word;
    }
    .reparation-detail-info.reparation-photo{border:none;}

    .formulaire-reparation .form-type-file {margin-bottom: 0;}
    .formulaire-reparation input[type="file"] {margin-bottom: 10px;}

    .reparation-photo .image-link{margin: 10px 0;}


/*  ------------------------------------------------
::  Ajouter au panier
--------------------------------------------------*/
    #sys-message {
        background: #eee;
        color: #bbb;
        padding: 1em;
        position: fixed;
        left: 50%;
        top: 50%;
        max-width: 300px;
        margin-left:-150px;
        margin-top:-150px;
        z-index: 99;
        border: 6px solid #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        text-align: center;
    }
    #sys-message-msg {
        color:#125687;
    }

    .sys-icon {
        display: inline-block;
        border: 2px solid #CCC;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        line-height: 58px;
        margin-bottom: 7px;
        color: #CCC;
        text-align: center;
    }

    .sys-message-fermer {
        position: absolute;
        right:10px;top:10px;
        color:#888;z-index: 2;
    }
    .sys-message-fermer:hover {color:#444;}
     #sys-message .fa-shopping-cart {margin-left:-4px;}
    .sys-btn {margin-top:12px;}



/*------------------------------------------------
::
::
::
:: PERSONNALISATION V2
::
::
::
--------------------------------------------------*/
    /*Marqueur*/

    .perso-marker {
        transition:all .3s ease;
        position: relative;
        z-index: 3;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        background:#88ADC7;
        color:#fff;
        display: inline-block;
        text-align: center;
        font-style: normal;
        font-family : "proximanova",  Arial, Helvetica, sans-serif;
    }

    .perso-marker span {
        position: relative;
        display: block;
    }

    /*GAUCHE*/
    .perso-marker-left {
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }

    .perso-marker-left span {
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
    }

    /*HAUT*/
    .perso-marker-top {
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        transform:rotate(180deg);
    }

    .perso-marker-top span {
        -webkit-transform:rotate(-180deg);
        -moz-transform:rotate(-180deg);
        -ms-transform:rotate(-180deg);
        transform:rotate(-180deg);
    }

    /*DROITE*/
    .perso-marker-right {
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg);
    }

    .perso-marker-right span {
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }

    .perso-marker .fa  {
        top: 1px;
        position: relative;
    }

    .perso-marker:before  {
        content: "";
        display: block;
        position: absolute;
        border-top: 8px solid #88ADC7;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        left: 50%;
        top: 26px;
        margin-left: -6px;
        transition:border-color .3s ease;
    }


/*-------------------------------
:: VOTRE SELECTION DESKTOP
------------------------------- */
    .perso-votre-selection-md {
        clear: both;
        width: 227px;
        margin:35px 0 25px;
        background: #fff;
    }
    .perso-votre-selection-md a {
        width: 70px;
        text-align: center;
        margin:0 1px 55px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 3;
        font-size: 13px;
    }

    .perso-votre-selection-md figure {
        margin:2px 0;
    }


    .perso-votre-selection-md .perso-marker {
        position: absolute;
        z-index: 2;
        top:-8px;
        margin-left: -14px;
        left: 50%;
        opacity: 0;
    }

    .perso-votre-selection-md a.active .perso-marker,
    .perso-votre-selection-md a.overflown .perso-marker,
    .perso-votre-selection-md a:hover .perso-marker {
       opacity: 1;
    }


    a.perso-marker:hover,
    .perso-marker.active ,
    .active .perso-marker,
    .perso-selectors-container .perso-marker.overflown {
       background-color:#125687 ;
       opacity: 1;
       color: #fff;
   }

    .perso-votre-selection-md h6{
        font-size: 12px;
    }

    .perso-votre-selection-md .perso-selector-name h6{
        font-size: 8px;
        color:#a0bbcf;
        margin: 2px 0;
    }
    .perso-votre-selection-md .perso-selector-name span{
        font-size: 11px;
        display: block;
        line-height: 1.2;
    }

    .perso-votre-selection-md a:hover > h6,
    .perso-votre-selection-md a.active > h6{
        opacity: 0;
    }


    a.perso-marker:hover:before ,
    .active .perso-marker:before ,
    .perso-selectors-container .overflown:before ,
    .active.perso-marker:before  {
        border-top-color: #125687;
    }


/*-------------------------------
:: VOTRE SELECTION mobile
------------------------------- */
.perso-votre-selection-xs-container {
    border-top: 2px dotted #a0bbcf ;
    padding:7px 0;
    margin-bottom: 5px;
    display: flex;
}

.perso-apply-to-all-xs {
   flex-shrink: 1;
   font-size: 12px;
   white-space: normal;
   margin: 0 0 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 70px;
   line-height: 1.2;
} 



.perso-votre-selection-xs .perso-selector {
    display:flex;
    align-items: center;
    pointer-events: none;
}

.perso-votre-selection-xs .perso-selector:not(.active) {
    display:none;
}

.perso-votre-selection-xs .perso-selector-name-a{
    display:none !important;
}

.perso-votre-selection-xs .perso-selector > h6 {
    display:none;
}

.perso-votre-selection-xs .perso-selector figure {
    margin:0 5px;
    background:#f5f5f5;
    width :50px;
    height: 40px;
    position: relative;
    flex-shrink: 0;
}

.perso-selector-name h6 {
    color: #a0bbcf;
    font-size: 11px;
}

.perso-votre-selection-xs .perso-selector img {
    width :50px;
    height: 40px;
    position: absolute;
    top:0;
    object-fit: cover;
}




/*-------------------------------
:: AFFICHE MASQUE pointeur
------------------------------- */
.perso-afficher-masquer-xs {
    position:relative;
    z-index:5;
}

.perso-afficher-masquer-xs  a{
    position:absolute;
    right:0;
    bottom:8px;
}
.perso-afficher-masquer-xs img{
    width: 32px;
    height: 32px;
}



/*-------------------------------
:: SELECTEUR
------------------------------- */

    .selecteur-matiere-container  {
        margin:0 0 20px;
    }

    /*ONGLETS*/
    .selecteur-onglet {
        background: #f5f5f5;
        color: #a0bbcf;
        padding:7px 5px;
        float: left;
        width: 50% !important;
        position: relative;
        font-size: 14px !important;
        text-align: center;
        border:none; 
        box-shadow:none;
    }

    .selecteur-onglet:first-child {
        border-right: 1px solid #fff;
    }

    .selecteur-onglet:hover  {
        background: #eee;
        color: #125687;
    }


    .selecteur-onglet.active {
        background: #125687;
        color: #fff;
        z-index: 2
    }


    /*Panneaux*/
    .selecteur-panel {
        padding:10px;
        background:#fff;
        overflow: hidden;
        clear: both;
        position: relative;

    }

    .selecteur-panel-container {
        border-top: 2px solid #125687;
        position: relative;
        clear: both;

        box-shadow:  0 0 10px rgba(0,0,0,0.25);
    }

    /*Panneaux*/
    .selecteur-matiere-liste {
        display: inline-block;
        position: absolute;
        left: 10px;
        width: 100%;
        padding-right: 20px;
    }

    .selecteur-matiere-liste-container {
        white-space: nowrap;
        height: 200px;
    }

    .selecteur-matiere img {
        width: 100%;
    }

    .selecteur-matiere-lien figure {
        opacity: 1 !important;
    }

    .selecteur-matiere .perso-marker{
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .selecteur-matiere form{
        margin: 3px 0 15px 0px;
        height:45px;
    }

    .selecteur-matiere-lien {
        display: block;
        color: #fff;
        margin-bottom: 1px;
        font-size: 12px;
        height: 50px;
        position: relative;
        overflow: hidden;
        padding-left: 1px;
        border-left: 5px solid #fff;
        transition:border-color .3s ease;
    }

    .selecteur-matiere-semelle{
        height:78px;
    }


    .selecteur-matiere-lien:hover {
        border-left-color: #DDE7EE;
    }

    .selecteur-matiere-lien:hover .selecteur-matiere-texte {
        background:rgba(0,0,0,0.8);
    }

   .selecteur-matiere-lien.active {
        border-left-color: #125687;
    }

    .selecteur-matiere-texte {
        display: block;
        padding: 2px 5px;
        position: absolute;
        bottom: 0;
        left: 1px;
        right: 0;
        z-index: 3;
        background:rgba(0,0,0,0.4);
        transition:all .3s ease;
        white-space: normal;
        text-align: center;
        line-height: 1.1;
        overflow:hidden;
       /* white-space:nowrap;
        text-overflow:ellipsis;*/
    }

    .no-rgba .selecteur-matiere-texte {
        background:#000
    }



    .selecteur-matiere-lien:focus{
        color: #fff;
    }

    .selecteur-matiere-lien:hover ,
    .selecteur-matiere-lien.active{
        color: #fff;
    }

    .selecteur-matiere-liste-container .viewport {
       height: 200px !important;
    }

   .selecteur-inspirations .viewport {
       height: 245px !important;
    }


@media all and (min-width: 767px) and (max-width: 991px) , all and (min-width: 1200px) {

    .selecteur-matiere-lien {
        float: left;
        width: 48%;
        margin-bottom: 7px;
        font-size: 10px;
    }

    .selecteur-matiere-lien:nth-child(2n) {
        margin-left:7px;
    }

    .selecteur-matiere-semelle{
        height:auto;
        max-height: 93px;
    }

}

    /*SELECTEUR*/

    .perso-pointure  {
        background: #fff;
        margin-bottom: 18px;
    }
    .perso-commentaire textarea {
        height:62px;
        resize:vertical;
        margin-bottom: 20px;
    }


    .module-perso-v2 .commerce-add-to-cart select {
        padding-left: 2px;
        font-size: 12px;
        text-indent: 0;
        margin-bottom: 2px;
    }
    .module-perso-v2 a.btn-commande-perso {
        padding: 15px 3px;
        margin-bottom: 15px;
        font-family: "proximanova", Arial, Helvetica, sans-serif;
    }

    .perso-info-md {
        font-size: 12px;
        line-height: 1.1;
        margin: 15px  15px 5px;
    }

    .perso-info-xs p {
        margin:0 0 3px;
    }

    .module-perso-v2 .node-produit-partage {
        margin-top: 50px;
    }

    /*SELECTEUR*/
    .perso-img-container {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    .perso-img-container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
      }


    .perso-img-container .perso-marker{
        position: absolute;
    }

    .perso-img-outils {
        margin: -6px 10px 20px 0px;
    }

    .perso-mentions {
        clear: right;
        font-size: 13px;
        line-height: 1.1;
        margin:  40px auto 0;
        max-width: 70ch;
    }


    .perso-semelle-titre {
      font-size: 14px;
      color: #88ADC7;
      font-weight: bold;
      position: relative;
      margin-top:3px;
      position:absolute;
      height:45px;
      top:6px;
    }
    .perso-titre-partie
    {
        height:45px;
        margin-left:40px;
        overflow:hidden;
        position:relative;
    }

    .perso-apply-to-all-md
    {
        margin-top:-17px;
        width:227px;
    }
    .perso-apply-to-all-md div
    {
        text-transform:uppercase;
    }
    .perso-apply-to-all-md strong
    {
        color:#125687;
    }



    .perso-annuler {
        color:#6e9cbd;
    }

    .perso-afficher-masquer-md  .perso-afficher,
    .perso-afficher-masquer-md  .perso-masquer {
        text-align:left;position:absolute;top:0;right:0; white-space:nowrap;
        width: 85px;
    }
    .perso-afficher-masquer-md{position:relative;height:17px; min-width:85px;display:inline-block;}
    

    .perso-votre-selection-md .perso-selector figure{position:relative; z-index:1;}
    .perso-votre-selection-md .perso-selector-name{position:relative;}
    .perso-votre-selection-md .perso-selector-name div{position:absolute;width: 100%;}

    .perso-prix-container{overflow:hidden;display:block}
    .perso-prix-container strong{display:inline-block;}


    .perso-info-xs {
        font-size:13px;
        margin:0 0 25px;
        line-height: 1.2;
    }

    .perso-info-xs p{
        margin:0 0 5px;
    }


    /*Popup confirmation*/
    #perso-confirmation {
        overflow: hidden;
    }

    #perso-confirmation .h5  {
        text-transform: none;
        margin-bottom: 20px;
    }


    /*Liste inspiration*/
    .liste-inspirations {
        margin-bottom: 45px;
    }

    .liste-inspirations .titre-section{
        margin-bottom: 0;
    }


/*HABILLAGE PERSONNALISATION
@media all  and (min-width: 1200px) {


    .personnalisation-module-2 .website-content-wrapper {
        background:transparent;
        padding-bottom: 0;
    }


    .personnalisation-module-2 .website-content-wrapper .container{
        background:#fff;
    }

   .personnalisation-module-2 .website-footer {
        max-width: 1160px;
        margin:0 auto;
        background: #EBEBEB;
    }

   .personnalisation-module-2 .jPanelMenu-panel {
        background:url(../img/perso/personnalisation-bg.jpg) fixed #fff !important ;
        background-size: cover !important;
    }

}
*/

/*------------------------------------------------
::
::
::
::    UTILITAIRES
::
::
::
--------------------------------------------------*/

    .visible-fr,
    .visible-en {display: none !important;}

    html[lang='fr'] .visible-fr,
    html[lang='en'] .visible-en {display: block !important;}


    /*
    .plus-sign-fix:before { content:"\002B"; }
    .moins-sign-fix:before { content:"\002D"; }
    */

    .moins-sign-fix,
    .plus-sign-fix {
        width: 9px;
        height: 9px;
        display: inline-block;
        vertical-align: middle;
        background: url('../img/plus.png') no-repeat center center;
     }
    .moins-sign-fix {
        background: url('../img/minus.png') no-repeat center center;
     }



    /*--------------------------------------------------
    :: OMBRE barre admin
    --------------------------------------------------*/
    #toolbar {
        -webkit-box-shadow: 0 0 15px #000 inset;
        -moz-box-shadow: 0 0 15px #000 inset;
        box-shadow: 0 0 15px #000 inset;
    }


    /*--------------------------------------------------
    :: Scrollbar webkit
    --------------------------------------------------*/
    /*.no-touch ::-webkit-scrollbar{ width:7px; height:7px;}

    .no-touch ::-webkit-scrollbar-track-piece {
        -webkit-border-radius:0;
        -webkit-border-bottom-right-radius:8px;
        -webkit-border-bottom-left-radius:8px;
        }

    .no-touch ::-webkit-scrollbar-thumb:vertical {
        height:50px;
        background-color:#888;
        -webkit-border-radius:8px;
    }

    .no-touch ::-webkit-scrollbar-thumb:horizontal {
        width:50px;
        background-color:#888;
        -webkit-border-radius:8px;
    }*/

/*  --------------------------------------------------
    :: Avertissement anciens navigateurs IE
    --------------------------------------------------*/
    .browser-warning {
        padding:8px;color:#666;background:#eee;
        text-align:center;font-size:85%;
        box-shadow: 0 -10px 9px -10px rgba(0,0,0,0.2) inset;
    }
    .browser-warning a { color:#428bca; }
    .browser-warning a:hover { color:#000; }

/*  --------------------------------------------------
    :: Classes utiles ( clearfix, remplacement image etc. )
    --------------------------------------------------*/
    .ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}

    .element-invisible{clip: rect(1px, 1px, 1px, 1px);position: absolute !important;}
    .sprite-ir,
    .ir {display: block; text-indent: -9999px;overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;}

    .sprite-ir{background-image:url(../img/sprite-main.png);}

    .hidden { display: none !important; visibility: hidden; }
    .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

    .invisible {visibility: hidden;}


    .clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;}
    .clearfix:after { clear: both; }
    .clearfix { zoom: 1; }




/*------------------------------------------------
::
::
::
::
::    MEDIAQUERIES
::
::
::
::
--------------------------------------------------*/

@media all and (min-width: 480px) {

    /*  ------------------------------------------------
    ::  Famille / sous famille / node
    --------------------------------------------------*/
    .forme-article .has-ged-image .node-titre,
    .forme-page .has-ged-image .node-titre,
    .forme-sousfamille .has-ged-image .node-titre,
    .forme-famille .has-ged-image .node-titre {
        display: none;
    }



    .bandeau {
        color:#fff;
        margin:-12px 0 20px;
        display: block;
        position: relative;
       /*  border: 1px solid #CDDDEA;
       padding: 5px; */
    }
    .forme-actualite .bandeau {
        display: none !important;
    }

    .bandeau-titre {
        position: absolute;
        right: 15px;
        bottom: 13px;
        z-index: 2;
    }

     .slider-accueil-titre { font-size: 200%; }

    /*------------------------------------------------
    :: checkout progress
    --------------------------------------------------*/
     ol.inline.commerce-checkout-progress li {
        width: 33%;
     }
    ol.inline.commerce-checkout-progress li:last-child:after {
        display: none;
    }
    ol.inline.commerce-checkout-progress li:after {
        position: absolute;
        top:0;
        right: 5px;
        height: 100%;
        border-right:1px solid #CDDDEA;
        -webkit-transform:rotate(30deg);
        content:"";
        display: block;
    }


    /*Colonnage*/
    .perso-matiere:nth-child(2n+1) {clear: none;}
    .perso-matiere:nth-child(4n+1) {
        clear: both;
    }



}

@media all and (min-width: 768px) {


    .node-texte {font-size: 15px;}

    .image-gauche {float:left;  margin:0 1em 0.5em 0 ;}
    .image-droite {float:right; margin:0 0 0.5em 1em ;}



    /*  ------------------------------------------------
    :: Slider accueil
    --------------------------------------------------*/
    .slider-accueil .owl-wrapper-outer {
        background:#f5f5f5;
    }

    .slider-accueil  .owl-item {
        background:#125687;
    }
    .visio-s {
        font-size: 16px;
    }


    .visio-m {
        font-size: 20px;
    }

    .visio-prix {
        font-size: 22px;
    }

    .visio-l {
        font-size: 34px;
    }

    .visio-centre .slider-accueil-produit-caption {
        top:50%;
        bottom:auto;
    }

    .slider-accueil-produit-caption {
        position: absolute;
        z-index: 2;
        right: 20px;
        bottom: 20px;
        color:#fff;
        max-width:37%;
        padding:0;
        text-align: left;
    }

    .slider-accueil-produit-caption.gauche {
        left: 20px;
        right: auto;
    }

    /*--------------------------------------------------
    :: PAGE CONTACT
    --------------------------------------------------*/
    .submit-container {text-align:right;}

    /*------------------------------------------------
    :: AGENDA mosaiques
    --------------------------------------------------*/
    .agenda-mosaique-item-container.no-image {width:25%;}


    /*------------------------------------------------
    :: Footer
    --------------------------------------------------*/
    .website-footer  {
        text-align:     left;
    }


     /*  ------------------------------------------------
    ::  Liste produits
    --------------------------------------------------*/
    .commerce-checkout-progress {
        display: block;
    }




    /*------------------------------------------------
    :: checkout progress
    --------------------------------------------------*/
    .bloc-personnalisation-modele-texte {
        padding:11px 0 0;
        color:#fff;
        height: 58px;
        line-height: 1.1;
    }

    .bloc-personnalisation-modele:hover figure,
    .bloc-personnalisation-modele:hover img {
        opacity: 1;
    }
    .bloc-personnalisation-modele{
        color:#fff;
        display: block;
        background:#125687;
        box-shadow:0 0 0 3px #125687;
    }

    .bloc-personnalisation-modele .flexslider {
        background: #fff;
    }
    .bloc-personnalisation-modele:hover {
        background:#333;
        box-shadow:0 0 0 3px #333;
    }

     .bloc-personnalisation-modele strong {
        text-transform: uppercase;
        font-family : "proximanova",  Arial, Helvetica, sans-serif;
        font-style: normal;
    }

    /*------------------------------------------------
    :: checkout progress
    --------------------------------------------------*/
    ol.inline.commerce-checkout-progress li {

       width: auto;
       min-width: 0;
    }


    /*  ------------------------------------------------
    ::  Personnalisation
    --------------------------------------------------*/
    .scrollable-content .viewport{
         height: 550px;
    }

    /*Colonnage*/
    .perso-matiere:nth-child(2n+1) {clear: none;}
    .perso-matiere:nth-child(3n+1) {
        clear: both;
    }


    /*  ------------------------------------------------
    ::  FOOTER
    --------------------------------------------------*/

   .footer-menu-social a {
        float: left;
        display: block;
        margin-right: 6px;
    }


    .footer-info-paiement {float: left;}
    .addthis_toolbox {clear: none;float: right;}


   /*  ------------------------------------------------
    ::  Zoom produit
    --------------------------------------------------*/
    .cloud-liste-vues {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .cloud-liste-vues a{
        display: block;
    }

}

@media all and (min-width: 992px) {

    .website-logo a{
       width:230px
    }
    .website-logo {
        margin: 10px auto ;
    }


    /*  ------------------------------------------------
    ::  Jpanel container
    --------------------------------------------------*/
    .jPanelMenu-panel {
        -webkit-transform: none !important;
        transform: none !important;
    }



    /*  ------------------------------------------------
    ::  Headings
    --------------------------------------------------*/
    h1, .h1, .h1-size {font-size:45px;}
    h2, .h2, .h2-size {font-size:38px;}
    h3, .h3, .h3-size {font-size:24px;}
    h4, .h4, .h4-size {font-size:18px;}
    h5, .h5, .h5-size {font-size:16px;}
    h6, .h6, .h6-size {font-size:11px;}


   /*  ------------------------------------------------
    :: Menu principal
    --------------------------------------------------*/


    /*  ------------------------------------------------
    :: Slider accueil
    --------------------------------------------------*/
    .visio-s {font-size: 18px;}

    .visio-m {font-size: 20px;}
    .visio-prix {font-size: 22px;}

    .visio-l {font-size: 40px;}



    /*  ------------------------------------------------
    :: Fleche triangle
    --------------------------------------------------*/
    .video-slider-description-container:before {
        content:"";
        position:absolute;
        top: 20px;
        left: -20px;
        border-right:20px solid #f5f5f5;
        border-top :20px solid transparent ;
        border-bottom:20px solid transparent ;
    }

    .video-slider-description-container,
    .video-slider-description-wrapper {
        position:absolute;
        top: 0;right:0;
        bottom:0;
        height:auto;
    }

    .footer-section p {
        max-width: 300px;
    }

    .footer-info-paiement img {
        height: auto;
    }

    /*  ------------------------------------------------
    ::  MODELE
    --------------------------------------------------*/
    .big-liste .produit-item-container {width: 33.33333333%;}
    /* .forme-modele .produit-matiere {font-size: 20px;} */


    /*  ------------------------------------------------
    ::  Personnalisation
    --------------------------------------------------*/
    .scrollable-content .viewport{
         height: 590px;
    }


    /*Colonnage personnalisation*/
    .perso-matiere:nth-child(3n+1),
    .perso-matiere:nth-child(2n+1) {clear: none;}
    .perso-matiere:nth-child(4n+1) {
        clear: both;
    }


    /*  ------------------------------------------------
    ::  Guide des matières colonnage
    --------------------------------------------------*/
    .guide-matieres .perso-matiere { width:16.66666667%;}
    .guide-matieres .perso-matiere:nth-child(4n+1) { clear:none;}
    .guide-matieres .perso-matiere:nth-child(6n+1) { clear:both;}





}

@media all and (min-width: 1200px) {

    /*  ------------------------------------------------
    :: Slider accueil
    --------------------------------------------------*/
    .menu-container a {
        font-size: 13px;
    }

/* 
    li.menu-qui-sommes-nous:before {
        content:"";
        display: inline-block;
        width: 20px;
        height: 20px;
        background:url(../img/kj-icone.png);
        border-radius: 50%;
        overflow: hidden;
        vertical-align: middle;
        margin-left: 5px;
        margin-right: 2px;
        position: relative;
        top: -2px;
    } */

    /*  ------------------------------------------------
    :: Slider accueil
    --------------------------------------------------*/
    .visio-s {font-size: 18px;}
    .visio-m {font-size: 23px;}
    .visio-l {font-size: 50px;}
    .visio-prix {font-size: 25px}

   /*------------------------------------------------
    :: AGENDA mosaiques
    --------------------------------------------------*/
    .agenda-mosaique-item-container.no-image {width:16.66666667%;}
    .vue-mosaique .agenda-mosaique-item-titre {font-size: 100%;}



    /*  ------------------------------------------------
    ::  Zoom produit
    --------------------------------------------------*/
 .cloud-liste-vues a{
        width: 80px;
    }

}

@media (max-width: 992px)
{

/*------------------------------------------------
::
::
::
:: PERSONNALISATION V2
::
::
::
--------------------------------------------------*/
    /*Marqueur*/
    .perso-img-container .perso-marker {
        -webkit-transform:translateY(7px);
        -moz-transform:translateY(7px);
        -ms-transform:translateY(7px);
        transform:translateY(7px);
    }

    /*GAUCHE*/
    .perso-img-container .perso-marker-left {
        -webkit-transform:translateX(-7px) rotate(90deg);
        -moz-transform:translateX(-7px) rotate(90deg);
        -ms-transform:translateX(-7px) rotate(90deg);
        transform:translateX(-7px) rotate(90deg);
    }
    /*HAUT*/
    .perso-img-container .perso-marker-top {
        -webkit-transform:translateY(-7px) rotate(180deg);
        -moz-transform:translateY(-7px) rotate(180deg);
        -ms-transform:translateY(-7px) rotate(180deg);
        transform:translateY(-7px) rotate(180deg);
    }

    /*DROITE*/
    .perso-img-container .perso-marker-right {
        -webkit-transform:translateX(7px) rotate(-90deg);
        -moz-transform:translateX(7px) rotate(-90deg);
        -ms-transform:translateX(7px) rotate(-90deg);
        transform:translateX(7px) rotate(-90deg);
    }

    /*Cache le chatbot pour le module perso en mobile car prend trop de place */
    .personnalisation-module-2 .iadvize-container,
    .personnalisation-module-2 #iadvize-orchestrator,
    .personnalisation-module-2 iframe[id*=iframe-notification-]{
        display:none !important;
    }

}

/*Correctif iphone*/
@media all and (max-width: 480px) {


/*------------------------------------------------
::
::
::
:: PERSONNALISATION V2
::
::
::
--------------------------------------------------*/
    /*Marqueur*/

    .perso-img-container .perso-marker {
        -webkit-transform:translateY(-7px);
        -moz-transform:translateY(-7px);
        -ms-transform:translateY(-7px);
        transform:translateY(-7px);
    }

    /*GAUCHE*/
    .perso-img-container .perso-marker-left {
        -webkit-transform:translateX(7px) rotate(90deg);
        -moz-transform:translateX(7px) rotate(90deg);
        -ms-transform:translateX(7px) rotate(90deg);
        transform:translateX(7px) rotate(90deg);
    }
    /*HAUT*/
    .perso-img-container .perso-marker-top {
        -webkit-transform:translateY(7px) rotate(180deg);
        -moz-transform:translateY(7px) rotate(180deg);
        -ms-transform:translateY(7px) rotate(180deg);
        transform:translateY(7px) rotate(180deg);
    }

    /*DROITE*/
    .perso-img-container .perso-marker-right {
        -webkit-transform:translateX(-7px) rotate(-90deg);
        -moz-transform:translateX(-7px) rotate(-90deg);
        -ms-transform:translateX(-7px) rotate(-90deg);
        transform:translateX(-7px) rotate(-90deg);
    }


    /*Cache le footer sur les pages qui ne sont pas l'accueil*/
    .not-front .website-footer {
        display:none;
    }


    /*Liste mosaique*/
    .mosaique-item-container {width: 100% !important;}
    .mosaique-item-container .mosaique-item {height:auto;}


    .col-xxs-12 {width: 100%; }
    .col-xxs-11 {width: 91.66666666666666%; }
    .col-xxs-10 {width: 83.33333333333334%; }
    .col-xxs-9 {width: 75%; }
    .col-xxs-8 {width: 66.66666666666666%; }
    .col-xxs-7 {width: 58.33333333333334%; }
    .col-xxs-6 {width: 50%; }
    .col-xxs-5 {width: 41.66666666666667%; }
    .col-xxs-4 {width: 33.33333333333333%; }
    .col-xxs-3 {width: 25%; }
    .col-xxs-2 {width: 16.66666666666666%;}
    .col-xxs-1 {width: 8.333333333333332%;}


    .col-xxs-12 {margin-left: 0}
}


  /*  ------------------------------------------------
::ALERTE HOme
--------------------------------------------------*/
.strate-alerte-container,
.cke_alerte_admin {
    color:#125687;
    font-family : "proximanova",  Arial, Helvetica, sans-serif;
    font-weight : normal;
    font-style: normal;
    background:#eee;
    padding-top:14px;
    padding-bottom:14px;
    text-align: center;
}

body.cke_alerte_admin {
    background:#eee !important;
}
.strate-alerte-container a:hover,
.cke_alerte_admin a:hover,
.strate-alerte-container a,
.cke_alerte_admin a {
    color:inherit;
    text-decoration: underline;
}

.strate-alerte-container a span,
.cke_alerte_admin a span{
    text-decoration: underline;
}



/*  --------------------------------------------------
    :: PRINT
    --------------------------------------------------*/

@media print {



    a, a:visited {text-decoration: none; }
    a[href]:after {content: "";}

    .node-fichiers a[href]:after,
    .node-liens-externes a[href]:after {
        content: " (" attr(href) ")";
        color:#666;word-wrap:break-word;
    }

    body {margin:0 !important;padding:0  !important;}

    .header-print img {width: 90px;}
    .header-print-contenu {
        margin-bottom:20px;
        padding-top:5px;
        padding-bottom:10px;
        border-bottom:1px solid #CDDDEA;
    }


     /*FACTURE*/
    .page-facture div[class*=col-]{float:left;}
    .page-facture .facture-container{width: 100%;max-width: none;box-shadow: none;padding:0;}
    .page-facture .btn,
    .page-facture .header-print,
    .page-facture .node-titre{display: none !important;margin:0 !important;padding:0!important;}
    .page-facture .col-sm-6{width:50%}

    /*BON DE COMMANDE idem que facture*/
    .page-bon-de-commande div[class*=col-]{float:left;}
    .page-bon-de-commande .facture-container{width: 100%;max-width: none;box-shadow: none;padding:0;}
    .page-bon-de-commande .btn,
    .page-bon-de-commande .header-print,
    .page-bon-de-commande .node-titre{display: none !important;margin:0 !important;padding:0!important;}
    .page-bon-de-commande .col-sm-6{width:50%}





    /* Galerie photo */
    .slider-galerie-photo .owl-wrapper{width: auto !important;}
    .slider-galerie-photo .owl-item{width: 50% !important;}
    .slider-galerie-photo .slider-photo-prev,
    .slider-galerie-photo .slider-photo-next,
    .slider-galerie-photo .owl-controls{display:none;}


    /* Galerie photo */
    .slider-mosaique-galerie-photo-container .owl-wrapper{width: auto !important;}
    .slider-mosaique-galerie-photo-container .owl-item{width: 25% !important;}
    .slider-mosaique-galerie-photo-container .slider-photo-prev,
    .slider-mosaique-galerie-photo-container .slider-photo-next,
    .slider-mosaique-galerie-photo-container .owl-controls{display:none;}



    /* Masque l'habillage du site */
    .encadre {border:3px solid #ccc;}


    /*Produit*/
    .retour-produit,
    .node-produit .liste-produits,
    .node-produit .field ,
    .node-produit-partage,
    .ajouter-wishlist,
    .bloc-lien-personnaliser,

    .galerie-video-slider,
    .node-liens-internes,
    .liste-enfants,
    .facebook-like-box-container,
    .form-newsletter-container,
    .fil-ariane,
    #toolbar,
    .website-header,
    .website-footer,
    .sous-menu,
    .slider-galerie-photo,
    .node-galerie-video,
    .website-complementary {display:none !important;}

    .website-main {width:100%;margin:0 auto;float:none;}


    .cke_editable table {page-break-inside: avoid;}
    .website-main.node-content {width:100%;margin:0 auto;float:none;}


}





/*SOCIALWALL*/
.titre-section-lg {
    font-size: 1.2em;
    display:block;
}
.titre-section-lg + a {
    margin-top: 4px;
}
.titre-section a {
    display:inline-block;
    color: inherit;
    font-weight: normal;
}
.sw-post-content {
    display:block;
}

.sw-liste-container {
    margin-bottom:40px;
}

.sw-post {
    position: relative;
    display:block;
}
.sw-post-content {
    pointer-events: none;
    position: absolute;
    top:0;
    height: 100%;
    background:rgba(3, 53, 89, 0.92);
    color:#fff;
    width: 100%;
    z-index:10;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    text-align: center;
    font-family : "proximanova",  Arial, Helvetica, sans-serif;
    font-style: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    transition:.3s;
}

.sw-post-text {
    width: 100%;
}

.sw-post:focus .sw-post-content ,
.sw-post:hover .sw-post-content {
    opacity: 1;
}

.sw-post-infos {
    display:none;
}
.sw-post-lien{
    display:block;
}


.sw-post figure {
    position: relative;
}

.sw-post figure:before {
    display: block;
    content: "";
    width: 100%;
    padding-top:100%;
}

.sw-post figure img{
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width:100%;
      object-fit: cover;
      object-position: center center;
}
    
.flickity-page-dots .dot {
    border-radius: 30px;
    width: 11px;
    height: 11px;
    display: inline-block;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    border: 2px solid #88ADC7;
    margin: 0 2px;
    opacity: 1;
    background:#fff;
}

.flickity-page-dots .dot.is-selected {
    background: #88ADC7;
}

.sw-post-texte-fleche {
    margin-top: 10px;
}


.flickity-prev-next-button {
    top: 100%;
    transform: none;
    z-index: 10;
    width: auto;
    height: auto;
    margin-top: 10px;
    padding: 0;
    color:#88ADC7;
}

.flickity-prev-next-button svg{
    display:none
}
.flickity-prev-next-button:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.flickity-prev-next-button.next:before{
    content: "\f054";
}

.flickity-prev-next-button.previous:before{
    content: "\f053";
}