/* Green: rgb(197, 217, 92) */
/* Blue : rgb(54, 118, 181) */

html,
body {
    height: 100%;
    max-width: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/*---------------Navbar------------*/

.navbar .logo {
    width: 328px;
    margin-top: -10px;
}

.left {
    left: 0;
    right: 0 !important;
}

.bloc-decal {
    margin-right: 2.5%;
}

@media (max-width: 992px) and (min-width: 768px) {
    .navbar .logo {
        width: 163px;
        margin-top: 10px;
    }

    .picto-list {
        margin-left: -60px !important;
        margin-top: 33px !important;
        height: 31px !important;
        width: 30px !important;
    }

    .list-fiche-title {
        font-size: 18px !important;
    }

    /*.pharma-title {*/
    /*font-size: 17px !important;*/
    /*}*/
}

@media (max-width: 767px) {
    .navbar-form {
        margin: -5px;
        border: none;
    }

    .picto-list {
        margin-left: -60px !important;
        margin-top: 33px !important;
        height: 31px !important;
        width: 30px !important;
    }

    .list-fiche-title {
        font-size: 18px !important;
    }

    .navbar .logo {
        width: 250px;
    }

    #fiches-table_wrapper {
        padding-bottom: 30px;
    }
}

.navbar-default {
    background-color: white;
    background-image: none;
    color: rgb(54, 118, 181);
}

.navbar-default .navbar-nav>li>a {
    color: rgb(54, 118, 181);
    /*smooth transition*/
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.navbar-default .navbar-nav>li>a:hover {
    color: rgb(197, 217, 92);
}

.navbar .search-button {
    background-color: rgb(197, 217, 92);
    background-image: none;
    text-shadow: none;
    color: white;
}

.form-control:focus {
    border-color: rgb(54, 118, 181);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(54, 118, 181, .6);
}

.btn-default:active:focus,
.btn-default:active:hover {
    background-color: rgb(197, 217, 92);
    background-image: none;
    color: rgb(54, 118, 181);
}


/*-----section 1------*/

.section1 {
    height: 100%;
    width: 100%;
    background: url("../img/home/bg-1.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.grey-over {
    background-color: rgba(120, 130, 130, .5);
    height: 75%;
    width: 100%;

    position: absolute;
    margin: auto;
    top: 51px;
    right: 0;
    bottom: 0;
    left: 0;

}

.content-section {
    height: 85%;
    width: 100%;

    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.section1 .logo {
    max-width: 300px;
}

.left-align {
    margin-left: 5%;
}

.width-65 {
    width: 65%;
}

.width-35 {
    width: 90%;
}

.width-40 {
    width: 100%;
}

.left-green {
    background-image: url("../img/home/left-green.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: right;
}

.croix-pharma {
    margin: 10px;
    margin-right: 20px;
}

.left-txt {
    display: inline-block;
    width: 75%;
}

.pictos-group {
    margin-left: 35%;
}

.picto-encart {
    width: 25px;
}

.fixed-bottom {
    position: absolute;
    bottom: 5px;
}

.block-left {
    width: 40%;
}

.text-block {
    margin-left: 10%;
}

.inscription {
    width: 15%;
    position: absolute;
    bottom: 20%;
    left: 50%;
}

.error_name, .sec_personneles #error-message, .sec_ouvrage #error-message{
    display: block;
    text-decoration: none !important;
    color: red;
}

.bloc-decal {
    margin-right: 2.5%;
}

.inscription .left-align {
    margin-left: 15px;
}

.inscription input {
    width: 90%;
}
.iban_page #error-message{
    margin-top: 10px;
}
.iban_page .form_container{
    padding:30px 69px 36px 66px !important;
}
@media screen and (max-width: 850px) {

    input#moreDescription {
        margin-top: 6px;
        margin-right: 10px;
    }
}

@media screen and (min-width: 500px) and (max-width: 766px) {
    input#moreDescription {
        margin-top: 2vh !important;
    }
}

div #both {
    display: inline-flex;
}

.btn-inscription {
    width: 100%;
    margin-top: 10px;
    border: none;
    background-image: url("../img/home/right-green.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
}


.btn-inscription:hover {
    color: black;
}

.right {
    width: 25%;
    position: absolute;
    right: 0px;
    top: 12%;
}

.right-menu {
    width: 100%;
    margin-top: 25px;
    border: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/home/side-menu-grad.jpeg");

    /*clip-path: polygon(0 0, 100% 0px, 100% 100%, 3% 100%);*/
    /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 44% 100%); */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-color: #3d77ad;
    /*max-width: 414px;*/
    /*height: 60px;*/
    /*margin-right: -14px;*/
    /*padding-left: 5px;*/

}

.right-menu-content {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    float: left;
    margin-top: 20px;
}

.right-menu h3 {
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 400;
}

.picto-patte {
    margin-top: 15px;
}

.picto-home {
    margin-left: -60px;
    height: 40px;
    width: 40px;
}

.logo-xs {
    margin-top: 25px;
}

.mrg-top-25 {
    margin-top: 25px;
}

.pad-top-60 {
    padding-top: 60px !important;
}

.pad-top--50 {
    padding-top: 0px !important;
}

.pad-bottom-20 {
    padding-bottom: 20px;
}

.pad-right-20 {
    padding-bottom: 20px;
}

.pad-bottom-80 {
    padding-bottom: 80px;
}

.pad-bottom-160 {
    padding-bottom: 160px !important;
}

.mrg-btn-25 {
    margin-bottom: 25px;
}

.mrg-row-r-0 {
    margin-right: 0px;
}

/*-----section 2------*/

.section2 {
    background-color: rgb(243, 247, 251);
    /*overflow:auto;*/
}

.marg-btm-25 {
    margin-bottom: 25px;
}

.marg-btm-50 {
    margin-bottom: 50px;
}

.marg-btm-10 {
    margin-bottom: 10px;
}

.marg-btm-60 {
    margin-bottom: -60px !important;
}

.marg-left-10 {
    margin-left: 10px;
}

.marg-right-10 {
    margin-right: 10px;
}

.marg-right-20 {
    margin-right: 20px;
}

.cards {
    margin-top: 25px;
    margin-bottom: 25px;
}

.card-white {
    background-color: white;
    box-shadow: 6px 7px 4px -3px rgba(97, 95, 97, 0.17);
    overflow: auto;
    margin: -10px;
    height: 350px;
    transition: all .2s ease-in-out;
}

.card {
    margin: 10px;
    margin-top: 30px;
}

.cards-img {
    width: 100%;
}

.card-home-info {
    padding: 50px 100px 0px 50px;
}

.modal-login {
    /*margin-left: 150px;*/
    margin-top: 140px;
    width: 320px;
    right: 50px;
    position: fixed;
}


.magazine-link {
    min-width: 320px;
    width: 100%;
    min-height: 320px;
    height: 100%;
}

.cards-img img {
    width: 100%;
    max-height: 50%;
    /*max-height: 174px;*/
}

.card-text {
    /*padding: 10px;*/
    padding-left: 0px;
}

.card-green-barre img {
    position: absolute;
    margin-top: -50px;
    margin-left: 10px;
}

.patte {
    margin: 0px;
    margin-top: -3px;
}

.icon-home-star {
    width: 50%;
    margin-top: 10px;
    margin-left: 25%;
}

.title-home-star {
    margin-left: 19%;
}

/*---Section 3----*/

.section3 {
    background-color: white;
    overflow: auto;
}

.formation li {
    margin-top: 15px;
}

.card-title {
    margin-left: 15px;
    margin-bottom: 15px;
}

.icon-fiche img {
    max-width: 13%;
}

.card-text li {
    padding-right: 0px;
}

.green-arrow li {
    list-style-image: url("../img/common/fleche-verte.png");
}

.blue-arrow li {
    list-style-image: url("../img/common/fleche-bleu.png");
}

/* section 4 */

