/* Minification failed. Returning unminified contents.
(1350,52): run-time error CSS1038: Expected hex color, found '#fffdf71'
(1540,56): run-time error CSS1038: Expected hex color, found '#fffffff'
(1544,48): run-time error CSS1038: Expected hex color, found '#fffffff'
(2952,34): run-time error CSS1030: Expected identifier, found '*'
(2952,35): run-time error CSS1031: Expected selector, found ')'
(2952,35): run-time error CSS1025: Expected comma or open brace, found ')'
(3325,12): run-time error CSS1036: Expected expression, found ';'
(7944,52): run-time error CSS1038: Expected hex color, found '#fffdf71'
 */
/*--------------------------------------------
    SOMMAIRE
    $general
        $loader
        $slider
        $header
        $nav
        $footer
    $homepage
    $noconnected
    $homeconnected
    $contrat
    $information
    $produit
    $message
    $management-form
    $hack
--------------------------------------------*/

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fade-in {
    opacity: 0; /* make things invisible upon start */
    -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeIn ease-in 1;
    -o-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

.fade-out {
    opacity: 0; /* make things invisible upon start */
    -webkit-animation: fadeOut ease-in 0; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeOut ease-in 0;
    -o-animation: fadeOut ease-in 0;
    animation: fadeOut ease-in 0;
    -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

/* $loader */
.animation-loading {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 3000;
}

    .animation-loading section,
    #content .animation-loading section {
        margin: 0 10px;
        width: 300px;
        height: 150px;
        margin: 0 auto;
        box-shadow: 0 3px 6px #6d6d6d;
    }

#loader, #loader-form, #loaderPdfForm {
    text-align: center;
}

    #loader, #loader-form, .animation-loading-gif, #loaderPdfForm .animation-loading-gif {
        background: url('../Imgs/loader.gif') center center no-repeat;
        height: 75px;
        padding: 20px;
    }

#loader, #loader-form, .animation-loading-gif-pos {
    background: none;
    height: 75px;
    padding: 20px;
}


.wizard-step {
    display: none;
}

    .wizard-step:first-child {
        display: block;
    }

/* $info-bull */
.content-bull {
    position: relative;
    cursor: pointer;
}

    .content-bull .info-bull {
        left: -164px;
        position: absolute;
        background: none repeat scroll 0 0 #f5f5f5;
        border: 1px solid #ffffff;
        border-radius: 10px;
        box-shadow: 0 3px 6px #6d6d6d;
        /*display: none;*/
        font-size: 14px;
        line-height: normal;
        padding: 10px;
        text-align: left;
        width: 335px;
        color: #000000;
        z-index: 1000;
        font-weight: 300;
        bottom: 0;
        margin-bottom: 32px;
        -webkit-transition: opacity 600ms, visibility 600ms;
        transition: opacity 600ms, visibility 600ms;
        opacity: 0;
        visibility: hidden;
    }

    .content-bull:hover .info-bull {
        /*display: block;*/
        visibility: visible;
        opacity: 1;
    }

    .content-bull .info-bull:after {
        content: '';
        display: block;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 12px solid #f5f5f5;
        bottom: -10px;
        display: block;
        height: 0;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 0;
    }

.picto_info_bull {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA0CAMAAACjMti6AAACu1BMVEX///8YoufS0tKzsbEDkNjR0dG1s7MXoecEkdnU1NQYoujT09OysLACkNgao+kAjtbV1dWwrq7MzMzJyMjV1dXT09PPz88Fktoao+kBjta6uLiwrq4YougMmN+wrq7V1dUUnuW2tbW9vLwBjtbV1dUHlNsBj9e1s7Oxr6+1s7O7uroBjtbOzc0BjtYKlt0UnuXR0dGwrq7R0dEEkdkBj9exr68ao+kDkNjV1dUao+nV1dUVn+Wwrq4PmuGwrq4Zo+kIldwXoecao+kao+kRnOPBwMDMzMwBj9cBjtazsbEWoOYBjtaxr68XoefFxMQEkdnT09PU1NTOzc3HxsbU1NTS0tK/vr7S0tLS0tLKysrS0tK4trbU1NTPz8+/vr7Pz88Vn+UYoucZo+m4trYYoucZo+mysLDU1NTKysrT09O6uLgQm+IYoucZo+nU1NTHxsYSneTU1NS6uLjPz88WoOYLl94YoucZo+mysLAZo+kZo+kYougHlNsYougHlNsGk9oGk9q4trYLl94Fktq2tbW2tbUFktq2tbUWoOYWoOYDkNizsbEDkNizsbECkNgCkNiysLACkNgCkNiysLASneQBj9exr68Bj9exr68Qm+IGk9oFktr////4+Pj29vbJyMj39/fFxMS9vLzBwMC/vr67urp7xuzHxsbOzc2AyvC6uLjMzMzDwsLT09PNzMy+5PdOtOgKlt0Vn+Wg2PSe1vIGk9rOzs59yO0IldwQm+JRt+sdoOJ+ye4PmuHEw8PDwcEZo+nKysoBj9fPz88FktoWoOYHlNu2tbUSneR8x+3V1NQLl94RnOMEkdnLysoXoecspuO1s7PR0dHIx8cUnuUYoufGxcWzsbHS0tIDkNgNmeC4trYCkNgYoujV1dXQz88ao+mysLAMmN+xr6/49/d/ye/U1NQBjtawrq4rzXxIAAAAnHRSTlMAAAAAAAAAAAAAAAAAAAAAAADpn9HRBQXwAAif0fFUmAgFn9JICADw5ihVCHSfn+ko8fAoBASY6fDRB3QI8NIAVfAHSJ/xCObx6QVUACjw8CdmANLp7dXuN1Q1AAQA1NIA7WZ1N+nOBlUo6tI1BObTVHLp0dLU7uYecgYn6SjqAHR01QAA0dLSANE0NDU1Hs3Nzh8fVWhoZ2fTddF55meIAAACHElEQVR4Xm3JY5cjURSF4R00hmhPm9O2OW1OY2jbtm0bt5K0PbZt29bPmKpUbt2kkufDWe/aB51FKf5eDklfkhy8/FNAtREM6TntD9Vn5niI2vEqHFuNOU6EnlKpHNT3nan+AyCwsoqKeSEXEwXeUKfZN80NdwLQK6zB4AHHNUjCAOTbNRu0clyzxC4fGHjdsgmAvZb6ynFaxh7oXU+dIb/qmelAWSV1hOgqmTKgRfKE6GgKgLxqSkt01UweMKyGekk0NUw/wLeKekM0VYwvEFJLXSGaWiYEcJ3VZHBVo2mSTHIFBq/8aMloAGt81t41t94HgLV1cOBzucBg8FQq1eait6aKtkLQnrdgx3dj43ZDr4cgfl/QTyroQDxEXURpnm4Z0f+iM9w800B1lAHkr+ychGSXby7JCTnZoLoLpo6af40au3ARRG15i90/G3NfCj2FQjFl5GtT88ZAYGNTmvVULqsUvA3FG2+bm1MMYETqCUtSAXhHvrIk0huYcY85eYH1HiD3EUMaWecCk88zpJH1QSD9MkN+s04HPoguXuKRo/w5ZlgAjx96zwh1Shw8gLkPGXKW9Sog4jhD7rOOADLPMaSOdSYQsOSOhNRJuSwAWL7itCWHAKx2PnzL3DpnALa2seWP5cpjwVOr1ZsS35tK3AJBB9627Z+M7dwFvW6CuL0FN6iC/XEQdRWFloT7Ff4t9AsvCQXVSQaS/7d80gNuREPxAAAAAElFTkSuQmCC') /*../imgs/picto_info.png*/ no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    margin: 3px 0 0 0;
    cursor: pointer;
    position: relative;
    float: right;
}

#position_bull .bull {
    display: block;
}

.bull {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #ffffff;
    border-radius: 10px;
    bottom: 0;
    display: none;
    font-size: 14px;
    line-height: normal;
    margin-left: -148px;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 275px;
    -moz-box-shadow: 0 3px 6px #6d6d6d;
    -webkit-box-shadow: 0 3px 6px #6d6d6d;
    -o-box-shadow: 0 3px 6px #6d6d6d;
    -ms-box-shadow: 0 3px 6px #6d6d6d;
    -webkit-box-shadow: 0 3px 6px #6d6d6d;
    box-shadow: 0 3px 6px #6d6d6d;
    text-align: left;
}

.bull_action {
    position: absolute;
    top: -109px;
    left: -136px;
}

.bull p {
    color: #646464;
}

.bull span {
    font-weight: 400;
    color: #000000;
}

.bull .arrow {
    width: 0;
    height: 0;
    border-top: 12px solid #f5f5f5;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -10px;
}

.picto_plus {
    background-image: url(../imgs/owl-arrow-next-prev.png);
    background-repeat: no-repeat;
    background-position: -13px -2px;
    background-color: #F39200;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: block;
    margin: 3px 2px 0 0;
    cursor: pointer;
    position: relative;
    float: right;
}

#position_bull {
    display: none;
}

    #position_bull .bull_plus {
        display: block;
    }

.bull_plus {
    line-height: normal;
    font-size: 12px;
    background: #ffffff;
    display: none;
    color: #768676;
    width: 198px;
    border: 1px solid #768676;
    text-align: center;
    margin-bottom: -10px;
    -moz-box-shadow: 0 -3px 6px #6d6d6d;
    -webkit-box-shadow: 0 -3px 6px #6d6d6d;
    -o-box-shadow: 0 -3px 6px #6d6d6d;
    -ms-box-shadow: 0 -3px 6px #6d6d6d;
    -webkit-box-shadow: 0 -3px 6px #6d6d6d;
    box-shadow: 0 -3px 6px #6d6d6d;
}

.bull:after,
.js-bull:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #f5f5f5;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}

.js-bull {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #ffffff;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 3px 6px #6d6d6d;
    display: none;
    font-size: 14px;
    line-height: normal;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 275px;
    display: none;
}

#position_bull .js-bull {
    display: block;
}

/* $general */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Roboto' !important;
    font-weight: 300;
    font-size: 15px !important;
    min-width: 280px; /* Galaxy Fold width */
    background-color: #fff !important;
}

ul {
    list-style-type: none;
}

section.uldisc ul {
    list-style-type: disc;
    padding-left: 40px;
}

a img {
    border: 0;
}

h1 {
    font-size: 24px;
    color: #323232;
    font-weight: 300;
}

h2 {
    text-transform: uppercase;
    font-size: 24px;
    color: #323232;
    font-weight: 300;
}

    h2.no-upper {
        text-transform: none;
    }

    h2.stepwizard {
        font-size: 20px;
    }

input, select {
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}




    input:focus, select:focus, textarea:focus {
        outline: none !important;
        border-color: #C7114F !important;
        box-shadow: 0 0 2px #C7114F;
    }

    input[type="radio"] {
        width: auto !important;
        height: auto !important;
    }

    input[type=submit] {
        -webkit-appearance: none;
        border-radius: 0;
    }

.bg {
    background-image: url(../imgs/sprite_global.png);
    background-repeat: no-repeat;
}

.bg-popin-old-nav {
    background-color: #4c4c4c;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000;
}

.popin-old-nav {
    position: absolute;
    z-index: 9100;
    background: #ffffff;
    padding: 16px;
}

.bgm {
    background-image: url(../imgs/sprite_mobile.png);
    background-repeat: no-repeat;
}

.w {
    margin: 0 auto;
    padding: 0 8px;
    max-width: 944px;
}

.clear {
    clear: both;
    display: block;
}

.shadow {
    box-shadow: 0 4px 5px -2px #999999;
}

.mobile {
    display: none;
}

.hidden {
    display: none !important;
}

.visible,
.block {
    display: block !important;
}

.hidden,
.hide {
    display: none;
}

.visible {
    display: block;
}

.block {
    display: block;
}

.visible-phone {
    display: none;
}

.visible-tablet {
    display: none;
}

.visible-desktop {
    display: block;
}

.hidden-phone {
    display: block;
}

.hidden-tablet {
    display: block;
}

.hidden-desktop {
    display: none;
}

.clearfix:after {
    content: '';
    clear: both;
    display: block;
}

.containedwithhyphens {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    text-align: justify;
}

.relative {
    position: relative !important;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline !important;
}

.table {
    display: table !important;
}

.animate-nb {
    float: left !important;
}

.no-float {
    float: none !important;
    width: auto !important;
}

.float-r {
    float: right !important;
}

.float-l {
    float: left !important;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.underline {
    text-decoration: underline;
}

.underline-cursor-unset {
    text-decoration: underline;
    cursor: initial !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.table-payment-type {
    margin-bottom: 32px;
}

b.sub-title {
    margin-bottom: 8px;
    display: block;
}


/* $class style */
.radioButtonList label {
    display: inline-block;
    margin-top: 0;
    margin-left: 5px;
}

.radioButtonList input {
    width: auto;
    height: auto;
}

/* $slider */

.fixe-height-slider .item {
    max-height: 225px;
    height: 225px;
}

.item .texte {
    margin-bottom: 35px;
    position: absolute;
    right: 5%;
    top: 10%;
    width: 45%;
}

    .item .texte h3 {
        text-transform: none;
        font-size: 24px;
        font-weight: 400;
    }

    .item .texte p {
        padding: 5%;
        background-color: #ffffff;
        background-color: rgba(255, 255, 255, 0.8);
        margin-top: 16px;
        line-height: 28px;
        font-size: 14px;
    }

    .item .texte a {
        text-transform: none;
        color: #008dd6;
        text-decoration: underline;
    }

/* $header */
header {
    margin: 0 auto;
    max-width: 944px;
    padding: 12px 0 8px 0;
}

    header img {
        float: left;
    }

    header .slogan {
        float: left;
        font-family: 'Roboto Condensed';
        font-size: 26px;
        color: #a3a3a3;
        margin: 10px 0 0 15px;
    }

    header .header-right {
        float: right;
        text-align: right;
    }

    header .client {
        margin-top: 12px;
        font-size: 14px;
        line-height: 14px;
        padding: 0 0 0 4px;
        position: relative;
        float: right;
    }

        header .client span,
        header .client div {
            display: inline-block;
            font-weight: 500;
        }

        header .client .name {
            border-right: 1px solid #000000;
            padding-right: 16px;
            margin-right: 16px;
        }

        header .client .help_connexion a {
            margin-top: 19px;
            color: #000000;
            display: block;
        }

.myaccount ul {
    margin-bottom: 0 !important;
}

header .client .myaccount {
    background-image: url(../imgs/sprite_global2.png);
    background-repeat: no-repeat;
    padding-right: 32px;
    background-position: 90px -121px;
    cursor: pointer;
}

    header .client .myaccount:hover {
        background-position: 90px -105px;
    }

        header .client .myaccount:hover ul {
            display: block;
            margin-bottom: 0 !important;
        }

header .client ul {
    display: none;
    z-index: 20;
    list-style-type: none;
    height: 120px;
    position: absolute;
    box-shadow: 0 5px 5px 0 #999999;
    padding-top: 35px;
    left: 0;
    right: 0;
    background: #ffffff;
    text-align: left;
    margin-bottom: 0 !important;
}

    header .client ul li {
        background-color: #FFFFFF;
        padding: 8px 0 8px 10px;
    }

        header .client ul li a {
            padding-left: 15px;
            background-image: url(../imgs/sprite_global.png);
            background-repeat: no-repeat;
            background-position: -5px -687px;
            font-family: 'Roboto Condensed';
            color: #646464;
            font-weight: 100;
            font-size: 14px;
        }

            header .client ul li a:hover {
                text-decoration: underline;
            }

header .search input,
header .last,
header .account a {
    color: #a3a3a3;
    font-family: 'Roboto Condensed';
    font-weight: 100;
    font-size: 14px;
}

header .last {
    border-left: 1px solid #a3a3a3;
    line-height: 14px;
    padding: 0 10px 0 16px;
    display: inline-block;
}

header .search {
    float: left;
}

    header .search input {
        border: 0;
    }

    header .search .submit {
        background-color: #FFFFFF;
        background-image: url(../imgs/sprite_global2.png);
        background-repeat: no-repeat;
        background-position: 0 -35px;
        width: 18px;
        height: 22px;
        cursor: pointer;
    }

    header .search:hover {
        background-color: #e8e8e8;
    }

        header .search:hover input {
            background-color: #e8e8e8;
        }

header .account a {
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 2px;
}

    header .account a:hover {
        background-position: 0 -24px;
    }

    header .account a span {
        margin-left: 10px;
    }

.btn_valider.btn-orange {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    margin: 20px 5px;
}

.btn_form.btn-orange-pdf,
.btn_form.btn-framboise-pdf {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: 260px;
    vertical-align: top;
    margin: 20px 5px;
}

.btn_nowidth {
    width: auto;
    padding: 0 16px;
}

p.no-data {
    margin: 20px 0;
    color: #C7114F;
    font-weight: bold;
}


.picto-btn-pdf {
    border: 1px solid #ffffff;
    border-radius: 50%;
    float: left;
    font-size: 29px;
    line-height: 28px;
    margin-right: 4px;
    margin-top: 4px;
    width: 28px;
}

#content #sections .management-action input.input_btn_valider {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    margin: 20px 5px;
    padding-left: 25px;
    padding-right: 25px;
}

a.ico-upload::before {
    content: "";
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    position: relative;
    border-radius: 50%;
    top: 5px;
    margin-right: 5px;
    background: url(../imgs/ico-upload.png) no-repeat #C7114F;
    background-position: 1px 0;
}

a.ico-doc::before {
    content: "";
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    border-radius: 50%;
    top: 5px;
    margin-right: 5px;
    float: left;
    background: url(../imgs/sprite_action.png) no-repeat #C7114F;
    position: relative;
    background-position: -117px -1px;
}

.btn_continue {
    margin: 20px auto 0;
    display: block !important;
}

.btn-blue {
    background: #1496d6;
    background-image: -webkit-linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    background-image: -moz-linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    background-image: -ms-linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    background-image: -o-linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    background-image: linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aa3e9',endColorstr='#008ed6', GradientType=0);
}

    .btn-blue:hover {
        background: #47b9f3 !important;
    }

.btn-orange {
    background: #F39200 !important;
}

    .btn-orange:hover {
        background: #f5a52e !important;
    }

.btn-framboise {
    background: #C7114F !important;
}

    .btn-framboise:hover {
        background: #e6487e !important;
    }

.framboise-title {
    color: #C7114F;
}

.framboise-text {
    color: #C7114F;
}

.no-text-transform {
    text-transform: unset !important;
}


.btn-readonly {
    background-color: #F2F2F2 !important;
    color: white;
    border: medium none;
    border-radius: 2px;
    clear: both;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    margin: 20px 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-blue-pdf {
    background: #1496d6;
    background-image: -webkit-linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    background-image: -moz-linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    background-image: -ms-linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    background-image: -o-linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    background-image: linear-gradient(bottom, #008ed6 0, #1aa3e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aa3e9',endColorstr='#008ed6', GradientType=0);
    background: url("/Imgs/icons/pdf.png") no-repeat scroll 10px 6px #1496d6;
    padding-left: 40px;
    padding-right: 14px;
    width: auto;
}

    .btn-blue-pdf:hover {
        background-color: #47b9f3 !important;
    }

    .btn-blue-pdf span.valign,
    .btn_form span.valign {
        vertical-align: middle;
        display: inline-block;
        line-height: normal;
    }


.btn_form.btn-framboise-pdf {
    background: url(/Imgs/icons/pdf.png) no-repeat scroll 10px 6px #c7114f;
    padding-left: 40px;
    padding-right: 14px;
}

.btn-framboise-pdf:hover {
    background-color: #e6487e !important;
}

.btn-orange-pdf {
    background: url("/Imgs/icons/pdf.png") no-repeat scroll 10px 6px #F39200;
    padding-left: 40px;
    padding-right: 14px;
    width: auto;
}

    .btn-orange-pdf:hover {
        background-color: #f5a52e !important;
    }

    .btn-orange-pdf span.valign,
    .btn_form span.valign {
        vertical-align: middle;
        display: inline-block;
        line-height: normal;
    }

.btn-grey {
    background: rgb(112,92,98) !important;
}

    .btn-grey:hover {
        background: rgba(112,92,98, .5) !important;
    }

/* $footer */
footer {
    background-image: url(../imgs/bg_footer.png);
    background-repeat: repeat-x;
    height: 335px;
    clear: both;
}

    footer #blocs {
        margin: 0 auto;
        padding: 0 8px;
        max-width: 944px;
        max-width: 904px;
        padding-top: 45px;
    }

        footer #blocs ul {
            list-style-type: none;
            width: 26%;
            max-width: 300px;
            height: 210px;
            float: left;
            padding: 0 28px;
            border-right: 1px solid #d1d1d1;
            margin-bottom: 0 !important;
        }


            footer #blocs ul.last {
                border: 0;
                padding-right: 0;
            }

        footer #blocs ul,
        footer #blocs a {
            color: #646464;
            font-size: 14px;
            line-height: 24px;
        }

            footer #blocs a:hover {
                color: #C7114F;
                text-decoration: underline;
            }

        footer #blocs .title {
            color: #4b4b4b;
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        footer #blocs .sites {
            margin-bottom: 15px;
            font-size: 13px;
        }

            footer #blocs .sites a {
                font-size: 13px;
                text-decoration: underline;
            }

                footer #blocs .sites a:hover {
                    color: #C7114F;
                }

        footer #blocs .socials > a {
            display: inline-block;
            width: 29px;
            height: 29px;
            margin-right: 25px;
            position: relative;
        }

      
        footer #blocs .appel {
            text-transform: uppercase;
            line-height: 22px;
            font-size: 14px;
        }

        footer #blocs .horaires {
            line-height: 14px;
            font-size: 14px;
            margin-bottom: 8px;
        }

        footer #blocs .cancontact {
            margin: 25px 0 5px;
        }

        footer #blocs .contact {
            height: 32px;
            display: block;
            font-size: 13px;
            font-weight: 300;
        }



        footer #blocs .avis {
            background-image: url(../imgs/bg_btn_avis.png);
            width: 197px;
            height: 46px;
            display: block;
            color: #FFFFFF;
            padding: 18px 0 0 75px;
            font-size: 16px;
            font-weight: 500;
            margin-top: 15px;
            border-radius: 2px;
        }

            footer #blocs .avis:hover {
                color: #FFFFFF;
                background-position: 0 -64px;
            }

    footer #bandeau {
        margin: 0 auto;
        padding: 0 8px;
        max-width: 944px;
        clear: both;
        text-align: center;
        padding-top: 45px;
    }

        footer #bandeau a,
        footer #bandeau span {
            color: #FFFFFF;
            font-family: 'Roboto Condensed';
            font-size: 12px;
            line-height: 10px;
            border-right: 1px solid #FFFFFF;
            text-transform: uppercase;
            display: inline-block;
            padding: 0 10px;
        }

            footer #bandeau a.last,
            footer #bandeau span.last {
                border: 0;
            }

            footer #bandeau a:hover {
                color: #fff;
                text-decoration: underline;
            }

/* $homepage */
a.save-card, a.save-date {
    color: #ffffff !important;
    display: block;
    float: none !important;
    font-size: 14px;
    margin: 5px auto 0;
    padding: 8px 0;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    width: 85%;
    font-weight: 400;
    border-radius: 2px;
}

#content {
    background-image: url(../imgs/bg_content.png);
    padding: 16px 0 1px 0;
}

    #content.no-background-image {
        background-image: none;
    }

    #content #sections {
        margin: 0 auto;
        max-width: 944px;
    }

register #content #sections .loader {
    text-align: center;
}

#content section,
#content .section {
    background-color: #FFFFFF;
    padding: 16px;
    margin-bottom: 16px;
    color: #323232;
    box-shadow: 0 4px 5px -2px #999999;
}

    #content section.no-shadow {
        box-shadow: none !important;
    }

#content .welcome {
    border-bottom: 3px solid #C7114F;
}

#content .no_margin {
    margin: 0 !important;
    border: none;
}

.accroche ul {
    margin-bottom: 0 !important;
}

#content .inscription .accroche,
#content .connexion .accroche,
#content .password .accroche {
    font-size: 18px;
    margin: 20px 0 25px 0;
}

#content .connexion .help {
    font-size: 14px;
    color: #C7114F;
}

    #content .connexion .help a {
        color: #C7114F;
        text-decoration: underline;
    }

#content .connexion .help_navigator {
    font-size: 14px;
}

    #content .connexion .help_navigator a {
        color: #323232;
        text-decoration: underline;
    }

#content .connexion .bandeau {
    margin-bottom: 10px;
    font-size: 12px;
}

    #content .connexion .bandeau img {
        float: left;
        max-width: 85px;
        margin-right: 10px;
    }

#content .inscription .accroche span {
    font-weight: 500;
}

#content .inscription .italic {
    text-align: center;
    font-style: italic;
    font-size: 14px;
    color: #646464;
}

.nom .italic {
    font-style: italic;
    font-size: 14px;
    color: #646464;
}

#content .inscription .btn_inscrire {
    height: 30px;
    width: 165px;
    border-radius: 2px;
    text-align: center;
    color: #FFFFFF;
    padding-top: 8px;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    margin: 10px auto 35px;
}

    #content .inscription .btn_inscrire:hover {
        background: #47b9f3;
    }

#content .inscription .btn_video {
    margin: 35px auto 0;
    height: 54px;
    text-transform: uppercase;
    width: 240px;
    background-repeat: repeat-x;
    display: block;
    text-align: center;
    padding: 10px 10px 0;
    color: #323232;
    border-radius: 2px;
    background: #ffdf71;
    background-image: -webkit-linear-gradient(top, #fffdf71 0, #f59e0f 100%);
    background-image: -moz-linear-gradient(top, #ffdf71 0, #f59e0f 100%);
    background-image: -ms-linear-gradient(top, #ffdf71 0, #f59e0f 100%);
    background-image: -o-linear-gradient(top, #ffdf71 0, #f59e0f 100%);
    background-image: linear-gradient(top, #ffdf71 0, #f59e0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf71',endColorstr='#f59e0f', GradientType=0);
}

    #content .inscription .btn_video:hover {
        background: #fdb700;
        background-image: -webkit-linear-gradient(top, #fdb700 0, #f78b00 100%);
        background-image: -moz-linear-gradient(top, #fdb700 0, #f78b00 100%);
        background-image: -ms-linear-gradient(top, #fdb700 0, #f78b00 100%);
        background-image: -o-linear-gradient(top, #fdb700 0, #f78b00 100%);
        background-image: linear-gradient(top, #fdb700 0, #f78b00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdb700',endColorstr='#f78b00', GradientType=0);
    }

#content .inscription .ul_title {
    font-size: 14px;
}

#content .inscription ul {
    font-size: 14px;
    margin-left: 5px;
    list-style-type: none;
    margin-bottom: 0 !important;
}

    #content .inscription ul li {
        text-indent: -1em;
        padding-left: 1em;
        margin-top: 8px;
        color: #646464;
    }

        #content .inscription ul li:before {
            content: "";
            background-image: url(../imgs/sprite_global.png);
            background-repeat: no-repeat;
            background-position: -9px -1025px;
            padding-left: 15px;
        }

#content .connexion .ref {
    margin-top: 10px;
    display: block;
}

#content .connexion .reference,
#content .connexion .bd,
#content .password .reference,
#content .password .bd,
#content .password .pwd,
#content .pwd {
    width: 190px;
    border-radius: 4px;
    background-color: #f2f2f2;
    border: 1px solid #999898;
    height: 30px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 0 5px;
    font-size: 18px;
}

#content .connexion .reference,
#content .connexion .pwd {
    width: 120px;
    border-radius: 4px;
    background-color: #f2f2f2;
    border: 1px solid #999898;
    height: 30px;
    margin-top: 5px;
    margin-right: 10px;
    padding: 0 5px;
    font-size: 18px;
}

.pwd {
    color: #000000 !important;
}

#content .info {
    cursor: pointer;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    color: #ffffff;
}

