/* Minification failed. Returning unminified contents.
(4466,26): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(5224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5246,34): run-time error CSS1039: Token not allowed after unary operator: '-balloon-move'
(10619,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(10627,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(10653,17): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(10660,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
 */

/*----- FONT FACE -----*/


/*-- THIN --*/
@font-face {
    font-family: 'Raleway-Thin';
    src: url('/css/fonts/Raleway-Thin.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Raleway-Thin.woff') format('woff'), url('/css/fonts/Raleway-Thin.ttf') format('truetype'), url('/css/fonts/Raleway-Thin.svg#Raleway-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--EXTRA LIGHT --*/
@font-face {
    font-family: 'Raleway-ExtraLight';
    src: url('/css/fonts/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Raleway-ExtraLight.woff') format('woff'), url('/css/fonts/Raleway-ExtraLight.ttf') format('truetype'), url('/css/fonts/Raleway-ExtraLight.svg#Raleway-ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--LIGHT--*/
@font-face {
    font-family: 'Raleway-Light';
    src: url('/css/fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Raleway-Light.woff') format('woff'), url('/css/fonts/Raleway-Light.ttf') format('truetype'), url('/css/fonts/Raleway-Light.svg#Raleway-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--REGULAR--*/
@font-face {
    font-family: 'Raleway-Regular';
    src: url('/css/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Raleway-Regular.woff') format('woff'), url('/css/fonts/Raleway-Regular.ttf') format('truetype'), url('/css/fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--MEDIUM--*/
@font-face {
    font-family: 'Raleway-Medium';
    src: url('/css/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Raleway-Medium.woff') format('woff'), url('/css/fonts/Raleway-Medium.ttf') format('truetype'), url('/css/fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--SEMI-BOLD--*/
@font-face {
    font-family: 'Raleway-SemiBold';
    src: url('/css/fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Raleway-SemiBold.woff') format('woff'), url('/css/fonts/Raleway-SemiBold.ttf') format('truetype'), url('/css/fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--BOLD--*/
@font-face {
    font-family: 'Raleway-Bold';
    src: url('/css/fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Raleway-Bold.woff') format('woff'), url('/css/fonts/Raleway-Bold.ttf') format('truetype'), url('/css/fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--EXTRA-BOLD--*/
@font-face {
    font-family: 'Raleway-ExtraBold';
    src: url('/css/fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/css/fonts/Raleway-ExtraBold.woff') format('woff'), url('/css/fonts/Raleway-ExtraBold.ttf') format('truetype'), url('/css/fonts/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*-- MOB ---*/

.btn-mob {
    display: none;
}




/*------------------------------------------*/
/*----------------- GENERAL ----------------*/
/*------------------------------------------*/
body {
    margin: 0px;
    font-family: 'Raleway-Light';
    font-size: 16px;
    /*line-height: 17px;*/
    color: #000;
    background: #f5f4f4;
    overflow-x: hidden;
    width: 100%;
}

.ct {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 960px;
    max-width: 100%;
}

.ct1200 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1200px;
    max-width: 90%;
}

.conteneurContenuBloc {
    /*margin-bottom: 50px;*/
}

.contenuDroite .contenuFull, .contenuGauche .contenuFull {
    margin-bottom: 50px;
}


/*------- Couleur du loader et des selecteur -------*/
::-moz-selection {
    background: #7c2c3d;
    color: #fff
}

::selection {
    background: #7c2c3d;
    color: #fff
}

.spinner > div {
    background-color: #7c2c3d;
}

/*----------------- TEXTES ----------------*/


.h1 {
    font-size: 35px;
    line-height: 40px;
    color: #000;
    margin-bottom: 30px;
}


.h2 {
    font-size: 25px;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px;
}

h3,
.h3 {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    margin-bottom: 10px;
}

h1 {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Raleway-Bold';
    margin-bottom: 25px;
}

h2 {
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Raleway-Bold';
    margin: 25px 0;
}

p {
    font-size: 16px;
    font-family: 'Raleway-Light';
    text-align: justify;
}

a {
    font-size: 16px;
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #000;
}

    a:hover {
        color: #7c2c3d;
        text-decoration: none;
    }

.citation {
    font-size: 16px;
    color: #000;
    font-style: italic;
    font-family: 'Raleway-Medium';
    line-height: 18px;
    letter-spacing: 2px;
    padding: 22px 0;
}

.exergue {
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 10px;
    line-height: 28px;
    margin: 25px 0 7px;
}

strong {
    font-family: 'Raleway-Bold';
    font-weight: normal;
}

.deuxColBlocsGauche .contenuDroite h1 {
}

.nom {
    font-size: 16px;
    font-family: 'Raleway-SemiBold';
}

.fonction {
    font-size: 16px;
}

.listAccordeon {
}

    .listAccordeon .questionFAQ,
    .listAccordeon .questionFAQCat {
        text-transform: uppercase;
        font-size: 16px;
        color: #000;
        font-family: 'Raleway-Regular';
        padding: 10px 0;
        border-top: 1px solid #000;
        width: 100%;
        flex: none;
        position: relative;
        cursor: pointer;
    }

    .listAccordeon .accordionCat:last-child .questionFAQCat {
        border-bottom: 1px solid #000;
    }

    .listAccordeon .questionFAQ:after,
    .listAccordeon .questionFAQCat:after {
        width: 10px;
        height: 10px;
        background: url(/images/Plus.svg) no-repeat center center;
        background-size: 100% auto;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        position: absolute;
        top: 15px;
        right: 0;
        content: '';
        display: block;
    }

    .listAccordeon .questionFAQ.openQuestion,
    .listAccordeon .questionFAQCat.openQuestionCat {
        font-family: 'Raleway-Bold';
    }

        .listAccordeon .questionFAQ.openQuestion:after,
        .listAccordeon .questionFAQCat.openQuestionCat:after {
            background: url(/images/Moins.svg) no-repeat center center;
            background-size: 100% auto;
        }

    .listAccordeon .reponseFAQ,
    .listAccordeon .reponseFAQCat {
        width: 100%;
        padding: 20px 0;
        background: transparent;
        font-size: 16px;
        text-align: justify;
    }

    .listAccordeon .accordion:last-child .questionFAQ,
    .listAccordeon .accordionCat:last-child .questionFAQCat {
        border-bottom: 1px solid #000;
    }

.reponseFAQCat .questionFAQ {
    font-size: 16px;
    line-height: 16px;
    font-family: 'Raleway-SemiBold';
    text-transform: none;
    border: 0 !important;
}

.lienPDF {
    font-size: 16px;
    text-decoration: none;
    display: block;
    margin-top: 10px;
}

    .lienPDF:before {
        background: url(/images/Icn_Pdf.svg) no-repeat center center;
        background-size: 100% auto;
        width: 18px;
        height: 24px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 6px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        content: '';
    }

    .lienPDF:hover:before {
        margin-right: 12px;
    }


img {
    border: 0px;
}

ul {
    margin: 0px 0 20px 20px;
    list-style: none;
    text-align: justify;
}

.contenuDroite ul {
    margin-left: 30px;
}

.contenuDroite .ulLarge li {
    list-style-type: none !important;
    margin-top: 25px;
}

.contenuDroite li {
    list-style-type: none !important;
    margin-top: 15px;
}

    .contenuDroite li:before {
        content: '•';
        font-size: 16px;
        font-family: 'Raleway-Bold';
        margin-right: 6px;
    }

ul ul {
    margin: 0px 0 10px 0;
    list-style: none;
    text-align: justify;
}

    ul ul li {
        margin-left: 20px;
        list-style-type: circle;
    }

.ulOrder li {
    list-style-type: decimal;
}

/*---------- Boutons ---------*/

.btn {
    transition: 0.3s all ease-out;
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -o-transition: 0.3s all ease-out;
    color: #fff;
    background: #000;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    padding: 9px 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Raleway-Bold';
}

    .btn:before {
        font-family: 'boonIco';
    }

    .btn:hover {
        background: #7c2c3d;
        cursor: pointer;
        color: #fff;
    }

/*---------- CLASSES PERSO ---------*/

.important {
    font-weight: bold;
}

.color {
    color: #7c2c3d;
}


.mark {
    color: #7c2c3d;
    background-color: #f4f8fb;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 6px;
}

.notes {
    font-size: 13px;
    font-style: italic;
    background-color: rgba(150,150, 150, 0.1);
    color: #999;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid rgba(150, 150, 150, 0.3);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .notes:before {
        font-size: 13px;
        font-style: italic;
        font-weight: lighter;
        content: "\e91f";
        font-family: boonIco;
        margin-right: 10px;
    }

.retourBtn {
    text-align: right;
    margin: 5px 0;
}

.flottant {
    float: right;
    margin: 0 0 15px 30px;
}

.alignMiddle {
    position: relative;
    display: block;
}

.alignMiddleIn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
}

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

.top {
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #333;
    font-size: 8px;
    letter-spacing: 8px;
    font-family: 'Raleway-ExtraBold';
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    position: relative;
    overflow: hidden;
}

.topScroll {
    height: 0;
}

.head {
    position: fixed;
    z-index: 990;
    width: 100%;
    top: 0;
}

header {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0px 50px;
    background: #f5f4f4;
    /*position: relative;*/
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    /*position: fixed;*/
    position: relative;
    z-index: 10;
}

.headerScroll {
    /*top: 0;*/
    padding: 20px 0px 30px;
}

header .ct1200 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#logo {
    width: 150px;
    height: 37px;
    flex: none;
    margin-right: 15px;
    position: relative;
    z-index: 999999;
}

    #logo img {
        width: 100%;
    }

#outils {
    text-align: center;
    flex: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 200px;
    position: relative;
    margin-left: 15px;
}

.menu {
    flex: 1 1;
}

.favoriHeader:before {
    content: '';
    background: url(/images/favori.svg) no-repeat center center;
    width: 17px;
    height: 16px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    background-size: 100% auto;
    display: inline-block;
}

.favoriHeader:hover:before {
    background: url(/images/favoriHover.svg) no-repeat center center;
    background-size: 100% auto;
}

.connexionHeader {
    margin: 0 5px;
}

    .connexionHeader:before {
        content: '';
        background: url(/images/compte.svg) no-repeat center center;
        width: 19px;
        height: 16px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        background-size: 100% auto;
        display: inline-block;
    }

    .connexionHeader:hover:before {
        background: url(/images/compteHover.svg) no-repeat center center;
        background-size: 100% auto;
    }

.panierHeader:before {
    content: '';
    background: url(/images/panier.svg) no-repeat center center;
    width: 19px;
    height: 16px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    background-size: 100% auto;
    display: inline-block;
}

.panierHeader:hover:before {
    background: url(/images/panierHover.svg) no-repeat center center;
    background-size: 100% auto;
}



/*----------- Langues ----------*/
#languesCt {
    text-align: left;
    margin-bottom: 10px;
    /*position: fixed;*/
    font-family: 'Raleway-Bold';
    flex: none;
}

.langues a {
    text-decoration: none;
    padding: 5px;
    text-transform: uppercase;
    display: inline-block;
}

    .langues a:hover {
        background: #7c2c3d;
        color: #fff;
    }

.langueActive {
    color: #000;
}

#languesCt {
    padding: 0;
    width: 100px;
    height: 20px;
    overflow: hidden;
    right: auto;
    top: 0px;
    margin: 0;
    color: #000;
    z-index: 9300;
    left: unset;
    position: absolute;
    margin-left: 25px;
    right: 0;
    top: 0;
    box-sizing: border-box;
}

    #languesCt .ico-fleche010:before {
        width: 17px;
        height: 10px;
        content: '';
        background: url(/images/Fleche_Dropdown_N.svg) no-repeat center center;
        background-size: 100% auto;
        margin-left: 8px;
        display: inline-block;
    }

    #languesCt a {
        display: block;
        margin: 0px auto !important;
        padding: 6px;
        color: #000;
        text-decoration: none;
        border: 0;
        font-size: 14px;
        font-family: 'Raleway-Bold';
        text-transform: none;
        text-align: left;
        text-transform: lowercase;
    }

        #languesCt a:hover {
            color: #7c2c3d;
            background: transparent;
        }

.langueDrop {
    display: inline-block;
    line-height: 22px;
    cursor: pointer;
    text-transform: lowercase;
}

    .langueDrop:hover {
        color: #7c2c3d;
    }

.langues {
    /*background: #222;*/
    /*margin-top: 10px;*/
    padding: 0px 0px 0px 0px;
    text-align: center;
    background: #fff;
}

/*----------- Panier ----------*/

#panierMini {
    /*margin-bottom: 10px;*/
    flex: none;
    margin-right: 125px;
}

/*#panierMini a {
        display: none;
    }*/

#lblQte {
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #000;
    color: #fff;
    font-size: 9px;
    padding: 3px;
    display: inline-block;
    margin-left: -6px;
}

/*----------- Login ----------*/

.deconnexionCt {
    /*margin-bottom: 10px;*/
}

.connexionNom {
    padding-right: 10px;
}

    .connexionNom:hover {
    }

.lienDeconnexion {
}

    .lienDeconnexion:hover {
    }

/*----------- Recherche ----------*/

.divRecherche {
    text-align: right;
}

    .divRecherche input[type="text"] {
        width: 200px;
        margin-right: 0px;
        font-size: 12px;
    }

.btnRecherche {
    margin: 0;
    padding: 5px 10px;
    background: #222;
    color: #fff;
    text-decoration: none;
}

    .btnRecherche:hover {
        background: #666;
    }

/*-------------------------------------------------------*/
/*-------------------- HOMEPAGE -------------------------*/
/*-------------------------------------------------------*/

.textIntroHome {
    margin-top: 60px;
}

    .textIntroHome .doubleBarre {
        margin-bottom: 30px;
    }


/*--- GESTION BLOCS PUSH ----*/

.fondBloc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bloc .lienBloc {
    display: block;
    width: 100%;
    height: 100%;
}


.bloc {
    width: 300px;
    height: 590px;
    background: #fff;
    overflow: visible;
    flex: none;
    position: relative;
}

.divBlocAccessoire {
    width: 100%;
    height: 100%;
    background: url(/images/fondBlocPush1.png) no-repeat bottom -75px right -65px #fff;
    position: relative;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    display: block;
    padding: 110px 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    text-decoration: none;
}

.divBlocKlok01 {
    width: 100%;
    height: 100%;
    background: url(/images/Bloc_NouveauModel.jpg) no-repeat right bottom;
    background-size: cover;
    position: relative;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    display: block;
    padding: 110px 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    text-decoration: none;
}

.divBlocMinim {
    width: 100%;
    height: 100%;
    background: url(/images/bloc_minim.jpg) no-repeat right bottom;
    background-size: cover;
    position: relative;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    display: block;
    padding: 110px 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    text-decoration: none;
}


.bloc {
    position: relative;
    z-index: 2;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
}

.divBlocFetePeres {
    background: url(/images/Bloc_FetePeres.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBlocFetePeres2022 {
    background: url(/images/blocFetes_peres_2022.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBlocDecouvrir {
    background: url(/images/Bloc_Decouvrir.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divCollectionSummertime {
    background: url(/images/Bloc_CollectionSummertime.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divHeritageJaune {
    background: url(/images/Bloc_Heritagejaune.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divKord {
    background: url(/images/Bloc_Kord.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBracelets {
    background: url(/images/Bloc_Bracelets.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBlackReflex {
    background: url(/images/black-reflex.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divElle {
    background: url(/images/elle.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBlockPush {
    background: url(/images/bloc-push.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBlocNoel2021 {
    background: url(/images/bloc_noel_2021.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divAlma {
    background: url(/images/Bloc_Alma.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divNoel {
    background: url(/images/bloc_noel.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divSerie2021 {
    background: url(/images/serie-ox2021.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBraceletVegetal {
    background: url(/images/bloc_bracelet_naturel.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divAnniversaire5 {
    background: url(/images/bloc_anniversaire_5.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBlueNote {
    background: url(/images/bloc_blue_note.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBlueNote2 {
    background: url(/images/bloc_bluenote.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divRosso {
    background: url(/images/Bloc_Rosso.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBlocConfigurateur {
    background: url(/images/Bloc_Configurateur.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}


.divBlocFeteMeres2021 {
    background: url(/images/bloc_fetes_des_meres2021.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBlocMinimal {
    background: url(/images/Bloc_Minimal.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}



.divInterchangeabilite {
    background: url(/images/Bloc_Interchangeabilite.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divEclate {
    background: url(/images/Bloc_Eclate.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divSynkronic {
    background: url(/images/Bloc_synkronic.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divSynkronic2 {
    background: url(/images/bloc_synkronic2.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divOffreKord {
    background: url(/images/Bloc_OffreKord.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divOffreFather {
    background: url(/images/Bloc_Father.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divOffreFetePere2021 {
    background: url(/images/bloc_fete_papa2021.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 80px 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divBraceletTextile {
    background: url(/images/bloc_bracelet_textile.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 60px 15px 80px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divHelloSummer {
    background: url(/images/bloc-summer22.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 60px 15px 80px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divHypnagogic {
    background: url(/images/bloc-hypnagogic.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 60px 15px 80px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}

.divNoel22 {
    background: url(/images/noel_2022.jpg) no-repeat right bottom;
    background-size: cover;
    padding: 60px 15px 80px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
}


.divBlocKlok01:before,
.divBlocFetePeres:before,
.divBlocDecouvrir:before,
.divBlocFetePeres2022:before,
.divKord:before,
.divOffreKord:before,
.divRosso:before,
.divBracelets:before,
.divAlma:before,
.divNoel:before,
.divSerie2021:before,
.divSynkronic:before,
.divSynkronic2:before,
.divBraceletVegetal:before,
.divAnniversaire5:before,
.divBlueNote:before,
.divBlueNote2:before,
.divOffreFather:before,
.divOffreFetePere2021:before,
.divBlackReflex:before,
.divBlockPush:before,
.divBlocNoel2021:before,
.divBlocMinim:before,
.divElle:before {
    background: #fff !important;
}

.bloc > a:before {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 14px;
    height: 14px;
    border-bottom-left-radius: 50%;
    background: #000;
    content: '';
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    z-index: 2;
}

.titreBloc {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 1px;
    font-family: 'Raleway-Bold';
    display: block;
    margin-bottom: 30px;
    color: #000;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    background: transparent;
    padding: 0;
    font-weight: normal;
}

    .titreBloc span {
        font-family: 'Raleway-Thin';
    }

.lienBloc {
    display: inline-block;
    font-size: 14px;
    font-family: 'Raleway-Medium';
    text-decoration: underline;
    color: #000;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-transform: uppercase;
}

.bloc > a:after {
    content: '';
    height: 25px;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #7c2c3d;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    opacity: 0;
    width: 100%;
    display: block;
    z-index: 1;
}

.bloc > a:hover:after {
    bottom: -25px;
    opacity: 1;
}

.bloc > a:hover:before {
    background: #7c2c3d;
}

.divBlocKlok01:hover:before,
.divBlocFetePeres:hover:before,
.divKord:hover:before,
.divOffreKord:hover:before,
.divSynkronic:hover:before,
.divSynkronic2:hover:before,
.divOffreFather:hover:before,
.divOffreFetePere2021:hover:before,
.divBlocMinim:hover:before,
.divBlocFetePeres2022:hover:before {
    background: #7c2c3d !important;
}


.divBlocKlok01 .titreBloc,
.divBlocKlok01 .lienBloc,
.divBlocFetePeres .titreBloc,
.divBlocFetePeres .lienBloc,
.divBlocFetePeres2022 .titreBloc,
.divBlocFetePeres2022 .lienBloc,
.divBlocDecouvrir .titreBloc,
.divKord .titreBloc,
.divKord .lienBloc,
.divOffreKord .titreBloc,
.divOffreKord .lienBloc,
.divRosso .titreBloc,
.divRosso .lienBloc,
.divBracelets .titreBloc,
.divBracelets .lienBloc,
.divBlackReflex .titreBloc,
.divBlackReflex .lienBloc,
.divElle .titreBloc,
.divElle .lienBloc,
.divBlockPush .titreBloc,
.divBlockPush .lienBloc,
.divBlocNoel2021 .titreBloc,
.divBlocNoel2021 .lienBloc,
.divAlma .titreBloc,
.divAlma .lienBloc,
.divNoel .titreBloc,
.divNoel .lienBloc,
.divSerie2021 .titreBloc,
.divSerie2021 .lienBloc,
.divBraceletVegetal .titreBloc,
.divBraceletVegetal .lienBloc,
.divSynkronic .titreBloc,
.divSynkronic .lienBloc,
.divSynkronic2 .titreBloc,
.divSynkronic2 .lienBloc,
.divAnniversaire5 .titreBloc,
.divAnniversaire5 .lienBloc,
.divBlueNote .titreBloc,
.divBlueNote .lienBloc,
.divBlueNote2 .titreBloc,
.divBlueNote2 .lienBloc,
.divOffreFather .titreBloc,
.divOffreFather .lienBloc,
.divOffreFetePere2021 .titreBloc,
.divOffreFetePere2021 .lienBloc,
.divBlocMinim .titreBloc,
.divBlocMinim .lienBloc {
    color: #fff;
}

.bloc > a:hover .titreBloc,
.bloc > a:hover .lienBloc {
    color: #7c2c3d;
}

.blocsPush {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    padding: 110px 0 60px;
    border-top: 1px solid #000;
    flex-wrap: wrap;
}


/*----- BANDEAU PRESSE HOME -----*/
#panRevue {
    background: #e9e7df;
    text-align: center;
    color: #928763;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: 'Raleway-Bold';
    padding: 92px 0;
    position: relative;
}

    #panRevue .swiper-container-revuePresse {
        max-height: 280px;
        width: 960px !important;
        position: relative;
    }

        #panRevue .swiper-container-revuePresse .ct {
            /*overflow: hidden;*/
            width: 100% !important;
            /*margin: 0 5%;*/
            box-sizing: border-box !important;
        }





.flechePresse {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}

.swiper-revue-presse {
    width: 100%;
    background: transparent;
    color: #928763;
    font-size: 20px;
    font-family: 'Raleway-Bold';
    text-align: center;
}

    .swiper-revue-presse a {
        color: #928763;
        font-family: 'Raleway-Regular';
        font-size: 30px;
        line-height: 50px;
    }

.titreSliderPresse {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 30px;
    font-family: 'Raleway-Bold';
    display: block;
    margin-bottom: 30px;
}

.swiper-revue-presse a .descPresseSlider {
    font-family: 'Raleway-Regular';
    font-size: 30px;
    line-height: 40px;
    max-height: 128px;
    overflow: hidden;
}

#panRevue .swiper-slide {
    width: 100% !important;
}

.titrePresseSlider {
    display: block;
    color: #928763;
    font-size: 20px;
    letter-spacing: 4px;
    font-family: 'Raleway-ExtraLight';
    margin-top: 35px;
}

#panRevue .swiper-button-prev {
    background: url(/images/Prev_Testi.svg) no-repeat center center;
    width: 14px;
    height: 28px;
    background-size: 100% auto;
}

#panRevue .swiper-button-next {
    background: url(/images/NextTesti.svg) no-repeat center center;
    width: 14px;
    height: 28px;
    background-size: 100% auto;
}

#panRevue .swiper-text {
    left: 0;
    padding: 0;
    top: 0;
}

/*---- PRODUITS HOME ----*/

#panProduit {
    width: 100%;
}

    #panProduit .ct-produit {
        width: 300px;
    }

    #panProduit .ct-produits {
        margin: 90px auto 0;
    }


/*----- PHotos / blog -----*/
.divPhotosBlogHome {
    width: 100%;
    background: #fff;
    margin: 0 auto;
}

.divPhotosBlogHomeContent {
    width: 1620px;
    max-width: 100%;
    padding: 30px 0;
    margin: 0 auto;
}

.articleCt {
}


/*---------- Actus Home ---------*/
.actuCt {
    position: relative;
    width: 400px;
    margin: 0px 20px;
    float: left;
}

.actuImage {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

    .actuImage img {
        width: 100%
    }

.actuDesc {
}

.actuTitre {
    margin-bottom: 10px;
}

.actuDate {
    margin-bottom: 10px;
}

.actuTexte {
    margin-bottom: 10px;
    max-height: 90px;
    overflow: hidden;
    text-align: justify;
    font-size: 14px;
    line-height: 16px;
}

.actuLien {
    text-align: right;
}

    .actuLien a {
        font-size: 13px;
    }


/*-- BLOCS IMAGE / BLOG HOME ---*/

.ct-bloc-home {
    width: 1620px;
    max-width: 1700px;
    padding: 30px 0;
    margin: 0 auto;
    width: 100%;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    flex-flow: row wrap;
    align-items: flex-start;
}

.bloc-home {
    margin-top: 5px;
    /*border: 1px solid #808080;*/
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
}

.dv-bloc {
    position: relative;
    width: 300px;
    margin: 15px;
    height: 300px;
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    box-sizing: border-box;
}

.a-bloc-home {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    flex-flow: column nowrap;
    justify-content: center;
    text-decoration: none;
    color: #FFF !important;
}

    .a-bloc-home span {
        display: inline-block;
        width: 100%;
    }

        .a-bloc-home span :last-child {
            text-transform: uppercase;
        }

    .a-bloc-home:hover {
        color: #FFF !important;
        text-decoration: none;
    }

/*---------- Events Home ---------*/

.eventCt {
    position: relative;
    width: 400px;
    margin: 0px 20px;
    float: left;
}

.eventImage {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

    .eventImage img {
        width: 100%
    }

.eventDesc {
}

.eventTitre {
    margin-bottom: 10px;
}

.eventDate {
    margin-bottom: 10px;
}

.eventTexte {
    margin-bottom: 10px;
    max-height: 90px;
    overflow: hidden;
    text-align: justify;
    font-size: 14px;
    line-height: 16px;
}

.eventLien {
    text-align: right;
}

    .eventLien a {
        font-size: 13px;
    }

/*---------- Blog Home ---------*/

#panHomeBlogArticles .fotorama__stage {
    width: 400px;
    height: 400px;
}

#panHomeBlogArticles {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.articleCt {
    position: relative;
    width: 300px;
    margin: 0px 20px;
    height: 300px;
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #808080;
    color: #fff;
    padding: 30px;
    box-sizing: border-box;
}

.articleImage {
    width: 100%;
    height: 250px;
    overflow: hidden;
    display: none;
}

    .articleImage img {
        width: 100%
    }

.articleTitre {
    margin-bottom: 25px;
    font-size: 25px;
    color: #fff;
    font-family: 'Raleway-Light';
    letter-spacing: 1px;
    text-align: center;
    display: block;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.a-bloc-home:hover .articleTitre {
    color: #7c2c3d !important;
}

.articleLien {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: underline;
    font-family: 'Raleway-Medium';
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.a-bloc-home:hover .articleLien {
    color: #7c2c3d !important;
}

.reponseBlogDe {
    margin-top: 10px;
    padding-left: 20px;
}

    .reponseBlogDe span {
        font-weight: bold;
        color: #000000;
        clear: both;
        height: 20px;
        padding-top: 10px;
    }

/*------------------------------------------------------*/
/*-------------------- CONTENU -------------------------*/
/*------------------------------------------------------*/

/*---------- Contenus des Blocs ---------*/

.contenuFullPage .contenuMixteImageG {
    width: 300px;
    float: left;
    min-height: 1px;
}

.contenuFullPage .contenuMixteImageD {
    width: 300px;
    float: right;
    min-height: 1px;
}

.contenuFullPage .contenuMixteTexteG {
    width: 610px;
    float: left;
    min-height: 1px;
}

.contenuFullPage .contenuMixteTexteD {
    width: 610px;
    float: right;
    min-height: 1px;
}

.contenuFullPage .contenuTexte2ColG {
    width: 450px;
    float: left;
    min-height: 1px;
}

.contenuFullPage .contenuTexte2ColD {
    width: 450px;
    float: right;
    min-height: 1px;
}

.contenuFullPage .contenuFull {
    width: 100%;
}

.contenuFullPage .contenuFullPhotoSeule {
    width: 100%;
}

.contenuFullPhotoSeule .photoColonne {
    margin-bottom: 0;
}

.contenuFullPage .contenuFullPhotoSeule img {
    width: 100%;
}

.contenuFullPage .contenuFullPhotoSlider {
    display: block;
    position: relative;
}

.photoColonne {
    margin-bottom: 15px;
}

    .photoColonne img {
        width: 100%;
    }

.flottantGauche {
    float: left;
    margin: 0 30px 0 0;
}

.flottantDroite {
    float: right;
    margin: 0 0 0 30px;
}

.sepFooter {
    display: block;
    clear: both;
    height: 40px;
}

/*---------- Fil d'Ariane ---------*/
#cheminNav {
    /*height: 30px;*/
    clear: both;
    margin: 0 auto;
    font-family: 'Raleway-SemiBold';
    color: #000;
    text-transform: uppercase;
    background: #f5f4f4;
    position: relative;
    z-index: 2;
    padding: 50px 0 20px;
}

    #cheminNav a,
    #cheminNav span {
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Raleway-Light';
    }

        #cheminNav a:hover {
            color: #7c2c3d;
            /*text-decoration: underline;*/
        }

.sepCheminNav {
    /*margin: 0px 5px 0px 5px;*/
}

    .sepCheminNav:before {
        content: " - ";
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
    }

/*---------- Pagination ---------*/

.paginationListing {
    margin: 30px auto;
    text-align: center;
    font-size: 14px;
}

    .paginationListing span {
        padding: 10px 16px;
        background: #222;
        color: #fff;
        border: 1px solid #222;
    }

    .paginationListing a {
        padding: 10px 16px;
        background: #fff;
        color: #222;
        border: 1px solid #222;
    }

        .paginationListing a:hover {
            color: #fff;
            background: #222;
            cursor: pointer;
        }

/*----------------------------------------------*/
/*-------------- FORMULAIRES -------------------*/
/*----------------------------------------------*/

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select {
    border: 1px solid #E3E3E3;
    transition: 0.3s all ease-out;
    color: #565656;
    outline: none;
    padding: 5px;
    background: #FFFFFF;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="url"]:focus,
    textarea:focus {
        border-color: #777;
    }

button[type="button"],
button[type="submit"],
input[type="submit"],
input[type="button"],
input[type="reset"] {
    padding: 7px 15px;
    background: #222;
    border: 1px solid #222;
    color: #fff;
    cursor: pointer;
}

    button[type="button"]:hover,
    button[type="submit"]:hover,
    input[type="submit"]:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover {
        background: none;
        color: #222;
    }

        button[type="button"]:disabled,
        button[type="submit"]:disabled,
        input[type="submit"]:disabled,
        input[type="button"]:disabled,
        input[type="reset"]:disabled,
        button[type="button"]:hover:disabled,
        button[type="submit"]:hover:disabled,
        input[type="submit"]:hover:disabled,
        input[type="button"]:hover:disabled,
        input[type="reset"]:hover:disabled {
            background: #222;
            color: #fff;
            opacity: 0.7;
            cursor: default;
        }

/*.errorControl {
    background-color: #FBE3E4 !important;
    border: solid 1px Red !important;
}*/

.correction {
    background: rgba(240, 80, 80, 0.1);
    color: #f05050;
}

/*---------- Contact ---------*/

.formulaire {
    width: 100%;
    margin-top: 20px;
}

.formulaire-row {
    margin-bottom: 25px;
    position: relative;
}

.formulaireContact .formulaire-row {
    margin-bottom: 20px;
    position: relative;
}

.formulaire .error {
    font-family: 'Raleway-Bold';
    color: #7c2c3d;
}

.formulaire input[type="text"],
.formulaire input[type="tel"],
.formulaire input[type="email"],
.formulaire textarea,
.formulaire .ddl {
    padding: 8px 15px;
    width: 100%;
    border: 1px solid #000;
    text-align: left;
    display: block;
    font-size: 14px;
    font-family: 'Raleway-Regular';
    background: none;
    box-sizing: border-box;
}

.formulaire .ddl {
    padding: 0 !important;
    position: relative;
}

    .formulaire .ddl:before {
        pointer-events: none;
        content: '';
        background: url(/images/Fleche_Dropdown_N.svg) no-repeat center center;
        background-size: 100% auto;
        width: 17px;
        height: 10px;
        position: absolute;
        top: 10px;
        right: 20px;
    }

.formulaire select {
    border: none;
    -webkit-appearance: none;
    background: transparent;
    padding: 10.5px 15px !important;
    box-sizing: border-box;
}

.formulaire textarea {
    height: 280px;
    resize: vertical;
}

/*-- Ci dessous, le style du label qui est par dessus
    le champs.

    Si vous voulez enlever la petite animation
    des labels, faites comme il y a marqué dans les commentaires de l'UC Contact,
    et enlevez la position absolute de la règle ci dessous.
    */

.mentionMob {
    display: none;
    font-size: 8px;
}

.mentionPC {
    font-size: 8px;
}

.formulaire label {
    /*position: absolute;*/
    left: 0;
    top: 5px;
    font-size: 15px;
    font-family: Arial;
    color: #5c5c5c;
    opacity: 0.8;
    cursor: text;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.formulaire input[type="radio"] + label,
.formulaire input[type="checkbox"] + label {
    top: 0;
}

/*-- Style des champs quand on est en train décrire dessus
        */

.formulaire input[type="text"]:focus,
.formulaire input[type="email"]:focus,
.formulaire input[type="tel"]:focus,
.formulaire textarea:focus {
    border: 1px solid #7c2c3d;
}

/*-- Style du label quand on a cliqué dessus et quand
                on a du texte dans les champs
        */

/*.formulaire input[type="text"]:focus ~ label,
    .formulaire input[type="text"].fill ~ label,
    .formulaire input[type="email"]:focus ~ label,
    .formulaire input[type="email"].fill ~ label,
    .formulaire input[type="tel"]:focus ~ label,
    .formulaire input[type="tel"].fill ~ label,
    .formulaire textarea:focus ~ label,
    .formulaire textarea.fill ~ label {
        transform-origin: left center;
        transform: translate3d(0, -100%, 0) scale3d(.85, .85, 1);
        opacity: 0.5;
    }*/

/*-- Style des champs avec erreurs
        */

.errorControl {
    background-color: #FBE3E4 !important;
    border: 0px !important;
    border-bottom: 2px solid #cc5246 !important;
}

.formulaire-check {
    margin-bottom: 20px;
}

    .formulaire-check > div {
        margin: 0px 0px 8px 0px;
    }

        .formulaire-check > div label,
        .ReCaptcha-notice {
            opacity: 1;
            color: #979797;
            line-height: 20px;
            font-size: 13px;
        }

            .formulaire-check > div label a {
                color: #000;
                text-decoration: underline;
                font-size: 14px !important;
            }

            .ReCaptcha-notice a {
                font-size: 10px !important;
            }


/*-- Style du champ Kit Bancaire Stripe (uc/KitsBancaires/StripeElements.ascx) */
.stripe {
    max-width: 420px;
}

.stripe-savedCardsTitle {
    display: block;
    margin: 0 0 10px;
}

.stripe-cardSelectTitle {
    display: block;
    margin: 20px 0 10px;
}

.stripe-savedCard {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.stripe-savedCardImage {
    display: none;
}

.stripe-savedCardName {
    margin: 0 5px;
}

    .stripe-savedCardName::before {
        content: "\2022\2022\2022\2022";
        margin-right: .33em;
        letter-spacing: 2px;
    }

.stripe-savedCardExp {
    margin: 0 0 0 10px;
}

.stripe-savedCardDelete {
    font-size: 20px;
    display: inline-block;
    padding: 5px;
    line-height: .5em;
    cursor: pointer;
}

.stripe-cardSelect {
    margin: 5px 0;
}

.stripe-cardContainer {
    padding: 20px 0 0 0;
    overflow: hidden;
    transition: max-height .25s ease-out, opacity .25s ease-out;
}

    .stripe-cardContainer:not(.isVisible) {
        max-height: 0;
        opacity: 0;
    }

    .stripe-cardContainer.isVisible {
        max-height: 250px;
        opacity: 1;
    }

.formulaire .StripeElement {
    width: 100%;
    height: 30px;
    padding: 5px 0 0;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid rgba(33, 33, 33, 0.25);
    box-sizing: border-box;
    transition: 0.3s all ease-out;
}

    .formulaire .StripeElement iframe {
        opacity: 0;
        transition: 0.3s opacity ease-out;
    }

    .formulaire .StripeElement--focus iframe,
    .formulaire .StripeElement:not(.StripeElement--empty) iframe {
        opacity: 1;
    }

.formulaire .StripeElement--focus {
    border-bottom-color: #222;
}

    .formulaire .StripeElement--focus ~ label,
    .formulaire .StripeElement:not(.StripeElement--empty) ~ label {
        transform-origin: left center;
        transform: translate3d(0, -100%, 0) scale3d(.85, .85, 1);
        opacity: 0.5;
    }

.formulaire .StripeElement--invalid:not(.StripeElement--focus) {
    background-color: #FBE3E4 !important;
    border-bottom-color: #cc5246 !important;
}

/*---------- Inscription / Connexion ---------*/

/*----------------------------------------------------*/
/*-------------- LISTINGS / DETAIL -------------------*/
/*----------------------------------------------------*/

/*---------- Listing Actus ---------*/

#listingActus {
    margin-bottom: 30px;
    font-size: 0;
}

.listActuCt {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.listActuImg {
    width: 100%;
    height: 160px;
    overflow: hidden;
    margin: 10px auto;
}

    .listActuImg img {
        width: 100%;
    }

.listActuDesc {
    width: 100%;
    font-size: 14px;
    margin: 10px auto;
}

.listActuTitre {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
}

.listActuDate {
    color: #222;
    font-size: 14px;
    margin: 6px 0px;
}

.listActuTexte {
    font-size: 14px;
    line-height: 16px;
    max-height: 60px;
    text-align: justify;
    overflow: hidden;
}

.listActuLien {
    margin-top: 5px;
    text-align: right;
}

/*---------- Détail Actu ---------*/

.detailActuDesc {
}

.detailActuDate {
    color: #000;
    margin-bottom: 20px;
}

#detailActuGalerie {
    clear: both;
    margin: 30px 0;
}

.detailActuGalerieImg {
    margin: 0px 10px;
}

#detailActuFichiers {
    clear: both;
    margin: 30px 0;
}

    #detailActuFichiers li {
        margin: 0 0 7px 0;
    }

/*---------- Listing Event ---------*/

#listingEvents {
    margin-bottom: 30px;
    font-size: 0;
}

.listEventCt {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.listEventImg {
    width: 100%;
    height: 160px;
    overflow: hidden;
    margin: 10px auto;
}

    .listEventImg img {
        width: 100%;
    }

.listEventDesc {
    width: 100%;
    font-size: 14px;
    margin: 10px auto;
}

.listEventTitre {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
}

.listEventDate {
    color: #222;
    font-size: 14px;
    margin: 6px 0px;
}

.listEventTexte {
    font-size: 14px;
    line-height: 16px;
    max-height: 60px;
    text-align: justify;
    overflow: hidden;
}

.listEventLien {
    margin-top: 5px;
    text-align: right;
}

/*---------- Détail Event ---------*/

.detailEventDesc {
}

.detailEventDate {
    color: #000;
    margin-bottom: 20px;
}

#detailEventGalerie {
    clear: both;
    margin: 30px 0;
}

.detailEventGalerieImg {
    margin: 0px 10px;
}

#detailEventFichiers {
    clear: both;
    margin: 30px 0;
}

    #detailEventFichiers li {
        margin: 0 0 7px 0;
    }

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

footer {
    width: 100%;
    padding: 55px 0 15px;
    text-align: center;
    background: #f1eef0;
    position: relative;
    z-index: 2;
}

.garantiesFooter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.garantieFooter {
    width: auto;
    flex: none;
    text-align: center;
    font-size: 15px;
    font-family: 'Raleway-Light';
    margin: 0 30px;
    text-decoration: none;
}

    .garantieFooter span {
        text-transform: uppercase;
        font-family: 'Raleway-Bold';
        display: block;
    }

    .garantieFooter:before {
        content: '';
        display: block;
        margin-bottom: 5px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .garantieFooter:hover:before {
        transform: scale(0.9);
    }

.garantieFooter1:before {
    background: url(/images/Pct_Livraison.svg) no-repeat center center;
    width: 73px;
    height: 71px;
    background-size: 100% auto;
    background-position: center center;
    margin: 0 auto 10px;
}

.garantieFooter2:before {
    background: url(/images/Pct_Satisfait.svg) no-repeat center center;
    width: 70px;
    height: 58px;
    background-size: 100% auto;
    background-position: center center;
    margin: 0 auto 15px;
}

.garantieFooter3:before {
    background: url(/images/Pct_Garantie.svg) no-repeat center center;
    width: 70px;
    height: 71px;
    background-size: 100% auto;
    background-position: center center;
    margin: 0 auto 10px;
}


/*.garantieFooter4:before {
    background: url(/images/Icn_ServiceClient_N.svg) no-repeat center center;
    width: 100%;
    height: 65px;
    background-size: auto 100%;
    background-position: center center;
}

.garantieFooter5:before {
    background: url(/images/Icn_PaiementSecurise_N.svg) no-repeat center center;
    width: 100%;
    height: 65px;
    background-size: auto 100%;
    background-position: center center;
}*/
.blocNewsletter {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 30px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
/*#panInscriptionNewsletter {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 30px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}*/
.messagesNewsletter {
    display: block;
    margin-top: 10px;
    text-align: left;
    color: #7c2c3d;
    font-size: 12px;
    font-family: 'Raleway-Bold';
}

#divDescNewsletter {
    width: 55%;
    flex: none;
    font-family: 'Raleway-Bold';
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 8px;
}

.rightNewsletter {
    width: 45%;
    flex: none;
}

.rgpdNewsletter {
    text-align: left;
    font-size: 8px;
    font-family: 'Raleway-Light';
    margin-top: 18px;
}

    .rgpdNewsletter a {
        text-decoration: underline;
        font-family: 'Raleway-Regular';
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        font-size: 8px;
    }

        .rgpdNewsletter a:hover {
            color: #7c2c3d;
        }

.inputNewsletter {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    .inputNewsletter input {
        background: transparent;
        border: 1px solid #000;
        width: 55%;
        text-align: center;
        font-size: 14px;
        /*text-transform: uppercase;*/
        font-family: 'Raleway-Medium';
        color: #000;
        height: 30px;
        line-height: 30px;
        box-sizing: border-box;
    }

        .inputNewsletter input::placeholder {
            text-transform: uppercase;
        }

    .inputNewsletter .btn {
        width: 45%;
        height: 30px;
        line-height: 30px;
        background: #000;
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Raleway-Bold';
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        border: none;
        padding: 0;
    }

        .inputNewsletter .btn:hover {
            background: #7c2c3d;
        }


/*------ CROSSLINK------*/
#crosslink {
    width: 100%;
    text-align: center;
    padding: 30px 0 23px;
    background: #f1eef0;
    color: #808080;
    font-size: 16px;
    position: relative;
    z-index: 2;
}

.languesMob {
    display: none;
    position: relative;
}

.liensCrosslink {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
}

.colCrosslink {
    width: 300px;
    max-width: 90%;
    flex: none;
    text-align: left;
    font-size: 14px;
    color: #808080;
    font-family: 'Raleway-Bold';
    position: relative;
}

    .colCrosslink a {
        color: #808080;
        font-family: 'Raleway-Light';
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        display: block;
        background: transparent;
        text-decoration: none;
    }

        .colCrosslink a:hover {
            color: #7c2c3d;
        }

.logoLanguesCrosslink {
    /*display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;*/
    margin-bottom: 35px;
}

    .logoLanguesCrosslink img {
        /*flex: 1 1;*/
        width: 150px;
        height: 37px;
    }

.crosslinkInterne .basPage {
    margin-top: 50px;
}

.txtPageSupplement {
    text-align: left;
    padding-top: 34px;
    border-top: 1px solid #808080;
    font-family: 'Raleway-Light';
    margin: 65px auto;
}

strong {
    /*font-family: 'Raleway-Medium';*/
}

.center {
    text-align: center;
}

.basPage {
    text-align: center;
    font-family: Arial;
    color: #808080;
    font-size: 14px;
}

    .basPage a {
        color: #808080;
        font-size: 14px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        text-decoration: none;
    }

        .basPage a:hover {
            color: #fff;
        }


/*-------------------------------------------*/
/*-------------- CONNEXION ------------------*/
/*-------------------------------------------*/
.connexionCt {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    padding: 50px 0 100px;
}

.connexionGauche {
    width: 50%;
    display: block;
    box-sizing: border-box;
    text-align: left;
    padding: 0 65px 0 0;
}

    .connexionGauche .sep-head-panier:before {
        width: 30px;
        height: 3px;
        margin-top: 0;
    }

    .connexionGauche .sep-head-panier:after {
        width: 100%;
        height: 1px;
        max-width: 100%;
    }

.connexionGaucheContent {
    margin: 25px 0 0 50px;
}

.connexionCt .h2 {
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-family: 'Raleway-Bold';
    display: block;
    margin-bottom: 28px !important;
}

.formConnexion input,
.inscriptionRow input {
    padding: 8px 0;
    width: 100%;
    border: 1px solid #000;
    text-align: center;
    display: block;
    font-size: 14px;
    font-family: 'Raleway-Regular';
    background: none;
}

    .formConnexion input:focus,
    .inscriptionRow input:focus {
        border: 1px solid #7c2c3d;
    }

.formConnexion .inputIco,
.inscriptionRow {
    display: block;
    margin-bottom: 20px;
}

.connexionDroite {
    width: 50%;
    display: block;
    box-sizing: border-box;
    text-align: left;
    padding: 45px 50px 0 65px;
}

    .connexionDroite h2 {
        margin-bottom: 35px;
    }

.mdpOublie {
    margin-top: 30px;
    font-size: 16px;
    font-family: 'Raleway-Regular';
    position: relative;
    display: inline-block;
    text-decoration: none;
}

    .mdpOublie a {
        text-decoration: none;
    }

    .mdpOublie::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(1);
        height: 1px;
        bottom: 0;
        left: 0;
        background-color: #000;
        transform-origin: bottom left;
        transition: transform .3s ease-in-out;
    }

    .mdpOublie:hover::after {
        transform: scaleX(0);
        transform-origin: bottom right;
    }


.btnInscription {
    margin-top: 20px;
}

.introConnexionDroite {
    font-size: 16px;
    font-family: 'Raleway-Regular';
    margin-bottom: 50px;
}


/*---------------------------------------------*/
/*-------------- INSCRIPTION ------------------*/
/*---------------------------------------------*/
.inscriptionCt {
    margin: 0 auto;
    display: block;
    padding: 50px 0 100px;
}

.connexionGaucheContent h1,
.connexionGaucheContent .h1 {
    font-size: 30px;
    font-weight: normal;
    font-family: 'Raleway-Bold';
    display: block;
    margin-bottom: 30px;
    text-align: justify;
    text-transform: none;
    width: 100%;
    box-sizing: border-box;
}

    .connexionGaucheContent h1 .span,
    .connexionGaucheContent .h1 .span {
        text-transform: uppercase;
        font-size: 30px;
        font-family: 'Raleway-Regular';
        /*letter-spacing: 30px;*/
        display: block;
    }

.descInscriptionGauche {
    text-align: justify;
    font-size: 16px;
    font-family: 'Raleway-Light';
}

.inscriptionDroite h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-family: 'Raleway-Bold';
    font-weight: normal;
    margin-top: 50px;
}

    .inscriptionDroite h2:first-child {
        margin-top: 30px;
    }

    .inscriptionDroite h2 span {
        font-family: 'Raleway-Regular';
    }

        .inscriptionDroite h2 span:after {
            content: ' — ';
            display: inline-block;
            vertical-align: middle;
            margin: 0 5px;
        }

.inscriptionBloc {
    margin-bottom: 20px;
}

.inscriptionGauche {
    width: 50%;
    float: left;
    display: block;
    box-sizing: border-box;
    text-align: left;
    padding-right: 50px;
}

.inscriptionDroite {
    width: 50%;
    float: left;
    display: block;
    box-sizing: border-box;
    text-align: left;
    padding-left: 65px;
}

.inscriptionRow {
    margin-bottom: 0;
}

    .inscriptionRow label {
        margin-bottom: 5px;
        display: block;
    }

/*Style du texte d'erreur de mail*/
.formError {
    margin-top: 4px;
    color: #f74b4b;
}

.inscriptionLegende {
    display: block;
    font-style: italic;
}

.containerMessageInscription {
    text-align: center;
}

#panMenu {
    display: inline-block;
    margin-bottom: 30px;
}

    #panMenu a {
        display: inline-block;
        border: 1px solid #868686;
        background: #868686;
        color: #fff;
        text-decoration: none;
        padding: 10px;
    }

        #panMenu a:hover {
            background: #222;
            color: #fff;
        }

    #panMenu .actif {
        background: none;
        color: #222;
    }

.submitInscription {
    text-align: center;
    padding: 10px 0;
    margin: 30px auto 0px auto;
}

    .submitInscription .btn {
        margin-top: 20px;
    }

/*--------------------------------------------------*/
/*-------------- REVUE DE PRESSE -------------------*/
/*--------------------------------------------------*/

.listeLignePresse {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.listePressesConteneurImage {
    width: 275px;
    height: 155px;
    overflow: hidden;
    float: left;
}

    .listePressesConteneurImage a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .listePressesConteneurImage img {
        width: 100%;
    }

.listePressesConteneurTextes {
    float: left;
    width: 635px;
    height: auto;
    margin-left: 30px;
}

.listePressesTitre {
    font-size: 12px;
    margin: 0;
}

.listePressesConteneurDate {
    color: #555;
    font-size: 11px;
    margin: 10px 0;
}

.listePressesConteneurDescription {
    line-height: 15px;
    height: auto;
    text-align: justify;
}

.listePressesConteneurLien {
    margin-top: 5px;
    text-align: right;
}

/*------------------------------------------------*/
/*-------------- GALERIE PHOTO -------------------*/
/*------------------------------------------------*/

/*---------- Listing Galerie Photo ---------*/

.albums {
    font-size: 0;
    margin-bottom: 50px;
}

.albumCt {
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
}

.albumPhoto {
    width: 100%;
    height: 250px;
    display: block;
    margin-bottom: 10px;
}

    .albumPhoto img {
        max-width: 100%;
    }

.albumTitre {
    text-align: center;
    display: block;
    width: 100%;
}

    .albumTitre a {
        color: #000;
        font-size: 14px;
    }

        .albumTitre a:hover {
            color: #222;
        }

/*---------- Détail Galerie Photo ---------*/

#galeriePhoto {
    margin: 30px 50px 50px 50px;
}

.contenuDescriptionAlbum {
    margin-bottom: 30px;
    text-align: justify;
}

.conteneurPhoto {
    float: left;
    width: 65px;
    height: 65px;
    margin: 5px;
    overflow: hidden;
}

.conteneurPhotoIsotop {
    display: block;
    height: auto;
    overflow: hidden;
    margin-bottom: 0px;
    border: 2px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    background: none;
}

    .conteneurPhotoIsotop .swipebox .classHoverVideo {
        background: url(/images/play.png) no-repeat center;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 6;
        left: 0;
    }

    .conteneurPhotoIsotop img {
        margin-left: 5px;
        margin-right: 5px;
        margin: 0;
        width: 100%;
    }

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: top, left, opacity;
        transition-property: transform, opacity;
    }

/*------------------------------------------------*/
/*-------------- GALERIE VIDEO -------------------*/
/*------------------------------------------------*/

/*---------- Listing Galerie Vidéo ---------*/

#conteneurVideo {
    margin-bottom: 50px;
    width: 100%;
}

.videoCt {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin-bottom: 30px;
}

    .videoCt img {
        width: 100%;
    }

.videoImg {
    display: block;
    height: 170px;
}

.videoTitre {
    display: block;
    text-align: center;
    margin-top: 10px;
}

    .videoTitre a {
        color: #000;
    }

        .videoTitre a:hover {
            color: #222;
        }

/*---------- Détail Galerie Vidéo ---------*/

#divVideo {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 50%;
    overflow: hidden;
}

    #divVideo iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.detailVideoDate {
    margin-top: 15px;
    font-style: italic;
}

.detailVideoDescription {
    margin-top: 5px;
}

/*---------------------------------------------------*/
/*----------------- LIVRE D'OR ----------------------*/
/*---------------------------------------------------*/

.temoignageCt {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.temoignageTitre {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin-bottom: 3px;
}

.temoignageBlocUser {
}

.temoignageDe {
    float: left;
}

.temoignageUser {
    color: #000;
}

.temoignageMail {
    color: #999;
    text-decoration: underline;
}

    .temoignageMail:hover {
        color: #000;
    }

.temoignageDate {
    float: right;
    text-align: right;
    color: #000;
}

.temoignageDescription {
    clear: both;
    padding: 10px 0;
    display: block;
}

.popupRow {
    display: block;
    margin-bottom: 10px;
}

    .popupRow span {
        margin-bottom: 5px;
        display: block;
    }

/*--------------------------------------------------*/
/*----------------- RECHERCHE ----------------------*/
/*--------------------------------------------------*/

.rechercheMot {
    font-weight: bold;
}

.rechercheResultat {
    text-align: right;
}

.rechercheTypeMedia {
    padding: 3px;
}

.rechercheListeCt {
    margin-bottom: 50px;
}

.rechercheListeTitre {
    margin-top: 20px;
}

.rechercheListeLigne {
}

.rechercheListeDesc {
    text-align: justify;
}

.rechercheListeLien {
    text-align: right;
}

.importantRecherche {
    font-weight: bold;
}

/*--------------------------------------------*/
/*-------------- REFERENCES ------------------*/
/*--------------------------------------------*/

/*---------- LISTING REFERENCES (mode liste) --------*/

.listeLigneReferences {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.listeReferencesConteneurImage {
    width: 160px;
    overflow: hidden;
    float: left;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .listeReferencesConteneurImage img {
        width: 100%;
    }

.listeReferencesConteneurTextes {
    float: left;
    width: 780px;
    height: auto;
    margin-left: 15px;
}

.listeReferenceTitre {
    font-size: 12px;
    margin: 0;
}

.listeReferencesConteneurDescription {
    line-height: 15px;
    height: auto;
    text-align: justify;
}

.listeReferencesConteneurLien {
    margin-top: 5px;
    text-align: right;
}

.referencesSepOmbre {
    width: 100%;
    height: 15px;
    background: url(/images/ombreNews.png) center no-repeat;
}

/*---------- LISTING REFERENCES (mode vignettes) --------*/

.blocsReferences {
    width: 275px;
    height: 250px;
    float: left;
    margin: 15px;
    margin-bottom: 30px;
    overflow: hidden;
}

.blocsReferencesConteneurImage {
    height: 155px;
    width: 100%;
}

    .blocsReferencesConteneurImage img {
        width: 100%;
    }

.blocsReferencesConteneurTextes {
    width: 100%;
}

.blocsReferencesTitre {
    color: #000;
    font-size: 15px;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}

.blocsReferencesConteneurDescription {
    line-height: 15px;
    height: auto;
    text-align: justify;
}

/*---------------------------------*/
/*------ ECHANGE DE FICHIER -------*/
/*---------------------------------*/

.fichierLigne {
    border-bottom: solid 1px #ccc;
    height: 32px;
}

.fichierLienDossier {
    display: block;
    background: url(/images/dossier.png)no-repeat;
    height: 32px;
    line-height: 32px;
    padding-left: 40px;
    text-decoration: none;
}

    .fichierLienDossier span {
        margin-left: 5px;
    }

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

.fichierLienFichier {
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 40px;
    text-decoration: none;
    background: url(/images/fichier-defaut.png)no-repeat;
}

.fichierDossierParent {
    display: block;
    margin-bottom: 10px;
}

.fichierLienFichier.pdf {
    background: url(/images/fichier-pdf.png)no-repeat;
}

.fichierLienFichier.excel {
    background: url(/images/fichier-excel.png)no-repeat;
}

.fichierLienFichier.word {
    background: url(/images/fichier-word.png)no-repeat;
}

.fichierLienFichier.pp {
    background: url(/images/fichier-powerpoint.png)no-repeat;
}

.fichierLienFichier.photo {
    background: url(/images/fichier-image.png)no-repeat;
}

.retourBtn .btn {
    margin-right: 0;
}

/*---------------------------*/
/*---------- FAQ ------------*/
/*---------------------------*/

.faqListe {
    margin: 0 0 60px 0;
}

    .faqListe a {
        cursor: pointer;
        margin-bottom: 20px;
        text-decoration: none;
    }

.questionFAQ {
    cursor: pointer;
    margin-bottom: 5px;
}

.reponseFAQ {
    /*background: #f3f3f3 none repeat scroll 0 0;*/
    padding: 3%;
}

    .reponseFAQ p {
        margin-bottom: 0;
    }

.faqListe .sepFooter {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 40px;
}

    .faqListe .sepFooter:last-child {
        border: none;
    }

/*----------------------------------*/
/*---- SOUS MENU - BLOC GAUCHE -----*/
/*----------------------------------*/

#smMenu {
    margin: 0 0 10px 0;
    padding: 0;
}

.smSeparateur {
    height: 1px;
    display: block;
}

.blocGauche #smMenu > li {
    background: none;
    padding: 0;
}

.blocGauche #smMenu li ul li {
    background: none;
    padding: 0;
}

.smParent, .smParentActif {
    background: #222;
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
}

    .smParent:hover, .smParentActif:hover {
        background: #ccc;
    }

#smMenu ul {
    padding: 0;
}

#smMenu > li {
    list-style: none;
}

#smMenu li ul {
    margin: 0px;
}

    #smMenu li ul li {
        list-style: none;
        margin: 0px;
    }

#smMenu ul li a {
    background: #eee;
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
}

    #smMenu ul li a:hover {
        background: #222;
        color: #fff;
    }

#smMenu ul li .smActif {
    font-weight: bold;
}

#smMenu ul li ul li a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #222;
    background: #eee;
}

    #smMenu ul li ul li a:hover {
        background: #ccc;
    }

#smMenu ul li ul li .smActif {
    font-weight: bold;
}

/*------------ PAGE EMPLOIS ------------*/
/*----------------------------------*/

.blocCandiCt {
    padding: 0 0px 80px;
}

.blocCandidaturePostesOuverts {
    margin-bottom: 50px;
}

.posteListe {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 320px;
    margin: 0px 40px 40px 00px;
}

    .posteListe:nth-of-type(4n) {
        margin: 0px 00px 40px 00px;
    }

.posteListeImage {
    width: 100%;
    height: 100px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .posteListeImage img {
        width: 100%;
        flex: 0 0 auto;
    }

.posteListeDate {
    position: absolute;
    top: 8px;
    left: 0px;
    display: block;
    padding: 3px 6px;
    background: #fff;
    font-size: 13px;
    text-transform: uppercase;
    color: #000000;
}

.posteDesc {
    width: 100%;
    height: 230px;
    box-sizing: border-box;
    padding: 30px;
    background-color: #000000;
    position: relative;
}

.posteListeTitre {
    font-weight: 200;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-weight: normal;
    max-height: 40px;
    overflow: hidden;
}

.posteListeIntro {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    max-height: 55px;
    overflow: hidden;
}

.posteListeDetail {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px);
}

    .posteListeDetail a {
        width: 100%;
        margin-top: 20px;
        font-size: 15px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        background: #fff;
        border-radius: 0px;
        color: #000000;
        display: inline-block;
        padding: 13px 0px;
        transition: 0.3s all ease-out;
        position: relative;
        z-index: 66;
    }

        .posteListeDetail a:hover {
            color: #fff;
        }

        .posteListeDetail a:before {
            height: 100%;
            width: 0%;
            display: block;
            position: absolute;
            background-color: #000000;
            content: "";
            top: 0;
            left: 0;
            transition: 0.3s all ease-out;
            z-index: -1;
        }

        .posteListeDetail a:hover:before {
            width: 100%;
        }

.blocCandidatureCentrer {
    /*margin-bottom: 100px;*/
}

    .blocCandidatureCentrer p {
        text-align: center;
    }

/*------------ POSTULER ------------*/
/*----------------------------------*/
.postuler {
    margin-top: 50px;
    text-align: center;
}

.postuler-content {
    background-color: #000000;
    display: inline-block;
    width: 1000px;
    max-width: 33%;
    -moz-transition: max-width 0.25s, border 0.25s;
    -o-transition: max-width 0.25s, border 0.25s;
    -webkit-transition: max-width 0.25s, border 0.25s;
    transition: max-width 0.25s, border 0.25s;
    height: 45px;
    overflow: hidden;
}

.postuler-btn {
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: inline-block;
    line-height: 45px;
    color: #fff;
    border: none;
    transition: all 0.25s ease-in-out, font-size 0.2s linear;
    cursor: pointer;
}

    .postuler-btn:hover {
        background-color: #999;
    }

.postuler.open .postuler-content {
    max-width: 100%;
    height: auto;
}

.postuler.open .postuler-btn {
    background-color: #999;
}

    .postuler.open .postuler-btn::after {
        content: "\00d7";
        left: auto;
        position: relative;
        top: 1px;
        font-size: 22px;
        padding-left: 10px;
        cursor: pointer;
    }

        .postuler.open .postuler-btn::after:hover::after {
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none;
            transform: none;
        }

.postuler-form {
    max-height: 0;
    opacity: 0;
    text-align: left;
    font-size: 15px;
    overflow: hidden;
    -moz-transition: max-height 0.25s 0.25s ease-out, padding 0.25s 0.25s, opacity 0.25s;
    -o-transition: max-height 0.25s 0.25s ease-out, padding 0.25s 0.25s, opacity 0.25s;
    -webkit-transition: max-height 0.25s 0.25s ease-out, padding 0.25s 0.25s, opacity 0.25s;
    transition: max-height 0.25s 0.25s ease-out, padding 0.25s 0.25s, opacity 0.25s;
}

.postuler.open .postuler-form {
    padding: 40px;
    opacity: 1;
}

.postuler-intro {
    margin: 0px 0 40px 0px;
    font-size: 23px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    color: #fff;
}

.postuler-line {
    display: flex;
    margin: 0px 0 10px 0px;
    color: #fff;
}

.postuler-fields {
    padding: 0px 0;
}

.postuler-field label {
    color: #fff;
    width: 130px;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    position: relative;
    top: 8px;
    text-transform: uppercase;
}

.postuler-field input, .postuler-field select {
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0);
    color: #fff !important;
    border: none;
    border-bottom: 2px solid #fff;
    line-height: 25px;
    padding: 7px 0px;
    width: 235px;
}

.postuler-field textarea {
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0);
    color: #fff !important;
    border: none;
    border-bottom: 2px solid #fff;
    line-height: 25px;
    padding: 7px 0px;
    width: 100%;
    resize: vertical;
}

.postuler-line-3 .postuler-field .input {
    width: 695px;
}

.postuler-line-3 .postuler-field input {
    width: 100%;
}

.postuler-field select {
}

    .postuler-field select option {
        color: #000000;
    }

.postuler-field textarea {
    width: 90%;
}

.postuler-field {
    position: relative;
    display: flex;
    align-items: flex-start;
    line-height: 1;
    width: 50%;
}

.postuler-field-message {
    display: block;
    width: 100%;
}

    .postuler-field-message label {
        display: inline-block;
        margin-bottom: 15px;
    }

.postuler-line-6 {
    margin-top: 30px;
    margin-bottom: 40px;
}

    .postuler-line-6 table {
        margin-left: 30px;
        position: relative;
        top: -3px;
    }

.postuler-line .postuler-field:nth-child(2) {
}

.postuler-field label {
}

.postuler-field-v-separator {
    width: 1px;
    background-color: #b0b0b0;
}

.postuler-field::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.postuler-field-nom,
.postuler-field-prenom {
    width: 50%;
}

.postuler-field-adresse {
    width: 100%;
}

.postuler-field-cp {
    /*width: 40%;*/
}

.postuler-field-ville {
    /*width: 60%;*/
}

.postuler-field-tel {
    width: 50%;
}

.postuler-field-email {
    width: 50%;
}

.postuler-fields-files {
    display: flex;
    justify-content: space-between;
    /*border-top: 1px solid #b0b0b0;*/
}

.postuler-field-file {
    display: inline-block;
    width: 45%;
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

    .postuler-field-file label::before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 30px;
        margin-bottom: 15px;
        background: no-repeat center center;
        background-size: contain
    }

    .postuler-field-file input {
        width: 57%;
        margin-top: 15px;
        font-size: 12px;
        background: none;
        border: 0px solid #000;
        border-radius: 0;
    }

.postuler-fields-files label {
    width: 165px;
}

.postuler-field-cv label::before {
    content: '\e9fa';
    font-family: 'boonIco';
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.postuler-field-lettre label::before {
    content: '\e9ff';
    font-family: 'boonIco';
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.postuler-fields-actions a {
    color: #fff;
}

.postuler-fields-actions {
    padding-bottom: 0;
    color: #fff;
}

.postuler-field-captcha::after {
    top: 100%;
    left: 0;
    margin-top: 5px;
    font-size: 13px;
    color: rgba(0,0,0,0.3);
}

.postuler-field-submit {
    display: block;
    text-align: center;
    margin: 50px 0px 0px 0px;
}

    .postuler-field-submit a {
        color: #000000;
        background-color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        padding: 8px 20px;
        text-decoration: none;
        transition: 0.2s all ease-out;
    }

        .postuler-field-submit a:hover {
            color: #fff;
            background-color: #000000;
        }

.detailDescCt {
    width: 1000px;
    margin: 0 auto;
}

.detailEmploiCt {
    padding-bottom: 80px;
    background-color: #f3f3f3;
}

    .detailEmploiCt h1 {
        margin-bottom: 30px;
    }

.emploiDetails {
    margin-bottom: 30px;
}

    .emploiDetails .emploiType {
        color: #fff;
        padding: 10px 20px;
        background-color: #000000;
        text-transform: uppercase;
        display: inline-block;
        font-size: 20px;
    }

    .emploiDetails .emploiDate {
        color: #000000;
        padding: 10px 20px;
        background-color: #fff;
        text-transform: uppercase;
        display: inline-block;
        font-size: 20px;
    }




/*---- LISTING PRODUIT ------*/

.textRef {
    /*margin-top: 60px;*/
    /*border-top: 1px solid #000;*/
    font-size: 16px;
    font-family: 'Raleway-Light';
    text-align: left;
}

    .textRef .txtPageSupplement {
        border-top: 1px solid #000;
        margin: 0 auto 70px;
    }

    .textRef strong {
        font-family: 'Raleway-Medium';
        font-weight: normal;
    }

#lire-suite {
    cursor: pointer;
    display: inline-block;
    text-transform: lowercase;
    padding-bottom: 1px;
    -webkit-transition: all 200ms ease;
    color: #000;
    position: relative;
    text-decoration: none;
}

#crosslink #lire-suite {
    color: #808080;
}

#crosslink .txtPageSupplement {
    font-size: 14px;
    text-align: justify;
}

#crosslink #suite {
    display: none;
}

#crosslink #lire-suite::after {
    background: #808080;
}

#lire-suite::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #000;
    transition: all 200ms ease;
}

#lire-suite:hover::after {
    opacity: 0;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
}

#suite {
    margin-top: 20px;
}


/*------ BAN INFO -----*/
.banInfo {
    position: relative;
    /*top: 137px;*/
    z-index: 9;
    max-height: 40px;
    width: 100%;
    overflow: hidden;
}


/*----- LISTING PRODUITS ------*/

.message0Resultat {
    font-size: 16px;
    text-align: center;
    margin-top: -80px;
}

.dv-filtre {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    padding: 25px 0 0;
}

    .dv-filtre:first-child {
        /*padding-bottom: 15px;*/
    }

.liste-filtre {
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    width: 160px;
    flex: none;
}

    .liste-filtre table td {
        display: block;
        margin-bottom: 10px;
    }

    .liste-filtre span {
        display: inline-block;
        width: 100%;
        padding-bottom: 20px;
    }

    .liste-filtre input[type="checkbox"]:not(:checked) + label::before,
    .liste-filtre input[type="checkbox"]:checked + label::before {
        width: 20px;
        height: 20px;
        background: #fff;
        border: 1px solid #000;
        overflow: hidden;
    }

    .liste-filtre input[type="checkbox"]:not(:checked) + label::after,
    .liste-filtre input[type="checkbox"]:checked + label::after {
        background: #000;
        content: "";
        left: 1px;
        position: absolute;
        top: 0;
        transition: all 0.2s ease 0s;
        margin-top: 0px;
        width: 18px;
        height: 18px;
        border-bottom-left-radius: 80%;
    }

.filtres {
    background: #FFF;
}

    .filtres .ct {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        padding: 25px 0;
    }

.accordion-Filtre {
    display: block;
}

.body_1191 .accordion-Filtre {
    /*display: none;*/
}

#dvFiltre {
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Raleway-Bold';
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    #dvFiltre:after {
        /*content: '\e903';*/
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        /*font-family: 'boonIco';*/
        content: '';
        background: url("/images/Fleche_Dropdown_N.svg") no-repeat center center;
        background-size: 100% auto;
        transition: var(--transition); /*transition set sur le click*/
        width: 17px;
        height: 10px;
    }

.ct-filtres {
    background: #fafafa;
}

    .ct-filtres .ct {
    }

.open-filtres:after {
    transform: rotate(180deg);
}

.coup-coeur a {
    display: inline-block;
    text-decoration: none;
}

    .coup-coeur a:before {
        content: url(/images/favori.svg);
        height: 17px;
        width: 16px;
        display: block;
    }

    .coup-coeur a.coeur:before {
        color: red;
        content: url(/images/favoriCheck.svg);
        display: block;
    }


.quantite-produit {
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    font-family: 'Raleway-Regular';
    width: 50%;
    flex: none;
}

.quantiteFiltresProduits {
    width: 50%;
    flex: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.filtres #dvTrie {
    flex: none;
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

    .filtres #dvTrie span {
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'Raleway-Bold';
    }

.ddl-trie {
    width: 160px !important;
}

.select-options {
    padding: 15px;
    border-bottom: 2px solid #000;
}

.ddl-trie .select-icon {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    background: url("/images/Fleche_Dropdown_N.svg") no-repeat center center;
    background-size: 100% auto;
    width: 17px;
    height: 10px;
    padding: 0;
    top: 4px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.ddl-trie.open .select-icon {
    transform: rotate(-180deg);
}

.ddl-trie .select-option {
    font-style: normal !important;
    text-transform: uppercase;
    font-family: 'Raleway-Regular' !important;
    font-size: 14px !important;
    padding: 8px !important;
}

.ddl-trie .select-text {
    font-style: normal !important;
    text-transform: uppercase;
    font-family: 'Raleway-Regular' !important;
    font-size: 16px !important;
}

.ct-produits {
    margin: 110px auto 0;
    font-size: 0;
    width: 1290px;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    justify-content: space-around;
    flex-wrap: wrap;
}

.filtreReinitialiserProduits {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.dvReinitialiser {
    margin-left: 20px;
    font-family: 'Raleway-Regular';
    font-size: 16px;
}

    .dvReinitialiser a {
        padding-bottom: 1px;
        -webkit-transition: all 200ms ease;
        color: #000;
        position: relative;
        text-decoration: none;
    }

        .dvReinitialiser a::after {
            content: '';
            position: absolute;
            height: 1px;
            width: 100%;
            left: 0;
            bottom: 0;
            background: #000;
            transition: all 200ms ease;
        }

        .dvReinitialiser a:hover::after {
            opacity: 0;
            -webkit-transform: translateY(3px);
            -moz-transform: translateY(3px);
            -ms-transform: translateY(3px);
            -o-transform: translateY(3px);
            transform: translateY(3px);
        }

.liste-filtre > span:first-child {
    font-size: 14px;
    font-family: 'Raleway-Bold';
}

.liste-filtre label {
    font-size: 12px;
    font-family: 'Raleway-Light';
    padding-left: 30px !important;
}

/*--- DETAIL PRODUIT ----*/

.partageReseauxSociaux {
    width: 100%;
    text-align: right;
    position: relative;
}

.partage:after {
    width: 30px;
    height: 30px;
    content: '';
    background: url(/images/Icn_Share.svg) no-repeat center center;
    background-size: 100% auto;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.hoverPartage {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    right: -140px;
    position: absolute;
    top: 0;
}

    .hoverPartage a {
        width: 30px;
        height: 30px;
        display: inline-block;
        flex: none;
        margin: 0 2.5px;
    }

    .hoverPartage .partageFacebook {
        background: url(/images/Icn_Facebook.svg) no-repeat center center;
        background-size: 100% auto;
    }

    .hoverPartage .partageTwitter {
        background: url(/images/Icn_Twitter.svg) no-repeat center center;
        background-size: 100% auto;
    }

    .hoverPartage .partagePinterest {
        background: url(/images/Icn_Pinterest.svg) no-repeat center center;
        background-size: 100% auto;
    }

    .hoverPartage .partageInstagram {
        background: url(/images/Icn_Insta.svg) no-repeat center center;
        background-size: 100% auto;
    }

    .hoverPartage a:hover {
        opacity: 0.6;
    }

.lienPartage {
    display: inline-block;
    height: 30px;
    width: auto;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .lienPartage:hover .hoverPartage {
        opacity: 1;
        right: 30px;
    }


.ct-produitDetail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    /*margin-bottom: 110px;*/
}

.leftProduitDetail {
    margin: 10px auto 0;
    width: 100%;
}

.pre-com {
    height: 48px;
}

.bloc-precommande-configurateur.bloc-precomm-listing {
    width: 200px;
    margin-top: 0;
    box-sizing: border-box;
    display: block;
    margin-bottom: 0;
    padding: 10px 10px;
    margin-top: -30px;
    font-size: 12px;
    height: 100%;
}

.bloc-precommande-configurateur.bloc-precomm-panier {
    width: 100%;
    margin-top: -30px;
    padding-right: 65px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 30px;
    padding: 10px 20px;
}

.bloc-precommande-configurateur.bloc-precomm-panierHover {
    width: 100%;
    margin-top: -30px;
    padding-right: 65px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 30px;
    padding: 10px 20px;
}


.bloc-precommande-configurateur.bloc-precomm-recap {
    width: calc(100% - 50px);
    margin-top: -40px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 30px;
    padding: 10px 20px;
}


.ct-slider-produit,
.desc-ct-produitDetail {
    width: 50%;
    flex: none;
    box-sizing: border-box;
}

.ct-slider-produit {
    padding-right: 15px;
}

    .ct-slider-produit .swiper-slide img {
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

.desc-ct-produitDetail {
    padding-left: 15px;
}

.ct-slider-produitContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 451px;
    height: 585px;
}

    .ct-slider-produitContent .contenuPaginationSwiperHome {
        position: relative;
        width: 100%;
    }

    .ct-slider-produitContent .swiper-pagination {
        position: relative !important;
    }

.swiper-pagination-produit {
    margin-top: 10px;
}

#swiper-pagination-produit .swiper-pagination-bullet {
    background: #000;
    width: 20px;
    height: 2px;
    margin: 0 5px;
    border-radius: 0;
    opacity: 1;
    vertical-align: middle;
}

#swiper-pagination-produit .swiper-pagination-bullet-active {
    opacity: 1;
    height: 6px;
}

.etiquette-produitDetail {
    margin: 15px 0;
    width: 100%;
    font-size: 14px;
    font-style: italic;
    font-family: 'Raleway-SemiBold';
}

    .etiquette-produitDetail:after {
        content: '';
        margin-top: 40px;
        width: 30px;
        height: 3px;
        display: block;
        background: #000;
    }

.desc-produitDetail {
    width: 300px;
    border-top: 1px solid #000;
    margin-bottom: 25px;
    padding-top: 20px;
}

    .desc-produitDetail h1 {
        font-size: 50px;
        line-height: 50px;
        font-family: 'Raleway-Bold';
        font-weight: normal;
        margin-bottom: 0;
        text-transform: none;
    }

.ref-produitDetail {
    text-align: left;
}

.descriptionCourte-produitDetail {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Raleway-Regular';
    color: #000;
    margin-top: 25px;
    line-height: 14px;
}

.descGrand {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Raleway-Bold';
}

.descNormal {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Raleway-Regular';
}

.descPetit {
    font-size: 10px;
    color: #808080;
    font-family: 'Raleway-Light';
}

.dimension-produitDetail {
    display: inline-block;
    font-family: 'Raleway-Thin';
}

.collection-produitDetail {
    display: block;
    font-size: 50px;
    line-height: 50px;
    font-family: 'Raleway-Light';
}

.quantitePrix-produitDetail {
    width: 300px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.quantite-produitDetail {
    flex: 1 1;
}

.prix-produitDetail {
    flex: none;
    font-size: 40px;
    line-height: 50px;
    font-family: 'Raleway-Medium';
}

    .prix-produitDetail span {
        line-height: 50px;
        display: block;
    }

.quantite-produitDetail .ico-moins {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    text-align: center;
    background: url(/images/Moins.svg) no-repeat center center #fff;
    background-size: 40% auto;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .quantite-produitDetail .ico-moins:before {
        content: '';
    }

    .quantite-produitDetail .ico-moins:hover {
        background: url(/images/Moins.svg) no-repeat center center #7c2c3d;
        background-size: 40% auto;
    }

.quantite-produitDetail .ico-plus {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    text-align: center;
    background: url(/images/Plus.svg) no-repeat center center #fff;
    background-size: 40% auto;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .quantite-produitDetail .ico-plus:hover {
        background: url(/images/Plus.svg) no-repeat center center #7c2c3d;
        background-size: 40% auto;
    }

    .quantite-produitDetail .ico-plus:before {
        content: '';
    }

.quantite-produitDetail input {
    background: transparent;
    border: 0;
    text-align: center;
    width: 35px !important;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #000;
    font-family: 'Raleway-Medium';
}

.btnFavori {
    margin: 45px 0 13px;
}

.lienFavori {
    padding: 0 !important;
    width: 200px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

    .lienFavori:before {
        width: 11px;
        height: 10px;
        background: url(/images/favori.svg) no-repeat center center;
        background-size: 100% auto;
        margin-right: 2px;
        display: inline-block;
        vertical-align: middle;
        content: '';
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .lienFavori:hover:before {
        background: url(/images/favori_B.svg) no-repeat center center;
        background-size: 100% auto;
    }

.garanties-produitDetail {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 50px;
}

.garantie {
    width: 80px;
    flex: none;
    text-align: center;
    font-size: 10px;
    font-family: 'Raleway-Light';
    margin: 0 15px 0 0;
    color: #808080;
    text-decoration: none;
    height: 111px;
}

    .garantie:before {
        content: '';
        display: block;
        margin-bottom: 5px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .garantie:hover:before {
        height: 65px !important;
    }

    .garantie.garantieFooter1:before {
        background: url(/images/Icn_LivraisonExpress_G.svg) no-repeat center center;
        width: 100%;
        height: 70px;
        background-size: auto 100%;
        background-position: center center;
    }

    .garantie.garantieFooter2:before {
        background: url(/images/Icn_Retours_G.svg) no-repeat center center;
        width: 100%;
        height: 70px;
        background-size: auto 100%;
        background-position: center center;
    }

    .garantie.garantieFooter5:before {
        /*background: url(/images/Icn_PaiementSecurise_G.svg) no-repeat center center;*/
        background: url(/images/Icn_Garantie_G.svg) no-repeat center center;
        width: 100%;
        height: 70px;
        background-size: auto 100%;
        background-position: center center;
    }

.boitecadeau-acheter-produitDetail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.emballageCadeau-produitDetail {
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}


    .emballageCadeau-produitDetail a {
        font-size: 10px;
        display: inline-block;
        color: #928763;
        padding-bottom: 1px;
        -webkit-transition: all 200ms ease;
        position: relative;
        cursor: pointer;
        margin-top: 4px;
        text-align: center;
        text-decoration: none;
    }

        .emballageCadeau-produitDetail a::after {
            content: '';
            position: absolute;
            height: 1px;
            width: 100%;
            left: 0;
            bottom: 0;
            background: #928763;
            transition: all 200ms ease;
        }

        .emballageCadeau-produitDetail a:hover::after {
            opacity: 0;
            -webkit-transform: translateY(3px);
            -moz-transform: translateY(3px);
            -ms-transform: translateY(3px);
            -o-transform: translateY(3px);
            transform: translateY(3px);
        }

.acheter-produitDetail {
    order: 2;
    flex: none;
    /*display: none;*/
}

    .acheter-produitDetail a {
        width: 200px;
        height: 30px;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'Raleway-Bold';
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
    }

        .acheter-produitDetail a:hover {
            background: #7c2c3d;
        }

.delaiLivraison-produitDetail {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #000;
    font-family: 'Raleway-Light';
    margin-top: 4px;
    position: relative;
}

    .delaiLivraison-produitDetail:before {
        display: none;
    }

    .delaiLivraison-produitDetail .hoverDetail {
        opacity: 0;
        pointer-events: none;
        transition: all 0.18s ease-in-out 0.18s;
        text-indent: 0;
        font-weight: normal;
        font-style: normal;
        text-shadow: none;
        position: absolute;
        white-space: nowrap;
        z-index: 10;
        border-radius: 0 !important;
        background: #fff !important;
        padding: 20px 25px !important;
        color: #000 !important;
        font-size: 12px !important;
        font-family: 'Raleway-Light' !important;
        text-align: justify;
        right: 0;
        bottom: 0;
        height: 0;
        display: block;
        overflow: hidden;
    }

        .delaiLivraison-produitDetail .hoverDetail strong {
            font-family: 'Raleway-Medium';
            font-weight: normal;
        }


:root {
    --balloon-move: 7px;
}




.labelDelaiLivraison span:after {
    content: '';
    background: url(/images/Icn_Info.svg) no-repeat center center;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.labelDelaiLivraison span:hover .hoverDetail {
    bottom: 100%;
    right: 0;
    margin-bottom: 10px;
    transform: translate(0, var(--balloon-move));
    transform-origin: top;
    opacity: 1;
    pointer-events: auto;
    height: 40px;
}

.emballageCadeau-produitDetail input[type="checkbox"]:not(:checked) + label::before,
.emballageCadeau-produitDetail input[type="checkbox"]:checked + label::before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #928763;
    overflow: hidden;
    margin-top: 1px;
    margin-left: 5px;
}

.emballageCadeau-produitDetail input[type="checkbox"]:not(:checked) + label::after,
.emballageCadeau-produitDetail input[type="checkbox"]:checked + label::after {
    background: #928763;
    content: "";
    left: 6px;
    position: absolute;
    top: 5px;
    transition: all 0.2s ease 0s;
    margin-top: 0px;
    width: 18px;
    height: 18px;
    border-bottom-left-radius: 80%;
}

.emballageCadeau-produitDetail input[type="checkbox"]:not(:checked) + label,
.emballageCadeau-produitDetail input[type="checkbox"]:checked + label {
    color: #928763;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Raleway-Medium';
    padding: 0 0 0 28px;
    background: #e9e7df;
    box-sizing: border-box;
    display: block;
    margin-bottom: -3px;
    width: 200px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    overflow: hidden;
}

.detailCaracteristique-detailProduit {
    margin: 0 auto 110px;
}

    .detailCaracteristique-detailProduit .faqListe {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .detailCaracteristique-detailProduit .accordion {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        width: 100%;
    }

.enteteDetailCaracteristique-produitDetail {
    width: calc(50% - 15px);
    flex: none;
    box-sizing: border-box;
}

    .enteteDetailCaracteristique-produitDetail:before {
        content: '';
        background: #000;
        width: 30px;
        height: 3px;
        display: block;
        margin-bottom: 15px;
    }

.detailCaracteristique-detailProduit .questionFAQ {
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    font-family: 'Raleway-Regular';
    padding: 10px 0;
    border-top: 1px solid #000;
    width: calc(50% - 15px);
    flex: none;
    position: relative;
}

    .detailCaracteristique-detailProduit .questionFAQ:after {
        width: 10px;
        height: 10px;
        background: url(/images/Plus.svg) no-repeat center center;
        background-size: 100% auto;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        position: absolute;
        top: 15px;
        right: 0;
        content: '';
        display: block;
    }

    .detailCaracteristique-detailProduit .questionFAQ.openQuestion:after {
        background: url(/images/Moins.svg) no-repeat center center;
        background-size: 100% auto;
    }

.detailCaracteristique-detailProduit .reponseFAQ {
    width: 100%;
    padding: 0 0 30px 0;
    box-sizing: border-box;
}

.reponseFAQ .dv-fichier {
    flex-direction: column;
}

.detailCaracteristique-detailProduit .accordion:last-child .questionFAQ {
    /*border-bottom: 1px solid #000;*/
}

.boiteAOutils:after {
    background: #000;
    width: calc(50% - 15px);
    height: 1px;
    content: '';
}

.detailCaracteristique-detailProduit .openQuestion {
    font-family: 'Raleway-Bold';
}


.sliderTemoignageDetailProduit {
    background: #e9e7df;
    width: 100%;
    box-sizing: border-box;
    padding: 70px 0 75px;
}

    .sliderTemoignageDetailProduit .titreTemoignagneSlider {
        font-size: 20px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #928763;
        font-family: 'Raleway-Bold';
        text-align: center;
        margin-bottom: 30px;
    }


.galeriePhotoDetailProduit {
    height: 780px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 50px;
}

.galeriePhotoCol1 {
    width: 26%;
    height: 100%;
}

.galeriePhotoCol2 {
    width: 37%;
    height: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.galeriePhotoCol3 {
    width: 37%;
    height: 100%;
}

.imgGaleriePhotoDetailProduit {
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .imgGaleriePhotoDetailProduit:hover {
        /*opacity: 0.6;*/
    }

.img1GaleriePhotoDetailProduit {
    background-size: cover;
}

.img2GaleriePhotoDetailProduit {
    background-size: cover;
}

.img3GaleriePhotoDetailProduit {
    background-size: cover;
}

.img4GaleriePhotoDetailProduit {
    background-size: cover;
}

.img5GaleriePhotoDetailProduit {
    background-size: cover;
}

.galeriePhotoCol2-1 {
    height: 440px;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.galeriePhotoCol2-2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 340px;
}

.galeriePhotoCol2-2-1 {
    width: 66.66%;
    height: 100%;
    box-sizing: border-box;
    padding-right: 5px;
}

.galeriePhotoCol2-2-2 {
    width: 33.33%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 5px;
}

.accessoiresLieDetailProduit {
    margin-bottom: 150px;
}

    .accessoiresLieDetailProduit .ct,
    .vousAimerezAussiDetailProduit .ct {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .accessoiresLieDetailProduit h2,
    .vousAimerezAussiDetailProduit h2 {
        flex: 1 1;
        margin: 0;
    }

    .accessoiresLieDetailProduit a,
    .vousAimerezAussiDetailProduit a {
        flex: none;
    }

.lienBlanc {
    text-transform: uppercase;
    color: #000;
    background: #fff;
    display: inline-block;
    font-size: 14px;
    font-family: 'Raleway-Medium';
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-decoration: none;
    padding: 9px 18px;
}

    .lienBlanc:hover {
        background: #7c2c3d;
        color: #fff;
    }

    .lienBlanc.coeur:before {
        background: url(/images/favoriCheck.svg) no-repeat center center;
    }

.ct-detail {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}

.ct-caracteristique,
.ct-detail {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}

    .ct-caracteristique .caracteristique,
    .ct-detail .detail {
        width: 50%;
        flex: none;
        box-sizing: border-box;
    }

        .ct-caracteristique .caracteristique h2,
        .ct-detail .detail h2 {
            margin: 0 0 10px 0;
        }

        .ct-caracteristique .caracteristique:first-child,
        .ct-detail .detail:first-child {
            padding-right: 15px;
        }

        .ct-caracteristique .caracteristique:last-child,
        .ct-detail .detail:last-child {
            padding-left: 15px;
        }

    .ct-caracteristique strong,
    .ct-detail strong {
        font-family: 'Raleway-Medium';
    }

    .ct-caracteristique ul {
        margin-left: 30px;
        margin-top: 10px;
    }

    .ct-caracteristique li {
        text-align: left;
        list-style: none;
        position: relative;
    }

        .ct-caracteristique li:before {
            position: absolute;
            content: '•';
            font-size: 16px;
            font-family: 'Raleway-Light';
            left: -12px;
        }

.dv-fichier {
    display: flex;
    flex-flow: row nowrap;
}

.detail {
    text-align: justify;
}

.ct-fichiers {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
    margin-top: 20px;
}

.dv-fichier {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.a-fichier .lienPDF {
    margin: 0;
}

.gif-montre {
    background: url(/images/lire-lheure.gif) no-repeat center center;
    background-size: 100% auto;
    max-width: 100%;
    position: relative;
    height: 250px;
}

.gif-montre01 {
    background: url(/images/klok01.gif) no-repeat center center;
    background-size: 100% auto;
    max-width: 100%;
    position: relative;
    height: 250px;
}

.gif-montre08 {
    background: url(/images/klok08.gif) no-repeat center center;
    background-size: 100% auto;
    max-width: 100%;
    position: relative;
    height: 250px;
}

.gif-montre08Minim {
    background: url(/images/klok08Min.gif) no-repeat center center;
    background-size: 100% auto;
    max-width: 100%;
    position: relative;
    height: 250px;
}

.gif-montre08Six {
    background: url(/images/klok08Sixties.gif) no-repeat center center;
    background-size: 100% auto;
    max-width: 100%;
    position: relative;
    height: 250px;
}

.desc-gif-montre {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 240px;
}

.txt-fichier {
    text-align: justify;
    margin-bottom: 20px;
}

    .txt-fichier img {
        max-width: 100%;
        margin: 10px 0;
    }

.accessoiresLieDetailProduit .ct-produits {
    margin: 60px auto 150px;
}

.vousAimerezAussiDetailProduit .ct-produits {
    margin: 60px auto 0;
}

.accessoiresLieDetailProduit .btqBlocProduit {
    margin-bottom: 0;
}


/*--- HOVER PANIER ----*/
#hoverPanier {
    position: relative;
    z-index: 11;
    left: 0;
    right: 0;
    margin: auto;
}

.sep-head-panier {
    display: inline-block;
    width: 100%;
}

    .sep-head-panier::before {
        margin-top: 23px;
        content: '';
        width: 30px;
        height: 3px;
        background: #000;
        display: block;
    }

    .sep-head-panier::after {
        margin-top: 15px;
        content: '';
        width: 415px;
        max-width: 50%;
        height: 1px;
        background: #000;
        display: block;
    }

.ct-hover-panier {
    width: 100%;
    margin: 0 auto;
    padding: 10px 50px 0;
    box-sizing: border-box;
}

#titre-panier {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Raleway-Bold';
}

    #titre-panier::after {
        margin-top: 10px;
        content: '';
        width: calc(50% - 65px);
        height: 4px;
        background: #000;
        display: block;
        /*padding-right: 65px;*/
        box-sizing: border-box;
    }

#quantite-hover-panier {
    font-family: 'Raleway-Regular';
    text-align: right;
}

.commande-hover-panier {
    display: flex;
    flex-flow: row nowrap;
    padding-top: 10px;
    width: 50%;
    justify-content: space-between;
    padding-right: 65px;
    box-sizing: border-box;
}

    .commande-hover-panier span {
        display: block;
        width: 50%;
        font-size: 16px;
        font-family: 'Raleway-Bold';
    }

.contenu-hover-panier {
    width: 100%;
}

    .contenu-hover-panier::before {
        margin-top: 15px;
        content: '';
        width: 100%;
        height: 2px;
        background: #000;
        display: block;
    }

.hover-titre-panier:after {
    margin-top: 10px;
    content: '';
    width: 200px;
    height: 2px;
    background: #000;
    display: block;
}

#dv-hover-panier {
    position: absolute;
    width: 100%;
    background: #f5f4f4;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    left: 0;
    right: 0;
    margin: auto;
    /*overflow: hidden;*/
    /*overflow-y:scroll;*/
    padding: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding-bottom: 40px;
}

.simplebar-content {
    padding: 0 !important;
}

.panierHover {
    max-width: 100%;
    margin: 0 auto;
}


/*produits*/
.ct-detail-hover-panier {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: space-around;
    margin: 20px 0 0;
}

    .ct-detail-hover-panier .btqBlocProduit {
        margin-bottom: 40px;
    }

    .ct-detail-hover-panier .btqBlocPhotoProduit {
        width: 100px;
        height: 120px;
        margin-bottom: 0;
        margin-right: 20px;
        position: relative;
    }

        .ct-detail-hover-panier .btqBlocPhotoProduit img {
            max-width: unset;
            height: auto;
            width: 80%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
        }

    .ct-detail-hover-panier .descProduit {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 0;
        padding-left: 0;
    }

    .ct-detail-hover-panier .descProduitDesc {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 0;
        padding-left: 0;
        box-sizing: border-box;
        width: 100%;
    }

    .ct-detail-hover-panier .btqBlocPrixProduit {
        text-align: right;
        width: 100%;
        /*margin-top: 20px;*/
        font-size: 25px;
        font-family: 'Raleway-Medium';
    }

.g-hover-panier {
    width: 50%;
}

    .g-hover-panier .ct-prix-quantite {
        align-items: center;
        margin-top: 15px;
    }

    .g-hover-panier .btqBlocPrixProduit {
        margin-bottom: 0;
    }

    .g-hover-panier .descLeftProduitDesc {
        max-height: 190px;
        height: auto;
    }

    .g-hover-panier #txtQte {
        font-size: 16px;
        font-family: 'Raleway-Medium';
        color: #000;
        background: transparent;
    }

#total-hover-panier {
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
}

    #total-hover-panier::before {
        margin: 10px 0 10px 0;
        content: '';
        width: 100%;
        height: 1px;
        background: #000;
        display: block;
    }

    #total-hover-panier::after {
        margin-top: 10px;
        content: '';
        width: 100%;
        height: 1px;
        background: #000;
        display: block;
    }

.flex-total-hover {
    display: flex;
    flex-flow: row nowrap;
}

    .flex-total-hover span {
        display: block;
        width: 50%;
    }

        .flex-total-hover span:last-child {
            flex: 1;
        }

.d-hover-panier {
    box-sizing: content-box;
    width: 50%;
    padding-left: 65px;
    box-sizing: border-box;
}

.ct-detail-hover-panier .btqBlocProduit {
    display: flex;
    flex-flow: row;
    width: 100%;
    padding-right: 65px;
    box-sizing: border-box;
}

.ct-detail-hover-panier .flex-total-hover span {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Raleway-Bold';
}

    .ct-detail-hover-panier .flex-total-hover span:last-child {
        text-align: right;
    }

.btnFinaliser-hover-panier a {
    display: block;
    margin-top: 30px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Raleway-Bold';
    padding: 9px 0;
    width: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

    .btnFinaliser-hover-panier a:hover {
        background: #7c2c3d;
    }

.ct-prix-quantite {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    align-items: flex-start;
}

.ct-quantite {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

    .ct-quantite input[type="text"] {
        border: none;
        text-align: center;
    }

    .ct-quantite .ico-plus {
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        line-height: 25px;
        text-align: center;
        background: url(/images/Plus.svg) no-repeat center center #fff;
        background-size: 40% auto;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .ct-quantite .ico-moins {
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        line-height: 25px;
        text-align: center;
        background: url(/images/Moins.svg) no-repeat center center #fff;
        background-size: 40% auto;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }


/*----- BLOG -----*/

.doubleBarre {
}

    .doubleBarre:before {
        content: '';
        width: 30px;
        height: 3px;
        background: #000;
        display: block;
        margin-bottom: 15px;
    }

    .doubleBarre:after {
        content: "";
        display: block;
        background: #000;
        width: 300px;
        height: 1px;
    }

.doubleBarreLong {
    margin: 30px 0;
}

    .doubleBarreLong:before {
        content: '';
        width: 30px;
        height: 3px;
        background: #000;
        display: block;
        margin-bottom: 15px;
    }

    .doubleBarreLong:after {
        content: "";
        display: block;
        background: #000;
        width: 100%;
        height: 1px;
    }

.blogColonneContenu {
    /*padding-top: 30px;*/
    display: block;
}

.introBlog {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-top: 30px;
}

.introBlogLeft {
    width: 300px;
    flex: none;
}

.introBlog .filtre-categorie {
    width: 300px;
    flex: none;
    text-align: right;
}

.titreIntroBlog {
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'Raleway-Light';
    width: 300px;
    text-align: justify;
    letter-spacing: 20.5px;
    margin-top: 20px;
    flex: none;
}

.stretch {
    overflow: hidden;
}

.stretch_it {
    white-space: nowrap;
}

.justify {
    text-align: justify;
}

.h1Blog {
    font-size: 100px;
    font-weight: normal;
    font-family: 'Raleway-Bold';
    text-transform: uppercase;
    line-height: 100px;
}

.titreLeBlog {
    width: 100%;
}

.blogListingContainerArticle {
    width: 300px;
    border-bottom: 0;
}

.filtre-categorie .select-text {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Raleway-Bold' !important;
    color: #000 !important;
    text-align: right !important;
    padding-right: 25px;
    justify-content: flex-end;
    cursor: pointer;
}

.filtre-categorie .ddl-trie {
    width: auto !important;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Raleway-Bold';
    background: transparent !important;
}

.filtre-categorie .select-options {
    background: #fff;
    border-bottom: 0;
    margin-top: 8px;
    border-top: 1px solid #000;
    padding: 0;
}

.filtre-categorie .select-option {
    width: 100%;
    padding: 8px 25px;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Raleway-Regular';
    text-align: right !important;
}

.listingBlog {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.blogListingContainerArticle {
    overflow: hidden;
    margin-bottom: 110px;
    padding-bottom: 0;
    flex: none;
}

    .blogListingContainerArticle:nth-child(3n+2) {
        /*background: red;*/
        margin: 0 30px;
    }

.classBlogArticleImage {
    width: 300px;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

    .classBlogArticleImage a {
        display: block;
        width: 100%;
        height: 100%;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .classBlogArticleImage a:hover {
            opacity: 0.6;
        }

    .classBlogArticleImage .actuImage {
        height: 100%;
        width: 100%;
    }

.blogListingTitre {
    margin: 20px 0 15px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Raleway-Bold';
    line-height: 18px;
    text-align: justify;
}

    .blogListingTitre a {
        display: inline-block;
        position: relative;
        color: #000;
    }

        .blogListingTitre a:hover {
            text-decoration: none;
        }

        .blogListingTitre a:after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 1px;
            bottom: 0;
            left: 0;
            background-color: #000;
            transform-origin: bottom right;
            transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
        }

        .blogListingTitre a:hover:after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }

.dateCategorieArticles {
    color: #928763;
    font-size: 14px;
    font-family: 'Raleway-Regular';
    margin-bottom: 30px;
}

.lienDecouvrirBlog {
    text-align: center;
}

    .lienDecouvrirBlog a {
        width: 300px;
        height: 30px;
        background: #fff;
        line-height: 30px;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'Raleway-Medium';
        color: #000;
        display: inline-block;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        text-decoration: none;
    }

        .lienDecouvrirBlog a:hover {
            background: #7c2c3d;
            color: #fff;
            font-family: 'Raleway-Bold';
        }

/*----- POP UP AJOUT PANIER -----*/

.mpAjoutPanier {
    max-width: 90% !important;
    width: 1200px;
    border-radius: 0;
    padding: 40px 0;
    box-sizing: border-box;
    background: #f5f4f4;
}

.ct-popup {
    display: flex;
    flex-flow: row nowrap;
}

.popup-g {
    width: 300px;
    flex: none;
}

.popup-d {
    flex: 1 1;
}

    .popup-d .btqBlocProduit {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        margin-bottom: 20px;
        margin-left: 30px;
    }

        .popup-d .btqBlocProduit .descProduit .descLeftProduitDesc {
            height: auto !important;
            max-height: none !important;
        }

    .popup-d .btqBlocPhotoProduit {
        width: 135px;
        max-height: 215px;
        margin-bottom: 0;
        margin-right: 30px;
        height: auto;
    }

    .popup-d .descProduit {
        width: 420px;
        flex-direction: column;
        padding: 0;
    }

    .popup-d .btqBlocPrixProduit {
        text-align: right;
        margin: 20px 0 40px;
        width: 300px;
        font-size: 25px;
        font-family: 'Raleway-Medium';
    }

    .popup-d .btqBlocPhotoProduit {
        position: relative;
    }

        .popup-d .btqBlocPhotoProduit img {
            max-width: unset;
            height: auto;
            width: 80%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
        }

.descProduit-descPopup {
    display: flex;
    flex-direction: row;
    width: 300px;
}


.titrePopup-g {
    margin-top: 20px;
    font-size: 30px;
    font-family: 'Raleway-Medium';
    width: 230px;
}

.btnContinuerAchat {
    width: 200px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    font-family: 'Raleway-Medium';
    /*background: #f5f4f4;*/
    color: #000;
    display: inline-block;
    margin: 0 15px 0 0 !important;
    text-decoration: none;
    background: #fff;
}

    .btnContinuerAchat:hover {
        background: #7c2c3d;
        color: #fff;
    }

.btnValiderPanier {
    width: 200px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    font-family: 'Raleway-Bold';
    background: #000;
    color: #fff;
    display: inline-block;
    margin: 0 !important;
    text-decoration: none;
}

    .btnValiderPanier:hover {
        background: #7c2c3d;
        color: #fff;
    }

.modalPopup .popupCtBoutons {
    text-align: center;
    width: 100%;
}

.popupajout {
    display: none;
}

/*------ PAGE UNIVERS ------*/



.deuxColBlocsGauche {
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

    .deuxColBlocsGauche .blocGauche {
        width: 300px;
        flex: none;
        float: none;
    }

    .deuxColBlocsGauche .contenuDroite {
        flex: 1 1;
        float: none;
        margin-left: 30px;
        margin-top: 19px;
    }


.msmc {
    margin: 30px 0;
}

    .msmc a, .msmc li {
        width: 100%;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 30px;
        font-family: 'Raleway-Regular';
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

#ms0 a.menuEnCours {
    background: none;
    border: 0;
    color: #000;
    font-family: 'Raleway-Bold';
}

#ms0 a {
    color: #000;
    text-decoration: none;
    text-align: left;
    height: 30px;
    line-height: 30px;
    padding-left: 0;
}

ul#ms0 li:hover > a {
    color: #000;
    border-bottom: 0;
    height: 30px;
    background: none;
    font-family: 'Raleway-Bold';
}

.logoEquipe {
    width: 232px;
    margin-bottom: 135px;
}

    .logoEquipe img {
        width: 100%;
    }

.logoContenu {
    margin: 20px 0 10px;
}


/*----- HOVER COMPTE CLIENT -----*/

#hoverConnexion {
    position: relative;
    z-index: 11;
    left: 0;
    right: 0;
    margin: auto;
}

#ct-hover-connexion {
    display: none;
    position: absolute;
    width: 411px;
    background: #f5f4f4;
    right: 0;
    padding: 50px;
    max-width: 50%;
    right: 10%;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

    .ct-connection-hover-connect h2,
    #ct-hover-connexion h2 {
        font-size: 16px;
        padding-bottom: 10px;
        border-bottom: 1px solid #000;
        font-family: 'Raleway-Bold';
        text-transform: none;
    }

.connexionHoverCompte {
    text-decoration: none;
}

    .connexionHoverCompte h2 {
        margin-top: 5px;
    }

.ct-connection-hover-connect .mdpOublie {
    margin: 20px 0;
}

.lienCreerCompte {
    margin-top: 25px;
    text-decoration: none;
    font-family: 'Raleway-Bold';
    font-size: 14px;
    display: block;
}

    .lienCreerCompte:before {
        content: '>';
        margin-right: 4px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .lienCreerCompte:hover:before {
        margin-right: 10px;
    }

.connexionHoverNom {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Raleway-Regular';
}


/*----- CONTACT ----*/

.contactPresseRetail {
    padding-top: 45px;
    border-top: 1px solid #000;
    margin: 40px 0;
}

.formulaireContact {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.formulaireLeft {
    width: 300px;
    flex: none;
}

.formulaireRight {
    width: 300px;
    flex: none;
}

::-webkit-input-placeholder { /* Edge */
    color: #000 !important;
    opacity: 1 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000 !important;
    opacity: 1 !important;
}

::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.formulaire span {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
}

.formulaire input[type="checkbox"]:not(:checked) + label::before,
.formulaire input[type="checkbox"]:checked + label::before {
    width: 28px;
    height: 28px;
    background: transparent;
    border: 1px solid #000;
    overflow: hidden;
}

.formulaire input[type="checkbox"]:not(:checked) + label::after,
.formulaire input[type="checkbox"]:checked + label::after {
    background: #000;
    content: "";
    left: 1px;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    margin-top: 0px;
    width: 26px;
    height: 26px;
    border-bottom-left-radius: 80%;
}

.connexionCt input[type="checkbox"]:not(:checked) + label::before {
    width: 28px;
    height: 28px;
    background: transparent;
    border: 1px solid #000;
    overflow: hidden;
    top: 5px;
}

.connexionCt input[type="checkbox"]:checked + label::before {
    width: 28px;
    height: 28px;
    background: transparent;
    border: 3px solid #000;
    overflow: hidden;
    top: 5px;
}

.connexionCt input[type="checkbox"]:not(:checked) + label::after,
.connexionCt input[type="checkbox"]:checked + label::after {
    background: url(/images/Check.svg) no-repeat center center;
    content: "";
    left: 1px;
    position: absolute;
    top: 2px;
    transition: all 0.2s ease 0s;
    margin-top: 0px;
    width: 26px;
    height: 26px;
    /*border-bottom-left-radius: 80%;*/
}

.formulaire-check label {
    padding-left: 40px !important;
    font-size: 14px !important;
    font-family: 'Raleway-Regular';
    color: #000 !important;
    line-height: 28px !important;
    display: inline-block;
}

.autorisationRGPD label {
    /* font-size: 8px !important; */
    line-height: 16px !important;
    /* padding-top: 8px; */
}

.ReCaptcha-notice {
    font-size: 10px !important;
    color: #000 !important;
    line-height: 10px !important;
    padding-bottom: 0 !important;
}

.ReCaptcha a {
    font-size: 9px;
}

.read {
    position: relative;
    display: block;
    height: 1px;
    width: 100%;
}

/*------- DECOUVRIR KLOK 01------*/

.sectionGris {
    height: 770px;
    width: 100%;
    margin: 0 auto;
    color: #000;
}

.sectionNoir {
    background: #000;
    height: 770px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
}

.section1,
.section5 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.section2 {
    position: relative;
    z-index: 3;
}

.titreDecouvrirMontreContent,
.titreDecouvrirMontreContent2 {
    width: 300px;
    text-transform: uppercase;
    display: block;
    font-size: 40px;
    font-family: 'Raleway-Light';
    margin: 20px 0 0 0;
}

.titreDecouvrirMontreContentL1,
.titreDecouvrirMontreContentL2 {
    width: 100%;
}

    .titreDecouvrirMontreContentL1 h1,
    .titreDecouvrirMontreContentL2 h1 {
        font-size: 100px;
        font-family: 'Raleway-Bold';
        margin: 20px 0 0 0;
        display: block;
        line-height: 100px;
    }

.divTempsRelatifContent {
}

.divTempsRelatif {
    width: 50%;
    flex: none;
    box-sizing: border-box;
}

.titre-divTempsRelatif {
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Raleway-Bold';
    letter-spacing: 4px;
    padding-left: 15px;
    position: relative;
    z-index: 1;
}

    .titre-divTempsRelatif:before {
        position: absolute;
        width: 100%;
        height: 1px;
        content: '';
        background: #000;
        top: 14px;
        left: 0;
    }

.desc-divTempsRelatif {
    margin-top: 52px;
    line-height: 24px;
    text-align: justify;
    font-family: 'Raleway-Light';
    padding-left: 15px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 90px;
}

    .desc-divTempsRelatif strong {
        text-transform: uppercase;
        font-size: 16px;
        line-height: 24px;
    }



.contentDecouvrir {
    /*width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;*/
}

    .contentDecouvrir section {
        /*border-top: 3px solid red;*/
    }

.imagesequence {
    /*position: fixed;*/
    width: 100%;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    z-index: 2;
}

.imageSequenceStop {
    position: absolute !important;
    /*bottom: 0 !important;*/
    margin-top: 47px !important;
    bottom: 123px !important;
    top: auto !important;
}



/*.imagesequence .ct img {
    width: 100%;
}*/
.divLesUnivers {
    margin-top: 180px;
    display: block;
    background: #f5f4f4;
    z-index: 2;
    position: relative;
}

    .divLesUnivers > .ct {
        padding-top: 110px;
        border-top: 1px solid #000;
    }



.montresUnivers .descLeftProduitDesc {
    height: auto;
}
/*#test1{
    position: fixed;
    z-index: 9999;
    background: red;
    color: #fff;
}*/
.heuresSection2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 172px;
    width: 49.5%;
    position: relative;
    align-items: flex-end;
    z-index: 3;
}

    .heuresSection2 div {
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 10px;
        font-family: 'Raleway-Regular';
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .heuresSection2 div:after {
            content: '';
            background: url(/images/Icn_Filets.svg) no-repeat right center;
            background-size: auto 100%;
            width: 279px;
            height: 5px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 8px;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            opacity: 1;
        }

.heureSection2 {
    /*position: absolute;*/
}

.secondeSection2 {
    margin-bottom: 0 !important;
}

.savezVousLireLheureSection2 {
    text-align: right;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: -12px;
}

.contentSavezVousLireLheure {
    width: 50%;
    text-align: right;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Raleway-Bold';
    position: relative;
    letter-spacing: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 1;
}

    .contentSavezVousLireLheure:before {
        width: 30px;
        height: 3px;
        background: #000;
        display: block;
        margin-bottom: 20px;
        content: '';
    }

    .contentSavezVousLireLheure:after {
        content: '';
        position: absolute;
        top: 37px;
        right: 0;
        width: 100%;
        height: 1px;
        background: #000;
    }

.descSection2 {
    margin-top: 160px;
    width: calc(50% - 15px);
    padding-right: 15px;
    box-sizing: border-box;
    line-height: 24px;
    text-align: justify;
    font-family: 'Raleway-Light';
    font-size: 16px;
}

    .descSection2 strong {
        text-transform: uppercase;
        font-size: 16px;
        line-height: 24px;
    }

.section3 .ct,
.section4 .ct {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.contentDescSection3 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.descSection {
    box-sizing: border-box;
    line-height: 24px;
    text-align: justify;
    font-family: 'Raleway-Light';
    font-size: 16px;
    width: calc(50% - 15px);
}

.descSection3 {
    margin-top: 160px;
    padding-left: 15px;
    color: #fff;
}

.descSection strong {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
}

.descSection3 strong {
    color: #fff;
}

.descSection4 {
    margin-top: 190px;
    padding-right: 15px;
}

.descSection5 {
    margin: 45px 0 85px;
}

.facCacheeSection3 {
    display: block;
    width: 50%;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Raleway-Bold';
    position: relative;
    letter-spacing: 4px;
    /*opacity: 0;*/
    z-index: 1;
}

.contentFaceCacheSection3 {
}

    .contentFaceCacheSection3:before {
        width: 30px;
        height: 3px;
        background: #fff;
        display: block;
        margin-bottom: 20px;
        content: '';
    }

    .contentFaceCacheSection3:after {
        content: '';
        position: absolute;
        top: 37px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #fff;
    }

.titresLesUnivers {
    font-size: 40px;
    font-family: 'Raleway-Medium';
}

.introLesUnivers {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.titresLesUnivers {
    width: 50%;
    flex: none;
}

.btnsLesUnivers {
    width: 50%;
    flex: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.tousUnivers {
    width: 200px;
    flex: none;
    text-transform: uppercase;
    background: #fff;
    height: 30px;
    line-height: 30px;
    color: #000;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    font-size: 14px;
    font-family: 'Raleway-Medium';
    text-align: center;
    text-decoration: none;
}

    .tousUnivers:hover {
        background: #7c2c3d;
        color: #000;
    }

.personnaliseUnivers {
    text-decoration: none;
    border-bottom: 5px solid #000;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 25px;
    height: 25px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    font-family: 'Raleway-Bold';
    width: 200px;
    text-align: center;
    margin-left: 15px;
}

    .personnaliseUnivers:hover {
        border-bottom: 5px solid #7c2c3d;
        color: #7c2c3d;
    }

.montresUnivers {
    margin-top: 90px;
    padding-bottom: 110px;
}

    .montresUnivers .contenuFull {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        flex-wrap: wrap;
    }

.montreUnivers {
    width: 300px;
}

.titreMontreUnivers {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Raleway-Medium';
    letter-spacing: 8px;
}

.textMontreUnivers {
    margin: 28px auto 90px;
    text-align: center;
    font-size: 14px;
    height: 120px;
}

.textMontreUniversKlok08 {
    margin: 0 auto;
    text-align: left;
}

.imgMontreUnivers {
    width: 100%;
    height: 330px;
    /*background: #7c2c3d;*/
    margin-left: -35px;
}

    .imgMontreUnivers img {
        width: 100%;
    }

.titreSection4 {
    text-align: right;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
}

.contentSection4 {
    width: 50%;
    text-align: right;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Raleway-Bold';
    position: relative;
    letter-spacing: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .contentSection4:before {
        width: 30px;
        height: 3px;
        background: #000;
        display: block;
        margin-bottom: 20px;
        content: '';
    }

    .contentSection4:after {
        content: '';
        position: absolute;
        top: 37px;
        right: 0;
        width: 100%;
        height: 1px;
        background: #000;
    }


.titreSection5 {
    display: block;
    width: calc(50% - 15px);
    color: #000;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Raleway-Bold';
    position: relative;
    letter-spacing: 4px;
}

.contenteSection5 {
}

    .contenteSection5:before {
        width: 30px;
        height: 3px;
        background: #000;
        display: block;
        margin-bottom: 20px;
        content: '';
    }

    .contenteSection5:after {
        content: '';
        position: absolute;
        top: 37px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #000;
    }

.imgAnim {
    width: 100%;
}

.sectionGris, sectionNoir {
    position: relative;
}

.body_1211 .bandeauSliderInterne {
    padding-bottom: 0 !important;
    display: block;
    height: 1px !important;
}

.ctSection {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}

.contentSection6 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.contentLeftSection6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 216px;
    width: 50%;
    position: relative;
    align-items: flex-end;
    z-index: 3;
}

.contentLeftSection6-08 {
    margin-top: 285px !important;
}

.contentLeftSection6 div {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 10px;
    font-family: 'Raleway-Regular';
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

    .contentLeftSection6 div:after {
        content: '';
        background: url(/images/Icn_Filets.svg) no-repeat right center;
        background-size: auto 100%;
        width: 279px;
        height: 5px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        opacity: 1;
    }

.contentLeftSection6 span {
    width: 250px;
    text-align: right;
    flex: none;
}

.contentLeftSection6-08 span {
}

.disquesSection6 {
    margin-top: 25px;
}

.fixationsSection6 {
    margin-top: 90px;
}

.titreSection6 {
    text-align: right;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 155px;
}

.contentRightSection6-08 .titreSection6 {
    /*margin-top: 250px;*/
    padding-top: 95px;
}



.contentTitreSection6 {
    width: 100%;
    text-align: right;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Raleway-Bold';
    position: relative;
    letter-spacing: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    /*margin-top: -25px;*/
}



.textContentSection6 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
}

.contentRightSection6 {
    width: 50%;
    flex: none;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
}


.textContentSection6:before {
    width: 30px;
    height: 3px;
    background: #000;
    display: block;
    margin-bottom: 20px;
    content: '';
}

.textContentSection6:after {
    content: '';
    position: absolute;
    top: 37px;
    right: 0;
    width: 100%;
    height: 1px;
    background: #000;
}

.pictoSection6 {
    width: 52px;
    height: 52px;
    margin-bottom: 8px;
    margin-right: -11px;
}

.descSection6 {
    width: 330px;
    margin-top: 190px;
}

@media (max-height: 900px) {

    .descSection6 {
        margin-top: 100px;
    }
}

/*.section2,
.section3,
.section4,
.section5,
.section6 {
    height: 600px;
}*/

/*#anim{
    border-top: 10px solid blue;
}

.section6 {
    border-top: 10px solid red;
}

.imgScene{
    border-top: 5px solid green;
}*/

.imgScene {
    /*animation: fadeInDown;
    animation-duration: 0.2s;*/
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
    width: 960px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    z-index: 2;
    top: 225px;
    /*animation-fill-mode: forwards;
    opacity: 0;*/
}

.titreSection1 {
    animation: fadeInLeft;
    animation-duration: 1s;
    animation-delay: 0.3s;
    transition: all 0.2s ease-in-out;
    position: absolute;
    width: 100%;
    top: 260px;
    left: -200px;
    animation-fill-mode: forwards;
    opacity: 0;
}

.divTempsRelatifContent {
    animation: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0.5s;
    transition: all 0.2s ease-in-out;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 40px;
    position: absolute;
    top: auto;
    bottom: -100px;
    animation-fill-mode: forwards;
    opacity: 0;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        /*top: 125px;*/
    }

    to {
        opacity: 1;
        /*top: 225px;*/
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        top: 125px;
    }

    to {
        opacity: 1;
        top: 225px;
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        left: -200px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        left: -200px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        bottom: -100px;
    }

    to {
        opacity: 1;
        bottom: 0;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        bottom: -100px;
    }

    to {
        opacity: 1;
        bottom: 0;
    }
}

.montreUnivers .btqBlocPrixProduit {
    font-size: 30px;
    font-family: 'Raleway-Medium';
}

.btqBlocTitreProduit a {
    font-family: 'Raleway-Bold';
    font-size: 20px;
    text-transform: uppercase;
}

.montresUnivers .btqBlocTitreProduit {
    font-size: 20px;
    font-family: 'Raleway-Bold';
}

    .montresUnivers .btqBlocTitreProduit span {
        font-family: 'Raleway-Light';
    }

.montresUnivers .detailProduit {
    display: block;
    position: relative;
    bottom: auto;
    opacity: 1;
    text-align: center;
    height: 40px;
    line-height: 16px;
    padding-top: 5px;
    font-size: 14px;
    text-transform: none;
    box-sizing: border-box;
}

.montresUnivers .detailProduitklok08 {
    height: 30px;
    padding: 0;
    line-height: 30px;
    text-transform: uppercase;
}


/*----- COMPTE CLIENT ----*/
/*mode compte*/
.inscriptionRow input:read-only, .inscriptionRow input[readonly='readonly'], #ctl00_cphPanMilieu_ucInscription_txtLogin:read-only, #ctl00_cphPanMilieu_ucInscription_txtLogin[readonly='readonly'] {
    border: none;
    text-align: left;
    font-size: 18px;
    font-family: 'Raleway-Regular';
    color: #000;
}

    .inscriptionRow input[readonly='readonly'].txtCompte, .inscriptionRow .txtCompte:read-only {
        float: left;
        width: auto;
    }

.inscriptionRow .txtCompte:read-only {
    font-size: 30px !important;
    font-family: 'Raleway-Bold';
    padding: 0 !important;
    width: auto !important;
    display: block !important;
    float: none !important;
}

.inscritEnCours input[readonly='readonly'] {
    border: 0 !important;
    padding: 0 !important;
    font-size: 18px;
    font-family: 'Raleway-Regular';
    color: #000;
    text-align: left;
}

.inscritEnCours .inscriptionRow2 input[readonly='readonly'] {
    margin-top: -20px;
}

.inscritEdition .inscriptionRow {
    margin-bottom: 0;
}

    .inscritEdition .inscriptionRow input {
        text-align: left;
        color: #000 !important;
        margin-bottom: 10px;
    }

.inscritEnCours .inscriptionRow input {
    margin-bottom: 10px;
}

.inscritEdition .inscriptionRow .ddl .select {
    margin-bottom: 10px;
}

.inscritEnCours .inscriptionRow .ddl .select {
    margin-bottom: 10px;
}



.inscrit {
    padding-left: 50px !important;
    width: 100% !important;
    float: none;
}

    .inscrit .h2Compte,
    .inscritEdition .h2Compte {
        margin-bottom: 0 !important;
        margin-top: 30px;
        font-size: 18px;
    }

.inscritEdition .mentionsObligatoires {
    display: none;
}

.inscritEditionTel .rowTelPref {
    margin-top: 20px;
}

.inscritEditionTel .inscriptionRow .inputTel {
    padding: 8px 15px !important;
}

.inscritEdition .phase2Inscription .inscriptionRow input {
    /*padding: 0 0 10px 0 !important;*/
}

.inscritEdition #ctl00_cphPanMilieu_ucInscription_panFacture .inscriptionRow input[readonly='readonly'] {
    padding: 0 !important;
    margin-bottom: 0;
    display: block;
}

.inscritEdition #ctl00_cphPanMilieu_ucInscription_panFacture .inscriptionRow input {
    padding: 8px 15px !important;
}

.inscritEdition.inscritEditionTel #ctl00_cphPanMilieu_ucInscription_panFacture .inscriptionRow input {
    padding: 0 !important;
}



.inscrit .panFactCompte span,
.inscritEditionMail .panFactCompte span,
.inscritEditionTel .panFactCompte span,
.inscritEditionPass .panFactCompte span,
.inscritEditionAdresse .panFactCompte span {
    font-size: 18px;
    color: #000;
    font-family: 'Raleway-Regular';
}

.h2AdresseFacturation {
    display: none;
}

.inscrit .h2AdresseFacturation,
.inscritEdition .h2AdresseFacturation,
.inscritEditionMail .h2AdresseFacturation,
.inscritEditionTel .h2AdresseFacturation,
.inscritEditionPass .h2AdresseFacturation,
.inscritEditionAdresse .h2AdresseFacturation {
    display: block;
}


.inscrit input {
    padding: 0 !important;
}

.inscrit .inscriptionRow6,
.inscrit .inscriptionRow7 {
    display: inline-block;
    margin: 0;
    width: auto !important;
    min-width: 1px;
}

.inscritEdition .inscriptionRow input {
    padding: 8px 15px;
}

    .inscritEdition .inscriptionRow input[readonly='readonly'] {
        padding: 0;
        border: 0;
        font-size: 18px;
    }

.inscritEditionMail #ctl00_cphPanMilieu_ucInscription_panFacture input:read-only,
.inscritEditionMail #ctl00_cphPanMilieu_ucInscription_panFacture input[readonly='readonly']
.inscritEditionTel #ctl00_cphPanMilieu_ucInscription_panFacture input:read-only,
.inscritEditionTel #ctl00_cphPanMilieu_ucInscription_panFacture input[readonly='readonly']
.inscritEditionPass #ctl00_cphPanMilieu_ucInscription_panFacture input:read-only,
.inscritEditionPass #ctl00_cphPanMilieu_ucInscription_panFacture input[readonly='readonly'],
.inscritEditionAdresse #ctl00_cphPanMilieu_ucInscription_panFacture input:read-only,
.inscritEditionAdresse #ctl00_cphPanMilieu_ucInscription_panFacture input[readonly='readonly'],
.inscritEditionMail .phase2Inscription input input:read-only,
.inscritEditionMail .phase2Inscription input[readonly='readonly'],
.inscritEditionTel .phase2Inscription input input:read-only,
.inscritEditionTel .phase2Inscription input[readonly='readonly']
.inscritEditionPass .phase2Inscription input input:read-only,
.inscritEditionPass .phase2Inscription input[readonly='readonly'],
.inscritEditionAdresse .phase2Inscription input input:read-only,
.inscritEditionAdresse .phase2Inscription input[readonly='readonly'] {
    padding: 0 !important;
    border: 0 !important;
    color: #000;
    font-size: 18px;
}

.inscritEditionMail .inscriptionRow9,
.inscritEditionPass .inscriptionRow9 {
    margin-bottom: 10px !important;
}

.inscritEditionMail .inscriptionRow8,
.inscritEditionTel .inscriptionRow8,
.inscritEditionPass .inscriptionRow8,
.inscritEditionMail .inscriptionRow26,
.inscritEditionTel .inscriptionRow26,
.inscritEditionPass .inscriptionRow26 {
    margin: 0 !important;
}

.inscritEditionPass .inscriptionRow21 input {
    padding: 8px 15px !important;
}

/*.inscritEditionTel .inscriptionRow8 input,
.inscritEditionTel .inscriptionRow9 input,
.inscritEditionTel .inscriptionRow20 input,
.inscritEditionTel .inscriptionRow21 input {
    padding: 0 !important;
}*/

.inscritEdition .ddl-genre .select-text {
    padding: 0;
}

.inscriptionRow input[readonly='readonly'].compte-adresse, .inscriptionRow .compte-adresse:read-only {
    padding: 0 !important;
}

.inscriptionRow {
    position: relative;
}

.inscriptionBloc {
    overflow: hidden;
    float: left;
}

.inscriptionDroite {
    position: relative;
}

.inscrit {
    float: none !important;
}

.rowTelPref {
    display: flex;
    flex-flow: row;
    width: 100%;
}

.prefixe {
    width: 25%;
}

.tel {
    width: 75%;
}

.inscrit, .inscriptionGauche, .inscriptionDroite {
    position: relative;
}

.h2Compte {
    position: relative;
}

.pen {
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0;
    top: 10%;
}

    .pen::after {
        background: url(/images/Icn_Crayon.svg) no-repeat center center #fff;
        background-size: 60% auto;
        content: '';
        height: 20px;
        width: 20px;
        display: block;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .pen:hover:after {
        background: url(/images/Icn_Crayon.svg) no-repeat center center #7c2c3d;
        background-size: 60% auto;
    }

.btn-blanc {
    background: #FFF !important;
    color: #000 !important;
    font-size: 14px;
    font-family: 'Raleway-Medium';
    line-height: 30px;
    height: 30px;
    display: block;
    transition: all 0.2s ease-in-out;
    padding: 0;
}

    .btn-blanc:hover {
        background: #7c2c3d !important;
        color: #fff !important;
        font-family: 'Raleway-Bold';
    }

.inscriptionCt .ddl {
    padding: 8px 15px;
    width: 100%;
    text-align: left;
    display: block;
    font-size: 14px;
    font-family: 'Raleway-Regular';
    background: none;
    box-sizing: border-box;
}

.inscriptionCt .ddl {
    padding: 0 !important;
    position: relative;
}

.inscriptionCt .ddlPrefixe:before {
    pointer-events: none;
    content: '';
    background: url(/images/Fleche_Dropdown_N.svg) no-repeat center center;
    background-size: 100% auto;
    width: 17px;
    height: 10px;
    position: absolute;
    top: 10px;
    right: 20px;
}

.inscriptionCt .ddl > .select {
    padding: 8px 15px !important;
    background: none;
    width: 100%;
    box-sizing: border-box;
    color: #000 !important;
    text-transform: none !important;
    border: 1px solid #000;
    /*overflow: hidden;*/
}

.inscriptionCt .ddl .select.open {
    /*overflow: auto;*/
}

.phase2Inscription .formConnexion input,
.inscritEnCours .phase2Inscription .inscriptionRow input {
    text-align: left;
    padding: 8px 15px !important;
    color: #000 !important;
}

.phase2Inscription .ddl-genre .select-text[data-value=""] {
    color: #000 !important;
    text-transform: none !important;
    padding-left: 0 !important;
}

.phase2Inscription .select-options {
    background: #fff !important;
    box-sizing: border-box !important;
}

.phase2Inscription .select-option {
    transition: all 0.2s ease-in-out;
}

    .phase2Inscription .select-option:hover {
        font-family: 'Raleway-Bold' !important;
    }

.phase2Inscription .select-icon {
    right: 20px;
    top: 10px;
    /*display: none;*/
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    background: url("/images/Fleche_Dropdown_N.svg") no-repeat center center;
    background-size: 100% auto;
}

.ddl .select2-selection {
    background: none;
    border: none;
}

.ddl .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

.ddl .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.ddlPrefixe {
    width: 80px !important;
    flex: none;
    margin-right: 20px;
    border: 1px solid #000;
}

    .ddlPrefixe .select2-container .select2-selection--single {
        height: 32px;
    }

    .ddlPrefixe .select2-container--default .select2-results > .select2-results__options {
        overflow-x: hidden;
    }

.phase2Inscription .formulaire-check label {
}

.phase2Inscription .checkIdemAdresse {
    position: relative;
    margin: 20px 0;
    display: block;
    width: 100%;
    min-height: 28px;
}

    .phase2Inscription .checkIdemAdresse label {
        padding-left: 45px !important;
        position: absolute !important;
        top: 0;
        font-size: 14px;
        color: #000;
    }

.phase2Inscription .formulaire-check {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

    .phase2Inscription .formulaire-check label {
        flex: none;
        text-align: left;
    }

.phase2Inscription .autorisationRGPD {
    margin-top: 10px;
}

.submitInscription .btn {
    margin-bottom: 20px;
    display: block;
}

.inscritEditionMail .inscriptionRow.inscriptionRow20 input {
    padding: 8px 15px !important;
}


/*----- ESPACE CLIENT -----*/
.flex-compte {
    flex-flow: row nowrap;
    justify-content: center;
    /*align-items: center;*/
    margin: 0 auto;
    display: flex;
    padding: 50px 0 100px;
}

    .flex-compte #ctl00_cphPanMilieu_ucInscription_udpInsc {
        width: 50% !important;
        padding: 0 15px 0 0;
        flex: none;
        box-sizing: border-box;
    }

    .flex-compte .inscriptionCt {
        width: 100% !important;
    }

        .flex-compte .inscriptionCt .inscriptionGauche.connexionGauche {
            width: 100% !important;
            float: none;
            padding: 0 !important;
        }

        .flex-compte .inscriptionCt .connexionGaucheContent {
            margin: 25px 50px 15px 50px;
        }

.compteRight {
    width: 50%;
    flex: none;
    padding: 50px 0 100px;
    box-sizing: border-box;
}

.compte-favoris {
    display: inline-block;
    padding-bottom: 20px;
    width: 100%;
}
.compte-tracking:after {
    margin-top: 50px;
    content: '';
    width: 100%;
    display: block;
    height: 1px;
    background: #000;
    margin-bottom: 30px;
}
.contentCompteRight {
    padding: 0 50px;
    width: 100%;
    box-sizing: border-box;
}

.compte-favoris a {
    width: 100%;
    height: 40px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    background-color: #FFF;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Raleway-Bold';
    transition: all 0.2s ease-in-out;
}

    .compte-favoris a:before {
        content: '';
        background: url(/images/favoriHover.svg) no-repeat center center;
        width: 17px;
        height: 16px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        background-size: 100% auto;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }

    .compte-favoris a.compteConfigurateur {
        margin-top: 8px;
    }

        .compte-favoris a.compteConfigurateur:before {
            display: none;
        }

    .compte-favoris a:hover:before {
        background: url(/images/favori_B.svg) no-repeat center center;
        background-size: 100% auto;
    }

    .compte-favoris a:hover {
        background: #7c2c3d;
        color: #fff;
    }


.compte-favoris:after {
    margin-top: 50px;
    content: '';
    width: 100%;
    display: block;
    height: 1px;
    background: #000;
}

.inscrit .prefixe {
    width: auto;
}

.inscrit .ddlPrefixe {
    border: 0;
}

    .inscrit .ddlPrefixe:before {
        display: none;
    }

.inscrit .tel input {
    padding: 0 !important;
}

.inscrit .phase2Inscription .inscriptionRow input {
    padding: 0 !important;
    border: 0 !important;
    color: #000;
    font-size: 18px;
    text-align: left;
}

.inscrit .inscriptionRow19,
.inscrit .inscriptionRow20,
.inscrit .inscriptionRow21 {
    margin-bottom: 20px;
}

.inscrit .ddlPrefixe {
    width: auto !important;
    margin: 0 !important;
}

.mentionsObligatoires {
    font-size: 8px;
}

.inscrit .mentionsObligatoires {
    display: none;
}

.btnSupp {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    margin-top: 20px;
    display: block;
}

    .btnSupp:before {
        content: '> ';
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        transition: all 0.2s ease-in-out;
        font-size: 14px;
    }

    .btnSupp:hover {
        font-family: 'Raleway-Bold';
        color: #7c2c3d;
    }

        .btnSupp:hover:before {
            margin-right: 20px;
        }

.inscrit input[type="checkbox"]:not(:checked) + label::before,
.inscritEdition input[type="checkbox"]:not(:checked) + label::before {
    width: 28px;
    height: 28px;
    background: transparent;
    border: 1px solid #000;
    overflow: hidden;
    top: 5px;
}

.inscrit input[type="checkbox"]:checked + label::before,
.inscritEdition input[type="checkbox"]:checked + label::before {
    width: 28px;
    height: 28px;
    background: transparent;
    border: 3px solid #000;
    overflow: hidden;
    top: 5px;
}

.inscrit input[type="checkbox"]:not(:checked) + label::after,
.inscrit input[type="checkbox"]:checked + label::after,
.inscritEdition input[type="checkbox"]:not(:checked) + label::after,
.inscritEdition input[type="checkbox"]:checked + label::after {
    background: url(/images/Check.svg) no-repeat center center;
    content: "";
    left: 1px;
    position: absolute;
    top: 2px;
    transition: all 0.2s ease 0s;
    margin-top: 0px;
    width: 26px;
    height: 26px;
    /*border-bottom-left-radius: 80%;*/
}

.inscrit label,
.inscritEdition label {
    color: #000 !important;
    font-family: 'Raleway-Regular';
}

.panTelCompte span {
    font-family: 'Raleway-Regular';
    font-size: 18px;
}

.inscriptionRow8 input[readonly='readonly'],
.inscriptionRow8 input:read-only {
    margin: 30px 0 0 0;
    font-size: 18px;
    font-family: 'Raleway-Regular';
}

.inscriptionRow9 input[readonly='readonly'],
.inscriptionRow9 input:read-only {
    padding: 0;
    font-size: 18px;
    font-family: 'Raleway-Regular';
    /*margin-bottom: -10px;*/
}

.inscrit .submitInscription,
.inscritEdition .submitInscription {
    margin-top: 0;
}

.inscrit .checkIdemAdresse,
.inscritEdition .checkIdemAdresse {
    margin-bottom: 0;
}

.inscrit .autorisationRGPD,
.inscritEdition .autorisationRGPD {
    margin: 0
}

.inscrit .submitInscription .btn,
.inscritEdition .submitInscription .btn {
    margin-top: 25px;
}

.inscrit #ctl00_cphPanMilieu_ucInscription_panFacture {
    margin-top: 20px;
}

    .inscrit #ctl00_cphPanMilieu_ucInscription_panFacture .inscriptionRow {
        margin-bottom: 0;
    }



.inscrit .nomPrenom {
    display: flex;
    flex-direction: row;
    margin-top: -20px;
}

.cpt-ctCommandes h2 {
    margin-top: 0;
    margin-bottom: 30px;
}

.cpt-ctCommandes table tr:first-child {
    display: none;
}

.inscritEdition {
    width: 100%;
    padding-left: 50px;
}

    .inscritEdition #ctl00_cphPanMilieu_ucInscription_h2Coo {
        display: none;
    }

.btnFacture:before {
    content: '';
    background: url(/images/Icn_Pdf.svg) no-repeat center;
    background-size: 100% auto;
    width: 18px;
    height: 24px;
    display: block;
    transition: all 0.2s ease-in-out;
}

.btnFacture:hover:before {
    background: url(/images/Icn_Pdf_R.svg) no-repeat center;
    background-size: 100% auto;
}

.numCommande {
    position: relative;
    text-decoration: none;
    padding-bottom: 1px;
    -webkit-transition: all 200ms ease;
    color: #000;
    position: relative;
}

    .numCommande::after {
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        left: 0;
        bottom: 0;
        background: #000;
        transition: all 200ms ease;
    }

    .numCommande:hover::after {
        opacity: 0;
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px);
    }

.flex-compte .inscriptionCt .inscriptionGauche.connexionGauche .sep-head-panier {
    width: calc(100% - 50px);
}

.inscritEdition #ctl00_cphPanMilieu_ucInscription_panNomPrenomFacturation {
    margin-top: 20px;
}

.inscritEdition .inscriptionRow input[readonly='readonly'].compte-adresse,
.inscritEdition.inscriptionRow .compte-adresse:read-only {
    margin-bottom: -10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inscritEdition .inscriptionRow input[readonly='readonly'].compte-adresse,
    .inscritEdition.inscriptionRow .compte-adresse:read-only {
        margin-bottom: 0px;
    }
}


.inscrit .panTelCompte,
.inscritEdition .panTelCompte {
    margin-bottom: 20px;
}

#ctl00_cphPanMilieu_ucInscription_panBienVenue {
    float: none;
    width: 100%;
    margin-bottom: 60px;
    padding-left: 50px;
    box-sizing: border-box;
    color: #7c2c3d;
    font-size: 24px;
    font-family: 'Raleway-Regular';
}

    #ctl00_cphPanMilieu_ucInscription_panBienVenue span {
        font-family: 'Raleway-Bold';
        display: block;
        margin-bottom: 40px;
    }

    #ctl00_cphPanMilieu_ucInscription_panBienVenue .btn-blanc {
        margin-top: 70px;
    }

.traitement-en-cours {
    /*font-weight: bold;*/
    font-family: 'Raleway-Bold';
    color: red;
}

/*----- FAVORI ------*/
.ctFavori {
    padding-top: 50px;
    display: block;
}

.ctFavori-titre {
    width: calc(50% - 65px);
}

.contentCtFavori {
    padding: 25px 0 30px;
    margin-left: 50px;
    width: calc(100% - 50px);
    box-sizing: border-box;
    border-bottom: 4px solid #000;
    margin-bottom: 30px;
    padding-right: 20px;
}

.ctFavori .doubleBarre:after {
    width: 100%;
}

.ctFavori h1 {
    font-size: 23px;
    margin: 0 0 10px 0;
    text-transform: none;
    line-height: 23px;
}

.ctFavori p {
    font-size: 23px;
    line-height: 24px;
    font-family: 'Raleway-Regular';
    text-align: left;
}

.btnAjoutPanier {
    text-decoration: none;
    text-align: center;
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    background: #000;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    font-family: 'Raleway-Bold';
    display: inline-block;
}

    .btnAjoutPanier:hover {
        background: #7c2c3d;
        color: #fff;
    }

.supprFavori a {
    width: 20px;
    height: 20px;
    background: url(/images/Icn_X.svg) no-repeat center center #000;
    background-size: 7px 7px;
    transition: all 0.2s ease-in-out;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

    .supprFavori a:hover {
        background: url(/images/Icn_X.svg) no-repeat center center #7c2c3d;
        background-size: 7px 7px;
    }

.ctFavoriProduit .btqBlocEtiquetteVenteProduit {
    height: 80px;
}

.ctFavori .conteneurContenuBloc {
    margin: 0;
}

.ctFavoriProduit {
    margin-top: 0;
}

.nom-prenom {
    font-size: 30px;
    font-family: 'Raleway-Bold';
    margin-top: -25px;
}

/*----- DETAIL COMMANDE - Compte -----*/

.ctDetail-commande {
    padding-top: 50px;
    display: block;
    margin-bottom: 110px;
}

.titreDetail-commande {
    width: calc(50% - 65px);
    margin-bottom: 20px;
}

    .titreDetail-commande .doubleBarre:after {
        width: 100%;
        margin-bottom: 25px;
    }

.contentTitreDetail-commande {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 4px solid #000;
    margin-left: 50px;
}

.numDetail-commande {
    font-size: 24px;
    font-family: 'Raleway-Bold';
}

.btnFactureDetail {
    text-decoration: none;
}

    .btnFactureDetail:after {
        content: '';
        background: url(/images/Icn_Pdf.svg) no-repeat center;
        background-size: 100% auto;
        width: 18px;
        height: 24px;
        transition: all 0.2s ease-in-out;
        margin-left: 6px;
        display: inline-block;
        vertical-align: bottom;
    }

    .btnFactureDetail:hover:after {
        background: url(/images/Icn_Pdf_R.svg) no-repeat center;
        background-size: 100% auto;
    }

.votreCommande {
    font-size: 16px;
    font-family: 'Raleway-Bold';
}

.quantiteCommande {
    font-size: 16px;
}

.nbArticle-detailCommande {
    width: calc(100% - 100px);
    padding-bottom: 15px;
    border-bottom: 2px solid #000;
    margin: 0 50px;
    box-sizing: border-box;
}

.contentNbArticle {
    width: calc(50% - 65px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.detail-detailCommande {
    display: flex;
    flex-direction: row;
    margin: 0 50px;
    width: calc(100% - 100px);
    box-sizing: border-box;
}

.detailLeft-detailCommande {
    width: 50%;
    padding-right: 65px;
    flex: none;
    box-sizing: border-box;
}

.detailRight-detailCommande {
    width: 50%;
    padding-left: 65px;
    flex: none;
    box-sizing: border-box;
}

.retourCompte-detailCommande a {
    background: #fff;
    color: #000;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Raleway-Regular';
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
    margin-top: 40px;
}

    .retourCompte-detailCommande a:hover {
        background: #7c2c3d;
        color: #fff;
        font-family: 'Raleway-Bold';
    }

.adresseLivraison-detailCommande {
    font-size: 18px;
}

.payeLe-detailCommande {
    font-size: 18px;
    margin-top: 60px;
    font-family: 'Raleway-Medium';
    text-transform: uppercase;
    margin-bottom: 30px;
}

.livreeLe-detailCommande {
    font-size: 18px;
    font-family: 'Raleway-Medium';
    text-transform: uppercase;
    margin-bottom: 30px;
    display: none;
}

.commentaire-detailCommande .commandeUserPanel {
    font-size: 16px;
    margin: 30px 0;
}

.total-detailCommande {
    padding: 15px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .total-detailCommande span {
        text-transform: uppercase;
        font-family: 'Raleway-Bold';
        font-size: 18px;
    }

        .total-detailCommande span:last-child {
        }

.detailPrix-detailCommande {
    padding: 15px 0 20px;
    font-size: 18px;
}

    .detailPrix-detailCommande > div {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

.bonReduction-detailCommande {
    padding: 15px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    font-size: 18px;
}

.produit-detailCommande {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.produitDetailDescCalibre-detailCommande {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.produitImg-detailCommande {
    width: 100px;
    height: 160px;
    flex: none;
    margin-right: 20px;
    position: relative;
}

    .produitImg-detailCommande img {
        height: 100%;
        width: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

.ctDetail-commande .produitImg-detailCommande img {
    height: auto;
    width: 100%;
}

.produitDetailDesc-detailCommande {
    flex: 1 1;
}

.titreProduit-detailCommande {
    font-size: 20px;
    display: block;
    font-family: 'Raleway-Bold';
}

.collectionProduit-detailCommande {
    font-size: 20px;
    display: block;
    font-family: 'Raleway-Light';
    margin-bottom: 8px;
}

.produitDetailCalibre-detailCommande {
    font-size: 20px;
    text-align: right;
    font-family: 'Raleway-Thin';
}

.descProduit-detailCommande {
    font-size: 10px;
    font-family: 'Raleway-Light';
    color: #000;
}

    .descProduit-detailCommande strong {
        font-weight: normal;
        font-family: 'Raleway-SemiBold';
    }

    .descProduit-detailCommande span {
        /*color: #808080;*/
    }

.produitDetail-detailCommande {
    flex: 1 1;
}

.prixProduit-detailCommande {
    margin-top: 20px;
    font-size: 25px;
    text-align: right;
    width: 100%;
    display: block;
    font-family: 'Raleway-Medium';
}


/*---- PANIER ------*/
#ct-panier {
    padding-top: 50px;
    position: relative;
}

    #ct-panier .sep-head-panier::before {
        margin-top: 50px;
    }

    #ct-panier .total-detailCommande {
        margin-top: 20px;
        margin-bottom: 30px;
    }

.info-livraison {
    margin-top: 38px;
    font-size: 14px;
}

#ct-panier #txtQte {
    width: 30px;
    box-sizing: border-box;
    background: transparent;
    font-size: 16px;
    font-family: 'Raleway-Medium';
    color: #000 !important;
}

#ct-panier .btqBlocPrixProduit {
    text-align: right;
    margin-bottom: 0;
}

#ct-panier .ct-prix-quantite {
    justify-content: space-between;
}

#ct-panier .produit-detailCommande {
    margin-bottom: 60px;
}

    #ct-panier .produit-detailCommande:last-child {
        margin-bottom: 100px;
    }

#ct-panier .produitImg-detailCommande img {
    width: 100%;
    height: auto;
}

#ct-panier .produitImg-detailCommande {
    max-height: 160px;
    height: auto;
}

.ct-titre-achat-compulsif h2 {
    font-size: 40px;
    line-height: 40px;
    margin-top: 55px;
    font-family: 'Raleway-Medium';
    text-transform: none;
    margin-bottom: 0;
}

.divAchat-compulsif .ct-produits {
    margin-top: 25px !important;
}


/*----- RECAP PANIER -----*/

.btq-recap-achat {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}

.titreRecap h2 {
    position: relative;
}

.pen {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 10%;
}

/*.pen::after {
        content: url(/images/Icn_Crayon.svg);
        height: 20px;
        width: 20px;
    }*/


.ctRecapPanier {
    padding-top: 50px;
    position: relative;
}

.ctRecapPanierContent {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.recap-gauche {
    width: 50%;
    flex: none;
    box-sizing: border-box;
    padding-right: 65px;
}

.recap-droite {
    width: 50%;
    flex: none;
    box-sizing: border-box;
    padding-left: 65px;
}

.recap-gauche .doubleBarre:after {
    width: 100%;
    margin-bottom: 25px;
}

.recap-login {
    font-size: 18px;
    display: block;
    font-family: 'Raleway-Regular';
    margin-bottom: 30px;
}

.recap-nom {
    font-size: 18px;
    display: block;
    font-family: 'Raleway-Regular';
    margin-bottom: 30px;
}

.recap-gauche-desc {
    padding-left: 50px;
    width: 100%;
    box-sizing: border-box;
}

.recap-gauche .titreRecap span {
    font-family: 'Raleway-Regular';
}

.recap-gauche .titreRecap h2 {
    margin: 0;
}

.recap-adresseLivraison {
    margin: 30px 0 25px;
    font-family: 'Raleway-Regular';
    font-size: 18px;
}

    .recap-adresseLivraison span {
        display: block;
    }

.recap-continuer {
    margin-top: 20px;
}

.ctRecapPanierContent .checkIdemAdresse {
    position: relative;
    margin: 20px 0;
    display: block;
    width: 100%;
    min-height: 28px;
}

    .ctRecapPanierContent .checkIdemAdresse label {
        padding-left: 45px !important;
        position: absolute !important;
        top: 0;
        font-size: 13px;
        color: #000;
        font-family: 'Raleway-Regular';
    }

.ctRecapPanierContent input[type="checkbox"]:not(:checked) + label::before,
.ctRecapPanierContent input[type="radio"]:not(:checked) + label::before {
    width: 28px;
    height: 28px;
    background: transparent;
    border: 1px solid #000;
    overflow: hidden;
    top: 5px;
    border-radius: 0;
}

.ctRecapPanierContent input[type="checkbox"]:checked + label::before,
.ctRecapPanierContent input[type="radio"]:checked + label::before {
    width: 28px;
    height: 28px;
    background: transparent;
    border: 3px solid #000 !important;
    overflow: hidden;
    top: 5px;
    border-radius: 0;
}

.ctRecapPanierContent input[type="radio"]:not(:checked) + label::before,
.ctRecapPanierContent input[type="radio"]:checked + label::before {
    left: 1px;
    top: 0;
}

.ctRecapPanierContent input[type="checkbox"]:not(:checked) + label::after,
.ctRecapPanierContent input[type="checkbox"]:checked + label::after,
.ctRecapPanierContent input[type="radio"]:checked + label::after {
    background: url(/images/Check.svg) no-repeat center center;
    content: "";
    left: 1px;
    position: absolute;
    top: 2px;
    transition: all 0.2s ease 0s;
    margin-top: 0px;
    width: 26px;
    height: 26px;
    /*border-bottom-left-radius: 80%;*/
    border-radius: 0;
    border: 0;
}

.ctRecapPanierContent input[type="radio"]:not(:checked) + label::after {
    content: "";
    left: 1px;
    position: absolute;
    top: 2px;
    transition: all 0.2s ease 0s;
    margin-top: 0px;
    width: 26px;
    height: 26px;
    /*border-bottom-left-radius: 80%;*/
    border-radius: 0;
    border: 0;
}

.ctRecapPanierContent input[type="radio"]:checked + label::after {
    left: 2px;
    top: 2px;
}

.ctRecapPanierContent .recapAdressChk {
    margin-left: 0;
}

.suite-etapes {
    margin: 55px 0 110px;
}

    .suite-etapes .titreRecap {
        margin: 0;
    }

        .suite-etapes .titreRecap:last-child {
            margin-top: 53px;
        }

#litAdresseFacturation {
    margin: 0 !important;
}

.recap-droite .btqBlocProduit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 45px;
    align-items: center;
    margin-top: 40px;
}

.recap-droite .btqBlocPhotoProduit {
    width: 100px;
    margin-right: 20px;
    flex: none;
    height: 160px;
    margin-bottom: 0;
}

    .recap-droite .btqBlocPhotoProduit img {
        width: 100%;
        height: auto;
    }

.recap-droite .descProduit {
    padding-left: 0;
    margin-top: 0;
    width: 100%;
    display: block;
}

.recap-droite .descProduitDesc {
    width: 100%;
}

.recap-droite .descProduitDesc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.recap-droite .ct-prix-quantite {
    justify-content: space-between;
    align-items: center;
}

.recap-droite .ct-quantite {
    font-size: 16px;
    font-family: 'Raleway-Medium';
}

.recap-droite .btqBlocPrixProduit {
    font-size: 25px;
    font-family: 'Raleway-Medium';
    margin: 0;
}

.recap-droite .btqBlocProduit {
    width: calc(100% - 50px);
    box-sizing: border-box;
}

.recap-droite .descLeftProduitDesc {
    height: auto;
}

.recap-droite #total-recap-panier {
    padding-right: 50px;
}

    .recap-droite #total-recap-panier .flex-total-hover:last-child,
    .flex-total-general {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 15px 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-transform: uppercase;
        font-size: 18px;
        font-family: 'Raleway-Bold';
        margin-top: 18px;
    }

.info-tva {
    font-size: 14px;
    margin-top: 20px;
    display: block;
}

    .info-tva a {
        font-size: 14px !important;
    }

.recap-droite .flex-total-hover {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}

    .recap-droite .flex-total-hover span {
        width: auto;
    }

.recap-droite #total-recap-panier .flex-total-hover {
    margin-bottom: 10px;
}


.recap-droite .flex-total-hover span:last-child {
    flex: none;
}

.recap-code-promo {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    /*padding: 10px 0;*/
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    line-height: 34px;
    font-family: 'Raleway-Regular';
    font-size: 18px;
}

.recap-code-promo-ajout a {
    height: 34px;
    line-height: 34px;
    background: #000;
    padding: 0 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    font-family: 'Raleway-Regular';
    text-decoration: none;
}

    .recap-code-promo-ajout a:hover {
        background: #7c2c3d;
    }

.recap-code-promo-ajout input {
    height: 34px;
    line-height: 34px;
    font-family: 'Raleway-Regular';
    font-size: 15px;
    background: none;
    border: 0;
}

.recap-code-promo-ok {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .recap-code-promo-ok a:first-child {
        width: 20px;
        height: 20px;
        color: #fff;
        background: #000;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        margin-right: 20px;
    }

        .recap-code-promo-ok a:first-child:before {
            background: url(/images/Icn_X.svg) no-repeat center center;
            width: 20px;
            height: 20px;
            background-size: 10px 10px;
            content: '';
            display: block;
            text-align: center;
        }

    .recap-code-promo-ok a:hover {
        background: #7c2c3d;
    }

.code {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    flex: 1 1 !important;
}

    .code span {
        display: inline-block;
    }

.recap-confirm {
    font-size: 23px;
    font-family: 'Raleway-Regular';
    padding-bottom: 20px;
    border-bottom: 4px solid #000;
    margin-bottom: 50px;
}

    .recap-confirm strong {
        font-weight: normal;
        font-family: 'Raleway-Bold';
    }

.recap-confirm-retour strong {
    font-weight: normal;
    font-family: 'Raleway-Bold';
}

.recap-confirm-retour a {
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 1px;
    -webkit-transition: all 200ms ease;
    color: #000;
    position: relative;
    text-decoration: none;
}

    .recap-confirm-retour a:after {
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        left: 0;
        bottom: 0;
        background: #000;
        transition: all 200ms ease;
    }

    .recap-confirm-retour a:hover::after {
        opacity: 0;
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px);
    }

.classChoixLivraison {
    margin-top: 28px;
}

    .classChoixLivraison label {
        padding-left: 45px !important;
        position: absolute !important;
        top: 0;
        font-size: 14px;
        color: #000;
        font-family: 'Raleway-Regular';
    }

    .classChoixLivraison table {
        width: 100%;
    }

    .classChoixLivraison td {
        position: relative;
        min-height: 28px;
        display: block;
        margin-top: 25px;
    }

        .classChoixLivraison td:first-child {
            margin-top: 0;
        }

        .classChoixLivraison td label {
            display: flex !important;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            flex-wrap: nowrap;
            position: relative !important;
            font-size: 16px;
        }

            .classChoixLivraison td label span {
                display: inline-block;
            }

.franco {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
}

.labelLivraison {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-right: 40px;
}

.recap-gauche #livraison {
    position: relative;
    margin-bottom: 53px;
}

.paiement-explication {
    margin-top: 25px;
    text-align: justify;
    font-size: 16px;
}

.img-cartes-paiement {
    max-width: 100%;
    margin: 15px 0;
}

    .img-cartes-paiement img {
        max-width: 100%;
    }

.paiement-explication-bas {
    font-size: 10px;
    font-family: 'Raleway-Regular';
    margin-bottom: 30px;
}

    .paiement-explication-bas a {
        font-size: 10px;
    }

.nom-transporteur {
    line-height: 16px;
}


/*------- ATTENTE CONFIRMATION ------*/
.attente .top,
.attente .head {
    position: relative;
    text-align: center;
}

    .attente .head .ct1200 {
        text-align: center;
        display: block;
    }

.attente #logo {
    display: inline-block;
    margin: 0;
}

.footerAttente {
    margin-top: 110px;
}


    .footerAttente .garantiesFooter {
        margin-bottom: 0;
    }


/*------ PRESSE ------*/

.titre1-presse {
    width: 300px;
    font-size: 40px;
    font-family: 'Raleway-Light';
    text-transform: uppercase;
    display: block;
}

.titre2-presse {
    width: 100%;
    display: block;
    margin-top: 10px;
}

    .titre2-presse h1 {
        width: 100%;
        display: block;
        font-size: 100px;
        text-transform: uppercase;
        font-family: 'Raleway-Bold';
        line-height: 100px;
        margin: 20px 0 50px;
    }

.listing-presse {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}

.listeLignePresse {
    width: 300px;
}

.listePressesConteneurImage {
    background: #fff;
    width: 300px;
    height: 300px;
    float: none;
    margin-bottom: 20px;
    position: relative;
}

    .listePressesConteneurImage img {
        position: absolute;
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
        left: 50%;
        width: 80%;
        margin: 0 auto;
    }

.listePressesConteneurLien {
    display: none;
}

.listePressesConteneurTextes {
    float: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

.listePressesTitre {
    display: none;
}

.listePressesConteneurDate {
    font-size: 18px;
    font-family: 'Raleway-Bold';
    color: #000;
    margin: 20px 0 25px;
}

.listePressesConteneurDescription {
    font-size: 16px;
    text-align: justify;
    font-family: 'Raleway-Light';
    line-height: 20px;
    max-height: 125px;
    overflow: hidden;
    position: relative;
}

/*--------- PRELOADER -------*/

.body_1211 #preloader,
.body_1212 #preloader {
    display: block;
}

#preloader {
    display: none;
}

/*--- TEXTE TEMPORAIRE DECOUVRIR MOBILE -------*/

#message-mobile {
    text-align: center;
    position: relative;
    overflow: hidden;
}

    #message-mobile .txtMessage {
        margin-top: 50px;
    }

    #message-mobile .btnRetourMessage {
        margin: 0 auto 30px;
    }

    #message-mobile .titreSection1 {
        position: relative;
        top: 0;
        left: 0;
    }

    #message-mobile .divTempsRelatifContent {
        position: relative;
        margin-top: 100px;
    }

    #message-mobile .klok01,
    #message-mobile .klok {
        position: absolute;
        top: 60px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }


/*--------*/

.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus {
    outline: none !important;
}

.swiper-pagination-bullet:active,
.swiper-button-prev:active,
.swiper-button-next:active {
    outline: none !important;
}

.ulEnfant a .libelleMenu {
    display: none !important;
}

/*-------- CONFIGURATEUR ---------*/

.ct-configurateur {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    /*margin-bottom: 110px;*/
    padding-top: 63px;
    margin-bottom: 155px;
}

    .ct-configurateur .montre {
        width: calc(50% - 15px);
        margin-right: 15px;
    }

        .ct-configurateur .montre:before {
            content: '';
            width: 30px;
            height: 3px;
            display: block;
            background: #000;
        }

        .ct-configurateur .montre h1:before {
            width: 300px;
            border-top: 1px solid #000;
            margin-bottom: 25px;
            margin-top: 15px;
            content: '';
            display: block;
        }

        .ct-configurateur .montre h1 {
            font-size: 40px;
            line-height: 40px;
            font-family: 'Raleway-Light';
            font-weight: normal;
            text-transform: uppercase;
            letter-spacing: 2.2px;
            margin-bottom: 0 !important;
        }

    .ct-configurateur .h1Configurateur {
        width: 100%;
        font-family: 'Raleway-Bold';
        text-transform: uppercase;
        font-size: 50px;
        margin-bottom: 60px;
        display: block;
    }

.calques-configurateur {
    text-align: center;
}

.calque-configurateur {
    /*background: #808080;*/
    height: 500px;
    position: relative;
}

    .calque-configurateur img {
        width: 100%;
    }

.img-boitier {
    position: relative;
    z-index: 2;
}

.img-bracelet {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.filtres-configurateur {
    width: calc(50% - 15px);
    margin-left: 15px;
    margin-top: 80px;
}

.filtre-configurateur {
    margin-bottom: 30px;
}

.titre-principal-filtre {
    font-family: 'Raleway-Bold';
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
}

    .titre-principal-filtre:after {
        content: '';
        width: 100%;
        height: 1px;
        background: #000000;
        display: block;
        margin-top: 10px;
    }

.ct-configurateur input[type="radio"]:not(:checked) + label,
.ct-configurateur input[type="radio"]:checked + label {
    height: 20px;
    display: block;
    margin-bottom: 10px;
    padding-left: 30px;
    border-radius: 0;
}

    .ct-configurateur input[type="radio"]:not(:checked) + label::before,
    .ct-configurateur input[type="radio"]:checked + label::before {
        width: 20px;
        height: 20px;
        background: #fff;
        border: 1px solid #000;
        overflow: hidden;
        border-radius: 0;
        left: 0;
        top: -1px;
    }

    .ct-configurateur input[type="radio"]:not(:checked) + label::after {
        background: #000;
        content: "";
        left: 1px;
        position: absolute;
        top: 0;
        transition: all 0.2s ease 0s;
        margin-top: 0px;
        width: 18px;
        height: 18px;
        border-radius: 0;
        border: 0;
        border-bottom-left-radius: 80%;
        opacity: 0;
    }


    .ct-configurateur input[type="radio"]:checked + label::after {
        background: #000;
        content: "";
        left: 1px;
        position: absolute;
        top: 0;
        transition: all 0.2s ease 0s;
        margin-top: 0px;
        width: 18px;
        height: 18px;
        border-radius: 0;
        border: 0;
        border-bottom-left-radius: 80%;
    }

.ct-configurateur label {
    font-size: 12px;
    font-family: 'Raleway-Light';
    color: #000;
}

.ct-configurateur .ct-filtres {
    background: none !important;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 15px;
    flex-wrap: wrap;
}

.ct-configurateur .filtres {
    background: transparent !important;
}

.ct-configurateur .titre-filtre {
    font-family: 'Raleway-Bold';
    font-size: 14px;
}

.ct-configurateur .dv-filtre {
    padding: 15px 0 0 0;
}

.ct-configurateur #couleurs-bracelet,
.ct-configurateur #couleurs-boitier,
.ct-configurateur #couleurs-bracelet table,
.ct-configurateur #couleurs-boitier table,
.ct-configurateur #couleurs-bracelet tbody,
.ct-configurateur #couleurs-boitier tbody {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 160px;
    flex: none;
}

.ct-configurateur .couleursBoitiers span,
.ct-configurateur .couleursBracelets span {
    width: 40px;
    height: 40px;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.ct-configurateur .couleursBoitiers label,
.ct-configurateur .couleursBracelets label {
    background: none;
    width: 40px;
    height: 40px !important;
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    position: relative;
    overflow: hidden;
}

.ct-configurateur .couleursBoitiers input[type="radio"]:not(:checked) + label::before,
.ct-configurateur .couleursBoitiers input[type="radio"]:checked + label::before,
.ct-configurateur .couleursBracelets input[type="radio"]:not(:checked) + label::before,
.ct-configurateur .couleursBracelets input[type="radio"]:checked + label::before {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background: transparent;
    transition: all 0.2s ease-in-out;
}

.ct-configurateur .couleursBoitiers input[type="radio"]:not(:checked) + label::after,
.ct-configurateur .couleursBracelets input[type="radio"]:not(:checked) + label::after {
    width: 40px;
    height: 40px;
    border: 5px solid #fff;
    background: transparent;
    border-radius: 0;
    opacity: 0;
}

.ct-configurateur .couleursBoitiers input[type="radio"]:checked + label::after,
.ct-configurateur .couleursBracelets input[type="radio"]:checked + label::after {
    width: 40px;
    height: 40px;
    border: 5px solid #fff;
    background: transparent;
    border-radius: 0;
    opacity: 1;
}

.ct-configurateur .couleursBoitiers span.disabled input[type="radio"]:not(:checked) + label::after,
.ct-configurateur .couleursBracelets span.disabled input[type="radio"]:not(:checked) + label::after {
    border: none;
    width: 5px;
    height: 60px;
    transform: rotate(45deg) !important;
    background: #fff;
    position: absolute;
    top: -10px;
    right: 20px;
    left: auto;
    z-index: 2;
    opacity: 1;
}




.ct-configurateur .filtres {
    margin-bottom: 10px;
}

.bloc-precommande-configurateur {
    width: calc(100% - 100px);
    display: inline-block;
    margin-bottom: 45px;
    background: #928763;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Raleway-Regular';
    padding: 10px 30px;
    text-align: center;
}

    .bloc-precommande-configurateur span {
        font-family: 'Raleway-Bold';
    }

.ct-configurateur .enteteDetailCaracteristique-produitDetail {
    width: 100%;
}

.ct-configurateur .questionFAQ {
    width: 100%;
}

.ct-configurateur .detailCaracteristique-detailProduit {
    margin-top: 20px;
}

.ct-configurateur .boiteAOutils:after {
    width: 100%;
}

.boutonRecommanderEnregistrer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.infoClientEnregistrer {
    text-align: center;
}

.boutonRecommanderEnregistrer {
    padding: 30px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 25px;
}

    .boutonRecommanderEnregistrer .recommencer {
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        transition: all 0.2s ease-in-out;
        text-transform: uppercase;
        background: #fff;
        color: #000;
        font-size: 14px;
        font-family: 'Raleway-Medium';
        display: block;
        text-transform: uppercase;
        margin: 0 15px;
        border: 1px solid #fff;
        text-decoration: none;
    }

/* .boutonRecommanderEnregistrer a:nth-child(2) {
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        transition: all 0.2s ease-in-out;
        text-transform: uppercase;
        border: 1px solid #000;
        color: #000;
        font-size: 14px;
        font-family: 'Raleway-Medium';
        display: block;
        text-transform: uppercase;
        margin: 0 15px;
        text-decoration: none;
    }*/

.boutonsConfig .enregistrer {
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    border: 1px solid #000;
    color: #000;
    font-size: 14px;
    font-family: 'Raleway-Medium';
    display: block;
    text-transform: uppercase;
    margin: 0 15px;
    text-decoration: none;
}

    .boutonRecommanderEnregistrer a:hover, .boutonsConfig .enregistrer:hover {
        background: #7c2c3d;
        color: #fff;
        border: 1px solid #7c2c3d;
    }

    .boutonsConfig .enregistrer.disable,
    .boutonsConfig .enregistrer.disable:hover {
        border: 1px solid #000;
        color: #000;
        background: transparent;
        opacity: 0.5;
        cursor: not-allowed;
    }

.garanties-configurateur {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 50px;
}

span.disabled,
span.disabled input,
span.disabled label {
    opacity: 0.3;
}

.ct-configurateur .couleursBoitiers span.disabled,
.ct-configurateur .couleursBracelets span.disabled,
.ct-configurateur .couleursBoitiers span.disabled input,
.ct-configurateur .couleursBracelets span.disabled input,
.ct-configurateur .couleursBoitiers span.disabled label,
.ct-configurateur .couleursBracelets span.disabled label {
    opacity: 1 !important;
}

.ct-configurateur .quantitePrix-produitDetail {
    width: 100%;
    margin-bottom: 20px;
}

    .ct-configurateur .quantitePrix-produitDetail .quantite-produitDetail,
    .ct-configurateur .quantitePrix-produitDetail .prix-produitDetail {
        flex: none;
        width: 200px;
        text-align: center;
    }

        .ct-configurateur .quantitePrix-produitDetail .prix-produitDetail span {
            font-size: 40px;
        }

.collection table,
.collection tbody {
    display: flex;
    flex-wrap: wrap;
}

.collection tr,
.collection td {
    flex-direction: column;
    flex-wrap: wrap;
}

.enregistrer {
    cursor: pointer;
}

.mpEnrPartage .ct-popup {
    display: flex;
    flex-direction: column;
}

.mpEnrPartage .contentPopup {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 25px;
}

.mpEnrPartage .entetePopup span {
    padding: 20px 0 45px 0;
    font-size: 30px;
    font-family: 'Raleway-Medium';
    display: block;
}

.mpEnrPartage .contentPopup span {
    font-size: 20px;
    display: block;
    font-family: 'Raleway-Light';
}

.inputEnrPartage {
    display: flex;
    flex-direction: row;
    margin-top: 9px;
}

    .inputEnrPartage input {
        width: 265px !important;
        height: 30px;
        line-height: 30px;
        background: transparent;
        border: 1px solid #000;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'Raleway-Medium';
        text-align: center;
        flex: none;
    }

    .inputEnrPartage #lnkEnrConfig,
    .copier-config {
        width: 200px;
        height: 30px;
        line-height: 30px;
        flex: none;
        text-align: center;
        color: #fff;
        background: #000;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'Raleway-Bold';
        transition: all 0.2s ease-in-out;
        text-decoration: none;
        cursor: pointer;
    }

        .inputEnrPartage #lnkEnrConfig:hover,
        .copier-config:hover {
            background: #7c2c3d;
        }

.mpEnrPartage .popup-g {
    width: calc(50% - 15px) !important;
    margin-right: 15px;
}

.mpEnrPartage .popup-d {
    width: calc(50% - 15px) !important;
    margin-left: 15px;
}

.ct-configurateur #technique-1 {
    display: none;
}

.btnPersonnaliseDetailProduit {
    width: 200px;
    display: block;
    margin: 45px 0 13px;
}

    .btnPersonnaliseDetailProduit a {
        display: block;
        margin: 0;
    }

.favoriPersonnalise {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ct-configurateur .mpAjoutPanier .nomMontre {
    font-size: 20px;
    font-family: 'Raleway-Bold';
    margin-bottom: 2px;
}

.ct-configurateur .mpAjoutPanier .btqBlocDescProduit {
    margin-bottom: 10px;
}

.ct-configurateur .mpAjoutPanier .descGrand {
    font-size: 10px;
}

.ct-configurateur .mpAjoutPanier .btqBlocPrixProduit {
    margin: 0 0 20px;
}

.btnContinuerAchatNouvelleMontre {
    width: 250px;
}

.ct-configurateur .mpAjoutPanier .popupCtBoutons {
    text-align: left;
    width: 100%;
    padding-left: 160px;
}

.creations {
    margin-bottom: 50px;
}

    .creations div {
        margin-bottom: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .creations div:last-child {
            margin-bottom: 0;
        }

        .creations div a {
            flex: 1 1;
        }

.produitDetailDesc-detailCommande .descGrand,
.produitDetailDesc-detailCommande .descNormal,
.ct-detail-hover-panier .descGrand,
.ct-detail-hover-panier .descNormal {
    font-size: 10px;
}

.mpPrecom .ct {
    display: flex;
    flex-direction: column;
}

.popup-titre-info-precommande {
    font-size: 30px;
    font-family: 'Raleway-Medium';
    padding: 22px 0;
}

.closePopup:before {
    position: absolute;
    top: 20px;
    right: 20px;
    content: '\e983';
    FONT-FAMILY: 'BOONICO';
    transition: all 0.2s ease-in-out;
}

.supp-config {
    display: inline-block;
    flex: none;
    width: 20px;
    vertical-align: middle;
}

    .supp-config:before {
        content: '\e983';
        FONT-FAMILY: 'BOONICO';
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        font-size: 11px;
    }

    .supp-config:hover {
        color: #7c2c3d;
    }


/*-------- PAGE DECOUVRIR STATIC -----*/
.contentDecouvrirStatic {
}

    .contentDecouvrirStatic .imgSection {
        width: 960px;
        height: 600px;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        z-index: 2;
    }

        .contentDecouvrirStatic .imgSection img {
            width: 100%;
        }

    .contentDecouvrirStatic .sectionNoir {
        position: relative;
    }

    .contentDecouvrirStatic .section2 .imgSection {
        top: 0;
        transform: translateX(-50%);
    }

    .contentDecouvrirStatic .section2 .heuresSection2 {
        margin-top: 0;
        padding-top: 140px;
    }

    .contentDecouvrirStatic .section2 .heuresSection2-08 {
        margin-top: 0;
        padding-top: 150px;
    }

    .contentDecouvrirStatic .savezVousLireLheureSection2 {
        margin-top: -23px;
        position: relative;
        z-index: 1;
    }

    .contentDecouvrirStatic .descSection2 {
        margin-top: 140px;
    }

    .contentDecouvrirStatic .section3 .ct {
        padding-top: 45px;
    }

    .contentDecouvrirStatic .contentLeftSection6-08 {
        margin-top: 213px !important;
    }

    .contentDecouvrirStatic .contentRightSection6-08 .titreSection6 {
        padding-top: 65px;
    }

    .contentDecouvrirStatic .descSection6 {
        margin-top: 130px;
    }


/*------ EXTENSION GARANTIE -----*/

.h1Extension {
    text-transform: uppercase !important;
    font-size: 30px;
    font-family: 'Raleway-Regular' !important;
    letter-spacing: 20px;
    font-weight: normal;
}

    .h1Extension span {
        font-family: 'Raleway-Bold' !important;
        text-transform: none !important;
        letter-spacing: 10px;
    }

.ct-extensionGarantie .ddl-prefixe {
    width: 85px !important;
}

.ct-extensionGarantie .file-upload span:after {
    background: url(/images/uploadFacture.svg) no-repeat center center;
    width: 17px;
    height: 24px;
    background-size: cover !important;
    content: '';
    right: 20px;
    bottom: 4px;
    z-index: 1;
    pointer-events: none;
}

.ct-extensionGarantie .submitInscription {
    text-align: left !important;
}

.ct-extensionGarantie .select,
.ct-extensionGarantie .ddl-genre {
    background: transparent !important;
}


/*----------------------------------------------*/
/*---------- POUR LA MISE EN LIGNE ------------*/
.swiper-revue-presse a {
    /*pointer-events: none;*/
}

.menuPersonnalise {
    /*display: none !important;*/
}

.personnaliseUnivers {
    /*display: none !important;*/
}

.btnDecouvrirPersonnalise {
    /*display: none !important;*/
}

.btnFacture {
    /*display: none !important;*/
}

.partageReseauxSociaux {
    display: none !important;
}


/*-----------------------------*/


#uniquement-compte-client {
    color: #000 !important;
    display: block;
    width: auto !important;
    background: none !important;
    border: none;
    height: 10px !important;
    line-height: normal !important;
    margin: 0 !important;
    text-align: center;
    font-size: 12px;
    padding-top: 5px;
}

    #uniquement-compte-client a {
        font-size: 12px;
    }

.ct-couleur-cadrans {
    width: 300px;
}

    .ct-couleur-cadrans ul {
        column-count: 2;
        column-gap: 20px;
        margin-left: 0;
    }

    .ct-couleur-cadrans li {
        list-style: none;
        display: block;
        margin-bottom: 8px;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        height: 23px;
    }

.ct-couleur-bracelet {
    width: 420px;
}

    .ct-couleur-bracelet ul {
        column-count: 3;
        column-gap: 20px;
        margin-left: 0;
    }

    .ct-couleur-bracelet li {
        list-style: none;
        display: block;
        margin-bottom: 6px;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        height: 23px;
    }

.ct-forme-bracelet ul,
.ct-matiere-bracelet ul,
.ct-couleur-cadrans ul,
.ct-couleur-cadrans ul,
.ct-finitions ul,
.ct-collections ul,
.ct-diametre-cadrans ul,
.ct-largeur-bracelet ul {
    column-count: 1;
    column-gap: 20px;
    margin-left: 0;
}

.ct-couleur-cadrans ul {
    column-count: 2;
}

.ct-forme-bracelet li,
.ct-matiere-bracelet li,
.ct-couleur-cadrans li,
.ct-couleur-cadrans li,
.ct-finitions li,
.ct-collections li,
.ct-diametre-cadrans li,
.ct-largeur-bracelet li {
    list-style: none;
    display: block;
    margin-bottom: 6px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    height: 23px;
}

.aspNetDisabled {
    cursor: default;
}

    .aspNetDisabled label {
        text-decoration: line-through;
        cursor: default;
    }

        .aspNetDisabled label:before {
            background: #d5d5d5 !important;
            border: 1px solid #d5d5d5 !important;
        }
/*----*/
.margin30 {
    padding: 30px 0 !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*--- PAIEMENT 3 FOIS -----*/

.mentionsAlma {
    margin-top: 30px;
    font-size: 11px;
}

.img-cartes-paiement img {
    height: 26px;
}

.cartesCB img {
    margin-top: 30px;
    margin-left: 45px;
}

.imgAlma {
    margin-top: 30px;
    margin-left: 45px;
    height: auto;
    width: 166px;
}

.alma img {
}

.img-cartes-paiement .checkIdemAdresse label {
    margin-right: 0 !important;
}

    .img-cartes-paiement .checkIdemAdresse label img {
        display: inline-block;
        vertical-align: middle;
        height: 25px;
    }

/*--- CAMPGNE SAINT-VALENTIN ----*/

.photos4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .photos4 a {
        width: 50%;
    }

/*-- ARTICLE LIE FICHE PRODUIT --*/

.blog-article-li {
    position: relative;
}

.blog-article-lie .ct {
    margin-bottom: 85px;
}

.blog-article-li .blogListingContainerArticle {
    margin-bottom: 55px;
}

.blog-article-lie .ct::before {
    content: ' ';
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    background-color: var(--background-color);
}

.blog-article-lie .ct::after {
    content: ' ';
    height: 10px;
    position: absolute;
    width: 300px;
    background-color: var(--background-color);
    right: 0;
    z-index: 9;
    margin-bottom: 85px;
}

.titre-blog-produit-lie-after {
    margin-bottom: 60px;
}

    .titre-blog-produit-lie-after::after {
        content: ' ';
        height: 10px;
        position: absolute;
        width: 300px;
        background-color: #000;
        right: 0;
        z-index: 9;
        margin-bottom: 85px;
    }


.titre-blog-article-lie {
    font-family: 'Raleway-Bold';
    margin-bottom: 70px;
    font-size: 40px;
    color: var(--background-color);
    text-transform: uppercase;
}

    .titre-blog-article-lie:before {
        width: 300px;
        height: 10px;
        background-color: var(--background-color);
        margin-bottom: 30px;
        display: block;
        content: '';
    }


.blog-produit-lie .ct:first-child::before {
    content: ' ';
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    background-color: #000;
}

.titre-blog-produit-lie {
    font-family: 'Raleway-Bold';
    margin-bottom: 70px;
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
}

    .titre-blog-produit-lie:before {
        width: 300px;
        height: 10px;
        background-color: #000;
        margin-bottom: 30px;
        display: block;
        content: '';
    }

/*--------------*/

.acheter-produitDetail .btnAcheterFixe {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 99;
    height: 60px;
    line-height: 60px;
}

    .acheter-produitDetail .btnAcheterFixe:before {
        content: "\ea91";
        FONT-FAMILY: 'BOONICO';
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
        font-size: 20px;
    }

.body_1142 #crosslink {
    padding-bottom: 100px;
}


.inscritEditionAdresse .inputSaisieDynamique .aspNetDisabled,
.inscritEditionAdresse .inputSaisieDynamique input[readonly="readonly"].compte-adresse,
.inscritEditionAdresse .inputSaisieDynamique .compte-adresse:read-only,
.inscritEnCours .inputSaisieDynamique .aspNetDisabled,
.inscritEnCours .inputSaisieDynamique input[readonly="readonly"].compte-adresse,
.inscritEnCours .inputSaisieDynamique .compte-adresse:read-only {
    padding: 8px 15px !important;
    border: 1px solid #000 !important;
    width: 100% !important;
    display: block !important;
    font-size: 14px !important;
    font-family: 'Raleway-Regular' !important;
    background: none;
    opacity: 0.4;
}

.prixProduit-detailCommande .btq-barre, .btqBlocPrixProduit .btq-barre {
    background: none;
    padding: 0;
}

.btn-flottant {
    text-align: center;
    width: auto;
    display: table;
    margin: 0 auto;
    padding: 9px 20px;
}

.btq-recapCtMoyenPaiement .formulaire {
    width: 100%;
}

.stripe-cardContainer .formulaire-row input[type=text] {
    border: 1px solid #DFDFDF;
    transition: 0.3s all ease-out;
    outline: none;
    border-radius: 0px;
    padding: 0px 24px;
    /*background: #FFFFFF;*/
    display: inline-block;
    width: 100%;
    height: 48px;
    line-height: 1em;
    box-sizing: border-box;
    color: #000000;
    font-size: 16px;
    font-family: Arial;
    margin-bottom: 24px;
}
.stripe-cardContainer .formulaire-row label {
    padding: 0px 4px;
    color: #000000;
    transition: transform 100ms ease;
    cursor: pointer;
}
.stripe-cardContainer .formulaire-row:first-child label {
    position: absolute;
    top: 16px;
    left: 22px;
}
.aspNetHidden {
    display: none !important;
}

.stripe-cardContainer .formulaire-row input[type="text"]:focus + label {
    font-size: 10px;
    transform: translateY(-22px);
    opacity: 1;
}

.stripe button[type=submit]:disabled {
    background: #DFDFDF;
    color: #fff;
    opacity: 0.7;
    cursor: default;
    border: 1px solid #DFDFDF;
}
.card label {
    top: -20px;
}
.formulaire .StripeElement {
    width: 100%;
    height: 48px;
    padding: 13px 0 0;
    border-radius: 0;
    border: 0;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    transition: 0.3s all ease-out;
}

.stripe-cardContainer .formulaire-row input[type=checkbox]:not(:checked) + label, input[type=checkbox]:checked + label {
    left: 0px;
}

    .stripe-cardContainer .formulaire-row input[type=checkbox]:not(:checked) + label:before, .stripe-cardContainer .formulaire-row input[type=checkbox]:checked + label:before {
        background: transparent;
        border: 1px solid #000000;
        content: "";
        height: 16px;
        left: 0;
        position: absolute;
        top: 3px;
        width: 16px;
        margin-top: -4px;
        border-radius: 0;
    }

    .stripe-cardContainer .formulaire-row input[type=checkbox]:not(:checked) + label:after, .stripe-cardContainer .formulaire-row input[type=checkbox]:checked + label:after {
        color: #222;
        content: "";
        background: #000000;
        width: 8px;
        height: 8px;
        font-size: 14px;
        left: 4px;
        line-height: 1.75;
        position: absolute;
        top: 3px;
        transition: all 0.2s ease 0s;
        margin-top: 0;
    }
.stripe-cardContainer .formulaire-row input[type=checkbox]:checked + label::after {
    opacity: 1;
    transform: scale(1);
}

.indispo {
    color: #cf3232;
    font-weight:bold;
    font-size:20px;
}