header .logo a{
text-decoration: none;
color:#fff!important;
font-family: 'HelveticaBold';
font-size: 32px;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
font-style: italic;
}
.headerfixed .logo a{
color:#1E274A!important;
}
.container-fluid,body{margin:0;padding:0}.row{margin-left:0!important;margin-right:0!important;padding:0}.btn{outline:0!important;-webkit-outline:0!important;-moz-outline:0!important}:focus,a:focus{outline-width:0!important}body,header,header .container,html{position:relative}body{background:#fff;font-family:HelveticaNeue;font-weight:400;font-size:18px;color:#1e274a;height:auto!important}a{color:#1e274a;cursor:pointer;text-decoration:none;transition:all .25s ease-in-out}header{margin-bottom:0!important;z-index:2;padding:0!important;position:relative;height:100vh}#carouselheader{position:absolute;left:0;top:0;height:100%;width:100%}.carousel-inner{height:100%;position:relative}.carousel-inner:after{position:absolute;height:100%;width:100%;z-index:0;left:0;top:0;display:block;content:"";object-fit:contain;background:url(../img/fondSlide.png) repeat-x top}#carouselheader .item{height:100%;object-fit:cover}#carouselheader img{height:100%;object-fit:cover;-webkit-object-fit:cover;-o-object-fit:cover;-moz-object-fit:cover}header .container{z-index:16;position:relative}header .top-header{display:block;min-height:20px;overflow:hidden;position:fixed!important;width:100%!important;max-width:100%!important;top:0!important;left:0!important;z-index:99999999!important;padding:27px 0 32px}header .logo{margin-top:7px;float:left}header .navbar{padding:0!important;margin:0!important;border-radius:0!important;min-height:auto!important}
header .navbar .nav-link{font-size:20px!important;font-weight:500;line-height:34px!important;text-align:left;color:#fff!important;padding:1rem 1rem!important;
border-radius:29px;position:relative}header .navbar .nav-link:focus,header .navbar .nav-link:hover,header .navbar-light .active .nav-link{
color:#FEC845!important;background:0 0!important}
.headerfixed .navbar .nav-link:focus,.headerfixed .navbar .nav-link:hover,.headerfixed .navbar-light .active .nav-link{color:#1E274A!important;background:0 0!important}header .navbar .nav-link:after{position:absolute;bottom:0!important;left:0!important;content:"";display:block;width:0%;height:2px;z-index:-1;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;background:#FEC845}.headerfixed .navbar .nav-link:after{background:#1E274A!important}header .navbar .active .nav-link:after{width:100%}header .lang{padding:16px 0 0 24px}header .navbar .lang{display:none}header .lang a{position:relative;padding:0 0 7px;font-size:18px;font-weight:500;font-family:HelveticaNeue;line-height:1.28;letter-spacing:normal;text-align:center;color:#fff;text-transform:uppercase;text-decoration:none;transition:all .3s}.headerfixed .lang a:hover,header .lang a:hover{color:#1E274A}
header .middel-header{padding:25% 0 0;position:relative;z-index:10;display:block;min-height:20px}header .middel-header .slogon h1{font-family:HelveticaBold;font-size:36px;line-height:1.22;text-align:center;color:#fff}.btn-contact{margin:15px auto!important;display:table;font-family:HelveticaMedium!important;font-size:18px;line-height:1.28;letter-spacing:normal;text-transform:uppercase;text-align:center;color:#fff!important;text-decoration:none!important;padding:9px 34px;border:1px solid #fff;transition:all .3s;position:relative;background:url(../img/fleche_bleu_btn.svg) no-repeat bottom 8px right 9.5px!important}.btn-contact:hover{color:#000!important}.btn-contact:after{top:0;left:0;position:absolute;background:#fff;width:0%;height:100%;z-index:-1;content:'';display:block;transition:all .3s}.btn-contact:hover:after{width:100%}.carousel-indicators li{width:auto!important;min-width:24px!important;height:auto!important;background-color:transparent!important;font-family:HelveticaBold;font-size:14px;line-height:1.21;text-align:center;color:#fff;text-indent:0!important;padding:0 0 12px!important;cursor:pointer;border-width:0!important;position:relative}.carousel-indicators li:after{position:absolute;bottom:0!important;left:0!important;height:2px!important;background:rgba(255,255,255,.42)!important;content:"";display:block;width:100%}.carousel-indicators li.active::after{background:#fff!important}
.btn-contact{
margin: 15px auto !important;
display: table;
font-family: 'HelveticaNeue';
font-size: 18px;
font-weight: 500;
line-height: 1.28;
letter-spacing: normal;
text-align: center;
color:#fff !important;
text-decoration: none !important;
padding:9px 34px;
border: 1px solid #fff;
transition: all .3s;
position: relative;
background: url(../img/fleche_bleu_btn.svg) no-repeat bottom 8px right 9.5px !important;
}
.btn-contact:hover{
color:#000 !important;
}

.btn-contact:after{
top:0;
left:0;
position: absolute;
background: #fff;
width:0%;
height: 100%;
z-index:-1;
content: '';
display: block;
transition: all .3s;
}
.btn-contact:hover:after{
width: 100%;
}

.carousel-indicators li {
width: auto !important;
min-width: 24px!important;
height: auto!important;
background-color:transparent !important;
font-family: 'HelveticaBold';
font-size: 14px;
line-height: 1.21;
text-align: center;
color: #fff;
text-indent: 0 !important;
padding: 0 0 12px!important;
cursor: pointer ;
border-width: 0 !important;
position: relative
}
.carousel-indicators li:after {
position: absolute;
bottom: 0px!important;
left: 0!important;
height: 2px!important;
background: rgba(255,255,255,0.42)!important;
content: "";
display: block;
width: 100%;
}

.carousel-indicators li.active::after {
background: rgba(255,255,255,1)!important;
}

#prestations{
padding:40px 0  !important;
background: url("../img/cercle3.svg") no-repeat;
background-position: 120% 50% ;
position: relative;
z-index: 0;
min-height: 20px;
overflow: hidden;
}
#prestations:before {
position: absolute;
top: -16%!important;
left: -12%!important;
background: url(../img/cercle1.svg) no-repeat center;
content: "";
display: block;
width: 572px;
height: 572px;
z-index: 0;
}
#prestations .box1prestations{
padding-left: 0 !important;
}
#prestations .box1prestations h2{
font-family: 'HelveticaBold';
font-size: 32px;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: left;
color: #1E274A;
padding:0 !important;
margin: 0 0 15px !important;
}
#prestations .box1prestations h3{
font-family: 'HelveticaBold';
font-size: 32px;
line-height: 1.22;
text-align: left;
color: #1e274a;
padding:0 !important;
margin: 0 0 35px !important;
}
.blocimgliste{
background: url("../img/cercle2.svg") no-repeat top center;
background-size: contain;
position: relative;
min-height: 435px;
padding: 135px 0 0;
}
.blocimgliste .imgliste{
width:206px;
height:auto;
}
.blocimgliste .liste1 {
z-index: 1;
position: absolute;
top: 104px;
left: 90px;
}
.blocimgliste .liste2 {
z-index: 1;
position: absolute;
top: 35px;
left: 332px;
}
.blocimgliste .liste3 {
z-index: 2;
position: relative;
width:255px !important;
margin: auto;
}
.blocimgliste .zn_img_valid {
position: relative;
width:30%;
z-index:2;
}
.blocimgliste .zn_img_valid .validate{
max-width: 35%;
position: absolute;
right:50px;
bottom:-10px;
}
#prestations .box2prestations{
padding-right: 0 !important;
}
#prestations .box2prestations p{
font-family: 'HelveticaNeue';
font-size: 18px;
line-height: 36px;
text-align: left;
color: #1e274a;
padding:0 !important;
margin: 0 0 15px !important;
}
#prestations .box2prestations h2{
font-family: 'HelveticaBold';
font-size: 32px;
line-height: 39px;
text-align: left;
color: #1e274a;
padding:0 !important;
margin: 0 0 16px !important;
}
.headerfixed {
position: fixed !important;
width: 100vw !important;
max-width: 100% !important;
top: 0 !important;
left: 0 !important;
z-index: 99999999 !important;
padding:27px 0 32px;
background: #fff !important;
}
.headerfixed img{
display: none;
}
.headerfixed .d-none{
display: block !important;
}
.headerfixed .navbar .nav-link {
color:#1e274a!important;
}
.headerfixed .lang a {
color: #1e274a !important;
}
.headerfixed .navbar-light .navbar-nav .nav-link:focus, .headerfixed .navbar-light .navbar-nav .nav-link:hover {
color: #1E274A!important;
background: 0 0!important;
}
.navbar-nav{
padding:0;
}
/*********1*******/
#avantages{
position: relative;
background: #fff;
padding:0;
min-height: 20px;
overflow: hidden;
}
#avantages:before{
top:0;
right:0;
position: absolute;
background: #1E274A;
width: 95%;
height: 100%;
z-index:0;
padding:0;
content: '';
display: block;
border-top-left-radius: 359px;
-webkit-border-top-left-radius: 359px;
-o-border-top-left-radius: 359px;
}
#avantages .container:after {
top: 15%;
right: -90%;
position: absolute;
z-index: 1;
padding: 0;
content: '';
display: block;
width: 100%;
height:180%;
margin: 0;
padding: 0px;
opacity: 0.07;
border: solid 120px #fff;
border-radius: 50%;
}
#avantages .container{padding: 45px 0;min-height: 20px;position: relative;z-index:1;}

