.header,
 .slidermar {
     background: #242424 !important;
 }
 
 #aps-title {
     font-size: 150px;
 }
 
 .domain_search .serch_area {
     border-bottom: none;
 }
 
 .button.four {
     background: #ff5400;
     color: white
 }
 
 #contact {
     background: #fff !important;
 }
 
 .feature_section12 i::after {
     background: rgba(255, 84, 0, 0.7);
 }
 
 .footer .secarea.sty2 {
     background: #1961AE url("../images/site-img105.jpg") no-repeat center bottom;
 }
 
 .feature_section13 {
     background: none
 }
 
 #megapower-title {
     background: #1961AE url("../images/site-img105.jpg") no-repeat center bottom;
 }
 
 .feature_section102 .plan.two {
     background: none;
 }
 
 .feature_section102 {
     padding-top: 0;
     padding-bottom: 0;
 }
 
 .feature_section11 .tab__content > li .content__wrapper {
     text-align: left;
 }
 
 .fati4.two {
     float: inherit;
     margin-bottom: 0;
 }
 
 .fati4 {
     vertical-align: baseline;
 }
 
 .avantages ul {
     padding: 10px;
 }
 
 .aligne-centre {
     text-align: justify;
 }
 
 .aligne-centre h1,
 .aligne-centre h2 {
     text-align: center;
 }
 
 .feature_section15 {
     padding: 0;
     background: #fff;
 }
 
 .one_fourth_less {
     background: #eee !important;
 }