#content .miniInfo {
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-size: 15px;
    color: #ffffff;
}

#content span.info.tiny {
    width: 15px;
    height: 15px;
    line-height: 10px;
    font-size: 11px;
}

span.info.tiny span.icon-Icon-DC-DonneeAutres-Small {
    line-height: 15px;
}

.help-block.with-errors {
    color: #f29f1c;
}

    .help-block.with-errors.captcha ul li {
        margin-top: 5px !important;
        display: block;
        color: #C7114F;
        font-size: 14px;
        font-weight: bold;
    }

        .help-block.with-errors.captcha ul li:before {
            content: '▶ ';
            color: #C7114F;
        }

.LBD_CaptchaDiv .LBD_CaptchaImageDiv img {
    width: 100% !important;
}

#content .connexion .info .icon-Icon-DC-DonneeAutres-Small:before {
    color: #ffffff;
}

#content .connexion label,
#content .password label {
    margin: 15px 0 0 0;
    display: block;
    font-weight: inherit;
}

#content .connexion .ref_memo {
    margin: 30px 0 25px;
    font-size: 13px;
}

    #content .connexion .ref_memo label {
        margin-top: 0;
    }

#content .connexion .pass {
    border: 0;
    color: #C7114F;
    letter-spacing: 1.4em;
    background-image: url(../imgs/bg_password.png);
    background-repeat: no-repeat;
    background-position: 0 22px;
    padding: 0 0 10px 4px;
    width: 200px;
    display: inline-block;
    background-color: #FFFFFF;
}

#content .connexion .corriger,
#content .connexion .effacer {
    border: 1px solid #C7114F;
    border-radius: 4px;
    color: #646464;
    padding: 2px 25px;
    text-align: center;
    min-width: 55px;
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
    vertical-align: text-top;
    cursor: pointer;
}

    #content .connexion .corriger:hover,
    #content .connexion .effacer:hover {
        background: #fdb700;
        background-image: -webkit-linear-gradient(top, #fffffff 0, #e0f1fa 100%);
        background-image: -moz-linear-gradient(top, #ffffff 0, #e0f1fa 100%);
        background-image: -ms-linear-gradient(top, #ffffff 0, #e0f1fa 100%);
        background-image: -o-linear-gradient(top, #ffffff 0, #e0f1fa 100%);
        background-image: linear-gradient(top, #fffffff 0, #e0f1fa 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e0f1fa', GradientType=0);
    }

#content .connexion .has-error {
    border: 1px solid #ff0000;
}

#content .connexion .pave {
    height: 180px;
    width: 185px;
    float: left;
    margin: 10px 25px 25px 0;
}

#content .connexion .forgot {
    color: #C7114F;
    text-decoration: underline;
    font-size: 14px;
    margin: 10px 0 0 32px;
    display: inline-block;
    width: 150px;
}

#content .connexion .btn_meconnecter,
#content .password .btn_meconnecter {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-family: roboto;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    margin: 0 auto 21px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 165px;
    cursor: pointer;
}

.btn-waiting {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #FFF;
    display: none;
    font-family: roboto;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 15px;
    width: 240px;
}


#content .connexion .btn_meconnecter:hover,
#content .password .btn_meconnecter:hover,
btn-waiting:hover {
    background: #47b9f3;
}

#content .connexion .keypad-key {
    background-image: url(../imgs/bg_btn_inscrire.png);
    background-repeat: repeat-x;
    border: 0;
    border-radius: 4px;
    color: #FFFFFF;
    height: 38px;
    width: 38px;
    margin: 0 8px 8px 0;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
}

    #content .connexion .keypad-key:hover {
        background: #47b9f3;
        background-image: none;
    }

    #content .connexion .keypad-key p span {
        background-image: url(../imgs/bg_btn_nonumber.png);
        background-repeat: repeat-x;
        height: 38px;
        width: 38px;
        display: block;
        border-radius: 3px;
    }

#content .connexion .ref_memo p {
    margin-top: 10px;
    font-size: 11px;
    text-align: justify;
    text-justify: auto;
}

    #content .connexion .ref_memo p span {
        text-decoration: underline;
        cursor: pointer;
    }

#content .ref_memo input {
    margin: 0;
    height: 30px;
}

    #content .ref_memo input[type="checkbox"] {
        width: auto;
        height: auto;
    }

        #content .ref_memo input[type="checkbox"]:not(:checked), #content .ref_memo input[type="checkbox"]:checked {
            position: absolute;
            left: -9999px;
        }

            #content .ref_memo input[type="checkbox"]:not(:checked) + label, #content .ref_memo input[type="checkbox"]:checked + label {
                position: relative;
                padding-left: 24px;
                cursor: pointer;
                height: 24px;
                float: left;
            }

                #content .ref_memo input[type="checkbox"]:not(:checked) + label:before,
                #content .ref_memo input[type="checkbox"]:checked + label:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 16px;
                    height: 16px;
                    border: 1px solid #999898;
                    background: #F2F2F2;
                    border-radius: 3px;
                }

                #content .ref_memo input[type="checkbox"]:not(:checked) + label:after,
                #content .ref_memo input[type="checkbox"]:checked + label:after {
                    content: '✔';
                    position: absolute;
                    left: 5px;
                    top: -1px;
                    line-height: 19px;
                    font-size: 11px;
                    text-align: center;
                    color: #C7114F;
                    transition: all .2s;
                }

                #content .ref_memo input[type="checkbox"]:not(:checked) + label:after {
                    opacity: 0;
                    transform: scale(0);
                }

                #content .ref_memo input[type="checkbox"]:checked + label:after {
                    opacity: 1;
                    transform: scale(1);
                }

            #content .ref_memo input[type="checkbox"]:checked:focus + label:before,
            #content .ref_memo input[type="checkbox"]:not(:checked):focus + label:before {
                border: 1px dotted #999898;
            }

#content .news h2 a {
    color: #323232;
    display: block;
}

#content .news ul {
    list-style-type: none;
    margin-bottom: 0 !important;
}

#content .news li {
    background-color: #F5F5F5;
    border-bottom: 1px solid #A8A7A6;
    margin-top: 13px;
    width: auto;
    height: 60px;
    font-size: 12px;
    padding: 10px;
}

    #content .news li img {
        float: left;
        margin-right: 15px;
        width: 57px;
        height: auto;
    }

    #content .news li .date {
        color: #C7114F;
        font-weight: 500;
    }

    #content .news li .titre {
        font-weight: 500;
        color: #646464;
    }

    #content .news li .text, #content .news li .text {
        color: #646464;
        display: block;
        height: 20px;
    }

#content .slider {
    position: relative;
}

#content .owl-prev:before {
    content: "";
    background-image: url(../imgs/owl-arrow-next-prev.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    zoom: 1;
    position: absolute;
    top: 42%;
    width: 18px;
    height: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#content .owl-next:before {
    content: "";
    display: block;
    background-image: url(../imgs/owl-arrow-next-prev.png);
    background-repeat: no-repeat;
    background-position: -18px 0;
    zoom: 1;
    position: absolute;
    top: 42%;
    width: 18px;
    height: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#popin_business_card {
    max-width: 600px;
}

    #popin_business_card ul {
        list-style-type: disc;
        padding-left: 20px;
        margin-bottom: 0 !important;
    }

        #popin_business_card ul.app-qr-code {
            list-style-type: none;
        }

            #popin_business_card ul.app-qr-code li:before {
                content: '- ';
            }

    #popin_business_card a {
        color: #C7114F;
    }

    #popin_business_card .flashcode {
        color: #008dd6;
        text-decoration: underline;
    }

    #popin_business_card .name {
        display: block;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 15px;
    }

        #popin_business_card .name strong {
            text-transform: uppercase;
            font-weight: 300;
        }

    #popin_business_card img {
        margin: 35px auto 0;
        display: block;
    }

.ref-img {
    width: 25%;
    float: left;
    margin-top: 16px;
    max-width: 85px;
}

.ref-img-zoom {
    width: 70%;
    float: right;
    margin-top: 16px;
    border: 1px solid #cecece;
    max-width: 240px;
}

/* $noconnected */
#etapes {
    clear: both;
    background: #C7114F;
    padding: 5px;
}

    #etapes ul {
        list-style-type: none;
        margin: 0 auto;
        max-width: 944px;
        margin-bottom: 0 !important;
    }

        #etapes ul li {
            border: 2px solid #C7114F;
            float: left;
            line-height: 24px;
            font-size: 14px;
            color: #ffffff;
            font-weight: 400;
            padding: 0 15px;
        }

            #etapes ul li.active {
                background: #E6487E;
                border: none;
                margin-top: 2px;
            }

    #etapes .separation {
        height: 1px;
        background: #C7114F;
        display: block;
        float: left;
        width: 14px;
        margin-top: 17px;
    }

.md-width-style {
    max-width: 640px;
    margin: 20px auto;
}

.form-style {
    margin: 0 auto;
}

    .form-style.check-position {
        margin-left: 30px;
    }

    .form-style input.bd, .form-style input.reference {
        margin-right: 10px;
    }

    .form-style label {
        margin-top: 22px;
        display: block;
        font-weight: inherit;
    }

        .form-style label.inline {
            margin-top: 22px;
            display: inline;
        }

    .form-style .ui-datepicker-trigger {
        vertical-align: middle;
        display: none;
    }

    .form-style input, .form-style select {
        background-color: #F2F2F2;
        border: 1px solid #cccccc;
        border-radius: 4px;
        font-size: 16px;
        height: 25px;
        line-height: 25px;
        margin-top: 5px;
        padding: 0 5px;
        width: 190px;
        outline-color: #F39200;
    }

    .form-style input#Email,
    .form-style input#EmailConfirm {
        width: 276px;
        box-sizing: border-box;
    }

    @media (max-width: 320px) {
        .form-style input#Email,
        .form-style input#EmailConfirm {
            width: 100%;
        }
    }

/* Ecrase le comportement de select2.min.css*/
.select2-selection__rendered {
    font-weight: 400;
}

.form-style input[type="password"] {
    color: #C7114F;
}

.form-style .bluePassword {
    color: #008ed6;
}

.form-style input.email {
    width: 276px;
    background-color: #F2F2F2;
    border: 1px solid #999898;
    border-radius: 4px;
    font-size: 16px;
    height: 29px;
    margin-top: 5px;
    padding: 0 5px;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.form-style .select {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    background-color: #F2F2F2;
    border-radius: 4px;
    height: 29px;
    padding-top: 5px;
}

.form-style .select {
    padding-top: 0;
}

    .form-style .select select#secret_question {
        padding-top: 0;
        margin-top: 0;
    }

    .form-style .select select.qs {
        background: url(../imgs/bg_select_qs.png) no-repeat 345px 10px;
        border: none;
        font-size: 16px;
        width: 390px;
        padding: 0 5px;
    }

        .form-style .select select.qs option {
            padding: 3px;
        }

.form-style .i_select {
    margin-bottom: 10px;
}

select option {
    box-shadow: inset 20px 20px #f00
}

    select option:hover {
        background-color: #C7114F;
        color: white;
        box-shadow: inset 20px 20px #00f;
    }


.new-form .input-validation-error,
.form-style .input-validation-error,
#content #sections .management-action .newIBANInputZone .input-validation-error,
#content section .error-container {
    border: 2px solid #fdb813 !important;
}

.new-form .field-validation-error,
.form-style .field-validation-error {
    margin-top: 5px !important;
    display: block;
    color: #C7114F;
    font-size: 14px;
    font-weight: bold;
}

    .new-form .field-validation-error:before,
    .form-style .field-validation-error:before {
        content: '\0025B6\00FE0E\0020';
        color: #C7114F;
    }

.new-form .field-validation-error-validation-summary,
.form-style .field-validation-error-validation-summary {
    margin-top: 5px !important;
    display: block;
    color: #C7114F;
    font-size: 14px;
    font-weight: bold;
}

    .new-form .field-validation-error-validation-summary li:before,
    .form-style .field-validation-error-validation-summary li:before {
        content: '\0025B6\00FE0E\0020';
        color: #C7114F;
    }


.new-form input,
.new-form select {
    background-color: #F2F2F2;
    border: 1px solid #999898;
    border-radius: 4px;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    width: 190px;
}

.form-style #mail_subject {
    clear: both;
    padding-top: 3px;
}

    .form-style #mail_subject option {
        padding: 2px 7px;
    }

.form-style .btn_valider {
    background: #F39200;
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Roboto";
    font-weight: 500 !important;
    height: 38px;
    line-height: 38px;
    margin: 20px auto;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    font-size: 16px;
    cursor: pointer;
}

    .form-style .btn_valider:hover {
        background: #f5a52e;
    }

.form-style .btn_cancel {
    padding: 0;
    width: 150px;
}

a.btn_cancel:hover, a.btn_cancel:focus {
    color: white;
    text-decoration: none;
}

.form-style div {
    position: relative;
}

.form-style.form-bank div {
    position: static;
}

    .form-style.form-bank div.nom .field-validation-error {
        position: absolute;
        left: 0;
    }

#content .check {
    display: block;
    width: 24px;
    height: 21px;
    background: url(../imgs/check.png) no-repeat;
    text-indent: -9999px;
    position: absolute;
    left: -32px;
    top: 32px;
}

.tab {
    margin: 15px;
    float: left;
}

#content .register .check {
    top: auto !important;
    bottom: 4px;
}

#content .register .info,
.form-style .info {
    cursor: pointer;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 3px;
}

    #content .register .info .icon-Icon-DC-DonneeAutres-Small:before {
        color: #ffffff;
    }

.convention {
    color: #646464;
}

.convention_popin_scroll {
    overflow: auto;
    height: 700px;
    margin-top: 15px;
    line-height: 28px;
    background-color: #f2f2f2;
    border: 1px solid #999898;
    border-radius: 5px;
    padding: 10px !important;
}

.convention_scroll {
    background: #f2f2f2;
    border: 1px solid #999898;
    border-radius: 5px;
    padding: 10px;
    margin: 0 !important;
    overflow: auto;
    height: 150px;
}

.convention h3 {
    font-weight: 300;
    color: #000000;
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 15px;
}

.convention .sous_titre {
    display: block;
    color: #C7114F;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 5px;
}

.convention .adresse {
    margin-left: 20px;
    display: block;
}

#content .check_convention {
    padding-top: 27px;
}

    #content .check_convention span a {
        text-decoration: underline;
        color: #000000;
    }

#content .link_popin a {
    float: right;
    text-decoration: underline;
    color: #000000;
    cursor: pointer;
}

#content .link_popin_head .link_popin a {
    float: none;
}

#content .link_popin_head {
    text-align: right;
}

#content #sections .register .data_display ul {
    padding: 0;
    margin-bottom: 0 !important;
}

.register .arrow {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #FDB813;
    display: block;
    margin: 5px 5px 0 0;
    bottom: -12px;
    text-indent: -9999px;
    float: left;
}

#popin_valider {
    color: #646464;
}

    #popin_valider p {
        margin-bottom: 20px;
    }

        #popin_valider p span {
            color: #C7114F;
        }

    #popin_valider h3 {
        color: #000000;
        font-size: 32px;
        font-weight: 300;
        text-transform: uppercase;
    }

    #popin_valider ul, #popin_valider div.info_list {
        margin: 10px 0;
        padding: 10px 0;
        border-bottom: 1px dotted #646464;
    }

    #popin_valider ul {
        margin-bottom: 0 !important;
    }


    #popin_valider .btn_modif {
        background-color: #F39200;
        border-radius: 2px;
        clear: both;
        color: #FFFFFF;
        display: block;
        float: right;
        font-weight: 500;
        height: 23px;
        padding-top: 2px;
        text-align: center;
        text-transform: uppercase;
        width: 185px;
    }

    #popin_valider .btn_annuler {
        background-image: url("../imgs/bg_btn_inscrire.png");
        background-repeat: repeat-x;
        border-radius: 2px;
        clear: both;
        color: #FFFFFF;
        display: block;
        font-weight: 500;
        height: 30px;
        margin: 35px auto 0;
        padding-top: 8px;
        text-align: center;
        text-transform: uppercase;
        width: 150px;
    }

#paragraphPassword, #paragraphLicenceDisclaimer {
    margin-top: 32px;
    text-align: justify;
}

/* $homeconnected */
#content #sections .left {
    float: left;
    width: 66.66%;
}

    #content #sections .left section {
        margin-right: 8px;
    }

#content #sections .right {
    float: left;
    width: 33.33%;
}

    #content #sections .right section {
        margin-left: 8px;
    }

#content #sections .slider_co #owl-demo {
    padding-bottom: 4px;
}

#content #sections .small_slider .item {
    position: relative;
}

    #content #sections .small_slider .item h3 {
        position: absolute;
        bottom: 15%;
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 67%;
        padding: 2% 5%;
        background-color: rgba(255, 255, 255, 0.8);
        text-align: center;
        font-weight: normal;
    }

#content #sections .alert_info {
    background: #e7f5fd;
}

    #content #sections .alert_info h2 {
        color: #008dd6;
    }

    #content #sections .alert_info span {
        color: #008dd6;
        text-decoration: underline;
    }



#content #sections .contrats h3 {
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    margin: 32px 0 8px;
}

#content #sections .contrats .prevoyance,
#content #sections .contrats .epargne,
#content #sections .contrats .retraite,
#content #sections .contrats .sante,
#content #sections .contrats .emprunteur {
    margin-top: 9px;
}

#content #sections .contrats span.type_assurance {
    display: block;
    float: left;
    width: 23%;
    text-transform: uppercase;
    color: #ffffff;
    padding-left: 2%;
}

    #content #sections .contrats span.type_assurance span {
        display: table-cell;
        vertical-align: middle;
    }

#content #sections .contrats .sante span.type_assurance, #content #sections .contrats .retraite span.type_assurance,
#content #sections .contrats .emprunteur span.type_assurance {
    display: block;
    float: left;
    width: 23%;
    text-transform: uppercase;
    color: #ffffff;
    padding-left: 2%;
}

#content #sections .contrats .offre a {
    display: block;
    float: left;
    background: #f1f1f1 !important;
    line-height: 32px;
    width: 99%;
    padding-left: 1%;
    font-size: 14px;
    font-style: italic;
    color: #323232;
}

    #content #sections .contrats .offre a:hover {
        text-decoration: underline;
    }

#content #sections .contrats .offre .titre {
    color: #C7114F !important;
    text-decoration: underline !important;
}

#content #sections .contrats .list_assurance {
    float: right;
    width: 74%;
    background: #ffffff;
    border-left: 2px solid #ffffff;
    overflow: auto;
    max-height: 120px;
}

    #content #sections .contrats .list_assurance .assurance {
        background: #eaeaea;
        border-bottom: 1px solid #999898;
        padding-left: 2%;
        margin-bottom: 3px;
    }

        #content #sections .contrats .list_assurance .assurance:nth-last-child(-n+1) {
            margin-bottom: 0px;
        }

        #content #sections .contrats .list_assurance .assurance:hover {
            background: #eaeaea;
        }

ul.list_assurance {
    margin-bottom: 0 !important;
}

#content #sections .contrats .list_assurance .offre {
    width: 98.5%;
}

#content #sections .contrats .bloc_list_prevoyance {
    background: #69b6c9;
}

#content #sections .contrats .bloc_list_epargne {
    background: #cd7496;
}

#content #sections .contrats .bloc_list_retraite {
    background: #acb371;
}

#content #sections .contrats .bloc_list_sante {
    background: #74a7d3;
}

#content #sections .contrats .bloc_list_emprunteur {
    background: #937BA6;
}

#content #sections .contrats .list_assurance:last-child {
    margin: 0;
}

#content #sections .contrats .list_assurance li > div,
#content #sections .contrats .list_assurance li .table,
#content #sections .contrats .list_assurance li a {
    display: table;
    width: 100%;
    vertical-align: middle;
}

    #content #sections .contrats .list_assurance li a span,
    #content #sections .contrats .list_assurance li > div > span,
    #content #sections .contrats .list_assurance li > div > div,
    #content #sections .contrats .list_assurance li > a > div,
    #content #sections .contrats .list_assurance li .table span {
        display: table-cell;
        vertical-align: middle;
    }

#content #sections .contrats .list_assurance li div .affiliated-content {
    text-decoration: underline
}

    #content #sections .contrats .list_assurance li div .affiliated-content::before {
        content: "\25ba";
    }


#content #sections .contrats .list_assurance .titre {
    width: 55%;
    color: #000000;
    vertical-align: middle;
}

#content #sections .contrats .list_assurance .contract-paragraph {
    color: #000000;
    margin-left: 4rem;
    line-height: 22px;
}

#content #sections .contrats .list_assurance .code,
#content #sections .contrats .list_assurance div .code {
    font-size: 14px;
    color: #646464;
    line-height: 22px;
    padding: 5px 0;
}


#content #sections .contrats .list_assurance .your-contract b {
    font-weight: 400;
}

#content #sections .contrats .epargne .list_assurance .your-contract {
    background: #e63131;
}

    #content #sections .contrats .epargne .list_assurance .your-contract:hover {
        background: #ffffff;
        color: #e63131;
    }

.bull-epargne {
    color: #e63131 !important;
}

#content #sections .contrats .prevoyance .list_assurance .your-contract {
    background: #69b6c9;
}

    #content #sections .contrats .prevoyance .list_assurance .your-contract:hover {
        background: #ffffff;
        color: #69b6c9;
    }

.bull-prevoyance {
    color: #69b6c9 !important;
}

#content #sections .contrats .retraite .list_assurance .your-contract {
    background: #a80606;
}

    #content #sections .contrats .retraite .list_assurance .your-contract:hover {
        background: #ffffff;
        color: #a80606;
    }

.bull-retraite {
    color: #a80606 !important;
}

#content #sections .contrats .sante .list_assurance .your-contract {
    background: #66c44e;
}

    #content #sections .contrats .sante .list_assurance .your-contract:hover {
        background: #ffffff;
        color: #66c44e;
    }

.bull-sante {
    color: #66c44e !important;
}

#content #sections .contrats .list_assurance .titre {
    padding-right: 5px;
    color: #696464;
    text-decoration: underline;
}

    #content #sections .contrats .list_assurance .titre.black {
        color: #000;
        text-decoration: none;
    }

    #content #sections .contrats .list_assurance .titre.grey {
        color: #696464;
        text-decoration: none;
    }

#content #sections .contrats .no-contract {
    padding-top: 20px;
    font-weight: 600;
}

.button-list-sante {
    position: relative;
}

.asterisque:after {
    content: "*";
    color: #ff0000;
}

.action ul {
    margin-bottom: 0 !important;
}

#content #sections .action ul li {
    height: 44px;
    line-height: 44px;
    margin-bottom: 13px;
    border-radius: 3px;
    background-color: #F39200;
}

    #content #sections .action ul li a {
        color: #ffffff;
        display: block;
    }

    #content #sections .action ul li.last {
        margin: 0;
    }

    #content #sections .action ul li .picto_suivi, #content #sections .action ul li .picto_msg, #content #sections .action ul li .picto_doc, #content #sections .action ul li .picto_note {
        display: block;
        height: 29px;
        width: 29px;
        margin: 7px 7px 0;
    }

    #content #sections .action ul li .picto_suivi {
        float: left;
        background: url(../imgs/sprite_action.png) 0 0 no-repeat;
        position: relative;
    }

    #content #sections .action ul li .picto_note {
        float: left;
        background: url(../imgs/sprite_action.png) -145px 0 no-repeat;
        position: relative;
    }

a.ico-note:before {
    content: "";
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    position: relative;
    border-radius: 50%;
    top: 5px;
    margin-right: 5px;
    background: url(../imgs/sprite_action.png) no-repeat #C7114F;
    background-position: -145px -1px;
}

#btnForm.picto_download_pdf {
    float: right;
    background: url(../imgs/sprite_action.png) -116px 0 no-repeat;
    width: 30px;
    height: 29px;
    margin-right: 20px;
    border-radius: 50%;
}

    #btnForm.picto_download_pdf:hover {
        float: right;
        background: url(../imgs/sprite_action.png) -116px -29px no-repeat;
        width: 30px;
        height: 29px;
        margin-right: 20px;
        border-radius: 50%;
    }

#content #sections .action ul li .nbr-doc {
    position: absolute;
    background: #d92c2c;
    font-size: 11px;
    width: 17px;
    height: 17px;
    display: block;
    line-height: 17px;
    text-align: center;
    border-radius: 50%;
    right: -5px;
    top: -5px;
}

#content #sections .action ul li .picto_msg {
    float: left;
    background: url(../imgs/sprite_action.png) -29px 0 no-repeat;
}

#content #sections .action ul li .picto_doc {
    float: left;
    background: url(../imgs/sprite_action.png) -58px 0 no-repeat;
    position: relative;
}

#content #sections .action ul li .picto_received {
    display: block;
    height: 29px;
    width: 28px;
    margin: 7px 7px 0;
    float: right;
    background: url(../imgs/sprite_action.png) -87px 0 no-repeat;
    color: #ffffff;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    position: relative;
    display: none;
}

#content #sections .action ul li:hover .picto_received {
    background: url(../imgs/sprite_action.png) -87px -29px no-repeat;
}

#content #sections .conseiller h2 {
    min-height: 40px;
}

.conseiller ul {
    margin-bottom: 0 !important;
}

#content #sections .conseiller ul li {
    text-align: center;
}

    #content #sections .conseiller ul li.appel {
        text-transform: uppercase;
    }

    #content #sections .conseiller ul li img {
        margin: 11px 0;
        width: 100%;
    }

#content #sections .conseiller .nom,
#content #sections .conseiller .lieu,
#content #sections .conseiller .numero {
    display: block;
}

#content #sections .conseiller .lieu,
#content #sections .conseiller .nom {
    font-weight: 500;
}

#content #sections .conseiller .numero {
    margin-bottom: 35px;
}

#content #sections .conseiller img {
    float: right;
    margin-top: 5px;
}