#avantages .container:before {
bottom: -15%;
left: -70%;
position: absolute;
z-index: 1;
padding: 0;
content: '';
display: block;
width: 100%;
height:180%;
margin: 0;
padding: 0px;
opacity: 0.07;
border: solid 120px #fff;
border-radius: 50%;
}
#avantages h2{font-family: 'HelveticaBold';font-size: 32px;line-height: 43px;text-align: center;color: #fff;padding:0 !important;margin: 0 0 35px !important;}
#avantages h3{
font-family: 'HelveticaNeue';
font-size: 18px;
line-height: 36px;
text-align: center;
color: #fff;
padding:0 !important;
margin: 0  0 57px !important;
}
#avantages .row {
position: relative;
z-index:1;
align-items: baseline !important;
}
#avantages .box {
min-height: 20px;
overflow: hidden;
padding: 0 75px;
max-width: 30%;
text-decoration: none;
text-align: center;
color: #fff;
transition: all .3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-moz-transition:all 0.3s;
}
#avantages .box .zn_img{
padding: 0 0 14px;
transition: all .3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-moz-transition:all 0.3s;
}
/* #avantages .box:hover .zn_img{
padding: 0 0 15px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
} */
#avantages .box p{
margin: 0;
font-family: 'HelveticaNeue';
font-size: 18px;
line-height: 1.67;
font-weight: normal;
text-align: center;
color: #fff;
}
/*********1*******/



