@charset "UTF-8";
body{font-family:'Roboto', sans-serif;}
.body-content{z-index: 2222}


/* SECTION: Navbar
		==================================================*/
.header-stick{background: #1d3047!important;}
.navbar{border-radius:0px; padding-top: 10px; padding-bottom: 10px; opacity: .9;}
.secondary-menu a, .hd-list-menu a {font-size:17px;}
a.dropdown-toggle:after,a.dropdown-toggle:before{background:#F28C00}
.hd-list-menu a:before, .hd-list-menu a:after{background:#F28C00}
.dropdown-menu>li>a{color:#61C2D0; padding: 3px 26px;}
a >span.caret{margin-left: 8px;}
#no-top{margin-top: 1em}

h1, h2, h3{letter-spacing: .07em}
h1{color: #555; font-size:calc(21px + 1.5vw)}
h2, h2.title-section{color:#61C2D0!important;margin-top:3em}
#color{border-top: 1px solid grey}
h3 {font-weight: lighter; color: grey; font-size: calc(15px + 0.6vw); line-height: 34px}
.small-title{padding-left:0px}
h4{font-size: 22px; font-size: calc(16px + 0.5vw); padding-left: 12px}
#sub-title{color:#777;text-align:center;font-size:calc(15px + 0.1vw)}
p#text-small{font-size: calc(14px + 0.2vw); text-align:left;}
p.bg-blue{color:#fff;font-size:calc(15px + 0.1vw)}
p.bg-white{color:#777; font-size: calc(15px + 0.1vw); text-align: center}
.feature-item p, .text{color:#555;}
a{font-size: 17 px;}
li{color:#555; font-size: calc(14px + 0.2vw); text-align:left; font-weight: 100}
.btn{font-weight: 100;}

/* SECTION: Nabvar
		==================================================*/


/* SECTION: Intro
		==================================================*/



.section{width: 100%; margin: 0; padding: 0; position: relative; background:#fafafa; padding-bottom: 50px; background:url(../img/bg-full-screen.svg),url(../img/bg-full-screen-bottom.svg); background-position: top left, bottom right; background-repeat: no-repeat;}

.container_section{width: 100%; height:auto; position: relative}
.bg-intro{padding-top: 30px;}
.section .section_title{text-align: center; height: auto; position: relative;}

.section .title1{top: 30%; max-width:auto; margin:0 auto; }

.text-intro{font-size: calc(14px + 0.2vw); color: #555  ; font-weight: 200; text-align:left }

.img-intro{width: 100%;}

.sub_title{margin-top: 1.5em; float: left;}

.tabs{display: inline-block;margin-top: 10px;}
.sub_title>h4{color:#555}
ul.tabs-buttons{display: flex;}

.col-sm-push-6{left:0;}

.title1{padding-top: 10%}

.feature-item{padding-top: 40px}

.container.row{margin-left:-10px; margin-right:-10px;backroung:#fafafa}
.pair{margin-top:60px}

#trait{width:30px; height: 5px; background: #61c2d0; display: block; left: 0%; margin: 20px 0px 0 0px;}

.col-card{padding-top: 50px}
.col{
  position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;}


.card-block{height: 170px;
    padding: 20px 20px 10px 150px;
    border-radius: 8px;
    box-shadow: -1px 3px 10px 0 rgba(0,0,0,.04);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    text-align: left;
    background-color: #fff}

.title{margin-bottom: 6px;
      font-weight: 400;
    color: #4c525a;
    font-size: 22px;
}

h3{ margin-top: 10px;
    line-height: 30px;
    text-decoration: none;
    }

.text{line-height: 20px;
    cursor: default;
    color: #777;
  font-size: 15px}

p{  ;
    line-height: 20px;
    font-weight: 200;
    text-decoration: none;}

.card-block.card-block1{background-image: linear-gradient(180deg,hsla(0,0%,100%,.65),hsla(0,0%,100%,.65)),url(../img/picto_info.png);
      background-position: 0 0,-60px 20px;
      transition: all 350ms ease;
      background-size: auto,170px;
      background-repeat: repeat,no-repeat;}


.card-block.card-block1:hover{
  background-image: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0)),url(../img/picto_info.png);
    background-position: 0 0,-60px -20px;
    background-size: auto,200px;
    background-repeat: repeat,no-repeat;
}

.card-block:hover{box-shadow: -1px 3px 10px 0 rgba(0,0,0,.1);
    -webkit-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    transform: translate(0,-10px);
}

.card-block.card-block2{ background-image: linear-gradient(180deg,hsla(0,0%,100%,.65),hsla(0,0%,100%,.65)),url(../img/picto_secu.png);
    background-position: 0 0,-60px 20px;
    transition: all 350ms ease;
background-size: auto,170px;
    background-repeat: repeat,no-repeat;}

.card-block.card-block2:hover{ background-image: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0)),url(../img/picto_secu.png);
    background-position: 0 0,-60px -20px;
    background-size: auto,200px;
    background-repeat: repeat,no-repeat;
}

.card-text{text-align: left;color:#777}


/* SECTION: Intro
		==================================================*/

/* SECTION: VIDEO GUIDE UTILISATEUR
		==================================================*/

.page_video{background-image: url(../img/bgblue4_svg.svg); background-size: cover; background-repeat: no-repeat;position: relative; height:auto; width:100%; padding-bottom: 5em}
.section .title2{top: 30%;}
#title_video{ margin-top: 2em; margin-bottom: 5em }

.embed-responsive {overflow: visible; margin:19px;}
.col-button{padding-left: 0px; padding-right: 5px}

.btn-info a {color: #fff; text-decoration: none; font-weight: 100;}
.btn-lg:hover{background: #ebebeb; border-color:#adadad}
.btn-lg:before{content:'';z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale3d(1,9,1);transform:scale3d(1,9,1);-webkit-transition:-webkit-transform 1s,opacity 1s; transition:transform 1s,opacity 1s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.9,1);transition-timing-function:cubic-bezier(0.7,0,.9,1)}
.btn-lg{width:95%; color:#fff;background:rgb(97,194,208);overflow:hidden;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;margin-bottom:5px;margin-left:3px;}
.btn-lg:hover:before{width:100%;background:rgba(73,146, 157, 0.8 );-webkit-transform:scale3d(9.5,9.5,1);transform:scale3d(9.5,9.5,1)}
/* SECTION: VIDEO GUIDE UTILISATEUR
		==================================================*/

    /* SECTION: Blog
    		==================================================*/
.inverted-section2{background: #fefefe; background-image: url(../img/bg-full-screen-reverse.svg), url(../img/bg-full-screen-bottom-reverse.svg); background-position: right top, bottom left;background-repeat: no-repeat;}
    /* SECTION: Blog
    		==================================================*/

/* SECTION: Testimonials
		==================================================*/
.section-bg{background-image: url(../img/bgblue4_svg.svg); background-size: cover; background-repeat: no-repeat;}
.testimonial-content p{font-size:calc(14px + 0.1vw); font-weight: 100}
.testimonial-author{color: #fefefe; font-weight:bold;}
.testimonial-firm{color:#fefefe;}
/* SECTION: testimonials
		==================================================*/

/* SECTION: FORM
		==================================================*/

.section-contact-infos{background:url(../img/bg-full-screen.svg),url(../img/bg-full-screen-bottom2.svg); background-position: top left, bottom right; background-repeat: no-repeat;}
#title-form{float: left;display: inline-flex; padding: 30px 0 0 0; font-size:calc(18px + 0.3vw); width: 100%;letter-spacing: .5px; margin-bottom: 10px}
.section-padding{padding-top: 20px}
.form-control{border-bottom: 2px solid #61C2D0; border-radius: 0; box-shadow: none; border-top: 0; border-right: 0; border-left: 0; font-size: calc(12px + 0.6vw);background: aliceblue}
textarea.form-control{background:aliceblue}
textarea.form-control::placeholder{font-size:calc(14px + 0.3vw); color: ##555); text-transform: uppercase;}
input.form-control::placeholder{font-size:calc(14px + 0.3vw);color: ##555; text-transform: uppercase;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{margin-bottom: -2px;}
button.btn{border-radius: 0}
.btn-default{background:rgb(97,194,208)}
.btn-default:hover:before{background:rgba(73,146, 157, 0.8 )}
.btn-success:before{content:'';z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1);-webkit-transition:-webkit-transform .3s;opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.9,1);transition-timing-function:cubic-bezier(0.7,0,.9,1)}
.btn-success{color:#fff;background:#5cb85c;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-bottom:5px;margin-left:3px;}
.btn-success:hover:before{background: rgba(8, 82, 50, .5);-webkit-transform:scale3d(9.5,9.5,1);transform:scale3d(9.5,9.5,1)}
.btn-warning:before{content:'';z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale3d(1,2,1);transform:scale3d(1,2,1);-webkit-transition:-webkit-transform .3s;opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(0.7,0,.9,1);transition-timing-function:cubic-bezier(0.7,0,.9,1)}
.btn-warning{color:crimson;background:#efecec;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-bottom:5px;margin-left:3px;}
.btn-warning:hover:before{background: rgba(237, 20, 61, .5);-webkit-transform:scale3d(9.5,9.5,1);transform:scale3d(9.5,9.5,1)}
.btn-warning:hover{background: crimson}
#block-left{float: left; left: -25%}
/* SECTION: FORM
		==================================================*/

#footer{background: #1d3047;}