.section4 {
    height: 100%;
    width: 100%;
    z-index: -100;
    background: url("../img/home/bg-2.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
}

.section4 .content {
    width: 80%;
    height: 40%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url("../img/home/bg-blue.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20%;
    padding-right: 10%;
}

.section4 .content h2 {
    margin-top: 10%;
}

.btn-vet {
    background-color: rgb(197, 217, 92);
    color: rgb(54, 118, 181);
    border: none;
    padding: 10px;
    font-size: 1.3em;
}

.btn-lire {
    margin-left: 85px;
    opacity: 0.9;
    font-weight: bold;
    /*height: 30px;*/
    /*padding: 5px 25px !important;*/
    border-radius: 6px;

    box-shadow: 0px 2px 2px 0px rgba(54, 118, 181, 0.8), 0px 2px 2px 0px rgba(255, 255, 255, 0.8) inset;
}

.menu-home-right {
    padding-bottom: 25px;
    display: block;
}

.btn-vet-blue {
    background-color: rgb(54, 118, 181);
    color: white;
    border: none;
    padding: 10px;
    font-size: 1.3em;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
}

.btn-vet-blue:hover, .contactCntTxt a:hover {
    color: rgb(197, 217, 92);
    text-decoration: none !important;
}

.btn-vet-sm {
    background-color: rgb(197, 217, 92);
    color: rgb(54, 118, 181);
    border: none;
    padding: 5px;
    font-size: 1em;
}

/* section 5*/
.footer {
    background-color: rgb(54, 118, 181);
    padding: 10px;
    /*position: fixed;*/
    /*bottom: 0;*/
    position: relative;
    bottom: -20px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99999999;
}

.footer p {
    margin-bottom: 0px;
}

/* -----general----- */

.see-more {
    position: absolute;
    margin-top: -34px;
    left: 50%;
    transform: translateX(-50%);
}

.see-more-text {
    color: rgb(197, 217, 92);
    font-weight: 500;
    margin: 0px 0px 0px 0px;
    text-shadow: rgba(0, 0, 0, .4) 0px 0px 2px;
}

.no-text-shadow {
    text-shadow: none;
}

.txt-white {
    color: white;
}

.txt-blue {
    color: rgb(54, 118, 181);
}

.txt-dark {
    color: #333;
}

.txt-green {
    /*color: rgb(197, 217, 92) !important;*/
    color: #a2b33a;
}

.bg-green {
    background-color: rgb(197, 217, 92);
    color: rgb(54, 118, 181);
}

.navmarg {
    margin-top: 50px;
    margin-bottom: 20px;
}

/* page connection*/

.connection {
    margin-top: -40px;
    height: 100%;
    width: 100%;
    background: url("../img/home/bg-connect.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: auto;
}

.connection .content {
    width: 95%;
    /*height: 40%;*/
    margin-top: 25%;
    margin-left: 5%;
    background: url("../img/home/bg-blue.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25%;
    padding-right: 15%;
}

.connection .content h4 {
    padding-top: 20px;
}

/* partenaire */

.section {
    width: 100%;
    min-height: 100%;
    margin-top: -40px;
}

.section h2 {
    margin-top: 100px;
}

/* validation */

.validation {
    margin-top: -40px;
    height: 100%;
    width: 100%;
    background: url("../img/home/bg-valid.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: auto;
}

.validation .content {
    width: 95%;
    height: 50%;
    margin-top: 25%;
    margin-left: 5%;
    background: url("../img/home/bg-blue.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25%;
    padding-right: 15%;
}

.validation .content h3 {
    padding-top: 50px;
}

.validation .content button {
    margin-top: 25px;
}

/*  inscription  */

.register {
    overflow: auto;
}

.reg-1 {
    margin-top: 100px;
}

.reg-2 {
    margin-top: 50px;
}

.register .green-header {
    width: 80%;
    background: url("../img/home/header-register-green.png") no-repeat center center;
    /*height: 60px;*/
    position: absolute;
    margin-top: -25px;
    left: 0px;
    height: 12%;
    /*50px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-left: 10%;
    padding-right: 10%;
}

.register .green-header-100 {
    width: 100%;
    background: url("../img/home/header-register-green.png") no-repeat center center;
    /*height: 60px;*/
    position: absolute;
    margin-top: -25px;
    left: 0px;
    height: 10%;
    /*50px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding-left: 10%;
    padding-right: 10%;
}


.page_unique-header {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    border: 2px solid #337ab7;
    padding-left: 60px;
}

.page_unique-header a {
    color: #333;
}

.page_unique-header h4 {
    font-weight: bold;
}

.page_unique-img {
    background-color: rgba(102, 102, 102, 0.2);
}

.page_unique-title {
    top: 35px;
    margin-bottom: 40px;
}

.register .blue-header {
    width: 80%;
    /*height: 60px;*/
    height: 50px;
    position: absolute;
    margin-top: -25px;
    right: 0px;
    background: url("../img/home/header-register-blue.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 10%;
    padding-right: 10%;
}

.register .green-header h3,
.register .blue-header h3 {
    /* margin: 10px;*/
}

.register .content {
    margin-top: 50px;
}

.bold p {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.inline {
    display: inline;
}

.marg-left-50 {
    margin-left: 50px;
}

.marg-btm-20 {
    margin-bottom: 20px;
}

.marg-btm--50 {
    margin-bottom: -50px;
}

.marg-top-60 {
    margin-top: 60px;
}

.marg-top-40 {
    margin-top: 40px;
}

.marg-top-15 {
    margin-top: 15px;
}

.marg-top-25 {
    margin-top: 25px;
}

.no-pad-left {
    padding-left: 0px;
}

.no-pad {
    padding: 0px !important;
}

.custom-input {
    display: none;
}

.custom-navbar {
    background-color: #3676B5;
}

.fullwidth-nav li {
    margin-top: 10px;
}

.fullwidth-nav a {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.custom-nav a {
    font-size: 12px;
}

.navbar-default .navbar-nav>li>a {
    color: rgb(54, 118, 181);
}

.custom-label {
    margin-left: 20px !important;
}

.parag-dossier {
    padding-right: 15px;
    padding-left: 15px;
}

#dog+label {
    background: url("../img/home/icon/icon-chien.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#dog:checked+label,
#dog+label:hover {
    background: url("../img/home/icon/icon-chien-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#cat+label {
    background: url("../img/home/icon/icon-chat.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#cat:checked+label,
#cat+label:hover {
    background: url("../img/home/icon/icon-chat-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#rabbit+label {
    background: url("../img/home/icon/icon-lapin.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#rabbit:checked+label,
#rabbit+label:hover {
    background: url("../img/home/icon/icon-lapin-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#horse+label {
    background: url("../img/home/icon/icon-cheval.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#horse:checked+label,
#horse+label:hover {
    background: url("../img/home/icon/icon-cheval-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}


#cattle+label {
    background: url("../img/home/icon/icon-bovin.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#cattle:checked+label,
#cattle+label:hover {
    background: url("../img/home/icon/icon-bovin-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}


#ovin+label {
    background: url("../img/home/icon/icon-ovin.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#ovin:checked+label,
#ovin+label:hover {
    background: url("../img/home/icon/icon-ovin-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}


#barnyard+label {
    background: url("../img/home/icon/icon-poule.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#barnyard:checked+label,
#barnyard+label:hover {
    background: url("../img/home/icon/icon-poule-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#pig+label {
    background: url("../img/home/icon/icon-porc.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#pig:checked+label,
#pig+label:hover {
    background: url("../img/home/icon/icon-porc-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#nak+label {
    background: url("../img/home/icon/icon-nak.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#nak:checked+label,
#nak+label:hover {
    background: url("../img/home/icon/icon-nak-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#others+label {
    background: url("../img/home/icon/icon-autres.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#others:checked+label,
#others+label:hover {
    background: url("../img/home/icon/icon-autres-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
}

textarea {
    resize: vertical;
}

.notifyjs-corner {
    top: 55px !important;
}

/*admin*/

.main-wrap {
    min-height: 100%;
    height: auto !important;
    overflow: auto;
    padding-bottom: 20px;
    max-width: 100%;
    overflow-x: hidden;
    margin-top: 30px;
}

/* carousel */
#quote-carousel {
    padding: 0 0 30px 10px;
    /*margin-top: 30px;*/
}

/* Control buttons  */
#quote-carousel .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 120px;
}

/* Previous button  */
#quote-carousel .carousel-control.left i {
    margin-left: -50px;
    margin-top: 80px;
    color: #3676B5;
}

/* Next button  */
#quote-carousel .carousel-control.right i {
    color: #3676B5;
    margin-left: 140px;
    margin-top: 25px;
}

/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
    /*right: 50%;*/
    /*bottom: 0px;*/
    /*margin-right: -19px;*/
    /*top: 245px;*/
    /*!*left: 700px;*!*/
    /*left: 50%;*/
    /*z-index: 15;*/
    /*width: 100%;*/
    /*padding-left: 0;*/
    /*text-align: center;*/
    /*max-width: 165px;*/
    /*margin-left: 263px;*/
}

.carousel-overide {}

/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
    background-color: #3676B5;
    opacity: 0.7;
    width: 20px;
    height: 20px;
}

#quote-carousel .carousel-indicators .active {
    opacity: 1;
}

#quote-carousel img {
    width: 330px;
    height: 100%;
}

.testslider_3#quote-carousel img {
    width: 330px;
    /*width: 100%;*/
    /*height: 100%*/
}

/* carousel */
#quote-carousel-2 {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

/* Control buttons  */
#quote-carousel-2 .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 120px;
}

/* Previous button  */
#quote-carousel-2 .carousel-control.left i {
    margin-left: 10px;
    margin-top: 60px;
    color: #3676B5;
}

/* Next button  */
#quote-carousel-2 .carousel-control.right i {
    color: #3676B5;
    margin-left: 35px;

}

/* Changes the position of the indicators */
#quote-carousel-2 .carousel-indicators {
    /*right: 50%;*/
    /*!*top: auto;*!*/
    /*bottom: 0px;*/
    /*margin-right: -19px;*/
    /*top: 245px;*/
    /*left: 700px;*/
}

/* Changes the color of the indicators */
#quote-carousel-2 .carousel-indicators li {
    background-color: #3676B5;
    opacity: 0.7;
    width: 20px;
    height: 20px;
}

#quote-carousel-2 .carousel-indicators .active {
    opacity: 1;

}

#quote-carousel-2 img {
    width: 330px;
    height: 100%;
}

/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.sabonne {
    border: 2px solid #3676B5;
    border-radius: 5px 5px;
    /*margin-left: -15px;*/
    /*margin-top: 28px;*/
    margin-left: -20px;
    margin-top: 37px;
}


.sabonne img {
    height: 33px;
    width: 33px;
}

.title-abonne-nonco {
    margin-left: 60px;
    padding-top: 12px;
    font-weight: bold;
}

.border-slider {
    border: 8px solid #3676B5;
    border-radius: 12px;
}

.fade {
    /*background: linear-gradient(to bottom, rgba($bg-color,0) 0%,rgba($bg-color,1) 75%);*/
    /*height: 100px;*/
    /* margin-top: -75px;*/
    /*position: relative;*/
}


.img-slider {
    max-height: 290px;
    min-height: 250px;
    max-width: 90%;
    padding-bottom: 20px;
}

.slider-title-white {
    color: white;
    padding-left: 10px;
    padding-right: 20px;
    font-weight: bold;
}

.slider-title-green {
    color: rgb(197, 217, 92);
    padding-left: 10px;
    padding-right: 20px;
    font-weight: bold;
}

.slider-content {
    padding-left: 10px;
    padding-right: 20px;
    line-height: 19px;
}

.slider-caption {
    background-color: #3676B5;
    position: absolute;
    /*top: 279px;*/
    top: 282px;
    color: #fff;
    padding: 0px 30px;
    font-weight: bold;
    height: 120px;
    opacity: 0.9;
    z-index: 9999;
    ;
}

.img-product {
    /*max-height: 350px;*/
    /*min-height: 250px;*/
    /*max-width: 100%;*/
    /* max-height: 200px;*/
    max-width: 100%;
    background-color: white;
}

.img-pub {
    max-height: 200px;
    max-width: 100%;
}

.sub-menu {
 /* //   position: inherit;
    margin-left: 30%;
    margin-top: -5px;
    border: none;
    background-color: rgb(197, 217, 92); */
}

.no-marg {
    margin: 0px 0px 0px 0px;
}

.vet-table>tbody>tr>td,
.vet-table>tbody>tr>th,
.vet-table>tfoot>tr>td,
.vet-table>tfoot>tr>th,
.vet-table>thead>tr>td,
.vet-table>thead>tr>th {
    border: none;
    text-align: center;
}

.vet-table-head {
    background-color: rgb(197, 217, 92) !important;
}

.vet-table-head>th {
    color: rgb(54, 118, 181);
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgb(232, 241, 249);
}

.bg-blue {
    background-color: rgb(232, 241, 249);
}

.bg-white {
    background-color: white;
}

.bg-dark-blue {
    background-color: rgb(54, 118, 181)
}

.bg-dark-blue-light {
    background-color: rgba(54, 118, 181, 0.8);
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-top-10 {
    padding-top: 10px;
}

.pad-top-25 {
    padding-top: 25px;
}

.bg-admin {
    background-color: #CFECFF;
}

/* connected page */

.connected-header {
    overflow: auto;
    margin-bottom: 15px;
}

.connected-header .header-logo {
    max-width: 20%;
}

.connected-header .text-center {
    margin-top: 120px;
    padding: 20px;
    width: 200px;
}

.connected-home {
    padding-top: 30px;
}

.connected-home img {
    width: 50px;
}

.connected-home h3 {
    margin-top: 13px;
    margin-left: 10px;
}

.connected-home-item:hover .grow {
    transform: scale(1.1);
}

.connected-container {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 15px;
}

.connected-home-item {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: white;
}


a:hover h1.txt-blue,
a:focus h1.txt-blue,
a:hover h2.txt-blue,
a:focus h2.txt-blue,
a:hover h3.txt-blue,
a:focus h3.txt-blue,
a:hover h4.txt-blue,
a:focus h4.txt-blue {
    color: rgb(197, 217, 92);
    text-decoration: none !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

a.no-fade:hover h1.txt-blue,
a.no-fade:focus h1.txt-blue,
a.no-fade:hover h2.no-fade.txt-blue,
a.no-fade:focus h2.txt-blue,
a.no-fade:hover h3.txt-blue,
a.no-fade:focus h3.txt-blue,
a.no-fade:hover h4.txt-blue,
a.no-fade:focus h4.txt-blue {
    color: rgb(54, 118, 181);
    text-decoration: none !important;
    -o-transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s;
}

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

/*css animation*/
.grow {
    transition: all .2s ease-in-out;
}

.grow:hover {
    transform: scale(1.1);
}


.slide-menu {
    width: calc(100% + 30px);
    transition: all .2s ease-in-out;
}

.slide-menu:hover {
    transform: translate(-30px, 0px);
}

.card-white:hover {
    box-shadow: 6px 7px 20px -3px rgba(97, 95, 97, 0.17);
    margin: -15px;
}

.fiche-content {
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.fiche-content h1 {
    color: rgb(54, 118, 181) !important;
    font-size: 18px;
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.fiche-content h2 {
    color: rgb(54, 118, 181);
    font-size: 14px;
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.fiche-content p {
    font-size: 15px !important;
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.fiche-icon {
    height: 120px;
    transition: all .2s ease-in-out;
}

.fiche-icon:hover {
    transform: scale(1.1);
    transform: translate(-10, 0);
}

/* tiny mce */
/* .MsoNormal span {
    font-size: 12px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
} */

/*relateds*/

.related-content {
    padding-right: 15px;
    padding-left: 15px;

}

.related-content p {
    line-height: 14px;
}

.related-monthstar-ouvrage p:not(:first-child) {
    line-height: 6px !important;
}

.related-monthstar-ouvrage span:not(:first-child) {
    line-height: 6px !important;
}

.related-content span {
    line-height: 14px;
}

.related-separator {
    border-bottom: 1px solid grey;
}

.img-month-star {
    width: 70%;
    min-height: 230px;
    height: 70%;
    min-width: 210px;
}

.content-around {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 5px;
}

.related-item {
    padding: 15px;
    background: #fff;
    margin-top: 20px;
    position: relative;
    border: 1px solid antiquewhite;
    border-radius: 5px 5px;
    width: 120%;
    height: 120%;
}

.related-item:hover {
    box-shadow: 5px 5px rgba(234, 234, 234, 0.9);
}

.related-item h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
}

.related-item:hover>.related-img-wrapper>div {
    display: block;
}

.related-item .btn:hover {
    background: #e84d1c;
    border-color: #c8c8c8;
}

.related-img-wrapper div .btn {
    padding: 3px 10px;
    color: #fff;
    border: 1px #fff solid;
    margin: -13px 5px 0;
    background: transparent;
    text-transform: uppercase;
    position: relative;
    top: 50%;
    line-height: 1.4;
    font-size: 12px;
}

.related-img-wrapper {
    position: relative;
}

.related-img-wrapper div {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
}

.related-img {
    height: 160px;
    min-height: 74px;
    object-fit: contain;
}

.content-around {
    padding-right: 15px;
    padding-left: 15px;
}

.content-around:first-child {
    margin-top: -10px !important;
}

/*FAVOURITE FICHE*/

.click button {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
}

.related-post {
    font-size: 10px;
    margin-top: -5px;
}

.post-left p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.span-icon:hover {
    opacity: 0.8;
}

.span-icon:active {
    transform: scale(0.93, 0.93) translateY(2px)
}

.ring,
.ring2 {
    opacity: 0;
    background: grey;
    width: 1px;
    height: 1px;
    position: absolute;
    top: 19px;
    left: 18px;
    border-radius: 50%;
    cursor: pointer;
}

.active-2 .ring {
    width: 58px;
    height: 58px;
    top: -10px;
    left: -10px;
    position: absolute;
    border-radius: 50%;
    opacity: 1;
}

.active-2 .ring2 {
    background: #fff;
}

.active-3 .ring2 {
    width: 60px;
    height: 60px;
    top: -11px;
    left: -11px;
    position: absolute;
    border-radius: 50%;
    opacity: 1;
}

.info {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    color: grey;
    position: relative;
    top: 30px;
    left: -46px;
    opacity: 0;
    transition: all 0.3s ease;
}

.info-tog {
    position: relative;
    top: 45px;
    opacity: 1;
}

.connectez-vous {
    font-size: 1vw;
    background-color: rgb(197, 217, 92);
    border-radius: 21px 21px;
    padding: 8px 70px;
    margin-top: 20px;
}

.lire-suite {
    color: #337ab7;
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.inscrivez-vous {
    margin-top: 40px;
    text-align: center;
}

.inscrivez-vous a {
    background-color: #337ab7;
    font-size: 1vw;
    border-radius: 21px 21px;
    padding: 8px 70px;
    color: #333;
}

.banner {
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 970px;
    width: 100%;
}

.list-banner {
    margin-bottom: 10px;
    margin-top: 50px;
    max-width: 100%;
    width: 100% !important;
}

.fiche-banner {
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 468px;
    width: 100%;
}

.unique-metadata {
    margin-top: 25px;
}

.a-not-allowed {
    cursor: not-allowed;
}

.home-title {
    background-color: #C5D95C;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 15%;
}

.home-title-blue {
    color: rgb(54, 118, 181);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: bold;
    margin-bottom: -20px;
}

.home-headline {
    margin-top: 0px;
    margin-bottom: 0px;
}

.slider-text,
.slider-text>p,
.slider-text>p span,
.slider-text>span,
.slider-text>h2,
.slider-text>h1 {
    font-size: 14px !important;
}

/*bootstrap carousel*/

body {
    padding-top: 50px;
}

#myCarousel .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    text-shadow: none;
}

.carousel-size {
    height: 140px;
}

#myCarousel .list-group {
    position: absolute;
    top: 0;
    right: 0;
}

#myCarousel .list-group-item {
    border-radius: 0px;
    cursor: pointer;
}

#myCarousel .list-group .active {
    background-color: #eee;
}


@media (min-width: 992px) {
    #myCarousel {
        padding-right: 33.3333%;
    }

    /*#myCarousel .carousel-controls {*/
    /*display: none;*/
    /*}*/
}

@media (min-width: 992px) and (max-width: 1350px) {
    .right-menu-content {
        font-size: 14px;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    .list-fiche-title {
        margin-bottom: 50px;
    }

}

@media (max-width: 687px) {
    .padding-list {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #fiches-table_wrapper {
        min-height: .01%;
        overflow-x: auto;
        padding-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 780px) {
    .right-menu-content {
        font-size: 10px;
    }
}

@media (max-width: 991px) {

    /*.carousel-caption p,*/
    /*#myCarousel .list-group {*/
    /*display: none;*/
    /*}*/
    .right-menu-content {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 9px;
        float: left;
        margin-top: -25px;
        margin-left: 65px;
    }

    .monthstar-home-content {
        max-height: 35px;
        overflow: hidden;
    }
}

.carousel .item {
    height: 400px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    /*min-height: 282px;*/
}

#myCarousel .active {
    color: #C5D95C;
}

.magazine-bloc {
    border: 4px solid gray;
    border-radius: 11px;
}

.headline-title {
    background: #C5D95C;
    color: #3676B5;
    margin-left: 16px;
    padding: 8px;
}

.text-bloc-month {
    font-size: 10px;
    line-height: 14px;
}

.monthstar-img-list {
    max-width: 180px;
    width: 100%;
}

.search-bar {
    max-width: 140px;
    width: 100%;
}

.produit-presentation p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

/*offres d'abonnement*/

.img-offre {
    max-width: 40%;
    float: left;
    margin-right: 15px;
    padding-bottom: 10px;
}

@media (max-width: 480px) {
    .img-offre {
        max-width: 100%;
        float: none;
    }
}

.title-offre {
    background: #3676B5;
    color: #C5D95C;
    padding: 12px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
}

.title-abonnement {
    background: #C5D95C;
    color: #3676B5;
    padding: 12px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
}

.bloc-offre {
    border: 1px solid gray;
    border-radius: 7px;
}

.link-offre {
    padding: 10px 10px;
    margin-bottom: 10px;
}

.li-offre-green {
    background: #C5D95C;
    color: #3676B5;
    padding: 12px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
}

.li-offre-blue {
    background: #3676B5;
    color: #C5D95C;
    padding: 12px 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;

}

.li-offre-blue a {
    color: #fff;
}

.navbar-custom {
    font-size: 12px;
}

.preventClick {
    pointer-events: none;
}

.border-connexion:not(:last-child) {
    border-right: 1px solid #C5D95C;
}

.home-separator {
    margin-top: -15px;
}

.home-separator hr {
    margin: 30px -20px 20px;
    border: 0;
    margin-top: 40px;
    border-top: 1px solid #3d77ad;
}

.home-separator img {
    border-radius: 50%;
    background-color: #3d77ad;
    width: 60px;
    height: 60px;
    margin-top: -50px
}

.home-separator p {
    color: #3d77ad;
    font-weight: bold;
}

.subscription {
    float: right;
}

.subscription button {
    /*float: right;*/
    /*width: 20px;*/
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    /*margin-top: 5px;*/
    font-weight: bold;
    /*margin-right: 38px;*/
}

.subscription-email {
    width: 100%;
    max-width: 280px;
    float: left;
}

.subscription label {
    width: 100%;
    max-width: 280px;
    font-size: 14px;
}

.subscription-label-bloc {
    margin-top: -14px;

}

.subscription-read-more {
    border: none;
    clip-path: polygon(0 0, 100% 0px, 100% 100%, 3% 100%);
    /*-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 44% 100%);*/

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #3d77ad;
    max-width: 414px;
    height: 60px;
    margin-right: -14px;
    padding-left: 5px;
}

.subscription {
    margin-top: 41px;
    border: none;
    clip-path: polygon(0 0, 100% 0px, 100% 100%, 3% 100%);
    /*-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 44% 100%);*/

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #3d77ad;
    max-width: 414px;
    height: 70px;
    margin-right: -14px;
    padding-left: 5px;
    /*width: 100%;*/
}

.home-picto {
    border-radius: 50%;
    background-color: #3d77ad;
    width: 90px !important;
    height: 90px;
    padding: 10px 10px;
    box-shadow: 3px 2px 4px 2px;
}

.carousel2 {
    background: #2f4357;
    margin-top: 20px;
}

.carousel2 .item {
    min-height: 280px;
    /* Prevent carousel from being distorted if for some reason image doesn't load */
}

.carousel2 .item img {
    margin: 0 auto;
    /* Align slide image horizontally center */
}

.bs-example {
    margin: 20px;
}


.sabonner-list li {
    border: 0px;
    padding: 0 0;
    /*margin-top: 20px;*/
    margin-top: -3px;
}

.modal-content-login {
    background-color: rgba(197, 217, 92, 0.8);
}

#magazineModal .modal {
    top: 0;
    /*right: 3%;*/
    /*left: 3%;*/
    /*width: auto;*/
    /*height: auto;*/
    /*margin: 0;*/
    right: 0;
    position: fixed;
    margin: 0;
    /*min-height: 200px;*/
    height: 100vh;
    z-index: 99999999999999999999999999;
    padding-top: 50px;
}

#load-modal-doc {
    width: 500px;
    position: fixed;
}

#load-modal {
    margin-left: 100px;
    margin-top: 44px;
    width: 420px;
    position: fixed;
}

@media (max-width: 767px) {
    #magazineModal .modal {
        max-height: calc(100vh - 80px) !important;
        overflow-y: auto !important;
    }

    #load-modal {
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: 100% !important;
        position: fixed;
    }

    #load-modal-doc {
        width: 100% !important;
    }

    .subscription label {
        font-size: 8px;
    }

    /*.xs-popup {*/
    /*margin: 0 auto;*/
    /*z-index: 999999999;*/
    /*min-height: 400px !important;*/
    /*}*/
    /*.modal-content{*/
    /*margin: 0 auto;*/
    /*z-index: 999999999;*/
    /*min-height: 400px !important;*/
    /*}*/
    .list-fiche-title {
        margin-left: 21px !important;
        font-size: 12px !important;
        padding-top: 21px !important;
    }

    .picto-list {}

    #navbar-veto {
        height: 100vh !important;
    }

    .modal {
        top: 0 !important;
        /*right: 3%;*/
        /*left: 3%;*/
        /*width: auto;*/
        /*height: auto;*/
        /*margin: 0;*/
        right: 0 !important;
        position: fixed !important;
        margin: 0 !important;
        /*min-height: 200px;*/
        height: 100vh !important;
        z-index: 99999999999999999999999999 !important;
        padding-top: 50px !important;
    }

    .modal-content {
        height: 100vh !important;
    }

    .modal-login {
        right: 0 !important;
        position: fixed !important;
        margin: 0 !important;
        height: 100vh !important;
        z-index: 99999999999999999999999999 !important;
        padding-top: 20px !important;
    }

    .modal-body {
        right: 0 !important;
        /*position: fixed !important;*/
        margin: 0 !important;
        height: 100vh !important;
        z-index: 99999999999999999999999999 !important;
        /*padding-top: 20px !important;*/
    }

    .sabonner-list li {
        font-size: 18px;
    }

    .slider-tablette {
        margin-bottom: 155px;
    }

    .sabonne {

        margin-left: 40px;
    }

    .img-month-star {
        width: 100%;
        min-height: inherit;
        height: auto;
        min-width: inherit;
    }

    #quote-carousel .carousel-control.right i {
        margin-left: 70px;
    }

    .btn-vet {
        white-space: inherit;
    }

    .container.pad-top-60 {
        padding-top: 10px !important;
    }

    .single-relavent-post.row.align-items-center>section>.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .main-wrap .container>.container {
        padding: 0;
    }

    #paymentModal .modal-content,
    #paymentModal .modal-body,  #paymentModalDoc .modal-content,
    #paymentModalDoc .modal-body{
        height: auto !important;
    }

    #paymentModal .modal-dialog .modal-content, #paymentModalDoc .modal-dialog .modal-content{
        margin-top: 0 !important;
    }
}

@media (max-width: 330px) {
    .picto-list {
        margin-left: -46px !important;
        margin-top: 36px !important;
        height: 19px !important;
        width: 19px !important;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .subscription label {
        font-size: 8px;
    }

    .sabonner-list li {
        font-size: 10px;
    }

    /*.bloc-pharmaciens {*/
    /*display: none;*/
    /*}*/
    /*.carousel-indicators {*/
    /*display: none;*/
    /*}*/
    #navbar-veto ul li a {
        font-size: 8px;
    }

    #navbar-veto .fullwidth-nav>li>a {
        padding: 15px 6px;
        font-size: 10px;
    }

    #quote-carousel .carousel-control.right i {
        margin-left: 70px;
    }

    .img-month-star {
        width: 100%;
        min-height: 230px;
        height: 70%;
        min-width: 210px;
    }

}

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

    /*.fullwidth-nav li a {
        font-size: 6px !important;
    }*/
    #navbar-veto .fullwidth-nav>li>a {
        padding: 15px 7px;
        font-size: 8px !important;
    }

    .fullwidth-nav .img-circle {
        height: 20px !important;
    }
}