/*********2******/
#domaines{
position: relative;
background: #f4f7ff;
padding:0 0 40px;
min-height: 20px;
}
#domaines:before {
top: 15%;
left: -50%;
position: absolute;
z-index: 0;
padding: 0;
content: '';
display: block;
width: 80%;
height: 125%;
margin: 0;
padding: 0px;
opacity: 0.04;
border: solid 120px #1E274A;
border-radius: 50%;
}

#domaines .container{
padding:40px 0px 0 ;
min-height: 20px;
position: relative;
z-index:1;
}
#domaines .row1-domaines{
padding:0 40px;
}
#domaines h2{
font-family: 'HelveticaBold';
font-size: 25px;
line-height:39px;
text-align: left;
color: #1e274a;
padding:0 !important;
margin: 0 0 40px !important;
}
#domaines .btn-primary{
margin: 0 0 80px !important;
}
#domaines .box {
min-height: 20px;
overflow: hidden;
margin:0 12px 24px;
text-decoration: none;
text-align: center;
color: #1e274a;
padding: 26px 16px 16px 17px;
border-radius: 20px;
box-shadow: 0 20px 30px 0 rgba(30, 39, 74, 0.4);
background-color: #fff;
transition: all 0.3s;
-webkit-transition:all 0.3s;
-ms-transition:all 0.3s;
-moz-transition:all 0.3s;
position: relative;
}
#domaines .box:after ,
#domaines .box:before {
display: block;
content: '';
position: absolute;
width: 100%;
height: 100%;
background:transparent;
border-radius: 20px;
z-index: -1;
}
#domaines .box:hover {
background:transparent;
box-shadow: 0 0px 0px 0 rgba(51, 105, 255, 0.25);
}

