@media (min-width:1550px){
.container{
width: 1400px !important;
}

#domaines .container{
padding:40px 0px 0;
}
}

@media (max-width:1550px)   {
.blocimgliste .liste1 {
z-index: 1;
position: absolute;
top: 104px;
left:40px;
}
.blocimgliste .liste2 {
z-index: 1;
position: absolute;
top: 35px;
left: 269px;
}
.bloc_ico {
width: 75px;
height: 75px;
}
#avantages:before {
width: 93%;
}
}

@media(max-width:1440px){
.bloc_ico {
width: 65px;
height: 65px;
padding: 12px;
}
#scrollTop,
.bulle_msg{
width: 60px;
height: 60px;
}
header .navbar .nav-link{
font-size: 16px!important;
}
header .lang {
padding: 12px 0 0 24px;
}
header .lang a {
font-size: 16px!important;
}
.bloc_ico1 {
top: 2%;
}
#avantages .box {
max-width: 190px;
padding: 0 15px;
}
#avantages .box p {
font-size: 16px;
}
}

@media (max-width:1200px){
.bloc_ico {
width: 55px;
height: 55px;
padding: 12px;
}
#avantages .box {
max-width: 160px;
padding: 0 15px;
}
.container {
width: 100% !important;
}
}

@media (max-width:1024px){
.pages header .top-header {
height: 92px;
}
.pages header {
padding: 0 !important;
}
.pages #prestations {
padding:150px 0 40px !important;
}
#scrollTop {
width: 60px;
height: 60px;
}
.bloc_ico6 {
left: 48%;
top: 35px;
}
.bloc_ico5 {
top: 3%;
right: 25px;
}
.bloc_ico2 {
top: 316px;
right: 0;
bottom: 0;
}
#prestations ,
footer{
padding-left: 15px !important;
padding-right: 15px !important;
}
.headerfixed{
background: #fff;
}
}

