@media (max-width: 1460px) {img{max-width:100%}.texte{padding:30px 1.5rem}}
@media (max-width: 1360px) {.order-m-1{order:1}.order-m-2{order:2}.order-m-3{order:3}.order-m-4{order:4}.order-m-5{order:5}.order-m-6{order:6}.borne-details{flex-direction:column;gap:0;margin:4rem 0}.borne-details img.order-s-1.order-m-1{margin-bottom:4rem}}
@media (max-width: 1320px) {#header_top{padding:0 20px}}
@media (max-width: 1300px) {.owl--text .titre_header{font-size:55px;line-height:60px}.owl--text .txt_header{font-size:20px;line-height:30px}#tel_button{display:none}#tel_button-resp{display:flex}.titre.big{font-size:45px}}
@media (max-width: 1024px) {
	.nav li a{padding:0 10px}
	html {font-size: 14px;}
	body.open_burger {overflow-y: hidden;}
	#header_top.transparent-header #navigation {height:auto; line-height: initial;}

	#navigation {text-align:center; z-index:65534; position:fixed; display:flex;flex-direction:column;left:0; top:0; bottom:0; max-width:100%; height:100%; background-color:var(--violet); transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%);}
	.open_burger #burger {border:none;}
	.open_burger #navigation,.open_burger #header_top.transparent-header #navigation {overflow-y:auto; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(0px); -webkit-transform:translateX(0px);-moz-transform:translateX(0px); -o-transform:translateX(0px);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -webkit-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -moz-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  
		/*-webkit-animation: elastic 150ms ease 300.5ms both; animation: elastic 150ms ease 300.5ms both;*/
	/* Closing brace for the media query */
	}
	.open_burger #overlay-home {display: block;position:fixed; top:0; left:0; right:0; height: 100%; width: 100%; transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(100%);}
	#burger {display:block; top:1rem; text-align: right;}
	
@-webkit-keyframes elastic {
  0% {
    border-top-right-radius: -100%;
    border-bottom-right-radius: 100%;
  }
  45% {
    border-radius: 0;
  }
  65% {
    border-top-right-radius: 40px 20%;
    border-bottom-right-radius: 40px 20%;
  }
  80% {
    border-radius: 0;
  }
  90% {
    border-top-right-radius: 20px 50%;
    border-bottom-right-radius: 20px 50%;
  }
  100% {
    border-radius: 0;
  }
}

@keyframes elastic {
  0% {
    border-top-right-radius: -100%;
    border-bottom-right-radius: 100%;
  }
  45% {
    border-radius: 0;
  }
  65% {
    border-top-right-radius: 40px 20%;
    border-bottom-right-radius: 40px 20%;
  }
  80% {
    border-radius: 0;
  }
  90% {
    border-top-right-radius: 20px 50%;
    border-bottom-right-radius: 20px 50%;
  }
  100% {
    border-radius: 0;
  }
}

	.nav {width:100%;max-height:100%;height:100%;margin:0 0 0 0;display:flex;flex-direction:column;justify-content:center}
	.nav ul {position:relative;top:0px;}
	.nav li:not(.social) {display: block; float:none;  margin:0 0; text-align: center;}
	.owl--text .titre_header span {color:var(--violet-black);}
	.nav li a{color:#fff;font-size:1.5rem; height:auto; line-height: normal; font-weight: 300; padding:15px 0;}
	.links.selection > a {color: var(--violet-black);}
	.nav li:hover > a, #header_top.scrollUp .nav li:hover > a,.nav li:not(.sociaux-form):hover > a, .nav li:not(.sociaux-form) a:focus { font-size:1.5rem; font-weight: 300;} /*font-size:14px;*/
	.nav li:hover > a, #header_top.scrollUp .nav li:hover > a,.nav li:not(.sociaux-form):hover > a, .nav li:not(.sociaux-form) a:focus { font-size:1.5rem; font-weight: 300;}/*font-size:14px;*/
	.nav li:hover ul li a,.nav li ul li a {font-size: 18px;margin: 0 0;}
	.nav li:hover ul li a:focus {margin:0 0; padding:0 0; background-color:#fff; border-bottom:none;}
	.open_burger .links ul.subs.open_subs {height:auto; overflow: visible; z-index: 65535;}
	.nav li ul.subs li:hover ul.subss {display: block;-ms-transform: unset;transform: unset;opacity: 1;z-index: 65535;height: auto;position: relative;left: 0;}
	.nav li ul.subs li ul.subss a {background-color: #fff;border-bottom: 1px solid #fff;border-left:none;}
	.nav li ul.subs li a.arrow-right {color: #434444;}
	.nav ul li a,.nav ul li a:hover {border:none; padding:0 0; background-color:#5e909c; color:#FFF; font-weight: 300; line-height: 30px;}
	.nav li:hover > a, #header_top.scrollUp .nav li:hover > a {margin:0; border-top: 0;}
	.nav li.social, div.social {display: inline-block; float: none; background-color:transparent;}
	.nav li.social a {background-position-y:-18px;}
	.nav li:hover > a::after, .links.selection > a::after {content: ''; display: none;}
	.nav li:hover ul li a {background-color:var(--violet-black);}
	#header_top,#header_top.transparent-header,	#header_top.scrollUp {background-color:transparent; visibility: visible;opacity: 1;padding-left:0;-webkit-box-shadow: none;-moz-box-shadow:none; box-shadow:none;}
	#header_top.scrollUp #logo-resp{display:none;}
	img#logo-resp{display:block;margin:1.5rem 0 0 2rem}
	#header_top.transparent-header nav li:not(.selection) a {color:#fff;}	
	#header_top.transparent-header nav li a.ico-level {background-image:url(grafx/ico_level.png); background-repeat:no-repeat; background-position:98% center;}
	#header_top, #header_top.transparent-header {min-height:60px}
	#box_top_header, #box_top_header span, a.btn_rdv {font-size: 11px;}
	#logo_home {position: fixed; left:3%;}
	#logo {margin-left:auto;margin-right:auto;display:block;width:100%;box-sizing:border-box}	
	#logo img {width:auto;padding-left:40px}
	#logo a {display:block;height:auto;padding-top:2rem}
	
/* Spécial site */
#box_home{margin-top:0px}
	.nav li.links.langues {width: 100%;}
	.nav li.links.langues a {font-size: 20px;line-height: 30px;}
	#info_ste {width: 100%;justify-content: center;border-top: solid 1px #e6e6e6;height: 118px;margin: 0 0;}
	.fullbg .owl--text,.fullbg.stdpage .owl--text {height: 100%; min-width: auto;}
	.sel_lng_resp {display: block;}
	#navigation .row.navig  {height: auto;}
	#header_top.scrollUp {-ms-transform: unset;transform: unset;}
	#bande_coords {display: none;}
	.txt_offre {padding-right: 0;}
	.fullbg.stdpage .owl-carousel .owl-item .owl-lazy {background-position-x: 30%;}
	.fullbg,.fullbg.stdpage {margin-top: 0;}
	.fullbg {max-height:600px;margin-bottom:0;}
	.fullbg.stdpage {max-height: 0;margin-bottom: 50px;}
	img {max-width: 100%}
	.texte {box-sizing: border-box;}
	.slogan_header {display: none;}
	section {box-sizing: border-box;}
	.box_savoir {width: 100%; flex-wrap: wrap;}
	.row .col.box_sblanc {width: 47%; margin-bottom: 1.5rem;}
	a.not-clickable-element, a.disabled {pointer-events: none; cursor: default;}
	#avis_clients_car .txt_avis {padding: 2rem 5% 2rem 5%;}
	.row#section-5 .col.c6 {width: 100%;}
	.row#section-5 .col.left-c3 {left:0}
	#content.home{padding:0 0}
	#navigation .sel_soci{margin-right:0;margin-top:30px;display:block;text-align:center}
	.row .col.c6.bgimg{min-height:450px}
	.col.padding-4{padding:4rem}

	#box-info-header{position: relative;height:auto;padding:1.5rem 0;background-color:rgba(25,32,38,1);}
	#box-info-header .item-info{flex-direction:column;width:100%;padding:1rem 3vw}
	.owl--text .txt_header{max-width:100%}
	.fullbg .owl--text{background-image: none;}
	.flex-app-container{flex-direction:column;}
	.flex-item {width:100%;margin:2rem 0}
/* Fin spécial */

	/* Burger animé */
	.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none; background-color: transparent;border: 0;margin: 0;overflow: visible; }
	.hamburger:hover {opacity: 0.7; }
	.hamburger.is-active:hover {opacity: 0.7; }
	.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after {background-color: var(--violet-black); }
	.hamburger-box {width: 40px; height: 24px; display: inline-block;position: relative; }
	.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 3px;background-color: var(--violet-black);border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
	.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; }
	.hamburger-inner::before {top: -10px; }
	.hamburger-inner::after {bottom: -10px; }

	/* Spin Reverse */
	.hamburger--spin-r .hamburger-inner {transition-duration: 0.22s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin-r .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
	.hamburger--spin-r .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin-r.is-active .hamburger-inner {background-color:var(--violet-black);transform: rotate(-225deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	.hamburger--spin-r.is-active .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
	.hamburger--spin-r.is-active .hamburger-inner::after {background-color:var(--violet-black);bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

	#footer .row .col.c6.t_left,#footer .row .col.c6.t_right {text-align: center;width:100%;height:auto;margin:5px 0;padding: 1rem 0;}
	.fullbg .owl--text,.fullbg.stdpage .owl--text {height: 100%; min-width: auto;}
	.owl--text .titre_header {min-width: unset; font-size:35px;line-height: normal;}
	.owl--text .txt_header,.footer_header {line-height: normal;}
	.mini-cta-home {font-size: 25px;}
	#footer #cta-footer {font-size:35px;}
	.row{padding-top:20px;padding-bottom:20px}
	.owl--text .flex{margin-top:30px}

	.row .col.c6{width:100%;padding:4rem 20px}
	.row .col.c6.medium-50{width:50%}
	img.bigimg{width:100%}
	.row .col.truckmap{overflow:hidden;height:500px}
	.four{width:90%}
	img.boxed-pic{display:block;margin:0 auto}
	.row .col[class*="c"] {width:100%}

	.flex-cta{flex-direction:column;padding:0 2rem;text-align:center;gap:2rem}
	.flex-cta .titre{text-align:center}

.content_form.accordion, .accordion{max-width:100%}
.offre{max-width:100%;flex:100%}
.flex-valign-middle{flex-direction:column}
.borne-details{flex-direction:column}
.borne-details img{max-width:75%;max-height:fit-content;margin-bottom:2rem}
.order-s-1{order:1}
.order-s-2{order:2}
.order-s-3{order:3}
.order-s-4{order:4}
.order-s-5{order:5}
.order-s-6{order:6}
.nav li:not(.sociaux-form):not(#logo):hover > a::after, .nav li:not(.sociaux-form) a:focus::after, .nav li > a.active::after{bottom:0}
.section-decoration,.section-decoration-center{padding-top:3rem}
#footer #bande_ml.row{flex-direction:column;padding:1.5rem} #footer #bande_ml.row .flex-1.t_right{text-align:center}
}
/* Iphone X */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
	.t_certif {font-size: 20px;}
	#info_ste {display: none;}
}
/* Fin Iphone X */

@media (max-width: 1300px) {.flex-prices{flex:100%}}
@media (max-width: 992px) {
	.row .col.padding-4-8{padding:2rem 2rem}
	.row.wide {margin-left:0; margin-right:0;}
	.mini-cta-home.flex-valign-middle {
		display: flex;
		padding: 25px 0;
		background-image: url(grafx/bg-cta.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 100% 0;
	}
	.btn_cta.mleft_auto {margin-left:initial;margin-top:20px}
}	
@media (max-width: 991.98px) {
	.row .col.c6.box_news {width: 100%;border-right: solid 1px #efefef;}
	#box_blog .box_news img {width: 100%;}
	#categories .row .col.c6 {width:100%; font-size: 18px; padding-top:2%; padding-bottom:2%;}
	.btn_call_mini {padding: 1rem 0;}
	.flex-five {flex: 33.33%;margin: 10px 0;text-align: center;box-sizing: border-box;}
	/*.titre, h2.titre, h3.titre, div.titre{line-height:32px}*/
}
@media (max-width: 768px) {
	.col.padding-4, .padding-4{padding:2rem}
	.flex, .flex-valign, .flex.nowrap{flex-direction:column;}
	.carte{font-size:50px}
	.avantages {margin:2rem .75rem;}
	.owl--text {margin-left:0;padding: 0 5%;box-sizing:border-box;}
	.owl--text .txt_header {width:100%;line-height:normal}
	.txt_concept {margin:2rem auto;}
	.title {font-size: 32px;}
	.texte {padding-top:30px;}
	#cta-top .texte {padding-top:0}
	.row.flex {display: block;}
	.row .col.left-c1{left:0;}
	.row .col[class*="c"] {width:100%;margin:0 0;}/*margin: 2rem 0;*/
	.row .col[class*="c"] img:not(a.btn_pdf img) {margin-left:auto; margin-right: auto; display: block;}
	.owl--text .titre_header {min-width:unset}
	.texte_home {-webkit-column-count: 2; -webkit-column-gap: 15px;column-gap: 15px; -moz-column-count: 2; -moz-column-gap: 15px; column-count: 2;}
	#last_news {margin-top: 0;}
	#last_news #box_actu {display: inline-block;}
	#last_news #box_actu .col.c4 {width: 50%;}
	#last_news .titre_actu {font-size: 18px; text-overflow:ellipsis;}
	.last_news_bg {padding-bottom: 0;}
	.flex-valign-middle {flex-direction:column}
	.not_oblig {display: none;}

	#left_nav a, #left_nav a:visited {font-size: 12px;}
	#footer .row {text-align: center;}
	#footer .row .col.c3 {width:50%;height:auto;margin:5px 0;}
	#footer .row .col.c6 {width:100%;height:auto;margin:5px 0;}
	#footer .liste-footer img {float: left;margin-top: 10px;}
	#footer img.logo_footer {width: 85%}

	.row .col.left-c2 {left: 0}
	.ico_contact {display: block;text-align: center; padding: 1.75rem 0;}
	.ico_contact img {margin-bottom: .5rem;}
	.inputs.col.c6 {margin: 1rem 0}

	.row .col.c6.bgimg{height:300px;min-height:1px}
	.grid-item,.grid-item.bythree {width: 49%;}
	.grid-item.bythree a img {width: 100%;max-width: unset;}
	.hidden-price {display:block;margin-bottom:30px}
	/*.texte {padding-left:0;padding-right:0}*/
	.titre span, h2.titre span, h3.titre span, div.titre span {margin-bottom: 0;}
	.inputs {width:100%;min-height:0}
	.flex-five {flex:50%;margin: 10px 0;text-align: center;box-sizing: border-box;}
	.owl--text .titre_header{font-size: 30px;}
	.spacer-100{height: 50px;}
	img.img-max-width{width:100%}
	#box-lines{flex-direction: column;}
	.titre span, h2.titre span, h3.titre span, div.titre span {font-size:50px}

	.box-icon{padding:0 0 0 0} .box-icon img.f-left{float:none;padding:0 0 0 0}

#customer_comment{flex-direction:column}
#customer_comment .inputs textarea {width:100%;margin:0 0}
#cta {padding:0 0 2rem}
	}

	@media (max-width: 675px) {
		#section-3 .flex-prices {flex-direction:column;justify-content:flex-start}
		#section-3 .flex-prices-price{margin:0 0 35px}
		#section-3 .flex-prices-duree{margin-bottom:0}
		.owl--text .titre_header_reg {font-size: 45px;min-width: auto;}
		.row .col.c3,.row .col.c3.services_home,.row .col.c4.portfolio {width:100%;}
		.row .col.c1,.row .col.c2,.row .col.c3,.row .col.c4,.row .col.c5,.row .col.c6,.row .col.c7,.row .col.c8,.row .col.c9,.row .col.c10,.row .col.c11,.row .col.c12 {width: 100%;}
		
		h1.titre {padding-bottom: 20px;font-size: 24px;}
		#left_nav {display: none;}
		#reviews .titre_review {font-size: 35px;}
		.texte_home {-webkit-column-count: 1; -webkit-column-gap: 15px;column-gap: 15px; -moz-column-count: 1; -moz-column-gap: 15px; column-count: 1;}
		#competences_home.row .col.c12.mini_box {text-align: center; margin:4% 0;}
		#competences_home.row .col.c12.mini_box.rotation_image .col.c3 {width: 100%;}
		#competences_home.row .col.c12.mini_box.rotation_image .col.c3 img {max-width: 10%;}
		#cta_footer .texte {display: block; text-align: center;}
		#cta_footer .texte .col {margin-bottom: 20px;}
		.row #content_timeline .col.c3 {height: auto; padding-bottom: 100px;}
		#last_news #box_actu .col.c4 {width: 100%;}
		#footer_content .row .col.c3 {height: auto;width:100%;}
		.t_certif {font-size: 20px; line-height: initial;}
.owl--text .txt_header{margin:0 0}
.texte {line-height:22px;font-size:16px;padding:30px 1rem}
.borne-details{gap:0;margin:2rem 0}
.borne-details ul li{padding-left:0}
.borne-details ul li h3{font-size:20px}
.borne-details ul li img{float:none;margin:0 0 1rem}
.borne-details ul{text-align:center}
.borne-details ul li p{font-size:14px;margin-bottom:5px;line-height:20px}
.chapo {line-height:20px/*;font-size:14px*/}
div#owl--text--content{padding-top:4rem}
.owl--text .titre_header.mini{font-size:30px;}
	}
@media (max-width: 576px) {
	#section-3 .box-by-three{flex:1 100%}
	#logo img{max-width:100%;height:auto}
	#footer img{max-width:90%}
	.owl--text .titre_header_reg {font-size: 40px;min-width: auto;}
	.btn_cta_header {margin-top: 5%;}
	.owl--text {box-sizing: border-box;}
	h1.titre {padding-bottom: 20px;font-size: 24px;}
	#footer_content .row .col.c3:first-child {margin-bottom: 20px;}
	div[class*="col c"] {width: 100%;}
	.size14 {font-size: 16px;}
	#cta_footer .col.c8 {font-size: 28px;}

	#footer .row .col.c3 {width:100%;height:auto;margin:5px 0;}
	#footer .row .col.c6 {width:100%;height:auto;margin:5px 0;}
	#footer #cta-footer {padding:1.25rem 1rem}
	#avis_clients_car .txt_avis{font-size: 40px;}
	.flex-five {flex:100%;margin: 10px 0;text-align: center;box-sizing: border-box;}
	.appli-desc:nth-child(2) {border-left:none;}
	#box-lines .ligne-h{padding:1rem 0 4rem 0;display:flex;align-items:center;flex-direction:column;}
	.accordion-title{font-size:14px;padding:10px 40px 10px 15px;line-height:20px}
}

@media (max-width:480px) {
	h1.titre {padding-bottom: 20px;font-size: 24px;}
	.nav li:hover ul li a, .nav li ul li a {font-size: 15px}
.titre{font-size:3vh;line-height:3.5vh}
.titre.big {font-size:3.5vh;line-height:4vh}
.btn{white-space:initial}
.offre{padding:20px 10px}
}

@media(max-width:430px) {
.titre.big {font-size:3vh;line-height:3.5vh}
}