.col-lg-12 {
    width: 99%;
}
#titre_du_site{
    position:relative;left:-2000px;width:0;height:0;
}
.header .logo {
    width: 100%;
}
#index > div.header > div{
    height:160px!important;
}
#menu_titop{
    position:absolute;
    top:118px;
}
#img_titre_du_site{
    width:90%;
}
a {
    color: #1062ad;
}
.header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover {
    color: #1062ad;
}
.header .navbar-nav > li > a {
    color: #555555;
}
.header .navbar-nav > li:hover > a {
    color: #185ba2;
}
.header .navbar-nav > .active > a {
    color: #444444;
    border-bottom: solid 3px #94c11f;
}
/*Dropdown Menu*/
.header .dropdown-menu {
    border-top: solid 3px #94c11f;
    border-bottom: solid 2px #687074;
    top:40px;
}
.header .nav > li > .search {
    color: #1062ad;
}
.btn-u {
    background: #1062ad;
}
.btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u {
    background: #1e3064;
}
.headline h2, .headline h3, .headline h4 {
    border-bottom: solid 3px #94c11f;
}

.header .topbar {
    z-index: 12;
    padding: 8px 0;
    position: absolute;
    right: 40px;
}

.header .navbar-collapse {
    position: relative;
    right: 14px;
}
/*.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {*/
    /*clear:none!important;*/
/*}*/
/*.margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60 {*/
    /*clear: none!important;*/
/*}*/
.container{
    padding: 10px;
}
/* Index : Contenu haut */
#position4 {
    position: relative;
    top: -110px;
}


/***** en dessous de 13300px *****/
@media(max-width: 1330px){
    .header .navbar-collapse {
    }

}
/***** en dessous de 1200px *****/
@media(max-width: 1200px){
    .header .navbar-collapse {
    }


}

.header .navbar-toggle {
    position: fixed;
    top: 5px;
    left: 86%;
}
@media(max-width: 992px){
    .header .topbar {
        z-index: 12;
        padding: 8px 0;
        position: absolute;
        right: 20%;
    }
    .header .navbar-collapse{
        position:fixed;
        top: 50px;
        width: 100%;
        padding-left: 44px;
        background: #3498db;
    }
    .header .navbar-collapse a{
        color:#ffffff!important;
    }
    .header .navbar-collapse a:hover,
    .header .navbar-collapse a:active,
    .header .navbar-nav > li > li a:hover, .header .navbar-nav > .active > a:hover, .header .navbar-nav > .active > a:focus{
        color:#ffffff!important;
        background: #72c02c;
    }


}
@media(max-width: 768px){

    .header .navbar-collapse{
        top: 50px;
        width: 100%;
        padding-left: 44px;
    }
    .header .navbar-toggle {
        position: fixed;
        top: 5px;
        left: 86%;
    }
    body > div.wrapper > div.container.content-sm > div{
        padding : 20px;
    }
    body > div.wrapper > div:nth-child(4) > div > div.headline.margin-top-40{
        padding-left : 20px;
    }
}

@media(max-width: 500px){
    .header .logo img {
        top: 17px;
    }
    body > div.wrapper > div.container.content-sm > div{
        padding : 20px;
    }
    body > div.wrapper > div:nth-child(4) > div > div.headline.margin-top-40{
        padding-left : 20px;
    }
    #position4 {
        position: relative;
        top: -50px;
    }
}

.mentions .purchase{
    padding-top:0!important;
}
.mentions .purchase .content-sm{
    padding-top:0!important;
    padding-bottom:0!important;
}

div.service:hover a.btn-u-light {
    color: #fff!important;
    border-color: #fff;
}
.header-fixed .header {
    height: 160px;
}
.header {
    background: rgba(255,255,255,1);
    border-bottom: none;
}

.header .logo img {
    margin: 0px 0 20px 0;
    top: -10px;
}

