h1,
h2,
h3,
h4 {
    margin-top: 0;
    color: #3F3F40
}

body,
h1,
h2,
h3,
h4 {
    color: #3F3F40
}

.addon-calendar,
.entete-letter span,
.select-categorie-card {
    cursor: pointer
}

form:not(.no-margin-center) {
    margin-left: auto;
    margin-right: auto;
    max-width: 570px;
    text-align: left
}

.footer-complete div {
    line-height: 1.2
}

body {
    padding-top: 75px
}

h1 {
    font-size: 25px;
    font-weight: 600
}

.font-chapeau,
.font-ss-titre,
h2 {
    font-size: 24px
}

h2.font-ss-titre {
    font-size: 24px
}

h3.font-ss-titre {
    font-size: 19px
}

h2 {
    font-weight: 500
}

.font-ss-titre {
    font-weight: 600;
    color: #4a90e2
}

.font-chapeau,
.font-texte {
    font-weight: 400;
    color: #868686
}

.font-texte {
    font-size: 17px
}

.btn {
    border-radius: 20px
}

.btn.btn-lg {
    border-radius: 30px
}

h2.big-h2 {
    font-size: 50px
}

.main-color {
    color: #4498E0
}

.interlign-list {
    margin-top: 8px
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1
}

.input-group-addon {
    background-color: #fff
}

.cr-addon {
    min-width: 38px
}

.cr-input {
    border-right: 0
}

.valid-etape-prev i,
.valid-etape-suivante i {
    font-size: 21px
}

.valid-etape-suivante i {
    margin-left: 10px
}

h1>.label,
h2>.label,
h3>.label {
    font-size: 14px;
    font-weight: 400;
    margin: 20px 10px 20px 0
}

h1>.label:first-of-type,
h2>.label:first-of-type,
h3>.label:first-of-type {
    margin-left: 20px!important
}

a:hover {
    text-decoration: none!important
}

.footer-complete {
    border-top: 1px solid #e0e0e0
}

.footer-complete a,
.footer-lp a {
    color: #3F3F40
}

.footer-complete .social-link,
.footer-lp .social-link {
    margin-right: 15px
}

.owl-next,
.owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    border: 0 solid #000;
    width: 50px
}

.owl-carousel-souscat .owl-next,
.owl-carousel-souscat .owl-prev {
    width: 25px
}

.owl-carousel-bloc-text .owl-next,
.owl-carousel-bloc-text .owl-prev {
    width: 35px
}

.owl-prev {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(0, 0, 0, 0) 100%)
}

.destinataire-selected .owl-prev i,
.start-owl-carousel .owl-prev i {
    left: 2px
}

.owl-next {
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0, rgba(0, 0, 0, 0) 100%)
}

.destinataire-selected .owl-next i,
.owl-carousel-bloc-text .owl-next i,
.owl-carousel-destinataires .owl-next i,
.owl-carousel-souscat .owl-next i,
.start-owl-carousel .owl-next i {
    right: 2px
}

.owl-next i,
.owl-prev i {
    color: #626262;
    position: absolute
}

.owl-carousel .owl-nav {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.owl-carousel:hover .owl-nav {
    opacity: 1
}



.container-liste-modal {
    background-color: #eee;
    padding: 10px 24px;
    margin: 0 -15px
}

.start-owl-carousel .owl-next i,
.start-owl-carousel .owl-prev i {
    top: 150px;
    font-size: 38px
}

.destinataire-selected .owl-next i,
.destinataire-selected .owl-prev i {
    top: 15px;
    font-size: 22px
}

.visu-pliage-carte {
    position: relative;
    display: inline-block;
    margin-bottom: 30px
}

.visu-pliage-carte>.carte-pli-interieur {
    position: absolute;
    left: -40px;
    width: 40px;
    bottom: -25px;
    top: -24px;
    background-image: url(/v2017/img/carte_classic_pli_gauche.png);
    z-index: 3;
    background-size: 100% 100%
}

.visu-pliage-carte>.carte-pli-interieur.card-coin-arrondi {
    background-image: url(/v2017/img/carte_classic_pli_gauche-coin-rond.png);
}

.visu-pliage-carte>.carte-pli-interieur.carte-geante-pliee {
    bottom: -38px;
    top: -34px;
}


.visu-pliage-carte>.carte-pli-interieur-h {
     position: absolute;
    left: -26px;
    height: 40px;
    right: -25px;
    top: -39px;
    background-image: url(/v2017/img/carte_classic_pli_haut.png);
    z-index: 3;
    background-size: 100% 100%;
}

.visu-pliage-carte>.carte-pli-interieur-s {
     position: absolute;
    left: -40px;
    width: 40px;
    bottom: -23px;
    top: -21px;
    background-image: url(/v2017/img/carte_classic_pli_gauche.png);
    z-index: 3;
    background-size: 100% 100%
}

.visu-pliage-carte>.carte-pli-interieur-h.card-coin-arrondi {
    background-image: url(/v2017/img/carte_classic_pli_haut-coin-rond.png);
}

.visu-pliage-carte>.carte-pli-interieur-s.card-coin-arrondi {
    background-image: url(/v2017/img/carte_classic_pli_gauche-coin-rond.png);
}

.owl-carousel-bloc-text .owl-prev i,
.owl-carousel-destinataires .owl-prev i,
.owl-carousel-souscat .owl-prev i {
    left: 2px
}

.visu-pliage-carte>.carte-pli-recto {
    position: absolute;
    bottom: -40px;
    width: 408px;
    height: 40px;
    background-image: url(/v2017/img/carte_classic_pli_bas.png);
    background-size: 100% 100%
}

.visu-pliage-carte.card-coin-arrondi>.carte-pli-recto {
    background-image: url(/v2017/img/carte_classic_pli_bas-coin-rond.png);
}


.visu-pliage-carte.mobile-view>.carte-pli-recto {
    bottom: -30px;
    width: 305px;
    height: 30px;
}




.visu-pliage-carte>.carte-pli-recto-h {
        position: absolute;
    bottom: -8px;
    height: 408px;
    width: 40px;
    left: -40px;
    background-image: url(/v2017/img/carte_classic_pli_gauche-h.png);
    background-size: 100% 100%;
}

.visu-pliage-carte>.carte-pli-recto-s {
        position: absolute;
    bottom: -40px;
    width: 508px;
    height: 40px;
    background-image: url(/v2017/img/carte_classic_pli_bas.png);
    background-size: 100% 100%
}

.visu-pliage-carte.card-coin-arrondi>.carte-pli-recto-h {
    background-image: url(/v2017/img/carte_classic_pli_gauche-h-coin-rond.png);
}

.visu-pliage-carte.card-coin-arrondi>.carte-pli-recto-s {
    background-image: url(/v2017/img/carte_classic_pli_bas-coin-rond.png);
}

.visu-pliage-carte.visu-panier>.carte-pli-recto {
    width: 94px;
    bottom: -16px;
    height: 16px
}

.visu-pliage-carte.visu-panier>.carte-pli-recto-h {
    bottom: -4px;
    height: 97px;
    width: 14px;
    left: -13px;
}

.visu-pliage-carte.visu-panier>.carte-pli-recto-s {
    width: 105px;
    bottom: -16px;
    height: 16px
}

.visu-pliage-carte.visu-panier {
    margin-bottom: 20px
}

.owl-carousel-destinataires .owl-next i,
.owl-carousel-destinataires .owl-prev i {
    top: 40px;
    font-size: 25px
}

.owl-carousel-souscat .owl-next i,
.owl-carousel-souscat .owl-prev i {
    top: 15px;
    font-size: 22px
}

.owl-carousel-bloc-text .owl-next i,
.owl-carousel-bloc-text .owl-prev i {
    top: 45%;
    font-size: 40px
}

.owl-next.disabled,
.owl-prev.disabled {
    display: none!important
}

.block-categorie-list {
    min-height: 400px
}

.buttonchoice {
    position: absolute;
    bottom: 20px;
    left: 45px;
    z-index: 10;
    display: none
}

.group-listing-destinataire,
.group-listing-expediteur,
.owl-item.active>div {
    position: relative
}



.owl-carousel-bloc-text .card-page-list {
    min-height: 190px;
    overflow: hidden
}

.start-owl-carousel {
    max-height: 400px!important;
    overflow: hidden;
    margin-top: 10px
}

.repertoire-listing-fixed {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: none;
    background-color: #eee;
    z-index: 1029
}

.listing-souscat,
.listing-rub {
    padding: 10px;
    /*background-color: #E8E9EB;*/
    border-radius: 5px;
    height: 71px;
}

.owl-carousel-souscat .label-souscat {
    color: #626262;
    padding: 15px 5px;
    margin-right: 5px;
    position: relative;
    white-space: nowrap;
    text-align: center;
    font-size: 15px;
    background-color: #E8E9EB;
    border-radius: 20px
}

.label-souscat a {
    padding-bottom: 10px
}

.owl-carousel-souscat .label-souscat.active {
    border: 2px solid #4498E0;
    padding-bottom: 10px;
    background-color: #ffffff;
}

.owl-carousel-souscat {
    max-height: 52px;
    overflow: hidden
}

.owl-carousel-bloc-text .owl-stage,
.owl-carousel-bloc-text .owl-stage .owl-item,
.owl-carousel-bloc-text .owl-stage .owl-item>div {
    display: flex
}

.owl-carousel .owl-item {
    width: auto!important
}

.form-group label span {
    font-weight: 400;
    font-style: italic
}

.label-destinataire-selected {
    border-radius: 10px;
    background-color: #4498E0;
    color: #fff;
    padding: 5px 20px 5px 5px;
    margin-right: 5px;
    position: relative;
    white-space: nowrap
}

.box-info-plus,
.repertoire-listing {
    background-color: #eee
}

.label-souscat a {
    display: block;
    color: #626262
}

.destinataire-selected,
.expediteur-selected {
    background-color: #eee;
    padding: 10px 15px;
    max-height: 50px;
    overflow-y: hidden
}

.select-destinataire,
.select-destinataire:active,
.select-destinataire:hover,
.select-destinataire:visited,
.select-expediteur,
.select-expediteur:active,
.select-expediteur:hover,
.select-expediteur:visited {
    color: #3F3F40!important
}

.list-group-item .fa-circle:not(.card-list-color),
.select-destinataire .fa-circle,
.select-expediteur .fa-circle {
    color: #ccc;
    font-size: 22px;
    margin-top: 20%
}

.destinataire-is-selected .fa-check-circle,
.expediteur-is-selected .fa-check-circle,
.list-group-item .fa-check-circle {
    color: #4498E0;
    font-size: 23px;
    margin-top: 20%
}

.label-destinataire-selected .fa-times,
.label-expediteur-selected .fa-times {
    cursor: pointer;
    position: absolute;
    font-size: 16px;
    top: 5px;
    right: 5px
}

.box-info-plus {
    padding: 24px
}

.button-big-menu-courrier:not(.menu-courrier-tri) {
    padding: 11px 0
}

.button-big-menu-courrier.menu-courrier-tri {
    padding: 4px 0
}

.button-big-menu-courrier:hover {
    background-color: #d4d4d4
}

.body-mini-menu-courrier {
    padding-top: 93px!important
}

.collapseMobile.collapsing,
.collapseMobile.in {
    display: block!important
}

.main-list-color, .secondaire-list-color{
    display:inline-block;
    padding:3px;
    border-radius:50%;
    background-color: #fff;
    text-align: center;
}

.main-list-color i, .secondaire-list-color i{
    font-size: 30px;
}

.main-list-color{
    border:3px solid #4a90e2!important;
    height: 42px;
    width: 42px;
    margin-right: 4px;
}

.secondaire-list-color{
    border:1px solid #ddd!important;
    height: 38px;
    width: 38px;
    margin-right: 4px;
}

.secondaire-list-color:hover{
    border-color: #4a90e2!important;
}


.mini-declinaison .main-list-color i, .mini-declinaison .secondaire-list-color i{
    font-size: 15px;
    margin: 2px;
}

.mini-declinaison .main-list-color{
    height: 24px;
    width: 24px;
    margin-right: 2px;
    padding: 1px;
}

.mini-declinaison .secondaire-list-color{
    height: 21px;
    width: 20px;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 0;
}

.mini-declinaison .main-list-color {
    border: 2px solid #4a90e2!important;
}

.mini-declinaison{
    position:absolute;
    left: 0px;
    right: 0px;
    bottom: 47px;
    text-align:center;
    z-index:50
}
.card-page-list .mini-declinaison{
    top: -4px;
}
.card-page-list .mini-declinaison{
    right: auto;
}

.content_letter {
    width: 100%;
    max-width: 605px;
    padding: 15px;
    text-align: left;
    position: relative
}

.letter-fixed,
.repertoire-listing {
    font-weight: 700
}

.font-weight-bold,
.title_h1_index {
    font-weight: 700
}

#navbar-general {
    border-top: 4px solid #e0e0e0
}

