html {font-size:50%; }
body > main {padding-top:82px;}
body > nav {width:100%; }
body > nav > ul {width:80%; }
body > nav > ul.mobile {display:block;}
body > header > figure {max-width: 200px;}
body > header > ul {display:none;}
body > nav > ul li.on::before {top:4px;}
body > nav > ul.buts a.but { width:250px; }
body > header > .burger {font-size:3rem;}
body > header > .flags {padding-left:2vw; display:flex; flex-direction:column;opacity:0;}
body > header > .flags a {display: inline-block; width: 20px; margin-bottom:8px;}
body > header > .flags a img {width:100%;}
header a.btn {margin-bottom: 6px; font-size:1.6rem;}

.sides > ul > li figure h1 {font-size:6rem; line-height: 1.2; padding-left:15px; padding-right:15px;}

.banner-action {padding-left:35%;}
.banner-action.reverse{padding-right:35%;}
.banner-action > img {aspect-ratio:1 / 1; object-fit:cover; min-height:420px;}
.banner-action > div {width:70%;}
.banner-action > div > div {width:225px; height:143px; }
.banner-action > div > a {width:200px; height:128px; font-size:3.6rem;}
.banner-action > div > a b {padding-top:30px;}
.banner-action > div > a s {font-size:2.5rem; }
.banner-action > div > div::before,
.banner-action > div > a::before {
	top:-54px;
	border-bottom:55px solid #692078;
	border-left:100px solid transparent;
	border-right:100px solid transparent;
}
.banner-action > div > div::after,
.banner-action > div > a::after {
	bottom:-54px;
	border-top:55px solid #692078;
	border-left:100px  solid transparent;
	border-right:100px  solid transparent;
}
.banner-action > div > div::before {
	border-width: 0 112px 62px 112px;
	border-bottom:62px solid rgba(255,255,255,0.5);
	top:-62px;
}
.banner-action > div > div::after {
	border-width: 62px 112px 0 112px;
	border-top:62px solid rgba(255,255,255,0.5);
	bottom:-62px;
}

.icons-line {flex-wrap:wrap;}
.icons-line li img {max-width: 150px;}

.icons > div > ul > li .chapo,
.features > li .chapo {font-size:1.8rem;}

.covered-section > article {padding:0 15px;}
.covered-section > article h1 {font-size:10vw;}

.facettes { overflow-x:hidden; }
.facettes > svg {position:absolute; left:50%; width:800px; margin-left:-400px;}
.facettes.grey > svg {position:absolute; left:50%; width:1600px; margin-left:-800px; top:-15px;}
@media all and (max-width: 630px) {
	.facettes.grey > svg {top:-45px;}
}
.facettes.grey > article.icons {padding-bottom:45px;}

.facettes.grey hgroup h1, .facettes.content hgroup h1 {font-size:11vw;}

section.intro .sides {height:160vh;}
section .sides ul {flex-direction:column;}

section.preview {flex-direction:column;}
section.preview > article {width:100%;}
section.preview > aside {width:100%;}

.blocs {flex-direction:column-reverse;}

section.content.right,
section.content {flex-direction:column;}
section.content.big-picture > article,
section.content > article {width:100%;}
section.content.big-picture > aside,
section.content > aside {width:100%;}
section.content.big-picture.wo {width:100%}

section.content.under > aside {height:auto;}
section.content.under > article {position:relative; width:100%; left: auto; height:auto; }


body > footer {flex-direction:column;}
body > footer > section {width:100%; border:none;}
body > footer > aside {width:100%;}
body > footer .map {padding-right:0;}
body > footer .map > ul {flex-direction:column;}
body > footer .map > ul > li {margin-bottom: 20px;}
body > footer .map ul li,
body > footer .nl h1,
body > footer .nl fieldset {text-align:center;}

body .steps li .circle {width:80px; height:80px;}
body .steps::before {top:45px;}

body .form_price form {flex-direction:column;}
body .form_price form h2 {text-align:center;}
body .form_price aside {border:0; padding:50px 0;}

body .modul_item article>.module>span {font-size:16px;}
body .form_price fieldset {width:90%; margin:auto;}
body .form_price aside {margin:auto;}

body .form .msgok { padding-left:10px; padding-right:10px; }


/*Job-Home*/
.job-list ul {flex-wrap: wrap;}
.job-list ul li.job-normal,
.job-list ul li.job-exergue,
.job-list ul li {width: 100%;  margin: 15px; max-width: none;}
.job-list ul li h2 {font-size: 2.7rem; line-height: 3.5rem;}
.job-list ul.new-jobs {padding: unset;}
.job-list div.quote-job .chapo {width: 90%;}
.job-list ul li div.infos-job {width: 25%;margin-left: 0px;}



@media all and (max-width: 450px) {
	.job-list ul li .infos-job div {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 50px;
		text-align: center;
		margin-bottom: 8px;
	}
	.job-list ul li .infos-job div * {text-align: center;}
}


/*Job*/
.job section article.job-des {padding:0px;}
.job section article h2{font-size:3rem; line-height: 4rem; padding:10px;}
.job section article h3{font-size:2.7rem;}
.job section article ul {font-size: 15px; margin-left: 12px;}
.job section article div.job-we  {width: 100%;margin: 0 0 0px 0; padding:15px; }
.job section article div.job-we article {width: 100%;margin: 0 0 40px 0;}

/*Job Form*/
.digiForm .formRadio ul li {padding-right: 0;}
.digiForm article { width: 100%; margin:5px auto; }
.digiForm .form-title { padding-top:15px; }

/*Contact Form*/
body .steps { margin-bottom:15px; }
body form.contact { padding-left:10px; padding-right:10px; }
.title_contact_page br { display:none; }

.under-prev > figure img {aspect-ratio:1 / 1; object-fit:cover;}

/*Tarif*/
body .digiForm .digi-modules li { width:120px; }
body .digiForm .digi-modules .nb { position:relative; left:15px; }
body .digiForm .digi-modules .hexa { width:90px; }