#content #sections .informations .nom {
    display: block;
    margin-top: 20px;
}

#content #sections .informations .bloc_info ul {
    color: #646464;
    font-size: 14px;
    margin-bottom: 0 !important;
}

#content #sections .informations .btn_maj {
    border-radius: 2px;
    color: #FFFFFF;
    display: block;
    font-weight: 500;
    height: 30px;
    margin: 10px auto;
    padding-top: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 165px;
    background-color: #F39200;
}

#content #sections .informations .complet_info {
    background: #eaeaea;
    padding: 10px;
    margin: 10px 0;
}

    #content #sections .informations .complet_info .complet_bar {
        position: relative;
        height: 24px;
        background: #b1afaf;
        margin: 5px 0;
        border-radius: 2px;
    }

        #content #sections .informations .complet_info .complet_bar div {
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

        #content #sections .informations .complet_info .complet_bar .graduation {
            display: block;
            float: left;
            width: 10%;
            height: 5px;
            z-index: 10;
            position: relative;
        }

            #content #sections .informations .complet_info .complet_bar .graduation span {
                display: block;
                border-left: 1px solid #707070;
                margin-top: 19px;
                position: relative;
                height: 5px;
            }

            #content #sections .informations .complet_info .complet_bar .graduation .none {
                border: none;
            }

.complet_bar .js-nb-percent {
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 5;
}

.picto_circle {
    background: url(../imgs/sprite_global.png) 0 -1143px no-repeat;
    display: block;
    width: 29px;
    height: 29px;
    float: right;
}

.picto_mail {
    background: url(../imgs/sprite_information.png) 0 -41px no-repeat;
    padding-left: 24px;
}

.picto_mphone {
    background: url(../imgs/sprite_information.png) 3px -20px no-repeat;
    padding-left: 24px;
}

.conseiller h2 {
    text-transform: uppercase;
    font-size: 16px;
    color: #323232;
    font-weight: 300;
    line-height: 37px;
}
/* $contrat */
#content #sections .info_left {
    float: left;
    width: 24%;
}

#content #sections .info_right {
    float: right;
    width: 74%;
}

    #content #sections .info_right.js-contract-content {
        position: relative;
        z-index: 5;
    }

#content #sections #bloc_epargne .title_page {
    border-bottom: 3px solid #cd7496;
}

#content #sections #bloc_prevoyance .title_page {
    border-bottom: 3px solid #69b6c9;
}

#content #sections #bloc_retraite {
    position: relative;
    z-index: 1;
}

    #content #sections #bloc_retraite .title_page {
        border-bottom: 3px solid #acb371;
    }

#content #sections #bloc_sante .title_page {
    border-bottom: 3px solid #74a7d3;
}

#content #sections #bloc_epargne .link-pdf {
    color: #323232;
}

    #content #sections #bloc_epargne .link-pdf:hover .link-pdf-a {
        text-decoration: underline;
    }

    #content #sections #bloc_epargne .link-pdf .icon-Icon-AC-SyntheseContrat-Small {
        font-size: 29px;
        border-radius: 50%;
        color: #ffffff;
        background: #2bb0f1;
    }

#content #sections .title_page h2 span {
    float: right;
    font-size: 14px;
    line-height: 32px;
}

#content #sections .garantie {
    clear: both;
    padding: 0px;
}
#content #sections .garantie:has(*) {
    padding: 16px;
}

    #content #sections .garantie h3 {
        font-weight: 400;
        margin-bottom: 16px;
    }

    #content #sections .garantie div:after {
        content: '';
        clear: both;
        display: block;
    }

#content #sections .info_slider {
    clear: both;
}

#content #sections .info_menu h2 {
    font-size: 14px;
    color: #323232;
    margin-top: 20px;
    text-transform: none;
}

#content #sections .info_menu ul {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    margin-bottom: 0 !important;
}

    #content #sections .info_menu ul li {
        border-bottom: 1px solid #d1d1d1;
        position: relative;
    }

    #content #sections .info_menu ul:hover {
        cursor: pointer;
    }

    #content #sections .info_menu ul.prevoyance li:hover,
    #content #sections .info_menu ul.prevoyance li.active {
        background: #69b6c9;
        color: #ffffff;
    }

    #content #sections .info_menu ul.epargne li:hover,
    #content #sections .info_menu ul.epargne li.active {
        background: #cd7496;
        color: #ffffff;
    }

    #content #sections .info_menu ul.retraite li:hover,
    #content #sections .info_menu ul.retraite li.active {
        background: #acb371;
        color: #ffffff;
    }

    #content #sections .info_menu ul.sante li:hover,
    #content #sections .info_menu ul.sante li.active {
        background: #74a7d3;
        color: #ffffff;
    }

    #content #sections .info_menu ul.emprunteur li:hover,
    #content #sections .info_menu ul.emprunteur li.active {
        background: #937BA6;
        color: #ffffff;
    }

        #content #sections .info_menu ul.prevoyance li:hover a,
        #content #sections .info_menu ul.prevoyance li:hover span,
        #content #sections .info_menu ul.epargne li:hover a,
        #content #sections .info_menu ul.epargne li:hover span,
        #content #sections .info_menu ul.retraite li:hover a,
        #content #sections .info_menu ul.retraite li:hover span,
        #content #sections .info_menu ul.sante li:hover a,
        #content #sections .info_menu ul.sante li:hover span,
        #content #sections .info_menu ul.prevoyance li.active a,
        #content #sections .info_menu ul.epargne li.active a,
        #content #sections .info_menu ul.retraite li.active a,
        #content #sections .info_menu ul.sante li.active a,
        #content #sections .info_menu ul.prevoyance li.active span,
        #content #sections .info_menu ul.epargne li.active span,
        #content #sections .info_menu ul.retraite li.active span,
        #content #sections .info_menu ul.sante li.active span,
        #content #sections .info_menu ul.emprunteur li.active span {
            color: #ffffff;
        }

    #content #sections .info_menu ul li a {
        color: #000000;
        display: block;
        min-height: 37px;
        padding: 4px 10px;
    }

    #content #sections .info_menu ul li span {
        display: block;
        font-size: 11px;
        color: #646464;
    }

#content #sections .info_menu .prevoyance_border {
    display: block;
    border-top: 4px solid #69b6c9;
    margin-bottom: 1px;
}

#content #sections .info_menu .epargne_border {
    display: block;
    border-top: 4px solid #cd7496;
    margin-bottom: 1px;
}

#content #sections .info_menu .retraite_border {
    display: block;
    border-top: 4px solid #acb371;
    margin-bottom: 1px;
}

#content #sections .info_menu .sante_border {
    display: block;
    border-top: 4px solid #74a7d3;
    margin-bottom: 1px;
}

#content #sections .info_menu .emprunteur_border {
    display: block;
    border-top: 4px solid #937BA6;
    margin-bottom: 1px;
}

#content #sections .info_menu ul.prevoyance li span.active,
#content #sections .info_menu ul.epargne li span.active,
#content #sections .info_menu ul.retraite li span.active,
#content #sections .info_menu ul.sante li span.active,
#content #sections .info_menu ul.emprunteur li span.active,
#content #sections .info_menu ul.prevoyance li.active span.active,
#content #sections .info_menu ul.epargne li.active span.active,
#content #sections .info_menu ul.retraite li.active span.active,
#content #sections .info_menu ul.sante li.active span.active,
#content #sections .info_menu ul.sante li.emprunteur span.active {
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    display: none;
}

#content #sections .info_menu ul.prevoyance li span.active {
    border-left: 10px solid #69b6c9;
}

#content #sections .info_menu ul.epargne li span.active {
    border-left: 10px solid #cd7496;
}

#content #sections .info_menu ul.retraite li span.active {
    border-left: 10px solid #acb371;
}

#content #sections .info_menu ul.sante li span.active {
    border-left: 10px solid #74a7d3;
}

#content #sections .info_menu ul.emprunteur li span.active {
    border-left: 10px solid #937BA6;
}

#content #sections .info_menu ul li:hover span.active,
#content #sections .info_menu ul li.active span.active {
    display: block;
}

#content #sections .garantie h4 {
    font-style: italic;
    font-size: 16px;
    font-weight: 300;
    margin-top: 15px;
}

#content #sections .garantie h5 {
    font-style: italic;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

#content #sections .garantie .group-title {
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    display: block;
}

.garantie .epargne,
.garantie .capitale {
    width: 47%;
    padding: 0 1%;
    background: #efefef;
    font-weight: 500;
    font-size: 16px;
    line-height: 41px;
    margin-bottom: 15px;
}

.garantie .epargne {
    float: left;
}

#content #sections .full-line {
    float: none;
    width: auto;
    position: relative;
}

#content #sections .garantie .list_garantie .title {
    display: inline-block;
    max-width: 70%;
    line-height: normal;
    margin: 10px 0;
}

#content #sections .garantie .list_garantie .titlelarge {
    display: inline-block;
    width: 90%;
    line-height: normal;
    margin-top: 10px;
}

#content #sections .garantie .epargne .sup,
#content #sections .garantie .capitale .sup {
    font-size: 18px !important;
}

#content #sections .garantie .capitale {
    float: right;
}

    #content #sections .garantie .capitale .sup {
        float: right;
    }

#content #sections .garantie .animate-nb,
#content #sections .garantie .sup,
#content #sections .garantie ul li .date .prix {
    font-size: 26px;
    font-weight: normal;
}

#content #sections .garantie .epargne .animate-nb,
#content #sections .garantie .epargne .sup {
    float: right;
}

#bloc_prevoyance .garantie .animate-nb,
#bloc_prevoyance .garantie .sup {
    color: #69b6c9;
}

#bloc_epargne .garantie .animate-nb,
#bloc_epargne .garantie .sup {
    color: #cd7496;
}

#bloc_retraite .garantie .animate-nb,
#bloc_retraite .garantie .sup {
    color: #acb371;
}

#bloc_sante .garantie .animate-nb,
#bloc_sante .garantie .sup {
    color: #74a7d3;
}

.garantie .capitale .sup,
.garantie .epargne .sup {
    font-size: 1.4em !important;
    margin-left: 5px;
    margin-top: -10px;
}

#content #sections .garantie ul {
    clear: both;
    margin-bottom: 0 !important;
}

    #content #sections .garantie ul.top {
        margin-bottom: 15px;
    }

        #content #sections .garantie ul.top li .date .prix span {
            color: #2BB0F1 !important;
        }

    #content #sections .garantie ul li {
        background: #efefef;
        line-height: 41px;
        margin-bottom: 15px;
        padding: 0 1%;
        font-weight: 500;
        font-size: 16px;
        position: relative;
        padding-left: 36px;
    }

#content #sections .garantie_desc ol {
    padding-left: 15px;
}

    #content #sections .garantie_desc ol > li {
        line-height: inherit;
        font-size: inherit;
        font-weight: inherit;
        padding-left: 15px;
    }

#content #sections .garantie ul li.last {
    margin-bottom: 0;
    margin-top: 0;
}

#content #sections .garantie ul li.toggle .toggle-btn {
    background: #efefef;
    background-image: -webkit-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -moz-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -ms-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -o-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#d4d4d4', GradientType=0);
    cursor: pointer;
    margin-left: -36px;
    padding-left: 36px;
    margin-right: -1%;
}

#content #sections .garantie ul li.toggle .moreinfolink {
    color: #C7114F;
    text-decoration: underline;
    font-size: 12px;
    margin: 0 0 0 0;
    display: inline-block;
}

#content #sections .garantie ul li.toggle .blacklink {
    color: #323232;
}

#content #sections .garantie ul li.toggle .btn_toggle_up {
    display: block;
    float: right;
    width: 22px;
    height: 22px;
    background: url(../imgs/sprite_global.png) 0 -1194px no-repeat;
    margin-top: 10px;
    cursor: pointer;
    margin-right: 1%;
}

#content #sections .garantie ul li.toggle .btn_toggle_down {
    display: block;
    float: right;
    width: 22px;
    height: 22px;
    background: url(../imgs/sprite_global.png) -24px -1194px no-repeat !important;
    margin-top: 10px;
    cursor:;
    margin-right: 1%;
}

#content #sections .garantie ul li.toggle .title {
    width: auto;
}

#content #sections .garantie ul li.toggle .garantie_desc {
    margin-left: -36px;
}

#content #sections .garantie ul li .date {
    float: right;
    display: block;
    color: #646464;
    font-size: 11px;
    font-weight: 300;
}

#content #sections .mydoc ul li .date {
    background: #efefef;
    background-image: -webkit-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -moz-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -ms-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -o-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#d4d4d4', GradientType=0);
    font-size: 14px;
    text-align: center;
    float: left;
    padding: 8px;
}

    #content #sections .mydoc ul li .date span {
        padding: 8px;
    }

#content #sections #bloc_prevoyance .garantie ul li .date .prix,
#content #sections #bloc_epargne .garantie ul li .date .prix,
#content #sections #bloc_retraite .garantie ul li .date .prix,
#content #sections #bloc_sante .garantie ul li .date .prix {
    display: block;
    float: left;
}

#content #sections #bloc_prevoyance .garantie ul li .date .level,
#content #sections #bloc_epargne .garantie ul li .date .level,
#content #sections #bloc_retraite .garantie ul li .date .level,
#content #sections #bloc_sante .garantie ul li .date .level {
    font-size: large;
    font-weight: normal;
    display: block;
    float: left;
}

#content #sections .garantie ul li .date .date-echeance {
    margin-left: 30px;
}

#content #sections .garantie ul li .date .prix .sup {
    font-size: 62%;
    line-height: 1.8em;
    vertical-align: top;
}

#content #sections #bloc_prevoyance .garantie ul li .date .prix span,
#content #sections #bloc_prevoyance .garantie ul li .date .prix .sup {
    color: #69b6c9;
}

#content #sections #bloc_epargne .garantie ul li .date .prix span,
#content #sections #bloc_epargne .garantie ul li .date .prix .sup {
    color: #cd7496;
}

#content #sections #bloc_retraite .garantie ul li .date .prix span,
#content #sections #bloc_retraite .garantie ul li .date .prix .sup {
    color: #acb371;
}

#content #sections #bloc_sante .garantie ul li .date .prix span,
#content #sections #bloc_sante .garantie ul li .date .prix .sup {
    color: #74a7d3;
}

#content #sections .garantie .garantie_desc {
    display: block;
    background: #efefef;
    padding: 0 15px 15px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
}

    #content #sections .garantie .garantie_desc ul.lv1 li {
        margin-left: 24px;
    }

        #content #sections .garantie .garantie_desc ul.lv1 li:before {
            content: '- ';
            display: inline-block;
            margin-right: 12px;
        }

    #content #sections .garantie .garantie_desc ul.lv2 li {
        margin-left: 60px;
        list-style-type: disc;
    }

        #content #sections .garantie .garantie_desc ul.lv2 li:before,
        #content #sections .garantie .garantie_desc ul.lv3 li:before {
            display: none;
        }

    #content #sections .garantie .garantie_desc ul.lv3 li {
        margin-left: 80px;
        list-style-type: circle;
    }

    #content #sections .garantie .garantie_desc p {
        padding: 15px 0 0;
    }

    #content #sections .garantie .garantie_desc img {
        float: right;
    }

    #content #sections .garantie .garantie_desc ul li {
        background: none;
        margin: 15px 0 0 35px;
        padding: 0;
        line-height: normal;
        font-weight: 300;
        font-size: 14px;
        /*list-style-type: disc;*/
    }

        #content #sections .garantie .garantie_desc ul li ul li {
            margin-top: 0;
            list-style-type: none;
        }

            #content #sections .garantie .garantie_desc ul li ul li:before {
                border-bottom: 4px solid transparent;
                border-left: 7px solid #323232;
                border-top: 4px solid transparent;
                content: "" !important;
                display: inline-block;
                height: 0;
                margin-right: 5px;
                width: 0;
            }

    #content #sections .garantie .garantie_desc b {
        font-weight: 400;
    }

#content #sections .garantie .check {
    display: block;
    width: 24px;
    height: 21px;
    background: url(../imgs/check.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 5px;
}

.doc ul {
    margin-bottom: 0 !important;
}

#content #sections .doc ul li {
    background: #efefef;
    background-image: -webkit-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -moz-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -ms-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -o-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#d4d4d4', GradientType=0);
    line-height: 45px;
    border-bottom: 1px solid #999898;
    padding-left: 2%;
    margin-top: 13px;
    font-size: 14px;
    font-weight: 400;
}

    #content #sections .doc ul li .fiche_prod {
        display: block;
        float: right;
        width: 114px;
        height: 43px;
        background: url(../imgs/prevoir_et_grandir.jpg) right no-repeat;
    }

    #content #sections .doc ul li span {
        color: #646464;
        font-weight: 300;
    }

    #content #sections .doc ul li .picto_doc {
        display: block;
        float: right;
        width: 29px;
        height: 29px;
        margin: 7px 2% 0 0;
        cursor: pointer;
    }

    #content #sections .doc ul li .picto_doc {
        background: url(../imgs/sprite_action.png) -115px -29px no-repeat;
    }

        #content #sections .doc ul li .picto_doc:hover {
            background: url(../imgs/sprite_action.png) -115px 0 no-repeat;
        }

    #content #sections .doc ul li .icon-locker {
        margin-left: auto;
    }

        #content #sections .doc ul li .icon-locker:before {
            font-size: 20px;
            font-weight: bold;
            line-height: 2;
            margin-right: 5px;
            width: 29px;
            height: 29px;
            font-family: icomoon !important;
            border-radius: 50%;
            text-align: center;
            float: right;
        }

.img-product-cartridge {
    float: right;
    max-height: 43px;
}

#content #sections .rendement table {
    border-spacing: 5px;
    font-size: 14px;
    width: 100%;
}

    #content #sections .rendement table tr th:first-child {
        background-color: white;
        border: none;
    }

    #content #sections .rendement table tr th:first-child {
        background-color: white;
        border: none;
    }

    #content #sections .rendement table tr th {
        font-weight: normal;
        padding: 8px;
        text-align: center;
    }

    #content #sections .rendement table tr td {
        font-weight: 400;
        background: #efefef;
        padding: 8px;
    }

        #content #sections .rendement table tr td.col1 {
            width: 35%;
        }

        #content #sections .rendement table tr td.col2 {
            width: 20%;
            text-align: center;
        }

        #content #sections .rendement table tr td.col3 {
            width: 20%;
            text-align: center;
        }

#content #sections .rendement span {
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
}

#content #sections .rendement .pourcent_c1, #content #sections .rendement .pourcent_c2 {
    line-height: 28px;
    font-size: 28px;
    font-weight: normal;
    display: block;
    text-align: center;
}

#content #sections .rendement .r-left {
    float: left;
    width: 46%;
    display: block;
    text-align: center;
    margin-top: 5px;
}

#content #sections .rendement .r-right {
    float: right;
    width: 46%;
    display: block;
    text-align: center;
    margin-top: 5px;
}

#content #sections .rendement .r-title {
    display: block;
    background: #ffffff;
}

#content #sections #bloc_prevoyance .rendement .pourcent_c1 {
    color: #69b6c9;
}

#content #sections #bloc_epargne .rendement .pourcent_c1 {
    color: #cd7496;
}

#content #sections #bloc_retraite .rendement .pourcent_c1 {
    color: #acb371;
}

#content #sections #bloc_sante .rendement .pourcent_c1 {
    color: #74a7d3;
}

#content #sections #bloc_prevoyance .rendement .pourcent_c2 {
    color: #69b6c9;
}

#content #sections #bloc_epargne .rendement .pourcent_c2 {
    color: #cd7496;
}

#content #sections #bloc_retraite .rendement .pourcent_c2 {
    color: #acb371;
}

#content #sections #bloc_sante .rendement .pourcent_c2 {
    color: #74a7d3;
}

#content #sections .rendement .pourcent_c1 span,
#content #sections .rendement .pourcent_c2 span {
    font-size: 45%;
    line-height: 2.8em;
    margin: -13px 0 0 0;
}

#content #sections .rendement .pourcent span {
    float: right;
}

#content #sections .gere img {
    width: 100%;
}

#content #sections #bloc_prevoyance .gere .btn_versement a,
#content #sections #bloc_epargne .gere .btn_versement a,
#content #sections #bloc_retraite .gere .btn_versement a,
#content #sections #bloc_sante .gere .btn_versement a {
    text-transform: uppercase;
    line-height: 42px;
    padding: 0 10px;
    margin-top: 11px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 2px;
    display: block;
}

#content #sections #bloc_prevoyance .gere .btn_versement a {
    background: #69b6c9;
}

    #content #sections #bloc_prevoyance .gere .btn_versement a:focus {
        background: #AED4DF;
    }

#content #sections #bloc_epargne .gere .btn_versement a {
    background: #cd7496;
}

    #content #sections #bloc_epargne .gere .btn_versement a:focus {
        background: #DBA0B6;
    }

#content #sections #bloc_retraite .gere .btn_versement a {
    background: #acb371;
}

    #content #sections #bloc_retraite .gere .btn_versement a:focus {
        background: #CED1AB;
    }

#content #sections #bloc_sante .gere .btn_versement a {
}

    #content #sections #bloc_sante .gere .btn_versement a:focus {
        background: #AFC8E6;
    }

#content #sections .details .situation {
    float: left;
}

#content #sections .details .graphic {
    margin-top: 15px;
}

#content #sections .gere .btn_versement .picto_versement {
    float: left;
    display: block;
    width: 35px;
    height: 35px;
    background: url(../imgs/sprite_contrat.png) 0 0 no-repeat;
    margin: 4px 14px 0 0;
}

#content #sections .gere ul {
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 0 !important;
}

    #content #sections .gere ul li {
        line-height: 32px;
        padding-left: 30px;
        position: relative;
    }

        #content #sections .gere ul li:before {
            content: "";
            position: absolute;
            display: block;
            width: 24px;
            height: 23px;
            left: 0;
            top: 5px;
        }

#content #sections #bloc_prevoyance .gere ul li.m1:before {
    background: url(../imgs/sprite-contrat-picto.png) 0 0 no-repeat;
}

#content #sections #bloc_prevoyance .gere ul li.m2:before {
    background: url(../imgs/sprite-contrat-picto.png) 0 -35px no-repeat;
}

#content #sections #bloc_prevoyance .gere ul li.m3:before {
    background: url(../imgs/sprite-contrat-picto.png) 0 -70px no-repeat;
}

#content #sections #bloc_prevoyance .gere ul li.m4:before {
    background: url(../imgs/sprite-contrat-picto.png) 0 -105px no-repeat;
}

#content #sections #bloc_prevoyance .gere ul li.m5:before {
    background: url(../imgs/sprite-contrat-picto.png) 0 -140px no-repeat;
}

#content #sections #bloc_prevoyance .gere ul li.m6:before {
    background: url(../imgs/sprite-contrat-picto.png) 0 -175px no-repeat;
}

#content #sections #bloc_prevoyance .gere ul li.m7:before {
    background: url(../imgs/ico-upload.png) no-repeat #2BB0F1;
    ;
}

#content #sections #bloc_epargne .gere ul li.m1:before {
    background: url(../imgs/sprite-contrat-picto.png) -60px 0 no-repeat;
}

#content #sections #bloc_epargne .gere ul li.m2:before {
    background: url(../imgs/sprite-contrat-picto.png) -60px -35px no-repeat;
}

#content #sections #bloc_epargne .gere ul li.m3:before {
    background: url(../imgs/sprite-contrat-picto.png) -60px -70px no-repeat;
}

#content #sections #bloc_epargne .gere ul li.m4:before {
    background: url(../imgs/sprite-contrat-picto.png) -60px -105px no-repeat;
}

#content #sections #bloc_epargne .gere ul li.m5:before {
    background: url(../imgs/sprite-contrat-picto.png) -60px -140px no-repeat;
}

#content #sections #bloc_epargne .gere ul li.m6:before {
    background: url(../imgs/sprite-contrat-picto.png) -60px -175px no-repeat;
}

#content #sections .gere ul li.m7:before {
    border-radius: 50%;
    background-position: 1px 0px !important;
    background-size: 22px 22px !important;
}

#content #sections #bloc_epargne .gere ul li.m7:before {
    background: url(../imgs/ico-upload.png) no-repeat #cd7496;
}

#content #sections #bloc_retraite .gere ul li.m1:before {
    background: url(../imgs/sprite-contrat-picto.png) -120px 0 no-repeat;
}

#content #sections #bloc_retraite .gere ul li.m2:before {
    background: url(../imgs/sprite-contrat-picto.png) -120px -35px no-repeat;
}

#content #sections #bloc_retraite .gere ul li.m3:before {
    background: url(../imgs/sprite-contrat-picto.png) -120px -70px no-repeat;
}

#content #sections #bloc_retraite .gere ul li.m4:before {
    background: url(../imgs/sprite-contrat-picto.png) -120px -105px no-repeat;
}

#content #sections #bloc_retraite .gere ul li.m5:before {
    background: url(../imgs/sprite-contrat-picto.png) -120px -140px no-repeat;
}

#content #sections #bloc_retraite .gere ul li.m6:before {
    background: url(../imgs/sprite-contrat-picto.png) -120px -175px no-repeat;
}

#content #sections #bloc_retraite .gere ul li.m7:before {
    background: url(../imgs/ico-upload.png) no-repeat #acb371;
}

#content #sections #bloc_sante .gere ul li.m1:before {
    background: url(../imgs/sprite-contrat-picto.png) -180px 0 no-repeat;
}

#content #sections #bloc_sante .gere ul li.m2:before {
    background: url(../imgs/sprite-contrat-picto.png) -180px -35px no-repeat;
}

#content #sections #bloc_sante .gere ul li.m3:before {
    background: url(../imgs/sprite-contrat-picto.png) -180px -70px no-repeat;
}

#content #sections #bloc_sante .gere ul li.m4:before {
    background: url(../imgs/sprite-contrat-picto.png) -180px -105px no-repeat;
}

#content #sections #bloc_sante .gere ul li.m5:before {
    background: url(../imgs/sprite-contrat-picto.png) -180px -140px no-repeat;
}

#content #sections #bloc_sante .gere ul li.m6:before {
    background: url(../imgs/sprite-contrat-picto.png) -180px -175px no-repeat;
}

#content #sections #bloc_sante .gere ul li.m7:before {
    background: url(../imgs/ico-upload.png) no-repeat #41A32A;
}

#content #sections .gere ul li a {
    color: #646464;
    text-decoration: underline;
}

    #content #sections .gere ul li a:hover {
        text-decoration: none;
    }

#content #sections .details .payeur {
    font-size: 14px;
    font-weight: 400;
}

    #content #sections .details .payeur.alone {
        width: 100%;
    }

#content #sections .details .assure {
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
    padding-left: 22px;
    background: url(../Imgs/picto-assure.png) 0 4px no-repeat;
}

    #content #sections .details .assure span, #content #sections .details .payeur span {
        font-weight: 300;
        color: #646464;
    }