@media (min-width:992px){
header .logo a img {
width: 149px;
margin: 7px 0 0;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .navbar-collapse {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}

@media (max-width:992px){
.headerfixed .navbar-light .active .nav-link,
.headerfixed .navbar .nav-link:focus, 
.headerfixed .navbar .nav-link:hover,
header .navbar .nav-link:focus, 
header .navbar .nav-link:hover,
header .navbar-light .active .nav-link,
.headerfixed  .active  .nav-link {
color: #FEC845!important
}
header .navbar .nav-link:after {
display: none;
}
#temg .owl-carousel .owl-next,
#temg .owl-carousel .owl-prev {
top: calc(100% - 28px) !important;
}
#temg .bloc-owl-carousel  p {
padding: 0 !important;
}
.alert {
top: 13px;
right: 0;
width: 100%;
}
.open_Menu .box4_footer{
display: block;
order: 3;
}
.bloc-owl-carousel{
padding: 0;
}
.blocimgliste .liste1 {
top: 104px;
left:119px;
}
.blocimgliste .liste2 {
top: 32px;
left: 355px;
}
.navbar-nav > li {
float: none;
display: block;
width: 100%;
}
header .top-header,
header .top-header .container{
padding: 0 !important;
}
header .logo {
top: 21px;
left: 15px;
max-width:195px;
position: absolute;
margin:0;
z-index:1;
}

header {
z-index: 9999999999;
}
header .navbar {
padding: 35px 15px!important;
width: 100%;
display: -webkit-flex !important;
display: block !important;
}
.open_Menu .navbar {
display: -webkit-flex !important;
display: flex !important;
flex-direction: column;
}
.navbar-light .navbar-toggler {
color: #fff !important;
border-width:0 !important;
padding: 0 !important;
border-radius:0 !important;
position: relative !important;
width: 27px !important;
background: transparent !important;
top:0 !important;
right:0 !important;
float: right;
display: block;
height: 15px;
clear: both;
align-self: flex-end;
}
.navbar-toggler-icon{
position: absolute!important;
display: block!important;
width: 27px!important;
height: 2px!important;
margin: 0 auto!important;
background: #fff!important;
transform: skew(0deg)!important;
transition: all .275s;
border-radius: 6px!important;
right: 0!important;
top: 5px!important;
float: right;
}
.navbar-toggler-icon:after{
content: '';
display: block;
height: 2px;
background: #fff;
transition: all .275s;
border-radius: 6px!important;
}
.headerfixed .navbar-toggler-icon,
.headerfixed .navbar-toggler-icon:after,
.headerfixed .navbar-toggler-icon:before{
background: #1e274a !important;
}
.navbar-toggler-icon:before {
content: '';
display: block;
height: 2px;
background: #fff;
transition: all .275s;
border-radius: 6px!important;
}
.navbar-toggler-icon:before {
transform: translateY(-5px) translateX(0) skew(0);
}
.navbar-toggler-icon:after {
transform: translateY(3px) translateX(0) skew(0);
}
.is-open .navbar-toggler-icon {
width:20px;
transform: skew(0deg) translateY(0) rotate(-45deg);
}
.is-open .navbar-toggler-icon,
.is-open .navbar-toggler-icon:after,
.is-open .navbar-toggler-icon:before {
background: #1e274a !important;
}
.is-open .navbar-toggler-icon:before {
transform: translateY(0px) skew(-10deg) rotate(75deg);
}
.is-open .navbar-toggler-icon:after {
transform: translateY(-12px) translateX(10px) skew(-20deg);
opacity: 0;
}
.is-open .navbar-toggler-icon {
height: 3px;
transition: all .275s;
left: 0;
top: 6px;
}
header.activeMenu .navbar {
padding:20px 15px 50px !important;
display: block;
background: #fff;
z-index: 9;
}
header .lang{
display: none !important
}
.bloc_ico{display: none}

#prestations {
padding: 0px 0 140px !important;
}
#prestations .box1prestations {
width: 100%;
flex: 100% !important;
max-width: 100% !important;
padding: 25px 0 !important;
}
#prestations .btn-primary {
margin: 0 !important;
background-position: 98% 92% !important;
}
#prestations .box2prestations {
width: 100%;
flex: 100% !important;
max-width: 100% !important;
padding:    0 !important;
}
.dektop{
display: none !important;
}
.mobile{
display: block !important;
}
.row.blocimgliste.mobile{
display: flex !important;
}
#avantages:before,
#avantages .container:before,
#avantages .container:after,
#domaines:before,
#contact:before{
display: none;
}
#avantages{
background: #1E274A;
}
#avantages .container {
padding: 32px 0 10px;
min-height: 20px;
}
#avantages h3 {
margin: 0 0 24px !important;
}
#avantages .box {
max-width: 100%;
width: 100%;
padding: 0 15px 45px;
}
#domaines .container {
padding:24px 0 0;
}
#domaines .row.d-flex{
display: block !important;
}
#domaines .box{
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
width: 50%;
float: none;
display: block;
margin: auto auto 16px;
}
#contact {
padding: 22px 0 29px;
}
#contact .box1_contact{
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
width: 100%;
padding-right: 0;
padding-left: 0;
margin-bottom: 30px;
min-height: 0;
overflow: hidden;
}
#contact .box2_contact{
-ms-flex: 100%;
flex:100%;
max-width: 100%;
width: 100%;
}
#contact .box_title_contact {
min-width: 100%;
}
footer {
position: relative;
padding:0 !important;
}
.box3_footer,
.box4_footer,
.newsletter,
.box1_footer,
.boxinfo1_footer,
.boxinfo2_footer{
-ms-flex: 100%!important;
flex:100%!important;
max-width: 100%!important;
width: 100%!important;
}
footer .box2_footer{
-ms-flex: 100%;
flex:100%;
max-width: 100%;
width: 100%;
}
footer .boxinfo1_footer,
footer .boxinfo2_footer{
margin-bottom: 24px;
}
.box2_footer h2 {
margin: 0 0 20px !important;
}
.box3_footer,
footer .box4_footer,
.box4_footer{
text-align: center !important;
padding-left: 0;
padding-right: 0;
}
.box4_footer{
margin-bottom: 0!important;
display: none;
}
#contact:after {
top: 5rem;
right: -28rem;
}
.btn-primary{
width: 100%;
}
footer:after {
top: 15%;
left: -41%;
position: absolute;
z-index: 1;
padding: 0;
content: '';
display: block;
width: 500px;
height: 500px;
margin: 0;
padding: 0px;
opacity: 0.04;
background-color: #1E274A;
border-radius: 50%;
}
.navbar-collapse{
display: none !important;
float: left;
clear: both;
width: 100%;
width: 100%;
margin: 0;
}
.activeMenu .navbar-collapse{
display: block !important;
}
.sociale_header.d-none,
.activeMenu img {
display: none !important;
}
.activeMenu .headerfixed .sociale_header.d-none ,
.activeMenu .d-none {
display: block !important;
}
header .navbar .nav-link {
text-align: center;
color: #1e274a !important;
margin-bottom: 5px;
}
/* header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover {
color: #ffffff !important;
background: #1E274A !important;
} */
.activeMenu .navbar-toggler.is-open{
transform: rotate(45deg); /* Équivalent à rotateZ(45deg) */
}
header.activeMenu .lang_desktop{
display: block !important;
position: absolute;
z-index: 2;
right: 67px;
padding: 0;
top: 42px;
}
header .lang a ,
header .navbar .nav-link{
font-size: 18px!important;
}
.open_Menu .overlapblackbg {
display: block!important;
}
.overlapblackbg {
left: 0;
z-index: 99999999999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
display: none;
background-color: rgba(0,0,0,.55);
cursor: pointer;
}
.sociale_header.mobile.d-none {
float: left;
clear: both;
width: 100%;
margin: 310px 0 0;
padding:35px 0 0;
border-top: solid 1px #707070;
}
.sociale_header.mobile.d-none .box4_footer {
margin-bottom:0px!important;
}
#scrollTop{
bottom:8rem;
}
.bulle_msg {
right:50PX;
bottom: 2rem;
}
#prestations {
overflow: hidden;
}
}