#big-menu-courrier {
    border-bottom: 1px solid #ddd
}

.destinataire-selected-fixed-container {
    border-bottom: 1px solid #fff
}

#valid-etape-suivante-mobile {
    position: fixed;
    bottom: 10px;
    left: 75px;
    right: 10px;
    z-index: 1029
}

.next-item-list {
    font-size: 22px!important;
    color: #4498E0
}

#valid-etape-prev-mobile {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1029
}

#valid-etape-prev-mobile.only-prev {
    right: 10px
}

#valid-etape-suivante-mobile.only-next {
    left: 10px
}

.list-group-item.active,
.list-group-item.active:hover {
    border: 3px solid #4498E0;
    color: #3F3F40;
    background-color: #fff
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #3F3F40
}

.list-group-item.active:hover,
.list-group-item.active:hover .list-group-item-text {
    background-color: #f5f5f5
}

.top-menu-produits {
    color: #3F3F40;
    margin: 10px 0 0 20px;
    display: inline-block
}


.select-enveloppe>div>div {
    border: 3px solid #fff
}

.select-enveloppe.active>div>div {
    border: 3px solid #4498E0
}

.bg-color-grey-light {
    background-color: #fafafa
}

.card-page-list {
    
    padding: 10px;
    border-radius: 5px;
    overflow: hidden
}

.card-page-list .img-carte, .card-page-list .img-carte-h {
    margin-left: -5px
}

.card-page-list .img-carte, .card-page-list .img-carte-s {
    margin-left: -5px
}

.letter-active {
    background-color: #eee!important
}

.title_h1_index {
    font-size: 45px;
    margin-bottom: 23px;
    margin-top: 40px
}

.inter-section-xxs {
    margin-top: 20px
}

.inter-section-xs {
    margin-top: 70px
}

.inter-section {
    margin-top: 90px
}

.inter-section-l {
    margin-top: 100px;
    margin-bottom: 60px;
}

.padding-section-l {
    padding: 170px 0
}

.prevu-card-carousel, .owl-carousel .layout-multimg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 239px!important;
    height:332px;
}


.recadre-card-h .prevu-card-carousel, .owl-carousel .recadre-card-h .layout-multimg{
    width: 299px!important;
    height:215px;
}

.recadre-card-s .prevu-card-carousel, .owl-carousel .recadre-card-s .layout-multimg{
    width: 263px!important;
    height:263px;
}

.img-carte,.img-carte-h,
.recadre-card, .recadre-card-h {
    position: relative;
    overflow: hidden
}

.img-carte,.img-carte-s,
.recadre-card, .recadre-card-s {
    position: relative;
    overflow: hidden
}

.recadre-card {
    width: 239px;
    height: 332px;
    margin: 5px
}

.recadre-card-h {
    width: 299px;
    height: 215px;
    margin: 71px 5px 5px 5px;
}

.recadre-card-s {
    width: 263px;
    height: 263px;
    margin: 44px 5px 5px 5px;
}

.img-carte {
    margin: 5px 0 10px;
    width: 249px;
    height: 351px;
    background-color:#fff;
}

.img-carte-h {
    margin: 177px 0 10px 0;
    width: 249px;
    height: 179px;
    background-color:#fff;
}

.img-carte-s {
    margin: 73px 0 10px;
    width: 249px;
    height: 249px;
    background-color:#fff;
}



.listing-card-by-3 .img-carte {
    margin: 5px 0 10px;
    width: 239px;
    height: 332px;
    background-color:#fff;
}

.listing-card-by-3 .img-carte-h {
margin: 122px 0 10px 0;
    width: 299px;
    height: 215px;
    background-color:#fff;
}

.listing-card-by-3 .img-carte-s {
margin: 74px 0 10px;
    width: 263px;
    height: 263px;
    background-color:#fff;
}


.checkbox.checkbox-inline,
.radio.radio-inline {
    margin-top: 0
}

.img-carte>img:not(.layout-multimg) {
    width: 249px!important;
    height: 351px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index:1
}

.img-carte-h>img:not(.layout-multimg) {
    width: 249px!important;
    height: 179px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index:1
}

.img-carte-s>img:not(.layout-multimg) {
    width: 249px!important;
    height: 249px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index:1
}

img.layout-multimg{
    z-index:2
}

/*test*/

.listing-card-by-3 .img-carte>img {
    width: 239px!important;
    height: 332px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.listing-card-by-3 .img-carte-h>img {
    width: 299px!important;
    height: 215px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.listing-card-by-3 .img-carte-s>img {
    width: 263px!important;
    height: 263px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}
/*test*/

.shadow-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}



.shadow-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.shadow-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.shadow-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.shadow-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)
}

.container-icon-letter {
    position: relative;
    width: 128px;
    margin-left: auto;
    margin-right: auto
}

.container-icon-letter .icon-letter {
    margin-bottom: -20px;
    max-width: 100%;
    height: auto;
    width: 128px
}

.container-icon-letter .puce-icon-letter {
    position: absolute;
    top: 15px;
    left: 0
}

.entete-letter {
    min-height: 170px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.2!important;
    position: relative
}

.entete-letter td {
    font-family: Lucida sans unicode
}

.entete-letter>div {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7)
}

.entete-letter:not(.no-entete-letter):hover>div {
    display: block
}

.entete-letter span {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px
}

.entete-letter .yesentete {
    color: #000;
    display: none
}

.entete-letter>div>div {
    position: absolute;
    color: #fff;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 600;
    padding: 20px
}

.no-entete-letter {
    height: 40px;
    min-height: 40px
}

.no-entete-letter .noentete,
.no-entete-letter table {
    display: none
}

.no-entete-letter .yesentete {
    display: block
}

.checkbox {
    padding-left: 20px
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px
}

.checkbox label::after,
.checkbox label::before {
    position: absolute;
    margin-left: -20px;
    display: inline-block;
    left: 0
}

.checkbox label::before {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
    width: 16px;
    height: 16px;
    top: 0;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555
}

.checkbox-danger input[type=checkbox]:checked+label::after,
.checkbox-info input[type=checkbox]:checked+label::after,
.checkbox-primary input[type=checkbox]:checked+label::after,
.checkbox-success input[type=checkbox]:checked+label::after,
.checkbox-warning input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox input[type=checkbox] {
    opacity: 0
}

.checkbox input[type=checkbox]:focus+label::before {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.checkbox input[type=checkbox]:checked+label::after {
    font-family: 'Font Awesome\ 5 Pro';
    content: "\f00c"
}

.checkbox input[type=checkbox]:disabled+label {
    opacity: .65
}

.checkbox input[type=checkbox]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #4498E0;
    border-color: #4498E0
}

.checkbox-danger input[type=checkbox]:checked+label::before {
    background-color: #f2dede;
    border-color: #f2dede
}

.checkbox-info input[type=checkbox]:checked+label::before {
    background-color: #d9edf7;
    border-color: #d9edf7
}

.checkbox-warning input[type=checkbox]:checked+label::before {
    background-color: #f7ecb5;
    border-color: #f7ecb5
}

.checkbox-success input[type=checkbox]:checked+label::before {
    background-color: #c1e2b3;
    border-color: #c1e2b3
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px
}

.radio label::after,
.radio label::before {
    position: absolute;
    margin-left: -20px;
    display: inline-block
}