#content #sections .details .graphic .cotisation {
    width: 185px;
    padding: 5px 0;
    border: 1px solid #d1d1d1;
    margin: 0 auto 18px;
    text-align: center;
    position: relative;
    font-size: 12px;
    color: #646464;
}

    #content #sections .details .graphic .cotisation .prix {
        font-size: 14px;
    }

#content #sections #bloc_prevoyance .details .graphic .cotisation .prix span {
    color: #69b6c9;
}

#content #sections #bloc_epargne .details .graphic .cotisation .prix span {
    color: #cd7496;
}

#content #sections #bloc_retraite .details .graphic .cotisation .prix span,
#content #sections #bloc_retraite .details .graphic .cotisation .prix-deductible {
    color: #acb371;
}

#content #sections #bloc_sante .details .graphic .cotisation .prix span {
    color: #74a7d3;
}

#content #sections .details .graphic .cotisation .prix span.decimal {
    font-size: 30px;
    font-weight: 400;
}

#content #sections .details .graphic .cotisation .prix span.decimal-madelin {
    font-size: 15px;
    font-weight: 400;
}

#content #sections .details .graphic .cotisation .prix span.sup {
    font-size: 15px;
    vertical-align: top;
    line-height: 30px;
    font-weight: 400;
}

#content #sections .details .graphic .cotisation .deductible {
    font-style: italic;
}

    #content #sections .details .graphic .cotisation .deductible .prix span.decimal {
        font-size: 12px;
    }

    #content #sections .details .graphic .cotisation .deductible .prix span.sup {
        font-size: 10px;
        line-height: 12px;
    }

#content #sections .details .graphic .cotisation .arrow {
    background: url(../imgs/cadre_arrow.png) 0 0 no-repeat;
    display: block;
    width: 23px;
    height: 13px;
    position: absolute;
    bottom: -13px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#content #sections .details .graphic .progress_bar {
    background: #efefef;
    height: 31px;
    margin-bottom: 5px;
    position: relative;
}

    #content #sections .details .graphic .progress_bar .progress {
        position: absolute;
        position: relative;
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
    }

        #content #sections .details .graphic .progress_bar .progress .nb {
            margin-right: 10px;
            color: #ffffff;
        }

#content #sections #bloc_prevoyance .details .graphic .progress_bar .progress {
    background: #69b6c9;
}

    #content #sections #bloc_prevoyance .details .graphic .progress_bar .progress .arrow {
        border-left: 7px solid #69b6c9;
    }

#content #sections #bloc_epargne .details .graphic .progress_bar .progress {
    background: #cd7496;
}

    #content #sections #bloc_epargne .details .graphic .progress_bar .progress .arrow {
        border-left: 7px solid #cd7496;
    }

#content #sections #bloc_retraite .details .graphic .progress_bar .progress {
    background: #acb371;
}

    #content #sections #bloc_retraite .details .graphic .progress_bar .progress .arrow {
        border-left: 7px solid #acb371;
    }

#content #sections #bloc_sante .details .graphic .progress_bar .progress {
    background: #74a7d3;
}

    #content #sections #bloc_sante .details .graphic .progress_bar .progress .arrow {
        border-left: 7px solid #74a7d3;
    }

#content #sections .details .graphic .progress_bar .progress .arrow {
    width: 10px;
    position: absolute;
    right: -7px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}

#content #sections .details .graphic .date {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #646464;
}

#content #sections .details .graphic .progress_bar .graduation {
    display: block;
    float: left;
    width: 10%;
    height: 5px;
    z-index: 10;
    position: relative;
}

    #content #sections .details .graphic .progress_bar .graduation span {
        display: block;
        border-left: 1px solid #b3b3b3;
        margin-top: -4px;
        position: relative;
        height: 4px;
    }

    #content #sections .details .graphic .progress_bar .graduation .none {
        border: none;
    }

#content #sections .details .graphic .desc_bar .date_effet {
    display: block;
    font-size: 10px;
    float: left;
    width: 20%;
}

#content #sections .details .graphic .desc_bar .duree {
    display: block;
    font-size: 10px;
    float: left;
    color: #646464;
    width: 50%;
    text-align: center;
}

#content #sections .details .graphic .desc_bar .date_echeance {
    display: block;
    font-size: 10px;
    text-align: right;
    float: right;
    width: 30%;
}

#content #sections .details_link {
    margin-top: 10px;
    display: block;
}

    #content #sections .details_link a span {
        color: #646464;
        text-decoration: underline;
    }

#content #sections #bloc_prevoyance .details_link a:before {
    content: '▶ ';
    color: #69b6c9;
    text-decoration: none;
}

#content #sections #bloc_epargne .details_link a:before {
    content: '▶ ';
    color: #cd7496;
    text-decoration: none;
}

#content #sections #bloc_retraite .details_link a:before {
    content: '▶ ';
    color: #acb371;
    text-decoration: none;
}

#content #sections #bloc_sante .details_link a:before {
    content: '▶ ';
    color: #74a7d3;
    text-decoration: none;
}

#popin_details_frais_link {
    color: #646464;
}

#popin_details_frais_link table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#popin_details_frais_link table tr td,
#popin_details_frais_link table th {
    border: 1px solid #bababb;
    padding: 7px 2%;
    color: #646464;
}
#popin_details_frais_link th {
    font-weight: 300;
}

table td.align-right {
    text-align: right;
}

#popin_details_link {
    color: #646464;
}

    #popin_details_link p {
        margin: 10px 0 20px;
    }

    #popin_details_link span {
        display: block;
        margin-bottom: 10px;
    }

    #popin_details_link table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 550px;
    }

        #popin_details_link table th {
            font-weight: normal;
            border-right: 1px solid #ffffff;
            padding: 2%;
        }

.bloc_prevoyance_color table th {
    background: #69b6c9;
    color: #ffffff;
}

.bloc_epargne_color table th {
    background: #cd7496;
    color: #ffffff;
}

.bloc_retraite_color table th {
    background: #acb371;
    color: #ffffff;
}

.bloc_sante_color table th {
    background: #74a7d3;
    color: #ffffff;
}

#popin_details_link table th.center {
    text-align: center;
}

#popin_details_link table .last {
    border: none;
}

#popin_details_link table tr:nth-child(even) {
    background-color: #efefef;
}

#popin_details_link table tr td {
    border-right: 1px dashed #bababb;
    padding: 7px 2%;
    color: #646464;
}

#popin_details_link table td.last {
    text-align: right;
}

.progress_bar {
    text-align: center;
    line-height: 31px;
    color: #646464;
    font-size: 12px;
    position: relative;
}

.table-garantie {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
}

    .table-garantie tr td {
        border: 1px solid #c2c2c2;
        padding: 0;
        vertical-align: top;
    }

        .table-garantie tr td table {
            border-collapse: collapse;
            width: 100%;
        }

            .table-garantie tr td table tr td {
                border: none;
            }

    .table-garantie .border-right {
        border-right: 1px solid #c2c2c2;
        padding: 1px 4px;
    }

    .table-garantie .border-bottom {
        border-bottom: 1px solid #c2c2c2;
        padding: 1px 4px;
    }

    .table-garantie .padd {
        padding: 1px 4px;
    }

.retraite .btn-partner {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 4px;
    color: #66c44e;
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    margin-top: 6px;
    padding: 2px 8px;
    text-transform: none;
}

.list_garantie .mp3-left, .list_garantie .mp3-right {
    line-height: normal;
    float: left;
    margin-bottom: 16px;
    margin-left: 55px;
}

.mp3-left {
    width: 175px;
    margin-left: 25px;
}

.mp3-right-margin {
    line-height: normal;
    font-style: italic;
    float: left;
    margin-bottom: 16px;
    margin-left: 25px;
}

.gere .item img {
    width: 100% !important;
    max-width: 310px !important;
    display: block;
    margin: 0 auto;
}

.item img {
    width: auto;
    max-width: 100%;
    display: inline-block;
}

.fixe-height-slider .item img {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.unpaid {
    font-size: 14px;
    margin-top: 20px;
    color: #000000;
}

    .unpaid p {
        margin-bottom: 10px;
    }

        .unpaid p:last-child {
            margin-bottom: 0;
        }

.lred {
    color: #ff503f;
}

.unpaid .legend {
    font-size: 12px;
}

.unpaid .total-unpaid {
    font-weight: 400;
    font-size: 28px;
}

.unpaid .label-total-unpaid {
    font-weight: 400;
}

.unpaid .total-unpaid .sup-eur {
    font-size: 0.5em;
    position: relative;
    display: inline-block;
    top: -9px;
}

.unpaid-tooltip {
    width: 28px;
    height: 28px;
    display: block;
    background: #ff5140;
    background-image: -webkit-linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    background-image: -moz-linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    background-image: -ms-linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    background-image: -o-linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    background-image: linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd6a5b',endColorstr='#ff5140', GradientType=0);
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    font-weight: bold;
    float: right;
    line-height: 28px;
    font-size: 18px;
}

.span12 span.alltooltip.unpaid-tooltip {
    display: inline-block;
    float: initial;
    margin-left: 10px;
}

.unpaid-tooltip:hover {
    background: #fd6a5b;
    background-image: -webkit-linear-gradient(top, #ff5140 0, #fd6a5b 100%);
    background-image: -moz-linear-gradient(top, #ff5140 0, #fd6a5b 100%);
    background-image: -ms-linear-gradient(top, #ff5140 0, #fd6a5b 100%);
    background-image: -o-linear-gradient(top, #ff5140 0, #fd6a5b 100%);
    background-image: linear-gradient(top, #ff5140 0, #fd6a5b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5140',endColorstr='#fd6a5b', GradientType=0);
}

.unpaid-tooltip-t2 {
    background: url("../Imgs/sprite_actions.png") 7px -84px #ff5140 no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    margin: 4px 0 0 0;
    cursor: pointer;
    position: relative;
    float: right;
    border-radius: 50%;
}

#content #sections .btn_regul_unpaid a {
    text-transform: uppercase;
    line-height: 42px;
    padding: 0 10px;
    margin-top: 11px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 2px;
    display: block;
    background: #ff5140;
    background-image: -webkit-linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    background-image: -moz-linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    background-image: -ms-linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    background-image: -o-linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    background-image: linear-gradient(top, #fd6a5b 0, #ff5140 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd6a5b',endColorstr='#ff5140', GradientType=0);
}

    #content #sections .btn_regul_unpaid a:before {
        content: "";
        width: 20px;
        height: 24px;
        display: inline-block;
        background: url("../Imgs/sprite_actions.png") 0 -34px no-repeat;
        vertical-align: middle;
        margin-right: 10px;
    }

    #content #sections .btn_regul_unpaid a:hover {
        background: #fd6a5b;
        background-image: -webkit-linear-gradient(top, #ff5140 0, #fd6a5b 100%);
        background-image: -moz-linear-gradient(top, #ff5140 0, #fd6a5b 100%);
        background-image: -ms-linear-gradient(top, #ff5140 0, #fd6a5b 100%);
        background-image: -o-linear-gradient(top, #ff5140 0, #fd6a5b 100%);
        background-image: linear-gradient(top, #ff5140 0, #fd6a5b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5140',endColorstr='#fd6a5b', GradientType=0);
    }

#content #sections .slider-wrapper .top-label .right-label {
    white-space: nowrap;
    margin-left: -3rem;
}

/* $information */
.loader-blue-circle {
    position: fixed;
    text-align: center;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background: url("../Imgs/loader.gif") rgba(255, 255, 255, 0.65) center center no-repeat;
}

    .loader-blue-circle img {
        margin-top: 45%;
    }

p.data-message {
    max-width: 400px;
}

#update-data .popin-content {
    margin-top: 20px;
}

.picto-p-info {
    color: #ffffff !important;
    background: #C7114F;
    width: 40px !important;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 38px !important;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 32px;
    float: left !important;
}

.picto-p-info-small {
    color: #ffffff !important;
    background: #C7114F;
    width: 28px !important;
    height: 28px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 26px;
    float: left;
}

.popin-info-data textarea {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #999898;
    border-radius: 3px;
    display: block;
    width: 93%;
    padding: 3%;
    height: 150px;
    font-family: 'roboto';
    font-weight: 300;
    font-size: 12px;
}

.popin-info-data .newvalueinput {
    border: 1px solid #999898;
    border-radius: 3px;
    width: 250px;
    height: 30px;
    padding: 0 5px;
}

.popin-info-data .btn_valider {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
}

#pnd-button .btn-orange {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
}

.popin-info-data .btn_cancel, #pnd-button .btn-grey {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    margin: 20px 5px;
    width: 150px;
}



#titulaireinfos ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: black;
}

#titulaireinfos :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: black;
    opacity: 1;
}

#titulaireinfos ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: black;
    opacity: 1;
}

#titulaireinfos :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
}



.nous-contacter-form .btn_cancel {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    margin: 20px 5px;
}

.btn_cancel {
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 20px 5px !important;
    vertical-align: top;
}

.popin-info-data input[type="text"] {
    border: 1px solid #999898;
    border-radius: 3px;
    width: 190px;
    padding: 0 5px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.popin-info-data input.email {
    width: 276px;
}

@media (max-width: 320px) {
    .popin-info-data input.email {
        width: 100%;
    }
}

.popin-info-data input.pwd {
    width: 276px;
    height: 30px;
}

@media (max-width: 320px) {
    .popin-info-data input.pwd {
        width: 100%;
    }
}

.popin-info-data .input-first-name {
    color: #565656;
}

.popin-info-data .input-last-name {
    background: #f2f2f2;
}

.popin-info-data label {
    cursor: pointer;
    margin-right: 20px;
}

.popin-info-data .last {
    margin: 0;
}

.popin-info-data .action {
    text-align: center;
    margin-top: 24px;
}

.popin-info-data .title {
    display: block;
    margin: 15px 0 3px;
}

.popin-info-data .nom {
    display: inline-block;
}

    .popin-info-data .nom select {
        width: 100%;
    }

    .popin-info-data .nom option {
        padding: 3px 7px;
    }

.popin-content option {
    padding: 3px 7px;
}

#content #sections .maj-link-info {
    float: right;
}

.data_perso ul {
    margin-bottom: 0 !important;
}

#content #sections .data_perso .maj-link-info {
    float: none;
    display: block;
    text-align: right;
}

#content #sections .maj-link-info a {
    color: #646464;
    text-decoration: underline;
    font-size: 12px;
}

#content #sections .maj-link-info span {
    margin-left: 5px;
    font-size: 16px;
    color: #C7114F;
    display: inline-block;
    vertical-align: middle;
}

h2.picto {
    line-height: 40px;
    font-size: 22px;
}

h2.picto-small {
    line-height: 28px;
    font-size: 18px;
    text-transform: none;
}

#content #sections .data_perso ul {
    padding: 15px 0;
    border-bottom: 1px dotted #c2c2c2;
    margin-bottom: 0 !important;
}

#content #sections .data_display ul {
    padding: 15px 0;
    border-bottom: 0;
    margin-bottom: 0 !important;
}

#content #sections .data_display .nom {
    font-weight: 300;
    font-size: 16px;
}

#content #sections .data_perso ul.last {
    border: none;
    padding-bottom: 0;
}

#content #sections .data_display ul.last {
    border: none;
    padding-bottom: 0;
}

#content #sections .data_perso ul .picto_raspberry_phone {
    background: url(../imgs/sprite_information.png) 0 -62px no-repeat;
    display: block;
    width: 19px;
    height: 21px;
    position: absolute;
    top: 1px;
    left: 0;
}

#content #sections .data_perso ul .picto_raspberry_mphone {
    background: url(../imgs/sprite_information.png) 3px -85px no-repeat;
    display: block;
    width: 19px;
    height: 21px;
    position: absolute;
    top: 1px;
    left: 0;
}

#content #sections .data_perso ul .picto_raspberry_mail {
    background: url(../imgs/sprite_information.png) 1px -106px no-repeat;
    display: block;
    width: 19px;
    height: 21px;
    position: absolute;
    top: 1px;
    left: 0;
}

#content #sections .data_perso ul li {
    line-height: 20px;
    padding: 3px 0 3px 18px;
    position: relative;
}

#content #sections .data_display ul li {
    line-height: 20px;
    padding: 3px 0 3px 18px;
    position: relative;
}

#content #sections .data_perso ul li span.title-phone-type {
    display: inline-block;
    width: 155px;
}

#content #sections .data_perso .info_sup {
    font-size: 12px;
    color: #646464;
}

#content #sections .data_child h4 {
    font-weight: 300;
    margin-top: 20px;
}

#content #sections .data_child ul {
    list-style-type: disc;
    margin-left: 17px;
    color: #81c6ea;
    margin-bottom: 0 !important;
}

    #content #sections .data_child ul li {
        margin-top: 14px;
    }

        #content #sections .data_child ul li span {
            color: #000000;
        }

#content #sections .data_child img, #content #sections .banniere_pub img {
    width: 100%;
    display: block;
}

#content #sections .situation_pro {
    float: left;
    width: 46%;
    min-height: 355px;
}

    #content #sections .situation_pro ul {
        padding: 15px 0 45px;
        border-bottom: 1px dotted #c2c2c2;
        margin-bottom: 0 !important;
    }

        #content #sections .situation_pro ul.puce-disc {
            list-style-type: disc;
            margin: 3px 0 10px 17px;
            color: #81c6ea;
        }

            #content #sections .situation_pro ul.puce-disc li span {
                color: #000000;
            }

        #content #sections .situation_pro ul.last {
            border: none;
        }

    #content #sections .situation_pro .maj-link-info {
        margin-top: 10px;
    }

#content #sections .banniere_pub {
    float: right;
    width: 46%;
}

#content #sections .data_bank .maj-link-info {
    margin-top: 10px;
}

.data_bank ul {
    margin-bottom: 0 !important;
}

#content #sections .data_bank {
    clear: both;
}

    #content #sections .data_bank h2 {
        margin-bottom: 10px;
    }

    #content #sections .data_bank table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
    }

        #content #sections .data_bank table tr td {
            border: 1px solid #c2c2c2;
            padding: 10px;
        }

        #content #sections .data_bank table tr th {
            border: 1px solid #c2c2c2;
            background: #F39200;
            font-weight: 400;
            padding: 5px;
            text-align: left;
        }

        #content #sections .data_bank table tr .col1 {
            width: 45%;
        }

        #content #sections .data_bank table tr .col2 {
            width: 30%;
        }

        #content #sections .data_bank table tr .col3 {
            width: 25%;
        }

        #content #sections .data_bank table.rib tr td {
            border: none;
            padding: 0;
        }

            #content #sections .data_bank table.rib tr td span {
                text-transform: uppercase;
            }

    #content #sections .data_bank div {
        overflow: auto;
        height: 100px;
        border: 1px solid;
    }

#content #sections .data_pro {
    clear: both;
    position: relative;
}

    #content #sections .data_pro .pro_left {
        float: left;
        width: 49%;
        margin-top: 25px;
    }

        #content #sections .data_pro .pro_left .job {
            display: block;
            margin-bottom: 15px;
        }

    #content #sections .data_pro .pro_right {
        float: right;
        width: 49%;
        margin-top: 25px;
    }

    #content #sections .data_pro h5 {
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 3px;
    }

    #content #sections .data_pro ul {
        list-style-type: disc;
        margin: 3px 0 10px 17px;
        color: #81c6ea;
        margin-bottom: 0 !important;
    }

        #content #sections .data_pro ul li span {
            color: #000000;
        }

.pos-btn_up {
    text-align: right;
    margin-right: 48px;
}

.btn_up {
    display: inline-block;
    background: url(../imgs/btn_up.png) no-repeat center center #C7114F;
    border-radius: 5px;
    height: 48px;
    width: 48px;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    z-index: 100;
}

    .btn_up:hover {
        background: url(../imgs/btn_up.png) no-repeat center center #e6487e;
    }

#content #sections .data_perso h2,
#content #sections .data_bank h2,
#content #sections .data_pro h2 {
    display: inline-block;
}

.btn_modify, .btn_child, .btn_maj-data {
    border: 1px solid #C7114F;
    border-radius: 2px;
    color: #646464;
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin: 10px auto;
    min-width: 55px;
    padding: 5px 25px;
    text-align: center;
    vertical-align: text-top;
    width: 250px;
}

.btn_child {
    margin: 23px auto;
    float: none;
    display: block;
    width: 130px;
}

    .btn_modify:hover, .btn_child:hover, .btn_maj-data:hover {
        background: rgba(199, 17, 79, .3);
        color: #ffffff;
    }

.select-style {
    background-color: #f2f2f2;
    border: 1px solid #999898;
    border-radius: 4px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-top: 0;
    min-width: 190px;
}

.select-width {
    width: 98% !important;
}

.radioList input {
    width: auto;
    height: auto;
    display: inline-block;
    margin-right: 8px;
}

.radioList label {
    display: inline-block;
    min-width: 50px;
}

.radioList.block input[type="radio"] {
    margin: 0 2px 0 20px;
}

.radioList.block label {
    min-width: 125px;
}

#City,
#Country {
    background-color: #f2f2f2;
    border: 1px solid #999898;
    border-radius: 4px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-top: 5px;
}

#contractCheckList input {
    height: auto;
    width: auto;
}

.block-form-type .table-c {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

.block-form-type .table-d {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}

.block-form-type .table-e {
    display: inline-block;
    vertical-align: top;
}

.div-list-iban div {
    margin: 4px 0;
}

/* $produit */

#content #sections .produit h2 {
    text-transform: none;
    margin-bottom: 18px;
}

#content #sections .produit h3 {
    margin: 15px 0;
    font-weight: 300;
    font-size: 32px;
}

#content #sections .produit h4 {
    margin: 15px 0;
    color: #d80000;
    font-weight: 300;
    font-size: 22px;
}

#content #sections .prevoyance section.produit h1,
#content #sections .prevoyance section.produit h2,
#content #sections .prevoyance section.produit h3,
#content #sections .prevoyance section.produit h4,
#content #sections .prevoyance section.produit h5,
#content #sections .prevoyance section.produit h6 {
    color: #69b6c9;
}

#content #sections .retraite section.produit h1,
#content #sections .retraite section.produit h2,
#content #sections .retraite section.produit h3,
#content #sections .retraite section.produit h4,
#content #sections .retraite section.produit h5,
#content #sections .retraite section.produit h6 {
    color: #acb371;
}

#content #sections .epargne section.produit h1,
#content #sections .epargne section.produit h2,
#content #sections .epargne section.produit h3,
#content #sections .epargne section.produit h4,
#content #sections .epargne section.produit h5,
#content #sections .epargne section.produit h6 {
    color: #cd7496;
}

#content #sections .sante section.produit h1,
#content #sections .sante section.produit h2,
#content #sections .sante section.produit h3,
#content #sections .sante section.produit h4,
#content #sections .sante section.produit h5,
#content #sections .sante section.produit h6 {
    color: #74a7d3;
}

#content #sections .produit img {
    width: 100%;
}

#content #sections .produit ul.assurance_vie {
    background: #e86666;
    color: #ffffff;
    padding: 20px;
}

    #content #sections .produit ul.assurance_vie li {
        margin-bottom: 20px;
    }

        #content #sections .produit ul.assurance_vie li:before {
            content: '▶ ';
        }

        #content #sections .produit ul.assurance_vie li.last {
            margin: 0;
        }

#content #sections .produit p {
    padding-bottom: 15px;
}

    #content #sections .produit p span {
        background: #f1a6a6;
    }

#content #sections .produit ul.assistance li {
    margin-bottom: 20px;
    padding-left: 25px;
    background: url(../imgs/puce_assistance.png) 0 5px no-repeat;
}

    #content #sections .produit ul.assistance li span {
        font-weight: 300;
    }

#content #sections .produit .btn_up2 {
    text-decoration: underline;
    font-size: 14px;
    width: 100px;
    display: block;
    cursor: pointer;
    margin: 20px auto 15px;
    background: url(../imgs/puce_up.png) 0 2px no-repeat;
    padding-left: 21px;
}

.offer-content {
    display: none;
}

    .offer-content.active {
        display: block;
    }
/* $Echéance form */

#content #sections #MaturityProcessForm input[type="file"],
#content #sections #ProrogationProcessForm input[type="file"] {
    margin-top: 5px;
    border: none;
    font-size: 12px;
    line-height: normal;
    height: auto;
    width: 50%;
    vertical-align: top;
}

#content #sections #MaturityProcessForm .clearButton,
#content #sections #ProrogationProcessForm .clearButton {
    font-size: 14px;
    color: #646464;
    vertical-align: top;
}

    #content #sections #MaturityProcessForm .clearButton:hover,
    #content #sections #ProrogationProcessForm .clearButton:hover {
        text-decoration: underline;
        color: #C7114F;
        vertical-align: middle;
    }

#content #sections #MaturityProcessForm label,
#content #sections #ProrogationProcessForm label {
    width: 30%;
    text-indent: -23px;
    display: inline-block;
}

    #content #sections #MaturityProcessForm label.empty:before,
    #content #sections #ProrogationProcessForm label.empty:before {
        content: '';
        width: 16px;
        height: 16px;
        display: inline-block;
        position: relative;
        top: 2px;
        margin-right: 5px;
        margin-top: 3px !important;
        background: url(../imgs/square-outline-16.png) no-repeat;
    }

.info-vertical-align {
    vertical-align: middle !important;
}

#content #sections #MaturityProcessForm label.file-uploaded:before,
#content #sections #ProrogationProcessForm label.file-uploaded:before {
    content: '';
    width: 23px;
    height: 23px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 5px;
    background: url(../imgs/check.png) no-repeat;
}

#content #sections #MaturityProcessForm ul.file-list li,
#content #sections #ProrogationProcessForm ul.file-list li {
    margin-bottom: 5px;
    margin-left: 0px;
}

#content #sections #MaturityProcessForm label,
#content #sections #ProrogationProcessForm label {
    margin: 0 !important;
}

#content #sections #MaturityProcessForm span.file-name {
    padding-left: 5px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

#content #sections #MaturityProcessForm .alltooltip,
#content #sections #ProrogationProcessForm .alltooltip {
    vertical-align: top;
}

/* FolderCompletion form */

#content #sections #FolderCompletionForm input[type="file"],
#content #sections #changeCloseDate input[type="file"] {
    margin-top: 0px;
    border: none;
    font-size: 12px;
    line-height: normal;
    height: auto;
    width: auto;
    vertical-align: top;
}

#content #sections #FolderCompletionForm .clearButton,
#content #sections #changeCloseDate .clearButton {
    font-size: 14px;
    color: #646464;
    vertical-align: top;
    display: inline-block;
}

    #content #sections #FolderCompletionForm .clearButton:hover,
    #content #sections #changeCloseDate .clearButton:hover {
        text-decoration: underline;
        color: #C7114F;
    }

#content #sections #changeCloseDate .file-list label {
    text-indent: -23px;
    display: inline-block;
}

