@media (max-width:767px) {
:root {
--main-bg-color:#0066b3;
--main-color:#0066b3;
--second-color:#0066b3;
--btn-a-color:#fff;
--text-color:#fff;
--font: font-family: 'Roboto', sans-serif;
--font-size:12px;
}




    body {
        width: 100%;
        padding-right: 0;
        min-width: 315px;
        max-width: 767px;
    }

    body.freepage .containerCol .col1 div.freepage_main h1 {
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: 0px;
        text-transform: uppercase;
        display: block;
        text-align: center;
    }

    body.freepage .containerCol .col1 div.freepage_main h2 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 20px;
        font-weight: 400;
        text-align: center;
    }

    .padding--30 {
        padding: 40px 10px;
        text-align: center;
    }

    .BlocBlue1Top {
        background-color: #243648;
        padding: 20px;
        height: 450px;
    }

    .btn--style {
        background-color: #03A9F5;
        padding: 10px 10px;
        border-radius: 2px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 13px;
        text-align: center;
        font-family: "Roboto", "Raleway";
        color: white;
    }

    .absTop--50 {
        position: relative;
        top: 15px;
        left: 0;
        text-align: center;
    }

    .BlocBlue6Bottom {
        background-color: #0066b3;
        padding: 30px 10px;
        height: 205px;
        margin-top: 0px;
    }

    .puceNew1 {
        background-color: #e54c66;
        color: white;
        padding: 2px 15px;
        font-size: 10px !important;
        border-radius: 10px;
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        top: 8px;
        left: 28px;
    }

    .zonebtn {
        padding: 40px 10px 0px 10px;
        text-align: center;
    }

    .blockButton {
        width: 100%;
        position: relative;
        top: 0;
        margin: auto;
    }

    button img {
        margin: 0px !important;
    }

    .col-xs-6 {
        width: 50% !important;
        margin: 0px !important;
        padding: 5px !important;
    }

    .col-xs-12 {
        width: 100%;
        margin: 0px 0px 10px !important;
        padding: 0px !important;
    }

    .icon-tuile {
        width: 65px !important;
        margin: 0px !important;
    }

    .icon-tuile2 {
        width: 65px !important;
        margin: 0px !important;
    }

    .blocActuNew {
        width: 90%;
        margin: auto;
        background-color: #f6f6f6;
        height: 285px;
    }

    .smart-popin {
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        background-color: rgba(52, 73, 94, 0.7);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 200% !important;
        height: auto;
        min-height: 464%;
    }

    .smart-popin .sp-cell {
        display: block;
        vertical-align: middle;
        padding: 10px;
    }

    .pop-icon {
        width: 45px !important;
        margin: 0 !important;
    }

    .pop-section-keywords {
        padding: 10px;
        background-color: #f2f2f2;
    }

    .pop-section-text {
        padding: 0px 15px;
    }

    .smart-popin .sp-body {
        position: relative;
        z-index: 1;
        width: auto;
        min-width: 0px;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 0em;
        -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
        box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
        width: 100% !important;
        height: 60%;
    }

    body.freepage .containerCol .col1 div.freepage_main h5 {
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 20px;
        font-weight: 400;
        text-align: left;
    }

    body.freepage .containerCol .col1 ul li {
        list-style-type: none !important;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        text-align: left;
        color: #374D62;
    }

    .smart-popin .sp-table {
        display: table;
        height: 100%;
        width: 100%;
        margin: 0 !important;
    }

    .bloc_img {
        z-index: 1;
        position: relative;
        height: 320px;
    }

    .bloc-titre {
        margin: 0px;
        height: 50px;
        vertical-align: middle;
        padding: 14px 10px;
        min-width: 100%;
    }

    /*------------------------------------------------------------DESKTOP---------------------------*/
    /* LIGNE A */
    .smart-popinA1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinA2 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinA3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;;
    }

    .smart-popinA4 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    /* LIGNE B */
    .smart-popinB1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinB2 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinB3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinB4 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    /* LIGNE C */

    .smart-popinC1 {
        position: absolute;
        left: 0%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinC2 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinC3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    /* LIGNE D */

    .smart-popinD1 {
        position: absolute;
        left: 0%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinD2 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinD3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinD4 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinD5 {
        position: absolute;
        left: 0%;
        right: 0;
        top: -207%;
        bottom: 0;
    }


    /* LIGNE E */
    .smart-popinE1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinE2 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinE3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinE4 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    /* LIGNE F */
    .smart-popinF1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinF2 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinF3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinF4 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    /* LIGNE G */
    .smart-popinG1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinG2 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinG3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinG4 {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }


    /*------------------------------------------------------------SMARTPHONE---------------------------*/
    /* LIGNE As */
    .smart-popinA1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinA2s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinA3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinA4s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }


    /* LIGNE B */
    .smart-popinB1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinB2s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinB3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinB4s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }


    /* LIGNE C */

    .smart-popinC1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinC2s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinC3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    /* LIGNE D */

    .smart-popinD1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinD2s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinD3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinD4s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinD5s {
        position: absolute;
        left: -0;
        right: 0;
        top: -207%;
        bottom: 0;
    }

    /* LIGNE E */
    .smart-popinE1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinE2s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinE3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinE4s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }


    /* LIGNE F */
    .smart-popinF1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    /* LIGNE G */
    .smart-popinG1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinG2s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinG3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    .smart-popinG4s {
        position: absolute;
        left: -100%;
        right: 0;
        top: -107%;
        bottom: 0;
    }



    /*------------------------------------------------------------MONTRE CONNECTEE---------------------------*/
    /* LIGNE Am */
    .smart-popinA1m {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinA2m {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinA3m {
        position: absolute;
        left: 0;
        right: 0;
        top: -107%;
        bottom: 0;
    }

    /* LIGNE B */
    .smart-popinB1m {
        position: absolute;
        left: 0;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .smart-popinB2m {
        position: absolute;
        left: -100%;
        right: 0;
        top: -7%;
        bottom: 0;
    }

    .zone--content {
        background-color: #eaeaea;
        padding: 0px 0px;
    }

    .hidden_SM {
        display: none;
    }

}


/** Style pour affichage TABLETTE **/
@media (min-width:767px) and (max-width:1260px) {

    body.freepage .containerCol .col1 div.freepage_main h1 {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: -10px;
        text-transform: uppercase;
        text-align: center;
    }
    body.freepage .containerCol .col1 div.freepage_main h2 {
        font-size: 28px;
        margin-top: 0px;
        margin-bottom: 30px;
        font-weight: 300;
        font-family: "Roboto", "Raleway";
    }

    .padding--30 {
        padding: 0px 30px;
    }

    .BlocBlue1Top {
        background-color: #243648;
        padding: 50px;
        height: 522px;
        text-align: center;
    }

    .btn--style {
        background-color: #ffffff;
        padding: 10px 20px;
        border-radius: 2px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: "Roboto", "Raleway";
    }

    .absTop--50 {
        position: absolute;
        top: 50px;
        left: 95px;
    }

    .BlocBlue6Bottom {
        background-color: #243648;
        padding: 20px 0px;
        height: 230px;
        margin-top: 0px;
    }

    .puceNew1 {
        background-color: #e54c66;
        color: white;
        padding: 5px 15px;
        font-size: 10px !important;
        border-radius: 10px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        top: 25px;
        left: 50px;
    }

    .zonebtn {
        padding: 10px;
        text-align: right;
    }

    .blockButton {
        width: 50%;
        position: relative;
        margin: auto;
    }

    .icon-tuile {
        width: 10% !important;
        margin: 0px !important;
    }

    .icon-tuile2 {
        width: 10% !important;
        margin: 0px !important;
    }

    .blocActuNew {
        width: 90%;
        margin: auto;
        background-color: #f6f6f6;
        height: 185px;
    }

    .smart-popin {
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        background-color: rgba(52, 73, 94, 0.7);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 1019px;
        height: 900px;
    }

    .smart-popin .sp-cell {
        display: table-cell;
        vertical-align: middle;
        padding: 0px 20px !important;
    }

    .pop-icon {
        width: 90px !important;
    }

    .pop-section-keywords {
        padding: 40px;
        background-color: #f6f6f6;
    }

    .smart-popin .sp-body {
        position: relative;
        z-index: 1;
        width: auto;
        min-width: 300px;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 0em;
        -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
        box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
        width: 70%;
        height: auto;
    }

    .pop-section-text {
        padding: 0px 40px;
    }

    body.freepage .containerCol .col1 div.freepage_main h5 {
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 40px;
        font-weight: 400;
        text-align: left;
    }

    body.freepage .containerCol .col1 ul li {
        list-style-type: none !important;
        font-size: 17px;
        font-weight: 800;
        text-transform: uppercase;
        text-align: left;
        color: #374D62;
    }

    .smart-popin .sp-table {
        display: table;
        height: 100%;
        width: 100%;
    }

    .bloc_img {
        z-index: 1;
        position: relative;
        height: 320px;
    }

    .bloc-titre {
        margin: 0px;
        height: 130px;
        vertical-align: middle;
        padding: 50px 10px;
        min-width: 100%;
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .bloc-tuile {
        background-color: #FFFFFF;
        padding: 15px;
        min-height: 130px;
        max-height: 130px;
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        margin: 10px 0px 5px !important;
    }

    /*------------------------------------------------------------DESKTOP---------------------------*/
    /* LIGNE A */
    .smart-popinA1 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA2 {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinA3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinA4 {
        position: absolute;
        left: 0;
        right: 0;
        top: -435px;
        bottom: 0;
    }


    /* LIGNE B */
    .smart-popinB1 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinB2 {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinB3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinB4 {
        position: absolute;
        left: 0;
        right: 0;
        top: -435px;
        bottom: 0;
    }

    /* LIGNE C */

    .smart-popinC1 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinC2 {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinC3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    /* LIGNE D */

    .smart-popinD1 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinD2 {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinD3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinD4 {
        position: absolute;
        left: 0;
        right: 0;
        top: -435px;
        bottom: 0;
    }

    .smart-popinD5 {
        position: absolute;
        left: 0;
        right: 0;
        top: -580px;
        bottom: 0;
    }

    /* LIGNE E */
    .smart-popinE1 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinE2 {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinE3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinE4 {
        position: absolute;
        left: 0;
        right: 0;
        top: -435px;
        bottom: 0;
    }

    /* LIGNE F */
    .smart-popinF1 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinF2 {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinF3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinF4 {
        position: absolute;
        left: 0;
        right: 0;
        top: -435px;
        bottom: 0;
    }

    /* LIGNE G */
    .smart-popinG1 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinG2 {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinG3 {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinG4 {
        position: absolute;
        left: 0;
        right: 0;
        top: -435px;
        bottom: 0;
    }


    /*------------------------------------------------------------SMARTPHONE---------------------------*/
    /* LIGNE As */
    .smart-popinA1s {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA2s {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinA3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinA4s {
        position: absolute;
        left: 0;
        right: 0;
        top: -490px;
        bottom: 0;
    }

    /* LIGNE B */
    .smart-popinB1s {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinB2s {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinB3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinB4s {
        position: absolute;
        left: 0;
        right: 0;
        top: -490px;
        bottom: 0;
    }

    /* LIGNE C */

    .smart-popinC1s {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinC2s {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinC3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }


    /* LIGNE D */

    .smart-popinD1s {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinD2s {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinD3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinD4s {
        position: absolute;
        left: 0;
        right: 0;
        top: -490px;
        bottom: 0;
    }

    .smart-popinD5s {
        position: absolute;
        left: 0;
        right: 0;
        top: -580px;
        bottom: 0;
    }

    /* LIGNE E */
    .smart-popinE1s {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinE2s {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinE3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinE4s {
        position: absolute;
        left: 0;
        right: 0;
        top: -490px;
        bottom: 0;
    }

    /* LIGNE F */
    .smart-popinF1s {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }


    /* LIGNE G */
    .smart-popinG1s {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinG2s {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinG3s {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }

    .smart-popinG4s {
        position: absolute;
        left: 0;
        right: 0;
        top: -490px;
        bottom: 0;
    }


    /*------------------------------------------------------------MONTRE CONNECTEE---------------------------*/
    /* LIGNE Am */
    .smart-popinA1m {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA2m {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }

    .smart-popinA3m {
        position: absolute;
        left: 0;
        right: 0;
        top: -290px;
        bottom: 0;
    }


    /* LIGNE B */
    .smart-popinB1m {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinB2m {
        position: absolute;
        left: 0;
        right: 0;
        top: -145px;
        bottom: 0;
    }



    /**************************/

    .zone--content {
        background-color: #F6F6F6;
        padding: 0px 0px;
    }

    .hidden_SM {
        display: none !important;
    }


}


/** Style pour affichage DESKTOP **/
@media (min-width:1260px) {


    body.freepage .containerCol .col1 div.freepage_main h1 {
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: -10px;
        text-transform: uppercase;
    }

    body.freepage .containerCol .col1 div.freepage_main h2 {
        font-size: 24px;
        margin-top: 0px;
        margin-bottom: 34px;
        font-weight: 300;
        font-family: "Roboto", "Raleway";
    }

    .h2_marginbottom {
        margin-bottom: 10px !important;
    }

    .padding--30 {
        padding: 0px 40px !important;
    }

    .BlocBlue1Top {
        background-color: #243648;
        padding: 35px 30px 0px;
        height: 240px;
    }

    .btn--style {
        background-color: #00A9F5;
        padding: 10px 20px;
        border-radius: 2px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: "Roboto", "Raleway";
        color: #ffffff;
    }

    .absTop--50 {
        position: absolute;
        top: 50px;
        left: 95px;
    }

    .BlocBlue6Bottom {
        background-color: #243648;
        padding: 20px 50px;
        height: 124px;
        margin-top: 0px;
    }

    .puceNew1 {
        background-color: #e54c66;
        color: white;
        padding: 5px 15px;
        font-size: 10px !important;
        border-radius: 10px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        top: 25px;
        left: 50px;
    }

    .zonebtn {
        padding: 10px;
        text-align: right;
    }

    .blockButton {
        width: 35%;
        position: relative;
        bottom: 10px;
        margin: auto;
    }

    .icon-tuile {
        width: 30% !important;
        margin: 20px 0px 0px !important;
    }

    .icon-tuile2 {
        width: 30% !important;
        margin: 5px 0px 0px !important;
    }

    .blocActuNew {
        width: 90%;
        margin: auto;
        background-color: #f6f6f6;
        height: 185px;
    }

    .smart-popin {
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        background-color: rgba(52, 73, 94, 0.7);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 1024px;
        height: 970px;
    }

    .smart-popinMC {
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        background-color: rgba(52, 73, 94, 0.7);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 1024px;
        height: 283px;
    }

    .smart-popin .sp-cell {
        display: table-cell;
        vertical-align: middle;
        padding: 10px;
    }

    .pop-icon {
        width: 90px !important;
    }

    .pop-section-keywords {
        padding: 40px;
        background-color: #f6f6f6;
    }

    .smart-popin .sp-body {
        position: relative;
        z-index: 1;
        width: auto;
        min-width: 300px;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 0em;
        -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
        box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
        width: 70%;
        height: auto;
    }

    .smart-popinMC .sp-bodyMC {
        position: relative;
        z-index: 1;
        width: auto;
        min-width: 300px;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 0em;
        -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
        box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
        width: 100%;
        height: auto;
    }

    .pop-section-text {
        padding: 0px 40px;
    }

    body.freepage .containerCol .col1 div.freepage_main h5 {
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 40px;
        font-weight: 400;
        text-align: left;
    }

    body.freepage .containerCol .col1 ul li {
        list-style-type: none !important;
        font-size: 17px;
        font-weight: 800;
        text-transform: uppercase;
        text-align: left;
        color: #374D62;
    }

    .smart-popin .sp-table {
        display: table;
        height: 100%;
        width: 100%;
    }

    .bloc-titre {
        margin: 0px;
        height: 130px;
        vertical-align: middle;
        padding: 50px 10px;
        min-width: 100%;
    }


    /*------------------------------------------------------------DESKTOP---------------------------*/
    /* LIGNE A */
    .smart-popinA1 {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA2 {
        position: absolute;
        left: -205px;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA3 {
        position: absolute;
        left: -409px;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA4 {
        position: absolute;
        left: -614px;
        right: 0;
        top: 0;
        bottom: 0;
    }

    /* LIGNE B */
    .smart-popinB1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -140px;
        bottom: 0;
    }

    .smart-popinB2 {
        position: absolute;
        left: -205px;
        right: 0;
        top: -140px;
        bottom: 0;
    }

    .smart-popinB3 {
        position: absolute;
        left: -409px;
        right: 0;
        top: -140px;
        bottom: 0;
    }

    .smart-popinB4 {
        position: absolute;
        left: -614px;
        right: 0;
        top: -140px;
        bottom: 0;
    }

    /* LIGNE C */

    .smart-popinC1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -280px;
        bottom: 0;
    }

    .smart-popinC2 {
        position: absolute;
        left: -205px;
        right: 0;
        top: -280px;
        bottom: 0;
    }

    .smart-popinC3 {
        position: absolute;
        left: -409px;
        right: 0;
        top: -280px;
        bottom: 0;
    }

    /* LIGNE D */

    .smart-popinD1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    .smart-popinD2 {
        position: absolute;
        left: -205px;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    .smart-popinD3 {
        position: absolute;
        left: -409px;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    .smart-popinD4 {
        position: absolute;
        left: -614px;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    .smart-popinD5 {
        position: absolute;
        left: -818px;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    /* LIGNE E */
    .smart-popinE1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -560px;
        bottom: 0;
    }

    .smart-popinE2 {
        position: absolute;
        left: -205px;
        right: 0;
        top: -560px;
        bottom: 0;
    }

    .smart-popinE3 {
        position: absolute;
        left: -409px;
        right: 0;
        top: -560px;
        bottom: 0;
    }

    .smart-popinE4 {
        position: absolute;
        left: -614px;
        right: 0;
        top: -560px;
        bottom: 0;
    }

    /* LIGNE F */
    .smart-popinF1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -700px;
        bottom: 0;
    }

    .smart-popinF2 {
        position: absolute;
        left: -205px;
        right: 0;
        top: -700px;
        bottom: 0;
    }

    .smart-popinF3 {
        position: absolute;
        left: -409px;
        right: 0;
        top: -700px;
        bottom: 0;
    }

    .smart-popinF4 {
        position: absolute;
        left: -614px;
        right: 0;
        top: -700px;
        bottom: 0;
    }

    /* LIGNE G */
    .smart-popinG1 {
        position: absolute;
        left: 0;
        right: 0;
        top: -840px;
        bottom: 0;
    }

    .smart-popinG2 {
        position: absolute;
        left: -205px;
        right: 0;
        top: -840px;
        bottom: 0;
    }

    .smart-popinG3 {
        position: absolute;
        left: -409px;
        right: 0;
        top: -840px;
        bottom: 0;
    }

    .smart-popinG4 {
        position: absolute;
        left: -614px;
        right: 0;
        top: -840px;
        bottom: 0;
    }


    /*------------------------------------------------------------SMARTPHONE---------------------------*/
    /* LIGNE As */
    .smart-popinA1s {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA2s {
        position: absolute;
        left: -205px;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA3s {
        position: absolute;
        left: -409px;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA4s {
        position: absolute;
        left: -614px;
        right: 0;
        top: 0;
        bottom: 0;
    }


    /* LIGNE Bs */
    .smart-popinB1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -140px;
        bottom: 0;
    }

    .smart-popinB2s {
        position: absolute;
        left: -205px;
        right: 0;
        top: -140px;
        bottom: 0;
    }

    .smart-popinB3s {
        position: absolute;
        left: -409px;
        right: 0;
        top: -140px;
        bottom: 0;
    }

    .smart-popinB4s {
        position: absolute;
        left: -614px;
        right: 0;
        top: -140px;
        bottom: 0;
    }


    /* LIGNE Cs */

    .smart-popinC1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -280px;
        bottom: 0;
    }

    .smart-popinC2s {
        position: absolute;
        left: -205px;
        right: 0;
        top: -280px;
        bottom: 0;
    }

    .smart-popinC3s {
        position: absolute;
        left: -409px;
        right: 0;
        top: -280px;
        bottom: 0;
    }

    /* LIGNE Ds */

    .smart-popinD1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    .smart-popinD2s {
        position: absolute;
        left: -205px;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    .smart-popinD3s {
        position: absolute;
        left: -409px;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    .smart-popinD4s {
        position: absolute;
        left: -614px;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    .smart-popinD5s {
        position: absolute;
        left: -819px;
        right: 0;
        top: -420px;
        bottom: 0;
    }

    /* LIGNE Es */
    .smart-popinE1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -560px;
        bottom: 0;
    }

    .smart-popinE2s {
        position: absolute;
        left: -205px;
        right: 0;
        top: -560px;
        bottom: 0;
    }

    .smart-popinE3s {
        position: absolute;
        left: -409px;
        right: 0;
        top: -560px;
        bottom: 0;
    }

    .smart-popinE4s {
        position: absolute;
        left: -614px;
        right: 0;
        top: -560px;
        bottom: 0;
    }

    /* LIGNE Fs */
    .smart-popinF1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -700px;
        bottom: 0;
    }

    /* LIGNE Gs */
    .smart-popinG1s {
        position: absolute;
        left: 0;
        right: 0;
        top: -840px;
        bottom: 0;
    }

    .smart-popinG2s {
        position: absolute;
        left: -205px;
        right: 0;
        top: -840px;
        bottom: 0;
    }

    .smart-popinG3s {
        position: absolute;
        left: -409px;
        right: 0;
        top: -840px;
        bottom: 0;
    }

    .smart-popinG4s {
        position: absolute;
        left: -614px;
        right: 0;
        top: -840px;
        bottom: 0;
    }


    /*------------------------------------------------------------MONTRE CONNECTEE---------------------------*/
    /* LIGNE Am */
    .smart-popinA1m {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA2m {
        position: absolute;
        left: -205px;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .smart-popinA3m {
        position: absolute;
        left: -409px;
        right: 0;
        top: 0;
        bottom: 0;
    }

    /* LIGNE B */
    .smart-popinB1m {
        position: absolute;
        left: 0;
        right: 0;
        top: -140px;
        bottom: 0;
    }

    .smart-popinB2m {
        position: absolute;
        left: -205px;
        right: 0;
        top: -140px;
        bottom: 0;
    }

    /**************************/

    .zone--content {
        background-color: #f6f6f6;
        padding: 3px 0px;
    }

    .diagonal:before {
        position: absolute;
        margin-top: 240px;
        content: '';
        border-style: solid;
        border-width: 0 85vw 3.75rem 0;
        border-color: transparent rgb(36, 54, 72) transparent transparent;
    }

    .diagonal {
        z-index: 2;
        position: relative;
    }

    .bloc_img {
        z-index: 1;
        position: relative;
        height: 320px;
    }



}




/*********** Couleurs *************/

.color--silver {
    color: #B4B4B4 !important;
}
.color--white {
    color: #ffffff !important;
}
.color--blue1 {
    color: #00a9f5 !important;
}
.color--blue2 {
    color: #3498db !important;
}
.color--blue3 {
    color: #2880b9 !important;
}
.color--blue4 {
    color: #15587f !important;
}
.color--blue5 {
    color: #34495e !important;
}
.color--blue6 {
    color: #243648 !important;
}

.back-color--blue1 {
    background-color: #00A9F5;
}

.back-color--blue2 {
    background-color: #3498db;
}

.back-color--blue3 {
    background-color: #2880b9;
}

.back-color--blue4 {
    background-color: #15587f;
}

.back-color--blue5 {
    background-color: #34495e;
}

.back-color--blue6 {
    background-color: #243648;
}
.back-color--silver {
    background-color: #eaeaea;
}

.back-color-titre-none {
    background-color: #aeaeae;
}



/*********** CRACK POUR AFFICHAGE PAGE 100% ************/

.containerContent {
    padding: 0%;
}

div.freepage_main {
    color: #444;
    line-height: 1.42857143;
    font-weight: 500;
    font-family: "Raleway";
    background-color: #FFF;
    font-size: 14px;
    padding: 0px;
}

#besoins .gray-bg .media, body.freepage .accroche-sub, body.freepage .containerCol .col1 .accroche-sub p, body.freepage .containerCol .col1 .accroche-sub {
    margin-bottom: 0px;
    font-family: "Raleway";
    font-size: 15px;
}

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 0px;
}

body.freepage .containerCol .col1 {
    padding-right: 0px;
}



/**  TIROIR CSS POUR STYLE COMMUN A TOUS LES DEVICES **/



.relTop--40 {
    position: relative;
    top: 20px;
}



body.freepage .containerCol .col1 div.freepage_main p {
    margin: 0 0 0px;
}

.miniBlocActu {
    padding: 25px;
}

.btn-pref .btn {
    -webkit-border-radius:0 !important;
}

.btn-group {
    max-width: 100%;
    margin: 0;
    height: 60px;
    float: left;
}

.backBlue5 {
    height: 90px;
    background-color: #354657;
    padding: 0px;
}
.hidden_SM{
vertical-align: top;
	margin-right: 170px;
}
.btn, .btn-group, .btn-group-vertical, .caret, .checkbox-inline, .radio-inline, img {
    vertical-align: top;
	
}

.btn--active {
    color: #fff;
    background-color: rgba(255,255,255,0.1) !important;
    min-height: 90px !important;
    max-height: 90px !important;
    height: 90px !important;
}

.btn--nonActive {
    background-color: #354657 !important;
    border-color: #354657 !important;
    text-shadow: none;
    box-shadow: none;
    color: #354657 !important;
}

.btn--nonActive img {
    position: relative;
    top: 15px;
}

.btn--active div {
    position: relative;
    top: 10px;
    text-transform: uppercase !important;
    font-family: "Raleway";
    font-size: 11px;
    font-weight: 700;
}

button img {
    margin: 0px !important;
}

body.freepage .containerCol .col1 div.freepage_main h3 {
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}


body.freepage .containerCol .col1 div.freepage_main h4 {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;

}

.bloc-tuile {
    background-color: #FFFFFF;
    padding: 15px;
    min-height: 130px;
    max-height: 130px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.bloc-tuile:hover {
    box-shadow: 0 0px 20px rgba(36,54,72,0.3), 0 10px 20px rgba(255,255,255,0.2);
}

.bloc-tuile_vide {
    background-color: #f6f6f6;
    padding: 15px;
    min-height: 130px;
    max-height: 130px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.ligne_tuile {
    margin: 0px 0px 10px !important;
    display: inline-block;
    width: 100%;
}

:focus {
    outline: 0;
}

:hover {
    outline: 0;
}

:active {
    outline: 0;
}

* {
    outline: none !important;
}


.smart-popin--target {
    opacity: 1;
    visibility: visible;
}

.smart-popin .sp-body * {
    max-width: 100%;
}
.smart-popin .sp-back {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    display: block;
}
.smart-popin .sp-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 2.5em;
    color: #00A9F5;
    font-weight: 500;
    text-decoration: none;
}

.oblique-keywords {
    width: 20px !important;
    margin-right: 20px !important;
}

.containerCol .col1 div img {
    margin: 0;
}

.puceNew2 {
    background-color: #e54c66;
    color: white;
    padding: 3px 6px;
    font-size: 10px !important;
    border-radius: 10px;
    font-weight: 600;
    text-transform: inherit;
    position: absolute;
    top: 78%;
    left: 7%;
}

.pop-puceNew {
    background-color: #e54c66;
    color: white;
    padding: 5px 20px;
    font-size: 14px !important;
    border-radius: 25px;
    font-weight: 600;
    text-transform: inherit;
    position: absolute;
    top: 3%;
    left: -2%;
}

.puceInno {
    background-color: #61a9aa;
    color: white;
    padding: 3px 6px;
    font-size: 10px !important;
    border-radius: 10px;
    font-weight: 600;
    text-transform: inherit;
    position: absolute;
    top: 78%;
    left: 7%;
}

.pop-puceInno {
    background-color: #61a9aa;
    color: white;
    padding: 5px 20px;
    font-size: 14px !important;
    border-radius: 25px;
    font-weight: 600;
    text-transform: inherit;
    position: absolute;
    top: 5%;
    left: -2%;
}

.pop-puceInno2 {
    background-color: #61a9aa;
    color: white;
    padding: 5px 20px;
    font-size: 14px !important;
    border-radius: 25px;
    font-weight: 600;
    text-transform: inherit;
    position: absolute;
    top: 22%;
    z-index: 200;
    left: 14%;
}

body.freepage .containerCol .col1 span {
    font-size: 12px;
    font-style: normal;
}

.liste-type {
    font-size: 15px !important;
    list-style-type: inherit !important;
    text-transform: inherit !important;
    font-weight: 700 !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 5px;
}

.no_padding {
    padding: 0px !important;
}

body.freepage .containerCol .col1 span {
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.login-panel.logged-out
{
    background: #0066b3;
}

.navbar-default .navbar-nav>li>a
{
    color :  #0066b3;
}

.navbar-nav .nav-dropdown a
{
    color :  #0066b3;
}

.navbar-nav .nav-dropdown a
{
    border-bottom: 1px solid #0066b3;
}

.navbar-header .navbar-nav .dropdown-toggle
{
    border-bottom: 2px solid #0066b3;
}

.navbar-header .navbar-nav .dropdown-toggle, .navbar-header .navbar-nav .dropdown-toggle:focus
{
    background: url(../images/icon_menu.png) center center no-repeat #0066b3;

}

.navbar-header .navbar-nav .dropdown-toggle:hover
{
    background-color: #0066b3;
}

.navbar-header .navbar-nav .open .dropdown-toggle
{
    background: url(../images/icon_menu_open.png) center center no-repeat #0066b3!important;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover
{
    border-color: #0066b3;
}

.footer {
    padding: 58px 0 10px;
    background: #0066b3;
    max-height: 100px;
    text-align: center;
    color: #e5e5e5;
}

.BlocBlue6Bottom
{
    background: #0066b3;
}

.backBlue5
{
    background: #0066b3;
}

.primary-background
{
    background: #53b848;
}
.site-brand
{
  margin: 0px 160px 0px;
    text-align: center;

}
.site-brand .brand
{
    font-size: 500%;
    font-weight: bold;
}

.btn-primary
{
    background: #53b848;
    border: 1px solid #53b848;
	    margin-right: 12;
}

.btn-info
{
    border: 1px solid #53b848;
}
.back-color--blue1
{
    background: #0066b3;
    border: 1px solid #0066b3;
}

.primary-color .modal
{
    color:#0066b3
}

.dropdown-menu menu-animation
{
    z-index: 1000;
}


.secondary-color
{
    color: #53b848
}

#account_btn :hover 
{
	background: #0066b3;
}