.avantages span {
    text-decoration: underline;
    font-weight: bold;
}



 /*-------------------------------------------------------------------------------------------------------------------------------------*/
 
 .header,
 .slidermar {
     background: #242424 !important;
 }
 
 .fati4.two {
     float: left !important;
 }
 
 .button.four {
     background: #E94E1D linear-gradient(to top, #BE2218, #E94E1D, #E94E1D, #E94E1D) !important;
 }
 
 .price_compare table,
 .price_compare th,
 .price_compare td {
     border-spacing: 2px;
 }
 
 .price_compare table {
     width: 90%;
 }
 
 .price_compare {
     padding: 0px 0px 80px 0px;
 }
 
 .fati4.two {
     height: 30px;
     width: 30px;
     line-height: 30px;
     font-size: 10pt;
 }
 
 .ligne-principale {
/*      background: #1961AE !important;
      */     
     
     background: #E94E1D linear-gradient(to top, #BE2218, #E94E1D, #E94E1D, #E94E1D) !important;

     color: #fff !important;
 }
 
 .ligne-bis {
     background: #eee !important;
 }
 
 .slidermar {
     background: #242424 !important;
 }
 
 #aps-title {
     font-size: 150px;
 }
 
 .domain_search .serch_area {
     border-bottom: none;
 }
 
 .button.four {
     background: #ff5400;
     color: white
 }
 
 #contact {
     background: #fff !important;
 }
 
 .feature_section12 i::after {
     background: rgba(255, 84, 0, 0.7);
 }
 
 .footer .secarea.sty2 {
     background: #1961AE url("../images/site-img105.jpg") no-repeat center bottom;
 }
 
 .feature_section13 {
     background: none
 }
 
 #megapower-title {
     background: #1961AE url("../images/site-img105.jpg") no-repeat center bottom;
 }
 
 .feature_section102 .plan.two {
     background: none;
 }
 
 .feature_section102 {
     padding-top: 0;
     padding-bottom: 0;
 }
 
 .feature_section11 .tab__content > li .content__wrapper {
     text-align: left;
 }
 
 .fati4.two {
     float: inherit;
     margin-bottom: 0;
 }
 
 .fati4 {
     vertical-align: baseline;
 }
 
 .avantages ul {
     padding: 10px;
 }
 
 .aligne-centre {
     text-align: justify;
 }
 
 .aligne-centre h1,
 .aligne-centre h2 {
     text-align: center;
 }
 
 .feature_section15 {
     padding: 0;
     background: #fff;
 }
 
 .one_fourth_less {
     background: #eee !important;
 }
 /*-------------------------------------------------------------------------------------------------------------------------------------*/
 
 body {
/*      background: url(../images/sliders/master/bg_body.jpg) no-repeat center fixed !important;
     -webkit-background-size: cover;
     pour anciens Chrome et Safari
     background-size: cover; */
     
     
                      background: linear-gradient(to right, #061F34, #0C4474, #061F34) !important;

     
     color: #fff;
 }
 
 h2.light {
     color: #ff5400;
 }
 
 .domain_search.sty2,
 .feature_section12,
 #megapower-title,
 .content_fullwidth {
     background: transparent !important;/*     background: rgba(9, 40, 62, 0.7) !important;*/
     
/*
       background: #030C11 url(../images/bg_data-center.jpg) no-repeat center fixed !important;
        -webkit-background-size: cover;
        background-size: cover;
     
     
*/
     
 }
 
 .feature_section17 {
     padding-bottom: 100px;
 }
 
 .feature_section13,
 .feature_section17,
 .feature_section102,
 .feature_section102 .plan.two,
 #contact,
 .tabs-content3 {
     /*background: linear-gradient(to right, #171b33, #383d58, #171b33) !important;
          */        background: linear-gradient(to right, #061F34, #0C4474, #061F34) !important;

 }
 
 .footer .secarea.sty2,
 .header,
 .slidermar,
 .bluue {
/*      background: #171b33 !important;
      */     
                             background: #051F34 !important; 

 }
 
 .divider_line11 {
     padding-top: 10px;
     margin-bottom: 10px;
 }
 
 .ms-layer.sbut11:hover,
 .feature_section102 .plan h1 b {
/*      color: #05F878;
      */     
     color: #ff5400;
     
 }
 
 .header,
 .copyrights.sty2,
 .navbar-collapse.pull-right,
 .navbar-toggle,
 .one_fourth_less {
     background: #030C11 !important;
 }
 
 #megapower-title,
 .content_fullwidth {
     box-shadow: 0px 10px 100px #000;
 }
 
 .feature_section102 .plan.two {
     padding: 100px 0;
 }

.page_title1,
.page_title1.sty12 {
     background: #E94E1D linear-gradient(to top, #BE2218, #E94E1D, #E94E1D, #E94E1D) !important;
}
 
 .feature_section15 {
     background: none;
 }
 
 .button-doc {
     background: #E94E1D linear-gradient(to top, #BE2218, #E94E1D, #E94E1D, #E94E1D) !important;
     color: #fff !important;
     font-size: 18px;
     font-weight: 700;
     text-transform: uppercase;
     padding: 12px 45px;
     border-radius: 3px;
     transition: all 0.3s ease;
     font-family: 'Roboto', sans-serif;
     border: 1px solid #2a363f;
     display: inline-block;
     margin: 0 auto;
 }
 
 .button-doc a {
     color: #fff !important;
 }
 
 .button.four:hover {
     color: #fff;
     background: #2a363f;
     border: 1px solid #2a363f;
 }
 
 .tablcenter {
     text-align: center;
 }
 
 .feature_section15 .one_fourth_less a {
     display: block;
     margin: 0 auto 16px auto;
     width: 80%;
     color: #fff;
     font: 14px 'Open Sans', sans-serif;
     font-weight: normal;
     line-height: 23px;
 }
 
 .feature_section15 .one_fourth_less a:hover {
     color: #ff5400;
 }
h2.light {
    color: #fff;
}

#modular-title {
 font-size: 35px;
    line-height: 40px;
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {

    .navbar-default .navbar-nav > li > a
{
    font-size: 11px !important;
}
}




 /*-------------------------------------------------------------------------------------------------------------------------------------*/




  .thumbnails img {
      max-width: 100%;
      height: auto;
    }
   
    ul {
      list-style: none;
      margin-bottom: 1.5em;
        text-align: center;
        margin: 20px auto 0 auto;
    }
    
    .thumbnails li {
      display: inline;
      width: 100px;
        margin: 0 10px 0 0;
        box-shadow: 0px 0px 50px #051F34;
        padding: 10px;
    }
    







       img.superbg {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}




.tarifs {
    margin: 30px 0 0 0;
}

.mrg-right {
    margin-right: 20px;
}





.tabs-panel3 ul {
    text-align: left;
}

.fati4.two {
    text-align: center;
}



footer ul, nav ul {
    text-align: left;
}

 /*-----------------------------------------------------NEW GALLERY --------------------------------------------------------------------------------*/



 

    /*set a border on the images to prevent shifting*/
 #gallery_01 img{
           display: inline;
        margin: 30px 10px 0 0;
        box-shadow: 0px 0px 50px #051F34;
        padding: 10px;
    }
 
 /*Change the colour*/
 .active img{
     border:2px solid #051F34 !important;}
    
    
    #zoom_03 {
        left: 0;
    width: 80%;
    }



    .feature_section102 .plan img {
        width: 100px;
    }

.zoomWindow, .zoomContainer {
    width: 70% !important;
}







@media only screen and (max-width: 768px){

.zoomWindow, .zoomContainer {
display: none;

}
}