@media only screen and (min-width: 1000px){}
@media only screen and (min-width: 768px) and (max-width: 999px){

body {
	padding: 0px;
	margin: 0px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
body {
	padding: 0px;
	margin: 0px;
}
}

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

body {
	padding: 0px;
	margin: 0px;
}
    /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

}


@media only screen and (max-width: 960px){
        video {
        display: none;
    }
    .video-container
    {
        background: url("../images/video_bg-APS.jpg") no-repeat !important;
        -webkit-background-size: cover;
        background-size: cover; 
    }
}





html {
            background: #242424
        }
        
        .header,
        .slidermar {
            background: #242424 !important;
        }
        
        #aps-title {
            font-size: 150px;
        }
        
        .domain_search .serch_area {
            border-bottom: none;
        }
        
        .domain_search.sty2 {
            background: url("../images/site-img105.jpg") no-repeat center -40px;
        }
        
        .button.four {
            background: #ff5400;
            color: white
        }
        
        #contact {
            background: #fff !important;
        }
        
       
        
        .footer .secarea.sty2 {
            background: #1961AE url("../images/site-img105.jpg") no-repeat center bottom;
        }
        
        .feature_section13 {
            background: none;
                padding-bottom:  50px;                                                                       /*  */
        }
        
        .texte-center {
            text-align: center;
        }
        
        .feature_section102 {
            padding: 90px 0px 10px 0px;
        }
        
        .stcode_title12 .text,
        h1 em {
            background: none;
            color: #fff;
        }
        
        h1,
        #contact h1 {
            color: #ff5400;
        }
        
        .txt-grey h1 {
            color: #242424;
        }
        
        .paddding {
            padding-bottom: 30px;
        }
        
        .padiiiing {
            padding-top: 50px;
        }
        
        .description {
            text-align: justify;
        }
        
        .description p {
            padding: 5px;
        }
        
        .feature_section17 {
            padding: 0;
        }
        
        .header-title {
            background: #1961AE url("../images/site-img105.jpg") no-repeat center bottom !important;
        }
        
        .feature_section12 i {
            height: 25px;
            width: 25px;
            line-height: 25px;
            font-size: 14px;
            margin: 0 18px 6px 0;
        }
        
        .feature_section12 i::after {
            border: 1px solid #f3f3f3;
        }
        
        .stcode_title12 .text {
            background-color: transparent !important;
        }
        
        .button.four,
        .domain_search.sty2 .serch_area .input_submit,
        .cforms .button {
            color: #fff !important;
            background: #E94E1D linear-gradient(to top, #BE2218, #E94E1D, #E94E1D, #E94E1D) !important;
        }
        /*-------------------------------------------------------------------------------------------------------------------------------------*/
        
        body {
            padding: 0px;
            margin: 0px 0px 0px 0px;
            color: #eee;

        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .stcode_title12 h4,
        .feature_section17 .one_third i,
        .cforms label {
            color: #eee;
        }
   
        
        color: #fff;
    }
    .txt-grey h1 {
        color: #05F878;
   
        color: #fff;
    }
    /*-------------------------------------------------------------------------------------------------------------------------------------*/
  
    .domain_search.sty2,
    .feature_section12 {
    /*     background: #030C11 url(../images/bg_data-center.jpg) no-repeat center fixed !important;
        -webkit-background-size: cover;
        background-size: cover; */
        background: transparent !important;
        
        
    }
    .feature_section12 {
        padding: 50px 0px 50px 0px;
    }
    .feature_section17 {
        padding-bottom: 100px;
    }
    .footer .secarea.sty2,
    .header,
    .slidermar,
    .bluue,
    .cforms input,
    .cforms textarea,
    .feature_section17 .one_third,
    .feature_section102 .plan.two,
    #contact {
    
        
        background: #051F34 !important;
    }
    .feature_section13,
    .feature_section17,
    .feature_section102,
    .feature_section102 .plan.two,
    #contact {

        
        background: linear-gradient(to right, #061F34, #0C4474, #061F34) !important;
    }
 
    .header,
    .copyrights.sty2,
    .navbar-collapse.pull-right,
    .navbar-toggle {
        background: #030C11 !important;
    }
    .divider_line11 {
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .ms-layer.sbut11:hover {
   
        
        color: #fff;
    }
    .lol {
        background: none !important;
    }
    .padddiii {
        padding-bottom: 100px !important;
    }
    .ms-view {
        box-shadow: 0px 10px 100px #000;
    }
    .rimg {
        box-shadow: 0px 0px 80px #000;
    }
    .divider_line11 {
        padding: 5px !important;
        margin: 5px !important;
    }
    #products h1 strong {
        color: #ff5400;
    }
    #products h1 em,
    .feature_section102 .plan h1 b,
    .cforms input,
    .cforms textarea {
        color: #fff;
    }
    @media screen and (min-width: 1000px) and (max-width: 1200px) {
        .navbar-default .navbar-nav > li > a {
            font-size: 11px !important;
        }
    }
    /*-------------------------------------------------------------------------------------------------------------------------------------*/
    html,
    body,
    .site_wrapper {
        height: 100%;
        
        

      background: linear-gradient(to right, #061F34, #0C4474, #061F34) !important;

    }
    .page-accueil {
        background: url('../images/video_bg-APS.jpg') no-repeat center fixed;
        -webkit-background-size: cover;        
        background-size: cover;
        display: block;
        width: 100%;
        height: 100%;
        padding: 16% 0px 0px 7%;
    }

.tiitle {
    padding-top: 35px;
    padding-left: 3%;
}


    .page-accueil h3 {
        font-size: 40px;
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        letter-spacing: 1px;
        line-height: 40px;
        text-transform: uppercase;
    }
    .page-accueil h3 span {
        font-size: 27px;
        margin-left: 6%;
    }
    .page-accueil h1 {
        font-family: font89297, helvetica, sans-serif;
        font-size: 93px !important;
        line-height: 15px;
    }
    .page-accueil h2 {
        font-size: 12pt;
    }
    .marginleft_a {
        margin-left: 15px;
    }

.liens_accueil {
    padding-top: 50px;
}


    .txt_accueil {
        padding-left: 5%;
    }


.feature_section12 i::after {
    border:  none;
        
    
}

.feature_section12 i {
    color: #FFF !important;
                background: #E94E1D linear-gradient(to top, #BE2218, #E94E1D, #E94E1D, #E94E1D) !important;
}



   .cforms input,
.cforms textarea {
    background: #fff !important;
    color: #030c11;
}


    @media screen and (min-width: 1024px) {
        .contact_left {
            margin-top: 100px;
            display: inline-block;
            width: 31%;
            margin: 0;
            padding: 0;
            float: left;
        }
        .contact_left p {
                        padding-top: 50px;

        }
        
        .contact_right {
                        margin-top: 100px;

            display: inline-block;
            width: 60%;
            margin: 0;
            padding: 0;
            float: right;
        }
        
        #partie_contact {
            margin: 20px auto 120px auto;
        }
        
        .last_clearfix {
            display: none;
        }
    }

    