@media (min-width: 768px) and (max-width: 834px) {
    .card-bloc-month {
        min-height: 350px !important;
    }

    .pharma-title {
        font-size: 12px !important;
    }

    .bloc-pharma-img-2 {
        width: 25px !important;
        float: left;
    }

    .bloc-pharma-img-3 {
        width: 30px !important;
        float: left;
    }

    .bloc-pharma-img-1 {
        width: 30px !important;
        float: left;
    }

}

@media (min-width: 1160px) and (max-width: 1200px) {
    .sidebar-box {
        max-height: 115px !important;
    }
}

@media (min-width: 1201px) and (max-width: 1350px) {
    .sidebar-box {
        max-height: 80px !important;
    }
}

@media (min-width: 992px) and (max-width: 1159px) {
    .sidebar-box {
        max-height: 90px !important;
    }
}


@media (min-width: 835px) and (max-width: 991px) {
    .card-bloc-month {
        min-height: 430px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .subscription label {
        font-size: 11px;
    }

    .navbar .logo {
        /*width: 250px;*/
        width: 240px;
        margin-top: 5px;
    }

    .fullwidth-nav li a {
        font-size: 10px;
    }

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

    .sabonner-list li {
        font-size: 13px;
    }

    .fullwidth-nav ul:not(:nth-child(7)):not(:last-child) {
        margin-top: 20px;
    }

    /*.carousel-indicators {*/
    /*display: none;*/
    /*}*/
}

@media (min-width: 1199px) {
    .sabonner-list li {
        font-size: 14px;
    }

    /*.navbar .logo {*/
    /*width: 240px;*/
    /*}*/
}

@media (max-width: 991px) {
    .sidebar-box-connected .read-more a {
        margin-left: 0 !important;
        padding: 8px 25px !important;
        min-width: 100px;
    }

}

.bloc-pharmaciens {
    margin-left: -25px;
    margin-bottom: -70px;

    margin-top: -7px;
}

.pharma-title {
    font-size: 16px;
}

.bloc-pharma-img-1,
.bloc-pharma-img-3 {
    width: 40px;
    float: left;
    /*margin-left: 10px;*/
}

.bloc-pharma-img-2 {
    width: 30px;
    float: left;
    /*margin-left: 10px;*/
}

/*here*/

.lib-panel {
    margin-bottom: 20Px;
}

.lib-panel img {
    width: 100%;
    background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
    padding: 0;
    background-color: #FFFFFF;
}


.lib-panel .lib-row {
    padding: 0 20px 0 20px;
}

.lib-panel .lib-row.lib-header {
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 10px 20px 0 20px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #d9d9d9;
    margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
    position: relative;
    height: 100%;
    display: block;
    font-size: 13px;
}

.lib-panel .lib-row.lib-desc a {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}

.row-margin-bottom {
    margin-bottom: 20px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
}

/* team */
.img-quadrata {
    /*border-radius: 50%;*/
    /*width: 65px !important;*/
    /*height: 65px !important;*/
    /*box-shadow: 0 1px 2px #000, 8px 8px 9px #666, inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 2px 2px 2px rgba(255, 255, 255, 0.8);*/
    width: 65px !important;
    height: 65px !important;
}

.services-area small {
    padding: 12px 6px;
    display: block;

    text-align: left;
}

.reco-border:not(:last-child) {
    border-bottom: 1px solid #3d77ad;
}

.slider-overlay {
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*background-color: black;*/
    /*opacity: 0.5;*/
    /*filter: blur(10px);*/
    /*-webkit-filter: blur(10px);*/
    /*-moz-filter: blur(10px);*/
    /*-o-filter: blur(10px);*/
    /*-ms-filter: blur(10px);*/
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='10' /></filter></svg>#svgMask");*/

    /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');*/
    /*-webkit-filter: url(#blur-filter);*/
    /*filter: url(#blur-filter);*/
    /*-webkit-filter: blur(3px);*/
    /*filter: blur(3px);*/

    /*height: 430px;*/

    /*width: 150px;*/

    /*background-position: center right;*/
    /*-webkit-filter: blur(3px);*/
    /*-moz-filter: blur(3px);*/
    /*-o-filter: blur(3px);*/
    /*-ms-filter: blur(3px);*/
    /*float: right;*/
    /*margin-right: -1px;*/
    /*filter: blur(5px);*/
    /*height: 100%;*/
    /*width: 200px;*/
}

.sidebar-box {
    max-height: 80px;
    position: relative;
    overflow: hidden;
}

.sidebar-box-connected {
    /*max-height: 120px;*/

    position: relative;

    overflow: hidden;

    max-height: 380px;

    min-height: 370px;
}

.sidebar-box-connected .read-more {
    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    text-align: inherit;

    margin: 0;

    padding: 10px 70px;

    background-image: linear-gradient(to bottom, transparent, white);
}

.sidebar-box .read-more {
    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    text-align: inherit;

    margin: 0;

    padding: 10px 70px;

    background-image: linear-gradient(to bottom, transparent, white);
}

.modal-open .modal-backdrop {
    /*background-color: transparent;*/
}


/*//page pdf*/

.pdf-nav {
    margin-bottom: 5px;
    text-align: center;
}

.pdf-prev {
    margin-right: 10px;
}

.pdf-next {
    margin-left: 10px;
}

.page-input {
    text-align: center;
    width: 35px;
}

.pdf-pager {
    height: 650px;
    width: 420px;
}

/* DEMO ONLY */
#callback-notes {
    position: absolute;
    left: 475px;
    top: 800px;
}