#content #sections #changeCloseDate .file-upload_check:before,
#content #sections #FolderCompletionForm .file-upload_check:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    background: url(../imgs/square-outline-16.png) no-repeat;
}

#content #sections #changeCloseDate .file-upload_check:before,
#content #sections #FolderCompletionForm .file-upload_check:before {
    position: absolute !important;
    margin-top: 3px;
}

#content #sections #FolderCompletionForm .file-upload_check.file-uploaded:before,
#content #sections #changeCloseDate .file-upload_check.file-uploaded:before,
#missingDocumentsList li:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
    background: url(../imgs/check_mini.png) no-repeat;
}

.mongoList li:before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
    background-color: #F39200;
}

#content #sections #FolderCompletionForm ul.file-list li,
#content #sections #changeCloseDate ul.file-list li {
    margin-bottom: 5px;
    margin-left: 0px;
    padding-bottom: 0px;
}

#content #sections #changeCloseDate ul li {
    padding-bottom: 10px;
}

#content #sections #FolderCompletionForm label,
#content #sections #changeCloseDate label {
    margin: 0 !important;
}

#content #sections #FolderCompletionForm span.file-name,
#content #sections #changeCloseDate span.file-name {
    padding-left: 5px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-top: 0;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

#content #sections #FolderCompletionForm .alltooltip,
#content #sections #changeCloseDate .alltooltip {
    vertical-align: top;
    margin-top: 0;
    right: 20px;
    position: absolute;
}

.nec-specific .file-uplaod .file-upload_file {
    margin-bottom: 25px;
}

.file-upload_check label {
    display: inline-block;
    width: 80%;
    padding-left: 25px;
}

.file-upload_file .pj-file {
    display: inline-block;
}

/* $message */
#content #sections .message .p-m-desc,
.nous-contacter-form .p-m-desc {
    margin: 16px 0;
}

#content #sections .message p {
    margin: 10px 0;
}

    #content #sections .message p a {
        color: #000000;
        text-decoration: underline;
    }

#content #sections .message #form-message {
    margin: 0 50px;
}

    #content #sections .message #form-message .label-type {
        display: block;
        margin: 15px 0 0 0;
        position: relative;
    }

        #content #sections .message #form-message .label-type.label-pj label {
            display: inline-block;
        }

        #content #sections .message #form-message .label-type .check {
            top: 23px;
        }
        /* 2 before */
        #content #sections .message #form-message .label-type .title {
            display: inline-block;
        }

    #content #sections .message #form-message #pj .label-type label {
        margin-top: 0;
        display: inline-block;
    }

    #content #sections .message #form-message .label-type input[type="radio"] {
        margin: 0 5px 0 15px;
    }

    #content #sections .message #form-message #pj input[type="file"] {
        margin-top: 5px;
        border-radius: 0;
        font-size: 12px;
        line-height: normal;
        height: auto;
        width: 83%;
        float: none;
    }

    #content #sections .message #form-message #pj .clearButton {
        width: 20%;
        font-size: 14px;
        color: #646464;
    }

        #content #sections .message #form-message #pj .clearButton:hover {
            text-decoration: underline;
            color: #C7114F;
        }

    #content #sections .message #form-message select,
    #content #sections .message #form-message input {
        width: 78%;
        background-color: #f2f2f2;
        border: 1px solid #999898;
        border-radius: 4px;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        margin-top: 0;
    }

    #content #sections .message #form-message textarea {
        width: 78%;
        background-color: #f2f2f2;
        border: 1px solid #999898;
        border-radius: 4px;
        font-size: 16px;
        padding: 0 5px;
        margin-top: 0;
        font-family: 'Roboto';
        font-weight: 300 !important;
        float: left;
        margin-right: 4px;
    }

    #content #sections .message #form-message .letter-rest, .letter-rest {
        font-size: 12px;
    }

    #content #sections .message #form-message input[type="radio"] {
        width: auto;
        float: none;
        line-height: normal;
        height: auto;
    }

#content #sections .message #form-message {
    width: auto;
}

    #content #sections .message #form-message .btn_valider {
        display: inline-block;
    }

/* $management-form */
#content #sections .management-form p {
    margin: 15px 0;
}

#content #sections .management-form .additional-payment {
    margin: 20px 0;
    display: block;
    font-size: 26px;
    text-align: center;
    color: #C7114F;
}

    #content #sections .management-form .additional-payment span {
        display: block;
        font-size: 12px;
    }

#content #sections .management-form table th {
    font-weight: normal;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
}

#content #sections .management-form .border {
    border: 1px solid #C7114F;
    margin: 25px 10px;
    padding: 10px;
}

#content #sections .management-form .adress {
    text-align: center;
    font-size: 12px;
    padding-top: 40px;
}

#content #sections .management-form .place,
#content #sections .management-form .signature {
    width: 30%;
    margin: 10px;
}

#content #sections .management-form .factory {
    color: #C7114F;
    font-size: 12px;
    text-align: justify;
}

.management-action ul {
    margin-bottom: 0 !important;
}

#content #sections .management-action ul li {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

#content #sections .management-action ul.management-action_document_list li {
    margin: 10px 0 20px 25px;
    display: list-item;
    width: auto;
}

#content #sections .management-action ul.management-action_simple_list li {
    display: list-item;
    margin-top: 30px;
    margin-left: 20px;
    width: 100%;
}

#content #sections .management-action ul.retrait,
#content #sections .management-action ul.sendingAlternatives {
    color: #C7114F;
}

    #content #sections .management-action ul.retrait li,
    #content #sections .management-action ul.sendingAlternatives li {
        background-repeat: no-repeat;
        background-position: -5px -1021px;
        background-size: 62px;
        margin-top: 0px !important;
        padding-bottom: 0;
        margin-left: 15px;
        list-style-type: square;
    }

    #content #sections .management-action ul.retrait li {
        height: 25px;
    }


        #content #sections .management-action ul.retrait li p,
        #content #sections .management-action ul.sendingAlternatives li p {
            color: #000000;
            margin-left: 20px !important;
        }

    #content #sections .management-action ul.sendingAlternatives li .address {
        margin-left: 30px;
        font-weight: bold;
    }

    #content #sections .management-action ul.retrait li p span em {
        font-size: 14px;
    }

#content #sections .management-action ul li label {
    min-width: 110px;
    font-weight: inherit;
}

#content #sections .management-action ul li div.col-left label.short {
    min-width: 60px;
}

#content #sections .management-action ul li div.col-right label.short {
    min-width: 90px;
}

#content #sections .management-action ul li .block-form-type label {
    display: inline-block;
}

#content #sections .management-action ul li .input {
    margin: 5px 0;
}

#content #sections .management-action ul li .block-pwd-input {
    margin-top: 16px;
    margin-bottom: 16px;
}

    #content #sections .management-action ul li .block-pwd-input label {
        min-width: 150px;
        padding: 0 16px;
    }

/* Base for label styling */
#content #sections .management-action [type="checkbox"]:not(:checked),
#content #sections .management-action [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    #content #sections .management-action [type="checkbox"]:not(:checked) ~ label,
    #content #sections .management-action [type="checkbox"]:checked ~ label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }

        /* checkbox aspect */
        #content #sections .management-action [type="checkbox"]:not(:checked) ~ label:before,
        #content #sections .management-action [type="checkbox"]:checked ~ label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 17px;
            height: 17px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 3px;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
        }
        /* checked mark aspect */
        #content #sections .management-action [type="checkbox"]:not(:checked) ~ label:after,
        #content #sections .management-action [type="checkbox"]:checked ~ label:after {
            content: '✔';
            position: absolute;
            top: 0;
            left: 4px;
            font-size: 14px;
            color: #f39100;
            line-height: 1.75;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -ms-transition: all .2s;
            transition: all .2s;
        }
        /* checked mark aspect changes */
        #content #sections .management-action [type="checkbox"]:not(:checked) ~ label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

        #content #sections .management-action [type="checkbox"]:checked ~ label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
/* disabled checkbox */
#content #sections .management-action [type="checkbox"]:disabled:not(:checked) ~ label:before,
#content #sections .management-action [type="checkbox"]:disabled:checked ~ label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

#content #sections .management-action [type="checkbox"]:disabled:checked ~ label:after {
    color: #999;
}

#content #sections .management-action [type="checkbox"]:disabled ~ label {
    color: #aaa;
}
/* accessibility */
#content #sections .management-action [type="checkbox"]:checked:focus ~ label:before,
#content #sections .management-action [type="checkbox"]:not(:checked):focus ~ label:before {
    border: 1px dotted blue;
}

#content #sections .management-action .management-action_step_content {
    padding: 20px;
}

    #content #sections .management-action .management-action_step_content .block {
        display: inline-block !important;
    }

#content #sections .management-action .management-action_step_content_block {
    display: inline-block !important;
}

#content #sections .management-action .etat.complete {
    background: #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}

#content #sections .management-action .etat.actif {
    background: #F39200;
    border-bottom: 1px solid #F39200;
}

#content #sections .management-action .etat.actif2 {
    background: #C7114F;
    border-bottom: 1px solid #C7114F;
}

#content #sections .management-action .etat.complete:before {
    border-left: 6px solid #c9c9c9;
}

#content #sections .management-action .etat.actif:before {
    border-left: 6px solid #F39200;
}

#content #sections .management-action .etat.actif2:before {
    border-left: 6px solid #C7114F;
}

#content #sections .management-action .min {
    margin-left: 20px;
}

#content #sections .management-action .radiocontainer-size_small {
    width: 70%;
}

#content #sections .management-action input[type="text"] {
    line-height: 25px;
    height: 25px;
    padding: 0 5px;
    font-family: "Roboto";
    color: #323232;
    font-size: 14px;
    text-align: center;
    width: 150px;
    border: 1px solid #646464;
}

#content #sections .management-action div.col-left input.long {
    width: 165px;
}

#content #sections .management-action div.col-right input.long {
    width: 230px;
}


#content #sections .management-action select {
    line-height: 25px;
    height: 37px;
    padding: 0 0 0 10px;
    font-family: "Roboto";
    color: #323232;
    font-size: 14px;
    min-width: 120px;
    border: 1px solid #646464;
}

#content #sections .management-action .title-free-payment {
}

#content #sections .management-action p {
    margin: 0 0 10px 0;
}

    #content #sections .management-action p.parag-input {
        margin-top: 8px;
    }

#content #sections .management-action .block-webaffaire p {
    margin-right: 150px;
}

#content #sections .management-action .block-webaffaire img {
    float: right;
}

#content #sections .management-action .condition {
    color: #646464;
    font-style: italic;
    font-size: 12px;
}

#content #sections .management-action .underline {
    cursor: pointer;
}

#content #sections .management-action .btn-other-account {
    color: #006fa8;
}

#recaptcha_widget {
    margin-top: 5px;
}

    #recaptcha_widget .accroche {
        font-size: 12px;
        margin: 8px 0;
    }

    #recaptcha_widget .picto-recaptcha a {
        color: #C7114F;
        font-size: 16px;
    }

        #recaptcha_widget .picto-recaptcha a:hover {
            color: #e6487e;
        }

#content #forgotPasswordForm .btn_meconnecter {
    margin-top: 20px;
}

#content #sections .management-action input[type="radio"] {
    margin-right: 8px;
}

#content #sections .management-action .ribCadre {
    border: 1px solid #F39200;
    padding: 1px 4px;
    margin-right: 4px;
    display: inline-block;
}

#content #sections .management-action .newIBANInputZone input {
    border: 1px solid #F39200;
    display: inline-block;
}

#content #sections .management-action .newIBANInputZone .block-iban div {
    display: inline-block;
}

#content #sections .management-action .newIBANInputZone .block-iban span.title {
    font-weight: 400;
}

#content #sections .management-action .newIBANInputZone .block-iban p {
    margin-bottom: 12px;
}

#content #sections .management-action .newIBANInputZone .block-form-type b {
    display: block;
    min-height: 30px;
}

#content #sections .management-action .newIBANInputZone .block-form-type label,
#content #sections .management-action .newIBANInputZone .block-form-type input {
    margin-bottom: 4px;
}

#content #sections .management-action .newIBANInputZone .block-form-type div {
    width: 50%;
    float: left;
}

    #content #sections .management-action .newIBANInputZone .block-form-type div.col-left {
        width: 40%;
        float: left;
    }

    #content #sections .management-action .newIBANInputZone .block-form-type div.col-right {
        width: 60%;
        float: left;
    }


.input-container {
    width: 100%;
    float: left;
}

.input-label {
    float: left;
    width: 40%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.input-value {
    float: left;
    width: 45%;
    margin-bottom: 10px;
    margin-top: 5px;
}

form#form-vlcb.form-style div {
    position: static;
}

/* mydoc */
.mydoc .row {
    padding: 8px !important;
}

#content #sections .mydoc h2 {
    font-size: 16px;
    text-transform: none;
    margin-top: 16px;
}

#content #sections .mydoc h3 {
    font-weight: 300;
    font-size: 16px;
    display: inline-block;
}

#content #sections .mydoc h3 {
    width: 210px;
    color: #ffffff;
    padding: 0 1%;
    position: relative;
    margin-right: 32px;
    padding-left: 10px;
}

    #content #sections .mydoc h3:after {
        content: "";
        display: block;
        position: absolute;
        right: -38px;
        top: 0;
        width: 0;
        border-top: 28px solid transparent;
        border-right: 19px solid transparent;
        border-bottom: 28px solid transparent;
    }

.icon-pdf {
    font-size: 29px;
    border-radius: 50%;
    color: #ffffff;
}

#content #sections .mydoc .prevoyance h3 {
    line-height: 56px;
    background: #69b6c9;
}

    #content #sections .mydoc .prevoyance h3:after {
        border-left: 19px solid #69b6c9;
    }

#content #sections .mydoc .prevoyance .icon-pdf {
    background: #69b6c9;
}

#content #sections .mydoc .epargne h3 {
    line-height: 56px;
    background: #cd7496;
}

    #content #sections .mydoc .epargne h3:after {
        border-left: 19px solid #cd7496;
    }

#content #sections .mydoc .epargne .icon-pdf {
    background: #cd7496;
}

#content #sections .mydoc .retraite h3 {
    line-height: 56px;
    background: #acb371;
}

    #content #sections .mydoc .retraite h3:after {
        border-left: 19px solid #acb371;
    }

#content #sections .mydoc .retraite .icon-pdf {
    background: #acb371;
}

#content #sections .mydoc .sante h3 {
    line-height: 56px;
    background: #74a7d3;
}

    #content #sections .mydoc .sante h3:after {
        border-left: 19px solid #74a7d3;
    }

#content #sections .mydoc .sante .icon-pdf {
    background: #74a7d3;
}

.document1, .document2 {
    margin-bottom: 20px;
}

#content #sections .mydoc .document1 h3 {
    line-height: 56px;
    background: #F39200;
}

    #content #sections .mydoc .document1 h3:after {
        border-left: 19px solid #F39200;
    }

#content #sections .mydoc .document1 .icon-pdf {
    background: #F39200;
}

#content #sections .mydoc .document2 h3 {
    line-height: 56px;
    background: #a68e2a;
}

    #content #sections .mydoc .document2 h3:after {
        border-left: 19px solid #a68e2a;
    }

#content #sections .mydoc h3 {
    margin-bottom: 0;
    border-top: 1px solid #ffffff;
}



#content #sections .mydoc .document2 .icon-pdf {
    background: #a68e2a;
}

#content #sections .mydoc .id-contrat {
    display: block;
    font-size: 11px;
}

#content #sections .mydoc .mydoc_left {
    float: left;
    width: 27%;
    line-height: 56px;
}

    #content #sections .mydoc .mydoc_left h3 .align-block {
        display: inline-block;
        line-height: normal;
        vertical-align: middle;
    }

#content #sections .mydoc .mydoc_right {
    float: right;
    width: 73%;
    font-size: 14px;
}

    #content #sections .mydoc .mydoc_right > ul > li > span {
        padding-left: 5px;
    }

#content #sections .mydoc ul {
    display: table;
    width: 100%;
    margin-bottom: 0 !important;
}

#content #sections .mydoc .doc-li {
    background: #efefef;
    float: left;
    width: 45%;
    line-height: 36px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-right: 5px;
}

@media screen and (max-width: 959px) {
    #content #sections .mydoc .doc-li {
        width: 100%;
        padding-right: 0;
    }
}

#content #sections .mydoc ul li a {
    display: block;
    color: #323232;
}

#content #sections .mydoc ul li .icon-Icon-AC-SyntheseContrat-Small {
    margin-top: 13px;
    float: right;
}

#content #sections .mydoc ul li + li {
    margin-left: 0%;
}

#content #sections .mydoc ul li span {
    display: inline-block;
    vertical-align: middle;
}

#content #sections .mydoc ul li .date + span {
    font-size: 14px;
    width: 55%;
    line-height: 18px;
    margin-top: 13px;
    margin-left: 5px;
}

/* $allnews */
.news-title {
    font-size: 16px !important;
    color: #C7114F !important;
}

.news-date {
    font-size: 12px !important;
    color: #000 !important;
    line-height: 20px;
    margin-bottom: 5px;
    display: block;
}

#content #sections .mainnewslist .mainnewslistelement span.news-date span {
    font-size: 12px;
    color: #000;
    font-style: italic;
    display: block;
    line-height: 20px;
    margin-bottom: 5px;
}

#content section.news-aside {
    padding: 10px;
    margin-bottom: 2px;
}

#content #sections .mainnewslist .mainnewslistelement {
    border-bottom: 1px solid #a3a3a3;
    padding: 10px 0;
}

#content #sections .allnews ol, #content #sections .allnews ul {
    margin-left: 20px;
    margin-bottom: 0 !important;
}


#content #sections .produit ol, #content #sections .produit ul {
    margin-left: 20px;
    margin-bottom: 0 !important;
}

#content #sections .allnews ul {
    list-style-type: initial;
    margin-bottom: 0 !important;
}

#content #sections .allnews img {
    max-width: 100%;
    height: auto !important;
    display: block;
}

#content #sections .allnews .image-center img {
    margin: 0 auto;
}

#content #sections .allnews .image-right img {
    margin-right: 0;
    margin-left: auto;
}

#content #sections .allnews ul li:first-child {
    padding-top: 0;
}

#content #sections .allnews ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#content #sections .allnews ul li a {
    text-transform: none;
    color: #008dd6;
    text-decoration: underline;
    display: block;
}

    #content #sections .allnews ul li a:before {
        display: inline-block;
        border-bottom: 4px solid transparent;
        border-right: 0 solid transparent;
        border-top: 4px solid transparent;
        border-left: 8px solid #2bb0f1;
        content: "";
        margin-right: 8px;
    }

#content #sections .allnews.template-2 img {
    float: left;
    margin-right: 32px;
    max-width: 100%;
}

#content #sections .allnews ul li .link {
    color: #a50000;
    font-size: 14px;
}

#content #sections .allnews ul li p {
    font-size: 14px;
}


/* $groupe */
.groupe ul {
    margin-bottom: 0 !important;
}

#content #sections .groupe ul li {
    border-bottom: 1px solid #a3a3a3;
    padding: 10px 0;
}

    #content #sections .groupe ul li:first-child {
        padding-top: 0;
    }

    #content #sections .groupe ul li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    #content #sections .groupe ul li a {
        text-transform: none;
        color: #C7114F;
        text-decoration: underline;
        display: block;
    }

        #content #sections .groupe ul li a:before {
            display: inline-block;
            border-bottom: 4px solid transparent;
            border-right: 0 solid transparent;
            border-top: 4px solid transparent;
            border-left: 8px solid #C7114F;
            content: "";
            margin-right: 8px;
        }

    #content #sections .groupe ul li img {
        width: 80px;
        float: left;
        margin-right: 32px;
    }

    #content #sections .groupe ul li .link {
        color: #a50000;
        font-size: 14px;
    }

    #content #sections .groupe ul li p {
        font-size: 14px;
    }


/* $contact */

#content #sections .nous-contacter-connecte p {
    margin: 10px 0 10px 5px;
}

#content #sections .nous-contacter-confirmation p {
    margin: 10px 0 20px 5px;
}

#content #sections .nous-contacter-confirmation #continuer {
    text-align: right;
    margin-right: 200px;
}

#content #sections .nous-contacter-form textarea {
    width: 100%;
    background-color: #f2f2f2;
    font-size: 16px;
    border: 1px solid #999898;
    border-radius: 4px;
    font-family: "Roboto";
    font-weight: 300;
}

#content #sections .nous-contacter-form #objet {
    width: 98%;
    padding: 0 1%;
}

#content #sections .nous-contacter-form .info {
    margin-top: -2px;
}

#content #sections .nous-contacter-form .form-style .action {
    text-align: center;
    margin: 5px 0 15px;
}

/* $lexique */
.lexique ul {
    margin-bottom: 0 !important;
}

#content #sections .lexique .letters {
    text-align: center;
    border-bottom: 1px solid #a3a3a3;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

    #content #sections .lexique .letters li {
        cursor: pointer;
        display: inline-block;
        font-weight: 400;
        height: 27px;
        line-height: 27px;
        margin: 7px 1px;
        text-transform: uppercase;
        width: 27px;
    }

        #content #sections .lexique .letters li a {
            color: #C7114F;
            text-decoration: underline;
        }

        #content #sections .lexique .letters li:hover, #content #sections .lexique .letters li:hover a {
            background: #F39200;
            color: #ffffff;
            border-radius: 50%;
        }

        #content #sections .lexique .letters li.active {
            background: #F39200;
            color: #ffffff;
            border-radius: 50%;
        }

#content #sections section.lexique > ul.letters > li.active a {
    color: #ffffff;
    text-decoration: none;
}

#content #sections .lexique .letters li.no-select {
    color: #b5b5b5;
    cursor: auto;
}

    #content #sections .lexique .letters li.no-select:hover {
        background: none;
    }

#content #sections .lexique .word li {
    margin-top: 16px;
}

    #content #sections .lexique .word li span {
        color: #C7114F;
        font-weight: 400;
    }

/* $FAQ */
.faq ul {
    margin-bottom: 0 !important;
}

#content #sections .faq .list-question {
    margin-bottom: 50px;
}

    #content #sections .faq .list-question li a {
        color: #C7114F;
        font-weight: 400;
    }

    #content #sections .faq .list-question li {
        cursor: pointer;
        margin-bottom: 8px;
    }

        #content #sections .faq .list-question li:hover {
            color: #fdb813;
        }

#content #sections .faq .list-reponse li {
    margin-top: 16px;
}

    #content #sections .faq .list-reponse li span {
        color: #C7114F;
    }



/* $myrequest */

#mainRequestsTable {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
    border-spacing: 0;
}

    #mainRequestsTable th {
        text-align: left;
        font-weight: normal;
        padding: 1px 5px;
        border: 1px solid #c2c2c2;
        background: #F39200;
    }

    #mainRequestsTable td {
        padding: 1px 5px;
        border: 1px solid #c2c2c2;
        vertical-align: middle;
        height: 30px;
    }

    #mainRequestsTable tr td {
        color: #000000;
        background: white;
    }

    #mainRequestsTable tr.no-actif td {
        background: #f2f2f2;
    }

    #mainRequestsTable .noMarginNoBorderTable {
        border: none;
        margin: 0px;
    }

        #mainRequestsTable .noMarginNoBorderTable tr, #mainRequestsTable .noMarginNoBorderTable tr td {
            border: none;
            margin: 0px;
            padding: 0px;
        }

.asterisque-info {
    font-size: 0.8em;
    font-weight: 400;
    font-style: italic;
}

/* $management act */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.resetInput input {
    width: auto !important;
    height: auto !important;
}

.paramTable {
    width: 100%;
}

.updateVSRRadio {
    margin-left: 30px !important;
}

    .updateVSRRadio input {
        margin: 0 15px 0 15px;
        width: auto !important;
        height: auto !important;
        line-height: normal !important;
    }

    .updateVSRRadio label {
        margin: 0;
        width: auto !important;
    }

.radioLabel {
    width: auto !important;
    display: inline-block !important;
}



#content #sections .management-action .validation-summary-errors ul {
    margin: 0 0 16px 0;
    margin-bottom: 0 !important;
}

    #content #sections .management-action .validation-summary-errors ul li {
        margin: 0;
        font-size: 14px;
    }

#content #sections .management-action .errorMessage {
    border: solid 1px #fdb813;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fdb813;
    border-radius: 5px;
    font-weight: 400;
}

#content #sections .management-action #typePayement input {
    border: 0;
    width: auto;
}

.btn-disabled, .btn-disabled:hover, .form-style .btn_valider .btn-disabled:hover {
    background-color: #dedcdc !important;
    color: #ffffff !important;
    cursor: default !important;
}

.form-style label.autoWidth {
    width: auto;
    display: inline-block;
}

.form-style .input-phone div {
    float: left;
}

    .form-style .input-phone div + div {
        float: right;
    }

.form-style input:-mo-read-only {
    color: #a3a3a3;
}

.form-style input:read-only {
    color: #a3a3a3;
}

.form-style .input-readonly {
    color: #a3a3a3;
}

.form-style .label-pj {
    margin: 10px 0;
}

    .form-style .label-pj div {
        margin-top: 10px;
    }

    .form-style .label-pj label {
        float: left;
        margin: 0 25px 0 0;
    }

        .form-style .label-pj label input {
            margin: 0 5px 0 15px;
        }

.form-style .nb-pj-item {
    margin-bottom: 10px;
}

.form-style .nb-pj-item {
    margin-top: 22px;
}

    .form-style .nb-pj-item .title {
        margin-right: 15px;
        float: left;
    }

    .form-style .nb-pj-item label {
        float: left;
        margin: 0 15px 0 0;
    }

        .form-style .nb-pj-item label input {
            margin-right: 5px;
        }

#content #sections .nous-contacter-form .form-style .pj-item input {
    border-radius: 0;
    font-size: 12px;
    line-height: normal;
    height: auto;
    width: 83%;
}

.form-style .clearButton {
    color: #646464;
    font-size: 14px;
}

.spinner {
    display: inline-block;
    margin-left: 4px;
}

    .spinner div {
        width: 4px;
        height: 4px;
        background-color: #ffffff;
        border-radius: 50%;
        display: inline-block;
        margin: 0 2px;
        opacity: 0.6;
    }

/* Video Player */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*--------------------------------------------
	TOOLTIP
--------------------------------------------*/
#tooltip {
    text-align: left;
    background: #f5f5f5;
    border: 1px solid #ffffff;
    position: absolute;
    z-index: 10000;
    padding: 10px;
    font-size: 14px;
    line-height: normal;
    box-shadow: 0 2px 2px #6d6d6d;
    border-radius: 10px;
    max-width: 300px;
}

    #tooltip:after /* triangle decoration */ {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #f5f5f5;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #f5f5f5;
        top: -20px;
        bottom: auto;
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }

.alltooltip {
    cursor: pointer;
    max-width: 300px;
}