.footer-v1 .footer,
#contenu-centre {
    background: #185ba2 url("../img/FondVNProcess-bleu-01.png") center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.divimg {
    background-color: transparent;
}
/** Slider **/
#intro > div.fullscreenbanner-container {
    max-height: none;
    overflow: visible;
    height: 500px!important;
}
div.tp-caption h3{
    color:#ffffff;
    font-size: 1em;
}
/*.tp-dottedoverlay.twoxtwo {*/
    /*!*background: url(../assets/gridtile.png);*!*/
    /*background-color:#0e0c2a;*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
    /*filter: alpha(opacity=50);*/
    /*-moz-opacity: 0.5;*/
    /*-khtml-opacity: 0.5;*/
    /*opacity: 0.5;*/
/*}*/
.thumbnail-kenburn img {
    width: 120%;
    /*height:auto!important;*/
}


/* Index : Réferences récentes */
.boiterefs{
    height: 260px;
}
.position8 img{
    height:auto;
}
#bouttonsbleu{
    position:relative;
    top:-70px;
}


a:hover{
      text-decoration:none;
  }
a .service-block-sea {
    /*background: #1062ad;*/

    /*background: #185ba2 url("../img/FondVNProcess-bleu-01.png") no-repeat fixed center;*/
    background: #185ba2 url("../img/FondVNProcess-bleu-01.png") center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

a:hover .service-block-sea{

    background: #7db9e8;
    background: -moz-linear-gradient(135deg,  #7db9e8 0%, #185ba2 1%, #2989d8 50%, #1e5799 100%);
    background: -webkit-linear-gradient(135deg,  #7db9e8 0%,#185ba2 1%,#2989d8 50%,#1e5799 100%);
    background: linear-gradient(135deg,  #7db9e8 0%,#185ba2 1%,#2989d8 50%,#1e5799 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 );


}




.tp-bannertimer{
    z-index:0;
}

/*.tp-dottedoverlay.twoxtwo {*/
    /*opacity : 1;*/
    /*filter: alpha(opacity=100);*/
/*}*/

.purchaseclient{
    background:#ffffff;
}

.content-sm {
    padding-top: 40px;
}

/** Slider **/
div.tp-caption h3{
    color:#ffffff;
    font-size: 1em;
}
.tp-dottedoverlay.twoxtwo {
    /*background: url(../assets/gridtile.png);*/
    background-color:#0e0c2a;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
/*.thumbnail-kenburn img {*/
    /*width: 100%;*/
/*}*/

/* Index : Réferences récentes */
.boiterefs{
    height: 260px;
}
.position8 img{
    height:auto;
}

div.position7 div.row{
    background: rgba(255,255,255,0.2);
}
div.position7 div.col-md-8,
div.position7 div.col-md-4{
    height:300px;
    padding: 30px;
    text-align: center;
}

div.position7 h3, 
div.position7 h4, 
div.position7 div, 
div.position7 p, 
div.position7 a, 
div.position7 div.service p{
    color:#ffffff;
}

div.position7:hover h3, 
div.position7:hover h4, 
div.position7:hover div, 
div.position7:hover p, 
div.position7:hover a, 
div.position7:hover div.service p{
    color:#555555;
}

.carousel-v1 .carousel-caption {
    left: 0;
    right: 0;
    top: 0;
    padding: 6px 15px;
    background: rgba(19, 97, 170, 0.79);
    height: 40px;
}
.carousel-v1 .carousel-arrow a i {
    top: 19px;
    height: 39px;
    opacity: 0.6;
    background: none;
    position: absolute;
}

@media(max-width: 500px){
    .header .logo img {
        top: 17px;
    }
    #index #intro{
        display: none;
    }
    #bouttonsbleu{
        position:relative;
        top: 10px;
    }
    #position4 > div > div > div.col-md-9.animated.fadeInLeft > h2 > img{
        width:100%;
    }
}
.article_referent{
    height:350px;
    overflow:hidden;
}

.purchase .btn-buy {
    position: relative;
}

.zIndexMoins10{
    z-index:-10;
}