@media (max-width:767px){

#prestations:after {
display: none;
}
#prestations:before {
top: -16%!important;
left: -106%!important;
}
#domaines .row1-domaines {
padding: 0;
}
#avantages .container {
padding: 32px 15px 10px;
min-height: 20px;
}
#avantages .box {
padding: 0 3rem 45px;
}
#domaines .box {
-webkit-box-flex: 222px;
-ms-flex: 222px;
flex: 222px;
max-width: 222px;
width: 222px;
}
#domaines .btn-primary {
margin: 0 0 24px !important;
}
#domaines h2 {
font-size: 29px;
margin: 0 0 24px !important;
}
#prestations {
padding: 0px 0 45px !important;
background: url(../img/cercle3.svg) no-repeat;
background-position: 110px 450px;
overflow: hidden;
background-size: 550px;
}
footer {
overflow: hidden;
}
.sociale_header.mobile.d-none {
margin: 40px 0 0;
}

header {
padding: 12rem 0 !important;
height: auto !important;
}


#contact .box1_contact h2 {
font-size: 22px;
line-height: 29px;
}
.modal-dialog .close {
position: relative !important;
right: 0 !important;
top: 0 !important;
padding: 0 !important;
width: 45px !important;
float: none !important;
margin: auto auto 25px !important;
}
#contact .box_title_contact {
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-o-border-bottom-right-radius: 0;
padding: 25px;
}
#contact .box1_contact h4 {
margin: 0!important;
text-align: center;
}
footer .container {
position: relative;
z-index: 9;
}
footer:after {
top: 15%;
left: -79%;
width: 130%;
height: 76%;
}
.box3_footer {
font-family: 'HelveticaNeue';
font-size: 13px;
margin: 0 0 5rem !important;
}
.box2_footer h2 {
font-size: 16px;
line-height: 25px;
}
header .middel-header .slogon h1 {
font-size: 27px;;
}
#temg .owl-carousel .owl-item {
height: 0!important;
}
#temg .owl-carousel .owl-item.active {
height:auto !important;
}
#temg .owl-carousel .owl-item {
background: url(../img/fond-temg.svg) center top  no-repeat;
padding-top: 35px !important;
background-size: 150px !important;
}
#temg p {
width: 100%!important;
}
.blocimgliste {
background: url(../img/cercle2.svg) no-repeat top center;
background-size: 185px;
min-height: 215px;
padding: 31px 0 0
}

.blocimgliste .liste3 {
width: 115px!important
}

.blocimgliste .imgliste {
width: 100px
}

.blocimgliste .liste1 {
top: 25px;
left: 32%
}

.blocimgliste .liste2 {
top: 7px;
left: 48%
}
.modal-content {
width: 100%;
}
.modal-dialog {
margin: 0 !important;
}
}

@media (max-width: 450px) {
.blocimgliste {
background:url(../img/cercle2.svg) no-repeat top center;
background-size: 185px;
min-height: 215px;
padding: 31px 0 0
}

.blocimgliste .liste3 {
width: 115px!important
}

.blocimgliste .imgliste {
width: 100px
}

.blocimgliste .liste1 {
top: 25px;
left: 27px
}

.blocimgliste .liste2 {
top: 7px;
left: 168px
}
}

@media (max-width: 350px) {
.blocimgliste {
background:url(../img/cercle2.svg) no-repeat top center;
background-size: 185px;
min-height: 215px;
padding: 31px 0 0
}

.blocimgliste .liste3 {
width: 115px!important
}

.blocimgliste .imgliste {
width: 100px
}

.blocimgliste .liste1 {
top: 25px;
left: 27px
}

.blocimgliste .liste2 {
top: 7px;
left: 137px
}
}