@media only screen and (min-width: 1000px){}
@media only screen and (min-width: 768px) and (max-width: 999px){

 .page-accueil {
        padding: 20% 0px 0px 7%;
    
    
}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
 .page-accueil {
        padding: 30% 0px 0px 7%;
    }
}

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

 .page-accueil {
        padding: 40% 0px 0px 7%;
}
}

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

    .ms-layer.sbut11 {
        display: block;
        margin: 0 auto 15px auto;
        text-align: center;
        width: 80%;
    }
    .liens_accueil {
        padding-top: 5px;
    }
    
    
    .page-accueil {
        text-align: center !important;
    }
    .page-accueil h3 {
        font-size: 17px;

    }
    .page-accueil h3 span {
        font-size: 17px;
    }
    .page-accueil h1 {
        font-size: 65px !important;;
    }
    .page-accueil h2 {
        font-size: 9pt;
    }
    .marginleft_a, 
.page-accueil h3, 
    .page-accueil h3 span, 
    .page-accueil h1, 
    .marginleft_a, 
.liens_accueil, 
    .txt_accueil {

        line-height: 20px;
        padding: auto 0;
        margin: auto 0;
    }
    
    .page-accueil h2 {
        margin-top: 5px;
    } 

}


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



#video-fond {
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#video-fond > video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
        z-index: 0;
            box-shadow: 0px 10px 100px #000;

}
/* 1. Pas de support d'object-fit */
@media (min-aspect-ratio: 16/9) {
  #video-fond > video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  #video-fond > video {
    width: 300%;
    left: -100%;
  }
}
/* 2. En cas de support d'object-fit, écrase le 1 */
@supports (object-fit: cover) {
  #video-fond > video {
      
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
}
     .page-accueil {
         z-index: 2 !important;
     }  

