/* ==========================================================================
   @4-PAGES
   ========================================================================== */
/* GRILLE ET POINTS DE RUPTURES TABLETTE / DESKTOP
  ========================================================================== */
.grid-1 {
    float: left;
    margin-right: 3.06748%;
    width: 5.52147%;
}

.middle-1 {
    float: left;
    width: 7.05521%;
}

.last-1 {
    float: left;
    width: 5.52147%;
}

.grid-2 {
    float: left;
    margin-right: 3.06748%;
    width: 14.11043%;
}

.middle-2 {
    float: left;
    width: 15.64417%;
}

.last-2 {
    float: left;
    width: 14.11043%;
}

.grid-3 {
    float: left;
    margin-right: 3.06748%;
    width: 22.69939%;
}

.middle-3 {
    float: left;
    width: 24.23313%;
}

.last-3 {
    float: left;
    width: 22.69939%;
}

.grid-4 {
    float: left;
    margin-right: 3.06748%;
    width: 31.28834%;
}

.middle-4 {
    float: left;
    width: 32.82209%;
}

.last-4 {
    float: left;
    width: 31.28834%;
}

.grid-5 {
    float: left;
    margin-right: 3.06748%;
    width: 39.8773%;
}

.middle-5 {
    float: left;
    width: 41.41104%;
}

.last-5 {
    float: left;
    width: 39.8773%;
}

.grid-6 {
    float: left;
    margin-right: 3.06748%;
    width: 48.46626%;
}

.middle-6 {
    float: left;
    width: 50%;
}

.last-6 {
    float: left;
    width: 48.46626%;
}

.grid-7 {
    float: left;
    margin-right: 3.06748%;
    width: 57.05521%;
}

.middle-7 {
    float: left;
    width: 58.58896%;
}

.last-7 {
    float: left;
    width: 57.05521%;
}

.grid-8 {
    float: left;
    margin-right: 3.06748%;
    width: 65.64417%;
}

.middle-8 {
    float: left;
    width: 67.17791%;
}

.last-8 {
    float: left;
    width: 65.64417%;
}

.grid-9 {
    float: left;
    margin-right: 3.06748%;
    width: 74.23313%;
}

.middle-9 {
    float: left;
    width: 75.76687%;
}

.last-9 {
    float: left;
    width: 74.23313%;
}

.grid-10 {
    float: left;
    margin-right: 3.06748%;
    width: 82.82209%;
}

.middle-10 {
    float: left;
    width: 84.35583%;
}

.last-10 {
    float: left;
    width: 82.82209%;
}

.grid-11 {
    float: left;
    margin-right: 3.06748%;
    width: 91.41104%;
}

.middle-11 {
    float: left;
    width: 92.94479%;
}

.last-11 {
    float: left;
    width: 91.41104%;
}

.grid-12 {
    float: left;
    margin-right: 3.06748%;
    width: 100%;
}

.middle-12 {
    float: left;
    width: 101.53374%;
}

.last-12 {
    float: left;
    width: 100%;
}