@media screen and (max-width: 768px) {
    #tooltip {
        text-align: center;
        background: #f5f5f5;
        border: 1px solid #ffffff;
        position: absolute;
        z-index: 100;
        padding: 10px;
        font-size: 10px;
        line-height: normal;
        box-shadow: 0 2px 2px #6d6d6d;
        border-radius: 5px;
    }

    .learn-more-details img {
        width: 100%;
        padding: 15px 0;
        height: auto;
    }
}

#content .miniInfo.alltooltip[title=""] {
    display: none;
}

/*--------------------------------------------
	HACK
--------------------------------------------*/
/* hack firefox */
@-moz-document url-prefix() {
    nav ul a {
        margin-top: 5px;
    }
}
/* hack chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #irsn_menu li {
        padding: 8px 22.9px;
    }

    header .search input {
        float: left;
    }

    header .search .submit {
        margin-left: 10px;
    }
}


#soundOn {
    color: #ffffff;
    text-align: center;
    display: block;
    width: 222px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    background: #F39200;
    border: none;
    margin: 0 0 7px 2px;
    text-transform: uppercase;
    font-size: 12px;
}

    #soundOn:hover {
        background: #F7A940;
    }

    #soundOn:after {
        content: "";
        display: inline-block;
        margin-left: 3px;
        vertical-align: middle;
        width: 22px;
        height: 22px;
        background: url('../Imgs/sound-sprite.png') 0 -40px no-repeat;
    }

    #soundOn.activeSoundButton:after {
        background: url('../Imgs/sound-sprite.png') 0 -141px no-repeat;
    }

.info-message p {
    font-size: 12px;
    font-style: italic;
}

.title-bold {
    font-weight: 500;
    font-size: 16px;
}

#tabs {
    padding: 0 !important;
    background: transparent !important;
    margin-bottom: 15px;
}

    #tabs .tab {
        background-color: white;
        margin: 0;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

.ul.tabs {
}

ul.tabs {
    margin-bottom: 0 !important;
}

    ul.tabs .nav-tab {
        width: 25%;
        height: 45px;
        float: left;
        text-align: center;
        display: table;
        background-color: #efefef;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
        -webkit-box-shadow: inset 1px 1px 5px 0 rgba(0,0,0,0.26);
        -moz-box-shadow: inset 1px 1px 5px 0 rgba(0,0,0,0.26);
        box-shadow: inset 1px 1px 5px 0 rgba(0,0,0,0.26);
        border-bottom: 1px solid #b7b7b7;
    }

        ul.tabs .nav-tab.active {
            background-color: white;
            border-bottom: 1px solid white;
            box-shadow: none;
        }

        ul.tabs .nav-tab.span3 {
            width: 25%;
        }

        ul.tabs .nav-tab.span4 {
            width: 33.33333333%;
        }

        ul.tabs .nav-tab.span6 {
            width: 50%;
        }

        ul.tabs .nav-tab:first-child {
            /* box-shadow:none; */
        }

#tab2 {
    background-color: none;
}

.tab-content-second {
    margin-top: 15px;
    background-color: white;
    padding: 16px;
    margin-bottom: 15px;
}

.tab-content-info {
    width: 100%;
    height: 41px;
    background-color: #efefef;
    margin-top: 15px;
    background: #efefef;
    background-image: -webkit-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -moz-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -ms-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -o-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#d4d4d4', GradientType=0);
}

.learn-more {
    width: 100%;
    height: 41px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 41px;
    font-weight: 500;
    background: #efefef;
    background-image: -webkit-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -moz-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -ms-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: -o-linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    background-image: linear-gradient(bottom, #d4d4d4 0, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#d4d4d4', GradientType=0);
    cursor: pointer;
}

    .learn-more span {
        margin-left: 15px;
    }

    .learn-more p {
        margin-right: 15px;
        margin-top: 10px;
        height: 22px;
        width: 22px;
        cursor: pointer;
    }

        .learn-more p.arrow-up {
            background: url(../imgs/sprite_global.png) 0 -1194px no-repeat;
        }

        .learn-more p.arrow-down {
            background: url(../imgs/sprite_global.png) -24px -1194px no-repeat !important;
        }

.tab-content-info .check-green {
    width: 24px;
    height: 19px;
    margin-top: 10px;
    margin-left: 10px;
    background-image: url(../imgs/check.png);
    background-repeat: no-repeat;
}

.check-info {
    margin-top: -22px;
    margin-left: 10px;
    background-image: url(../imgs/check.png);
    background-repeat: no-repeat;
    vertical-align: -12px !important;
    -moz-transform: scale(0.5) !important;
    -webkit-transform: scale(0.5) !important;
    transform: scale(0.5) !important;
}

.square-info {
    margin-top: -22px;
    margin-left: 10px;
    background-image: url(../imgs/square-outline-16.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 19px;
    vertical-align: -12px !important;
}

.tab-content-info .info-text {
    font-size: 15px;
    margin-left: 10px;
    font-weight: 400;
    padding-top: 10px;
}

.amount-text {
    color: #dc0000;
    font-size: 28px;
    width: 150px;
    height: 45px;
    margin-top: 7px;
    font-weight: bold;
}


    .amount-text span {
        font-size: 16px;
        vertical-align: super;
    }

ul.tabs .nav-tab a {
    color: #4E4343;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    display: table-cell;
    vertical-align: middle;
    max-width: 60%;
    margin-top: 10px;
    line-height: 12px;
}

    ul.tabs .nav-tab a.active {
        color: #dc0000;
    }

.clearfix {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}


table#capital-table,
table#capital-table2,
table.evolution-table {
    width: 100%;
    margin-top: 30px;
    border: none;
    border-spacing: 0;
    font-weight: 400;
}

    table#capital-table thead,
    table#capital-table2 thead,
    table.evolution-table thead {
        width: 100%;
        height: 45px;
        color: white;
        border: 3px solid white;
    }

    table#capital-table th,
    table#capital-table2 th,
    table.evolution-table th {
        border-collapse: collapse;
        font-weight: normal;
    }

    table#capital-table th,
    table#capital-table2 th,
    table.evolution-table th {
        border: 3px solid white;
        padding: 5px;
        text-align: center;
    }

    table.evolution-table th {
        padding: 5px 10px;
    }

.left-column-th {
    border: 3px solid white;
}

table#capital-table tbody,
table#capital-table2 tbody,
table.evolution-table tbody {
    margin-top: 5px;
}

table#capital-table tr,
table#capital-table2 tr,
table.evolution-table tr {
    width: 100%;
    height: 45px;
}

table#capital-table td,
table#capital-table2 td,
table.evolution-table td {
    height: 45px;
    box-sizing: border-box;
    background-color: #efefef;
    border: 3px solid white;
    text-align: center;
}

    table.evolution-table td.periodicity {
        padding: 5px;
        color: #323232;
    }

    table.evolution-table td span.pourcent_c1 {
        font-size: 25px;
    }

    table.evolution-table td span.sup {
        font-size: 14px;
        vertical-align: top;
        line-height: 30px;
        padding-left: 2px;
    }

    table#capital-table td.left-column,
    table#capital-table2 td.left-column,
    table.evolution-table td.left-column {
        padding-left: 5px;
        background-color: #efefef;
        border: 3px solid white;
        text-align: left;
        color: #323232;
    }

    table.evolution-table td.left-column {
        width: 50%;
    }

    table#capital-table td p,
    table#capital-table2 td p
    table.evolution-table td p {
        width: 88%;
        height: 85%;
        line-height: 49px;
        padding-right: 10px;
        text-align: right;
        color: #323232;
    }

table#capital-table th:first-child:not(:only-child),
table#capital-table2 th:first-child:not(:only-child),
table.evolution-table th:first-child:not(:only-child) {
    background-color: white;
    width: 24%;
}

.bold-orange {
    color: #e64b49;
    font-weight: bold;
    padding-left: 5px;
}

.orange {
    color: #e64b49;
}

.kaki {
    color: #acb371;
}

.left-space {
    padding-left: 5px;
}

.big-font {
    font-size: 30px;
}

.exponent {
    vertical-align: super;
    font-size: 10px;
}

.exponent-big {
    vertical-align: super;
    font-size: 20px;
}

.exponent-small {
    font-size: 8px;
    vertical-align: top;
}

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

.paragraph {
    margin-bottom: 15px;
    font-weight: 400;
}

.white {
    background-color: white;
}

.details .htmlcontent .no-marg-l {
    box-shadow: none !important;
}

.payeur .text {
    font-weight: bold;
    font-size: 12px;
}

.payeur .status {
    font-weight: normal;
}

.payeur .agora {
    font-weight: normal;
    font-style: italic;
}

.payeur .icon {
    width: 15px;
    height: 10px;
    background-image: url(../imgs/picto-assure.png);
    margin-top: 3px;
    margin-right: 5px;
}

.info-blue-italic {
    height: 30px;
    width: 30px;
    margin-left: 7px;
    background-image: url(../imgs/sprite_global.png);
    background-position: 0 1420px;
}

.bloc-right {
    width: 50%;
}

.bloc-left {
    width: 47%;
}

.line-right {
    font-weight: 300;
    font-size: 15px;
    margin-top: 10px;
    height: 20px;
    padding-top: 3px;
    line-height: 20px;
}

.class-cotisation {
    padding-left: 20px;
}

.cotisation-details-row {
    padding-bottom: 6px;
}

#details-versements, #details-frais {
    margin-top: 30px;
}

.orange-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 10px;
    margin-top: 3px;
    border-color: transparent transparent transparent #e64b49;
}

.info-line-underline {
    font-family: "Helvetica Neue LTStd-MdCn";
    text-decoration: underline;
    font-size: 20px;
    margin-right: 25px;
    color: #b7b7b7;
    margin-left: 15px;
}

.learn-more-details {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #efefef;
    padding-right: 15px;
    padding-left: 10px;
}

    .learn-more-details .info-line {
        margin-left: 15px;
    }

    .learn-more-details .amount-right {
        margin-right: 5px;
    }

    .learn-more-details img {
        margin: 0 auto;
        display: block;
        padding: 30px 0;
    }

.tab-ui h2 {
    display: none;
}

.tab-text {
    margin-top: 15px;
    text-align: justify;
}

.tab-frame {
    border: solid 1px grey;
    padding: 8px;
}

.span6.contract-details-right-column {
    padding-left: 20px;
    width: 45%;
}

#content #sections #bloc_epargne .management-mode #project-type {
    padding: 8px 12px;
    margin: 16px 0;
}

.with-borders {
    border-width: 1px;
    border-style: solid;
}

.with-left-border {
    border-left: 1px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-style: solid;
}

.rounded-borders {
    border-radius: 8px;
}

#content #sections #bloc_epargne .colored-border {
    border-color: #cd7496;
}

#content #sections #bloc_epargne .bg-color,
#content #sections #bloc_epargne .management-mode table tr:first-child,
#content #sections #bloc_epargne .rendement table tr.first-row {
    background-color: #cd7496;
    color: white;
    font-weight: normal;
}

#content #sections #bloc_retraite .bg-color,
#content #sections #bloc_retraite .management-mode table tr:first-child,
#content #sections #bloc_retraite .rendement table tr.first-row {
    background-color: #acb371;
    color: white;
    font-weight: normal;
}

#content #sections #bloc_sante .bg-color,
#content #sections #bloc_sante .management-mode table tr:first-child,
#content #sections #bloc_sante .rendement table tr.first-row {
    background-color: #74a7d3;
    color: white;
    font-weight: normal;
}

#content #sections #bloc_prevoyance .bg-color,
#content #sections #bloc_prevoyance .management-mode table tr:first-child,
#content #sections #bloc_prevoyance .rendement table tr.first-row {
    background-color: #69b6c9;
    color: white;
    font-weight: normal;
}


/* text color according universe */

#content #sections #bloc_epargne .text-color {
    color: #cd7496;
}

#content #sections #bloc_retraite .text-color {
    color: #acb371;
}

#content #sections #bloc_sante .text-color {
    color: #74a7d3;
}

#content #sections #bloc_prevoyance .text-color {
    color: #69b6c9;
}

.management-mode table td {
    padding: 5px;
}

.management-mode table td {
    border: 1px solid black;
}

.management-mode table {
    border-spacing: 0;
    border-collapse: collapse;
}

a.base-link {
    text-decoration: underline;
}

.cashout-table_container {
    padding: 0 14% 20px;
}

table.tableCashOut {
    width: 100%;
    border: 2px solid #F39200;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    font-family: 'roboto';
    color: #323232;
}

    table.tableCashOut td {
        vertical-align: middle;
        text-align: right;
        padding: 10px 20px;
        font-weight: 300;
        color: black;
    }

    table.tableCashOut tr:first-child td {
        font-weight: bold;
    }

    table.tableCashOut tr:nth-child(n+4) td {
        font-weight: bold;
    }

    table.tableCashOut tr:nth-child(4) {
        border-top: 1px solid #F39200;
    }

    table.tableCashOut tr td:last-child {
        text-align: right;
        min-width: 85px;
    }

.cashout-table_nota {
    text-align: left;
    padding-top: 20px;
}

#content #sections .management-action p.p-plus-value {
    font-size: 14px;
    margin-top: 0;
}

.noUi-handle:after, .noUi-handle:before {
    background: none repeat scroll 0 0 white !important;
    width: 2px !important;
}

.noUi-handle {
    border: 1px solid #000 !important;
}

/*#etape2 > div {
        overflow: hidden;
    }*/



/* Customize the label (the radiocontainer) */
label.radiocontainer {
    text-align: left;
    display: block;
    font-weight: 300;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-left: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    label.radiocontainer.indent {
        margin-left: 10%;
    }

    label.radiocontainer.inline {
        margin-right: 10px;
        margin-left: 10px;
    }

/* Hide the browser's default radio button */
.radiocontainer input {
    position: absolute;
    opacity: 0;
}

/* Create a custom radio button */
.radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: solid 1px #C7114F;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .radiobtn {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .radiobtn {
    background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .radiobtn:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .radiobtn:after {
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #F39200;
}

.checkbox-btn {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: solid 1px #C7114F;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkbox-btn {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkbox-btn {
    background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkbox-btn:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkbox-btn:after {
    display: block;
}

.checkbox-btn:after {
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    background: #F39200;
}

.border-left-separator {
    border-left: solid 2px #F39200;
}

.border-bottom-separator {
    border-bottom: solid 1px #F39200;
}

.col-md-6.align-separator {
    padding-left: 7px;
}

.management-action h3 {
    text-transform: uppercase;
    border-bottom: solid 2px #C7114F;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.nota {
    font-style: italic
}

.constituate-itt-edit-folder-paragraph {
    margin-left: 15px !important;
}

.constituate-itt-edit-folder-col {
    margin-top: 3rem;
    margin-right: -20px;
}

.management-action hr {
    border-top: solid 1px #F39200;
    margin-left: 30px;
}

.chosen-label_left {
    text-align: right;
    height: 45px;
    line-height: 3em;
}

select.custom {
    /* styling */
    position: relative;
    display: block;
    overflow: hidden;
    margin: 50px;
    min-width: 150px;
    font-size: 16px;
    height: 34px;
    border-radius: 2px;
    color: #444;
    background-color: white;
    border: 1px solid #ccc;
    display: inline-block;
    font: inherit;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;
    box-sizing: border-box;
    background: none;
    box-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.custom {
    background-image: linear-gradient(45deg, transparent 50%, #705c62 50%), linear-gradient(135deg, #705c62 50%, transparent 50%), linear-gradient(to right, #f39100, #f39100);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

    select.custom:focus {
        background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);
        background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
        background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
        background-repeat: no-repeat;
        border-color: grey;
        outline: 0;
    }

    /* CAUTION: IE hackery ahead */
    select.custom::-ms-expand {
        display: none; /* remove default arrow on ie10 and ie11 */
    }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0) {
    select.custom {
        padding: 5px\9;
    }
}

.datepicker-textbox {
    font-style: italic;
    color: grey;
}

.margin-top-important {
    margin-top: 10px !important;
}

.recap-itt-libelle-concerned-person {
    padding-left: 23px !important;
}

.form-separator {
    border-top: 2px solid #F39200 !important;
    margin-left: 38px !important;
    margin-right: 38px !important;
}

.work-stoppage-radio-button-left-margin {
    margin-left: 30px;
}

.recap-rp-title {
    margin: 0 30% 0 30% !important;
    padding: 8px 0 8px 0 !important;
    font-weight: 500;
}

.background-framboise {
    background-color: #C7114F;
}

.no-pointer-events {
    pointer-events: none;
}

.auto-pointer-events {
    pointer-events: auto;
}

.ui-icon.white-icons {
    background-image: url(../imgs/ui-icons_ffffff_256x240.png);
}

.last.btn-orange.home-work-stoppage {
    line-height: inherit !important;
}

.digital-document__title {
    font-size: x-large;
    margin-top: unset;
    margin-bottom: unset;
    font-family: roboto !important;
    text-transform: unset;
    font-weight: unset;
}

.digital-document__form-subtitle {
    font-weight: 500
}

.digital-document__form-radio-block {
    font-weight: unset;
    margin-left: 60px;
}

.digital-document__form-checkbox-block {
    font-weight: unset;
    margin-left: 2px;
}

.comment-exclamation:before {
    float: left;
    content: "";
    background-image: url(../imgs/comment_exclamation.png);
    background-position: -15px -98px;
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    margin-right: 10px;
    margin-left: 15px;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(//themes.googleusercontent.com/static/fonts/roboto/v11/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(//themes.googleusercontent.com/static/fonts/roboto/v11/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(//themes.googleusercontent.com/static/fonts/roboto/v11/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

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

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon5';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 28px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.prevoir-title1 {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 15px 0;
    display: block;
}

.prevoir-title2 {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 300;
    margin: 15px 0;
    display: block;
}

.prevoir-title3 {
    font-family: 'Roboto';
    font-size: 22px;
    font-weight: 300;
    margin: 15px 0;
    display: block;
}

.prevoir-accroche {
    font-family: 'Roboto';
    font-size: 18px;
    margin: 20px 0 25px;
    display: block;
}

    .prevoir-accroche strong {
        font-family: 'Roboto';
        font-weight: 500;
    }

.produit .prevoir-btn-contact {
    font-family: 'Roboto';
    border-radius: 2px;
    color: #ffffff;
    display: block;
    font-weight: 500;
    height: 30px;
    margin: 10px auto 35px;
    padding: 10px 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 165px;
    /*background: #1496d6;*/
    /*background: #f29f1c !important;*/
    background: #F39200 !important;
    text-decoration: none;
    background-image: -webkit-linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%);
    background-image: -moz-linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%);
    background-image: -ms-linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%);
    background-image: -o-linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%);
    background-image: linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aa3e9',endColorstr='#008ed6', GradientType=0);
}

    .prevoir-btn-contact:hover {
        /*background: #47b9f3 !important;*/
        /*background: #f29f1c !important;*/
        background: #f5a52e  !important;
    }
    .produit .prevoir-btn-contact a {
        color: #ffffff;
    }

.prevoir-btn-video {
    font-family: 'Roboto';
    margin: 35px auto 0;
    height: 54px;
    text-transform: uppercase;
    width: 240px;
    background-repeat: repeat-x;
    display: block;
    text-align: center;
    padding: 10px 10px 0;
    color: #323232;
    border-radius: 2px;
    background: #ffdf71 !important;
    text-decoration: none;
    background-image: -webkit-linear-gradient(top, #fffdf71 0%, #f59e0f 100%) !important;
    background-image: -moz-linear-gradient(top, #ffdf71 0%, #f59e0f 100%) !important;
    background-image: -ms-linear-gradient(top, #ffdf71 0%, #f59e0f 100%) !important;
    background-image: -o-linear-gradient(top, #ffdf71 0%, #f59e0f 100%) !important;
    background-image: linear-gradient(top, #ffdf71 0%, #f59e0f 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf71',endColorstr='#f59e0f', GradientType=0) !important;
}

    .prevoir-btn-video:hover {
        background: #fdb700 !important;
        background-image: -webkit-linear-gradient(top, #fdb700 0%, #f78b00 100%) !important;
        background-image: -moz-linear-gradient(top, #fdb700 0%, #f78b00 100%) !important;
        background-image: -ms-linear-gradient(top, #fdb700 0%, #f78b00 100%) !important;
        background-image: -o-linear-gradient(top, #fdb700 0%, #f78b00 100%) !important;
        background-image: linear-gradient(top, #fdb700 0%, #f78b00 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdb700',endColorstr='#f78b00', GradientType=0) !important;
    }

.prevoir-blue-bullet {
    font-family: 'Roboto';
    list-style-type: none !important;
    margin-left: 5px;
}

    .prevoir-blue-bullet li {
        padding-left: 15px;
        position: relative;
    }

        .prevoir-blue-bullet li:before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            background-image: url("../imgs/sprite_global.png");
            background-position: -9px -1030px;
            background-repeat: no-repeat;
            position: absolute;
            left: 0;
            top: 4px;
        }

.prevoir-red-bullet {
    font-family: 'Roboto';
    list-style-type: none !important;
    margin-left: 5px;
}

    .prevoir-red-bullet li {
        padding-left: 15px;
        position: relative;
    }

        .prevoir-red-bullet li:before {
            display: block;
            content: "• ";
            color: #e86666;
            position: absolute;
            left: 0;
            top: -7px;
            font-size: 19pt;
        }


.prevoir-label-title {
    font-family: 'Roboto';
    display: block;
    margin-top: 10px;
}

.prevoir-btn-connecter {
    text-decoration: none;
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: roboto;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    margin: 0 auto 21px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 165px;
}

    .prevoir-btn-connecter:hover {
        background: #fdb700;
        background-image: -webkit-linear-gradient(top, #fdb700 0%, #f78b00 100%);
        background-image: -moz-linear-gradient(top, #fdb700 0%, #f78b00 100%);
        background-image: -ms-linear-gradient(top, #fdb700 0%, #f78b00 100%);
        background-image: -o-linear-gradient(top, #fdb700 0%, #f78b00 100%);
        background-image: linear-gradient(top, #fdb700 0%, #f78b00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdb700',endColorstr='#f78b00', GradientType=0);
    }

.produit .prevoir-list-bg-red {
    background: none repeat scroll 0 0 #e86666;
    color: #ffffff;
    padding: 20px;
    list-style-type: none !important;
}



.prevoyance .prevoir-list-bg-red {
    background: none repeat scroll 0 0 #69b6c9;
}

.epargne .prevoir-list-bg-red {
    background: none repeat scroll 0 0 #cd7496;
}

.retraite .prevoir-list-bg-red {
    background: none repeat scroll 0 0 #acb371;
}

.sante .prevoir-list-bg-red {
    background: none repeat scroll 0 0 #74a7d3;
}


.prevoir-list-bg-red li:before {
    content: "▶ ";
}

.prevoir-list-bg-red li {
    margin-bottom: 20px;
}

.prevoir-list-assist {
    list-style-type: none !important;
}

    .prevoir-list-assist li {
        background: url("../imgs/puce_assistance.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
        margin-bottom: 20px;
        padding-left: 25px;
        line-height: 21px;
        padding-top: 3px;
    }

.btn_up2 {
    background: url("../imgs/puce_up.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 14px;
    margin: 20px auto 15px;
    padding-left: 21px;
    text-decoration: underline;
    width: 100px;
}

.prevoir-picto-tel {
    font-family: 'Roboto';
    line-height: 28px;
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
}

    .prevoir-picto-tel:before {
        content: "\e60c";
    }

.prevoir-picto-fax {
    font-family: 'Roboto';
    line-height: 28px;
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
}

    .prevoir-picto-fax:before {
        content: "\e609";
    }

.prevoir-picto-courrier {
    font-family: 'Roboto';
    line-height: 28px;
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
}

    .prevoir-picto-courrier:before {
        content: "\e619";
    }

    .prevoir-picto-courrier:before,
    .prevoir-picto-fax:before,
    .prevoir-picto-tel:before {
        font-family: "icomoon5";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-transform: none;
        background: #C7114F;
        border-radius: 50%;
        color: #ffffff !important;
        display: inline-block;
        float: left;
        font-size: 26px;
        height: 28px;
        line-height: 28px;
        margin-right: 5px;
        text-align: center;
        width: 28px !important;
    }

.nous-contacter-contact .prevoir-contact-p {
    font-family: 'Roboto';
    margin: 4px 0 16px 34px;
    font-size: 12px;
    display: block;
}

.prevoir-btn-blue {
    font-family: 'Roboto';
    text-decoration: none;
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: 125px;
    background: #1496d6 !important;
    background-image: -webkit-linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%) !important;
    background-image: -moz-linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%) !important;
    background-image: -ms-linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%) !important;
    background-image: -o-linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%) !important;
    background-image: linear-gradient(bottom, #008ed6 0%, #1aa3e9 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aa3e9',endColorstr='#008ed6', GradientType=0) !important;
    padding: 0 8px;
    margin: 0 8px;
}

    .prevoir-btn-blue:hover {
        background: #47b9f3 !important;
    }

.prevoir-btn-grey {
    font-family: 'Roboto';
    text-decoration: none;
    border: medium none;
    border-radius: 2px;
    clear: both;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    width: 125px;
    background: #a4a4a4 !important;
    background-image: -webkit-linear-gradient(bottom, #a4a4a4 0%, #c9c9c9 100%) !important;
    background-image: -moz-linear-gradient(bottom, #a4a4a4 0%, #c9c9c9 100%) !important;
    background-image: -ms-linear-gradient(bottom, #a4a4a4 0%, #c9c9c9 100%) !important;
    background-image: -o-linear-gradient(bottom, #a4a4a4 0%, #c9c9c9 100%) !important;
    background-image: linear-gradient(bottom, #a4a4a4 0%, #c9c9c9 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#a4a4a4', GradientType=0) !important;
    padding: 0 8px;
    margin: 0 8px;
}

    .prevoir-btn-grey:hover {
        background: #dedcdc !important;
    }

.close-cookie {
    display: inline-block;
    padding: 5px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    vertical-align: middle;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
    margin-left: 5px;
}

    .close-cookie:hover {
        color: #fdb813;
        border: 1px solid #fdb813;
    }
    .framboise-title
	{
		color:#C7114F;
	}
/*--------------------------------------------
    SOMMAIRE
    $general
        $loader
        $slider
        $header
        $nav
        $footer
    $homepage
    $noconnected
    $homeconnected
    $contrat
    $information
    $produit
    $message
    $management-form
    $hack
--------------------------------------------*/



/* responsive tablette & mobile */
@media screen and (max-width: 959px) {
    #content #sections .left section,
    #content #sections .right section {
        margin-left:0;
        margin-right:0;
    }
}

/*--------------------------------------------
	MOBILE & TABLET
--------------------------------------------*/
@media screen and (max-width: 959px) {
    /* $class */
    .visible-phone{
        display:none;
    }
    .visible-tablet{
        display:block;
    }
    .visible-desktop{
        display:none;
    }
    .hidden-phone{
        display:block;
    }
    .hidden-tablet{
        display:none;
    }
    .hidden-desktop{
        display:block;
    }

    /* $footer */
    footer li img {
        max-width: 100%;
        height:auto;
        display:block;
    }
    footer #blocs .mail{
      background-position: 0 -740px; 
      background-size: 31px 1205px;
    }
    footer #blocs .mail:hover{
        background-position: 0 -1013px; 
        background-size: 31px 1205px;
    }
    footer #blocs .courrier{
        background-position: 0 -779px; 
        background-size: 31px 1205px;
    }
    footer #blocs .courrier:hover{
        background-position: 0 -1052px; 
        background-size: 31px 1205px;
    }
    footer #blocs .tel{
        background-position: 0 -818px; 
        background-size: 31px 1205px;
    }
    footer #blocs .tel:hover{
        background-position: 0 -1091px; 
        background-size: 31px 1205px;
    }
    footer #blocs .fax{
        background-position: 0 -857px; 
        background-size: 31px 1205px;
    }
    footer #blocs .fax:hover{
        background-position: 0 -1130px; 
        background-size: 31px 1205px;
    }
    footer #blocs .facebook{
        background-position: 0 -623px; 
        background-size: 31px 1205px;
    }
    footer #blocs .facebook:hover {
        background-position: 0 -896px; 
        background-size: 31px 1205px;
    }
    footer #blocs .twitter {
        background-position: 0 -662px; 
        background-size: 31px 1205px;
    }
    footer #blocs .twitter:hover {
        background-position: 0 -935px; 
        background-size: 31px 1205px;
    }
    footer #blocs .youtube {
        background-position: 0 -701px; 
        background-size: 31px 1205px;
    }
    footer #blocs .youtube:hover {
        background-position: 0 -974px; 
        background-size: 31px 1205px;
    }
    footer #blocs .mail, 
    footer #blocs .courrier, 
    footer #blocs .tel, 
    footer #blocs .fax{
        width:30px;
    }
  
  header .search .submit{
	background-size:32px 540px;
	background-position:0 -30px;
	}

    /* homepage */
    #content .news li {
        margin-bottom: 11px;
        font-size: 10px;
    }
    
    /* $homeconnected */
	#content #sections .action ul li .picto_suivi{
		background: url("../imgs/sprite_action.png") no-repeat scroll 0 -29px rgba(0, 0, 0, 0);
		background-size:179px  87px;
	}
	#content #sections .action ul li .picto_msg{
		background: url("../imgs/sprite_action.png") no-repeat scroll -30px -29px rgba(0, 0, 0, 0);
		background-size:179px  87px;
	}
    #content #sections .action ul li .picto_doc{
        background: url("../imgs/sprite_action.png") no-repeat scroll -60px -29px rgba(0, 0, 0, 0);
		background-size:179px  87px;
	}
	#content #sections .action ul li .picto_received{
		background: url("../imgs/sprite_action.png") no-repeat scroll -87px -29px rgba(0, 0, 0, 0);
		background-size:144px  87px;
	}
	#content #sections .action ul li .picto_received:hover{
		background: url("../imgs/sprite_action.png") no-repeat scroll -87px -58px rgba(0, 0, 0, 0);
		background-size:144px  87px;
	}
    
    /* $contrat */
	#content #sections .gere .btn_versement .picto_versement{
        background-position:0 -1289px;
        background-size:27px 1340px;
	}
	#content #sections .gere ul li{background:none !important;}
    
	#content #sections .doc ul li .picto_doc{
        background: url(../imgs/sprite_action.png) -115px -29px no-repeat;
    }
	#content #sections .doc ul li .picto_doc:hover{
        background: url(../imgs/sprite_action.png) -115px 0px no-repeat;
    }
	 /* $information */
	#content #sections .data_perso,
	#content #sections .data_child,
	#content #sections .situation_pro,
	#content #sections .banniere_pub{
        float:none; width:auto;
    }
	
	/* $mydoc */
	#content #sections .mydoc .mydoc_left,
	#content #sections .mydoc .mydoc_right{
		float:none;
		width:auto;
	}
	#content #sections .mydoc h3{
        display:block;
        margin-right:0; 
        width:auto;
    }
	#content #sections .mydoc h3:after{display:none;}
	#content #sections .mydoc ul li{
        line-height:40px; 
        float:none; 
        width:auto; 
        font-size:14px;
        min-height: 57px;
    }
    #content #sections .mydoc ul li + li {
        margin-left: 0%;
    }
    #content #sections .mydoc ul li span.date + span {
        line-height: 40px;
    }
	/*#content #sections .mydoc ul li .date{
        line-height:40px; 
        display:block; 
        line-height:normal;
        text-align:left; 
        width:auto;
    }*/
	.icon-pdf{
        float:right; 
        margin:5px 5px 0 0;
    }
    #content #sections .mydoc ul li a {
        margin:0;
        padding-left:10px;
    }
    #content #sections .mydoc ul li{
        border-top:1px solid #ffffff;
    }

    .form-style .input-phone div{
        float:none;
    }
    .form-style .input-phone div + div{
        float:none;
    }
}