.confirmation-modal {
    /*position: inherit;*/
    /*margin: -840px;*/
    height: inherit;
    margin-top: 10%;
}

.btn-bevel {
    display: inline-block;
    text-shadow: 0 0 2px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, .4), inset 0 0 3px 0 rgba(0, 0, 0, .4), inset 0 0 3px 5px rgba(0, 0, 0, .05), 2px 2px 4px 0 rgba(0, 0, 0, .25);
    border-radius: 4px;
    padding: 8px 41px;
    font-size: 15px;
    line-height: 15px;
    position: relative;
    font-weight: bold;
    color: white;
    /*opacity: 0.8;*/

}

.btn-bevel.blue {
    background: #3d77ad;
}

.btn-bevel:before,
.button:after {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    right: 2px;
    height: 3px;
}

.btn-bevel:before {
    top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: rgba(255, 255, 255, .6);
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .6);
}

.btn-bevel:after {
    bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /*background: rgba(0,0,0,.15);*/
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .15);
}

.btn-bevel:hover {
    color: rgb(197, 217, 92);
    text-decoration: none !important;
}


.monthstar-home-content {
    max-height: 218px;

    overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1301px) {
    .read-more {

        position: absolute;
        bottom: 0;

        left: 0;

        width: 100%;

        text-align: inherit;

        margin: 0;

        padding: 10px 30px !important;

        background-image: linear-gradient(to bottom, transparent, white);
    }
}


@media (max-width: 767px) {
    /*.xs-popup {*/
    /*margin: 0 auto;*/
    /*z-index: 999999999;*/
    /*min-height: 400px;*/
    /*}*/
    /*.modal-content{*/
    /*margin: 0 auto;*/
    /*z-index: 999999999;*/
    /*min-height: 400px;*/
    /*}*/
    /*.modal-content-login{*/
    /*margin: 0 auto;*/
    /*z-index: 999999999;*/
    /*min-height: 400px;*/
    /*}*/

}

/*datatables list style */
#fiches-table_wrapper td:first-child {
    color: #a2b33a;
}

.dataTables_scrollHead table thead tr th {
    color: #4777bb;
    border-color: #4777bb;
    text-transform: uppercase;
}

#fiches-table,
#fiches-table td,
#fiches-table th {
    border-color: #4777bb;
}

#fiches-table th {
    color: #4777bb;
    text-transform: uppercase;
}

#fiches-table_length label {
    color: #4777bb;

}

#fiches-table_filter label {
    color: #4777bb;

}

#fiches-table_info {
    color: #4777bb;

}

#fiches-table_paginate * {
    color: #4777bb !important;

}

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

#fiches-table .icon-datatable {
    width: 30px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-color: white;
    border: none;
}

#fiches-table button {
    /*color: inherit;*/
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    border: none;
}

#fiches-table_filter input {
    margin-top: 15px;
    margin-left: -35px;
    /*margin-bottom: 10px;*/
    padding-left: 22px;
    margin-right: 50px;
}

#fiches-table_filter {
    margin-top: -30px;
    /*margin-top: 41px;*/
    border: none;
    clip-path: polygon(0 0, 100% 0px, 100% 100%, 3% 100%);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #3d77ad;
    max-width: 414px;
    height: 53px;
    margin-right: -80px;
    padding: 10px -16px;
    margin-bottom: 20px;
    box-shadow: 0 1px 2px #000, 14px 14px 14px #666, inset 1px -1px 5px rgba(0, 0, 0, 0.5), inset 4px 3px 3px rgba(255, 255, 255, 0.8);
}

.list-title {
    border: none;
    /*clip-path:polygon(0 0, 100% 0px, 95% 100%, 0% 100%);*/
    background-image: url("../img/home/bandeau-titre-liste.png");
    -webkit-background-size: cover;
    margin: 0;
    padding: 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    /*background-color:#3d77ad;*/
    /*padding: 10px 10px;*/
    font-size: 24px;
    height: 53px;
    margin-right: -124px;
    color: white;
}

.list-fiche-title {
    /*margin-top: 41px;*/
    border: none;
    clip-path: polygon(0 0, 100% 3%, 95% 100%, 0% 100%);
    /*-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 44% 100%);*/

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #3d77ad;
    /*max-width: 414px;*/
    height: 60px;
    margin-right: -14px;
    margin-left: -51px;
    /*padding: 5px;*/
    color: white !important;
    padding: 18px 14px;
    font-size: 24px;
    box-shadow: 0 1px 2px #000, 14px 14px 14px #666, inset 1px -1px 5px rgba(0, 0, 0, 0.5), inset 4px 7px 3px rgba(255, 255, 255, 0.8);
    /*width: 100%;*/
}

.list-fiche-reco {
    /*margin-top: 41px;*/
    border: none;
    clip-path: polygon(0 0, 100% 3%, 100% 100%, 2% 100%);
    /*-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 44% 100%);*/
    margin-left: -191px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #3d77ad;
    /*max-width: 414px;*/
    height: 60px;
    margin-right: -14px;

    /*padding: 5px;*/
    color: white;
    padding: 14px 14px;
    font-size: 24px;
    box-shadow: 0 1px 2px #000, 14px 14px 14px #666, inset 1px -1px 5px rgba(0, 0, 0, 0.5), inset 4px 7px 3px rgba(255, 255, 255, 0.8);
    /*width: 100%;*/
}

.padding-list {
    padding-left: 80px;
    padding-right: 80px;
}

/*#fiches-table_filter:after {*/
/*background-image: url("../img/home/side-menu-grad.jpeg");*/
/*}*/

.picto-list {
    /*margin-left:-60px;*/
    margin-left: -84px;
    margin-top: 25px;
    height: 46px;
    width: 46px;
}

.title-fiche-unique {
    /*top: 170px;*/
    z-index: 1;
}

.title-unique {
    text-align: center;
    font-weight: bold;
}

.img-produit {
    min-height: 300px;
    border: 1px solid #3d77ad !important;
    box-shadow: 3px 4px 4px 1px #666;
    margin-left: -15px;
}

.img-prod {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.presentation-produit {
    margin-left: -70px;
    margin-top: -20px;
}

.bloc-product-information {
    /*margin-top: -160px;*/
    margin-top: -10%;
    /*media querie ajout     margin-top: 2px;*/

}

/*bug responsive media de 768 a 991*/

.fiche-banner-st {
    margin-top: 35px;
    height: 60px;
    max-width: 468px;
    width: 100%;
    background-color: #0ab1fc;
    border: 1px solid grey;
}

.display-slider-calque {
    position: absolute;
    right: 0;
    width: 33%;
    margin: 0;
    background-image: linear-gradient(to right, transparent, white);
    height: 100%;
}

.circular-div {
    border-radius: 50%;

    box-shadow: 0 1px 2px #000, 8px 8px 9px #666, inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 2px 2px 2px rgba(255, 255, 255, 0.8);

    background-color: #3d77ad;

    width: 80px !important;

    height: 80px;

    padding: 10px 10px;

    margin-right: auto;

    margin-left: auto;

    box-sizing: border-box;

    color: #333;
}

a.slideimagehome {
    /*height: 400px;*/
    height: 510px;
    background-size: cover;
    width: 100%;
    background-position: top;
    z-index: 9999;
    position: relative;
    display: block;
}

.carousel.slide.testslider_3 {
    margin-bottom: 77px !important;
}

.testslider_3 .test4 .item {
    height: auto;
}

.testslider_3 .test4 .item .slider-caption {
    position: relative;
}


.testslider_3 a.carousel-control {
    margin-top: 0 !important;
    width: 70px;
    top: 50%;
    height: 30px;
    font-size: 30px !important;
    line-height: normal !important;
    transform: translateY(-50%);
    opacity: .8;
}

.testslider_3 a.carousel-control i {
    margin: 0 !important;
}

.testslider_3 .slider-caption {
    top: inherit;
    bottom: 0px;
    height: 140px;
    padding: 5px 15px;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px !important;
    height: 140px;
    overflow: hidden;
}

.testslider_3 .slider-caption p {
    height: 80px;
    overflow: hidden;
    display: block;
    margin: 0;
}

.col-lg-9.col-md-9.col-sm-9.slider-tablette .carousel-indicators {
    bottom: 170px;
}

div#carousel-banner .item a img {
    height: auto !important;
    min-height: auto !important;
    max-height: inherit !important;
    position: relative;
}

div#carousel-banner .item .col-sm- {
    width: 100% !important;
}

.container-fluid.bg-white .marg-top-15 {
    margin-top: 25px;
}

div#carousel-banner .carousel-inner {
    height: auto !important;
}

div#carousel-banner .item {
    height: auto;
}

.col-md-8.col-md-offset-2 a img.center-block.list-banner.img-fluid {
    height: auto !important;
    width: 100% !important;
    max-width: 550px !important;
    padding: 0 !important;
    margin: 50px auto 0 !important;
}

a.right.carousel-control,
a.left.carousel-control {
    width: 50px !important;
}

a.left.carousel-control {
    text-align: center;
}

a.right.carousel-control {
    text-align: left;
}

a.right.carousel-control i {
    margin-left: 5px !important;
}

#quote-carousel a.left.carousel-control i {
    margin-left: 5px !important;
}

.carousel.slide.carousel-overide.testslider a.carousel-control i,
#quote-carousel-2 .carousel-control i {
    margin-top: 0 !important;
}

.carousel.slide.carousel-overide.testslider a.carousel-control,
#quote-carousel-2 .carousel-control {
    top: 50% !important;
    margin-top: 0 !important;
}

#fiches-table_paginate.dataTables_paginate a {
    background-color: #3676b5 !important;
    border-radius: 5px !important;
    color: #fff !important;
    margin-left: 10px;
}

#fiches-table_paginate.dataTables_paginate {
    margin-top: 10px;
}

#fiches-table_paginate.dataTables_paginate span a.current {
    background: #c6d848 !important;
    color: #fff !important;
    border: 1px solid #c6d848;
    margin-bottom: 5px;
}

#fiches-table_paginate.dataTables_paginate a.disabled {
    background: #929292 !important;
}

/*
.card:before,.card:after {
    content: "";
    display: table;
}

.card:after {
    content: "";
    clear: both;
}
*/
.single-relavent-post.row.align-items-center .card .px-3 .px-3 a button.btn-vet {
    margin: 10px 0 0 0;
    display: inline-block;
}

body {
    overflow-x: hidden;
}

.overflow-x {
    overflow-x: auto;
}

.marg-top-60.col-sm-8.col-xs-12 .bg-white .row form .btn-vet.center-block {
    margin: 0;
    margin-left: 35.33%;
}

.panel.panel-default .panel-body h4.text-blue+.col-md-8 a button {
    margin-bottom: 5px;
}