.radio label::before {
    content: "";
    width: 17px;
    height: 17px;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.radio label::after {
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio-primary input[type=radio]+label::after,
.radio-primary input[type=radio]:checked+label::after {
    background-color: #4498E0
}

.radio input[type=radio] {
    opacity: 0
}

.radio input[type=radio]:focus+label::before {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.radio input[type=radio]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio input[type=radio]:disabled+label {
    opacity: .65
}

.radio input[type=radio]:disabled+label::before {
    cursor: not-allowed
}

.radio-primary input[type=radio]:checked+label::before {
    border-color: #4498E0
}

.radio-danger input[type=radio]+label::after,
.radio-danger input[type=radio]:checked+label::after {
    background-color: #f2dede
}

.radio-danger input[type=radio]:checked+label::before {
    border-color: #f2dede
}

.radio-info input[type=radio]+label::after,
.radio-info input[type=radio]:checked+label::after {
    background-color: #d9edf7
}

.radio-info input[type=radio]:checked+label::before {
    border-color: #d9edf7
}

.radio-warning input[type=radio]+label::after,
.radio-warning input[type=radio]:checked+label::after {
    background-color: #f7ecb5
}

.radio-warning input[type=radio]:checked+label::before {
    border-color: #f7ecb5
}

.radio-success input[type=radio]+label::after,
.radio-success input[type=radio]:checked+label::after {
    background-color: #c1e2b3
}

.radio-success input[type=radio]:checked+label::before {
    border-color: #c1e2b3
}

.color-carte-choice,
.color-lettre-choice,
.color-photo-choice {
    background-color: #4498E0
}

.list-group-horizontal .list-group-item {
    display: inline-block;
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0
}


.marge-texte-card{
    top:10px;
    right:10px;
    bottom:10px;
    left:10px;
    overflow:hidden;
    position:absolute;
}

.card-s-natural-format,
.card-h-natural-format,
.card-v-natural-format,
.cart-v-verso-natural-format,
.cart-h-verso-natural-format,
.cart-s-verso-natural-format,
.editor-text-card-geante,
.editor-text-card-normale,
.editor-text-card-postale {
    margin-right: auto;
    margin-left: auto;
    overflow: hidden
}

.card-v-panier-format,
.card-h-panier-format,
.card-s-panier-format{
    overflow: hidden
}

.courrier-all-content{
    position:relative
}
.courrier-all-content .inner-courrier-all-content{
    position:absolute;
    top:0;
}

.inner-courrier-all-content:nth-child(2) {

    left:25px;
    top:-15px;

}
.inner-courrier-all-content:nth-child(3) {

    left:50px;

}

.open-preview-courrier{
    margin-top:15px
}



.panier-lettre-child>div{
    height:3px;
    margin:3px 6px 0 6px;
    background-color: #e0e0e0
}

.panier-lettre-child>div:nth-child(1),.panier-lettre-child>div:nth-child(2),.panier-lettre-child>div:nth-child(3){
    margin-right:70px;
}
.panier-lettre-child>div:nth-child(4),.panier-lettre-child>div:nth-child(5),.panier-lettre-child>div:nth-child(6){
    margin-left:70px;
}
.panier-lettre-child>div:nth-child(6){
    margin-bottom:10px;
}

#resume-panier-container{
    min-height:400px;
}

.resume-panier{
    border-bottom:2px solid #E0E0E0;
}
.resume-panier > div{
    margin-bottom:15px;
    margin-bottom:15px;
}
.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0
}

[class*=col-]:not(.no-margin-top) {
    margin-top: 20px
}

.editor-text-card-normale {
    position: relative;
    max-width: 400px;
    width: 100%
}

.editor-text-card-normale-h {
    position: relative;
    width: 100%
}

.editor-text-card-normale-s {
    position: relative;
    width: 100%
}

.editor-text-card-postale {
    position: relative;
    max-width: 600px;
    width: 100%
}

.zone-adresse-card-postale {
    position: absolute;
    top: 10px;
    right: -10px;
    bottom: 10px;
    width: 230px
}

.block-adresse-carte-postale {
    position: absolute;
    top: 140px;
    left: 0px
}

.editor-text-card-geante {
    position: relative;
    max-width: 630px;
    width: 100%
}
.editor-text-card-geante-h {
    position: relative;
    max-width: 844px;
    width: 100%
}

.editor-text-card-geante-s {
    position: relative;
    max-width: 844px;
    width: 100%
}

.card-v-natural-format, .card-v-verso-natural-format {
    position: relative;
    width: 290px;
    height: 394px;
    background-color: #fff
}

.card-v-natural-format>img {
    width: 290px;
    height: 394px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
}

.card-v-natural-format>img[perso] {
    width: 290px;
    height: 394px;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute
}

.card-h-natural-format, .card-h-verso-natural-format {
    position: relative;
    width: 290px;
    height: 206px;
    background-color: #fff
}

.card-s-natural-format, .card-s-verso-natural-format {
    position: relative;
    width: 290px;
    height: 290px;
    background-color: #fff
}

.card-h-natural-format>img{
    width: 290px;
    height: 206px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
}

.card-s-natural-format>img{
    width: 290px;
    height: 290px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
}

.card-h-natural-format>img[perso] {
    width: 290px;
    height: 206px;
    left: 0;
    bottom: 0;
    position: absolute
}

.collapse .list-group-item:first-child,
.collapsing .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.collapse .list-group-item:last-child,
.collapsing .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.subtitle-item .btn {
    position: absolute;
    top: 5px;
    right: 10px
}

.picker__button--clear {
    display: none!important
}

.picker__button--close,
.picker__button--today {
    width: 48%!important
}

.card-v-panier-format {
    position: relative;
    width: 100px;
    height: 136px;
    background-color: #fff
}

.card-v-panier-format>img {
    width: 100px;
    height: 136px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

.card-v-panier-format>img[perso] {
    width: 100px;
    height: 136px;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute
}

.card-h-panier-format {
    position: relative;
    width: 126px;
    height: 92px;
    background-color: #fff
}

.card-s-panier-format {
    position: relative;
    width: 110px;
    height: 110px;
    background-color: #fff
}

.card-h-panier-format img {
    width: 126px;
    height: 92px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

.card-s-panier-format img {
    width: 110px;
    height: 110px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

.card-h-panier-format img[perso] {
    width: 126px;
    height: 92px;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute
}

.card-s-panier-format img[perso] {
    width: 110px;
    height: 110px;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute
}

.prevu-verso-carte-geante {
    top: 0px;
    right: -434px;
    bottom: -598px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    transform: scale(.38);
    -o-transform: scale(.38);
    -moz-transform: scale(.38);
    -webkit-transform: scale(.38);
    -ms-transform: scale(.38);
    -khtml-transform: scale(.38);
    transform-origin: top left
}

.prevu-verso-carte-geante-h {
    top: 0px;
    right: -417px;
    bottom: -276px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    transform: scale(.38);
    -o-transform: scale(.38);
    -moz-transform: scale(.38);
    -webkit-transform: scale(.38);
    -ms-transform: scale(.38);
    -khtml-transform: scale(.38);
    transform-origin: top left
}

.prevu-verso-carte-geante-s {
    top: 0px;
    right: -434px;
    bottom: -598px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    transform: scale(.38);
    -o-transform: scale(.38);
    -moz-transform: scale(.38);
    -webkit-transform: scale(.38);
    -ms-transform: scale(.38);
    -khtml-transform: scale(.38);
    transform-origin: top left
}

.prevu-verso-carte-normale {
    top: 0px;
    right: 0px;
    bottom: -151px;
    left: -108px;
    overflow: hidden;
    position: absolute;
    transform: scale(.7);
    -o-transform: scale(.7);
    -moz-transform: scale(.7);
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    -khtml-transform: scale(.7);
    transform-origin: top right;
}

.prevu-verso-carte-normale-h {
        top: -1px;
    right: 0px;
    bottom: -192px;
    left: -262px;
    overflow: hidden;
    position: absolute;
    transform: scale(.489);
    -o-transform: scale(.489);
    -moz-transform: scale(.489);
    -webkit-transform: scale(.489);
    -ms-transform: scale(.489);
    -khtml-transform: scale(.489);
    transform-origin: top right;
}

.prevu-verso-carte-normale-s {
     top: 0px;
    right: 0px;
    bottom: -151px;
    left: -108px;
    overflow: hidden;
    position: absolute;
    transform: scale(.7);
    -o-transform: scale(.7);
    -moz-transform: scale(.7);
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    -khtml-transform: scale(.7);
    transform-origin: top right;
}

.rotate-verso-carte-postale {
    transform: rotate(90deg);
    transform-origin: 180px 180px;
    height: 360px;
    width: 522px;
    position: relative
}

.texte-verso-carte-postale {
        position: absolute;
    width: 300px;
    top: -10px;
    left: -10px;
    bottom: 0px;
    border-right: 2px solid #cccccc;
    padding: 10px;
}

.init-choice-carte,
.init-choice-lettre,
.init-choice-photo {
    height: 80px;
    border-radius: 10px;
    color: #fff;
    text-align: center
}

.init-choice-carte i,
.init-choice-lettre i,
.init-choice-photo i {
    font-size: 25px;
    padding-top: 28px;
    margin-right: 18px
}

.init-choice-carte p,
.init-choice-lettre p,
.init-choice-photo p {
    display: inline-block;
    font-size: 18px
}

.format-prevu-lettre {
    padding: 20px;
    overflow: hidden;
    font-family: "Lucida sans unicode";
    font-size: 14px;
    width: 670px;
    height: 960px;
    text-align: left;
    margin-bottom: 30px
}

.btn.btn-edit-carte {
    margin-bottom:30px
}

.btn.btn-edit-carte-h {
    margin-bottom:50px
}

.btn.btn-edit-carte-s {
     margin-bottom:30px
}

.menu-courrier-fixed {
    position: fixed;
    background-color: #fff;
    top: 51px;
    z-index: 900;
    padding-top: 10px;
    padding-bottom: 10px
}

.menu-courrier-fixed h1 {
    font-size: 25px;
    margin-bottom: 0
}

.menu-courrier-fixed .btn i {
    font-size: 18px
}

.menu-courrier-fixed .btn {
    margin-top: 0!important
}

.menu-courrier-fixed h1>.label {
    font-size: 12px
}

.menu-courrier-fixed [class*=col-] {
    margin-top: 0
}

.list-group .subtitle-item {
    background-color: #eee;
    font-weight: 700;
    color: #4498E0;
    position: relative
}

.list-group .title-item {
    background-color: #cccccc;
    font-weight: bold;
    position: relative;
    border-bottom: 1px solid #3f3f40;
}

.list-group .price-item {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #3F3F40
}

.submenu-item a {
    display: block;
    cursor: pointer
}

.submenu-item a[data-type='edit'] {
    color: #4498E0
}

.submenu-item a[data-type='delete'], .submenu-item a[data-type='delete-carte'], .submenu-item a[data-type='delete-lettre'], .submenu-item a[data-type='delete-photo'] {
    color: #ff6045
}

.submenu-item {
    margin-top: 10px
}

.list-group .subprice-item {
    background-color: #ccc;
    font-weight: 700;
    color: #3F3F40;
    position: relative
}

.panier-lettre-child,
.panier-photo-child {
    border: 1px solid #fff;
    background-color: #fff
}

#price-total {
    font-size: 18px
}

.subtitle-item[data-toggle=collapse],
.title-item[data-toggle=collapse] {
    cursor: pointer
}

.panier-all-photos {
    position: relative;
    height: 110px;
    width: 100px;
}

.panier-all-photos>div {
    position: absolute;
    height: 100px;
    width: 110px
}

.panier-all-photos>div:nth-child(1) {
    top: 0;
    left: 0
}

.panier-all-photos>div:nth-child(2) {
    top: -10px;
    left: 10px
}

.panier-photo-child {
    position: absolute
}

.panier-photo-child:nth-child(1) {
    top: 10px;
    left: 6px;
    transform: rotate(-10deg)
}

.panier-photo-child:nth-child(2) {
    top: 10px;
    left: 6px;
    transform: rotate(-5deg)
}

.panier-photo-child:nth-child(3) {
    top: 10px;
    left: 6px;
    transform: rotate(0)
}

.panier-photo-child:nth-child(4) {
    top: 20px;
    left: 6px;
    transform: rotate(5deg)
}

.panier-photo-child:nth-child(5) {
    top: 20px;
    left: 6px;
    transform: rotate(10deg)
}

.panier-photo-child:nth-child(6) {
    top: 20px;
    left: 6px;
    transform: rotate(-10deg)
}

.panier-photo-child:nth-child(7) {
    top: 30px;
    left: 6px;
    transform: rotate(-5deg)
}

.panier-photo-child:nth-child(8) {
    top: 30px;
    left: 6px;
    transform: rotate(0)
}

.panier-photo-child:nth-child(9) {
    top: 30px;
    left: 6px;
    transform: rotate(5deg)
}

.panier-photo-child:nth-child(10) {
    top: 40px;
    left: 6px;
    transform: rotate(10deg)
}

.panier-photo-child:nth-child(11) {
    top: 40px;
    left: 6px;
    transform: rotate(-10deg)
}

.panier-photo-child:nth-child(12) {
    top: 40px;
    left: 6px;
    transform: rotate(-5deg)
}

.panier-all-photos-v img {
    width: 70px;
    height: 100px
}

.panier-all-photos-h img {
    width: 100px;
    height: 70px
}


.panier-all-lettres {
    position: relative;
    height: 150px;
    width: 100px;
}

.panier-all-lettres>div {
    position: absolute;
    width: 100px;
    height: 136px
}

.panier-lettre-child {
    position: absolute
}

.panier-lettre-child:nth-child(1) {
    top: 10px;
    left: 6px;
    transform: rotate(-8deg)
}

.panier-lettre-child:nth-child(2) {
    top: 10px;
    left: 6px;
    transform: rotate(-6deg)
}

.panier-lettre-child:nth-child(3) {
    top: 10px;
    left: 6px;
    transform: rotate(-4deg)
}

.panier-lettre-child:nth-child(4) {
    top: 10px;
    left: 6px;
    transform: rotate(-2deg)
}

.panier-lettre-child:nth-child(5) {
    top: 10px;
    left: 6px;
    transform: rotate(0)
}

.panier-lettre-child:nth-child(6) {
    top: 15px;
    left: 6px;
    transform: rotate(2deg)
}

.panier-lettre-child:nth-child(7) {
    top: 15px;
    left: 6px;
    transform: rotate(4deg)
}

.panier-lettre-child:nth-child(8) {
    top: 15px;
    left: 6px;
    transform: rotate(6deg)
}

.panier-lettre-child:nth-child(9) {
    top: 15px;
    left: 6px;
    transform: rotate(8deg)
}

.panier-lettre-child:nth-child(10) {
    top: 15px;
    left: 6px;
    transform: rotate(10deg)
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    border-radius: 20px;
    background-color: #4498e0;
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: #8ae234
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em;
    height: 2px;
    background-color: rgba(0, 0, 0, .26)
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.55em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
    background-color: #4498e0
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.lp-all-lettres {
    position: relative;
    height: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.lp-all-lettres>div {
    position: absolute;
    width: calc(100% - 70px);
    max-width: 450px;
    height: 800px;
    background-color: #F5F5F5
}

.lp-lettre-child {
    position: absolute;
    border: 1px solid #fff;
    background-color: #fff
}

.lp-lettre-child:nth-child(1) {
    top: 5px;
    right: 5px;
    z-index: 20
}

.lp-lettre-child:nth-child(2) {
    top: 15px;
    right: 15px;
    z-index: 19
}

.lp-lettre-child:nth-child(3) {
    top: 24px;
    right: 24px;
    z-index: 18
}

.lp-lettre-child:nth-child(4) {
    top: 32px;
    right: 32px;
    z-index: 17
}

.lp-lettre-child:nth-child(5) {
    top: 39px;
    right: 39px;
    z-index: 16
}

.lp-lettre-child:nth-child(6) {
    top: 45px;
    right: 45px;
    z-index: 15
}

.lp-lettre-child:nth-child(7) {
    top: 50px;
    right: 50px;
    z-index: 14
}

.lp-lettre-child:nth-child(8) {
    top: 54px;
    right: 54px;
    z-index: 13
}

.lp-lettre-child:nth-child(9) {
    top: 57px;
    right: 57px;
    z-index: 12
}

.lp-lettre-child:nth-child(10) {
    top: 59px;
    right: 59px;
    z-index: 11
}

.panier-container-paiement {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: left
}

.panier-container-paiement .btn {
    width: 100%
}

.parent-middle {
    display: flex
}

.child-middle {
    margin: auto
}

.nav>li>a {
    padding: 15px 10px
}


.block-card{
    padding:10px 0 10px 0;
}


.wishlist{
    color:#DD2E44;
    cursor:pointer;
    font-size: 20px;
}

.postedCard{
    cursor:pointer;
    font-size: 20px; 
}

.select-wishlist-card{
    cursor:pointer;
    
}

.select-wishlist-card i{
    color:#DD2E44
}

.infos-card .wishlist{
    position: absolute;
    top: -2px;
    right: 0px;
}

.infos-card .postedCard{
    position: absolute;
    top: -2px;
    right: 23px;
}



.card-auteur-name .wishlist, .infos-card-title .wishlist{
    position: absolute;
    top: 0px;
    right: 2px;
}

.card-auteur-name .postedCard, .infos-card-title .postedCard{
    position: absolute;
    top: 0px;
    right: 25px;
}

.infos-card h3 {
    position: relative;
    /*margin-right: 29px;*/
    padding-top: 22px;
}
.infos-card h3 small {
position: relative;
    z-index: 51;
}

.onglet-wishlist{
    position:fixed;
    right:-100px;
    top:45%;
    cursor:pointer;
    padding:10px;
    color:#fff;
    background-color:#DD2E44;
    text-align:center;
    border-radius:5px 0 0 5px;
    z-index:100;
}

.volet-wishlist{
    position:fixed;
    right:-300px;
    top:90px;
    bottom:10%;
    padding:20px;
    background-color:#f6f6f6;
    text-align:center;
    border-radius:5px 0 0 5px;
    z-index:10000;
    width:200px;
}

.remove-from-wishlist{
    cursor:pointer;
}

.content-wishlist{
    position:absolute;
    top:40px;
    bottom:20px;
    left:0;
    right:0;
    overflow-y: auto;
    margin-right: 10px;
}

.content-wishlist::-webkit-scrollbar {
    width: 5px;
}

.content-wishlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.content-wishlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


.volet-wishlist .close-volet-wishlist{
    position:absolute;
    top:5px;
    left:5px;
    cursor:pointer;
    font-size: 23px;
}

.volet-wishlist .content-wishlist div{
    padding:10px;
}

.onglet-wishlist small{
        display:none;
    }
    
.container-posted-card{
    width:100%;
    background-color:rgba(255,255,255,0.8);
    position:absolute;
    bottom:0;
    padding:10px;
    overflow:hidden;
    text-align:left;
    color:#3F3F40;
    height:0px;
    z-index:3
}
    
.container-posted-card div{
    margin-top:6px
}

.wishlistOnCaroussel{
    position:absolute;
    bottom: -5px;
    right: 0px;
    background-color: rgba(224,224,224,0.85);
    border-top-left-radius: 10px;
    padding: 5px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    z-index:6
}
.wishlistOnCaroussel .postedCard{
    margin-right: 5px;
}

.zone-choix-format, .zone-choix-couleur, .zone-choix-coin, .zone-choix-papier{
    z-index:2;
}
.zone-choix-explain{
    top:-100px;
    z-index:1;
    border-top:0px solid #fff
}



.img-header-lp{
    margin-left: -233px;
    margin-bottom: -153px;
    margin-top:-50px
}


.quantite-carte-lot [name="quantiteCarte"]{
        text-align: center;
    font-weight: bold;
    min-width: 60px;
    }
    
.quantite-carte-lot{
        max-width: 130px;
    }

@media (min-width:768px) {
    

.title-zone-choix-format:first-of-type{
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
    
/*.zone-choix-couleur{
    border-top-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
    border-bottom-right-radius: 20px!important;
    border-bottom-left-radius: 20px!important;
    
}*/
    
    .onglet-wishlist i{
        font-size: 2em;
    }
    
    .onglet-wishlist small{
        display:block;
    }
    
    .shadow-1:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.owl-item.active>div:hover .buttonchoice {
    display: block!important
}
.block-card:hover .buttonchoice,
.card-page-list:hover .buttonchoice {
    display: block!important
}
    
    .marge-texte-card{
    top:20px;
    right:20px;
    bottom:20px;
    left:20px;
    overflow:hidden;
    position:absolute;
}
    
    .card-h-natural-format,
    .card-s-natural-format,
    .card-v-natural-format, 
    .card-h-verso-natural-format, 
    .card-s-verso-natural-format, 
    .card-v-verso-natural-format {
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        overflow: hidden
    }
    .owl-carousel-souscat .label-souscat:hover,
    .owl-carousel-souscat .label-souscat:hover a {
        border: 2px solid #4498E0;
    padding-bottom: 10px;
    }
    .navbar-header {
        width: 380px
    }
    
    
    .card-v-natural-format, 
    .card-v-verso-natural-format {
        position: relative;
        width: 399px;
        height: 561px
    }
    .card-v-natural-format>img {
        width: 399px;
        /*height: 590px;*/
        height: auto;
        left: 0px;
        top: 0px;
        right: 0px;
        position: absolute
    }
    .card-v-natural-format>img[perso] {
        width: 399px;
        height: 561px;
        left: 0px;
        top: 0px;
        right: 0px;
        position: absolute
    }
    
    
    .card-h-natural-format, 
    .card-h-verso-natural-format {
        position: relative;
        width: 561px;
        height: 399px
    }
    .card-h-natural-format>img{
        width: 561px;
        /*height: 430px;*/
        height: auto;
        left: 0px;
        top: 0px;
        right: 0px;
        position: absolute;
    }
    
    .card-h-natural-format>img[perso] {
        width: 561px;
        height: 399px;
        left: 0px;
        bottom: 0px;
        position: absolute
    }
    
    
    
    .card-s-natural-format, 
    .card-s-verso-natural-format {
        position: relative;
        width: 504px;
        height: 504px
    }
    .card-s-natural-format>img {
        width: 504px;
        /*height: 590px;*/
        height: auto;
        left: 0px;
        top: 0px;
        right: 0px;
        position: absolute
    }
    .card-s-natural-format>img[perso] {
        width: 504px;
        height: 504px;
        left: 0px;
        top: 0px;
        right: 0px;
        position: absolute
    }
    
    
    
    .editor-text-card-normale-h {
    width: 562px
}


    .editor-text-card-normale-s {
    width: 480px
}
    .prevu-verso-carte-geante {
        top: 0px;
            right: -281px;
            bottom: -407px;
        left: 0px;
        overflow: hidden;
        position: absolute;
        transform: scale(.56);
        -o-transform: scale(.56);
        -moz-transform: scale(.56);
        -webkit-transform: scale(.56);
        -ms-transform: scale(.56);
        -khtml-transform: scale(.56);
            transform-origin:top left
    }

    .prevu-verso-carte-geante-h {
        top: 0px;
        right: -407px;
        bottom: -280px;
        left: 0px;
        overflow: hidden;
        position: absolute;
        transform: scale(.56);
        -o-transform: scale(.56);
        -moz-transform: scale(.56);
        -webkit-transform: scale(.56);
        -ms-transform: scale(.56);
        -khtml-transform: scale(.56);
            transform-origin:top left
    }

    .prevu-verso-carte-geante-s {
        top: 0px;
        right: -407px;
        bottom: -280px;
        left: 0px;
        overflow: hidden;
        position: absolute;
        transform: scale(.56);
        -o-transform: scale(.56);
        -moz-transform: scale(.56);
        -webkit-transform: scale(.56);
        -ms-transform: scale(.56);
        -khtml-transform: scale(.56);
            transform-origin:top left
    }


    .prevu-verso-carte-normale, .prevu-verso-carte-normale-h, .prevu-verso-carte-normale-s {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -khtml-transform: scale(1)
    }
    .init-choice-carte,
    .init-choice-lettre,
    .init-choice-photo {
        height: 190px
    }
    .init-choice-carte i,
    .init-choice-lettre i,
    .init-choice-photo i {
        font-size: 70px;
        margin-bottom: 16px;
        padding-top: 41px;
        margin-right: 0
    }
    .init-choice-carte p,
    .init-choice-lettre p,
    .init-choice-photo p {
        display: block
    }
}

@media (max-width:991px) {
    h1 {
        font-size: 30px
    }
    .img-60-mobile {
        max-width: 60%!important;
        height: auto!important;
    }
}



@media (max-width:767px) {
    
    
    .background-button-nav-mobile{
    background-color: rgba(255,255,255,0.8);
    left: 0;
    right: 0;
    height: 61px;
    bottom: 0;
    position: fixed;
    z-index: 1028;
}
    
    
    .img-header-lp {
    margin-left: -91px;
    margin-bottom: -153px;
    margin-top: -227px;
}
    
    .card-page-list {
        padding: 0px;
    }
    
    .card-page-list .mini-declinaison .secondaire-list-color{
        margin-right: -8px;
    }
    
    .btn-valid-courrier{
        position: fixed;
        bottom: 10px;
        left: 10px;
        right: 10px;
        z-index: 1029;
        width:calc( 100% - 20px )!important;
    }
    
    .infos-card h3{
        /*margin-right: 19px;*/
        padding-top: 22px;
    }


    .container-fluid .container{
        padding-left:0px;
        padding-right:0px;
    }
    
    
    .editor-text-card-postale {
        width: 300px
    }
    .card-page-list .img-carte, .card-page-list .img-carte-h, .card-page-list .img-carte-s {
        margin-left: -7px
    }
    .title-top-fixed-mobile.fixed-active {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        z-index: 1029;
        background-color: #fff;
        padding: 5px
    }
    .prevu-card-carousel, .owl-carousel .layout-multimg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 123px!important;
        height:174px;
    }
    .recadre-card-h .prevu-card-carousel, .owl-carousel .recadre-card-h .layout-multimg{
        width: 140px!important;
        height:100px;
    }
    .recadre-card-s .prevu-card-carousel, .owl-carousel .recadre-card-s .layout-multimg{
        width: 135px!important;
        height:135px;
    }

    .img-carte,.img-carte-h,.img-carte-s,
    .recadre-card, .recadre-card-h, .recadre-card-s {
        position: relative;
        overflow: hidden
    }
    .recadre-card {
        width: 123px;
        height: 174px;
        margin: 5px
    }
    .recadre-card-h {
        width: 140px;
        height: 100px;
        margin: 45px 5px 5px 5px;
    }
    .recadre-card-s {
        width: 135px;
        height: 135px;
        margin: 25px 5px 5px 5px;
    }
    .img-carte {
        margin: 5px 0 10px;
        width: 123px;
        height: 174px;
        font-size:12px;
    }
    .img-carte-h {
        margin: 100px 0 10px 0;
        width: 140px;
        height: 100px;
        font-size:12px;
    }
    .img-carte-s {
        margin: 45px 0 10px 0;
        width: 135px;
        height: 135px;
        font-size:12px;
    }
    
    .listing-card-by-3 .img-carte {
        margin: 5px 0 10px;
        width: 123px;
        height: 174px;
        font-size:12px;
    }
    
    .listing-card-by-3 .img-carte-h {
        margin: 80px 0 10px 0;
        width: 140px;
        height: 100px;
        font-size:12px;
    }
    
    .listing-card-by-3 .img-carte-s {
        margin: 44px 0 10px 0;
        width: 135px;
        height: 135px;
        font-size:12px;
    }
    
    #containerCarousselDestinataire,
    .list-group-item {
        margin-left: -15px;
        margin-right: -15px
    }
    .img-carte>img {
        width: 123px!important;
        height: 174px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .img-carte-h>img {
        width: 140px!important;
        height: 100px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .img-carte-s>img {
        width: 135px!important;
        height: 135px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    
    
    .listing-card-by-3 .img-carte>img {
        width: 123px!important;
        height: 174px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    
    .listing-card-by-3 .img-carte-h>img {
        width: 140px!important;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    
    .listing-card-by-3 .img-carte-s>img {
        width: 135px!important;
        height: 135px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    
    
    .block-categorie-list {
        min-height: 270px
    }
    .start-owl-carousel .owl-next i,
    .start-owl-carousel .owl-prev i {
        top: 77px
    }
    .buttonchoice {
        left: 55px
    }
    .buttonchoice span {
        display: none
    }
    .owl-carousel .owl-nav {
        opacity: 1
    }
    .owl-carousel .owl-nav i {
        text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff
    }
    .owl-next,
    .owl-prev {
        background: 0 0
    }
    .visu-pliage-carte>.carte-pli-interieur {
        left: -12px;
        width: 12px;
        bottom: -22px;
        top: -22px
    }
    .visu-pliage-carte>.carte-pli-interieur-h {
        left: -15px;
    height: 20px;
    right: -13px;
    top: -19px;
    }
    
    .visu-pliage-carte>.carte-pli-interieur-s {
        left: -12px;
        width: 12px;
        bottom: -15px;
        top: -13px;
    }
    .visu-pliage-carte>.carte-pli-recto {
        bottom: -20px;
        width: 277px;
        height: 20px
    }
    .visu-pliage-carte>.carte-pli-recto-h {
            bottom: -5px;
    height: 210px;
    width: 21px;
    left: -21px;
    }
    
    .visu-pliage-carte>.carte-pli-recto-s {
            bottom: -20px;
        width: 277px;
        height: 20px
    }
    .text-center-xs {
        text-align: center
    }
    .no-padding-xs {
        padding: 5px
    }
    .list-group-item {
        border-radius: 0!important;
        border-left: none;
        border-right: none
    }
    .format-prevu-lettre {
        width: 100%;
        height: auto;
        min-height: 960px
    }
    .container-full {
        width: 100%!important
    }
    h1 {
        font-size: 25px
    }
    .title_h1_index {
        font-size: 27px;
        margin-bottom: 20px;
        margin-top: 0
    }
    .font-ss-titre,
    h2 {
        font-size: 20px
    }
    
    h2.font-ss-titre {
        font-size: 20px
    }

    h3.font-ss-titre {
        font-size: 18px
    }
    
    .font-chapeau {
        font-size: 18px
    }
    .font-texte {
        font-size: 16px
    }
    .inter-section-xs {
        margin-top: 10px
    }
    .inter-section {
        margin-top: 50px
    }
    .inter-section-l {
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .padding-section-l {
        padding: 90px 0
    }
    .chat_btn {
        display: none!important
    }
    .container-liste-modal {
        background-color: #eee;
        padding: 10px 15px;
        margin: 0 -15px
    }
    h1>.label,
    h2>.label,
    h3>.label {
        white-space: initial;
        line-height: 1.5
    }
    .init-choice-home .btn {
        width: 100%
    }
    
    .btn.btn-edit-carte, .btn.btn-edit-carte-h, .btn.btn-edit-carte-s {
        margin-bottom:30px
    }
    
}

.price-zone {
    border-radius: 32px;
    background-color: #aaaaaa;
    display: inline-block;
    padding: 5px 8px;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
}

.total-price-zone {
    cursor: pointer;
    border-radius: 32px;
    background-color: #3e3e3f;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
}

#top-particulier-pro {
    background-color: #f6f6f6;
    font-variant: small-caps;
    padding: 5px
}

#top-particulier-pro>div>a {
    color: #3F3F40
}

#top-particulier-pro>div>a>div {
    position: relative;
    display: inline-block;
    background-color: #e0e0e0;
    border-radius: 10px;
    width: 30px;
    height: 10px;
    margin-left: 5px;
    margin-right: 5px
}

#top-particulier-pro>div>a>div>div {
    position: absolute;
    background-color: #4498E0;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    top: -2px
}

a[href="#nextsection"]>div>div {
    border: 1px solid #4a90e2;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

a[href="#nextsection"] i {
    margin-top: 5px
}

.cc-message,
.cc-compliance {
    font-size: 13px!important
}

.cc-window {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    line-height: 1em!important
}

.cc-btn {
    padding: 2px!important
}

.card-auteur-name {
    position:relative;
    font-size: 13px;
    height: 40px;
    max-width: 239px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 45px;
    text-align:left
}

.card-auteur-name[data-format="h"] {
    max-width: 299px;
}

.card-page-list h3{
    min-height:30px
}

.card-page-list .infos-card-title, .card-page-list .infos-card{
    max-width:240px;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
    position:relative;
    /*padding-right: 20px;*/
}

.card-page-list .infos-card{
    min-height:110px;
}




    [data-orient="h"] [data-format="c-po"] .card-mini-container{width:34px;height:24px;}
    [data-orient="v"] [data-format="c-po"] .card-mini-container{width:25px;height:35px;}
    [data-orient="s"] [data-format="c-po"] .card-mini-container{width:28px;height:28px;}
    
    [data-orient="h"] [data-format="c"] .card-mini-container{width:46px;height:33px;}
    [data-orient="v"] [data-format="c"] .card-mini-container{width:34px;height:47px;}
    [data-orient="s"] [data-format="c"] .card-mini-container{width:37px;height:37px;}
    
    [data-orient="h"] [data-format="c-pl"] .card-mini-container{width:46px;height:33px;}
    [data-orient="v"] [data-format="c-pl"] .card-mini-container{width:34px;height:48px;}
    [data-orient="s"] [data-format="c-pl"] .card-mini-container{width:37px;height:37px;}
    
    [data-orient="h"] [data-format="g-pl"] .card-mini-container{width:69px;height:49px;}
    [data-orient="v"] [data-format="g-pl"] .card-mini-container{width:50px;height:67px;}
    [data-orient="s"] [data-format="g-pl"] .card-mini-container{width:55px;height:55px;}
    
    
    [data-orient="h"] [data-format="c-po"] .card-mini-img{height:24px;}
    [data-orient="v"] [data-format="c-po"] .card-mini-img{width:25px;}
    [data-orient="s"] [data-format="c-po"] .card-mini-img{width:28px;}
    
    [data-orient="h"] [data-format="c"] .card-mini-img{height:33px;}
    [data-orient="v"] [data-format="c"] .card-mini-img{width:34px;}
    [data-orient="s"] [data-format="c"] .card-mini-img{width:37px;}
    
    [data-orient="h"] [data-format="c-pl"] .card-mini-img{height:33px;}
    [data-orient="v"] [data-format="c-pl"] .card-mini-img{width:34px;}
    [data-orient="s"] [data-format="c-pl"] .card-mini-img{width:37px;}
    
    [data-orient="h"] [data-format="g-pl"] .card-mini-img{height:49px;}
    [data-orient="v"] [data-format="g-pl"] .card-mini-img{width:50px;}
    [data-orient="s"] [data-format="g-pl"] .card-mini-img{width:55px;}
    
    
    [data-orient="h"] [data-format="c-pl"] .card-mini-bg{width:56px;height:33px;background-image:url(/v2017/img/carte-mini-visuel-format-plie-classic-h.png);}
    [data-orient="v"] [data-format="c-pl"] .card-mini-bg{width:34px;height:57px;background-image:url(/v2017/img/carte-mini-visuel-format-plie-classic.png);}
    [data-orient="s"] [data-format="c-pl"] .card-mini-bg{width:37px;height:37px;background-image:url(/v2017/img/carte-mini-visuel-format-plie-classic-s.png);}
    
    [data-orient="h"] [data-format="g-pl"] .card-mini-bg{width:75px;height:49px;background-image:url(/v2017/img/carte-mini-visuel-format-plie-geante-h.png);}
    [data-orient="v"] [data-format="g-pl"] .card-mini-bg{width:50px;height:74px;background-image:url(/v2017/img/carte-mini-visuel-format-plie-geante.png)}
    [data-orient="s"] [data-format="g-pl"] .card-mini-bg{width:55px;height:55px;background-image:url(/v2017/img/carte-mini-visuel-format-plie-geante-s.png)}


.card-mini-img{
        position:absolute;top:0;left:0;right:0;
    }
    
    [data-orient="v"] .card-mini-img{
        height:auto;
    }
    
    [data-orient="h"] .card-mini-img{
        width:auto;
    }
    
    [data-orient="s"] .card-mini-img{
        height:auto;
    }
    
    [data-perso="y"] .card-mini-img{
        position:absolute;left:0px;bottom:0px;top:0px;right:0px
    }
    
    
    .card-mini-container{
        position:absolute;left:0px;bottom:0px;overflow:hidden;
    }

    [data-format="c-po"] .card-mini-container, [data-format="c"] .card-mini-container{
        position:relative;
    }

    .card-mini-bg{
        position:relative;background-repeat:no-repeat;background-size: 100% 100%
    }
    
    
    .over-line-text{
    margin:30px 15px;
    position: relative;
    text-align: center;
    line-height: 100%;
    overflow:hidden;
    color:#868686
}
.over-line-text:before, .over-line-text:after{
    content :".";
    border-bottom: solid 1px #e5e5e5;
    position: absolute;
    line-height: 50%;
    width: 100%;

}
.over-line-text:before{
    margin-left: -100%;
}
.over-line-text span{
    background-color: #fff;
    padding:0 15px
}

.shareBox{
 padding:5px;width:122px;border-radius:5px;cursor:pointer;
}
.shareBox:hover{
 box-shadow: 0px 0px 3px 0px #656565;
}
.shareLogo{
 padding:5px;display:inline-block;border-right:1px solid #fff;width:35px;text-align:center;
}
.shareText{
 padding:5px;display:inline-block;width:69px;text-align:center;
}

#cke_texte,�#page1{border:0px;}

.editor-text-card-postale #cke_texte{border-right:1px solid #ccc;}

.prevu-bloc-reponse{padding-top:10px;padding-bottom:10px;color:rgba(0, 0, 0, 0.9);background-color:rgba(255, 255, 255, 0.9);margin-right: auto;width:263px}
.prevu-bloc-reponse>div{color:rgba(0, 0, 0, 0.9) !important;}
.prevu-bloc-reponse>div{height:70px;display:inline-block;vertical-align: top;padding:10px;}
.prevu-bloc-reponse>div:nth-child(1){ width:60px;padding-top:15px;font-size: 10px;text-align:center}
.prevu-bloc-reponse>div:nth-child(1)>img{width:100%;height:auto;max-width:33px}
.prevu-bloc-reponse>div:nth-child(2){padding-left:0;font-size:12px;text-align:left}
.prevu-bloc-reponse>div:nth-child(2)>div{margin-top:10px}








.well, .thumbnail, .panel {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 20px;
}

.list-group-item:first-child {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.list-group-item:last-child {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.form-control, .input-group-addon, .modal-content, .alert{
    border-radius: 20px;
}




/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}



/**
 * NAVIGATION
 */
#navbar-general{
    background-color: #fff
}
#navbar-general .row{
   margin-top:12px
}
#navbar-general .container{
    position:relative
}
.cd-morph-dropdown {
  height: 50px;
  background-color: #FFFFFF;
}
.cd-morph-dropdown li, .cd-morph-dropdown ul {
  list-style-type: none;
      padding-left: 0;
}
.cd-morph-dropdown::before {
  /* never visible - used in JS to check mq */
  content: 'mobile';
  display: none;
}
.dropdown-list #header-services img {
       width:80px;height:auto
       }
       
       .dropdown-list #header-produits img {
       width:50px;height:auto
       }

.cd-morph-dropdown .nav-trigger {
  /* menu icon - visible on small screens only */
  position: absolute;
  right: 0;
  height: 50px;
  width: 50px;
  /* replace text with icon */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
     z-index: 10;
}
.cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  /* these are the 3 lines of the menu icon */
  position: absolute;
  background-color: #1A1A1A;
  height: 3px;
  width: 26px;
}
.cd-morph-dropdown .nav-trigger span {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}
.cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.cd-morph-dropdown .nav-trigger span::before {
  -webkit-transform: translateY(-9px);
      -ms-transform: translateY(-9px);
          transform: translateY(-9px);
}
.cd-morph-dropdown .nav-trigger span::after {
  -webkit-transform: translateY(9px);
      -ms-transform: translateY(9px);
          transform: translateY(9px);
}
.cd-morph-dropdown.nav-open .nav-trigger span {
  background-color: transparent;
}
.cd-morph-dropdown.nav-open .nav-trigger span::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cd-morph-dropdown.nav-open .nav-trigger span::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cd-morph-dropdown .main-nav {
  display: none;
}
.cd-morph-dropdown .morph-dropdown-wrapper {
  display: none;
  top:50px;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 1.2em 5%;
  box-shadow: inset 0 1px 0 #e6e6e6;
  background-color: #f6f6f6;
      
}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
  display: block;
}
.cd-morph-dropdown .dropdown-list > ul > li {
  margin-bottom: 20px;
}
.cd-morph-dropdown .label {
  display: block;
  font-size: 2.2rem;
  color: #1A1A1A;
  margin-bottom: .8em;
}
.cd-morph-dropdown .content li::after {
  clear: both;
  content: "";
  display: block;
}

.cd-morph-dropdown .content h2 {
  color: #a6a6a6;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3rem;
  margin: 20px 0 10px 14px;
}





.temoignage blockquote{
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    border:0px!important;
    margin:30px 0px 30px 0;
}


.temoignage blockquote{
    position:relative;
    padding-left:50px;
    font-size: 15px;
    min-height:58px
}


.temoignage blockquote::before {
    content: "\f10d";
    font-family: "Font Awesome 5 Pro";
    font-size: 29px;
    font-weight: bold;
    color: #4498E0;
    position: absolute;
    left: 10px;
    top: 6px;
}





@media (max-width:991px) {
.cd-morph-dropdown .morph-dropdown-wrapper{z-index: 1030;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc( 100vh - 50px);}
}
@media only screen and (min-width: 1000px) {
    
    .dropdown-list #header-services img {
       width:160px;height:auto
       }
       
       .dropdown-list #header-produits img {
       width:50px;height:auto
       }
  .cd-morph-dropdown {
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
  }
  .cd-morph-dropdown::before {
    content: 'desktop';
  }
  .cd-morph-dropdown .nav-trigger {
    display: none;
  }
  .cd-morph-dropdown .main-nav {
    display: inline-block;
  }
  .cd-morph-dropdown .main-nav > ul > li {
    display: inline-block;
    float: left;
  }
  .cd-morph-dropdown .main-nav > ul > li > a {
    display: block;
    padding: 0 0 0 1.8em;
    font-size: 1.8rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {
    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
    opacity: .6;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
    opacity: 1;
  }
  .cd-morph-dropdown .morph-dropdown-wrapper {
    /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
    display: block;
    top: 58px;
    /* overwrite mobile style */
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    /* Force Hardware acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .cd-morph-dropdown .dropdown-list {
    position: absolute;
    top: -12px;
    left: -30px;
    visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform, width, height;
    -webkit-transition: visibility .3s;
    transition: visibility .3s;
    box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
  }
  .no-csstransitions .cd-morph-dropdown .dropdown-list {
    display: none;
  }
  .cd-morph-dropdown .dropdown-list::before {
    /* dropdown top triangle */
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 0;
    width: 0;
    border: 14px solid transparent;
    border-bottom-color: #fafafa;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .cd-morph-dropdown .dropdown-list > ul {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list {
    visibility: visible;
    -webkit-transition: width .3s, height .3s, -webkit-transform .3s;
    transition: width .3s, height .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, height .3s;
    transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;
    background-color: #fafafa;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {
    opacity: 1;
  }
  .cd-morph-dropdown .dropdown {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
  }
  .cd-morph-dropdown .dropdown.active {
    opacity: 1;
    visibility: visible;
  }
  .cd-morph-dropdown .dropdown.move-left .content {
    -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  .cd-morph-dropdown .dropdown.move-right .content {
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);
  }
  .cd-morph-dropdown .label {
    /* hide the label on bigger devices */
    display: none;
  }
  .cd-morph-dropdown .content {
    padding: 0px 20px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    text-align: left;
  }
  .cd-morph-dropdown .content > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-morph-dropdown .content > ul > li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-top: 0;
  }
  .cd-morph-dropdown .content > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-morph-dropdown .services .content {
    /* you need to set a width for the .content elements because they have a position absolute */
    width: 510px;
  }
  .cd-morph-dropdown .produits .content {
    /* you need to set a width for the .content elements because they have a position absolute */
    width: 600px;
  }
  .cd-morph-dropdown .logged .content {
    /* you need to set a width for the .content elements because they have a position absolute */
    width: 180px;
  }

  .cd-morph-dropdown .button .content {
    width: 390px;
  }
  .cd-morph-dropdown .links-list a {
    font-size: 1.6rem;
    margin-left: 0;
  }
  .cd-morph-dropdown .btn {
    display: block;
    width: 100%;
    height: 50px;
    margin: 1.5em 0 0;
    font-size: 1.8rem;
    text-align: center;
    line-height: 50px;
    background: #DB6356;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-morph-dropdown .btn:hover {
    background: #1A1A1A;
  }
  .cd-morph-dropdown .content h2 {
    font-size: 1.8rem;
    text-transform: none;
    font-weight: normal;
    color: #1A1A1A;
    margin: 0 0 .6em;
  }
  .cd-morph-dropdown .bg-layer {
    /* morph dropdown background */
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .bg-layer {
    opacity: 1;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
  }
}



.mini-prevu-enveloppe{max-width: 320px;}
.mini-prevu-enveloppe .zoom-img-enveloppe{max-width:100px;position:absolute;left:-10px;top:-20px;}
.mini-prevu-enveloppe .fake-adresse-dest{position:absolute;top:-10px;left:110px;width:60px}
.mini-prevu-enveloppe .fake-adresse-dest>div{height:5px;margin-top:4px;background-color:#e0e0e0;opacity: 0.6;}
.mini-prevu-enveloppe .prevu-timbre{width:45px;height:auto;position:absolute;right:5px;top:5px;opacity: 0.6;}
.mini-prevu-enveloppe .fake-adresse-exp{position:absolute;top:5px;left:5px;width:40px}
.mini-prevu-enveloppe .fake-adresse-exp>div{height:3px;margin-top:2px;background-color:#e0e0e0;opacity: 0.6;}


.maxi-prevu-enveloppe .zoom-img-enveloppe{max-width:200px;position:absolute;left:-10px;top:-55px;}
.maxi-prevu-enveloppe .fake-adresse-dest{position:absolute;top:-25px;left:220px;width:140px}
.maxi-prevu-enveloppe .fake-adresse-dest>div{height:7px;margin-top:7px;background-color:#e0e0e0;opacity: 0.6;}
.maxi-prevu-enveloppe .prevu-timbre{width:90px;height:auto;position:absolute;right:15px;top:15px;opacity: 0.6;}
.maxi-prevu-enveloppe .fake-adresse-exp{position:absolute;top:15px;left:15px;width:80px}
.maxi-prevu-enveloppe .fake-adresse-exp>div{height:4px;margin-top:4px;background-color:#e0e0e0;opacity: 0.6;}

.container-action-date{cursor:pointer;}






.scene {
  margin: 0;
  perspective: 800px;
  
}

.scene.card-s-natural-format{
  perspective: 1000px;
}

.card {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: transform 1s;
}



.card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
      z-index: 5;
}

.card__face--front {
}

.card__face--back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-color: #fff;
}
    
    
    
    
.card-to-flip .card {
    transform-origin: center right;
}

.card-to-flip .card.is-flipped {
  -webkit-transform: translateX(-100%) rotateY(-180deg);
  -moz-transform: translateX(-100%) rotateY(-180deg);
  -ms-transform: translateX(-100%) rotateY(-180deg);
  -o-transform: translateX(-100%) rotateY(-180deg);
  transform: translateX(-100%) rotateY(-180deg);
} 
    
    
.card-to-open .card {
    transform-origin: center left;
}   
    
.card-to-open .card.is-flipped {
	-webkit-transform: translateX(0) rotateY(-76deg);
	-moz-transform: translateX(0) rotateY(-76deg);
	-ms-transform: translateX(0) rotateY(-76deg);
	-o-transform: translateX(0) rotateY(-76deg);
	transform: translateX(0) rotateY(-76deg);
}


    
.card-to-open-top .card {
    transform-origin: top center;
}  

.card-to-open-top .card.is-flipped {
            -webkit-transform: translateY(0) rotateX(76deg);
            -moz-transform: translateY(0) rotateX(76deg);
            -ms-transform: translateY(0) rotateX(76deg);
            -o-transform: translateY(0) rotateX(76deg);
            transform: translateY(0) rotateX(76deg);
    }

.scene--card{
    overflow:visible!important;
        margin-left: auto;
    margin-right: auto;
}

.card-to-open .container-text-card, .card-to-open-top .container-text-card{
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    right: 0!important;
    z-index: -1!important;
}

.rotate-card{
    cursor:pointer;
}

.visu-pliage-carte.scene{
    display:block!important;
}

.card-to-open .visu-pliage-carte>.carte-pli-interieur{
    right: 399px!important;
    left:auto;
    width:0px;
        
     transition-property: width;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease
}

.card-to-open .visu-pliage-carte>.carte-pli-interieur.pli-visible{
    width: 40px;
}

.card-to-open .visu-pliage-carte>.carte-pli-recto{
    top: 561px!important;
    bottom:auto;
    height:0px;
        
     transition-property: height;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease
}

.card-to-open .visu-pliage-carte>.carte-pli-recto.pli-visible{
    height: 40px;
}


.card-to-open .visu-pliage-carte>.carte-pli-interieur-s{
    right: 504px!important;
    left:auto;
    width:0px;
        
     transition-property: width;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease
}

.card-to-open .visu-pliage-carte>.carte-pli-interieur-s.pli-visible{
    width: 40px;
}


.card-to-open-top .visu-pliage-carte>.carte-pli-interieur-h{
    bottom: 400px!important;
    top:auto;
    height:0px;
        
     transition-property: height;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease
}



.card-to-open-top .visu-pliage-carte>.carte-pli-interieur-h.pli-visible{
    height: 40px;
}



.card-to-open-top .visu-pliage-carte>.carte-pli-recto-h{
    right: 561px!important;
    left:auto;
    width:0px;
        
     transition-property: width;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease
}

.card-to-open .visu-pliage-carte>.carte-pli-recto-s{
    top: 504px!important;
    bottom:auto;
    height:0px;
        
     transition-property: height;
  transition-duration: 0.5s;
  transition-delay: 0s;
  transition-timing-function: ease
}

.card-to-open-top .visu-pliage-carte>.carte-pli-recto-h.pli-visible{
    width: 40px;
}

.card-to-open .visu-pliage-carte>.carte-pli-recto-s.pli-visible{
    height: 40px;
}









.btn-edit-hover{
    display:none;
    position:absolute;
    top:calc( 50% - 40px );
    left:calc( 50% - 40px );
    z-index:9;
    background-color: #fff;
    opacity:0.7;
    border-radius:50%;
    width:80px;
    height:80px;
    text-align: center;
    border:3px solid #e0e0e0
}

.card__face--front:hover .btn-edit-hover, .container-text-card:hover .btn-edit-hover{
    display:block
}
.btn-edit-hover i{
  font-size:45px;
  margin-top:15px
}

.btn-tool{
    margin-bottom:0px;
  transition-property: margin;
  transition-duration: 0.3s;
  transition-delay: 0s;
  transition-timing-function: ease
}

.btn-tool.card-opened{
    margin-bottom:55px;
}

.btn-choice-perso-carte{
    width: 50%;
    box-sizing: border-box;
    float: left;
    position:relative;
}

.btn-choice-perso-carte>div{
    margin:3px;
    position:relative;
    border:2px solid #E0E0E0;
    border-radius: 10px;
    padding: 5px 5px 5px 50px;
    line-height: 16px;
    font-size: 14px;
    height: 50px;
}

.btn-choice-perso-carte>div.is-selected-format{
    background-color:#4a90e2!important;
    border-color:#4a90e2!important;
    color:#fff
}

.btn-choice-perso-carte>div.is-selected-format + .info-plus-carte-format {
    color:#fff
}

.btn-choice-perso-carte .detail-top-left{
    position:absolute;
    top:3px;
    left:5px;
    width:auto;

}

.btn-choice-perso-carte .detail-top-left img{
    width:40px;
    height:40px;
}

.btn-choice-perso-carte .info-plus-carte-format{
    position:absolute;
    top:10px;
    right:10px;
    width:auto;
    cursor:pointer;
}
.title-choice-perso-carte{
    margin:0px;
}

.container-choice-perso-carte{
    background-color: #fff;
    padding:7px;
    border-radius: 10px;
    margin-left: -15px;
    margin-right: -15px;
}

.container-choice-perso-carte small{
    display:block;
    margin-top:5px;
    color:#aaaaaa;
    font-size:13px
}

.btn-choice-perso-carte>div.is-selected-format small{
    color:#fff;
}

.container-choice-perso-carte>div:before{ content: " ";
display: table;}
.container-choice-perso-carte>div:after{clear: both;    content: " ";
display: table;}

.zone-choix-papier{
    margin-top: 10px
}


.card-s-natural-format.card-is-folded .pli-shadow-on-carte, .card-v-natural-format.card-is-folded .pli-shadow-on-carte, .card-s-panier-format.card-is-folded .pli-shadow-on-carte, .card-v-panier-format.card-is-folded .pli-shadow-on-carte{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:10px;
    z-index:5;
    background: linear-gradient(to right, #999999 0, transparent 3px, transparent 100%);
}

.card-h-natural-format.card-is-folded .pli-shadow-on-carte, .card-h-panier-format.card-is-folded .pli-shadow-on-carte{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:10px;
    z-index:5;
    background: linear-gradient(to bottom, #999999 0, transparent 3px, transparent 100%);
}


@media (max-width:1200px) {
    .btn-choice-perso-carte>div{
        height: 65px;
    }
}

@media (max-width:767px) {

    
    
    .card-to-open .card.is-flipped {
            -webkit-transform: translateX(0) rotateY(-79.7deg);
            -moz-transform: translateX(0) rotateY(-79.7deg);
            -ms-transform: translateX(0) rotateY(-79.7deg);
            -o-transform: translateX(0) rotateY(-79.7deg);
            transform: translateX(0) rotateY(-79.7deg);
    }


    .card-to-open-top .card.is-flipped {
            -webkit-transform: translateY(0) rotateX(82.9deg);
            -moz-transform: translateY(0) rotateX(82.9deg);
            -ms-transform: translateY(0) rotateX(82.9deg);
            -o-transform: translateY(0) rotateX(82.9deg);
            transform: translateY(0) rotateX(82.9deg);
    }

    .card-to-open .visu-pliage-carte>.carte-pli-interieur{
        right: 290px!important;
        left:auto;
    }

    .card-to-open .visu-pliage-carte>.carte-pli-recto{
        top: 394px!important;
        left:auto;
    }
    
    .card-to-open .visu-pliage-carte>.carte-pli-recto.pli-visible{
        bottom: -20px;
    }
    
    .card-to-open .visu-pliage-carte>.carte-pli-interieur.pli-visible{
        width: 15px;
    }
    
    
    
    .btn-tool.card-opened{
        margin-bottom:33px;
    }

    .card-to-open-top .visu-pliage-carte>.carte-pli-interieur-h{
        bottom: 206px!important;
        top:auto;
    }

    .card-to-open-top .visu-pliage-carte>.carte-pli-recto-h{
        right: 290px!important;
        left:auto;
    }
    
    .card-to-open-top .visu-pliage-carte>.carte-pli-recto-h.pli-visible{
        width: 20px;
    }
    
    .card-to-open-top .visu-pliage-carte>.carte-pli-interieur-h.pli-visible{
        height: 20px;
    }

    .card-to-open .visu-pliage-carte>.carte-pli-interieur-s{
        right: 290px!important;
        left:auto;
    }

    .card-to-open .visu-pliage-carte>.carte-pli-recto-s{
       top: 289px!important;
        left:auto;
    }
    
    .card-to-open .visu-pliage-carte>.carte-pli-recto-s.pli-visible{
        bottom: -20px;
    }
    
    .card-to-open .visu-pliage-carte>.carte-pli-interieur-s.pli-visible{
        width: 15px;
    }
}


[data-orient="v"] [data-format="c-po"] .card-mini-bg{
    margin-top:44px;
}

[data-orient="v"] [data-format="c"] .card-mini-bg{
    margin-top:32px;
}

[data-orient="v"] [data-format="c-pl"] .card-mini-bg{
    margin-top:22px;
}

[data-orient="h"] [data-format="c-po"] .card-mini-bg{
    margin-top:26px;
}

[data-orient="h"] [data-format="c"] .card-mini-bg{
    margin-top:17px;
}

[data-orient="h"] [data-format="c-pl"] .card-mini-bg{
    margin-top:17px;
}

[data-orient="h"] [data-format="g-pl"] .card-mini-bg{
    margin-top:10px;
}

[data-orient="s"] [data-format="c-po"] .card-mini-bg{
    margin-top:44px;
}

[data-orient="s"] [data-format="c"] .card-mini-bg{
    margin-top:32px;
}

[data-orient="s"] [data-format="c-pl"] .card-mini-bg{
    margin-top:22px;
}




[data-orient="v"] .mobile-menu-choix-format[data-type="format"][data-format="c-po"] .card-mini-bg{
    margin-top:15px;
}

[data-orient="v"] .mobile-menu-choix-format[data-type="format"][data-format="c"] .card-mini-bg{
    margin-top:10px;
}

[data-orient="v"] .mobile-menu-choix-format[data-type="format"][data-format="c-pl"] .card-mini-bg{
    margin-top:5px;
}


[data-orient="h"] .mobile-menu-choix-format[data-type="format"][data-format="c-po"] .card-mini-bg{
    margin-top:20px;
}

[data-orient="h"] .mobile-menu-choix-format[data-type="format"][data-format="c"] .card-mini-bg{
    margin-top:20px;
}

[data-orient="h"] .mobile-menu-choix-format[data-type="format"][data-format="c-pl"] .card-mini-bg{
    margin-top:20px;
}


[data-orient="s"] .mobile-menu-choix-format[data-type="format"][data-format="c-po"] .card-mini-bg{
    margin-top:15px;
}

[data-orient="s"] .mobile-menu-choix-format[data-type="format"][data-format="c"] .card-mini-bg{
    margin-top:10px;
}

[data-orient="s"] .mobile-menu-choix-format[data-type="format"][data-format="c-pl"] .card-mini-bg{
    margin-top:5px;
}


.mobile-menu-choix-format[data-type="coin"] .prevu-coin{
    margin-top:15px;
}

.mobile-menu-choix-format[data-type="papier"] .prevu-papier{
    margin-top: 15px;
}

.mobile-menu-choix-format[data-type="couleur"] .secondaire-list-color{
    margin-top:15px;
}


.card-mini-container, .card-mini-bg{
    margin-left: auto;
    margin-right: auto;
}



.title-zone-choix-format{
    margin-top:-10px;
    padding:10px;
    margin-left:-30px;
    margin-right:-30px;
    margin-bottom:10px
}





.legende-format-carte{
    margin-top:10px
}



.prevu-coin-arrondi,.prevu-coin-carre{
    width:40px;
    height:40px;
    position:relative;
    overflow: hidden;
    margin-left:auto; 
    margin-right:auto;
    border-top:3px solid #e0e0e0;
    border-right:3px solid #e0e0e0;
        border-bottom-left-radius: 50px;
}
.prevu-coin-arrondi{
    border-top-right-radius:20px;
}


.prevu-coin-arrondi div,.prevu-coin-carre div{
    position:absolute;
    overflow: hidden;
    z-index:10;
    top:0;
    left:0;
    bottom:0;
    right:0;
/*    background-image:-moz-linear-gradient(45deg, #fafafa 35%, transparent 67%);
    background-image:-webkit-linear-gradient(45deg, #fafafa 35%, transparent 67%);
    background-image:-o-linear-gradient(45deg, #fafafa 35%, transparent 67%);
    background-image:linear-gradient(45deg, #fafafa 35%, transparent 67%);*/
        border-bottom-left-radius: 33px;
}

.hover-choice-format{
    padding:5px;
    cursor: pointer;
}

.hover-choice-format:not(.is-selected-format):hover{
    background-color:#FAFAFA;
    border-radius:5px
}


.card-coin-arrondi{
    border-radius:20px;

}

.card-v-panier-format.card-coin-arrondi, .card-h-panier-format.card-coin-arrondi, .card-s-panier-format.card-coin-arrondi{
    border-radius:10px;
}

.card-v-natural-format.card-coin-arrondi.card-is-folded, .card-v-verso-natural-format.card-coin-arrondi.card-is-folded, .editor-text-card-normale.card-coin-arrondi.card-is-folded, .editor-text-card-geante.card-coin-arrondi.card-is-folded, .card-v-panier-format.card-coin-arrondi.card-is-folded,
.card-s-natural-format.card-coin-arrondi.card-is-folded, .card-s-verso-natural-format.card-coin-arrondi.card-is-folded, .editor-text-card-normale-s.card-coin-arrondi.card-is-folded, .editor-text-card-geante-s.card-coin-arrondi.card-is-folded, .card-s-panier-format.card-coin-arrondi.card-is-folded{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}

.card-h-natural-format.card-coin-arrondi.card-is-folded, .card-h-verso-natural-format.card-coin-arrondi.card-is-folded, .editor-text-card-normale-h.card-coin-arrondi.card-is-folded, .editor-text-card-geante-h.card-coin-arrondi.card-is-folded, .card-h-panier-format.card-coin-arrondi.card-is-folded{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}


.prevu-card-mains.card-is-folded[data-orient="v"]{
    background-image:url(/v2017/img/card-geante-pliee-v2.png);
    background-position-x: center;
}

.prevu-card-mains.card-is-folded[data-orient="h"]{
    background-image:url(/v2017/img/card-geante-pliee-h-v2.png);
    background-position-x: center;
}

.prevu-card-mains.card-is-folded[data-orient="s"]{
    background-image:url(/v2017/img/card-geante-pliee-s-v2.png);
    background-position-x: center;
}


.prevu-card-mains.card-coin-arrondi.card-is-folded[data-orient="v"]{
    background-image:url(/v2017/img/card-geante-pliee-v2-coin-rond.png);
    background-position-x: center;
}

.prevu-card-mains.card-coin-arrondi.card-is-folded[data-orient="h"]{
    background-image:url(/v2017/img/card-geante-pliee-h-v2-coin-rond.png);
    background-position-x: center;
}

.prevu-card-mains.card-coin-arrondi.card-is-folded[data-orient="s"]{
    background-image:url(/v2017/img/card-geante-pliee-s-v2-coin-rond.png);
    background-position-x: center;
}



.prevu-card-mains.is-active[data-orient="v"][data-format="c"]{
    background-image:url(/v2017/img/mains-card-classic-v2.png);
    background-position-x: center;
}
.prevu-card-mains.is-active[data-orient="h"][data-format="c"]{
    background-image:url(/v2017/img/mains-card-classic-h-v2.png);
    background-position-x: center;
}
.prevu-card-mains.is-active[data-orient="s"][data-format="c"]{
    background-image:url(/v2017/img/mains-card-classic-s-v2.png);
    background-position-x: center;
}

.prevu-card-mains.is-active[data-orient="v"][data-format="c-pl"]{
    background-image:url(/v2017/img/mains-card-pliee-v2.png);
    background-position-x: center;
}
.prevu-card-mains.is-active[data-orient="h"][data-format="c-pl"]{
    background-image:url(/v2017/img/mains-card-pliee-h-v2.png);
    background-position-x: center;
}
.prevu-card-mains.is-active[data-orient="s"][data-format="c-pl"]{
    background-image:url(/v2017/img/mains-card-pliee-s-v2.png);
    background-position-x: center;
}

.prevu-card-mains.is-active[data-orient="v"][data-format="c-po"]{
    background-image:url(/v2017/img/mains-card-postale-v2.png);
    background-position-x: center;
}
.prevu-card-mains.is-active[data-orient="h"][data-format="c-po"]{
    background-image:url(/v2017/img/mains-card-postale-h-v2.png);
    background-position-x: center;
}
.prevu-card-mains.is-active[data-orient="s"][data-format="c-po"]{
    background-image:url(/v2017/img/mains-card-postale-s-v2.png);
    background-position-x: center;
}

.prevu-card-mains.is-active[data-orient="v"][data-format="g-pl"]{
    background-image:url(/v2017/img/mains-card-geante-pliee-v2.png);
    background-position-x: center;
}
.prevu-card-mains.is-active[data-orient="h"][data-format="g-pl"]{
    background-image:url(/v2017/img/mains-card-geante-pliee-h-v2.png);
    background-position-x: center;
}
.prevu-card-mains.is-active[data-orient="s"][data-format="g-pl"]{
    background-image:url(/v2017/img/mains-card-geante-pliee-s-v2.png);
    background-position-x: center;
}



.prevu-card-mains.is-active.card-coin-arrondi[data-orient="v"][data-format="c-pl"]{
    background-image:url(/v2017/img/mains-card-pliee-v2-coin-rond.png);
    background-position-x: center;
}
.prevu-card-mains.is-active.card-coin-arrondi[data-orient="s"][data-format="c-pl"]{
    background-image:url(/v2017/img/mains-card-pliee-s-v2-coin-rond.png);
    background-position-x: center;
}

.prevu-card-mains.is-active.card-coin-arrondi[data-orient="v"][data-format="g-pl"]{
    background-image:url(/v2017/img/mains-card-geante-pliee-v2-coin-rond.png);
    background-position-x: center;
}

.prevu-card-mains.is-active.card-coin-arrondi[data-orient="s"][data-format="g-pl"]{
    background-image:url(/v2017/img/mains-card-geante-pliee-s-v2-coin-rond.png);
    background-position-x: center;
}

.hover-choice-couleur{
    cursor:pointer;
}

.price-total-carte{
    margin-left:auto;
    margin-right:auto
}


.mobile-menu-choix-format a{

    height:130px !important;
    padding:5px !important;
    border-radius: 10px 10px 0 0 !important;
    margin-bottom:0 !important;
}

.mobile-menu-choix-format{
    width:25%!important
}

.mmcs-mask{
    display:none;
    position:absolute;
    background-color:#fff;
    height:10px;
    left:0;
    right:0;
    z-index: 10;
    bottom: -6px;
}


.cc-banner .cc-message {
    -ms-flex: none!important;
    flex: none!important;
    margin-right: 10px!important;
}

.badge-quantite-lot{
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-weight: bold;
    font-size: 20px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 10px;
    padding: 0 5px 0 5px;
}


.btn-default{
    border-color: #4498E0;
    color: #4498E0;
}
.btn-default:hover{
    border-color: #3D88C9;
    color: #3D88C9;
}


.faq-courrier h2{
    margin: 0 0 35px;
    font-weight: 600;
    text-transform: uppercase;
}

.faq-courrier ul{
    padding:0px;
       list-style: none;
}
.faq-courrier li{
        padding: 40px 0;
        border-bottom: 1px solid #cfd2d6;
}





.timeline {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 0 32px;
  margin: 0;
  list-style: none;
  position:relative;
  overflow: hidden;
}
.timeline::before {
  position: absolute;
  top: 0;
  height: 100%;
  padding-right: 11px;
  border-right: 2px solid #4498E0;
  content: "";
}

.timeline__content{
    width:calc( 100% - 173px );
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin-top: -10px;
}

.timeline__item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 18px 0;
}
.timeline__step {
  padding-right: 32px;
}
.timeline__step__marker {
  position: relative;
  display: table-cell;
  height: 24px;
  min-height: 24px;
  width: 24px;
  min-width: 24px;
  border: 4px solid #F2F2F2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: white;
  z-index: 0;
}
.timeline__step__marker--red {
  border-color: #FF3467;
}
.timeline__step__marker--blue {
  border-color: #4498E0;
}
.timeline__step__marker--salmon {
  border-color: #F48A6D;
}
.timeline__step__marker--purple {
  border-color: #C178FA;
}
.timeline__step__marker--green {
  border-color: #00a838;
}
.timeline__step__marker--grey {
  border-color: #77777D;
  border-style: dashed;
  border-width: 2px;
  background-color: #f5f5f5
}
.timeline__time {
  padding-right: 15px;
      width: 117px;
}
.timeline__title {
  padding-bottom: 8px;
  font-weight: bold
}
.timeline__points {
  padding: 0;
  list-style: none;
  color: #77777D;
}

.timeline .timeline__item:first-child .timeline__step:before {
    position: absolute;
    top: 0;
    height:  26px;
    padding-right: 11px;
    border-right: 2px solid #F5F5F5;
    content: "";
}



.timeline .timeline__item:last-child .timeline__step .timeline__step__marker:before {
    position: absolute;
    top: 20px;
    height: 250px;
    padding-right: 7px;
    border-right: 2px solid #F5F5F5;
    content: "";
}

.timeline_card {
    height: 370px;
    overflow-y: auto;
}

.title-courrier-historique{
    height: 50px;
}

.zone-prevu-historique{
        min-height: 160px;
    }

/* For mobile!
 */
@media (max-width: 768px) {
    
    .zone-prevu-historique{
        min-height: auto;
    }
    
    .timeline_card {
    height: auto;
    overflow-y: auto;
}
    
  .timeline_card {
    max-width: 375px;
  }

  .timeline {
    padding: 0px;
  }
  .timeline::before,.timeline .timeline__item:first-child .timeline__step:before {
    padding-right: 6.28571px;
  }
  
  .timeline .timeline__item:last-child .timeline__step .timeline__step__marker:before {
    top: 12px;
    height: 400px;
    padding-right: 4px;
    border-right: 2px solid #F5F5F5;
}
  .timeline__item {
    padding: 20px 0;
  }
  .timeline__step {
    padding-right: 10px;
  }
  .timeline__step__marker {
    height: 13.71429px;
    min-height: 13.71429px;
    width: 13.71429px;
    min-width: 13.71429px;
    border-width: 2.28571px;
  }
  .timeline__time {
    padding-right: 15px;
      width: 100px;
  }
  .timeline__title {
    padding-bottom: 8px;
  }


.timeline__content{
    width:calc( 100% - 124px );
}
}



.modal-footer, .modal-header{
   border: 0px solid #fff;
}