/*--------------------------------------------
	TABLET
--------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 959px) {   
    /* $nav */
    nav ul a {
        padding: 8px 5px 13px;
        font-size: 13px;
        margin-top: 9px;
    }
    nav ul a.active:after {
        top: 38px;
        right: 37%;
    }
    
    /* $footer */
    footer #blocs .avis {
        width: 100px;
        font-size: 14px;
        line-height: 16px;
        padding-top: 16px;
    }
    footer #blocs .twitter,
    footer #blocs .facebook,
    footer #blocs .youtube {
        font-size: 12px;
    }
    footer #blocs .mail,
    footer #blocs .courrier,
    footer #blocs .tel,
    footer #blocs .fax {
        margin-right: 19px;
    }
    
    /* $homepage */
    #content .connexion .forgot {
        font-size: 12px;
    }
    #content .connexion .ddn,
    #content .connexion .mdp {
        margin-top: 6%;
    }
    #content #sections{padding:0 2%;}
    
    /* $noconnected */
    #content .register{width:100%;}
    
    /* $homeconnected */
    #content #sections .left,  
    #content #sections .right, 
    #content #sections .news_co, 
    #content #sections .conseiller,
    #content #sections .slider_co,
    #content #sections .informations,
    #content #sections .small_slider,
    #content #sections .contrats,
    #content #sections .action{
        margin-left:0; 
        float:none; 
        height:auto; 
        width:auto;
    }
    .bull .arrow{
        margin:0; 
        left:auto; 
        right:21px;
    }
    .bull_action{left:-253px;}
    #content #sections .conseiller ul li img{width:100%;}

    /* rt$contrat */
    /*
    #content #sections .info_left,
    #content #sections .info_right,
    #content #sections .details,
    #content #sections .gere,
    #content #sections .doc,
    #content #sections .rendement,
    #content #sections .title_page h2 span,
    #content #sections .garantie ul li .date{
        float:none; 
        width:auto;
    }
    */
    #content #sections .details .graphic .progress_bar .progress .nb{
        margin-right:37px;
    }
    #content #sections .garantie .list_garantie .title {
        width:60%;
    }

    /* Management Act form */
     .input-label{
        float: left;
        width: 50%;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}  

/*--------------------------------------------
    SOMMAIRE
    $general
        $loader
        $slider
        $header
        $nav
        $footer
    $homepage
    $noconnected
    $homeconnected
    $contrat
    $information
    $produit
    $message
    $management-form
    $hack
--------------------------------------------*/

/*--------------------------------------------
	MOBILE
--------------------------------------------*/
@media screen and (max-width: 768px) {
    /* $class */
    .visible-phone {
        display: block;
    }

    .visible-tablet {
        display: none;
    }

    .visible-desktop {
        display: none;
    }

    .hidden-phone {
        display: none;
    }

    .hidden-tablet {
        display: block;
    }

    .hidden-desktop {
        display: block;
    }

    /* $slider */
    .fixe-height-slider .item {
        max-height: 190px;
    }

    .item .texte {
        position: relative;
        width: auto;
        right: 0;
    }

        .item .texte h3 {
            text-transform: none;
            font-size: 24px;
            font-weight: 400;
        }

        .item .texte p {
            padding: 0;
            margin-top: 0;
            line-height: normal;
            font-size: 14px;
        }

        .item .texte a {
            text-transform: none;
            color: #008dd6;
            text-decoration: underline;
        }

    .owl-theme .owl-controls .owl-page span {
        border: 1px solid #008ED6;
    }

    /* $general */
    body {
        font-size: 14px;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

        .mobile img {
            width: 75px;
        }

    .popin-content table {
        width: 100%;
    }

        .popin-content table tr td {
            display: block;
        }

    .popin-info-data label {
        margin-right: 0;
    }

    #content section,
    #content .section {
        padding: 8px;
    }

    h2 {
        font-size: 18px;
    }

    .content-bull .info-bull {
        width: 276px;
        left: -153px;
    }

        .content-bull .info-bull:after {
            left: 34px;
        }

    /* $header */
    header {
        padding-top: 0;
    }

        header .mobile_account {
            background-color: #f0f0f0;
            border-bottom: 1px solid #a3a3a3;
            margin-bottom: 10px;
            width: 100%;
            float: left;
        }

        header .slogan {
            font-size: 22px;
            margin-left: 5px;
        }

        header .client {
            margin-left: 10px;
            margin-top: 0;
            float: left;
            max-width: 65%;
        }

            header .client div {
                display: block;
            }

            header .client .name {
                border: 0;
                margin-top: 4px;
            }

            header .client .last {
                border: 0;
                padding-left: 0;
            }

        header .myaccount {
            float: right;
            margin-top: 4px;
        }

        header .logo {
            clear: both;
            display: block;
            margin-left: 5px;
        }

        header .btn_login,
        header .btn_profil,
        header .btn_search {
            background-image: url(../imgs/sprite_mobile.png);
            background-repeat: no-repeat;
            width: 42px;
            height: 35px;
            display: inline-block;
            background-size: 42px auto;
        }

        header .btn_login {
            background-position: 0 -42px;
        }

        header .btn_search {
            float: right;
            background-position: 0 -84px;
            margin-top: 10px;
        }

            header .btn_search.active {
                background-position: 0 -238px;
            }

        header .mobile_search {
            display: none;
            float: left;
            background-color: #bfbfbf;
            padding: 5px 1%;
            width: 98%;
            margin: 5px auto 0;
            text-align: center;
        }

            header .mobile_search .text {
                width: 185px;
                display: inline-block;
                border: 1px solid #999898;
                padding: 4px 1%;
                border-radius: 2px;
            }

            header .mobile_search .submit {
                width: 85px;
                height: 26px;
            }
    /* $nav */
    
        nav .mobile {
            padding: 0 2%;
            width: 96%;
            font-weight: 500;
            color: #FFFFFF;
            cursor: pointer;
            line-height: 48px;
            height: 48px;
            font-size: 16px;
        }

            nav .mobile span.burger-ico {
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
                width: 25px;
                margin-top: -3px;
            }

                nav .mobile span.burger-ico span {
                    display: block;
                    height: 2px;
                    background: #ffffff;
                    margin: 6px 0;
                }

            nav .mobile span.arrow {
                background-image: url(../imgs/sprite_mobile.png);
                background-repeat: no-repeat;
                background-position: 0 -171px;
                background-size: 100% auto;
                width: 40px;
                height: 29px;
                display: block;
                float: right;
                margin-top: 11px;
            }

            /*
    nav ul li a:hover {
        background-color: #47b9f3;
        color: #FFFFFF;
    }
    */
            nav ul li.mobile {
                background-color: transparent;
            }


                nav ul.active .mobile span {
                    background-position: 0 -196px;
                }

    /* $footer */
    footer {
        height: auto;
        background-image: none;
        border-top: 2px solid #fdb813;
    }

        footer #blocs {
            padding: 0;
        }

            footer #blocs .mail,
            footer #blocs .courrier,
            footer #blocs .tel,
            footer #blocs .fax,
            footer #blocs .reclamation {
                display: block;
                margin-bottom: 10px;
            }

                footer #blocs .mail span,
                footer #blocs .courrier span,
                footer #blocs .tel span,
                footer #blocs .fax span,
                footer #blocs .reclamation span {
                    display: block;
                    position: static;
                    color: #323232;
                    background-color: transparent;
                    margin: 0;
                    text-align: left;
                    padding: 0 0 0 35px;
                    font-weight: 300;
                    width: 250px;
                }

                    footer #blocs .mail span:after,
                    footer #blocs .courrier span:after,
                    footer #blocs .tel span:after,
                    footer #blocs .fax span:after,
                    footer #blocs .reclamation span:after {
                        display: none;
                    }

            footer #blocs .mail,
            footer #blocs .tel,
            footer #blocs .fax,
            footer #blocs .courrier,
            footer #blocs .reclamation {
                height: 39px;
            }

            footer #blocs .cancontact {
                margin-top: 5px;
            }

            footer #blocs .avis {
                height: 15px;
                padding: 6px 0 13px 75px;
                background-image: url(../imgs/bg_avis_mobile.png);
                background-size: 100% auto;
                width: 205px;
                height: 30px;
                padding: 6px 0 0 60px;
            }

                footer #blocs .avis:hover {
                    background-position: 0 0;
                }

            footer #blocs ul {
                width: 100%;
                max-width: none;
                height: auto;
                border: 0;
                padding: 0;
                float: none;
                margin-bottom: 0 !important;
            }

                footer #blocs ul.first {
                    padding-left: 0;
                }

                footer #blocs ul.last {
                    width: 100%;
                }

                footer #blocs ul.active {
                    padding-bottom: 10px;
                    border-bottom: 1px solid #a3a3a3;
                }

                    footer #blocs ul.active .title {
                        margin-bottom: 10px;
                    }

                footer #blocs ul li {
                    display: none;
                    padding: 8px 5%;
                }

                    footer #blocs ul li.title {
                        display: block;
                        cursor: pointer;
                        background-image: url(../imgs/bg_footer_mobile.png);
                        padding: 0 2%;
                        width: 96%;
                        border-bottom: 1px solid #a3a3a3;
                        margin-bottom: 0;
                        line-height: 48px;
                    }

                        footer #blocs ul li.title span {
                            background-image: url(../imgs/sprite_mobile.png);
                            background-repeat: no-repeat;
                            background-position: 0 -134px;
                            background-size: 125% auto;
                            display: inline-block;
                            height: 36px;
                            width: 36px;
                            float: right;
                            margin-top: 11px;
                        }

                footer #blocs ul.open li.title span {
                    background-position: 0 -161px;
                }

        footer #bandeau {
            background-color: #a3a3a3;
            padding-top: 15px;
            clear: none;
        }

            footer #bandeau a,
            footer #bandeau span {
                border: 0;
                font-size: 14px;
                padding-bottom: 18px;
                display: block;
            }

        footer #blocs .sites {
            margin-bottom: 0;
        }

        footer #blocs ul, footer #blocs a {
            line-height: normal;
        }
    /* $homepage */
    #content section,
    #content .section {
        margin-left: 0;
    }

    #content #sections {
        padding: 0 2%;
    }

    #content .inscription,
    #content .connexion,
    #content .news,
    #content .slider {
        width: auto;
        margin-right: 0;
        float: none;
    }

        #content .inscription .btn_video {
            width: 225px;
        }

        #content .inscription ul {
            font-size: 13px;
            margin-bottom: 0 !important;
        }

        #content .connexion .pave {
            margin-bottom: 0;
        }

        #content .connexion .btn_meconnecter {
        }

    #content .news {
        padding-bottom: 5px;
    }

        #content .news li {
            font-size: 12px;
        }

    #content .owl-carousel .owl-wrapper-outer {
        max-width: none;
    }

    #content .connexion .forgot {
        display: block;
        margin-left: 0;
    }
    /* $noconnected */
    #content .register {
        width: 90% !important;
        padding-left: 30px;
    }

        #content .register .link_popin a {
            display: block;
            float: none;
        }

        #content .register input.email, #content .register input.rs {
            width: 210px;
        }

        #content .register .select {
            background: url(../imgs/bg_select_qs.png) no-repeat 200px 14px #F2F2F2;
        }

            #content .register .select select.qs {
                width: 245px;
            }

    #etapes {
        height: auto;
        padding-bottom: 5px;
        background: none;
        background-color: #C7114F;
    }

        #etapes ul li {
            font-size: 12px;
            border: none;
        }

        #etapes .separation {
            display: none;
        }

        #etapes ul li.active {
            margin: 0;
        }

    .convention_popin_scroll {
        overflow: none;
        line-height: normal;
    }

    /* $homeconnected */
    #content #sections .left,
    #content #sections .right,
    #content #sections .news_co,
    #content #sections .conseiller,
    #content #sections .slider_co,
    #content #sections .informations,
    #content #sections .small_slider,
    #content #sections .contrats,
    #content #sections .action {
        margin-left: 0;
        float: none;
        height: auto;
        width: auto;
    }

        #content #sections .contrats .prevoyance span.type_assurance,
        #content #sections .contrats .epargne span.type_assurance {
            float: none;
            width: auto;
        }

        #content #sections .contrats .list_assurance {
            border: none;
            max-height: none;
            overflow: visible;
            float: none;
            width: auto;
            background: #f1f1f1;
        }

        #content #sections .contrats .sante .offre,
        #content #sections .contrats .retraite .offre {
            display: block;
        }

        #content #sections .contrats .offre a {
            width: auto;
            display: block;
            float: none;
        }

        #content #sections .contrats .sante span.type_assurance,
        #content #sections .contrats .retraite span.type_assurance,
        #content #sections .contrats .emprunteur span.type_assurance {
            float: none;
            width: auto;
        }

    .bull .arrow {
        margin: 0;
        left: auto;
        right: 21px;
    }

    .bull_action {
        left: -253px;
    }

    #content #sections .contrats .list_assurance .offre {
        width: auto;
    }

    #content #sections .contrats .list_assurance li {
        width: auto;
    }

    #content #sections .title_page h2 span {
        float: none;
        display: block;
        line-height: normal;
    }

    /* $contrat */
    #content #sections .info_left,
    #content #sections .info_right,
    #content #sections .details,
    #content #sections .gere,
    #content #sections .doc,
    #content #sections .rendement,
    #content #sections h2 span {
        float: none;
        width: auto;
    }

        #content #sections .doc ul li {
            font-size: 12px;
        }

            #content #sections .doc ul li .fiche_prod {
                display: none;
            }

    #content #sections .garantie ul li.toggle {
        line-height: 41px;
    }

    #popin_details_link table {
        width: 100%;
    }

        #popin_details_link table tr td {
            font-size: 12px;
        }

    #content #sections #bloc_prevoyance .gere .btn_versement a,
    #content #sections #bloc_epargne .gere .btn_versement a,
    #content #sections #bloc_retraite .gere .btn_versement a,
    #content #sections #bloc_sante .gere .btn_versement a,
    #content #sections #bloc_emprunteur .gere .btn_versement a {
        font-size: 12px;
    }

    #content #sections #bloc_epargne .garantie .epargne .animate-nb,
    #content #sections #bloc_epargne .garantie .epargne .sup {
        font-size: 24px;
    }

    #content #sections #bloc_epargne .garantie .capitale .animate-nb,
    #content #sections #bloc_epargne .garantie .capitale .sup {
        font-size: 24px;
    }

    #content #sections #bloc_retraite .garantie .epargne .animate-nb,
    #content #sections #bloc_retraite .garantie .epargne .sup,
    #content #sections #bloc_retraite .garantie .capitale .animate-nb,
    #content #sections #bloc_retraite .garantie .capitale .sup,
    #content #sections #bloc_prevoyance .garantie ul li .date .prix,
    #content #sections #bloc_epargne .garantie ul li .date .prix,
    #content #sections #bloc_retraite .garantie ul li .date .prix,
    #content #sections #bloc_sante .garantie ul li .date .prix
    #content #sections #bloc_emprunteur .garantie ul li .date .prix,
    #content #sections #bloc_emprunteur .garantie .capitale .animate-nb,
    #content #sections #bloc_emprunteur .garantie .capitale .sup {
        font-size: 22px;
    }

    #content #sections .garantie .epargne .sup, 
    #content #sections .garantie .capitale .sup {
        font-size: 14px !important;
    }

    #content #sections .info_menu ul {
        display: none;
        margin-bottom: 0 !important;
    }

    #content #sections .info_menu .prevoyance_border,
    #content #sections .info_menu .retraite_border,
    #content #sections .info_menu .sante_border,
    #content #sections .info_menu .epargne_border,
    #content #sections .info_menu .emprunteur_border {
        display: none;
    }

    #content #sections .info_menu h2 {
        background: #efefef;
        background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
        background-image: -moz-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
        background-image: -ms-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
        background-image: -o-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
        background-image: linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6',endColorstr='#f7f7f7', GradientType=1);
        margin-top: 0;
        line-height: 48px;
        padding: 0 8px;
        font-weight: 400;
        color: #7e7e7e;
        cursor: pointer;
    }

    .prevoyance_h2 {
        border-left: 4px solid #69b6c9;
    }

    #content #sections .info_menu ul.prevoyance li:hover,
    #content #sections .info_menu ul.prevoyance li.active {
        border-left: 1px solid #69b6c9;
        border-right: 1px solid #69b6c9;
    }

        #content #sections .info_menu ul.prevoyance li.active a {
            background: #69b6c9;
        }

    .retraite_h2 {
        border-left: 4px solid #acb371;
    }

    #content #sections .info_menu ul.retraite li:hover,
    #content #sections .info_menu ul.retraite li.active {
        border-left: 1px solid #acb371;
        border-right: 1px solid #acb371;
    }

    .sante_h2 {
        border-left: 4px solid #74a7d3;
    }

    #content #sections .info_menu ul.sante li:hover,
    #content #sections .info_menu ul.sante li.active {
        border-left: 1px solid #74a7d3;
        border-right: 1px solid #74a7d3;
    }

    .epargne_h2 {
        border-left: 4px solid #cd7496;
    }

    #content #sections .info_menu ul.epargne li:hover,
    #content #sections .info_menu ul.epargne li.active {
        border-left: 1px solid #cd7496;
        border-right: 1px solid #cd7496;
    }

    .emprunteur_h2 {
        border-left: 4px solid #cd7496;
    }

    #content #sections .info_menu ul.emprunteur li:hover,
    #content #sections .info_menu ul.emprunteur li.active {
        border-left: 1px solid #937BA6;
        border-right: 1px solid #937BA6;
    }

    #content #sections .info_menu .btn-burger-menu-contrat {
        background: #efefef;
        background-image: -webkit-linear-gradient(bottom, #d4d4d4 0%, #efefef 100%);
        background-image: -moz-linear-gradient(bottom, #d4d4d4 0%, #efefef 100%);
        background-image: -ms-linear-gradient(bottom, #d4d4d4 0%, #efefef 100%);
        background-image: -o-linear-gradient(bottom, #d4d4d4 0%, #efefef 100%);
        background-image: linear-gradient(bottom, #d4d4d4 0%, #efefef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#d4d4d4', GradientType=0);
        margin-top: 0;
        line-height: 48px;
        padding: 0 8px;
        display: block;
        color: #7e7e7e;
        font-size: 14px;
        text-transform: none;
        border: none;
        text-align: left;
        width: 100%;
        font-family: "Roboto";
        font-weight: 400;
        cursor: pointer;
    }

        #content #sections .info_menu .btn-burger-menu-contrat:after {
            content: '';
            display: block;
            float: right;
            width: 22px;
            height: 22px;
            background: url(../imgs/sprite_global.png) -24px -1194px no-repeat;
            margin-top: 10px;
            cursor: pointer;
            border: none;
            margin-top: 13px;
        }

        #content #sections .info_menu .btn-burger-menu-contrat.active:after {
            background: url(../imgs/sprite_global.png) 0 -1194px no-repeat;
        }

    #content #sections .info_menu h2:after {
        content: '';
        display: block;
        float: right;
        width: 22px;
        height: 22px;
        background: url(../imgs/sprite_global.png) -24px -1194px no-repeat;
        margin-top: 10px;
        cursor: pointer;
        border: none;
        margin-top: 13px;
    }

    #content #sections .info_menu h2.active:after {
        background: url(../imgs/sprite_global.png) 0 -1194px no-repeat;
    }

    #content #sections .info_menu ul {
        border: none;
        margin-bottom: 0 !important;
    }

        #content #sections .info_menu ul li {
            border-left: 1px solid #d1d1d1;
            border-right: 1px solid #d1d1d1;
        }

            #content #sections .info_menu ul li a {
                padding: 4px 10px 4px 24px;
                position: relative;
            }

            #content #sections .info_menu ul li.active a:after {
                background-image: url("../imgs/sprite_mobile.png");
                background-position: -10px -103px;
                background-repeat: no-repeat;
                background-size: 100% auto;
                content: "";
                display: block;
                height: 15px;
                position: absolute;
                right: 0;
                top: 16px;
                width: 24px;
            }

            #content #sections .info_menu ul li:hover span.active,
            #content #sections .info_menu ul.prevoyance li span.active,
            #content #sections .info_menu ul.epargne li span.active,
            #content #sections .info_menu ul.retraite li span.active,
            #content #sections .info_menu ul.sante lispan.active,
            #content #sections .info_menu ul.prevoyance li.active span.active,
            #content #sections .info_menu ul.epargne li.active span.active,
            #content #sections .info_menu ul.retraite li.active span.active,
            #content #sections .info_menu ul.sante li.active span.active,
            #content #sections .info_menu ul.emprunteur li.active span.active  {
                display: none;
            }

    #content #sections .garantie .list_garantie .title {
        max-width: 100%;
        width: 100%;
    }

    .garantie .epargne, .garantie .capitale, #content #sections .garantie .capitale {
        float: none;
        width: auto;
        display: block;
    }

    #content #sections .rendement .pourcent_c1, #content #sections .rendement .pourcent_c2 {
        font-size: 16px;
    }

    #content #sections .rendement table tr td.col2 {
        font-size: 10px;
    }

    #content #sections #bloc_prevoyance .garantie ul li .date .prix,
    #content #sections #bloc_epargne .garantie ul li .date .prix,
    #content #sections #bloc_retraite .garantie ul li .date .prix,
    #content #sections #bloc_sante .garantie ul li .date .prix {
        margin-top: -15px;
    }

    #content #sections #bloc_prevoyance .garantie ul li .date .coverages_optional,
    #content #sections #bloc_epargne .garantie ul li .date .coverages_optional,
    #content #sections #bloc_retraite .garantie ul li .date .coverages_optional,
    #content #sections #bloc_sante .garantie ul li .date .coverages_optional,
    #content #sections #bloc_emprunteur .garantie ul li .date .coverages_optional
    {
        margin-top:0px;
    }

    .label-unpaid {
        display: block;
        font-weight: 400;
    }

    /* $information */
    #content #sections .data_perso,
    #content #sections .data_child,
    #content #sections .data_pro .pro_left,
    #content #sections .data_pro .pro_right {
        float: none;
        width: auto;
    }

    #content #sections .data_pro .pro_right {
        margin-top: 0;
    }

    #content #sections .data_bank table {
        font-size: 11px;
    }

    .btn_modify, .btn_child {
        float: none;
    }

    #content #sections .data_perso h2,
    #content #sections .data_bank h2,
    #content #sections .data_pro h2 {
        display: block;
    }

    #content #sections .maj-link-info {
        float: none;
        display: block;
    }

    #content #sections .allnews.template-2 img {
        display: block;
        float: none !important;
    }

    #content #sections .groupe ul li img {
        display: none;
    }

    #content #sections .contrats .list_assurance.scroll .code {
        margin-left: 0;
    }

    #content #sections .contrats .list_assurance.scroll li {
        width: 98%;
    }

    .btn_maj-data {
        width: 100%;
        padding: 0;
    }

    /*$management-form*/
    #content #sections .management-action .newIBANInputZone .block-form-type div {
        width: auto;
        float: none;
    }

    #content #sections .management-action .newIBANInputZone .block-form-type b {
        min-height: 0;
    }

    #content #sections .myrequest table {
        font-size: 9px;
    }

    #content #sections .management-action .block-webaffaire p {
        margin-right: 0;
    }

    #content #sections .management-action .block-webaffaire img {
        float: none;
        display: block;
        margin: 5px auto 15px;
    }

    /*
    #content #sections .myrequest table td:last-child{
        display:none;
    }
    #content #sections .myrequest table th:last-child{
        display:none;
    }
    */
    #content #sections .message #form-message .label-type .title {
        display: block;
    }

    #content #sections .message #form-message {
        margin: 0 0 0 35px;
    }

        #content #sections .message #form-message textarea,
        #content #sections .message #form-message select,
        #content #sections .message #form-message input {
            font-size: 14px;
        }

        #content #sections .message #form-message textarea {
            width: 80%;
        }

        #content #sections .message #form-message select,
        #content #sections .message #form-message input {
            width: 80%;
        }

    .paramTable tr td {
        display: block;
        width: 100% !important;
    }

    .input-container {
        width: 100%;
        float: left;
    }

    .input-label {
        width: 100%;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .input-value {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .btn_form {
        font-size: 14px;
    }

    #content #sections .nous-contacter-form .form-style input.input-tooltip {
        width: 226px;
    }

    .form-style .nb-pj-item .title {
        float: none;
        display: block;
    }

    #content #sections .nous-contacter-form .form-style .pj-item input {
        width: 75%;
    }

    .form-style .label-pj .title {
        display: none;
    }

    #soundOn {
        width: 285px;
        max-width: 96%;
        font-size: 16px;
    }

    #tabs {
        display: none;
    }

    .tab-ui.hide {
        display: block !important;
    }

    .tab-ui h2 {
        display: block;
    }

    .span6.contract-details-right-column {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    .input-value {
        width: 75%;
    }

    .js-bull:after {
        display: none;
    }

    .js-bull {
        font-size: 12px;
        padding: 5px;
    }

    .step-list ol>li div.cashout-table_container {
        padding: 0 0 20px;
    }

    .form-group.width-full {
        width: 240px;
    }
}