#domaines .box .zn_img{
margin-bottom:25px !important;
position: relative;
}
#domaines .box p{
margin: 0 0 4px;
font-family: 'HelveticaBold';
font-size: 20px;
line-height: 27px;
font-weight: normal;
text-align: center;
color: #1e274a;
}
#domaines .box:hover p{
color: #1E274A;
}
/*********2******/

/*********3******/


/*********2******/
#contact{
position: relative;
background: #F6F8FF;
padding:40px 0 30px;
min-height: 20px;
overflow: hidden;
}
#contact:after {
top: 15%;
right: -10%;
position: absolute;
z-index: 0;
padding: 0;
content: '';
display: block;
width: 618px;
height: 618px;
margin: 0;
padding: 0px;
opacity: 0.04;
background-color: #1E274A;
border-radius: 50%;
}

#contact .container{
padding:0;
min-height: 20px;
position: relative;
z-index:1;
}
#contact .box_title_contact{
float: left;
min-width: 425px;
padding: 44px 76px 39px 35px;
background-color: #1E274A;
border-bottom-right-radius: 359px;
-webkit-border-bottom-right-radius: 359px;
-o-border-bottom-right-radius: 359px;
}
#contact .box1_contact h4{
font-family: 'HelveticaBold';
font-size:18px;
line-height:23px;
text-align: left;
color: #ffffff;
padding:0 !important;
margin: 0 0 16px !important;
text-transform: uppercase;
}
#contact .box1_contact h2{
font-family: 'HelveticaBold';
font-size: 32px;
line-height:39px;
text-align: left;
color: #fff;
padding:0 !important;
margin: 0  !important;
}
.box2_contact {
padding:0;
}
.box2_contact .form-group {
margin-bottom: 32px;
}
.box2_contact .form-group:last-child {
margin-bottom: 0px;
}
.box2_contact label {
padding:0 0 8px !important;
margin:0!important;
font-size: 16px;
font-weight: 500;
line-height: 1.19;
text-align: left;
color: #1E274A;
font-family: 'HelveticaMedium' !important;
}
.box2_contact .form-control {
display: block;
width: 100%;
padding: 0 0 16px !important;
font-size: 18px;
line-height: 22px;
color: #1e274a;
background-color: transparent;
border-width: 0 !important;
border-bottom: solid 1px #707070 !important;
border-radius: 0 !important;
border-radius: 0  !important;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075)  !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, .075) !important;
font-family: 'HelveticaNeue' !important;
width: 100% !important;
}
.box2_contact .form-control:focus {
border-bottom: 2px solid #1E274A!important;
}
.box2_contact .bootstrap-select {
display: block;
width: 100% !important;
padding: 0 !important;
font-size: 18px !important;
line-height: 22px !important;
color: #1e274a !important;
background-color: transparent !important;
border-width: 0 !important;
border-bottom: solid 1px #707070 !important;
border-radius: 0 !important;
border-radius: 0  !important;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075)  !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, .075) !important;
font-family: 'HelveticaNeue' !important;
}
.box2_contact .bootstrap-select .btn {
background-color: transparent !important;
border-radius: 0 !important;
border-width: 0 !important;
padding: 0 0 16px !important;
font-size: 18px !important;
line-height: 22px !important;
color: #1e274a !important;
font-family: 'HelveticaNeue' !important;
}
.box2_contact .bootstrap-select filter-option-inner-inner{
padding: 0 !important;
font-size: 18px !important;
line-height: 22px !important;
color: #1e274a !important;
font-family: 'HelveticaNeue' !important;
opacity:1 !important;
}
body ::-webkit-input-placeholder { /* Edge */
padding: 0 !important;
font-size: 18px !important;
line-height: 22px !important;
color: red !important;
font-family: 'HelveticaNeue' !important;
opacity:1 !important;
color: #1e274a !important;
}
body :-ms-input-placeholder { /* Internet Explorer 10-11 */
padding: 0 !important;
font-size: 18px !important;
line-height: 22px !important;
color: #1e274a !important;
font-family: 'HelveticaNeue' !important;
opacity:1 !important;
color: #1e274a !important;
}
body ::placeholder {
padding: 0 !important;
font-size: 18px !important;
line-height: 22px !important;
color: #1e274a !important;
font-family: 'HelveticaNeue' !important;
opacity:1 !important;
color: #1e274a !important;
}
.box2_contact .dropdown-toggle::after {
position: absolute !important;
top: 6px !important;
right: 0 !important;
margin: 0 !important;
border-width: 0 !important;
width: 16px!important;
height: 8px!important;
background: url("../img/arrow-down.svg") center no-repeat!important;
}
.box2_contact .dropdown-item.active,
.box2_contact .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #1E274A !important;
}
.box2_contact .btn-primary{
min-width: 190px;
}
.cercle4{
top:133px;
left:-100px;
position: absolute;
}
/*********3******/