.main-wrap.bg-blue.pad-top-60.pad-bottom-160 .panel.panel-default .panel-body img.center-block {
    width: 100%;
}

a.no-fade.menu-home-right .right-menu.slide-menu h5.txt-white.right-menu-content {
    margin-top: 10px;
}

.container-fluid.bg-white .col-lg-9.col-md-9.col-sm-9.col-xs-12.marg-top-15 a .center-block.fiche-banner.img-fluid {
    width: 100% !important;
    height: auto !important;
}

div#paymentModal .modal-content {
    margin-top: -170px !important;
}

@media (max-width: 1024px) {
    .marg-top-15 {
        margin-top: 35px;
    }

    .subscription {
        margin-top: 33px;
    }

    .slider-content {
        font-size: 13px;
        line-height: 16px;
    }

    .slider-caption {
        padding: 0 10px;
    }

    section.latest-post-area .services-area .col-md-3 {
        padding: 10px 15px !important;
    }

    #quote-carousel {
        padding: 0 0 30px 0px;
    }
}

@media (max-width: 991px) {

    .img-month-star {}

    .marg-top-60.col-sm-8.col-xs-12 .bg-white .row form .btn-vet.center-block {
        margin: 0 auto;
    }

    .panel.panel-default .panel-body .col-md-6 {
        margin-bottom: 15px;
    }

    .main-wrap.bg-blue.pad-top-60.pad-bottom-160 {
        padding-top: 10px !important;
        padding-bottom: 20px !important;
    }

    .main-wrap.bg-blue.pad-top-60.pad-bottom-160>.col-md-3 {
        margin-bottom: 20px;
    }

    .panel.panel-default .panel-body form {
        margin-bottom: 7px;
    }

    .panel.panel-default .panel-body a.col-md-4.col-lg-4.center-block.btn.btn-primary.btn-xs {
        width: auto;
        padding: 4px 15px;
        display: inline-block;
        margin-left: 15px;
    }

    .row.form-group .radio-inline {
        margin-left: 15px;

    }

    .marg-top-40.container {
        margin-top: 0;
    }

    #chatter #new_discussion {
        width: 94%;
        margin-left: 0px;
        left: 3%;
        right: 3%;
        bottom: 130px;
    }

    div#editor .mce-tinymce iframe#body_ifr {
        height: 100px !important;
    }

    .col-md-4.col-sm-12.col-xs-12.img-produit.leftimgbox {
        margin-left: 0;
    }

    .col-lg-8.col-md-8.col-sm-8.col-xs-12.post-list .single-latest-post.row.align-items-center .bloc-product-information {
        margin-top: 0px;
    }

    .single-sidebar-widget.editors-pick-widget .title-fiche-unique .related-post.related-content a {
        text-align: center;
    }

    .row.remove-leftmargin {
        margin-left: 0px !important;
    }

    .col-md-8.col-md-8.col-xs-12.addmargin-minus {
        margin-left: -85px;
    }

    .col-md-6.col-lg-6.col-sm-12.margin-tobox {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .marg-top-15 {
        margin-top: 10px;
    }

    .subscription {
        margin-top: 5px;
        margin-bottom: 15px;
        width: 100% !important;
        max-width: 100%;
    }

    .carousel-overide .carousel-inner .item a img {
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        position: relative !important;
    }

    .carousel-overide {
        margin-bottom: 0 !important;
    }

    .carousel-overide .carousel-inner .item.active,
    .carousel-overide .carousel-inner .item {
        max-height: inherit !important;
        height: auto !important;
    }

    .carousel-overide .carousel-inner {
        height: auto !important;
        margin-bottom: 10px !important;
    }

    .carousel-overide .carousel-inner .item .col-sm- {
        width: 100% !important;
    }

    .carousel-overide .carousel-inner .item .col-sm- a {
        display: block;
    }

    .col-lg-3.col-md-3.col-sm-3.col-xs-12.subscription .panel-body {
        padding-bottom: 0 !important;
    }

    section.latest-post-area .sabonne {
        margin-left: 7%;
        width: 86%;
        margin-right: 7%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .col-md-3.col-sm-3.col-xs-12.bloc-pharmaciens .col-lg-offset-3.col-md-9.col-sm-12.col-sm-offset-2.col-xs-12.col-md-offset-2.col-xs-offset-4 {
        margin-left: 0;
        text-align: center;
        padding: 0 45px;
    }

    .col-md-3.col-sm-3.col-xs-12.bloc-pharmaciens .col-lg-offset-3.col-md-9.col-sm-12.col-sm-offset-2.col-xs-12.col-md-offset-2.col-xs-offset-4 .span4 {
        display: inline-block;
        margin: 0 auto;
    }

    .row.marg-btm-25.services-area .col-md-3 h4.text-center small {
        text-align: center;
        line-height: 20px;
        padding: 7px 15px;
    }

    .bloc-pharmaciens {
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    section.latest-post-area .container-fluid.no-padding {
        margin-top: 30px !important;
    }

    .container-fluid.bg-white .marg-top-15 {
        margin-top: 10px;
        padding: 0px;
    }

    .testslider_3 a.carousel-control {
        font-size: 18px !important;
        width: 40px;
    }

    .testslider_3 .slider-caption {
        height: 110px;
        padding: 5px 5px 15px;
    }

    .testslider_3 .slider-caption p {
        height: 50px;
    }

    .col-lg-9.col-md-9.col-sm-9.slider-tablette .carousel-indicators {
        bottom: 140px;
    }

    section.main-wrap.bg-white .card .col-md-3.col-sm-6.col-xs-12 {
        height: auto !important;
        padding: 0;
    }

    section.main-wrap.bg-white .card .col-md-3.col-sm-6.col-xs-12 a img {
        min-height: auto !important;
        height: auto !important;
        min-width: auto !important;
    }

    .col-md-8.col-md-offset-2 a img.center-block.list-banner.img-fluid {
        margin: 20px auto 0 !important;
    }

    h2.txt-blue.marg-left-10.list-fiche-title {
        margin-left: 0 !important;
        margin-bottom: 10px !important;
        margin-top: 0px;
    }

    .marg-btm-50.padding-list #fiches-table_filter {
        margin-right: 0 !important;
        margin-top: 0px;
    }

    .carousel-inner.border-slider {
        width: 97%;
        margin: 0 1.5%;
    }

    .carousel-inner.border-slider .col-sm-.sidebar-box-connected {
        padding: 0 20px;
    }

    #quote-carousel .carousel-indicators {
        margin-bottom: 0 !important;
    }

    button.right-menu.slide-menu {
        position: relative;
    }

    button.right-menu.slide-menu .picto-home {
        height: 30px;
        width: 30px;
        position: absolute;
        left: 40px;
        top: -10px;
        margin: 0 !important;
    }

    button.right-menu.slide-menu .right-menu-content {
        margin-top: 0px;
        margin-left: 75px;
    }

    .dataTables_wrapper .dataTables_length {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .main-wrap.bg-blue .container .marg-top-60 {
        margin-top: 5px;
    }

    a.no-fade.menu-home-right .right-menu.slide-menu h5.txt-white.right-menu-content {
        margin-top: 0px;
    }

    #quote-carousel .carousel-control {
        font-size: 20px;
    }

    .col-lg-8.col-md-8.col-sm-8.col-xs-12.post-list .latest-post-wrap .title-fiche-unique a img.picto-list {
        margin-top: 14px !important;
    }

    .latest-post-wrap .img-produit .feature-img img {
        position: relative;
        max-height: initial;
    }

    .single-latest-post.row.align-items-center .col-md-7.col-sm-7.col-xs-7.post-left.bloc-product-information {
        margin-top: 0;
    }

    .latest-post-wrap .img-produit {
        min-height: inherit;
        margin-left: 0px;
    }

    section.latest-post-area.pb-120 .col-lg-8.col-md-8.col-sm-8.col-xs-12.post-list .latest-post-wrap>.row {
        margin-left: -10px !important;
    }

    #chatter #new_discussion .chatter-close {
        right: 30px;
    }

    #chatter #new_discussion {
        bottom: 20px;
    }

    .card-text {
        padding-left: 5px;
    }

    .latest-post-area .latest-post-wrap {
        padding: 10px;
    }

    .card-text li {
        padding-right: 10px;
    }

    ul.blue-arrow {
        padding-left: 30px;
    }

    a#to-payment img {
        height: auto !important;
        max-height: initial !important;
    }

    a#to-payment {
        display: block;
        margin: 10px auto 10px;
        float: none;
        max-width: 300px;
    }

    a.slideimagehome {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .card-title {
        margin-left: 0;
    }

    ul.blue-arrow {
        padding-left: 0;
    }
}

@media (max-width: 640px) {
    .marg-btm-50.padding-list #fiches-table_filter {
        margin-top: 40px;
        max-width: 100%;
    }

    .col-md-8.col-md-8.col-xs-12.addmargin-minus {
        margin-left: -40px;
    }

    .register.bold .green-header h3.txt-blue {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 479px) {
    a.navbar-brand img {
        width: 230px !important;
    }

    .latest-post-area {
        margin-top: -60px !important;
    }

    #quote-carousel .carousel-control {
        font-size: 20px;
    }

    #quote-carousel .carousel-indicators li {
        width: 10px;
        height: 10px;
    }

    section.latest-post-area .row.services-area>.row {
        margin-top: 30px !important;
    }

    .carousel-inner.test4 h4.slider-title-white {
        font-size: 15px;
    }

    #quote-carousel-2 .carousel-control {
        font-size: 20px;
    }

    section.latest-post-area.pb-120 {
        margin-top: 0 !important;
    }
}

ul.btn-actions {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.btn-actions li {
    float: left;
    margin-right: 10px;
}

img.img-admin-profile {
    width: 100px !important;
}

img.img-thumn-table {
    width: auto !important;
    min-height: initial !important;
    min-width: initial !important;
    height: 80px !important;
    margin-right: 5px;
}

.section-mag-home-page {
    text-align: center;
}

.section-mag-home-page h4 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: bold;
    color: #4978bc;
}

.section-mag-home-page span {
    font-size: 18px;
    display: block;
    color: #c6db4b;
    font-weight: bold;
}

.section-mag-home-page span.mag-sommaire {
    color: #4978bc;
    font-size: 14px;
    margin-top: 5px;
}

.section-mag-home-page p {
    color: #5c86c3;
}

.section-mag-home-page .col-md-5.section-thumb img {
    min-height: 225px;
    transform: rotate(-10deg);
}

.section-mag-home-page .row.mag-footer {
    width: 100%;
    background: #4777bb;
    color: #fff;
    font-weight: bold;
    /* */
}

.section-mag-home-page .row.mag-footer a {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.section-mag-home-page .col-lg-offset-6.col-md-6 {
    padding: 10px;
}

thead.table-thead-ccc {
    background: #c5d95c;
    color: rgb(54, 118, 181);
}

thead.table-thead-ccc tr th {
    vertical-align: middle;
}

.view-pdf-onclick {
    margin-top: 30px;
}

p.mag-sommaire-description {
    padding-top: 20px;
}

div#carouselBanner .carousel-inner .item {
    height: 100px;
}

div#carouselBanner .list-banner {
    margin-top: 5px !important;
}

div#carouselBanner .carousel-inner .item {
    transition-property: opacity;
}


div#carouselBanner .carousel-inner .item,
div#carouselBanner .carousel-inner .active.left,
div#carouselBanner .carousel-inner .active.right {
    opacity: 0;
}

div#carouselBanner .carousel-inner .active,
div#carouselBanner .carousel-inner .next.left,
div#carouselBanner .carousel-inner .prev.right {
    opacity: 1;
}

div#carouselBanner .carousel-inner .next,
div#carouselBanner .carousel-inner .prev,
div#carouselBanner .carousel-inner .active.left,
div#carouselBanner .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}


div#carouselBanner .carousel-inner .carousel-control {
    z-index: 2;
}


form[wait=true] button.btn.btn-primary.pull-right.marg-btm-20:before {
    content: "\f110";
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 11px;
}


ul.Section-error {
    list-style: none;
    padding: 0px;
    margin-top: 5px;
    color: red;
}

div#carouselBanner .home-banner {
    height: 90px !important;
    width: 970px !important;
}

div#carouselBanner .carousel-inner .item a {
    display: block;
    overflow: auto;
    text-align: center;
    width: 100%;
    height: 100px;
}

div#carouselBanner .carousel-inner .item img {
    margin: auto;
    position: relative;
}

div#carouselBanner .list-banner {
    width: 729px !important;
    height: 90px !important;

}

.carouselBanner-list {
    margin-top: 50px;
}


ul.menu-list-btn-action {
    margin: 0px;
    padding: 0;
    list-style-type: none;
}

ul.menu-list-btn-action li {
    float: left;
    margin-right: 10px;
}

.modal-open .modal-backdrop {
    z-index: 0 !important;
}

.bootbox.modal.fade.bootbox-confirm {
    margin-top: initial;
}

.modal-xl-lg {
    width: 100%;
    height: 100%;
}

.modal-xl-lg .modal-content {
    height: 100%;
}

.modal-xl-lg .modal-body.modal-body-previewModal,
.modal-xl-lg .modal-body.modal-body-preview-and-create-Modal {
    height: 86%;
}

div#paymentModal {
    margin-top: 10%;
}

#ExportfactureMdalFilter .modal-dialog {
    margin-top: 10%;
}

#ExportfactureMdalFilter h5.modal-title {
    display: contents;
}

