/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7 avr. 2016, 13:53:35
    Author     : alexandredupont
*/




body{font-size:12px; color:#fff; background-color: #333; font-family: 'HelveticaNeueLT-LightExt', 'Tahoma', Arial, Geneva, Avenir, sans-serif ; 
    padding:0px;
    letter-spacing: .13em; 
}


a {color: #ccc; text-decoration: none;}
a:hover {color:#fff;}
.container{ width:100%; padding:0px; margin-bottom:0px;  max-width: 768px; }


/* header top nav */
.navbar {width:100%; padding:0; margin:0; font-family: 'HelveticaNeue-UltraLight', 'Tahoma', Arial, Geneva;}

.nav-right { float:right; padding-right:30px; text-align: right;}
.navbar-nav .item.active a:not(.sublink) { 
    background-color: rgba(0,0,0, .5); color:#fff; 
}
.navbar-nav .item.active.sublink { 
    background-color: rgba(0,0,0, 1); color:#fff; 
}
.navbar-nav > .item > a { 
    font-size: 16px; color:#fff; border-bottom: 1px solid #999; border-left: none; border-right: none; 
    text-align: center; padding: 20px 3vw; margin: 0px;  display:inline-block; width:100%;

}
.navbar-collapse{
    width:100%;
    margin:0px;
}

.nav > .item > a:focus, .nav > li > a:hover {
   background-color: rgba(255,255,255, .2); color:#fff; 
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
    background-color: rgba(0,0,0, .2); color:#fff;
}
/*.navbar-nav > .item {  }*/

.navbar-nav > .item > a { 
     border-right: none; 
}

.navbar-nav > .item:first-child > a { 
    border-left: none;  
}
  .navbar-toggler .fa{
  color:#ddd;
  }

.navbar-right{
	padding-left:15px;
}


/* menu button xs */
.navbar-toggle {background-color: #54a3da; color: #fff; font-size: 12px; padding: 4px; margin-top: 20px;}
div.dropdown-menu {
    background-color: rgba(30,30,30, 1);

    
}
div.dropdown-menu ul {
    list-style: none;
    list-style-image: none;
}
div.dropdown-menu div.title {
    padding: 0px 20px 20px 20px;
}
div.dropdown-menu > div {
    /*float:left;*/
    padding: 0px 30px 0px 30px;
    padding-left: 0px;
    width:100%;
    
}
li.dropdown-menu li {
    display:block;
    
}

.dropdown-menu div a {
	font-size:14px;
    color: #eee;
    padding: 15px 20px 15px 40px;
    border-bottom: 1px solid #555;
    text-decoration: none;
    display: block;
}

.dropdown-menu div a:hover {
    background-color: #000;
    text-decoration: none; 
}

.header{width:100%;}
.header-logo{  height:100%; margin-left: 0px;}
.header-logo img{  height:100px;}
.header-right{text-align: right; padding-right:10px;}
.header .adress{font-size: 10px; color:#A6A6A6; padding-bottom:2px;}
.header .mail{font-size: 12px; padding-bottom:2px; }
.header .phone{font-size: 18px; color:#fff; line-height:28px;}
.header .flag{padding-top:10px; float:left;color:#3B57BC; width: 100%; width: 100%; text-align: center; }
.header .flag img{width:20px;}
.header a{color:#ccc;}
.header a:hover{color:#eee; text-decoration: none;}

.title{font-size: 24px; color:#fff; padding-left: 20px;}
.sub-title{font-size: 20px; color:#999; padding-left: 20px;}

.header-admin{font-size:14px; font-weight: bold; color:#adadad;}
.form-control {background-color: #ccc; color:#333; font-size: 12px; border:0; border-radius: 0; height:30px; padding: 2px 10px; margin:4px; font-family: 'HelveticaNeueLT-LightExt'; letter-spacing: .12em;}
.form-control option { color:#000;}

.control-label{color:#ccc; font-size: 14px; font-weight: normal;}
.btn { padding: 8px 15px; border-radius: 0; border:0; color:#ccc;}
.btn-success{background-color: rgba(122,206,56, .2); border-color: #aaa;}
.btn-return{background-color: rgba(11,134,181, .2); border-color: #aaa;}
.btn.focus, .btn:focus, .btn:hover{ color:#fff;}
/* contact */
.title-contact{font-size:26px; padding-bottom:5px; color:#fff; letter-spacing: 0.1em;}
.label-contact{clear:left; float:left; font-size:14px; width:30px; padding-top:5px; color:#A6A7A8;}
.data-contact{float:left; font-size:14px; padding-top:5px; color:#fff;}
.contact{ font-family: 'HelveticaNeue-UltraLight'; letter-spacing: 0.15em;}
.contact-form{padding: 0px 15px 10px 0px; }
.contact .form-control-label {font-size: 11px; padding-top:7px;}
.contact .th{padding-top:10px;}
/* slideshow */
.slideshow-container { padding: 10px 0px; background-color: rgba(0,0,0,0.7);  }
.slideshow {
    width:100%;
    height:50vw;
    overflow: hidden;
}

.slideshow span{
    position:absolute;
    width:100%;
    left:0px;
    display:none;
    z-index: 0;
}
.slideshow span img{
    margin-top:0px;
    width:100%;
}
/*
.slideshow .over-txt {   background-position: top left; background-repeat: no-repeat;
    position: absolute; min-width: 600px; height:100%; top:0px; left:0px; padding:30px; 
    text-align: left;
}
.slideshow .over-txt .content{ 
    max-width: 300px;
    font-size: 14px; color:#93ceed;
}
.slideshow .over-txt .title{ 
    padding:10px 0px; 
    font-size: 35px; color:#fff; font-weight: bold;
}
*/
/* slideprod */
.slideprod {
    width:100%;
    height:65vw;
    overflow: hidden;
}

.slideprod span{
    position:absolute;
    width:100%;
    left:0px;
    display:none;
    z-index: 0;
}
.slideprod span img{
    width:100%;
}
.slideprod .over-txt{
    position: absolute; width:100%; top:55vw; left:0px; font-size: 5vw; color:white; font-weight: bold;
    text-shadow: -0.25vw 0.2vw #000; letter-spacing: 0.1vw; padding-right:10px;
}


/* content */
.content .pictos{font-size:10px; padding:0px 0px 0px 10px;}
.content .points .block-point{float:left; padding:5px 5px;}

.point{ float:left; margin-top:4px; width:12px; height:12px; border-radius: 6px; background-color: #54acd3;}
.point-text{ float:left; font-size: 14px; color:#a8a8a8; padding:0px 10px;}

.btn-web{border: 1px solid #555; background-color: #000; padding:7px 20px; font-size: 14px; border-radius: 5px; white-space: nowrap;}
.btn-web:hover{color:#fff; background-color: #121E49; text-decoration: none;}

.rounded{ float:left; margin-top:4px; border-radius: 60px; width:180px; height:120px;  overflow: hidden;}
.rounded-text{ float:left; font-size: 14px; color:#a8a8a8; padding:0px 10px;}

.block{padding:15px 40px 0px 50px;}
.block .title{ text-align: left;
    color:#fff; font-size: 26px; padding:5px 0px;
}
.block .txt{
    font-size: 14px; color:#ccc; 
    line-height: 30px;  padding:5px 0px ; text-align: left;
}
.block .btn-web{ display:inline-block; margin-top:20px;}



.service-block, .requirement-block{  width:100%; display: inline-block; padding:0;}
.service-subblock {padding:0px; margin-bottom: 100px;}
/*.requirement-block{ }*/
.service-block .title-block,  .requirement-block .title-block   { padding: 15px 0px 15px 20px; background-color: rgba(0,0,0,.6);}
.service-block .title-block img,  .requirement-block .title-block img   { vertical-align: top;}

.service-block .title, .requirement-block .title   {font-family:'HelveticaNeue-UltraLight' ;font-size: 28px; display: inline-block; color:#fff;  padding: 5px 10px 5px 20px;}
.service-block .tag, .requirement-block .tag     {position:absolute; right:20px; bottom:5px; font-size: 14px; display: inline-block; font-style: italic; color: #6a96e5; text-align:right;}
.service-block .txts, .requirement-block .txts    {padding:5px 30px;  display: inline-block;}
.service-block .txts .title, .requirement-block .txts .title{font-size:18px; color:#fff; text-align:left; padding:0px;}
.service-block .txts .sub-title {font-size:18px; color:#fff; text-align:left; padding:10px 0px;}

.service-block .txts .txt {font-size: 13px; color:#8da8b2; line-height: 30px; text-align: left; padding:0px; }
.service-subblock .txt     {font-size: 14px; color:#8da8b2; line-height: 35px; text-align: left; padding:30px 0px 10px 20px; }

.service-block .txts .txt .little, .requirement-block .txts .txt .little     {font-size: 11px; color:#aaa; padding-left:30px;  }
.service-block  .highlight-square, .service-subblock  .highlight-square, .requirement-block .highlight-square{ 
    padding:0px; font-size: 10px; color:#ccc; margin: 0px 5px 0px 0px; padding:8px 4px; }

.service-block  .highlight-square.big{font-size:14px;}

.service-subblock .txt2, .requirement-block .txts .txt2 {font-family:'HelveticaNeueLT-LightExt' ;font-size: 16px; color:#eee; line-height: 35px; text-align: left; padding:10px 0px; }
.requirement-block .txts .txt2 {font-family:'HelveticaNeue-UltraLight'; }
.service-block .txts .picto { text-align: center;}

.service-block .crop, .requirement-block .crop {  width: 100%; height: 70px; overflow: hidden; }



.highlight-square {color:#000; font-size: 12px; margin-left: -25px; padding:2px 3px;}

.home-block{
    position: relative;
    text-align: center; 
    width:100%; overflow: hidden; padding: 0px;
    border: 0px solid #555;
}
.home-block img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.home-block:hover img {
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.home-block .over-txt{ 
    position:absolute; left:0px; top:0px; width:100%; height:100%; z-index: 0;
}
.home-block .over-txt a:hover{ text-decoration: none; }

.home-block .main-title{
    width:100%; text-align: center; color:#eee; font-size: 12px; padding: 5px 0px 5px 0px; background-color: rgba(0,0,0,.6);
    /*text-shadow: -0.2vw 0.2vw #333;*/
}
.home-block .main-flag{
    padding:3px 10px;
    text-align: right; color:#ddd;  font-size: 12px; font-style: italic;
   /* text-shadow: -0.1vw 0.1vw #555;*/
}
.home-block .txt{
    font-size: 12px; color:#555; line-height: 20px; border-bottom: 1px #999 solid;  padding:4px 25px ;
}



/*
#2A9BD3
#fff
*/

.product{width:100%; margin: 0px;  padding: 0px; }
/*.product-color-back{}*/
.product-color-back2{display: inline-block; width:100%;  height:100%; background-color: rgba(255,255,255, 0); padding: 0px;}

.product .title{ text-align: left;     color:#fff; font-size: 15px; padding:15px 30px; background-color: rgba(0,0,0,.3);
    /*text-shadow: -0.2vw 0.2vw #999;*/
}

.product .content-txt{ width:100%;
    background-color: rgba(0,0,0, .3); padding:0px 0px 50px 0px; margin-left: 0px; display: inline-block;
}
.product .content-txt .txt{
    font-size: 12px; color:#ccc; height:100%;
    line-height: 27px;  padding:20px ; text-align: left;
    
}
.product .content-txt-title{
    border-bottom: 1px solid #555;
    line-height: normal;
    color:#999; font-size:14px; padding: 10px 15px; text-align: left;
    
}
.content-txt-title-dko{
    height:38px; margin-top:0px;
    border-radius: 0px 0px 0px 30px ; 
}
.product .content-txt-title-selected{
    color:#ccc;
}
.product .content-txt2{
    background-color:rgba(10,10,10,0);
    color:#aaa; font-size:12px; line-height:27px; padding:0px 5px 30px 40px;
}
.product .content-txt2-title{ height:38px;
    background-color: #000; border-radius: 0px 30px 0px 0px;
    line-height: normal; display: inline-block;
    color:#fff; font-size:14px; padding: 10px 40px 10px 20px; margin: 0px;  z-index: 2;
}
.product .content-txt2 .txt{
    padding:15px 0px 0px 5px;
}

.prod-block{
    margin-left: 0px;
    text-align: center; 
    width:100%; 
    border: 0px solid #000;
}
.prod-block .jssor_prod{ position:relative;margin:0 auto;top:0px;left:0px;width:1200px;height:600px;overflow:hidden;visibility:hidden; }

.prod-block .over-txt{ 
    background-position: top right; background-repeat: no-repeat;
    position:absolute; left:0px; top:0px; min-width:500px; height:100%;
}
.prod-block .main-title{
    text-align: left; color:#fff; font-size: 45px; padding: 15px 20px 30px 20px;
    text-shadow: -0.1vw 0.1vw #555;
}
.prod-block .main-flag{
    position: absolute; left:140px; top:45px; padding:20px 20px;
    text-align: right; color:#ddd;  font-size: 16px; font-style: italic;
    text-shadow: -0.1vw 0.1vw #555;
}

.prod-block .txts{ 
    line-height: 32px;
    text-align: left;  
}   




/* footer */
.footer{background-color: #000; font-family:'HelveticaNeueLT-LightExt' ; font-size:12px;}
.footer .row{margin: 0px 5px;}
.footer .adress{color:#ccc; font-size:14px; padding-top:15px; text-align: center;}
.footer .adress a{color:#ccc; font-size:14px;}
.footer .phone { padding-top:12px; text-align: center;}
.footer .phone a{ color:#ccc; font-size:14px;}
.footer .phonenbr { font-family: 'HelveticaNeueLT-LightExt'; padding-top: 4px; }
.footer .mail a{ font-size:16px; text-align: center;}
.footer .copyright{ text-align: right; color:black; padding-top:3px; }
.footer .partner-logo div { vertical-align: middle; text-align: center;}
.footer .partner-logo img{ width: 100%; max-width: 100px; }

.footer .fa{color:#54a3da;}

@media screen and (max-width:510px) {
    .content .points .block-point{clear:left; }
    .header-logo{  margin-left: 0px;}
    .header-logo img{  height:80px; padding-top: 3px;}
}
@media screen and (min-width:768px) {
	
	.navbar {width:auto;}
	.navbar-nav > .item > a { 
    display:inline-block; border-right: 1px solid #555; border-bottom: none; padding: 15px 1vw; margin: 10px 0px; 
}

.navbar-nav > .item:first-child > a { 
    border-left: 1px solid #555;  
}


    div.dropdown-menu {
     /*   margin-left:-160px;*/
    min-width:100%;
    padding:20px;
    }
    div.dropdown-menu  div {
    
    width:320px;
    }
    
.dropdown-menu div a {
    padding: 6px 20px 6px 40px;
}
    .slideshow {
        height:450px;
        overflow: hidden;
    }

    .product{width:100%; margin: 0px ; padding: 0px;  }
    .product .title{  font-size: 16px; padding:15px 30px; /*text-shadow: -0.2vw 0.2vw #999;*/}

    .prod-block .jssor_prod{max-width: 1200px;}
    
    .service-block .title-block,  .requirement-block .title-block   { padding: 15px 0px 15px 50px;}
    .service-block .title, .requirement-block .title   {font-size: 32px; padding: 5px 10px 5px 30px;}
   
    .service-subblock .txt2    {font-size: 18px;  }
    .service-subblock .highlight-square    {padding: 0;  }
    .container {
    max-width:1200px;
}
    .header-logo{margin-left: -10px; padding: 0px 1vw 0px 1vw;}
    .header-logo img{height: 80px; margin-top:4px;}
  
  .header .adress{font-size: 12px; color:#A6A6A6; padding-bottom:2px;}
  .header .flag{padding-top:10px; width:160px; text-align: right;}
  .header .phone{font-size: 18px;}
    .footer{ padding-top:5px;}
    
    .content .pictos{font-size:10px; padding:0px;}
    .content .points .block-point{clear:left; }
    .header-admin{font-size:18px; padding:20px 30px;}
    
    
    .btn { padding: 8px 65px;}

    .footer .row{margin: 0px 15px;}
    .footer .adress{text-align: left;}
    .footer .phone a{ font-size:20px;}
    /*.footer .copyright{padding-top: 17px; color:#96b8e0;}*/

    .title-contact{font-size:30px; letter-spacing: 0.3em;}
    .label-contact{font-size:14px; width:30px; }
    .data-contact{ font-size:14px; }
    .contact{ letter-spacing: 0.15em;}
    .contact-form{padding: 0px 20px 10px 20px;}
    .contact .control-label {font-size: 13px;}
    .contact .th {padding-top:0px;}

}


@media screen and (min-width:1024px) and (max-width:5000px) {

    .slideshow { width:100%; height:45vw; margin-top: 5px;}
    

    /*.service-block .fa{font-size:30px; margin:7px 10px 0px 0px; padding:12px; }*/
    .prod-block{width:100%; display: inline-block;}
    .block{padding:15px 40px 0px 200px;}
    .container{max-width : 1600px;}
}


@media screen and (min-width:1200px) and (max-width:5000px) {
    body{ letter-spacing: 1px;}
     .header-logo img{height: 100px; margin-top:2px;}
    
    .navbar-nav{margin-bottom: 2px;}
    .navbar-nav > .item > a { font-size: 18px;  padding: 20px 2.4vw; margin: 5px 0px; }
 
   
    
}   



@media screen and (min-width:1600px) and (max-width:5000px) {
    .container{ width:80%;}
    .slideshow { width:100%; height:50vw; }
    }   
 /************************************/