@font-face {
    font-family: "NexaBlack";
    src: url("/Content/fonts/NexaBlack.eot"); /* IE9 Compat Modes */
    src: url("/Content/fonts/NexaBlack.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/Content/fonts/NexaBlack.otf") format("opentype"), /* Open Type Font */
    url("/Content/fonts/NexaBlack.svg") format("svg"), /* Legacy iOS */
    url("/Content/fonts/NexaBlack.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/Content/fonts/NexaBlack.woff") format("woff"), /* Modern Browsers */
    url("/Content/fonts/NexaBlack.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Now-Regular";
    src: url("/Content/fonts/Now-Regular.eot"); /* IE9 Compat Modes */
    src: url("/Content/fonts/Now-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/Content/fonts/Now-Regular.otf") format("opentype"), /* Open Type Font */
    url("/Content/fonts/Now-Regular.svg") format("svg"), /* Legacy iOS */
    url("/Content/fonts/Now-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/Content/fonts/Now-Regular.woff") format("woff"), /* Modern Browsers */
    url("/Content/fonts/Now-Regular.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}


.cgiBody {
    background: none repeat scroll 0 0 #fff;
}

    .cgiBody #global {
        width: 1000px;
        height: 100%;
        display: inline-block;
    }

    .cgiBody #left {
        display: inline-block;
        width: calc((100% - 1040px) / 2);
    }

    .cgiBody #left {
        display: inline-block;
        width: calc((100% - 1040px) / 2);
    }

    .cgiBody #page {
        margin: 0;
        width: 100%;
        display: inline-block;
    }

    .cgiBody #header {
        background: #fff url(images/background/bandeau-cgi-02.jpg) right 0 no-repeat;
    }

        .cgiBody #header h3 {
            display: block;
            float: left;
            margin-top: -160px;
            font-size: 22pt;
            color: #fff;
            text-transform: uppercase;
            margin-left: 400px;
            width: 530px;
            text-align: center;
            font-style: normal;
            font-family: 'NexaBlack';
        }


    .cgiBody #cont {
        background: #fff;
    }

    .cgiBody .boxSpeciale {
        background: url(images/background/bg-box-speciale-01.jpg) no-repeat 0 0;
    }

    .cgiBody .boxDifferent {
        background: url(images/background/bg-box-different-01.jpg) no-repeat 0 0;
        margin-bottom: 20px;
    }

        .cgiBody .boxDifferent h3, .cgiBody .boxSpeciale h3 {
            background: none;
            height: 135px;
        }

        .cgiBody .boxDifferent ul, .cgiBody .boxSpeciale ul {
            padding: 0 0 0 70px !important;
        }

            .cgiBody .boxDifferent ul a, .cgiBody .boxSpeciale ul a {
                background: none;
                font-family: 'Now-Regular';
                font-style: normal;
                font-size: 10pt;
                text-align: center;
                color: rgb(110,110,110);
            }

            .cgiBody .boxDifferent ul li.first a {
                padding: 25px 30px 18px 0 !important;
            }

            .cgiBody .boxSpeciale ul li.first a {
                padding: 20px 30px 18px 0 !important;
            }

            .cgiBody .boxDifferent ul li.middle a {
                padding: 25px 30px 18px 0 !important;
            }

            .cgiBody .boxSpeciale ul li.middle a {
                padding: 20px 30px 18px 0 !important;
            }

            .cgiBody .boxDifferent ul li.last a {
                padding: 25px 30px 18px 0 !important;
            }

            .cgiBody .boxSpeciale ul li.last a {
                padding: 15px 30px 18px 0 !important;
            }

   /* .cgiBody .contRight {
        background: rgb(231,228,223);
    }*/

    .cgiBody .contNoLoged {
        background: none;
        padding: 39px 0 28px 0;
        width: 100%;
    }

        .cgiBody .contNoLoged h3 {
            background: none;
            text-indent: 0;
            font-family: 'NexaBlack';
            font-size: 17pt;
            font-style: normal;
            text-align: center;
            color: #666666;
            line-height: 32px;
            padding: 0;
        }

    .cgiBody .welcome {
        background: none;
        padding: 0;
        margin-bottom: 35px;
    }

        .cgiBody .welcome p {
            color: #666;
            font-style: normal;
            font-family: 'Now-Regular';
        }

        .cgiBody .welcome .deconnx a {
            background: url(images/bouton/btn-seconnecter-01_2.jpg) no-repeat 0 0;
            color: #fff;
            font-style: normal;
            font-family: 'Now-Regular';
            font-size: 10pt;
            text-decoration: none;
            padding: 13px 12px;
            text-transform: uppercase;
        }

    .cgiBody .bandeau {
        background: url(images/background/bg-bandeau-01.jpg) 0 0 no-repeat;
    }

        .cgiBody .bandeau .titre00 {
            background: none;
            text-indent: 0;
            color: #fff;
            font-family: 'Now-Regular';
            font-style: normal;
            font-size: 17pt;
            padding: 10px;
            height: auto;
            height: initial;
        }

    .cgiBody .introEspace {
        background: #e7e4df;
    }

        .cgiBody .introEspace li {
            background: url(images/picto/puce-002.gif) no-repeat 7px 4px;
            font-family: 'Now-Regular';
            font-size: 12pt;
            font-style: normal;
            color: rgb(110,110,110);
        }

        .cgiBody .introEspace .introTop {
            background: #e7e4df;
        }

            .cgiBody .introEspace .introTop h3 {
                background: none;
                text-indent: 0;
                font-weight: bold;
                height: auto;
                margin-bottom: 18px;
                font-size: 20pt;
                font-style: normal;
                font-family: NexaBlack;
            }

        .cgiBody .introEspace .creatAcount a {
            background: url(images/bouton/btn-creer-compte.gif) no-repeat 0 0;
        }

        .cgiBody .introEspace .introBottom {
            background: #e7e4df;
        }

    .cgiBody .blocChangBanq {
        background: url(images/background/bg-bottom-banq.gif) no-repeat 0 bottom;
    }

    .cgiBody .colorBase {
        color: #ae0d2f;
    }

    .cgiBody .contContenu h3 {
        color: #ae0d2f;
    }

    .cgiBody .contTarifs h3 {
        color: #ae0d2f;
    }

    .cgiBody .serviceFlex h3 {
        color: #ae0d2f;
    }

    .cgiBody .logo a {
        background: url(images/visuel/logo-lp-cgi.jpg) 0 0 no-repeat;
    }

    .cgiBody .contLoged {
        background: none;
        border-bottom: 1px solid #ddd;
    }

        .cgiBody .contLoged h3 {
            background: url(images/titre/titre-etes-connecte-01.png) 0 0 no-repeat;
            text-indent: 0;
            font-family: 'NexaBlack';
            font-size: 17pt;
            font-style: normal;
            color: #666666;
            line-height: 40px;
            padding: 0;
        }

    .cgiBody .blocIdentifiant a {
        color: #ae0d2f;
    }

    .cgiBody .contChangAdress .nvCoordonnAll {
        background: url(images/picto/puce-001.gif) 0 17px no-repeat;
    }

    .cgiBody .contContenu .intro {
        background: url(images/background/bg-intro-contenu-01.jpg) no-repeat 0 0;
        padding: 18px 0 24px;
    }

    .cgiBody .contContenu .titre04 {
        color: #b4063b;
        font-weight: bold;
        padding: 0 0 10px;
    }

    .cgiBody .contTarifs .intro, .cgiBody .contCookie .intro {
        background: url(images/background/bg-intro-contenu-01.jpg) no-repeat 0 0;
    }

    .cgiBody .listDeroulant .link {
        background: url(images/background/bg-list-deroulant-01.gif) right 0 no-repeat;
        color: #666;
        font-family: 'Now-Regular';
        font-size: 10pt;
        font-style: normal;
    }

    .cgiBody .listDeroulant li {
        padding: 4px 0;
    }

    .cgiBody .listDeroulant ul a {
        color: #666;
        font-family: 'Now-Regular';
        font-size: 9pt;
        font-style: normal;
    }

    .cgiBody .nav3 .questF {
        color: #666;
        display: inline-block;
        padding: 7px 10px;
        vertical-align: top;
        height: 32px;
        width: auto;
    }

        .cgiBody .nav3 .questF:hover, .cgiBody .nav3 .questF.active {
            background: none;
            color: #ae0d2f;
            font-weight: bold;
        }

    .cgiBody .authentification .bgInput {
        background: none;
        height: 34px;
        padding: 7px 0 0;
    }

        .cgiBody .authentification .bgInput .inputText {
            border: 1px solid #ddd;
            font-family: 'Now-Regular';
            font-style: normal;
        }

    .cgiBody .authentification .inputPassText {
        font-family: 'Now-Regular';
        font-style: normal;
    }

    .cgiBody .authentification .lien {
        color: #3c3b40;
        font-family: 'Now-Regular';
        font-style: normal;
        padding: 0;
    }

    .cgiBody .authentification .btn {
        background: url(images/bouton/btn-seconnecter-01_2.jpg) no-repeat 0 0;
        color: #fff;
        font-style: normal;
        font-family: 'Now-Regular';
        font-size: 10pt;
    }

    .cgiBody .nav2 {
        border-bottom: 1px solid #ddd;
        padding: 10px 0 10px 33px;
    }

        .cgiBody .nav2 a {
            background: none;
            color: #666;
            background: url(images/picto/puce-046.gif) no-repeat 8px 12px;
        }

            .cgiBody .nav2 a:hover, .cgiBody .nav2 a.active {
                font-weight: bold;
                background: url(images/picto/puce-021.gif) no-repeat 8px 12px;
                color: #ae0d2f;
            }

    .cgiBody .nav3 {
        padding: 10px 0 0 38px;
    }

        .cgiBody .nav3 .contacter {
            color: #666;
            display: inline-block;
            padding: 7px 10px;
            vertical-align: top;
            height: 32px;
            width: auto;
        }

        .cgiBody .nav3 img.contact {
            display: inline-block;
            width: 30px;
        }

        .cgiBody .nav3 .contacter:hover, .cgiBody .nav3 .contacter.active {
            color: #ae0d2f;
            font-weight: bold;
        }

    .cgiBody .contContacter .intro {
        background: url(images/background/bg-intro-contacter-01.jpg) no-repeat 0 0;
    }

    .cgiBody .contFaq .intro {
        background: url(images/background/bg-intro-faq-01.jpg) no-repeat 0 0;
    }

    .cgiBody .contDocument .intro {
        background: url(images/background/bg-intro-document-01.jpg) no-repeat 0 0;
    }

    .cgiBody .contTableau .intro {
        background: url(images/background/bg-intro-document-01.jpg) no-repeat 0 0;
    }

    .cgiBody .authentification .submitBox span {
        display: block;
        color: #fff;
        margin-top: -30px;
        margin-left: 23px;
        font-style: normal;
        font-family: 'Now-Regular';
        font-size: 10pt;
    }

    .cgiBody .contFaq .theme .currentTheme {
        color: #af0b30;
        font-size: 16px;
        font-weight: bold;
    }

    .cgiBody .contContenu .titre01, .cgiBody .contContenu .titre02, .cgiBody .contContenu .titre03 {
        color: #b4063b;
        font-weight: bold;
        padding: 0 0 25px;
    }


    .cgiBody #footer {
        background: url(images/background/bg-bandeau-01.jpg) 0 0 no-repeat;
    }

    .cgiBody .footer li {
    }

        .cgiBody .footer li a {
            font-family: 'Now-Regular';
            font-style: normal;
            font-size: 9pt;
        }



    .cgiBody .listDeroulant h3 {
        float: initial !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        font-size: 9pt !important;
        width: calc(100% - 12px) !important;
        text-transform: none !important;
        padding: 4px 6px !important;
        text-align: left !important;
        line-height: 14px;
        font-family: 'Now-Regular' !important;
        margin-bottom: 6px !important;
    }

    .cgiBody .encart {
        padding: 12px;
    }

        .cgiBody .encart img {
            width: 657px;
        }

    .cgiBody .encart2 {
        margin-left: 10px;
    }

    .cgiBody .contNoLoged .authentification {
        padding: 0 0 40px 0;
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .cgiBody .contNoLoged .authent {
        margin: 0 auto;
    }

    .cgiBody .btnEnvoyer {
        background: url(images/bouton/btn-seconnecter-01_2.jpg) no-repeat 0 0;
        color: #fff;
        font-style: normal;
        font-family: 'Now-Regular';
        font-size: 10pt;
        text-decoration: none;
        padding: 13px 12px;
        text-transform: uppercase;
        text-align: center;
    }

    .cgiBody .contNumeros .btnImrip {
        background: url(images/bouton/btn-seconnecter-01_2.jpg) repeat-x 0 0;
        color: #fff;
        font-style: normal;
        font-family: 'Now-Regular';
        font-size: 10pt;
        text-decoration: none;
        padding: 13px 12px;
        text-transform: uppercase;
        text-align: center;
    }

    .cgiBody .btnValider {
        background: url(images/bouton/btn-seconnecter-01_2.jpg) repeat-x 0 0;
        color: #fff;
        font-style: normal;
        font-family: 'Now-Regular';
        font-size: 10pt;
        text-decoration: none;
        padding: 13px 12px;
        text-transform: uppercase;
        text-align: center;
    }

    .cgiBody .imprimable .btnImprim {
        background: url(images/bouton/btn-seconnecter-01_2.jpg) repeat-x 0 0;
        color: #fff;
        font-style: normal;
        font-family: 'Now-Regular';
        font-size: 10pt;
        text-decoration: none;
        padding: 13px 12px;
        text-transform: uppercase;
        text-align: center;
        text-indent: 0;
    }

    /*.cgiBody .intro, 
    .cgiBody .contDocument .intro, 
    .cgiBody .contNumeros .intro,*/
    .cgiBody .intro {
        background: none !important;
        padding: 0;
        padding-bottom: 20px;
        border-bottom: 1px dashed #aaa;
        margin-bottom: 20px;
    }

    .cgiBody .contRight .intro h2 {
        font-family: 'NexaBlack';
        color: #666;
        line-height: 40px;
    }