div#paymentModalDoc {
    /* top: 10%;*/
}

div#UserPromoteProduit {
    margin-top: 10px;
}


.cards-img.img-offre.center-block {
    margin-left: calc(100% - 70%);
}

.btn-Commander {
    border: none;
}

div#my-player {
    width: 100%;
}

.bloc-decal {
    margin-right: 2.5%;
}

.mr-2 {
    margin-right: 2rem;
}

.html-raw-content p,
.html-raw-content span {
    font-size: 14px !important;
}

/** subscription Page **/

.section-detailOffre.subscription_bg {
    padding: 1.5rem 0 2.68rem 0;
    position: relative;
    margin-top: 0;
}
.registerStep2 .section-detailOffre.subscription_bg, .main-inscription .section-detailOffre.subscription_bg{
    padding-bottom: 0;
}
.registerStep2 .btn-following, .main-inscription .btn-following,  .commander-form .btn-following{
    margin-top: 15px;
}
.registerStep2 .sec_personneles, .main-inscription .sec_personneles, .commander-form .sec_ouvrage{
    padding-top: 20px;
}
.section-detailOffre.subscription_bg:before {
    background: rgb(254, 160, 98);
    background: linear-gradient(180deg, rgba(254, 160, 98, 1) 34.29%, rgba(230, 230, 230, 0) 97.14%);
    position: absolute;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 45%;
}

.subscription_bg .container {
    max-width: 1056px;
    padding: 0 1.7rem;
}

.three_col.subscription_bg .container {
    max-width: 1578px;
}
.subscription_bg h1 {
    font-size: 3.1rem;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.015em;
}
.subscription_bg h2 {
    font-size: 2.5rem;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.015em;
}

.subscription_bg .colWrap {
    padding: 0 1.7rem 2.68rem;
}

.subscription_price .col_middle_content {
    min-height: 250px;
}

.subscription_bg .col_innerWrap {
    background: #F9F9F9;
    box-shadow: 0px 8px 19px 1px rgba(0, 0, 0, 0.22);
    border-radius: 45px;
    padding: 1.8rem 1.5rem 1.1875rem;
    height: 100%;
}

.subscription_bg .col_middle_content {
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-width: 2px 0 2px 0;
    padding: 1.5rem 0;
    min-height: 290px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.subscription_bg .col_top_content {
    padding-bottom: 0.75rem;
    min-height: 105px;
    display: flex;
    flex-direction: column;
}

.col_middle_content .img_col {
    text-align: right;
}

.subscription_bg .col_bottom_content {
    padding-top: 1.25rem;
}

.subscription_bg .choose_offre {
    margin-top: auto !important;
    padding-top: 0.625rem;
}

.subscription_list {
    padding-top: 1.25rem;
}

.subscription_promo {
    background-color: #F9F9F9;
    box-shadow: 0px 8px 19px 1px rgba(0, 0, 0, 0.22);
    border-radius: 30px;
    margin-bottom: 2.68rem;
}

.deansgate-bold {
    font-family: 'deansgate_condensedbold';
    font-style: normal;
    font-weight: 700;
}

.nunito-bold {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
}

.nunito-extrabold {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
}

.nunito-semibold {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}

.nunito-black {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
}

.nunito-regular {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}

.nunito-medium {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
}

.nunito-light {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 200;
}

.ardena-medium {
    font-family: 'ardenamedium';
    font-style: normal;
    font-weight: 500;
}

.text-skyblue {
    color: #3676B5;
}

.text-thinblack {
    color: #212121;
}

.text-themegreen {
    color: #C6D652;
}

.notesList {
    font-size: 0.95rem;
    line-height: 1.375rem;
}

.notesList li {
    padding-bottom: 6px;
    display: flex;
}

.notesList li span {
    flex: 0 0 25px;
}

.resetList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.subscripe_btn {
    background-color: #3676B5;
    color: #fff;
    border-radius: 0.625rem;
    text-decoration: none;
    text-align: center;
    padding: 0.625rem;
    font-size: 1.56rem;
    line-height: 1.4375rem;
    transition: background-color 0.5s ease;
}

.subscripe_btn:hover,
.subscripe_btn:focus,
.subscripe_btn:active {
    text-decoration: none;
    background-color: #c6d652;
    box-shadow: none;
}

.btn-return_home:hover,
.btn-return_home:focus,
.btn-return_home:active {
    text-decoration: none;
    background-color: #FEA062;
    color: #fff;
}

.min-w-336 {
    min-width: 336px;
}

.yearly_cost {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin: 0;
}

.img_col .phone_img {
    width: 105px;
    top: -13px;
    position: relative;
}

.digitalpaper {
    width: 178px;
}

.monthly_cost {
    font-size: 1.375rem;
    line-height: 1.375rem;
    padding-top: 0.5125rem;
}

.monthly_cost sup {
    top: -5px;
}

.subscribe_subhead {
    font-size: 1.0625rem;
    line-height: 1.375rem;
    padding-top: 0.3125rem;
    margin-top: auto !important;
}

.subscripe_list {
    font-size: 0.9375rem;
    line-height: 0.9375rem;
}

.subscripe_list li {
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    margin-bottom: 1.125rem;
    padding-left: 1.5rem;
    position: relative;
}

.subscribe_heading {
    font-size: 1.4375rem;
    line-height: 1.375rem;
}

.subscripe_list li:before {
    position: absolute;
    width: 0.625rem;
    height: 0.625rem;
    left: 0;
    content: '';
    background-color: inherit;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0.625rem;
}

.blackClr_list li:before {
    background-color: #212121;
    opacity: 0.7;
}

.blueClr_list li {
    line-height: 1.25rem;
}

.blueClr_list li:before {
    background-color: #3676B5;
    opacity: 0.7;
}

.promo_col_inner_wrap {
    padding: 2.31rem 1.125rem 2.31rem 1.875rem;
}

.promo_content {
    font-size: 2.5rem;

}

.promo_btn {
    background-color: #3676B5;
    border-radius: 0.9375rem;
    color: #fff;
    padding: 1.625rem 0.875rem;
    font-size: 1.4rem;
    line-height: 2.125rem;
    border: 0;
    transition: background-color 0.5s ease;
}

.promo_btn:hover,
.promo_btn:focus {
    background-color: #c6d652;
    box-shadow: none;
}

.offers-img {
    width: 42px;
}

.subscription_promo .img_content {
    padding-right: 0.9375rem;
    top: -2px;
    position: relative;
}

.subscription_heading {
    max-width: 921px;
    margin-left: auto;
    margin-right: auto;
}

.subscription_list>.row {
    justify-content: center;
    margin-left: -1.7rem;
    margin-right: -1.7rem;
}

.subscribe_price_Heading {
    font-size: 2.5rem;
}

.subscribe_details {
    font-size: 2rem;
    padding-bottom: 1rem;
}

.subscribe_price_head {
    font-size: 1.5rem;
    color: #3676B5;
}

.subscribe_total_txt {
    font-size: 1.25rem;
}

.subscribe_title_price,
.subscribe_title {
    font-size: 0.8125rem;
}

.subscribe_total_price {
    color: #FF9F61;
    font-size: 1.25rem;
}

.subscribe_tax_price {
    font-size: 1rem;
}

.col_subscribe_pirce_head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 8px 5px 8px 5px;
}

.col_subscribe_price_title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 22px 5px 5px 5px;
}

.col_subscribe_price_tax {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px 5px 19px 4px;
}

.col_subscribe_price_total {
    padding: 20px 5px 0 5px;
}

.subscribe_price_tax_ht {
    padding-bottom: 8px;
}

.subscribe_price_tax_ht p {
    padding-bottom: 5px;
}

.subscription_list .abonnent_price {
    min-height: auto;
    padding-bottom: 1rem;
}

.required_star {
    font-size: 1rem;
    padding: 18px 28px 0;
    color: #212121;
}

.subscription_bg .container_big {
    max-width: 1710px;
}

.register_price .container_taxForm, .section-inscription .container_taxForm {
    max-width: 1150px;
}

.sec_personneles, .sec_ouvrage {
    padding-bottom: 60px !important;
    position: relative;
}

.personnal_info_sec_inner, .ouvrage_info_sec_inner{
    background-color: #F9F9F9;
    border-radius: 30px;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 8%);
}

.checkout_sec_inner {
    position: relative;
    border-radius: 45px;
    background: #f9f9f9;
    padding: 40px 69px 73px 69px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(0, 0, 0, 0.08);
}

.personnal_info_sec_inner .form_container, .ouvrage_info_sec_inner .form_container{
    padding: 15px 69px 36px 66px;
}

.sub_rules_heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #3676B5;
    padding-bottom: 17px;
    font-size: 36px;
    letter-spacing: -0.02em;
}

.sub_rules_head_span {
    color: #ff9F61;
}

.personnal_info_sec_inner .form-control, .ouvrage_info_sec_inner .form-control {
    border: 1px solid #E8E8EA;
    background: #fff;
    border-radius: 5px;
    font-size: 1rem;
    color: #87858A;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    height: auto;
    padding: 6px 11px;
}

.personnal_info_sec_inner .form-control:focus, .ouvrage_info_sec_inner .form-control:focus {
    box-shadow: none;
}

.personnel_title {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 45px;
    padding-bottom: 43px;
}

.form_lab_txt {
    font-size: 1.125em;
    padding-bottom: 22px;
    line-height: 22px;
}

.btn-following {
    border-radius: 10px;
    background-color: #C6D652;
    border: 0;
    text-transform: uppercase;
    font-size: 25px;
    padding: 11px 10px;
    line-height: 22px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    transition: background-color 0.5s ease;
}
.commander-form .btn-following{
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}
.commander-form .ico_right i{
    padding-left: 10px;
}
.commander-form .ico_left i{
    padding-right: 10px;
}
.commander-form  .small-head-Txt{
    color: #212121;
    font-size: 1.2rem;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}
.btn-following:hover,
.btn-following:focus,
.btn-following:active {
    background-color: #3676B5 !important;
    box-shadow: none !important;
}
.btn-blue{
    background-color: #3676B5 !important;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    background-color: #C6D652 !important;
}
.normalTxt{
    font-size: 18px;
    line-height: 18px;
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
}
#final_price{
    font-weight: 900;
    color: #3676B5;
}
.input_lab {
    flex: 0 0 17.56%;
    max-width: 17.56%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.commander-form .input_lab{
    flex: 0 0 20.56%;
    max-width: 20.56%;
}

.input_lab_small {
    flex: 0 0 35.37%;
    max-width: 35.37%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.input_lab label {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 18px;
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.3px;
}

.input_cnt {
    flex: 0 0 82.44%;
    max-width: 82.44%;
}
.commander-form .input_cnt{
    flex: 0 0 79.44%;
    max-width: 79.44%;
}
.access_head {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    color: #3676B5;
    font-size: 20px;
    line-height: 25px;
}

.input_cnt_small {
    flex: 0 0 64.63%;
    max-width: 64.63%;
}

.input_lab_small label, .c-tos label {
    font-size: 18px;
    line-height: 18px;
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.3px;
}

.input_cnt .label-Register, .input_field_col .label-Register {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.3px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #212121;
}
.textarea_field_col textarea{
    border: 1px solid #E8E8EA;
    background: #fff;
    border-radius: 10px;
    font-size: 1rem;
    color: #87858A;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    height: auto;
    padding: 10px 15px;
}
.personnal_info_sec_inner .bloc_passwordReset {
    font-size: 17px !important;
    line-height: 15px !important;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800 !important;
}

.personnal_info_sec .field_NumOrdre {
    color: #C6D652;
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
}

.personnal_info_sec .register {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.input_lab_small label {
    margin-bottom: 0;
}

.personnal_info_sec .sFormulaire_Inscr {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    padding-top: 10px;
}

.personnal_info_sec .form-group {
    margin-bottom: 0;
}

.personnal_info_sec .each_form_block {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    padding-top: 10px;
}

.personnal_info_sec .Section-error {
    margin-bottom: 0;
}

.radio_button {
    display: flex;
    flex-wrap: wrap;
}

.radio_button .radio-inline input {
    margin-left: 0 !important;
    width: 15px;
    height: 15px;
    border: 1px solid #A5A3A9;
    background: #fff;
}

.radio_button label.radio-inline {
    margin-right: 20px;
    margin-left: 0 !important;
    margin-bottom: 5px;
}

.radio_button [type="radio"]:checked,
.radio_button [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.radio_button span {
    padding-left: 21px;
}

.radio_button [type="radio"]:checked+span,
.radio_button [type="radio"]:not(:checked)+span {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: block;
}

.radio_button [type="radio"]:checked+span:before,
.radio_button [type="radio"]:not(:checked)+span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    border: 1px solid #A5A3A9;
    border-radius: 100%;
    background: #fff;
}

.radio_button [type="radio"]:checked+span:after,
.radio_button [type="radio"]:not(:checked)+span:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #C6D652;
    position: absolute;
    top: 6.5px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radio_button [type="radio"]:not(:checked)+span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio_button [type="radio"]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.secnd_formulaire {
    padding-bottom: 28px;
}

.error-group {
    display: none;
}

.error-group.has-error {
    display: flex;
    margin-bottom: 0;
}

.personnal_info_sec .form-group.has-error {
    margin-bottom: 0;
}

.personnal_info_sec .m-10 {
    margin-bottom: 10px;
}

#bovin:checked+label,
#bovin+label:hover {
    height: 40px !important;
    width: 38px !important;
}

#chat:checked+label,
#chat+label:hover {
    width: 33px !important;
    height: 30px !important;
    background-size: contain !important;
}

#chat+label {
    width: 33px !important;
    height: 30px !important;
    background-size: contain !important;
}