/****footer*******/
footer{
position: relative;
min-height: 0px;
overflow: hidden;
padding:0 !important;
}
footer .lastRow{
background-color: #000;
padding:25px 0 !important;
text-align: center;
color: #fff;
font-size: 12px;
margin: 0;
}
footer:after {
top: 0%;
left: -20%;
position: absolute;
z-index: 1;
padding: 0;
content: '';
display: block;
width: 618px;
height: 618px;
margin: 0;
padding: 0px;
opacity: 0.04;
background-color: #1E274A;
border-radius: 50%;
}
.box1_footer{
padding:0 !important;
}
.boxinfo1_footer {
text-align: left;
}
.boxinfo2_footer {
padding:0 0 0 79px!important;
text-align: left;
}
.box1_footer.col-12.col-sm-12 {
padding-top: 25px !important;
}
.modal #contact {
position: relative;
background: transparent !important;
padding: 148px 0 30px;
min-height: 20px;
overflow: hidden;
z-index: 9999;
}
.boxinfo1_footer h4 ,
.boxinfo2_footer h4 {font-family: 'HelveticaBold';font-size: 16px;line-height: 18px;text-align: left;color: #1E274A;padding: 0  !important;margin: 0!important;text-transform: uppercase;}
.boxinfo1_footer p ,   .boxinfo1_footer a ,
.boxinfo2_footer p {
font-family: 'HelveticaNeue';
font-size: 16px;
line-height:19px;
text-align: left;
color: #333333;
padding: 0 !important;
margin: 0 0 10px!important;
}
.box2_footer{
padding:0 !important;
}
.box2_footer h2 {
font-family: 'HelveticaBold';
font-size:25px;
line-height: 40px;
text-align: justify;
color: #1E274A;
padding: 0 !important;
margin: 0 0 70px !important;
text-transform: uppercase;
}

.box2_footer .form-control {
display: block;
width: 100%;
padding: 0 35px 16px 0 !important;
font-size: 18px;
line-height: 22px;
color: #1e274a;
background-color: transparent;
border-width: 0 !important;
border-bottom: solid 1px #707070 !important;
border-radius: 0 !important;
border-radius: 0  !important;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075)  !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, .075) !important;
font-family: 'HelveticaNeue' !important;
}
.box2_footer .form-control:focus {
border-bottom: 2px solid #1E274A!important;
}
.box2_footer form {
position: relative;
}
.box2_footer .btn-primary{
position: absolute;
right:0;
top:0;
width: 31px;
height:20px;
font-size: 0px !important;
line-height: 0px !important;
padding: 0px !important;
text-indent: 9999 !important;
color: transparent !important;
background: url("../img/fleche.svg") no-repeat center !important;
border-width:0 !important;
margin:  0  !important;
border-radius: 0px !important;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)  !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)  !important;
transition: all .3s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-moz-transition:all 0.4s;
}
.box2_footer .btn-primary:hover{
right:5px;
background: url("../img/fleche.svg") no-repeat center !important;
}
.box3_footer{
font-family: 'HelveticaNeue';
font-size:18px;
line-height: 40px;
text-align: left;
color: #666666;
padding: 0 !important;
margin: 0 !important;
text-transform: uppercase;
}
.box4_footer .fab {
color: #77a5df;
font-size: 21px;
margin: 0 0 0 18px;
text-decoration: none;
transition: all .3s;
}
.box4_footer .fab:hover {
text-shadow: 5px 4px rgba(236,103,55,1), -5px -6px #666666;
}

