#page {
    max-width: 1300px;
    margin: 0 auto;
}
body,p,.page-heading,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,#center_column {
    font-family: 'Fira Sans', sans-serif !important;
}

body{
    background: #020032;
    color: #fff;
}
a {
    color:#fff;
}
p {
    font-weight:300;
}
#header {
    width: 180px;
    background: #020032;
    left: 180px;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    text-align: center;
}
.headerCol {
    width:100%;
    height:280px;
    background: url(slide1.jpg) top center no-repeat;
    background-size: cover;
    text-align: center;
}
.headerCol .parenthese {
    margin: 50px auto 0 !important;
}
.HeaderColSlogan {
    margin-top:30px;
    font-size: 25px;
    font-weight: 500;
    font-family: 'Roboto Condensed';
}
header .row #header_logo {
    padding-top: 15px;
}
header .row #header_logo img.img-responsive{
    max-width: 90%;
}
.select-country {
    text-align: center;
    margin:15px 0 0 ;
    width:100%;
}
.columns-container {
    background: #020032;
    margin-left: 180px;

}
.footer-container {
    background-color: #020032;
}
.footer-container #footer {
    color: #fff;
}
.page-heading,.page-subheading,.dark {
    color: #fff;
}

.header_user_info a:before {
    content: "";
    display:none;
}
.header_user_info {
    display: inline-block;
    margin-left: 0;
}
.item-flag {
    display: block;
    width: 100%;
    margin: 20px 0 0 38px;
}
header .nav {
    background: transparent;
}
.menu-flag { 
    margin: 10px auto;
    text-align: center;
}
.menu-flag a {
    transition: all 0.3s ease-in;
}
.menu-flag a img{
    width:40%;
}
.menu-flag a img:hover{
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
    -webkit-box-shadow: 0px 0px 50px 0px rgba(255, 255, 255, 0.67);
    -moz-box-shadow:    0px 0px 50px 0px rgba(255, 255, 255, 0.67);
    box-shadow:         0px 0px 50px 0px rgba(255, 255, 255, 0.67);
}
.page-heading{
    text-align:left;
    padding:0px 50px;
    margin:0;
    font-weight: 400;
    font-size:20px;
    line-height: 24px;
}
.rte .row {
    padding:20px 50px 10px;
}
.rte .bloc2 .row {
    padding:30px 50px 10px 50px;
}

.rte .row.rowBis{
    padding:80px 50px 0;
}	
.rte p img{
    width:100%;
}
.rte p {
    text-align: justify;
}
#cms #center_column .list-1 li {
    color: #fff;
}
#cms #center_column img {
    margin: 0;
}

#cms #center_column .bloc1 img, #cms #center_column .bloc2 img{
    margin-bottom: 17px;
}
.bloc1 {
    background: url(bg1.jpg) top center repeat-y;
    background-size: contain;
    padding:30px 0;
    position: relative;
}
.bloc2 {
    background: url(bg2.jpg) top center repeat;
    background-size: 70% 70%;
    padding:30px 0;
}
.bloc3 {
    background: #005899;
    padding:30px 0;
}
#cms #center_column .row.rowFooter p {
    text-align: left;
}
#cms #center_column .row.rowFooter p a {
    color:#fff;
}
#cms #center_column .row.rowFooter p a:hover {
    color: #408cbd;
}
.row.rowFooter{
    padding:50px 10px 30px;
}
#social_block ul li.youtube a:before {
    content: "\f166"; 
}
#social_block ul li a:before {
    color: #fff;
}
#social_block ul li a:hover,#social_block ul li a:hover:before {
    color: #408cbd;
}
#social_block,.footerMargin {
    margin-top: 25px;
}

.hs-tooltip {
    display: block;
    background: rgb(0, 159, 222); 
    background: rgba(0, 159, 222, .7);
}
.hs-spot-object.left .hs-tooltip:before{border-left:8px solid rgba(0, 159, 222, .7)}
.hs-spot-object.top .hs-tooltip:before{border-top:8px solid rgba(0, 159, 222, .7)}
.hs-spot-object.right .hs-tooltip:before{border-right:8px solid rgba(0, 159, 222, .7)}
.hs-spot-object.bottom .hs-tooltip:before{border-bottom:8px solid rgba(0, 159, 222, .7)}

.asBoutton {
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    background: #003c60;
    border: 1px solid #003c60;
    color:#fff;
}
.asBoutton span {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 22px;
    padding: 12px 36px;
    /* padding: 17px 36px 17px 60px; */
    color: #fff;
    background: #003c60;
    display: block !important;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page-heading.bottom-indent {
    margin-bottom: 0;
}
.langue-texte {
    position:absolute;
    top:10px;
    right:80px;
}
.langue-texte span{
    text-decoration:underline;
}
.hs-spot.visible .hs-spot-shape {
    background: #fff;
}

#header {
    float: left;
    width: 180px;
    left: auto;
}
.columns-container {
    margin-left: 0;
}
#columns {
    float: left;
    margin-left: 180px;
}

@media (max-width: 1024px) {
    .select-country {
        display:none;
        margin-top: 15px;
    }
    header .row #header_logo img.img-responsive,.logo-footer {
        width: 250px;
    }
    #header {
        width: 100%;
        position: relative;
        left:0;
    }
    #columns {
        margin-left: 0; 
    }
    .columns-container {
        margin-left: 0px;
        width: 100%;
    }
    .header_user_info {
        width: 300px;
        right: 50%;
        margin-right: 150px;
    }
    .mobile-nav {
        width: 100%;
    }
    .item-flag {
        float: left;
        display: inline-block;
        width: 100px;
        margin: 1% 1%;
    }
    .menu-flag a img {
        width: 100%;
    }
    .mobile-nav-wrapper {
        margin-bottom: 20px;
    }
    .menu-flag {
        width:100%; 
        margin: 0 auto;
    }
    .fixed-nav-mobile {
        background: #020032;

    }
    /*.fixed-nav-mobile {
        display:none;
    }*/
}
@media screen and (max-width: 768px) {
    header .row #header_logo img.img-responsive {
        width: 200px;
    }
    .logo-footer {
        width: 150px;
    }
    .hs-spot-tooltip-outer {
        display:none !important;
    }
    .hs-spot.visible .hs-spot-shape-inner {
        width: 10px;
        height: 10px;
    }
    .rowFooter .col-xs-12 .cms-block  p {
        text-align:center;
    }
    .hs-spot.visible .hs-spot-shape {
        display: none;
    }
    #cms #center_column .row.rowFooter p {
        text-align: center;
    }
    .logo-footer {
        width: 100px;
        margin-bottom: 20px !important;
    }
    .footer-facilis,.footer-social {
        margin-top: 20px;
    }
    /*.item-flag {
        float: none;
        display: inline-block;
        width: 60px;
        margin: 0 5% 10px;
    }*/
    .portail_e img {
        max-width: 130px !important;
    }
    #cms #center_column .portail_e p {
        text-align: center;
    }
    #cms #center_column .portail_e .row {
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .mobile-nav ul {
        width: 323px;
        margin: 0 auto;
        display: block;
        padding: 0;
    }
    .item-flag a img {
        width: 60px;
        margin-bottom: 25px;
    }
}