.remove_align {
    align-items: flex-start;
    padding-top: 7px;
}

.personnal_info_sec .Section-error {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}

.personnal_info_sec .alert-danger {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}

.personnal_info_sec .margin_remove.has-error {
    margin-bottom: 10px;
}

.bloc_passwordReset a:hover {
    color: #3676B5;
}

.remove_align .input_lab_small {
    padding-top: 1px;
    align-items: flex-start;
}

.register_price .subscription_bg {
    padding-bottom: 0;
}

.subscription_price .colWrap {
    padding: 0 1.7rem 2.9rem;
}
.cntRow{
    margin-bottom: 30px;
}
.contactDetail{
    margin-top: 15px;
    margin-bottom: 11px;
}
.cntLabelTxt{
       color: #3676B5;
       line-height: 22px;
       letter-spacing: -0.02px;
       font-size: 16px;
       font-family: 'Nunito Sans', sans-serif;
       font-style: normal;
       font-weight: 800;
}
.contactCntTxt, .contactCntTxt a{
        color: #212121;
       line-height: 22px;
       letter-spacing: -0.02px;
       font-size: 20px;
       font-family: 'Nunito Sans', sans-serif;
       font-style: normal;
       font-weight: 800;
       transition: color 0.5s ease;
}
.contactPage .col_innerWrap{
    height: auto;
}
.errorList{
    padding-top:10px;
}
.errorList li, .errorList p{
       font-family: 'Nunito Sans', sans-serif;
       font-style: normal;
       font-weight: 400;       
}
.confirmation_bg {
    margin-top: 0;
    background: url("../img/home/valid_img.png") no-repeat center center;
    position: relative;
    padding: 122px 0 92px 0;
    background-size: cover;
    margin-bottom: 104px;
}
.confirmation_bg.remove_margin{
    margin-bottom: 0;
}
.confirm_btn_sec {
    display: flex;
    flex-wrap: wrap;
}
.forget_password{
        position: relative;
        margin-top: 0;
        overflow: initial;
}
.confirmation_bg:before, .forget_password:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    opacity: 0.8;
    background: linear-gradient(90deg, #3577B5 49.48%, rgba(53, 119, 181, 0) 100%);
}
.forget_password .content{
        width: 100%;
        background: transparent;
        margin-top: 0;
        margin-left: 0;
        padding: 10% 0;
}
.forget_password label{
    color: #a2b33a;
    margin-bottom: 10px !important;
}
.confirmation_bg .container, .forget_password .container{
    position: relative;
}

.confirmation_bg .container, .forget_password .container {
    max-width: 1700px !important;
}

.confirmation_bg .inner_container{
    max-width: 970px;
}
.forget_password .inner_container{
    max-width: 570px;
}
.reset_password_head{
        font-size: 50px;
        line-height: 58px;
        padding-bottom: 20px;
}
.btn-return_home {
    background: #C5D95B;
    border-radius: 1rem;
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    padding: 8px 17px;
    display: inline-block;
    transition: background-color 0.5s ease;
}

.confirmation_bg .confirm_title {
    padding-bottom: 167px;
    font-size: 64px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
}

.email-sent_txt {
    font-size: 36px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 40px;
}

.confirmation_bg .txt-green {
    color: #C6D652;
}

.coupon_bg {
    padding: 85px 0 60px 0;
    position: relative;
    background-color: #fff;
}

.coupon_bg:before {
    background: rgb(254, 160, 98);
    background: linear-gradient(180deg, #FEA062 34.29%, rgba(238, 207, 187, 0.322917) 76.84%, rgba(230, 230, 230, 0) 97.14%);
    position: absolute;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 90%;
}

.coupon_form_container {
    background-color: #F9F9F9;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(0, 0, 0, 0.08);
    border-radius: 30px;
    position: relative;
}

.coupon_heading {
    padding-bottom: 30px;
    line-height: 58px;
    font-size: 50px;
}

.coupon_form_sec {
    padding: 15px 69px 26px 69px;
}

.txt-thin-green {
    color: #C6D652;
}

.coupon_digital_txt {
    font-size: 24px;
    line-height: 22px;
    padding-bottom: 35px;
}

.coupon_required {
    padding: 18px 28px 0 28px;
}

.coupon_form_sec .btn-following {
    width: 100%;
    margin-top: 34px;
}

.coupon_form_sec label, .forget_password label {
    font-size: 22px;
    line-height: 15px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
}

.coupon_form_sec input, .forget_password input {
    background: #fff;
    border: 1px solid #e8e8ea;
    border-radius: 5px;
}

.coupon_form_sec input:focus, .forget_password input:focus{
    box-shadow: none;
    border-color: #e8e8ea;
}
.contactPage .subscription_heading{
    max-width: 100%;
}
.contactPage h2{
    padding-bottom: 40px;
    font-weight: 700;
}
.sub_offres_edit label {
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0;
}

.sub_offres_edit input {
    background-color: #fff;
    border: 1px solid #e8e8ea;
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}

.sub_offres_edit input:focus, .sub_offres_edit textarea:focus {
    box-shadow: none;
}

.sub_offres_edit .required_txt {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    color: #212121;
}

.btn-modifiy {
    background-color: #3676B5;
    border-radius: 10px;
    color: #fff;
    transition: background-color 0.5s ease;
    font-size: 25px;
    line-height: 22px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    border: 0;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-modifiy i {
    font-size: 21px;
    padding-left: 10px;
}

.btn-modifiy:focus,
.btn-modifiy:hover,
.btn-modifiy:active {
    color: #fff;
    box-shadow: none;
    text-decoration: none;
    background-color: #c6d652;
    border: 0;
}

.sub_offres_heading {
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #3676B5;
    font-size: 23px;
    line-height: 22px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
}

.sub_offres_edit .form-group {
    margin-bottom: 20px;
}
.contactPage .form-group{
    margin-bottom: 25px;
}
.sub_offres_mandatory {
    margin-bottom: 50px;
    padding-top: 9px;
}

.sub_offres_heading h3{
    font-size: 23px;
    line-height: 22px;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
}
.ouvrage_heading .sub_heading{
    font-size: 32px;
    line-height: 1;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
}
.sub_offres_edit .input_field_col {
    flex: 0 0 70.65%;
    max-width: 70.65%;
}

.sub_offres_edit .input_label_col {
    flex: 0 0 29.35%;
    max-width: 29.35%;
}
.sub_offres_edit .textarea_field_col {
    flex: 0 0 100%;
    max-width: 100%;
}

.register-step3 .subscription_heading {
    padding-bottom: 47px;
    max-width: 100%;

}

.register-step3 .sub_address-edit_row,
.register-step3 .sub_address-edit_offre, .contactPage .contactPageRow {
    margin-left: -1.7rem;
    margin-right: -1.7rem;
    justify-content: center;
}

.register-step3 .col_innerWrap {
    padding: 30px 23px 28px 23px;
}

.register-step3 .subscribe_offre_submit {
    padding-top: 25px;
}

.checkout_row_sec {
    padding-bottom: 49px;
}

.payment_container {
    max-width: 894px;
    padding-top: 40px;
}

.stripe_heading {
    font-size: 24px;
    line-height: 32px;
    color: #3676b5;
}

.stripe_priceheading {
    color: #ff9F61;
}

.stripeImg_container {
    padding-bottom: 40px;
}

.stripeImg_container img {
    margin: 0 auto;
    display: block;
}

.sepa_heading {
    font-size: 24px;
    line-height: 32px;
    color: #3676B5;
}

.sepa_subheading {
    font-size: 32px;
}

.sepa_img_container img {
    display: block;
    margin: 0 auto;
}

div#paymentModal, div#paymentModalDoc {
    margin-top: 0;
    padding-right: 0;
}
#paymentModal .bloc-btnRadio-PayAbon{
    margin-left: 0;
}
#paymentModal .bloc-btnRadio-PayAbon:first-child{
    margin-bottom: 10px;
}
#paymentModal .modal-body.modal-PayememtDoc, #paymentModalDoc .modal-body.modal-PayememtDoc{
    padding: 20px 15px;
}
.modal-PayememtDoc .card-errors{
    margin-top: 10px;
    color: red;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}
#paymentModal .form-group label, #paymentModalDoc .form-group label{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #212121;
    font-size: 18px;
    line-height: 18px;
    position: relative;
}
#paymentModal .form-group input, .CardNumberField-input-wrapper input, .CardField-restWrapper input, #paymentModalDoc .form-group input{
    border-radius: 5px;
    background: #fff;
    color: #87858A;
    font-weight: 400;
    font-size: 1rem;
    font-family: 'Nunito Sans', sans-serif;
}
.radio_button .radio-inline .label-Register{
    margin-left: 0 !important;
}
.sub_address-edit_offre address span{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 0.9375rem;
}
.register-step3 .sub_address-edit_offre .colWrap{
    max-width: 100%;
}
.register-step3 .col_middle_content {
    min-height: auto;
}
.payment_container .imgBorDesign{
    padding: 15px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}