.box4_footer .fab:first-child{
margin:0 !important;
}
.bulle_msg{
width: 85px;
height: 85px;
margin: 0px;
padding: 15px;
box-shadow: 0 10px 90px 0 rgba(0,0,0,0.25);
background-color: #1E274A;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: fixed;
right: 50px;
bottom:50px;
z-index:99;
display: flex;
align-content: center;
text-align: center;
}
.bulle_msg img{
margin: auto;
}
/****footer*******/

.btn-primary{
font-size: 18px !important;
font-family: 'HelveticaMedium' !important;
line-height: 23px !important;
padding: 16px 32px !important;
color: #1e274a !important;
background: url("../img/fleche_bleu_btn.png") no-repeat  !important;
background-position: bottom 3px right 3px !important;
background-size: 15px !important;
border-color: #1e274a !important;
margin:  0;
border-radius: 0px !important;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)  !important;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)  !important;
text-transform: uppercase !important;
position: relative;
transition: all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-moz-transition:all 0.4s;
}
.btn-primary:hover{
background: transparent !important;
background-position: 1000% !important;
}
#prestations .btn-primary {
margin: 0 0 62px !important;
}
.box2_contact .bootstrap-select .dropdown-toggle,
.box2_contact .bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
outline: 0px auto #fff !important;
-webkit-outline: 0px auto #fff !important;
-o-outline: 0px auto #fff !important;
-moz-outline: 0px auto #fff !important;
outline-offset:0px !important;
-moz-outline-offset:0px !important;
-o-outline-offset:0px !important;
-webkit-outline-offset:0px !important;
box-shadow: 0 0 0 0 rgba(0,0,0,0)!important;
-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0)!important;
-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0)!important;
-o-box-shadow: 0 0 0 0 rgba(0,0,0,0)!important;
}
.bloc_ico{
position: absolute;
width: 81px;
height: 81px;
padding: 13px 17px 12px;
border-radius: 20px;
box-shadow: 0 30px 30px 0 rgba(236, 103, 55, 0.25);
background-color: #fff;
z-index:1;
display: flex;
column-fill: balance;
align-items: center;
align-content: center;
}
.bloc_ico1{
left:2%;
}
.bloc_ico2{
top:316px;
}
.bloc_ico3{
left:40%;
}
.bloc_ico4{
left:3%;
}
.bloc_ico5{
right:15%;
}
.bloc_ico6{
left:48%;
}
.headerfixed .sociale_header.d-none,
.mobile{
display: none !important;
}
.d-none {
display: none!important;
}
.box2_contact .form-group:first-child{
position: relative;;
z-index:2;
}
#scrollTop {
display: -webkit-box !important; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box!important;;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox!important;;  /* TWEENER - IE 10 */
display: -webkit-flex!important;; /* NEW - Chrome */
display: flex!important;;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
justify-content: center;
-webkit-box-align: center;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background-color: rgba(51,105,255,0.03);
width: 80px;
height: 80px;
text-align: center;
position: fixed;
bottom: 200px;
right: 50px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 1;
visibility: hidden;
z-index: 1000;
color: #fff !important;
border-radius: 50%;
padding:12px;
align-items: center;
align-content: center;
}
#scrollTop img  {
max-width:100%;
margin:auto;
}
#scrollTop:hover {
cursor: pointer;
background-color: rgba(51,105,255,0.03);
}
#scrollTop:active {
background-color: rgba(51,105,255,0.03);
}
#scrollTop.show {
opacity: 1;
visibility: visible;
}
.box2_contact .btn-primary:after,
#domaines .btn-primary:after,
#prestations .btn-primary:after {
top: 0;
left: 0;
position: absolute;
background: #1e274a;
width: 0%;
height: 100%;
z-index: -1;
content: '';
display: block;
transition: all .3s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-moz-transition:all 0.4s;
}
.box2_contact .btn-primary:hover ,
#domaines .btn-primary:hover ,
#prestations .btn-primary:hover {
color: #fff !important;
}
.box2_contact .btn-primary:hover:after ,
#domaines .btn-primary:hover:after ,
#prestations .btn-primary:hover:after {
width: 100%;
transition: all .3s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-moz-transition:all 0.4s;
}
.d-none{
display: none
}
.w-100 {
width: 100%!important;
}
.d-block {
display: block
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-items-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.float-right {
float: right!important;
}
.navbar-light .navbar-toggler {
color: rgba(0,0,0,.5);
border-color: rgba(0,0,0,.1);
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 0!important;
padding-left: 0!important;
}
.d-visibel{
opacity: 0
}
.justify-content-center {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
#avantages .row,
.row.blocimgliste ,
#domaines .row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#domaines .bounceInUp,
#avantages .bounceInUp{
opacity: 0;
}


.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
animation: switch 2s linear;
-webkit-animation: switch 2s linear;
animation-delay: 0.02s;
-webkit-animation-delay: 0.02s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
animation: switch 2s linear;
-webkit-animation: switch 2s linear;
animation-delay: 0.02s;
-webkit-animation-delay: 0.02s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
.carousel-fade .carousel-control {
}

@keyframes switch {
0% { opacity: 1;filter: blur(8px);transform:scale(1.2);}
10% { opacity: 1;filter: blur(5px); transform:scale(1.1);}
43% { opacity: 1;filter: blur(0px); transform:scale(1.05)}
80% { opacity: 1;filter: blur(0px); transform:scale(1)}
100% { opacity: 1;filter:blur(0px); transform:scale(1)}
}

@-webkit-keyframes switch {
0% { opacity: 1;-webkit-filter: blur(8px); -webkit-transform:scale(1.2);}
10% { opacity: 1;-webkit-filter: blur(5px); -webkit-transform:scale(1.1);}
43% { opacity: 1;-webkit-filter: blur(0px); -webkit-transform:scale(1.05)}
80% { opacity: 1;-webkit-filter: blur(0px); -webkit-transform:scale(1)}
100% { opacity: 1;-webkit-filter:blur(0px); -webkit-transform:scale(1)}
}

/***Modal***/
.modal-backdrop {
background-color: #fff!important;
opacity: 1 !important;
}
.modaleImg{
position: absolute;
z-index: 1050;
display: none!important;
object-fit: cover;
-webkit-object-fit: cover;
-moz-object-fit: cover;
}
.modaleImgCircleleft{
right: -16%;
top: 8%;
max-width: 1000px;
}
.modaleImgCirclebottom{
left: -8%;
bottom: 59%;
max-width: 400px;
}
.in .modaleImg{
display: block !important;
}
.modal-dialog {
width:1200px!important;
margin: 30px auto!important;
}
.liensModal h4{
cursor: pointer;
}
.liensModal h4:hover{
text-decoration: underline;
}
.in.modal {
display: flex !important;
column-fill: balance;
align-items: center;
align-content: center;
z-index: 9999;
}
.modal-dialog {
position: relative;
background: #fff;
flex: 100;
margin: 10px 25px !important;
}
.modal-content {
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0)!important;
box-shadow: 0 0 0 rgba(0,0,0,0)!important;
border-width: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 70%;
pointer-events: auto;
outline: 0;
height: 100%;
background: transparent !important;
margin: auto
}
#contact.modal-dialog {
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow: visible !important;
}
#contact.modal-dialog:after,
#contact.modal-dialog:before{
display: none;}