@media screen and (max-width: 320px) {
    #content .register {
        width: 100% !important;
        padding-left: 0;
    }
}
@font-face {
    font-family: 'icomoon5';
    src: url('../fonts/icomoon5.eot?-byw1e0');
    src: url('../fonts/icomoon5.eot?#iefix-byw1e0') format('embedded-opentype'), url('../fonts/icomoon5.woff?-byw1e0') format('woff'), url('../fonts/icomoon5.ttf?-byw1e0') format('truetype'), url('../fonts/icomoon5.svg?-byw1e0#icomoon5') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon5';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 28px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-Icon-Voir2:before {
	content: "\e623";
}

.icon-Icon-Reload2:before {
	content: "\e624";
}

.icon-Icon-Modify:before {
	content: "\e625";
}

.icon-Icon-Help2:before {
	content: "\e626";
}

.icon-Icon-Ecouter2:before {
	content: "\e627";
}

.icon-Icon-Ac-EffectuerRetrait-Small:before {
	content: "\e600";
}

.icon-Icon-AC-SyntheseContrat-Small:before {
	content: "\e601";
}

.icon-Icon-Ac-VersementLibre-Small:before {
	content: "\e602";
}

.icon-Icon-Ac-VersementRegulierModif-Small:before {
	content: "\e603";
}

.icon-Icon-Ac-VersementRegulier-Small:before {
	content: "\e604";
}

.icon-Icon-Arrow-Small:before {
	content: "\e605";
}

.icon-Icon-Close:before {
	content: "\e606";
}

.icon-Icon-Contact-Email-Small:before {
	content: "\e607";
}

.icon-Icon-Contact-Fax:before {
	content: "\e608";
}

.icon-Icon-Contact-Fax-Small:before {
	content: "\e609";
}

.icon-Icon-Contact-Phone:before {
	content: "\e60a";
}

.icon-Icon-Contact-PhoneMobile-Small:before {
	content: "\e60b";
}

.icon-Icon-Contact-Phone-Small:before {
	content: "\e60c";
}

.icon-Icon-ContratDetails-Small:before {
	content: "\e60d";
}

.icon-Icon-ContratInfo-Small:before {
	content: "\e60e";
}

.icon-Icon-DC-DonneeAutres-Small:before {
	content: "\e60f";
}

.icon-Icon-DC-DonneeBancaires-Small:before {
	content: "\e610";
}

.icon-Icon-DC-DonneePersonnelles-Small:before {
	content: "\e611";
}

.icon-Icon-DC-DonneePros-Small:before {
	content: "\e612";
}

.icon-Icon-DC-Enfants-Small:before {
	content: "\e613";
}

.icon-Icon-Edit:before {
	content: "\e614";
}

.icon-Icon-Favoris-Small:before {
	content: "\e615";
}

.icon-Icon-MesDocuments:before {
	content: "\e616";
}

.icon-Icon-MesDocuments-Small:before {
	content: "\e617";
}

.icon-Icon-Messagerie:before {
	content: "\e618";
}

.icon-Icon-Messagerie-Small:before {
	content: "\e619";
}

.icon-Icon-Reduce:before {
	content: "\e61a";
}

.icon-Icon-SeeMore-Small:before {
	content: "\e61b";
}

.icon-Icon-SN-Facebook-Small:before {
	content: "\e61c";
}

.icon-Icon-SN-Twitter-Small:before {
	content: "\e61d";
}

.icon-Icon-SN-YouTube-Small:before {
	content: "\e61e";
}

.icon-Icon-TB-ConnectedProfile:before {
	content: "\e61f";
}

.icon-Icon-TB-SearchEngine:before {
	content: "\e620";
}

.icon-Icon-VoirDetail-Small:before {
	content: "\e621";
}

.icon-Icon-Ac-CotisationAugmenter-Small:before {
	content: "\e622";
}
/*
 * jReject (jQuery Browser Rejection Plugin)
 * Version 1.1.0
 * URL: http://jreject.turnwheel.com/
 * Description: jReject is a easy method of rejecting specific browsers on your site
 * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
 * Copyright: Copyright (c) 2009-2014 Steven Bower under dual MIT/GPL license.
 */

#jr_overlay {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 2147483646;
	position: absolute;
}

#jr_wrap {
	position: absolute;
	width: 100%;
	z-index: 2147483647;
	padding: 0;
	margin: 0;
}

#jr_inner {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #4F4F4F;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	position: relative;
	box-sizing: content-box;
}

#jr_header {
	display: block;
	color: #333;
	padding: 5px;
	padding-bottom: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

#jr_inner p {
	padding: 5px;
	margin: 0;
}

#jr_inner ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#jr_inner ul li {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 122px;
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: center;
}

#jr_inner li a {
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#jr_inner li a:hover {
	text-decoration: underline;
}

#jr_inner .jr_icon {
	width: 100px;
	height: 100px;
	margin: 1px auto;
	padding: 0;
	background: transparent no-repeat scroll left top;
	cursor: pointer;
}

#jr_close {
	clear: both;
	padding: 0;
	margin: 0;
}

#jr_close a {
	color: #000;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#jr_close p {
	padding: 10px 0 0 0;
	margin: 0;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width:100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
    text-align:center;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    /*cursor:url(grabbing.png) 8 8, move;*/
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	position:absolute;
	top:0;
	width:30px;
	height:100%;
    background-color:rgba(0,0,0,.1);
}
.owl-prev{
	left:0px;
}
.owl-next{
	right:0px;
}
.owl-pagination{
  	left:0;
    right:0;
	bottom:0;
    margin:0 auto;
	position:absolute;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #FFFFFF;
    -moz-box-shadow:1px 1px 2px 0px #888888; 
    -webkit-box-shadow:1px 1px 2px 0px #888888; 
    -o-box-shadow:1px 1px 2px 0px #888888;
    box-shadow:1px 1px 2px 0px #888888;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background-color: #C7114F;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* for one image */
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/*Clavier virtuel pour devices mobiles*/
@media screen and (max-width: 768px) {
    table.ui-keyboard-table td {
        width: 73px;
        height: 73px;
        margin: 0px;
        padding: 0px;
        border: 0px;
        display: table-cell !important;
    }

    /*Ligne 1*/
    /*Colonne 1*/
    table.ui-keyboard-table tr:first-child td:first-child:hover {
        /*Desktop petites images*/
        /*background-position: -292px -172px;*/
        /*Desktop grandes images*/
        background-position: -292px -228px;
    }

    table.ui-keyboard-table tr:first-child td:first-child {
        /*Desktop petites images*/
        /*background-position: 0px -172px;*/
        /*Desktop grandes images*/
        background-position: 0px -228px;
    }

        /*Colonne 2*/
        table.ui-keyboard-table tr:first-child td:first-child + td:hover {
            /*Desktop petites images*/
            /*background-position: -365px -172px;*/
            /*Desktop grandes images*/
            background-position: -365px -228px;
        }

        table.ui-keyboard-table tr:first-child td:first-child + td {
            /*Desktop petites images*/
            /*background-position: -73px -172px;*/
            /*Desktop grandes images*/
            background-position: -73px -228px;
        }

            /*Colonne 3*/
            table.ui-keyboard-table tr:first-child td:first-child + td + td:hover {
                /*Desktop petites images*/
                /*background-position: -438px -172px;*/
                /*Desktop grandes images*/
                background-position: -438px -228px;
            }

            table.ui-keyboard-table tr:first-child td:first-child + td + td {
                /*Desktop petites images*/
                /*background-position: -146px -172px;*/
                /*Desktop grandes images*/
                background-position: -146px -228px;
            }
                /*Colonne 4*/
                table.ui-keyboard-table tr:first-child td:first-child + td + td + td:hover {
                    /*Desktop petites images*/
                    /*background-position: -511px -172px;*/
                    /*Desktop grandes images*/
                    background-position: -511px -228px;
                }

                table.ui-keyboard-table tr:first-child td:first-child + td + td + td {
                    /*Desktop petites images*/
                    /*background-position: -219px -172px;*/
                    /*Desktop grandes images*/
                    background-position: -219px -228px;
                }

    /*Ligne 2*/

    /*Colonne 1*/
    table.ui-keyboard-table tr:first-child + tr td:first-child:hover {
        /*Desktop petites images*/
        /*background-position: -292px -245px;*/
        /*Desktop grandes images*/
        background-position: -292px -301px;
    }

    table.ui-keyboard-table tr:first-child + tr td:first-child {
        /*Desktop petites images*/
        /*background-position: 0px -245px;*/
        /*Desktop grandes images*/
        background-position: 0px -301px;
    }

        /*Colonne 2*/
        table.ui-keyboard-table tr:first-child + tr td:first-child + td:hover {
            /*Desktop petites images*/
            /*background-position: -365px -245px;*/
            /*Desktop grandes images*/
            background-position: -365px -301px;
        }

        table.ui-keyboard-table tr:first-child + tr td:first-child + td {
            /*Desktop petites images*/
            /*background-position: -73px -245px;*/
            /*Desktop grandes images*/
            background-position: -73px -301px;
        }

            /*Colonne 3*/
            table.ui-keyboard-table tr:first-child + tr td:first-child + td + td:hover {
                /*Desktop petites images*/
                /*background-position: -438px -245px;*/
                /*Desktop grandes images*/
                background-position: -438px -301px;
            }

            table.ui-keyboard-table tr:first-child + tr td:first-child + td + td {
                /*Desktop petites images*/
                /*background-position: -146px -245px;*/
                /*Desktop grandes images*/
                background-position: -146px -301px;
            }
                /*Colonne 4*/
                table.ui-keyboard-table tr:first-child + tr td:first-child + td + td + td:hover {
                    /*Desktop petites images*/
                    /*background-position: -511px -245px;*/
                    /*Desktop grandes images*/
                    background-position: -511px -301px;
                }

                table.ui-keyboard-table tr:first-child + tr td:first-child + td + td + td {
                    /*Desktop petites images*/
                    /*background-position: -219px -245px;*/
                    /*Desktop grandes images*/
                    background-position: -219px -301px;
                }

    /*Ligne 3*/

    /*Colonne 1*/
    table.ui-keyboard-table tr:first-child + tr + tr td:first-child:hover {
        /*Desktop petites images*/
        /*background-position: -292px -318px;*/
        /*Desktop grandes images*/
        background-position: -292px -374px;
    }

    table.ui-keyboard-table tr:first-child + tr + tr td:first-child {
        /*Desktop petites images*/
        /*background-position: 0px -318px;*/
        /*Desktop grandes images*/
        background-position: 0px -374px;
    }

        /*Colonne 2*/
        table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td:hover {
            /*Desktop petites images*/
            /*background-position: -365px -318px;*/
            /*Desktop grandes images*/
            background-position: -365px -374px;
        }

        table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td {
            /*Desktop petites images*/
            /*background-position: -73px -318px;*/
            /*Desktop grandes images*/
            background-position: -73px -374px;
        }

            /*Colonne 3*/
            table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td + td:hover {
                /*Desktop petites images*/
                /*background-position: -438px -318px;*/
                /*Desktop grandes images*/
                background-position: -438px -374px;
            }

            table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td + td {
                /*Desktop petites images*/
                /*background-position: -146px -318px;*/
                /*Desktop grandes images*/
                background-position: -146px -374px;
            }
                /*Colonne 4*/
                table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td + td + td:hover {
                    /*Desktop petites images*/
                    /*background-position: -511px -318px;*/
                    /*Desktop grandes images*/
                    background-position: -511px -374px;
                }

                table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td + td + td {
                    /*Desktop petites images*/
                    /*background-position: -219px -318px;*/
                    /*Desktop grandes images*/
                    background-position: -219px -374px;
                }

    /*Ligne 4*/

    /*Colonne 1*/
    table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child:hover {
        /*Desktop petites images*/
        /*background-position: -292px -391px;*/
        /*Desktop grandes images*/
        background-position: -292px -447px;
    }

    table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child {
        /*Desktop petites images*/
        /*background-position: 0px -391px;*/
        /*Desktop grandes images*/
        background-position: 0px -447px;
    }

        /*Colonne 2*/
        table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td:hover {
            /*Desktop petites images*/
            /*background-position: -365px -391px;*/
            /*Desktop grandes images*/
            background-position: -365px -447px;
        }

        table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td {
            /*Desktop petites images*/
            /*background-position: -73px -391px;*/
            /*Desktop grandes images*/
            background-position: -73px -447px;
        }

            /*Colonne 3*/
            table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td + td:hover {
                /*Desktop petites images*/
                /*background-position: -438px -391px;*/
                /*Desktop grandes images*/
                background-position: -438px -447px;
            }

            table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td + td {
                /*Desktop petites images*/
                /*background-position: -146px -391px;*/
                /*Desktop grandes images*/
                background-position: -146px -447px;
            }
                /*Colonne 4*/
                table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td + td + td:hover {
                    /*Desktop petites images*/
                    /*background-position: -511px -391px;*/
                    /*Desktop grandes images*/
                    background-position: -511px -447px;
                }

                table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td + td + td {
                    /*Desktop petites images*/
                    /*background-position: -219px -391px;*/
                    /*Desktop grandes images*/
                    background-position: -219px -447px;
                }

    table.ui-keyboard-table button.keyboard-fn-button {
        width: 65px;
        height: 65px;
        margin-left: 3px;
        font-size: 22px;
    }

    table.ui-keyboard-table button.keyboard-button-ok {
        width: 138px;
    }

    .ui-skeyboard {
        width: 298px;
        height: 427px;
        padding-left: 7px;
        padding-top: 7px;
    }
}

/*Clavier virtuel pour desktop*/
@media screen and (max-width: 320px), screen and (min-width: 768px) {
    table.ui-keyboard-table td {
        /*Desktop petites images*/
        /*width: 43px;*/
        /*height: 43px;*/
        /*Desktop grandes images*/
        width: 57px;
        height: 57px;
        margin: 0px;
        padding: 0px;
        border: 0px;
    }
    /*Ligne 1*/
    /*Colonne 1*/
    table.ui-keyboard-table tr:first-child td:first-child:hover {
        /*Desktop petites images*/
        /*background-position: -172px 0px;*/
        /*Desktop grandes images*/
        background-position: -228px 0px;
    }

    table.ui-keyboard-table tr:first-child td:first-child {
        background-position: 0px 0px;
    }
        /*Colonne 2*/
        table.ui-keyboard-table tr:first-child td:first-child + td:hover {
            /*Desktop petites images*/
            /*background-position: -215px 0px;*/
            /*Desktop grandes images*/
            background-position: -285px 0px;
        }

        table.ui-keyboard-table tr:first-child td:first-child + td {
            /*Desktop petites images*/
            /*background-position: -43px 0px;*/
            /*Desktop grandes images*/
            background-position: -57px 0px;
        }
            /*Colonne 3*/
            table.ui-keyboard-table tr:first-child td:first-child + td + td:hover {
                /*Desktop petites images*/
                /*background-position: -258px 0px;*/
                /*Desktop grandes images*/
                background-position: -342px 0px;
            }

            table.ui-keyboard-table tr:first-child td:first-child + td + td {
                /*Desktop petites images*/
                /*background-position: -86px 0px;*/
                /*Desktop grandes images*/
                background-position: -114px 0px;
            }
                /*Colonne 4*/
                table.ui-keyboard-table tr:first-child td:first-child + td + td + td:hover {
                    /*Desktop petites images*/
                    /*background-position: -301px 0px;*/
                    /*Desktop grandes images*/
                    background-position: -399px 0px;
                }

                table.ui-keyboard-table tr:first-child td:first-child + td + td + td {
                    /*Desktop petites images*/
                    /*background-position: -129px 0px;*/
                    /*Desktop grandes images*/
                    background-position: -171px 0px;
                }
    /*Ligne 2*/
    /*Colonne 1*/
    table.ui-keyboard-table tr:first-child + tr td:first-child:hover {
        /*Desktop petites images*/
        /*background-position: -172px -43px;*/
        /*Desktop grandes images*/
        background-position: -228px -57px;
    }

    table.ui-keyboard-table tr:first-child + tr td:first-child {
        /*Desktop petites images*/
        /*background-position: 0px -43px;*/
        /*Desktop grandes images*/
        background-position: 0px -57px;
    }
        /*Colonne 2*/
        table.ui-keyboard-table tr:first-child + tr td:first-child + td:hover {
            /*Desktop petites images*/
            /*background-position: -215px -43px;*/
            /*Desktop grandes images*/
            background-position: -285px -57px;
        }

        table.ui-keyboard-table tr:first-child + tr td:first-child + td {
            /*Desktop petites images*/
            /*background-position: -43px -43px;*/
            /*Desktop grandes images*/
            background-position: -57px -57px;
        }
            /*Colonne 3*/
            table.ui-keyboard-table tr:first-child + tr td:first-child + td + td:hover {
                /*Desktop petites images*/
                /*background-position: -258px -43px;*/
                /*Desktop grandes images*/
                background-position: -342px -57px;
            }

            table.ui-keyboard-table tr:first-child + tr td:first-child + td + td {
                /*Desktop petites images*/
                /*background-position: -86px -43px;*/
                /*Desktop grandes images*/
                background-position: -114px -57px;
            }
                /*Colonne 4*/
                table.ui-keyboard-table tr:first-child + tr td:first-child + td + td + td:hover {
                    /*Desktop petites images*/
                    /*background-position: -301px -43px;*/
                    /*Desktop grandes images*/
                    background-position: -399px -57px;
                }

                table.ui-keyboard-table tr:first-child + tr td:first-child + td + td + td {
                    /*Desktop petites images*/
                    /*background-position: -129px -43px;*/
                    /*Desktop grandes images*/
                    background-position: -171px -57px;
                }
    /*Ligne 3*/
    /*Colonne 1*/
    table.ui-keyboard-table tr:first-child + tr + tr td:first-child:hover {
        /*Desktop petites images*/
        /*background-position: -172px -86px;*/
        /*Desktop grandes images*/
        background-position: -228px -114px;
    }

    table.ui-keyboard-table tr:first-child + tr + tr td:first-child {
        /*Desktop petites images*/
        /*background-position: 0px -86px;*/
        /*Desktop grandes images*/
        background-position: 0px -114px;
    }
        /*Colonne 2*/
        table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td:hover {
            /*Desktop petites images*/
            /*background-position: -215px -86px;*/
            /*Desktop grandes images*/
            background-position: -285px -114px;
        }

        table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td {
            /*Desktop petites images*/
            /*background-position: -43px -86px;*/
            /*Desktop grandes images*/
            background-position: -57px -114px;
        }
            /*Colonne 3*/
            table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td + td:hover {
                /*Desktop petites images*/
                /*background-position: -258px -86px;*/
                /*Desktop grandes images*/
                background-position: -342px -114px;
            }

            table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td + td {
                /*Desktop petites images*/
                /*background-position: -86px -86px;*/
                /*Desktop grandes images*/
                background-position: -114px -114px;
            }
                /*Colonne 4*/
                table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td + td + td:hover {
                    /*Desktop petites images*/
                    /*background-position: -301px -86px;*/
                    /*Desktop grandes images*/
                    background-position: -399px -114px;
                }

                table.ui-keyboard-table tr:first-child + tr + tr td:first-child + td + td + td {
                    /*Desktop petites images*/
                    /*background-position: -129px -86px;*/
                    /*Desktop grandes images*/
                    background-position: -171px -114px;
                }
    /*Ligne 4*/
    /*Colonne 1*/
    table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child:hover {
        /*Desktop petites images*/
        /*background-position: -172px -129px;*/
        /*Desktop grandes images*/
        background-position: -228px -171px;
    }

    table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child {
        /*Desktop petites images*/
        /*background-position: 0px -129px;*/
        /*Desktop grandes images*/
        background-position: 0px -171px;
    }
        /*Colonne 2*/
        table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td:hover {
            /*Desktop petites images*/
            /*background-position: -215px -129px;*/
            /*Desktop grandes images*/
            background-position: -285px -171px;
        }

        table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td {
            /*Desktop petites images*/
            /*background-position: -43px -129px;*/
            /*Desktop grandes images*/
            background-position: -57px -171px;
        }
            /*Colonne 3*/
            table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td + td:hover {
                /*Desktop petites images*/
                /*background-position: -258px -129px;*/
                /*Desktop grandes images*/
                background-position: -342px -171px;
            }

            table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td + td {
                /*Desktop petites images*/
                /*background-position: -86px -129px;*/
                /*Desktop grandes images*/
                background-position: -114px -171px;
            }
                /*Colonne 4*/
                table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td + td + td:hover {
                    /*Desktop petites images*/
                    /*background-position: -301px -129px;*/
                    /*Desktop grandes images*/
                    background-position: -399px -171px;
                }

                table.ui-keyboard-table tr:first-child + tr + tr + tr td:first-child + td + td + td {
                    /*Desktop petites images*/
                    /*background-position: -129px -129px;*/
                    /*Desktop grandes images*/
                    background-position: -171px -171px;
                }


    table.ui-keyboard-table button.keyboard-fn-button {
        /*Desktop petites images*/
        /*width: 39px;*/
        /*height: 39px;*/
        /*Desktop grandes images*/
        width: 51px;
        height: 51px;
        /*Desktop petites images*/
        /*margin-left: 1px;*/
        /*Desktop grandes images*/
        margin-left: 2px;
        font-size: 18px;
    }

    table.ui-keyboard-table button.keyboard-button-ok {
        /*Desktop petites images*/
        /*width: 82px;*/
        /*Desktop grandes images*/
        width: 108px;
        /*Desktop grandes images*/
        margin-left: 2px;
    }

    .ui-skeyboard {
        /*Desktop petites images*/
        /*width: 175px;*/
        /*height: 220px;*/
        /*Desktop petites images*/
        width: 231px;
        height: 345px;
        padding-left: 5px;
        padding-top: 5px;
    }
}



table.ui-keyboard-table {
    border: none;
    border-spacing: 0px;
}

    table.ui-keyboard-table button.keyboard-fn-button {
        border: 1px solid #D7687C;
        background: #C7114F;
        border-top-left-radius: 4px /*{cornerRadius}*/;
        border-top-right-radius: 4px /*{cornerRadius}*/;
        border-bottom-left-radius: 4px /*{cornerRadius}*/;
        border-bottom-right-radius: 4px /*{cornerRadius}*/;
        font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
        border: none !important;
        color: #ffffff !important;
    }

    table.ui-keyboard-table td.keyboard-fn-cell {
        margin: 3px;
    }

    table.ui-keyboard-table button.keyboard-button-ok:hover {
        background: #46ce45;
    }

    table.ui-keyboard-table button.keyboard-button-reset:hover {
        background: #fdb42c;
    }

    table.ui-keyboard-table button.keyboard-button-delete:hover {
        background: #fc4620;
    }

    table.ui-keyboard-table button {
        outline: none;
    }

.ui-skeyboard {
    position: absolute !important;
    border: 1px solid #808080;
    border-top-left-radius: 4px /*{cornerRadius}*/;
    border-top-right-radius: 4px /*{cornerRadius}*/;
    border-bottom-left-radius: 4px /*{cornerRadius}*/;
    border-bottom-right-radius: 4px /*{cornerRadius}*/;
    z-index: 9999;
    background-color: white;
}

    .ui-skeyboard.ui-skeyboard-loading {
        background: url("../Imgs/loader.gif") center center no-repeat;
        background-color: white;
    }

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}#select2-secret_question-container{font-weight:400;border-radius:4px;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#f2f2f2}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:black;line-height:26px;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{border:1px solid #aaa;border-radius:4px;outline:0;/*background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)*/}.select2-container--classic .select2-selection--single:focus{border:1px solid #999898}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:black;line-height:26px;font-weight:400}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#C7114F transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #999898}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;/*background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)*/}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #999898}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #999898}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#f7f7f7;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#C7114F;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#999898}
@media screen and (max-width: 768px){
    select2-results>.select2-results__options{max-height:200px;overflow-y:auto;max-width:100px;}
}