.modal-PayememtDoc .btn-modifiy{
    font-size: 21px;
}
.modal-PayememtDoc .card-num{
    margin-bottom: 10px;
}
.agree_cnt{
    font-size: 18px;
    line-height: 22px;
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}
.iban_sub_cnt{
    min-height: 59px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-width: 0px 0 2px 0;
    margin-bottom: 15px;
}
.digital_content address{
    text-align: right;
}
.register-step3 .btn-modifiy{
    min-height: 44px;
}
.recommed_abbonnet .side-bar-section-act{
    background: transparent;
    padding: 0;
}
.recommed_abbonnet title span{
    font-size: 35px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 50px;
    color: #212121;
}
.recommed_abbonnet > div > div{
        flex: 0 0 100%;
        max-width: 100%;
}
.recommed_abbonnet .list ul{
        display: flex;
        width: 100%;
        margin-left: -15px;
        margin-right: -15px;
}
.recommed_abbonnet  .list ul li{
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 0 15px;
    margin-bottom: 0;
}
.recommed_abbonnet .actu.media{
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 20px;
    height: 100%;
}
.recommed_abbonnet  .media-right{
    display: none;
}
.recommed_abbonnet .actu.media .title-news{
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 22px;
    padding-bottom: 10px;
}
.recommed_abbonnet .actu.media .media-body{
        padding: 10px;
}
.recommed_abbonnet .list{
    background: transparent;
    padding: 0;
}
.recommed_abbonnet .side-bar-section{
    padding: 0;
    background: transparent;
}
.recommed_abbonnet .actu.media p{
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
}
.subscription_heading.fullWidth {
    max-width: 100%;
}
.register-step3 .subscription_bg .col_top_content{
    min-height: auto;
}
.grad_bg_sandal{
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    margin-top: 0;
}
.grad_bg_sandal:before{
    background: linear-gradient(180deg, rgba(254, 160, 98, 1) 34.29%, rgba(230, 230, 230, 0) 97.14%);
    position: absolute;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 45%;
}
.container-main-inscription .subscription_bg{
    background-color: #fff;
}
.container-main-inscription .section-inscription{
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}
.inscription_sub_content{
    font-size: 22px;
}
.commander-form .nav-tabs{
    border-bottom: 0;
}
.ouvrage_heading{
    margin-bottom: 25px;
}
.ouvrageErrorList{
    padding-bottom: 20px;
}
.ouvrageErrorList li, .ouvrageErrorList p{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
}
.commander-form .ico_left{
    margin-right:auto;
} 
.commander-form .ico_right{
    margin-left:auto;
}
.truncateTxt{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.download_invoice{
    font-size:22px;
    color: #3676B5;
}
.connexion-padd{
    margin-bottom: 20px;
}
@media only screen and (min-width:1280px) and (max-width:1430px) {
    .yearly_cost {
        font-size: 2.1rem;
        line-height: 2.1rem;
    }

    .monthly_cost {
        font-size: 1.275rem;
        line-height: 1.275rem;
    }
}

@media only screen and (min-width:992px) {
    .notesList {
        max-width: 780px;
        padding-left: 30px !important;
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .yearly_cost {
        font-size: 2.4rem;
        line-height: 2.4rem;
    }
}

@media only screen and (min-width:992px) and (max-width:1577px) {
    .three_col.subscription_bg .container {
        padding: 0 0.9375rem;
    }

    .three_col .subscription_list>.row {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }

    .three_col.subscription_bg .colWrap {
        padding: 0 0.9375rem 2.68rem;
    }

    .subscription_bg .colWrap {
        max-width: 526px;
    }
    .subscription_bg .profilePageRow .colWrap {
        min-width: 485px;
    }
}

@media only screen and (min-width:1578px) {
    .subscription_bg .colWrap {
        min-width: 526px;
        max-width: 526px;
    }
}

@media only screen and (min-width:1578px) and (max-width:1595px) {
    .subscription_bg .colWrap {
        min-width: 520px;
        max-width: 526px;
    }
}

@media only screen and (min-width:1580px) {
    .subscription_bg .colWrap {
        max-width: 526px;
        min-width: 526px;
    }
}

@media only screen and (min-width:475px) and (max-width:767px) {
    .remove_align .input_lab_small {
        padding-top: 0;
        align-items: center;
    }
}
@media only screen and (min-width:1028px) {
    .access_head{
        padding-top: 10px;
    }
}
@media only screen and (max-width:991px) {
    
    .section-detailOffre.subscription_bg {
        margin-top: 0;
        padding: 1.1875rem 0 1.3125rem 0;
    }
    .inscription_sub_content{
        font-size: 14px;
    }
    .recommed_abbonnet .list ul{
        flex-wrap: wrap;
    }
    .register-step3 .btn-modifiy{
        min-height: none;
    }
    .recommed_abbonnet .list ul li{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .section-detailOffre {
        margin-top: 0;
        padding-top: 1.1875rem;
    }
    .subscription_bg h1 {
        font-size: 1.125rem;
        line-height: 1.0666rem;
    }
    .subscription_bg h2 {
        font-size: 1.0666rem;
        line-height: 1.0666rem;
    }

    .contactPage h2 {
        font-size: 0.875rem;
        line-height: 1.0666rem;
        font-weight: 700;
    }

    .subscription_list {
        padding-top: 1.1875rem;
    }

    .subscription_promo_mob {
        padding-top: 0.8125rem;
    }

    .promo_btn_mob {
        font-size: 0.6875rem;
        line-height: 0.9375rem;
        border-radius: 0.3125rem;
        padding: 0.72rem 0.375rem;
    }

    .subscription_promo_mob .img_content {
        padding-right: 0.437rem;
    }
    .offers-img {
        width: 18px;
    }
    .grad_bg_sandal:before{
        height: 40%;
    }
    .section-detailOffre.subscription_bg:before {
        height: 40%;
    }

    .subscription_bg .col_innerWrap {
        border-radius: 20px;
        box-shadow: 0px 2.66667px 6.33333px 0.333333px rgba(0, 0, 0, 0.22);
        padding: 0.5rem 1rem 0.9375rem 1rem;
    }

    .subscription_list>.row {
        flex-direction: column-reverse;
    }

    .subscription_list.subscription_price>.row {
        flex-direction: column;
    }

    .subscription_bg .col_top_content {
        min-height: auto;
        padding-bottom: 0.6875rem;
    }
    
    .subscription_bg .col_middle_content {
        min-height: auto;
        padding-top: 0.8125rem;
        padding-bottom: 0;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }

    .subscribe_heading {
        font-size: 1rem;
        line-height: 1.375rem;
    }

    .subscribe_subhead {
        padding-top: 0.1875rem;
        font-size: 0.75rem;
        line-height: 0.75rem;
    }

    .img_col .phone_img {
        top: 0px;
        width: 83px;
    }

    .yearly_cost {
        font-size: 1.6875rem;
        line-height: 1.6875rem;
    }

    .monthly_cost {
        font-size: 0.9375rem;
        line-height: 0.9375rem;
    }

    .subscripe_btn {
        font-size: 0.9375rem;
        line-height: 0.9375rem;
    }

    .min-w-336 {
        min-width: 240px;
    }

    .monthly_cost sup {
        top: -3px;
        font-size: 60%;
    }
    .subscripe_list sup{
        font-size: 60%;
    }
    .subscripe_list li {
        font-size: 0.75rem;
        line-height: 0.8125rem;
        margin-bottom: 0.625rem;
        padding-left: 0.8rem;
    }

    .subscripe_list li:before {
        width: 0.375rem;
        height: 0.375rem;
        border-radius: 0.375rem;
    }

    .subscription_bg .choose_offre {
        padding-top: 1.25rem;
    }

    .subscription_bg .colWrap {
        padding: 0 1.7rem 1.25rem;
    }

    .notesList {
        font-size: 0.6875rem;
    }

    .notesList li {
        line-height: 0.875rem;
        padding-bottom: 0.5rem;
    }

    .notesList li span {
        flex: 0 0 20px;
    }

    .notesList li:last-child {
        padding-bottom: 0;
    }

    .digital_content .img_col {
        position: absolute;
        left: auto;
        right: -6px;
        top: 5px;
        padding: 0;
    }

    .digital_content .subscripe_list {
        width: calc(100% - 85px);
    }
    .digital_content .subscripe_list.full_width {
        width: 100%;
    }
    .digital_paper_content .subscripe_list:nth-child(1) li:nth-child(-n+2) {
        width: calc(100% - 114px);
    }

    .digital_paper_content .img_col {
        position: absolute;
        right: -6px;
        top: 22px;
        padding: 0;
    }

    .digitalpaper {
        width: 113px;
    }

    .subscription_bg .container {
        padding: 0 27px;
    }

    .subscription_heading {
        max-width: 500px;
    }

    .personnel_title {
        font-size: 20px;
        padding-bottom: 18px;
    }

    .personnal_info_sec_inner .form_container, .commander-form .form_container {
        padding: 22px 16px 25px 17px;
    }
    .secnd_formulaire {
        padding-bottom: 8px;
    }

    .input_lab label,
    .input_lab_small label, .c-tos label {
        font-size: 12px;
        line-height: 15px;
        font-weight: 800;
    }

    .form_lab_txt {
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
    }

    .required_star {
        font-size: 10px;
        line-height: 22px;
        padding: 9px 16px 0;
    }

    .btn-following {
        font-size: 18px;
    }

    div.input_lab_small,
    div.input_lab {
        flex: 0 0 33% !important;
        max-width: 33% !important;
        padding-right: 6px;
    }

    div.input_cnt_small,
    div.input_cnt {
        flex: 0 0 67% !important;
        max-width: 67% !important;
        padding-left: 6px;
    }

    .personnal_info_sec_inner .form-control {
        font-size: 12px;
    }

    .personnal_info_sec .field_NumOrdre {
        font-size: 8px;
    }
    .personnal_info_sec .error_name {
        font-size: 11px;
    }
    .radio_button label.radio-inline {
        margin-right: 8px;
    }
    .radio_button [type="radio"]:checked+span,
    .radio_button [type="radio"]:not(:checked)+span {
        padding-left: 16px;
    }
    .radio_button [type="radio"]:checked+span:before,
    .radio_button [type="radio"]:not(:checked)+span:before {
        width: 10px;
        height: 10px;
        top: 5px;
        display: block;
    }
    .radio_button [type="radio"]:checked+span:after,
    .radio_button [type="radio"]:not(:checked)+span:after {
        top: 7px;
        left: 2px;
        width: 6px;
        height: 6px;
        display: block;
    }
    .input_cnt .label-Register, .input_field_col .label-Register, .textarea_field_col textarea {
        font-size: 12px;
    }
    .personnal_info_sec_inner .bloc_passwordReset {
        font-size: 9px !important;
        line-height: 15px !important;
    }

    .subscribe_price_Heading {
        font-size: 28px;
    }

    .subscribe_details {
        padding-bottom: 9px;
        font-size: 25px;
    }

    .subscription_price .col_bottom_content {
        padding-top: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }

    .subscribe_price_head {
        font-size: 1rem;
        line-height: 20px;
    }

    .subscribe_title_price,
    .subscribe_title {
        font-size: 12px;
        line-height: 15px;
    }

    .col_subscribe_price_title {
        padding: 9px 5px 5px 5px;
    }

    .col_subscribe_price_total {
        padding: 8px 5px 5px 5px;
    }

    .subscribe_tax_price {
        font-size: 12px;
        line-height: 15px;
    }

    .col_subscribe_price_tax {
        padding: 5px;
    }

    .subscribe_date {
        font-size: 12px;
        line-height: 22px;
    }

    .subscribe_total_txt,
    .subscribe_total_price {
        font-size: 13px;
        line-height: 15px;
    }

    .personnal_info_sec_inner .bloc_passwordReset {
        margin-top: 5px;
    }

    .confirmation_bg, .forget_password {
        padding: 47px 0 70px 0;
        margin-bottom: 40px;
    }
    .confirmation_bg.remove_margin{
        margin-bottom: 0;
    }
    .confirmation_bg:before, .forget_password:before {
        background: linear-gradient(180deg, #3577B5 67.63%, rgba(53, 119, 181, 0) 136.69%);
    }

    a {
        word-break: break-all;
    }

    .access_head {
        width: calc(100% - 85px);
        font-size: 14px;
        padding-bottom: 0;
        line-height: 18px;
    }

    .confirmation_bg .confirm_title {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 50px;
    }

    .email-sent_txt {
        font-size: 1em;
        line-height: 23px;
        padding-bottom: 31px;
    }

    .btn-return_home {
        font-size: 12px;
        line-height: 13px;
        border-radius: 10px;
        padding: 16px;
    }

    .coupon_bg {
        padding: 19px 0 32px 0;
    }

    .coupon_form_sec label, .forget_password label{
        font-size: 12px;
        line-height: 15px;

    }

    .coupon_required {
        padding: 9px 16px 0 16px;
    }

    .coupon_required p {
        font-size: 10px;
        line-height: 22px;
    }

    .coupon_form_sec {
        padding: 8px 16px 21px 16px;
    }

    .coupon_heading {
        font-size: 18px;
        line-height: 15px
    }

    .coupon_digital_txt {
        font-size: 13px;
        line-height: 16px;
        padding-bottom: 15px;
    }

    .coupon_form_sec .btn-following {
        margin-top: 13px;
    }

    .coupon_form_sec .input_label {
        flex: 0 0 29% !important;
        max-width: 29% !important;
    }

    .coupon_form_sec .input_field {
        flex: 0 0 71% !important;
        max-width: 71% !important;
    }

    .sub_offres_mandatory {
        margin-bottom: 10px;
        padding-top: 7px;
    }

    .sub_offres_edit .required_txt {
        font-size: 10px;
    }

    .sub_offres_edit label {
        font-size: 12px;
        line-height: 12px;
    }

    .sub_offres_edit input {
        font-size: 12px;
    }

    .btn-modifiy {
        font-size: 14px;
        line-height: 22px;
    }

    .btn-modifiy i {
        font-size: 15px;
    }

    .register-step3 .col_innerWrap {
        padding: 10px 16px 17px 16px;
    }

    .checkout_sec_inner {
        padding: 10px 16px 36px 16px;
        border-radius: 20px;
    }

    .sepa_heading,
    .sepa_subheading {
        font-size: 13px
    }

    .sub_rules_heading {
        font-size: 18px;
    }

    .stripe_heading {
        font-size: 13px;
        line-height: 15px;
    }

    .payment_container {
        padding-top: 13px;
    }

    .checkout_row_sec .subscription_heading {
        max-width: 100%;
    }
    .registerStep2 .consult_info{
            font-size: 12px;
    }
    
    .register-step3 .subscription_heading, .checkout_row_sec{
        padding-bottom: 30px;
    }
    .sub_address-edit_offre address span{
        font-size: 0.75rem;
    }
    .agree_cnt{
        font-size: 12px;
        line-height: 18px;
    }
    .iban_sub_cnt{
        min-height: auto;
    }
    .iban_page .form_container{
        padding:22px 16px 25px 17px !important;
    }
    .reset_password_head {
        font-size: 27px;
        line-height: 32px;
    }
.pack-title{
    flex: 0 0 80%;
    max-width: 80%;
}
.pack-price{
    flex: 0 0 20%;
    max-width: 20%;
}
.contactPage .form-group{
    margin-bottom: 20px;
}
.cntLabelTxt{
    font-size: 13px;
}
.contactCntTxt, .contactCntTxt a{
    font-size: 15px;
}
.cntRow{
    margin-bottom: 20px;
}
.errorList li, .errorList p{
    font-size: 12px;
}
.contactPage .col_innerWrap{
    padding: 1rem;
}
.contactDetail{
    margin-top:10px;
    margin-bottom: 0;
}
.contactPage h2{
    padding-bottom: 24px;
}
.ouvrage_heading .sub_heading{
    font-size: 15px;
}
.ouvrage_heading{
    margin-bottom: 15px;
}
.commander-form .small-head-Txt{
    font-size: 12px;
}
.ouvrageErrorList li, .ouvrageErrorList p{
    font-size: 12px;
}
.normalTxt{
    font-size: 12px;
    line-height: 15px;
}
.sub_offres_heading h3{
    font-size: 18px;
}
.profilePageRow .required_txt{
    font-size: 14px;
}
.profilePageRow table{
    font-size: 12px;
}
.section-connexion .each-col{
    margin-bottom: 25px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .twoBut_col{
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media only screen and (max-width:575px) {
    #paymentModal .modal-dialog, #paymentModalDoc .modal-dialog {
        width: 90% !important;
        margin-left: 5% !important;
    }

}
@media only screen and (max-width:767px) {
    #paymentModal .modal-dialog-centered:before, #paymentModalDoc .modal-dialog-centered:before {
        display: none;
    }
    #paymentModal, #paymentModalDoc{
        overflow: auto !important;
        padding-right: 0 !important;
        padding-top: 15px !important;
    }
    .subscription_bg .container {
        padding: 0 20px;
    }
    .subscription_list>.row{
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }
    .subscription_bg .colWrap {
        padding: 0 1.25rem 1.25rem;
    }
    .commander-form .ico_left, .commander-form .ico_right{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .commander-form .btn-following{
        line-height: 20px;
    }
    .twoBut_col .btn-following{
        max-width: 235px;
    }
    .order_2-mob{
        order: 2;
    }
}
footer.footer-container{
    background-color: #70726E !important;
    background-image: none !important;
}