#contact.modal-dialog .btn-primary:hover{
background: #1e274a !important;
}
.modal-dialog .close{
position: absolute;
right: 0;
top: -16%;
padding: 0 !important;
z-index:9;
}
.box2prestations  h3{
margin: 0 0 5px !important;
}

#temg {
padding: 40px 0 ;
}
.bloc-owl-carousel{
margin: auto  !important;
padding: 0 20%;
}
#temg .owl-carousel.owl-theme {
margin: 0  !important;
}
#temg h2 {
font-family: HelveticaBold;
font-size: 32px;
line-height: 39px;
color: #1E274A;
padding: 0!important;
margin: 0 auto 50px!important;
width:80%;
text-align: center;
}

#temg .owl-carousel .owl-item {
background: url("../img/fond-temg.svg") center top -50px no-repeat;
padding-top: 115px !important;
}

#temg .blocImgPart {
margin: auto auto 50px;
background: #FFFFFF;
box-shadow: 0px 20px 30px #1E274A41;
border-radius: 70px;
opacity: 1;
width: 180px;
height: 180px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 5px;
}

#temg .blocImgPart img {
max-width: 100% !important;
width: auto !important;
}

#temg .owl-carousel h2 {
font-family: HelveticaBold;
font-size: 27px;
line-height: 32px;
color: #1E274A!important;
padding: 0!important;
margin: 0 auto 8px!important;
width:100%!important;
text-align: center;
}