.grid-f-1 {
    float: left;
    margin-right: 15px;
    width: 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-1 {
    float: left;
    width: 69px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-1 {
    float: left;
    width: 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-2 {
    float: left;
    margin-right: 15px;
    width: 123px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-2 {
    float: left;
    width: 138px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-2 {
    float: left;
    width: 123px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-3 {
    float: left;
    margin-right: 15px;
    width: 192px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-3 {
    float: left;
    width: 207px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-3 {
    float: left;
    width: 192px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-4 {
    float: left;
    margin-right: 15px;
    width: 261px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-4 {
    float: left;
    width: 276px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-4 {
    float: left;
    width: 261px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-5 {
    float: left;
    margin-right: 15px;
    width: 330px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-5 {
    float: left;
    width: 345px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-5 {
    float: left;
    width: 330px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-6 {
    float: left;
    margin-right: 15px;
    width: 399px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-6 {
    float: left;
    width: 414px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-6 {
    float: left;
    width: 399px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-7 {
    float: left;
    margin-right: 15px;
    width: 468px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-7 {
    float: left;
    width: 483px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-7 {
    float: left;
    width: 468px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-8 {
    float: left;
    margin-right: 15px;
    width: 537px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-8 {
    float: left;
    width: 552px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-8 {
    float: left;
    width: 537px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-9 {
    float: left;
    margin-right: 15px;
    width: 606px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-9 {
    float: left;
    width: 621px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-9 {
    float: left;
    width: 606px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-10 {
    float: left;
    margin-right: 15px;
    width: 675px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-10 {
    float: left;
    width: 690px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-10 {
    float: left;
    width: 675px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f_11 {
    float: left;
    margin-right: 15px;
    width: 744px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-11 {
    float: left;
    width: 759px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-11 {
    float: left;
    width: 744px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-f-12 {
    float: left;
    margin-right: 15px;
    width: 813px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.middle-f-12 {
    float: left;
    width: 828px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last-f-12 {
    float: left;
    width: 813px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Général
  ========================================================================== */
.quizz section, .quizz2 section, .lexique section {
    width: auto;
}

/* @CONNEXION
  ========================================================================== */
.connexion .bgHeader {
    width: 100%;
    height: 127px;
    background: url(img/connexion-bg-header.jpg) repeat-x !important;
}

.connexion header {
    width: 866px !important;
    margin: 0 auto;
    padding: 10px 54px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.logo-adding {
    float: right;
}

.connexion .description {
    width: 366px;
    float: left;
    padding-right: 84px;
}

.connexion #page {
    width: 866px !important;
    padding: 10px 54px !important;
    margin-top: 60px;
    background: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    /*.connexion section{
width:535px !important;
margin: 0 auto !important;
float: none !important;
padding: 0 !important;
}*/
    /*.connexion #page .titre{
text-align:center;
background-color: #FFFFFF;
padding: 20px;
}*/
    .connexion #page .bg1 {
        padding: 30px;
        background-color: #e1e1e1 !important;
    }

    .connexion #page .bg2 {
        padding: 30px;
        background-color: #ffffff !important;
    }

.connexion .btnSmallBleu {
    width: 100% !important;
    padding: 0 !important;
}

.connexion #footer {
    text-align: right;
    border: none !important;
    padding: 0 !important;
}

/* @ACCUEIL
  ========================================================================== */
.accueil {
    padding-top: 20px !important;
}

    .accueil section .etapesSimulation {
        width: 978px;
        height: 140px;
        background: url(img/etapes-simulation.png);
    }

    .accueil h1 {
        margin: 30px 0;
    }

    .accueil .col1 {
        margin: 30px 0 0 0;
    }

        .accueil .col1 .col1-2 {
            width: 460px !important;
        }

    .accueil .article .documents {
        margin: 0 5px 0 0;
    }

    .accueil .example-wrapper {
        height: 230px !important;
    }

    .accueil .titreQuizz {
        font: 1.286em 'open_sansregular', Arial, sans-serif;
        background-color: #454545;
        color: #ffffff;
        padding: 15px 30px 0px 43px;
    }

    .accueil .modalWindowRisFactice {
        display: none;
    }

    /* -----------------------  Simulations rapides (dans accueil + simulateurs) -------------------*/
    .accueil .rapides,
    .simulateurs .rapides {
        clear: both;
        overflow: hidden;
    }

        .accueil .rapides a,
        .simulateurs .rapides a {
            display: block;
            width: 100%;
            height: 100%;
            background-color: #f2f2f2 !important;
        }

            .accueil .rapides a:hover,
            .simulateurs .rapides a:hover {
                background-color: #1c9ad5 !important;
                text-decoration: none;
            }

                .accueil .rapides a:hover h5,
                .simulateurs .rapides a:hover h5 {
                    color: #ffffff !important;
                }

        .accueil .rapides .grid-3 .bg,
        .accueil .rapides .last-3 .bg,
        .simulateurs .rapides .grid-3 .bg,
        .simulateurs .rapides .last-3 .bg {
            width: 94.59459%;
            margin: 0 auto;
            height: 96px;
            line-height: 96px;
        }

.old-ie .accueil .rapides .grid-3 .bg,
.old-ie .accueil .rapides .last-3 .bg,
.old-ie .simulateurs .rapides .grid-3 .bg,
.old-ie .simulateurs .rapides .last-3 .bg {
    height: 106px;
    line-height: 106px;
}

.accueil .rapides .grid-3 .border,
.accueil .rapides .last-3 .border,
.simulateurs .rapides .grid-3 .border,
.simulateurs .rapides .last-3 .border {
    border-bottom: 4px solid #1c9ad5;
}

.accueil .rapides .grid-3 img,
.accueil .rapides .last-3 img,
.simulateurs .rapides .grid-3 img,
.simulateurs .rapides .last-3 img {
    padding: 0 5px;
    vertical-align: middle;
    display: inline-block;
}

.accueil .rapides .grid-3 h5,
.accueil .rapides .last-3 h5,
.simulateurs .rapides .grid-3 h5,
.simulateurs .rapides .last-3 h5 {
    width: 64%;
    vertical-align: middle;
    display: inline-block;
    font-size: 13px !important;
}

/* -----------------------  Simulations detaillees (dans accueil + simulateurs) -------------------*/
.accueil .rapides,
.detaillees a,
.simulateurs .rapides {
    display: block;
    width: 100%;
    height: 100%;
}

.accueil .detaillees a,
.simulateurs .detaillees a {
    background-color: #1c9ad5;
    line-height: 105px;
}

    .accueil .detaillees a:hover,
    .simulateurs .detaillees a:hover {
        background-color: #177eb0;
        line-height: 105px;
    }

.accueil .detaillees .grid-6 img,
.accueil .detaillees .last-6 img {
    display: inline-block;
    vertical-align: middle;
}

.accueil .detaillees .grid-6 a img,
.accueil .detaillees .last-6 a img,
.simulateurs .detaillees .grid-6 img,
.simulateurs .detaillees .last-6 img {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}

.accueil .detaillees .grid-6 h4,
.accueil .detaillees .last-6 h4,
.simulateurs .detaillees .grid-6 h4,
.simulateurs .detaillees .last-6 h4 {
    display: inline-block;
    width: 75.94937%;
    color: #FFFFFF;
}

.accueil .example-wrapper h3,
.simulateurs .example-wrapper h3 {
    color: #FFFFFF !important;
    z-index: 999999999999;
}

.accueil .animationQuizz a {
    color: #ffffff !important;
}

/* @ESPACE PERSONNEL
  ========================================================================== */
.espace-personnel .user {
    background: url(img/user-big.png) 0 250px no-repeat !important;
}

/*--------------ris--------------*/
.espace-personnel .ris {
    background-color: #f3f3f3;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .espace-personnel .ris img {
        float: left;
        margin-right: 15px;
    }

    .espace-personnel .ris span {
        float: left;
        padding-top: 10px;
    }

    .espace-personnel .ris col a {
        display: block;
        width: 100%;
        height: 100%;
    }

/*--------------simulations--------------*/
.espace-personnel .simulations {
    background-color: #a5a5a5;
    padding: 15px;
    color: #FFFFFF !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .espace-personnel .simulations .grid-4, .espace-personnel .simulations .last-4 {
        text-align: center !important;
    }

    .espace-personnel .simulations h3 {
        color: #FFFFFF !important;
        margin-bottom: 15px;
    }

    .espace-personnel .simulations a {
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF !important;
    }

/*--------------resultatsTelechargeables--------------*/
.espace-personnel .resultatsTelechargeables {
    background-color: #f3f3f3;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.espace-personnel .stockage {
    line-height: 10px;
}
/*--------------nav-simulation--------------*/
.espace-personnel .nav-simulation {
    color: #FFFFFF;
}

input.btnSmallBleu {
    min-width: 20%;
}

/* @SIMULATEURS
  ========================================================================== */
/*--------------PAGE SIMULATEUR--------------*/
.simulateurs .temps {
    padding: 0 !important;
}

.simulateurs .rapides .temps {
    padding: 0 0 0 6px !important;
}

.simulateurs .projetAaZ a {
    line-height: 30px !important;
    padding: 5px 10px 15px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .simulateurs .projetAaZ a img {
        padding: 0 !important;
    }

/*--------------PAGES SIMULATEUR--------------*/
.simulation {
    width: 725px;
    /*background-color: #f4f4f4;*/
    margin: 0;
}

    .simulation .col1-1 {
        clear: both;
    }

/*--------------ETAPES--------------*/
#steps {
    width: 100%;
    overflow: hidden;
}

.step {
    width: 12%;
    min-height: 50px;
    float: left;
    background: url(img/step.png) center 0 no-repeat !important;
    text-align: center;
}

    .step .nombre {
        color: #ffffff;
    }

    .step .titre {
        color: #a5a5a5;
        font: 1em 'open_sansregular', Arial, sans-serif;
    }

/*-----------étape terminée------------*/
.done {
    min-height: 50px;
    background: url(img/done.png) center 0 no-repeat !important;
}

    .done .nombre {
        display: none;
    }

    .done .titre {
        padding-top: 60px;
        color: #1c9ad5;
    }

/*-----------étape active------------*/
#steps .active {
    min-height: 50px;
    background: url(img/step-active.png) center 0 no-repeat !important;
}

.active .nombre {
    color: #a5a5a5;
}

.step .nombre {
    height: 50px;
    margin-bottom: 10px;
    padding-top: 15px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*-----------Filet vertical------------*/
#steps .border {
    float: left;
    width: 5%;
    height: 50px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #steps .border .filet {
        height: 4px;
        background-color: #bfbfbf;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /*-----------filet d'une étape epassée------------*/
    #steps .border .termine {
        background-color: #1c9ad5 !important;
    }

    /*-----------filet d'une étape en cours------------*/
    #steps .border .actif {
        background: -moz-linear-gradient(to right, #1c9ad5 0%, #bfbfbf 100%);
        background: -o-linear-gradient(to right, #1c9ad5 0%, #bfbfbf 100%);
        background: -webkit-linear-gradient(to right, #1c9ad5 0%, #bfbfbf 100%);
        /* Safari et Chrome */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1c9ad5 0%), color-stop(1, #bfbfbf 100%));
        /* Safari et Chrome */
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#1c9ad5 0%, EndColorStr=#a5a5a5 100%)";
        /* IE6 et IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#1c9ad5', endColorstr='#a5a5a5')";
        /* IE8*/
        background: linear-gradient(to right, #1c9ad5 0%, #bfbfbf 100%);
    }

/*-------ligne d'ajout/supprission de périodes------*/
.add {
    background-color: #a5a5a5;
    padding: 10px;
    color: #FFFFFF;
}

.plus img, .moins img {
    padding-right: 10px;
}

/*-------table------*/
/* Table Base */
table {
    font-family: arial;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    /*margin-bottom: 20px;*/
}

table thead tr th {
    font-weight: bold !important;
}

.table th,
.table td {
    font-weight: normal;
    font-size: 12px;
    padding: 8px 15px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #dddddd;
}

.table thead th {
    background: #eeeeee;
    vertical-align: bottom;
}

.table tbody > tr:nth-child(odd) > td,
.table tbody > tr:nth-child(odd) > th {
    background-color: #fafafa;
}

.table .t-small {
    width: 5%;
}

.table .t-medium {
    width: 15%;
}

.table .t-status {
    font-weight: bold;
}

.table .t-active {
    color: #46a546;
}

.table .t-inactive {
    color: #e00300;
}

.table .t-draft {
    color: #f89406;
}

.table .t-scheduled {
    color: #049cdb;
}

/* Small Sizes */
@media (max-width: 480px) {
    .table-action thead {
        display: none;
    }

    .table-action tr {
        border-bottom: 1px solid #dddddd;
    }

    .table-action td {
        border: 0;
    }

        .table-action td:not(:first-child) {
            display: block;
        }
}
/* @ESTIMATION APPROFONDIE introA
  ========================================================================== */
.intro img {
    margin: 0 30px 0 0 !important;
}

.steps-intro .step-intro {
    background: url(img/flux-espace-personnel-off.png) no-repeat;
    padding: 15px 0 0 0;
}

.steps-intro ul {
    padding: 0;
}

.steps-intro .active {
    background: url(img/flux-espace-personnel-on.png) no-repeat;
}

.introA .simulation {
    width: 693px;
    padding: 0 15px !important;
}

.introA .avantages {
    background: url(img/espace-perso.jpg) center 40px no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 500px;
}

    .introA .avantages .texte1 {
        margin: 65px 0 58px 0;
    }

    .introA .avantages .texte2 {
        margin: 40px 0 15px 0;
    }

    .introA .avantages .texte3 {
        margin: 5px 0 50px 0;
    }

    .introA .avantages img {
        margin: 10px 30px 0 0;
        /*float: left;*/
    }

    .introA .avantages .texte {
        width: 75%;
        float: left;
    }

    .introA .avantages .boutonFleche {
        padding-top: 10px !important;
        font-size: 13px;
    }

/*.introA .boutonFleche span{
width:80%;
}*/
/* @ESTIMATION APPROFONDIE introB
  ========================================================================== */
.introB .securite, .etape2 .securite {
    width: 726px;
    height: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 45px 15px 15px 140px;
    background: url(img/securite-donnees.jpg) no-repeat;
}

.introB .questions, .etape2 .questions, .premiere-connexion .questions {
    padding: 30px;
    background-color: #f3f3f3;
}

.premiere-connexion .date-naissance {
    padding: 30px;
    background-color: #f3f3f3;
}

.introB .avantages {
    background: url(img/bg-ris.jpg) center 40px no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 500px;
}

.introB .importation, .etape2 .importation {
    min-height: 72px;
    background: url(img/bg-ris.png) no-repeat;
}

.introB .import, .etape2 .import {
    line-height: 35px;
}

.introB .avantages .texte1 {
    margin: 65px 0 58px 0;
}

.introB .avantages .texte2 {
    margin: 40px 0 15px 0;
}

.introB .avantages .texte3 {
    margin: 5px 0 50px 0;
}

.introB .avantages img {
    margin: 10px 30px 0 0;
    /*float: left;*/
}

/* @ESTIMATION APPROFONDIE étape 1-2
  ========================================================================== */
.rem .first {
    padding: 23px 0 0 0;
}

.rem .imgRem {
    padding-right: 15px;
    float: left;
}

.rem .titre {
    font-size: 14px;
    font-weight: bold;
}

.etape1-2 .txt {
    padding: 0 0 0 15px;
}

.etape1-2 .date {
    text-align: right;
}

table.trimestres td, table.trimestres th {
    text-align: center !important;
    line-height: 15px !important;
    padding: 4px 15px !important;
}

.faux {
    background: #c6e6f4 !important;
}

table.trimestres .annee {
    padding-left: 5px;
}

/* @ESTIMATION APPROFONDIE étape 2-A
  ========================================================================== */
table.trimestres {
    border: 1px solid #dddddd;
}

    table.trimestres td {
        border: 1px solid #dddddd;
    }

        table.trimestres td .btnXSmallGris {
            float: none !important;
        }

/* @ESTIMATION APPROFONDIE étape 2-2
  ========================================================================== */
table.points th {
    vertical-align: middle;
}

table.points td, table.points th {
    text-align: center !important;
    line-height: 15px !important;
    padding: 4px 15px !important;
}

table.points .th1 {
    background-color: #dadada !important;
}

table.points .th2 {
    background-color: #e7e7e7 !important;
}

table.points td img {
    padding: 4px 0 0 0;
}

/* @ESTIMATION APPROFONDIE étape 3
  ========================================================================== */
.etape3 .schema .droite {
    width: 362px !important;
}

.etape3 table.synthese {
    width: 362px !important;
    border-collapse: collapse;
    border-spacing: 0 !important;
    border: 0;
    font-size: 13px;
}

    .etape3 table.synthese p {
        margin-bottom: 0 !important;
    }

    .etape3 table.synthese th {
        width: 181px !important;
        height: 74px;
        padding: 0 7px !important;
        text-align: left;
    }

    .etape3 table.synthese td {
        width: 181px !important;
        padding: 0 7px !important;
    }

        .etape3 table.synthese td.border {
            border-right: 2px solid #1c99d5;
            border-left: 2px solid #1c99d5;
        }

    .etape3 table.synthese .th2 {
        background-color: #1c99d5;
        color: #ffffff;
        border-right: 2px solid #1c99d5;
        border-left: 2px solid #1c99d5;
    }

    .etape3 table.synthese .niveau2 {
        padding-left: 15px !important;
    }

    .etape3 table.synthese tr.agirc {
        height: 35px;
        background: url(img/bg-agirc.jpg) no-repeat !important;
    }

    .etape3 table.synthese tr.arrco {
        height: 54px;
        background: url(img/bg-arrco.jpg) no-repeat !important;
    }

    .etape3 table.synthese tr.ircantec {
        height: 54px;
        background: url(img/bg-ircantec.jpg) no-repeat !important;
    }

    .etape3 table.synthese tr.base {
        height: 75px;
        background: url(img/bg-base.jpg) no-repeat !important;
        color: #ffffff;
    }

table.risOriginal {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll !important;
    -ms-overflow-y: scroll !important;
    overflow: -moz-scrollbars-vertical !important;
}

    table.risOriginal th, table.risOriginal td {
        text-align: center !important;
    }

/* @ESTIMATION APPROFONDIE étape 6 Mes résultats
  ========================================================================== */
/*-------schéma1------*/
.hidden {
    visibility: hidden !important;
    height: 1px !important;
}

.info-chart {
    position: relative;
    padding-left: 70px;
    background: url(img/bg-schema-resultats.png) no-repeat !important;
}

    .info-chart rect:hover {
        fill: #454545;
    }

.tooltip {
    position: absolute;
    width: 120px;
    height: auto;
    padding: 10px;
    background-color: #000;
    pointer-events: none;
}

.tooltip-left:before {
    content: "";
    position: absolute;
    bottom: 11px;
    right: -8px;
    border-left: 8px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 0;
}

.tooltip-right:before {
    content: "";
    position: absolute;
    bottom: 11px;
    left: -8px;
    border-right: 8px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 0;
}

.tooltip.hidden {
    display: none;
}

.tooltip p {
    margin: 0;
    color: #fff;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 20px;
}

/*-------ages------*/
.partie1 .ages {
    padding-left: 66px;
    overflow: hidden;
    font-size: 12px;
}

    .partie1 .ages .age {
        width: 54px !important;
        margin-right: 7px !important;
        float: left;
    }

    .partie1 .ages a.btnXXSmallBleu {
        display: block;
        width: 100%;
        padding: 3px 0 !important;
    }

    .partie1 .ages .age .mois {
        font-size: 9px;
    }

.ages-annotations .type {
    margin: 5px 0 0 0;
    padding-left: 5px;
    border-left: 1px solid #a5a5a5;
    font-style: italic;
    color: #a5a5a5;
    float: left;
}

.ages-annotations .type1 {
    margin-left: 66px;
}

.ages-annotations .type2 {
    margin-left: 50px;
}

/*-------resultats------*/
.selection {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e7e7e7;
    padding: 27px;
}

.selectionAge {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0 0 0;
    padding-left: 38%;
}

    .selectionAge img {
        float: left;
    }

.selection .bg1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 15px;
}

.selection .bg2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #a5a5a5;
    color: #FFFFFF;
    padding: 15px;
}

    .selection .bg2 .h5 {
        color: #FFFFFF;
    }

/*-------repartitionretraite : pie chart------*/
.pieWrapper {
    border-radius: 50%;
    margin: 1rem auto;
    width: 13rem;
    height: 13rem;
}

.pie {
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.slice, .slice90, .slice90plus, .slice180plus {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform-origin: 0 0;
}

.slice90 {
    height: 1000%;
}

.slice90plus {
    transform-origin: 0 center;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.slice180plus {
    transform-origin: center center;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    z-index: -2;
}

/*-------repartitionretraite------*/
.repartitionretraite {
    margin-bottom: 15px;
}

.selection .legende {
    font-weight: normal !important;
    margin: 0 0 0 15px;
}

    .selection .legende .couleur {
        width: 15px;
        height: 10px;
        margin: 5px 0 0 0;
    }

    .selection .legende .couleur1 {
        background-color: #1c99d5;
    }

    .selection .legende .couleur2 {
        background-color: #ffffff;
    }

    .selection .legende .couleur3 {
        background-color: #cccccc;
    }

    .selection .legende .couleur4 {
        background-color: #bbbbbb;
    }

    .selection .legende .couleur5 {
        background-color: #555555;
    }

    .selection .legende .couleur6 {
        background-color: #000000;
    }

.legende2 {
    padding-top: 110px;
}

.actions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px !important;
}

    .actions .action1 a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 100%;
        color: #212121;
        padding: 5px;
    }

    .actions .action2 a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 100%;
        color: #ffffff;
        padding: 5px;
    }

    .actions .action3 a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 100%;
        color: #ffffff;
        padding: 5px;
    }

    .actions a:hover {
        background-color: #1c99d5;
        color: #ffffff;
    }

    .actions .action1 {
        background-color: #f3f3f3;
        height: 40px !important;
    }

    .actions .action2 {
        background-color: #a5a5a5;
        height: 40px !important;
        color: #ffffff;
    }

    .actions .action3 {
        background-color: #454545;
        height: 40px !important;
        color: #ffffff !important;
    }

    .actions .action {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .actions .titre {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 5px;
    }

.etape6 .approfondie {
    height: 105px;
    background-color: #1c99d5;
}

    .etape6 .approfondie a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 27px;
    }

    .etape6 .approfondie img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 30px;
    }

    .etape6 .approfondie h4 {
        display: inline-block;
        color: #ffffff !important;
        width: 70%;
    }

.nav-simulation .btnSmallBleu {
    margin-top: 13px !important;
}

/*-------page simulateur étape 2------*/
.etape2 .col1-2 {
    width: 445px !important;
    background-color: #e1e1e1;
    min-height: 520px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 15px !important;
}

/* -------------------------------- @texte en info-bulle ----------------------------*/
.calculatrice {
    display: block;
    background: url(img/bg-calculatrice.jpg) 260px 0 no-repeat !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

/* @IDR
  ========================================================================== */
/*-------page Mes résultats------*/
.idr .partie1 .texte {
    border-left: 1px solid #a5a5a5;
    padding: 15px 0 0 15px;
}

.idr .partie1 .age {
    background-color: #ffffff;
    padding: 15px;
    text-align: center;
    font-weight: bold;
}

.idr .partie2 {
    width: 673px;
    height: 178px;
    background: url(img/idr-resultats.png) no-repeat;
    padding: 30px 0 0 210px;
}

    .idr .partie2 .texte {
        color: #ffffff;
        font-weight: bold;
    }

    .idr .partie2 .age {
        text-align: center;
        font-weight: bold;
        padding-left: 30px;
    }

/* @optimisationAvantages
  ========================================================================== */
/*-------étape 4 Mon épargne future------*/
.optimisationAvantages .objectifs {
    font-size: 16px;
}

    .optimisationAvantages .objectifs .montant {
        font-size: 21px;
        font-weight: bold;
    }

.optimisationAvantages .objectif1 {
    background-color: #e7e7e7;
    padding: 15px;
}

.optimisationAvantages .objectif2 {
    background-color: #cccccc;
    padding: 15px;
}

.amount, .amount2, .amount3, .amount4, .amount5, .amount6, .amount7 {
    background-color: #f4f4f4 !important;
    border: 0 !important;
    font-weight: bold;
    font-size: 16px;
    color: #1c9ad5;
}

.optimisationAvantages .versements .titre {
    background-color: #cccccc;
    padding: 15px;
    text-align: center;
}

.optimisationAvantages .versements h4 {
    margin-bottom: 0 !important;
}

.optimisationAvantages .versements .contenu {
    background-color: #e7e7e7;
    padding: 15px;
}

.optimisationAvantages .partie1 .consommation-totale {
    height: 425px;
}

.optimisationAvantages .partie2 .consommation-totale {
    height: 453px;
}

.optimisationAvantages .versements .contenu .sous-titre {
    padding-top: 35px;
}

.optimisationAvantages .versements .amount,
.optimisationAvantages .versements .amount2,
.optimisationAvantages .versements .amount3,
.optimisationAvantages .versements .amount4,
.optimisationAvantages .versements .amount5 {
    background-color: #e7e7e7 !important;
}

.optimisationAvantages .consommation-totale {
    background-color: #ffffff;
}

    .optimisationAvantages .consommation-totale .titre {
        background-color: #414141;
        padding: 15px;
        text-align: center;
        color: #ffffff;
    }

    .optimisationAvantages .consommation-totale .contenu {
        padding: 15px;
    }

.optimisationAvantages .legende {
    font-weight: normal !important;
    font-style: normal !important;
}

    .optimisationAvantages .legende .couleur {
        height: 10px !important;
        margin-top: 5px;
    }

    .optimisationAvantages .legende .couleur1 {
        background-color: #a5a5a5;
    }

    .optimisationAvantages .legende .couleur2 {
        background-color: #1c99d5;
    }

    .optimisationAvantages .legende .couleur3 {
        background-color: #e7e7e7;
    }

.optimisationAvantages .partie2 .contenu {
    min-height: 122px;
}

.optimisationAvantages .partie3 .contenu1 {
    min-height: 348px;
}

.optimisationAvantages .partie1 .consommation-totale .contenu {
    padding-top: 30px;
}

.optimisationAvantages .partie2 .consommation-totale .contenu {
    padding-top: 20px;
}

.optimisationAvantages .partie3 .consommation-totale .contenu {
    padding-top: 20px;
}

.optimisationAvantages .atteinteObjectif {
    height: 120px;
    font: 1.286em 'open_sansregular', Arial, sans-serif;
    padding: 45px 0 0 215px;
    font-weight: bold;
    background: url(img/optimisationAvantages-resultats.png) no-repeat !important;
}

    .optimisationAvantages .atteinteObjectif .texte {
        color: #fff;
    }

.optimisationAvantages .texte {
    color: #000;
}

.optimisationAvantages .atteinte {
    color: #1c9ad5;
    font-size: 24px;
    text-align: center;
}

/*-------étape 5 : mes résultats------*/
.etape5 .partie1 {
    height: 120px;
    font: 1.286em 'open_sansregular', Arial, sans-serif;
    padding: 45px 0 0 215px;
    font-weight: bold;
    background: url(img/optimisationAvantages-resultats.png) no-repeat !important;
}

    .etape5 .partie1 .texte {
        color: #ffffff;
    }

    .etape5 .partie1 .atteinte {
        color: #1c9ad5;
        font-size: 24px;
        text-align: center;
    }

.etape5 .partie2 .col1 .titre {
    font: 1.143em 'open_sansregular', Arial, sans-serif;
    background-color: #cccccc;
    padding: 15px;
    text-align: center;
}

.etape5 .partie2 .col1 .contenu {
    background-color: #e7e7e7;
    padding: 15px;
    height: 213px;
}

.etape5 .partie2 .col1 ul {
    list-style-type: disc !important;
}

    .etape5 .partie2 .col1 ul li {
        padding: 5px 0;
    }

.etape5 .partie2 .col2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 310px;
    padding: 100px 0 0 80px;
    background: url(img/optimisationAvantages-partie2-fleche.png) no-repeat;
}

/* @rachatSeul
  ========================================================================== */
.rachatSeul .partie1 .contenu, .rachatSeul .partie2 .contenu {
    min-height: 235px;
}

.rachatSeul .partie1 .titre {
    background-color: #cccccc;
    padding: 15px;
    text-align: center;
    overflow: hidden;
}

.rachatSeul .partie1 h5 {
    margin-bottom: 0 !important;
}

.rachatSeul .partie1 .contenu {
    background-color: #e7e7e7;
    padding: 15px;
}

.rachatSeul .partie2 .titre {
    background-color: #414141;
    padding: 15px;
    text-align: center;
    overflow: hidden;
}

.rachatSeul .partie2 h5 {
    margin-bottom: 0 !important;
}

.rachatSeul .partie2 .intitule {
    color: #ffffff !important;
}

.rachatSeul .partie2 .contenu {
    background-color: #FFFFFF;
    padding: 15px;
}

/*-------page simulateur étape 3------*/
.etape3 #tabs-1, .etape3 #tabs-2, .etape3 #tabs-3 {
    background-color: #f4f4f4;
}

.etape3 #tabs-2, .etape3 #tabs-3 {
    padding: 15px 15px;
}

.etape3 #tabs-3 {
    padding-bottom: 10px;
}

    .etape3 #tabs-3 .col1 {
        clear: both;
        padding: 0;
        background-color: #FFFFFF;
        margin: 0 0 15px 0;
    }

        .etape3 #tabs-3 .col1 .titre {
            background-color: #a5a5a5;
            padding: 10px;
        }

        .etape3 #tabs-3 .col1 .col1 {
            clear: both;
            padding: 10px;
            margin: 0 10px 10px 10px;
        }

    .etape3 #tabs-3 .col2-2 {
        width: 189px !important;
        background-color: #FFFFFF !important;
        border-left: 1px solid #a5a5a5;
        background: url(img/fleche-somme.png) no-repeat 0 17px;
        margin: 0 0 15px 0;
    }

.etape3 .col1-2 {
    width: 443px !important;
    /*min-height:500px;*/
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 15px !important;
}

.etape2 .col2-2 {
    width: 220px !important;
    padding: 15px;
}

.etape3 .col2-2 {
    width: 220px !important;
    padding: 15px;
    background-color: #e1e1e1;
}

#tabs-1 .col2-2 {
    min-height: 400px;
    overflow: hidden;
}

.etape2 .col2-2 #chartdivCotisation {
    width: 230px;
    margin: 0;
    padding: 0;
}

.etape3 .col2-2 #chartdivCotisation {
    width: 230px;
    margin: 0;
    padding: 0;
}

.etape3 .legende img {
    margin: 0 10px 0 0;
}

/*-------page résultats de recherche------*/
.quizz2 .resultats {
    background-color: #e1e1e1;
    padding: 5px;
}

/* @MES-DOCUMENTS
  ========================================================================== */
.lienTexte img {
    padding: 0 5px 0 0;
}

.documents-telechargeables ul li {
    list-style-type: disc;
    color: #1c9ad5;
    padding-bottom: 5px;
}

.documents-telechargeables .jcarousel-control-prev,
.infos-et-conseils .jcarousel-control-prev,
.fiches-pratiques .jcarousel-control-prev {
    background: url(../img/actualites-animation-fleche-gauche.png) no-repeat !important;
}

.documents-telechargeables .jcarousel-control-next,
.infos-et-conseils .jcarousel-control-next,
.fiches-pratiques .jcarousel-control-next {
    background: url(../img/actualites-animation-fleche-droite.png) no-repeat !important;
}

.documents-telechargeables .col.categorie {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

/* @INFOS ET CONSEILS
  ========================================================================== */
/*----------------------Vidéos----------------------*/
.infos-et-conseils .videos {
    background-color: #414141;
    padding: 27px;
    color: #ffffff;
}

    .infos-et-conseils .videos .h2 {
        color: #ffffff !important;
    }

    .infos-et-conseils .videos h4, .infos-et-conseils .videos h5 {
        color: #ffffff !important;
    }

.infos-et-conseils .video {
    padding: 10px;
    background-color: #8d8d8d;
}

.hors-simulateurs #sidebarDroite a.btnMediumBleu {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hors-simulateurs #sidebarDroite .chiffre {
    font: 2.286em 'open_sansregular', Arial, sans-serif;
    color: #1c9ad5;
}

/*----------------------Fiches pratiques----------------------*/
.infos-et-conseils .fiches-pratiques h3 {
    background-color: #1c99d5;
    color: #ffffff;
    padding: 15px;
    margin: 0 !important;
}

.infos-et-conseils .fiches-pratiques .contenu {
    background: url(img/fiche-pratique-ombre.jpg) #f4f4f4 no-repeat;
    padding: 15px;
}

.infos-et-conseils .fiches-pratiques img {
    padding-right: 15px;
}

.infos-et-conseils .fiches-pratiques .theme a {
    color: #212121;
}

.infos-et-conseils .fiches-pratiques .intitule {
    width: 73%;
}

/*----------------------Quizz----------------------*/
.allQuizz .quizz {
    padding: 10px 10px 0 10px;
}

    .allQuizz .quizz img {
        padding-right: 10px;
    }

.allQuizz .quizz1 {
    background: url(img/quizz-small-bleu.png) no-repeat;
    height: 79px;
}

    .allQuizz .quizz1 a, .allQuizz .quizz3 a, .allQuizz .quizz5 a {
        color: #ffffff;
    }

.allQuizz .quizz2 {
    background: url(img/quizz-small-blc.png) no-repeat;
    height: 79px;
}

    .allQuizz .quizz2 .intitule {
        margin: 0 !important;
    }

    .allQuizz .quizz2 a, .allQuizz .quizz4 a {
        color: #212121;
    }

.allQuizz .quizz3 {
    background: url(img/quizz-big-bleu.png) no-repeat;
    height: 242px;
    text-align: center;
}

    .allQuizz .quizz3 img {
        margin-bottom: 10px;
    }

.allQuizz .quizz4 {
    background: url(img/quizz-big-blc.png) no-repeat;
    height: 334px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .allQuizz .quizz4 img {
        margin-bottom: 10px;
    }

.allQuizz .quizz5 {
    background: url(img/quizz-small-bleu.png) no-repeat;
    height: 79px;
}

/*----------------------Animation----------------------*/
.animationActualites .jcarousel {
    width: 200px !important;
}

    .animationActualites .jcarousel li {
        padding: 0 !important;
    }

        .animationActualites .jcarousel li article {
            width: 202px !important;
        }

        .animationActualites .jcarousel li .imgActu {
            width: 222px !important;
        }

        .animationActualites .jcarousel li img {
            width: auto !important;
        }

    .animationActualites .jcarousel .votes {
        width: auto !important;
        float: right;
        color: #1c9ad5;
    }

    .animationActualites .jcarousel .categorie {
        font-family: 'open_sansregular', Arial, sans-serif !important;
        color: #1c9ad5;
    }

    .animationActualites .jcarousel ul.votes li {
        width: 14px !important;
        padding-right: 3px !important;
        border-bottom: 0 !important;
    }

.animationActualites .jcarousel-control-prev {
    top: 210px;
    height: 17px !important;
    width: 7px !important;
}

.animationActualites .jcarousel-control-next {
    top: 210px;
    height: 17px !important;
    width: 7px !important;
}

.animationActualites .jcarousel-pagination {
    left: 0 !important;
    bottom: 60px;
    left: 50px !important;
}

/* @HORS SIMULATEURS
  ========================================================================== */
.hors-simulateurs .sidebarGauche {
    background-color: #414141;
    color: #ffffff;
}

    .hors-simulateurs .sidebarGauche ul {
        padding-left: 0 !important;
    }

    .hors-simulateurs .sidebarGauche a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px 15px;
        color: #ffffff;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .hors-simulateurs .sidebarGauche a img {
            padding-right: 5px;
        }

        .hors-simulateurs .sidebarGauche a.active {
            background-color: #1c9ad5;
        }

        .hors-simulateurs .sidebarGauche a:hover {
            background-color: #1c9ad5;
        }

    .hors-simulateurs .sidebarGauche h2 {
        color: #ffffff !important;
        padding: 20px 10px 10px 10px;
        margin: 0 !important;
    }

.hors-simulateurs .titreCategorie {
    background-color: #1c9ad5;
    padding: 15px;
    color: #ffffff;
}

.hors-simulateurs h4.titreCategorie {
    margin: 0 !important;
}

.hors-simulateurs .actu h4 {
    font-weight: bold;
}

.hors-simulateurs .pages,
.hors-simulateurs .pagesFin {
    border-bottom: 1px solid #e7e7e7;
}

    .hors-simulateurs .pages ul,
    .hors-simulateurs .pagesFin ul {
        padding: 0 0 20px 0 !important;
    }

        .hors-simulateurs .pages ul li,
        .hors-simulateurs .pagesFin ul li {
            float: left;
            padding-right: 15px;
        }

            .hors-simulateurs .pages ul li a,
            .hors-simulateurs .pagesFin ul li a {
                color: #212121 !important;
            }

.actualites .pages ul li a.active,
.actualites .pagesFin ul li a.active {
    color: #1c9ad5 !important;
    font-weight: bold;
}

.hors-simulateurs .pagesFin {
    border-top: 1px solid #e7e7e7;
    padding-top: 8px;
}

.hors-simulateurs .chapo {
    padding: 0 !important;
    background: none !important;
}

.hors-simulateurs .nombre {
    font-weight: bold;
}

.hors-simulateurs .votes .partie1 {
    width: 48%;
    float: left;
    margin-right: 15px;
}

.hors-simulateurs .votes .partie2 {
    width: 48%;
    float: left;
}

.hors-simulateurs .partie1 ul.votes {
    float: right;
    margin-right: 10px;
}

.hors-simulateurs ul.votes li {
    float: left;
    margin-right: 5px;
}

.hors-simulateurs .filetVertical {
    border-right: 1px solid #e7e7e7;
}

.hors-simulateurs .partie2 ul.votes {
    padding: 5px 0 0 0 !important;
}

.hors-simulateurs ul.votes2 li {
    float: left;
    margin-right: 5px;
}

.hors-simulateurs ul.votes2.btnSmallBleu {
    float: right !important;
}

.hors-simulateurs .actions {
    background-color: #f3f3f3;
}

.hors-simulateurs .action1,
.hors-simulateurs .action2 {
    float: left;
}

/* @VIDEOS EXPLICATIVES
  ========================================================================== */
.hors-simulateurs .sidebarGauche .chapo {
    display: block;
    padding: 20px !important;
}

.videos-explicatives .action1,
.videos-explicatives .action2 {
    float: right !important;
}

/* @FICHES PRATIQUES
  ========================================================================== */
.fiche-pratique .fiche-pratique-seule .chapo {
    font: 1.286em 'open_sansregular', Arial, sans-serif;
    padding: 20px 0 !important;
}

.fiche-pratique .fiche-pratique-seule .actions .action {
    float: right;
}

.fiche-pratique .autresArticles {
    background-color: #f3f3f3;
    padding: 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .fiche-pratique .autresArticles ul {
        padding: 0 !important;
        margin: 0 !important;
    }

/* @QUIZZ PAGE 1
  ========================================================================== */
.quizz .col1 {
    padding: 0 0 30px 0;
}

.quizzSeul {
    width: 316px !important;
    color: #FFFFFF;
    padding: 0 !important;
}

    .quizzSeul .titre {
        margin: 0;
    }

        .quizzSeul .titre a {
            display: block;
            height: 100%;
            color: #FFFFFF;
            background: #a5a5a5 url(img/fleche-contacts.jpg) no-repeat right center;
            padding: 10px 0 10px 10px;
        }

            .quizzSeul .titre a:hover {
                text-decoration: none;
                color: #FFFFFF;
                background: #1c99d5 url(img/fleche-contacts.jpg) no-repeat right center;
            }

    .quizzSeul .desc {
        padding: 10px;
        color: #212121;
        width: auto;
        overflow: hidden;
    }

        .quizzSeul .desc img {
            float: left;
            margin: 0 10px 0 0;
        }

        .quizzSeul .desc p {
            padding-top: 15px;
        }

/* @QUIZZ PAGE 2
========================================================================== */
.quizz2 .titre {
    width: auto;
    overflow: hidden;
    padding: 10px;
    background-color: #a5a5a5;
    color: #FFFFFF;
}

.quizz2 .question {
    float: left;
}

    .quizz2 .question span {
        font-size: 12px;
        padding: 0 0 0 15px;
    }

.quizz2 .progressbar {
    float: right;
}

.quizz2 .desc {
    width: auto;
    overflow: hidden;
    margin: 15px;
}

    .quizz2 .desc img {
        float: left;
        padding: 0 15px 0 0;
    }

    .quizz2 .desc .texte {
        width: 800px;
        float: left;
    }

        .quizz2 .desc .texte .question {
            font-weight: bold;
            padding: 0 0 10px 0;
            float: none;
        }

        .quizz2 .desc .texte .reponses label {
            padding: 0 0 5px 0 !important;
        }

.quizz2 .reponse {
    background-color: #d3d3d3;
    padding: 15px;
}

.quizz2 .intitule {
    margin: 0 0 15px 0;
}

    .quizz2 .intitule label {
        font-weight: bold;
        font-size: 21px;
    }

.validation img {
    float: none !important;
    margin: 0 0 0 15px;
}

.quizz2 .resultats {
    padding: 27px 27px 0 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .quizz2 .resultats .chartdivCotisation {
        width: 200px !important;
        height: 200px !important;
        float: left;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 16px;
        margin: 0 !important;
        padding: 0 !important;
    }

    .quizz2 .resultats canvas {
        width: 200px !important;
        height: 200px !important;
        left: 0 !important;
        top: 0 !important;
    }

    .quizz2 .resultats .legende {
        margin: 30px 0 0 0;
    }

        .quizz2 .resultats .legende .titre {
            background: none;
            color: #212121 !important;
        }

    .quizz2 .resultats .texte {
        clear: both;
    }

/*.quizz2 .resultats .btnTutoriels{
    text-align: center;
    padding:15px 0;
}

.quizz2 .resultats .btnTutoriels a.bouton{
    height:50px;
    width: 300px;
    line-height:50px;
    font-size:18px;
    float: none;
}*/
.quizz2 .titreQuizz,
.quizz2 .lienQuizz {
    background-color: #454545;
    color: #ffffff;
    padding: 0 30px 15px 43px;
}

.quizz2 .titreQuizz {
    font: 1.286em 'open_sansregular', Arial, sans-serif;
    padding: 15px 30px 15px 43px;
}

.quizz2 .lienQuizz {
    font: 'open_sansregular', Arial, sans-serif;
}

.progressbar .ui-widget-header {
    background: #1c99d5;
}

.quizz2 .ui-widget-header,
.quizz2 .ui-widget-content {
    border: 0 !important;
}

.quizz2 .example-wrapper {
    max-width: 978px;
    height: 230px !important;
}

    .quizz2 .example-wrapper .main-container,
    .quizz2 .example-wrapper .main-container .slider_holder {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .quizz2 .example-wrapper .main-container {
        width: 100% !important;
        height: 230px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .quizz2 .example-wrapper .main-container .slider_holder {
            height: 200px !important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

/* @LIENS UTILES
  ========================================================================== */
.liens-utiles .chapo {
    background: #e7e7e7 !important;
    font: 1em 'open_sansregular', Arial, sans-serif !important;
    padding: 27px !important;
}

.liens-utiles .liens img {
    margin-right: 30px;
}

.liens-utiles .liens .liens2 {
    border-left: 1px solid #e7e7e7;
    padding-left: 15px;
}

.liens-utiles .boutonFleche {
    overflow: hidden;
}

.liens-utiles #sidebarDroite .contact .complement {
    margin-left: 10px;
    padding: 0 !important;
}

.liens-utiles #sidebarDroite .contact .btnSmallBleu {
    width: 100%;
    font-size: 1.286em;
}

/* @CONTACTS
  ========================================================================== */
/*--------------.categories--------------*/
/*--------------.section page contacts--------------*/

.formulaire .col2-2 {
    width: 340px !important;
}

/*--------------.entete--------------*/
.entete {
    min-height: 40px;
    padding: 15px;
    background-color: #808080;
    color: #FFFFFF;
}

    .entete .col2-2 {
        padding: 0 0 0 1.44509%;
        border-left: 1px solid #FFFFFF;
        font-style: italic;
        font-weight: bold;
    }

/*--------------.formulaire--------------*/
.formulaire {
    padding: 15px;
    background-color: #f4f4f4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .formulaire .col2-2 {
        vertical-align: top;
    }

    .formulaire .col1 {
        clear: both;
        padding: 15px 0 15px 0;
    }

        .formulaire .col1 textarea {
            width: 685px;
            height: 105px;
        }

.obligatoires {
    font-size: 11px;
    display: inline-block;
}

.submit {
    display: inline-block;
    width: 100px !important;
    height: 35px !important;
    background-color: #1c99d5;
    border: 0;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
}

/* @MENTIONS LEGALES
  ========================================================================== */
/* @RESULTATS DE RECHERCHE
  ========================================================================== */
/* @LEXIQUE
  ========================================================================== */
ul.index {
    background-color: #808080;
    height: 30px;
    margin: 30px 0 15px 0;
    padding: 0 !important;
    text-align: center;
}

    ul.index li {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        line-height: 30px;
    }

        ul.index li a {
            display: block;
            height: 100%;
            color: #FFFFFF;
            padding: 0 12px;
        }

            ul.index li a:hover {
                text-decoration: none;
                background-color: #1c99d5;
            }

.lettre {
    margin: 15px 0;
    padding: 5px 15px;
    background-color: #f4f4f4;
    font-size: 21px;
}

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

        .lettre a img {
            display: inline-block;
            vertical-align: middle;
        }

.definition {
    margin: 0 0 15px 0;
}

.mot {
    font-weight: bold;
}

/* @ACTUALITES
  ========================================================================== */

/* Eléments communs Kendo*/
.k-state-selected {
    background-color: #1c99d5 !important;
    border-color: #1c99d5 !important;
}

.k-state-active {
    background-color: #1c99d5 !important;
    border-color: #1c99d5 !important;
}

.k-state-hover {
    background-color: #177eb0 !important;
    border-color: #177eb0 !important;
}

.wrap:before {
    padding-bottom: 0em !important;
}

.k-input {
    padding: .4em 0 .4em 0 !important;
    height: 1.3em !important;
    line-height: 1.3em !important;
}

/* Onglets Kendo */
.k-content {
    padding: 0 !important;
}

.k-item {
    margin-right: 1px !important;
}

/* Grids Kendo */
th.k-header {
    background-color: #eeeeee !important;
    border-color: #cdcdcd !important;
    color: #000 !important;
}

.k-grid-header-wrap {
    border-color: #cdcdcd !important;
}

.k-grid-header {
    background-color: #eeeeee !important;
    border-color: #cdcdcd !important;
}

/* Bouttons Kendo */
.k-button {
    border: none !important;
    background-color: #a5a5a5 !important;
}

    .k-button:hover {
        background-color: #1c99d5 !important;
    }

/* Windows Kendo */
.k-window-titlebar {
    background-color: #fff !important;
    border-bottom: none !important;
    font-size: 1em !important;
    height: 100px !important;
}

.k-window-title {
    padding: 20px 22px 0 22px !important;
    white-space: normal;
}

.k-window-action {
    background-color: #000 !important;
}

    .k-window-action:hover {
        background-color: #177eb0 !important;
    }

        .k-window-action:hover .k-i-close {
            background-color: #177eb0 !important;
        }

.k-i-close {
    background-color: #000 !important;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    margin: 2px;
}

.k-grid-content {
    overflow-y: hidden !important;
}

/* validationSummaries */
.validationSummaries {
    background-color: #fee;
    border: 1px solid #f00;
    margin-top: 20px;
    padding: 10px;
}

    .validationSummaries ul {
        list-style-type: disc;
        margin-bottom: 0;
    }

.floatLeft .vertical-align-middle,
.grid-f-2 .vertical-align-middle,
.vertical-align-middle {
    vertical-align: middle !important;
}

/* validationSummaries */
.validationSummaries {
    background-color: #fee;
    border: 1px solid #f00;
    margin-top: 20px;
    padding: 10px;
}

    .validationSummaries ul {
        list-style-type: disc;
        margin-bottom: 0;
    }

.floatLeft .vertical-align-middle,
.grid-f-2 .vertical-align-middle,
.vertical-align-middle {
    vertical-align: middle !important;
}

/* ProgressBar */
#loading-simulation-step {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #333;
    opacity: 0;
}

.ui-progressbar-container #progressbar .ui-progressbar-value {
    background: #1c9ad5;
}

.ui-progressbar-container {
    width: 30%;
    position: absolute;
    left: 35%;
    bottom: 20%;
    padding: 15px;
    background: #eee;
}

#uploadPanel .ui-progressbar-container {
    position: static;
    width: auto;
    background: transparent;
}

.ui-progressbar-container .head {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.ui-progressbar-container #progressbar {
    background: #333;
    padding-top: 2px;
    padding-left: 2px;
    border: none;
    width: 100%;
    position: relative;
}

.progress-label {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 4px;
    font-weight: bold;
    color: #eee;
}

.demo-choice {
    background: url(img/user-big.png) 0 250px no-repeat !important;
    min-height: 600px;
}

    .demo-choice p .infoBulle-small .lienInfoBulle-small {
        padding-left: 0;
    }

    .demo-choice ul {
        list-style: disc;
    }

/* @RETRAITE PROGRESSIVE
  ========================================================================== */

/* Page Mon élégibilité*/

#eligibilite.retraite-progressive #mon-eligibilite h3 {
    color: #6F6F6E;
    margin-top: 26px;
    margin-left: 40px;
    margin-right: 30px;
    padding-bottom: 10px;
    border-bottom: 2px solid #1c99d5;
    font-weight: bold;
}

#eligibilite.retraite-progressive #mon-eligibilite {
    color: #6F6F6E;
}

    #eligibilite.retraite-progressive #mon-eligibilite .row.first-description {
        background-color: #F2F9FD;
    }

    #eligibilite.retraite-progressive #mon-eligibilite .triangle-bullet {
        font-size: 1.5em;
        color: #7D7D7D;
        float: left;
        margin-left: 10px;
        margin-top: 24px;
    }

    #eligibilite.retraite-progressive #mon-eligibilite .description {
        margin-right: 30px;
        margin-bottom: 20px;
    }

        #eligibilite.retraite-progressive #mon-eligibilite .description p {
            margin-left: 40px;
        }

        #eligibilite.retraite-progressive #mon-eligibilite .description ul {
            list-style: none;
            margin-left: 0px;
            padding-left: 0px;
        }

            #eligibilite.retraite-progressive #mon-eligibilite .description ul li:before {
                content: "•";
                font-size: 30px;
                vertical-align: middle;
                line-height: 20px;
                float: left;
                color: #1c99d5;
                margin-left: 10px;
            }

        #eligibilite.retraite-progressive #mon-eligibilite .description p {
            margin-bottom: 1em;
        }

    #eligibilite.retraite-progressive #mon-eligibilite .description-icon {
        float: right;
        margin-top: 14px;
        margin-right: 30px;
    }

a.pdf-generate {
    width: 220px;
    background: url(/img/telecharger.png) 7px 7px no-repeat #ccc;
    display: block;
    padding: 3px 3px 3px 45px;
    line-height: 35px;
    height: 35px;
    color: #333;
    margin: 3px 0;
    float: right;
    font-weight: bold;
}

    a.pdf-generate:hover {
        color: #fff;
        background-color: #1c99d5;
        text-decoration: none;
    }

/*
    UPLOAD DU RIS
*/

.vertical-align-middle-helper {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.recuperation-ris .introduction-recuperation-ris {
    background: url('/img/UploadRis/ris-ruban.png') no-repeat;
    height: 430px;
}

.recuperation-ris .texte-presentation {
    height: 160px;
}

.recuperation-ris .description-ris {
    color: white;
    margin-top: 150px;
    margin-left: 100px;
}

.recuperation-ris .btnBigBleu {
    padding: 10px;
    line-height: 18px;
    text-align: left;
}

.recuperation-ris a.btnBigBleu:hover {
    padding: 10px;
    line-height: 18px;
    text-align: left;
}

.recuperation-ris-sans-tutoriel #fine-uploader > * {
    float: right;
}

.tutoriel-recuperation-ris {
    background: url('/img/bg-pdf.png') no-repeat;
}

    .tutoriel-recuperation-ris .texte-presentation {
        margin-left: 200px;
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .tutoriel-recuperation-ris #details .description {
        padding-left: 29px;
    }

        .tutoriel-recuperation-ris #details .description .section-video {
            padding-top: 20px;
        }

.recuperation-ris-securite {
    width: 100%;
    height: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 45px 15px 15px 140px;
    background: url('/img/UploadRIS/securite-donnees.png') no-repeat;
}

.section-video .presentation-video {
    margin-top: 80px;
    width: 40%;
    float: left;
}

.section-video .presentation-video-attention {
    background: url('/img/ruban-bleu.png') no-repeat left top;
    height: 100px;
    margin-top: 80px;
}

    .section-video .presentation-video-attention > * {
        width: 55%;
        padding-left: 25%;
        padding-top: 25px;
        color: white;
    }

.section-video .video-frame {
    background: url('/img/pc.png') center top no-repeat;
    height: 500px;
    text-align: center;
    width: 60%;
    margin-left: 40%;
}

    .section-video .video-frame .video {
        margin: 16px 0;
        display: inline-block;
        cursor: pointer;
    }

.ris-upload-step {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
}

    .ris-upload-step .titre-ris-upload-step {
        background-image: url('/img/bg-etapes.png');
        background-position: 0 1.1em;
        background-repeat: no-repeat;
        padding: 0 0 0 28px;
    }

    .ris-upload-step .numero-titre-ris-upload-step {
        width: 45px;
        display: inline-block;
        margin: 0;
        font-size: 5em;
        font-family: open_sansbold;
        line-height: 1em;
    }

    .ris-upload-step .textetitre-ris-upload-step {
        width: 132px;
        display: inline-block;
        margin: 0;
        text-transform: uppercase;
    }

    .ris-upload-step .imageris-upload-step {
        padding-left: 4px;
    }

    .ris-upload-step .texteris-upload-step {
        width: 219px;
    }

        .ris-upload-step .texteris-upload-step .sous-titre-texte-ris-upload-step {
            color: #1c99d5;
            font-weight: bold;
            margin: 0;
        }

.recuperation-ris-avec-tutoriel .k-button {
    display: inline-block;
    text-align: left;
    padding: 10px 20px;
    line-height: 18px !important;
}

.recuperation-ris-avec-tutoriel .k-dropzone {
    padding: 0;
}

.recuperation-notice-tutoriel-ris {
    background-color: #f3f3f3;
    width: 100%;
    height: 50px;
    display: inline-block;
    margin: 20px 0 45px 0;
}

    .recuperation-notice-tutoriel-ris .telechargement-notice-tutoriel-ris {
        display: inline-block;
        width: 80%;
        height: 100%;
        text-align: right;
    }

    .recuperation-notice-tutoriel-ris .image-notive-tutoriel-ris {
        vertical-align: middle;
        padding: 0 10px;
    }

    .recuperation-notice-tutoriel-ris .texte-notice-tutoriel-ris {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
    }

    .recuperation-notice-tutoriel-ris .impression-notice-tutoriel-ris {
        background-color: #a5a5a5;
        display: inline-block;
        width: 19.5%;
        height: 100%;
    }

    .recuperation-notice-tutoriel-ris a:hover {
        text-decoration: none;
    }

    .recuperation-notice-tutoriel-ris .telechargement-notice-tutoriel-ris a {
        color: black;
    }

    .recuperation-notice-tutoriel-ris .impression-notice-tutoriel-ris a {
        color: white;
    }

a.lien-assurance-vie-tutoriel-ris {
    display: inline-block;
    margin-left: 10%;
    text-align: left;
    padding: 10px 20px;
}

    a.lien-assurance-vie-tutoriel-ris:hover {
        display: inline-block;
        margin-left: 10%;
        text-align: left;
        padding: 10px 20px;
    }

.bouton-bleu-tutoriel-ris {
    margin-bottom: 45px;
}

.recuperation-ris-avec-tutoriel .fine-uploader-fleche-bas {
    text-align: center;
    margin: 0 0 10px 0;
    clear: both;
}

.recuperation-ris-avec-tutoriel .ui-progressbar-container {
    float: left;
    position: static;
    left: initial;
    background: transparent;
    width: 82.82209%;
    padding: 0;
}

.recuperation-ris-sans-tutoriel .fine-uploader-fleche-bas {
    text-align: center;
    margin: 0 0 10px 12%;
    clear: both;
}

.recuperation-ris-sans-tutoriel .ui-progressbar-container {
    float: right;
    position: static;
    left: initial;
    background: transparent;
    width: 82.82209%;
    padding: 0;
}

.upload-ongoing {
    color: #a5a5a5;
    padding-left: 10px;
}

.upload-completed {
    color: #1c9ad5;
    padding-left: 10px;
}

#fine-uploader .fine-uploader-trigger-upload {
    padding: 10px;
    margin-right: 0;
    text-align: center;
    cursor: pointer;
}

a.fine-uploader-select {
    cursor: pointer;
    margin-right: 0;
    padding: 10px 5px;
    text-align: left;
}

    a.fine-uploader-select:hover {
        cursor: pointer;
        margin-right: 0;
        padding: 10px 5px;
        text-align: left;
    }

.fine-uploader-select img {
    vertical-align: middle;
    margin-right: 10px;
}

.fine-uploader-fileName {
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}

    .fine-uploader-fileName img {
        padding: 0 10px;
    }

    .fine-uploader-fileName .remove-upload {
        cursor: pointer;
        color: #1c99d5;
    }

        .fine-uploader-fileName .remove-upload img {
            padding: 0 0 0 10px;
        }

.fine-uploader-fleche-bas {
    padding-top: 10px;
}

.second-action-import-ris img {
    vertical-align: middle;
    margin-right: 10px;
}

.text-second-action-import-ris {
    display: inline-block;
    vertical-align: middle;
}

/* mise à jour CGU */

#popupCGUContent,
#popupValidationRefusCGUContent {
    padding: 15px 15px 0 15px;
}

    #popupCGUContent #section,
    #popupValidationRefusCGU #section,
    #popupCGUContent .section,
    #popupValidationRefusCGU .section {
        height: 400px;
        overflow: auto;
        border: 1px #ddd solid;
        padding: 3px;
        margin: 10px 0;
    }

        #popupCGUContent .section #linkPolitique {
            pointer-events: none;
            cursor: default;
            color:#4c5356;
        }

#popupCGUFooter,
#popupValidationRefusCGUFooter {
    padding: 0 15px 15px 15px;
}

    #popupCGUFooter input,
    #popupCGUFooter a,
    #popupValidationRefusCGU input,
    #popupValidationRefusCGU a {
        float: right;
        margin: 0 0 15px 15px;
        border-radius: 5px;
        background-color: #1c9ad5;
        color: #FFFFFF;
        cursor: pointer;
        font-weight: bold;
        border: 0;
        height: 20px;
        padding: 5px 30px !important;
        display: block;
        width: auto;
        text-decoration: none;
    }

#popupValidationRefusCGU input,
#popupValidationRefusCGU a {
    margin: 15px 0 15px 15px;
}