@media only screen and (max-width: 1024px) {
    #video-fond {
        display: none;
    }
    }
}


    /*--------------------------------    VIDEO BACKGROUND  -----------------------------------------------------------------------------------------------------*/



   .homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
}
.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #030c11;
}
.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .filter {
  z-index: 100;
  position: absolute;
  width: 100%;
}
.video-container .title-container {
  z-index: 1000;
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
    text-align: center;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}





   .headline h3 {
        font-size: 45px;
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    .headline h3 span {
        font-size: 30px;
        line-height: 50px;
    }
    .headline h1 {
        font-family: font89297, helvetica, sans-serif;
        font-size: 130px !important;
        line-height: 15px;
margin-top: 20px;
    }
    .headline h2 {
        font-family: font89297, helvetica, sans-serif;
        font-size: 18px;
        letter-spacing: 4px;

    }
#aps-title {
    display: inline-block;
    padding-top: 25px;
}

.homepage-hero-module,
.video-container{
                box-shadow: 0px 10px 100px #000;
}

.description {
    padding-top: 35px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
}











        .configurateur {
       padding: 5%;
                 width: 80%;
            margin: 0 auto;
            color: #2a363f;
            font-family: 'Roboto', sans-serif;
        }
        
        
        .configurateur p {
            color: #fff;
            padding: 10px;
        }
        
        .dsp_table {
            display: table;
width: 100%;
        }
        
        .dsp_row0,
        .dsp_row1,
        .dsp_row2
        {
            display: table-row;
            width: 100%;

        }
        
        .dsp_row0 {
            background: #E94E1D linear-gradient(to top, #BE2218, #E94E1D, #E94E1D, #E94E1D);
            color: #fff;
        }
        
        .dsp_row1 {
            background: #fff;
        }
        .dsp_row2 {
            background: #eee;
        }
        
        .col1,
        .col2,
        .col3,
        .col4 {
            display: table-cell;
            padding: 1px;
                        border: 1px solid #2a363f;

        }
        
        .col1 {
            width: 10%;
        }
        
        .col2 {
            width: 30%;
        }
        
        
        .col3 {
            width: 10%;
        }
        
        .col4 {
            width: 20%;
        }
        
        
        .configurateur input {
            width: 100%;
            background: transparent;
            text-align: center;
        }


#about p {
    font-variant: normal;
}





.slick-dotted.slick-slider {
    margin-top: 30px;
}

.slick-prev::before, .slick-next::before {
    color: #fff !important;
}


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




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

        .slider {
            width: 85%;
            margin: 100px auto;
        }
        
        .slick-slide {
            margin: 0px 20px;
        }
        
        .slick-slide img {
            width: 100%;
        }
        
        .slick-prev:before,
        .slick-next:before {
            color: black;
        }
        
        
        .map {
            text-align: center;
        }
        
        .header, .compact .header {
            z-index: 8000 !important;
        }
        


.installations {
    text-transform: none !important;
    font-size: 15px !important;
}



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


        .accroche {
            padding: 0 25% 25px 25%;
        }
         .larger {
            text-align: justify !important;
        }


.success {
    
     background: #E94E1D linear-gradient(to top, #BE2218, #E94E1D, #E94E1D, #E94E1D) !important;

}




/* ---------------LOADER----------------------------- */


        .no-js #loader {
            display: none;
        }
        
        .js #loader {
            display: block;
            position: absolute;
            left: 100px;
            top: 0;
        }
        
        .se-pre-con {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background: url(../images/preloader.gif) center no-repeat #000000;
        }