#temg .owl-carousel h3 {
font-family: HelveticaMedium!important;
font-style: italic;
font-size: 18px;
line-height: 26px;
text-align: center;
color: #1E274A;
padding: 0!important;
margin: 0 auto 24px!important;
width: 60%!important;
text-align: center;
}

#temg  p {
font-family: HelveticaMedium!important;
font-size: 18px;
line-height: 26px;
color: #333333;
padding: 0!important;
margin: 0 auto 50px!important;
width: 60%!important;
text-align: center;
}

#temg .owl-carousel .owl-prev {
top: 191px !important;
position: absolute;
left: 0;
background: url("../img/prec.svg") center no-repeat rgba(0,0,0,0.02) !important;
width: 45px;
height: 45px;
border-radius: 50%;
}

#temg .owl-carousel .owl-next {
top: 191px !important;
position: absolute;
right: 0;
background: url("../img/next.svg") center no-repeat rgba(0,0,0,0.02) !important;
width: 45px;
height: 45px;
border-radius: 50%;
}

#temg .owl-carousel button span {
font-size: 0 !important;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1; }

.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
width: 24px;
opacity: 1;
}

.owl-theme .owl-dots .owl-dot span {
margin: 0px 3px;
display: block;
transition: opacity .2s ease;
border-radius: 30px;
width: 8px;
height: 6px;
background-color: #1E274A;
opacity: 0.1;
}
#avantages .box h3{
font-family: 'HelveticaBold';
font-size:22px;
line-height:26px;
text-align: center;
color: #fff;
padding: 0 0 15px !important;
margin: 0 !important;
}
.RowMiddelCnt{
padding: 25px 0 !important;
}
.box4_footer {
float: right;
padding:8px 7px 0;
}
.modal-open header{
z-index: -1 !important;
}
.form-checkboxes .form-checkbox-icon {
float: left;
margin: 0 15px 0 0 !important;
}

.recaptcha-error-message{
display: none;
color: #f00;
font-size: 12px;
text-align: left;
}
.classCaptchaContact .recaptcha-error-message{
display: block;
}
.alert {
padding: 15px 30px 15px 15px  !important;
margin-bottom: 20px  !important;
border: 1px solid transparent  !important;
border-radius: 10px  !important;
position: fixed ;
top:130px;
right: 25px;
z-index: 999;
width:auto;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-danger {
color: #a94442 !important;
background-color: #f2dede !important;
border-color: #ebccd1 !important;
display: block !important;
}
input.close {
background: #fff !important;
border-width: 0px !important;
top: 6px  !important;
right: 6px  !important; 
border-radius: 50%  !important;
font-size: 14px  !important;
position: absolute;
right: 25px;
top: 25px;
z-index: 1;
}
.pages #prestations img {
display: inline-block;
width: 19px;
padding: 0 4px 0 0;
}

.pages #prestations a {
text-align: left;
text-decoration: underline;
color: #000 !important;
font-size: 14px;
line-height: 18px;
}
.pages header{
height: auto !important;
}

.pages header .top-header{
background-color: #000;
}
.pages  #prestations {
padding: 160px 0 40px !important;
min-height:calc(100vh - 67px);
}

.box2_contact .danger .form-control{
color: red;
border-bottom: solid 1px red !important;
}
.box2_contact .danger label{
color: red;
}

.grecaptcha-badge{display:none !important}