/* variables */
:root {
    --yellow: #ffd200;
    --yellow-dark: #f7c400;
    --yellow-lighter: #ffed00/*#fee800*/;
    --yellow-gradient-dark: #ffc600;
    --yellow-gradient-light: #ffd200;
    --red: #d61d06;
    --gray: #323232;
	--gray-light: #b9b9b9;
    --gray-lighter: #eee;
	--bleu-ciel: #f7f6f6;
	--green: #44bf3f;

    --bs-font-sans-serif: Prompt, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-card-title-color: #000;
    --bs-heading-color: #000;

	--bs-border-radius: 0;
}
/* utils */
.visuallyhidden {
    border:      0;
    clip:        rect(0 0 0 0);
    clip-path:   inset(50%);
    height:      1px;
    margin:      0;
    overflow:    hidden;
    padding:     0;
    position:    absolute;
    width:       1px;
    white-space: nowrap;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: var(--bs-gutter-x);
  padding-left: var(--bs-gutter-x);
  margin-right: auto;
  margin-left: auto;
}

/* general */
*, ::after, ::before {
  box-sizing: border-box;
}
img {
    height: auto;
	max-width: 100%;
}
figure {
	margin: 3rem 0;
}
body {
    padding-top: 0;
    background: var(--yellow);
    background: center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
    font-family: var(--bs-font-sans-serif);
    color: black;
	word-spacing: -2px;
}
b, strong {
	font-weight: 500;
}
code {
	color: #444;
	background-color: #eee;
	padding: 0.125em 0.25em;
}
figcaption {
	font-size: 0.8rem;
	font-weight: 300;
	color: #686868;
	font-style: italic;
	line-height: 1.3;
	padding-top: 0.4em;
}
figcaption a {
	font-weight: 300;
}



/* form */
.form-check-input[type="checkbox"] {
	border-radius: 0;
}
.form-check-input:focus {
	box-shadow: none;
}
.form-check-input:checked {
	background-color: var(--green);
	box-shadow: none;
}
.form-control {
	border-radius: 0;
}

.btn-primary, .btn-secondary {
    font-size: 1.3rem;
    font-weight: 600;
    padding-left: 1rem;
    padding-right: 2rem;
    color: #000;
    background: var(--yellow-lighter) no-repeat;
	background-image: url("../img/chevron-right.svg");
    background-position: right 0.5rem center;
    background-size: 0.5em;
    box-shadow: 5px 5px 0 var(--yellow-dark);
    border: 2px solid #000;
    border-radius: 0;
}
.btn-primary:active, .btn.btn-primary:first-child:active, .btn-primary:hover,
.btn-secondary:active, .btn.btn-secondary:first-child:active, .btn-secondary:hover,
:not(.btn-check) + .btn:active {
	background-color: var(--red);
	border-color: var(--red);
	color: white;
	background-image: url("../img/chevron-right-b.svg");
}
.btn-secondary {
	background-color: white;
    box-shadow: 5px 5px 0 var(--gray-lighter);
}
.btn.smaller {
	font-size: 75%;
}
.browse {
	content: '';
	display: inline-block;
	width: 0.555em;
	height: 1em;
	margin-right: 0.25rem;
	margin-left: -0.25rem;
	background: bottom center / contain url('../img/browse.svg') no-repeat;
}
.image-wrapper {
	max-width: 150px;
	margin-right: 3rem;
}
.content {
	padding:0 0 8rem;
}

/* header */
.header {
    padding: 1rem 0;
}
.main {
    padding-top: 5rem;
}
.header .container-fluid {
    align-items: center;
}
.navbar-brand {
    float: left;
    width: 180px;
    transition: all ease-in-out 0.3s;
    margin-right: 3rem;
	z-index: 3;
}
.navbar-brand img {
    max-width: 100%;
}
/* nav */
.offcanvas-collapse.open + .navbar-toggler {
    position: fixed;
    right: 2rem;
}
.navbar, .header .container-fluid {
    position: static;
}
.nav-list {
/*     text-align: right; */
    margin: 0;
    padding: 0;
    width: auto;
}
.nav-item {
    display: inline;
}
.nav-link {
    display: inline-block;
    font-weight: 500;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.nav-link:hover,
.page-routeoptimization .nav-link.home-link:hover,
.page-api .nav-link.api-link:hover,
.page-pricing .nav-link.pricing-link:hover,
.page-team .nav-link.team-link:hover,
.page-open .nav-link.open-link:hover {
    background-color: var(--red);
    border-color: var(--red);
    color: white;
}
.navbar-toggler {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 2rem;
	top: 1.5rem;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.ham, .ham:before, .ham:after {
    height: 3px;
    width: 100%;
    display: block;
    margin: 16px 0 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
    background: var(--gray);
}
.ham:before, .ham:after {
    margin: 0;
    position: absolute;
    bottom: -8px;
    content: ' ';
}
.ham:before { top: -8px; }
.open + .navbar-toggler .ham {
    background: transparent;
    transform: rotate(-360deg);
    margin-left: 8px;
    width: 60%;
}
.open + .navbar-toggler .ham:before { transform: rotate(-45deg);  top: 0; }
.open + .navbar-toggler .ham:after { transform: rotate(45deg); bottom: 0; }

.main {
	font-size: 1.15rem;
}
.main .container, .form .container, .aside .container {
	padding-left: 6rem;
}
.main .argue .container {
	padding-left: 2rem;
}

h1 {
    font-size: 3rem;
    font-style: italic;
    font-weight: 600;
    color: #000;
    margin-bottom: 4rem;
}
h2 {
	margin-bottom: 1.5rem;
    font-weight: 600;
	font-style: italic;
	font-size: 2.5rem;
}
h3 {
	font-style: italic;
}
a {
	font-weight: 500;
	text-decoration: none;
	color: #0048cd;
}
p {
	margin-bottom: 2.5em;
}
.align-center {
	text-align: center;
}
.intro {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 2rem;
}
.highlight {
	padding: 2rem 3rem;
	margin: 0 0 0.25rem;
	border: 1px solid var(--gray-light);
	background: top center linear-gradient(to bottom, var(--bleu-ciel) 0, white 10rem);
}
blockquote {
    font-style: italic;
    position: relative;
    padding: 4rem 0;
}
blockquote:after, blockquote:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 1.45rem;
    right: 1rem;
    width: 2.6rem;
    height: 2.6rem;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkuODI5IiBoZWlnaHQ9IjI1Ljk3NSIgdmlld0JveD0iMCAwIDEwLjUzOCA2Ljg3MiIgdmVyc2lvbj0iMS4xIiBpZD0ic3ZnMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMgaWQ9ImRlZnMxIj48Y29sb3ItcHJvZmlsZSBuYW1lPSJBZG9iZS1SR0ItMTk5OCIgeGxpbms6aHJlZj0iZmlsZTovLy9TeXN0ZW0vTGlicmFyeS9Db2xvclN5bmMvUHJvZmlsZXMvQWRvYmVSR0IxOTk4LmljYyIgaWQ9ImNvbG9yLXByb2ZpbGUyIi8+PHN0eWxlIGlkPSJzdHlsZTEiPjwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzcuMDIgNTcxLjc0OCkiIHN0eWxlPSJkaXNwbGF5OmlubGluZSI+PGcgaWQ9Imc3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNjc3IC0yLjk3MikiPjxwYXRoIGlkPSJyZWN0MzktMSIgc3R5bGU9ImZvbnQtdmFyaWF0aW9uLXNldHRpbmdzOm5vcm1hbDt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojMDAwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDouMTk2MTM7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO3N0b3AtY29sb3I6IzAwMCIgZD0ibTE3Ni44NDQtNTY4Ljc3Ni0uNTAxIDQuMDY5aDIuMDI4bC0uNTUzIDIuODAzaC41MDhzMi4wNS0yLjczIDIuMDc2LTIuNzcyYy4wMDUtLjAwNy4wMDYtLjAxOC4wMS0uMDMxbC41MDItNC4wN3ptNS45NjcgMC0uNTAxIDQuMDY5aDIuMDI4bC0uNTUzIDIuODAzaC41MDhzMi4wNS0yLjczIDIuMDc2LTIuNzcyYy4wMDUtLjAwNy4wMDYtLjAxOC4wMS0uMDMxbC41MDItNC4wN3oiLz48L2c+PC9nPjwvc3ZnPg==");
	background-size: 100%;
    background-repeat: no-repeat;
}
blockquote:before {
    top: 0.5rem;
    left: 0;
	bottom: auto;
	right: auto;
	transform: rotate(180deg);
}

/* section */
.argue {
    padding: 3rem 0;
    background: url('../img/traceroute-verso.png') center;
    background-size: 100% auto;
}
.argue > div {
    grid-template-columns: 1fr 1fr;
}
.argue .card {
    margin: 0.75rem 0;
    border-radius: 0;
    border: 0;
    padding: 2rem;
}
.argue .card p {
	margin: 0;
}
.card-title {
    margin-bottom: 1rem;
    line-height:
}
.card-title img {
    float: left;
    margin-right: 1rem;
    max-height: 70px;
}
.opencarto .card-title img {
    max-height: 76px;
}
.card-title a {
    display: block;
    color: var(--bs-card-title-color);
    text-decoration: none;
}

.trusted {
    background: white;
}
.trusted ul {
    list-style: none;
}
.list-verso {
	padding: 0 0 1rem 1.5em;
	list-style: none;
}
.list-verso .item {
	padding: 0;
	margin: 0.3lh 0;
}
.list-verso .item:before {
	display: block;
	content: '';
	width: 1em;
	height: 1lh;
	float: left;
	margin-left: -1.5em;
	background: left center no-repeat;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIuNDUiIGhlaWdodD0iMTEuMDIxIiB2aWV3Qm94PSIwIDAgMy4yOTQgMi45MTYiIHZlcnNpb249IjEuMSIgaWQ9InN2ZzEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzMSI+PGxpbmVhckdyYWRpZW50IGlkPSJzd2F0Y2gxOSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCguMDE1MDIgMCAtLjAwMDI2IC4wMTEwNCAtMTM4NC45NzYgODk2LjYwMykiPjxzdG9wIHN0eWxlPSJzdG9wLWNvbG9yOiNmZmQ1MDA7c3RvcC1vcGFjaXR5OjEiIG9mZnNldD0iMCIgaWQ9InN0b3AxOSIvPjwvbGluZWFyR3JhZGllbnQ+PGNvbG9yLXByb2ZpbGUgbmFtZT0iQWRvYmUtUkdCLTE5OTgiIHhsaW5rOmhyZWY9ImZpbGU6Ly8vU3lzdGVtL0xpYnJhcnkvQ29sb3JTeW5jL1Byb2ZpbGVzL0Fkb2JlUkdCMTk5OC5pY2MiIGlkPSJjb2xvci1wcm9maWxlMiIvPjxzdHlsZSBpZD0ic3R5bGUxIj48L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGF5ZXI1IiBzdHlsZT0iZGlzcGxheTppbmxpbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MDEuMjMzIC0yMTkuNTMpIj48ZyBpZD0iZzc3Ij48cGF0aCBpZD0icGF0aDE3LTYtMCIgc3R5bGU9ImZpbGw6dXJsKCNzd2F0Y2gxOSk7c3Ryb2tlLXdpZHRoOi44MTM2MTI7c3Ryb2tlLW1pdGVybGltaXQ6NC4zO3N0cm9rZS1kYXNob2Zmc2V0OjEzOC41NjU7cGFpbnQtb3JkZXI6bWFya2VycyBmaWxsIHN0cm9rZSIgZD0ibTgwMi4yMDggMjE5LjU0LjgzNiAxLjE3Ni0xLjEzNiAxLjA3Ny0uNjc1LjY1M2gxLjc3NmwuMjg4LS4yNzkgMS4yMy0xLjE5LS45My0xLjQ0N3oiLz48L2c+PC9nPjwvc3ZnPg==");
}

.separator .col {
	border-right: 1px solid var(--gray-light);
}
.row-cols-1.row-cols-md-2.row-cols-xl-4.separator .col:nth-child(4n) {
	border: 0;
}
/* correction owl carousel */
.owl-carousel {
	display: block;
}
.owl-carousel div {
	display: flex;
	align-items: center;
	width: 100%;
}
.owl-carousel.owl-theme .owl-dots:not(.disabled), .owl-carousel.owl-theme .owl-nav:not(.disabled) {
	display: block;
}
.owl-carousel .owl-item img, .owl-carousel div img {
	width: auto;
	margin: 0 auto;
}
.owl-carousel.owl-loaded {
	display: block !important;
}

/* page route-optimization */
.page-routeoptimization .content {
	padding-top: 4rem;
}



/* page API */
.page-api .main {
	background: white;
}
.benefits {
	margin: 2rem -3rem;
}
.benefits img {
	margin-bottom: 1.5rem;
}
.benefits h3 {
	font-size: 1.4rem;
	font-style: normal;
}
.benefits .col {
	padding: 0 3rem;
	margin: 0 0 4rem;
}
.endpoints h3 {
	font-style: italic;
	margin-bottom: 1em;
}
.page-api .btn-secondary {
	font-size: 1.5rem;
}
.page-api .btn.smaller {
	font-size: 80%;
	margin-top: -2rem;
	margin-bottom: 4rem;
}
.page-api section.form {
	background: left top 10rem no-repeat url('../img/bkg-form.png');
}


/* page pricing */
.page-pricing .main {
	background: white;
}
.page-pricing .highlight h2 {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.3;
}
.page-pricing .highlight h2 .bigger {
	font-size: 5rem;
	font-weight: 600;
	display: block;
}
.page-pricing .highlight .row > div:last-child {
	padding-top: 2em;
}
.currency {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 280px;
}
/* les boutons visibles qui declanche le select qui est invisible */
/* cf /js/verso.js */
.button-currency {
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid var(--gray);
	font-size: 1.5rem;
	background: white;
	transition: all ease-in-out 0.1s;
}
.button-currency:hover, .button-currency.active {
	background: var(--green);
	color: white;
}
.accordion-body {
	padding-bottom: 0;
	background: top center linear-gradient(to bottom, var(--bleu-ciel) 0, white 10rem);
	border-top: 1px solid var(--gray-light);
}
.accordion-header {}
.accordion-header span {
	display: block;
	position: absolute;
	right: 5rem;
}
.accordion-button {
	font-size: 1.2rem;
	font-weight: 600;
	color: black;
}
.accordion-item {
	position: relative;
	border-color: #b9b9b9;
	margin-bottom: 0.25rem;
}
.accordion-item:not(:first-of-type) {
	border-top: 1px solid var(--gray-light);
}
.accordion-button:before {
	display: block;
	content: '';
	width: 2rem;
	height: 2rem;
	border: 2px solid black;
	position: absolute;
	right: 1.25rem;
	top: 1rem;
	z-index: 3;
}
.accordion-body h3 {
	font-style: italic;
	margin-bottom: 1rem;
}
.accordion-body p {
	margin: 0 0 1rem;
}
.accordion-body hr {
	margin: 1rem -1.25rem;
}
.accordion-button:after, .accordion-button:not(.collapsed):after {
	width: 2rem;
	height: 2rem;
	background-position: center;
	background-size: 40%;
/* 	transform: rotate(90deg); */
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTguMTE5IiBoZWlnaHQ9IjExLjQ2NyIgdmlld0JveD0iMCAwIDQuNzk0IDMuMDM0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIHN0eWxlPSJmaWxsOiMwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOi4zO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgZD0ibTIuMzk3IDMuMDMyIDIuMzk2LTEuNzZMNC43OSAwIDIuMzk3IDEuNzQzIDAgMHYxLjI3M3oiLz48L3N2Zz4=");
}
.accordion-button:not(.collapsed) {
	background: none;
	color: black;
}
.accordion-item:first-of-type, .accordion-item:last-of-type,
.accordion-item:first-of-type > .accordion-header .accordion-button,
.accordion-item:last-of-type > .accordion-header .accordion-button {
	border-radius: 0;
}
.accordion-button:focus {
	box-shadow: none;
}


/* page pricing */
.pricing-slider h2 {
	margin: 0;
	padding: 0 2rem;
}
.pricing-item-price {
	display: flex;
	justify-content: center;
}

/* styler un input type range
 * cf https://nosmoking.developpez.com/demos/rep-forum/range-step-variable.html
 */
/* range thumb */
input[type="range"] {
	display: block;
	appearance: none;
	-webkit-appearance: none;
	box-sizing: content-box;
	width: 100%;
	height: 40px;
	margin: 0;
	font-size: 1em;
	outline: none;
	background: none;
	cursor: pointer;
}

/* Chrome, Safari, Edge (Chromium) */
input[type="range"]::-webkit-slider-runnable-track {
	background: var(--gray);
	height: 0.5rem;
	border-radius: 3px;
}
/* Firefox */
input[type="range"]::-moz-range-track {
	background: var(--gray);
	height: 0.5rem;
	border-radius: 3px;
}
/* IE */
input[type="range"]::-ms-track {
	background: var(--gray);
	height: 0.5rem;
	border-radius: 3px;
}

/* Chrome, Safari, Edge (Chromium) */
input[type="range"]::-webkit-slider-thumb {
	box-sizing: border-box;
	appearance: none;
	width: 40px;
	height: 40px;
	margin-top: -17px;
	border-radius: 0.5rem;
	border: 2px solid black;
	cursor: ew-resize;
	background: var(--yellow-lighter) no-repeat center;
	background-position: center;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEuMzM5IiBoZWlnaHQ9IjI4LjI3OCIgdmlld0JveD0iMCAwIDUuNjQ2IDcuNDgyIiB2ZXJzaW9uPSIxLjEiIGlkPSJzdmcxIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcyBpZD0iZGVmczEiPjxjb2xvci1wcm9maWxlIG5hbWU9IkFkb2JlLVJHQi0xOTk4IiB4bGluazpocmVmPSJmaWxlOi8vL1N5c3RlbS9MaWJyYXJ5L0NvbG9yU3luYy9Qcm9maWxlcy9BZG9iZVJHQjE5OTguaWNjIiBpZD0iY29sb3ItcHJvZmlsZTIiLz48L2RlZnM+PGcgaWQ9ImxheWVyNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3OTkuMjc5IC0yOTAuMzc3KSI+PGcgaWQ9ImcyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNjYpIj48ZyBpZD0iZzEwNy0xLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNy4xMzUgMTE3LjA5KSI+PHBhdGggaWQ9InBhdGg0ODQiIHN0eWxlPSJmaWxsOiMyZDJjMmU7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOi4yMzU5OTgiIGQ9Im0xNzk5LjI3OSAxMDk1Ljk4NC4wMS4wNDZ2LS4wMTd6bTMuMjY3IDEuODE4YS4zMjMuMzIzIDAgMCAxLS4xMTYuMDIxaC0xLjY5NmEuMjg3LjI4NyAwIDAgMS0uMTE1LS4wMmwtLjAzNy0uMDE2di0uNjY1Yy0uMDM1LS4wMjUtLjA5My0uMDc1LS4wOTMtLjA3NWExLjU5IDEuNTkgMCAwIDEtLjYtMS4xMTJ2LS4wMjFsLjAxLS4wMXYtMS43OTFhLjIyNC4yMjQgMCAwIDEgLjIyNC0uMjIzbC4wNzMuMDI0LjA0LjAyNXYuOTY1Yy4wMS4wMTguMDc5LjE4Ny4wOTMuMjIzbC4yMS4wODcuMjEyLS4wODhjLjAxNS0uMDM2LjA4NC0uMjA0LjA5LS4yMjJ2LTEuMTc5YzAtLjA1LjAyNS0uMDk5LjA2My0uMTM3YS4yMjcuMjI3IDAgMCAxIC4xNTktLjA2NmMuMDM5IDAgLjA2Mi4wMTYuMDc3LjAyNmwuMDQuMDI1djEuMDM1YzAgLjA4LjAzMS4xNTYuMDkuMjE0YS4zMDQuMzA0IDAgMCAwIC41MTgtLjIxNGwtLjAwMi0xLjI0OC4wMS0uMDFhLjIxOC4yMTggMCAwIDEgLjIxNy0uMTg4bC4wNzEuMDI0LjA0Mi4wMjV2MS4xNTJjLjAyLjA0LjA0Ny4xMDUuMDkyLjIxM2wuMjEyLjA4OC4yMS0uMDg4LjA5My0uMjIzdi0yLjhhLjIyMS4yMjEgMCAwIDEgLjIyMy0uMjIzYy4xMjIgMCAuMjIyLjEuMjIzLjIyM3Y0LjAxbC44NjUtMS4xMjguMDIxLS4wMmEuMjI0LjIyNCAwIDAgMSAuMzM1LjI5NGwtMS4zNTUgMS43NTljLS4xMi4xNzQtLjIzOC4zMTYtLjM1OC40MzZsLS4wODUuMDg0di43ODl6bS41MzYuMDEzdi0uNjI0bC4wMTUtLjAxNmMuMS0uMTEuMjA4LS4yMy4zMDctLjM2OGwuMDIyLS4wMyAxLjM1LTEuNzU0YS43MjUuNzI1IDAgMCAwLS4xMzMtMS4wMTQuNzE2LjcxNiAwIDAgMC0uODg4LjAybC0uMDk1LjA3NnYtMi41NGEuNzE5LjcxOSAwIDAgMC0xLjIzNC0uNTEuNzE4LjcxOCAwIDAgMC0uMjExLjUxdjEuMTU4bC0uMTI0LS4wMzFhLjM1LjM1IDAgMCAwLS4wOTctLjAxOC43MTUuNzE1IDAgMCAwLS41MDkuMjExLjcwNi43MDYgMCAwIDAtLjExOC4xNjZsLS4wMjQuMDQ0LS4wNDctLjAxNmEuNzEyLjcxMiAwIDAgMC0uMjQzLS4wNS43MTguNzE4IDAgMCAwLS41MS4yMTEuNzE0LjcxNCAwIDAgMC0uMTIuMTc3bC0uMDI1LjA0NS0uMDQ2LS4wMTdhLjY4LjY4IDAgMCAwLS4yNC0uMDQ4LjcxNy43MTcgMCAwIDAtLjUxMi4yMTIuNzE3LjcxNyAwIDAgMC0uMjExLjUxdjEuNzMxbC0uMDAxLjAxMS4wMS4xNDZjLjA1LjUwNS4yODYuOTc3LjY2NiAxLjMzbC4wMi4wMTctLjAwMS40NjJjMCAuMTU1LjA4NS4yOTguMjMzLjM5M2EuNzkuNzkgMCAwIDAgLjQxOS4xMTVoMS42OTZhLjc4Ni43ODYgMCAwIDAgLjQxOC0uMTE1LjU5LjU5IDAgMCAwIC4wOTctLjA3OC40NC40NCAwIDAgMCAuMTM3LS4zMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3LjEzNSAtOTE4LjIxMykiLz48L2c+PC9nPjwvZz48L3N2Zz4K");
}
/* Firefox */
input[type="range"]::-moz-range-thumb {
	box-sizing: border-box;
	appearance: none;
	width: 40px;
	height: 40px;
	border-radius: 0.5rem;
	border: 2px solid black;
	cursor: ew-resize;
	background: var(--yellow-lighter) no-repeat center;
	background-position: center;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEuMzM5IiBoZWlnaHQ9IjI4LjI3OCIgdmlld0JveD0iMCAwIDUuNjQ2IDcuNDgyIiB2ZXJzaW9uPSIxLjEiIGlkPSJzdmcxIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcyBpZD0iZGVmczEiPjxjb2xvci1wcm9maWxlIG5hbWU9IkFkb2JlLVJHQi0xOTk4IiB4bGluazpocmVmPSJmaWxlOi8vL1N5c3RlbS9MaWJyYXJ5L0NvbG9yU3luYy9Qcm9maWxlcy9BZG9iZVJHQjE5OTguaWNjIiBpZD0iY29sb3ItcHJvZmlsZTIiLz48L2RlZnM+PGcgaWQ9ImxheWVyNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3OTkuMjc5IC0yOTAuMzc3KSI+PGcgaWQ9ImcyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNjYpIj48ZyBpZD0iZzEwNy0xLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNy4xMzUgMTE3LjA5KSI+PHBhdGggaWQ9InBhdGg0ODQiIHN0eWxlPSJmaWxsOiMyZDJjMmU7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOi4yMzU5OTgiIGQ9Im0xNzk5LjI3OSAxMDk1Ljk4NC4wMS4wNDZ2LS4wMTd6bTMuMjY3IDEuODE4YS4zMjMuMzIzIDAgMCAxLS4xMTYuMDIxaC0xLjY5NmEuMjg3LjI4NyAwIDAgMS0uMTE1LS4wMmwtLjAzNy0uMDE2di0uNjY1Yy0uMDM1LS4wMjUtLjA5My0uMDc1LS4wOTMtLjA3NWExLjU5IDEuNTkgMCAwIDEtLjYtMS4xMTJ2LS4wMjFsLjAxLS4wMXYtMS43OTFhLjIyNC4yMjQgMCAwIDEgLjIyNC0uMjIzbC4wNzMuMDI0LjA0LjAyNXYuOTY1Yy4wMS4wMTguMDc5LjE4Ny4wOTMuMjIzbC4yMS4wODcuMjEyLS4wODhjLjAxNS0uMDM2LjA4NC0uMjA0LjA5LS4yMjJ2LTEuMTc5YzAtLjA1LjAyNS0uMDk5LjA2My0uMTM3YS4yMjcuMjI3IDAgMCAxIC4xNTktLjA2NmMuMDM5IDAgLjA2Mi4wMTYuMDc3LjAyNmwuMDQuMDI1djEuMDM1YzAgLjA4LjAzMS4xNTYuMDkuMjE0YS4zMDQuMzA0IDAgMCAwIC41MTgtLjIxNGwtLjAwMi0xLjI0OC4wMS0uMDFhLjIxOC4yMTggMCAwIDEgLjIxNy0uMTg4bC4wNzEuMDI0LjA0Mi4wMjV2MS4xNTJjLjAyLjA0LjA0Ny4xMDUuMDkyLjIxM2wuMjEyLjA4OC4yMS0uMDg4LjA5My0uMjIzdi0yLjhhLjIyMS4yMjEgMCAwIDEgLjIyMy0uMjIzYy4xMjIgMCAuMjIyLjEuMjIzLjIyM3Y0LjAxbC44NjUtMS4xMjguMDIxLS4wMmEuMjI0LjIyNCAwIDAgMSAuMzM1LjI5NGwtMS4zNTUgMS43NTljLS4xMi4xNzQtLjIzOC4zMTYtLjM1OC40MzZsLS4wODUuMDg0di43ODl6bS41MzYuMDEzdi0uNjI0bC4wMTUtLjAxNmMuMS0uMTEuMjA4LS4yMy4zMDctLjM2OGwuMDIyLS4wMyAxLjM1LTEuNzU0YS43MjUuNzI1IDAgMCAwLS4xMzMtMS4wMTQuNzE2LjcxNiAwIDAgMC0uODg4LjAybC0uMDk1LjA3NnYtMi41NGEuNzE5LjcxOSAwIDAgMC0xLjIzNC0uNTEuNzE4LjcxOCAwIDAgMC0uMjExLjUxdjEuMTU4bC0uMTI0LS4wMzFhLjM1LjM1IDAgMCAwLS4wOTctLjAxOC43MTUuNzE1IDAgMCAwLS41MDkuMjExLjcwNi43MDYgMCAwIDAtLjExOC4xNjZsLS4wMjQuMDQ0LS4wNDctLjAxNmEuNzEyLjcxMiAwIDAgMC0uMjQzLS4wNS43MTguNzE4IDAgMCAwLS41MS4yMTEuNzE0LjcxNCAwIDAgMC0uMTIuMTc3bC0uMDI1LjA0NS0uMDQ2LS4wMTdhLjY4LjY4IDAgMCAwLS4yNC0uMDQ4LjcxNy43MTcgMCAwIDAtLjUxMi4yMTIuNzE3LjcxNyAwIDAgMC0uMjExLjUxdjEuNzMxbC0uMDAxLjAxMS4wMS4xNDZjLjA1LjUwNS4yODYuOTc3LjY2NiAxLjMzbC4wMi4wMTctLjAwMS40NjJjMCAuMTU1LjA4NS4yOTguMjMzLjM5M2EuNzkuNzkgMCAwIDAgLjQxOS4xMTVoMS42OTZhLjc4Ni43ODYgMCAwIDAgLjQxOC0uMTE1LjU5LjU5IDAgMCAwIC4wOTctLjA3OC40NC40NCAwIDAgMCAuMTM3LS4zMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3LjEzNSAtOTE4LjIxMykiLz48L2c+PC9nPjwvZz48L3N2Zz4K");
}
/* IE */
input[type="range"]::-ms-thumb {
	box-sizing: border-box;
	appearance: none;
	width: 40px;
	height: 40px;
	border-radius: 0.5rem;
	border: 2px solid black;
	cursor: ew-resize;
	background: var(--yellow-lighter) no-repeat center;
	background-position: center;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEuMzM5IiBoZWlnaHQ9IjI4LjI3OCIgdmlld0JveD0iMCAwIDUuNjQ2IDcuNDgyIiB2ZXJzaW9uPSIxLjEiIGlkPSJzdmcxIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcyBpZD0iZGVmczEiPjxjb2xvci1wcm9maWxlIG5hbWU9IkFkb2JlLVJHQi0xOTk4IiB4bGluazpocmVmPSJmaWxlOi8vL1N5c3RlbS9MaWJyYXJ5L0NvbG9yU3luYy9Qcm9maWxlcy9BZG9iZVJHQjE5OTguaWNjIiBpZD0iY29sb3ItcHJvZmlsZTIiLz48L2RlZnM+PGcgaWQ9ImxheWVyNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3OTkuMjc5IC0yOTAuMzc3KSI+PGcgaWQ9ImcyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNjYpIj48ZyBpZD0iZzEwNy0xLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNy4xMzUgMTE3LjA5KSI+PHBhdGggaWQ9InBhdGg0ODQiIHN0eWxlPSJmaWxsOiMyZDJjMmU7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOi4yMzU5OTgiIGQ9Im0xNzk5LjI3OSAxMDk1Ljk4NC4wMS4wNDZ2LS4wMTd6bTMuMjY3IDEuODE4YS4zMjMuMzIzIDAgMCAxLS4xMTYuMDIxaC0xLjY5NmEuMjg3LjI4NyAwIDAgMS0uMTE1LS4wMmwtLjAzNy0uMDE2di0uNjY1Yy0uMDM1LS4wMjUtLjA5My0uMDc1LS4wOTMtLjA3NWExLjU5IDEuNTkgMCAwIDEtLjYtMS4xMTJ2LS4wMjFsLjAxLS4wMXYtMS43OTFhLjIyNC4yMjQgMCAwIDEgLjIyNC0uMjIzbC4wNzMuMDI0LjA0LjAyNXYuOTY1Yy4wMS4wMTguMDc5LjE4Ny4wOTMuMjIzbC4yMS4wODcuMjEyLS4wODhjLjAxNS0uMDM2LjA4NC0uMjA0LjA5LS4yMjJ2LTEuMTc5YzAtLjA1LjAyNS0uMDk5LjA2My0uMTM3YS4yMjcuMjI3IDAgMCAxIC4xNTktLjA2NmMuMDM5IDAgLjA2Mi4wMTYuMDc3LjAyNmwuMDQuMDI1djEuMDM1YzAgLjA4LjAzMS4xNTYuMDkuMjE0YS4zMDQuMzA0IDAgMCAwIC41MTgtLjIxNGwtLjAwMi0xLjI0OC4wMS0uMDFhLjIxOC4yMTggMCAwIDEgLjIxNy0uMTg4bC4wNzEuMDI0LjA0Mi4wMjV2MS4xNTJjLjAyLjA0LjA0Ny4xMDUuMDkyLjIxM2wuMjEyLjA4OC4yMS0uMDg4LjA5My0uMjIzdi0yLjhhLjIyMS4yMjEgMCAwIDEgLjIyMy0uMjIzYy4xMjIgMCAuMjIyLjEuMjIzLjIyM3Y0LjAxbC44NjUtMS4xMjguMDIxLS4wMmEuMjI0LjIyNCAwIDAgMSAuMzM1LjI5NGwtMS4zNTUgMS43NTljLS4xMi4xNzQtLjIzOC4zMTYtLjM1OC40MzZsLS4wODUuMDg0di43ODl6bS41MzYuMDEzdi0uNjI0bC4wMTUtLjAxNmMuMS0uMTEuMjA4LS4yMy4zMDctLjM2OGwuMDIyLS4wMyAxLjM1LTEuNzU0YS43MjUuNzI1IDAgMCAwLS4xMzMtMS4wMTQuNzE2LjcxNiAwIDAgMC0uODg4LjAybC0uMDk1LjA3NnYtMi41NGEuNzE5LjcxOSAwIDAgMC0xLjIzNC0uNTEuNzE4LjcxOCAwIDAgMC0uMjExLjUxdjEuMTU4bC0uMTI0LS4wMzFhLjM1LjM1IDAgMCAwLS4wOTctLjAxOC43MTUuNzE1IDAgMCAwLS41MDkuMjExLjcwNi43MDYgMCAwIDAtLjExOC4xNjZsLS4wMjQuMDQ0LS4wNDctLjAxNmEuNzEyLjcxMiAwIDAgMC0uMjQzLS4wNS43MTguNzE4IDAgMCAwLS41MS4yMTEuNzE0LjcxNCAwIDAgMC0uMTIuMTc3bC0uMDI1LjA0NS0uMDQ2LS4wMTdhLjY4LjY4IDAgMCAwLS4yNC0uMDQ4LjcxNy43MTcgMCAwIDAtLjUxMi4yMTIuNzE3LjcxNyAwIDAgMC0uMjExLjUxdjEuNzMxbC0uMDAxLjAxMS4wMS4xNDZjLjA1LjUwNS4yODYuOTc3LjY2NiAxLjMzbC4wMi4wMTctLjAwMS40NjJjMCAuMTU1LjA4NS4yOTguMjMzLjM5M2EuNzkuNzkgMCAwIDAgLjQxOS4xMTVoMS42OTZhLjc4Ni43ODYgMCAwIDAgLjQxOC0uMTE1LjU5LjU5IDAgMCAwIC4wOTctLjA3OC40NC40NCAwIDAgMCAuMTM3LS4zMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3LjEzNSAtOTE4LjIxMykiLz48L2c+PC9nPjwvZz48L3N2Zz4K");
}

.pricing-item-details {
	padding: 0;
	margin: 0 -1.1em;
}
.pricing-slider-slider {
	padding: 4rem 2rem 2rem;
	position: relative;
}
.pricing-slider-slider label {
	display: block;
	position: absolute;
	top: 0;
	line-height: 1.2;
}
.pricing-slider-slider input {
	width: 100%;
}
.pricing-slider-value {
	position: absolute;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #909cb5;
	text-align: center;
	width: 6rem;
	bottom: 0.5rem;
	--thumb-size: 40px;
}
.pricing-item-price {
	padding: 0 3rem 1rem;
	text-align: center;
}
.price-line {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #b9b9b9;
	padding: 0.5em 3rem;
}
.price-line:last-of-type {
	border: 0;
}
.price-line > div {
	width: 10rem;
}
.price-line > div:first-child {
	width: 4rem;
}
.price-line > div:last-child {
	width: 6rem;
}
.pricing-slider-value {
}
.price-value {

}



/* page open */
.page-open .main {
	padding-top: 5rem;
	background: white;
}
.images-wrapper {
	margin-bottom: 6rem;
}
.images-wrapper a {
	display: inline-block;
	margin-bottom: 1rem;
	margin-right: 2rem;
}
.images-wrapper .osm {
	max-width: 150px;
}
.images-wrapper .osmf {
	max-width: 150px;
}
.images-wrapper .fposm {
	max-width: 150px;
}
.images-wrapper .april {
	max-width: 150px;
}
.images-wrapper .cnll {
	max-width: 150px;
}


/* page-team */
body.page-team {
	background: var(--yellow);
	background: left 28vw top 24rem url('../img/map-team-desktop.png'), center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
	background-repeat: no-repeat;
}

.list-team {
	list-style: none;
	padding: 0;
	margin-top: 4rem;
}
.list-team li {
	display:flex;
	margin-bottom: 3rem;
	padding: 0;
}
.list-team h2 {
	padding-top: 0.5em;
	font-size: 2rem;
	margin: 0 0 0.5rem;
}
.list-team p {
	margin-bottom: 0.5em;
}
.list-team .linkedin {
	display: inline-block;
	max-width: 1.3rem;
}


/* page usecases (liste) et usecase (article) */
.page-usecases .main, .page-usecase .main {
	padding-top: 5rem;
	background: white;
}
.page-usecases .content, .page-usecase .content {
	margin-top: 3em;
}
.aside {
	background-color:#fff;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .page-usecases .col-lg-2 {
    width: 50%;
  }
}
.page-usecases .card {
	border-radius: var(--bs-border-radius);
	line-height: 1.4em;
/* 	height: 100%; */
	font-size: 1.2rem;
}
.page-usecases .card h2 {
	font-size: 1.5rem;
	margin: 1em 0 0;
	min-height: 4em;
}
.page-usecases .card .btn-secondary {
	font-size: 0.9rem;
	color: #b9b9b9;
	border: 0;
	box-shadow: none;
	background-image: none;
/*	position: absolute;
	bottom: 1rem;*/
}
.page-usecases .card .btn-secondary:hover {
	color: white;
	background-image: url("../img/chevron-right-b.svg");
}
.page-usecases .btn-secondary:active, .page-usecases .btn.btn-secondary:first-child:active,
.page-usecases .btn-secondary:hover, .page-usecases :not(.btn-check) + .btn:active {
	background-image: none;
}
.page-usecases .card-text {
	margin-bottom: 3em;
}
.aside .container {
	padding-bottom: 5rem;
}
.aside h2 {
	margin-bottom: 3rem;
}
.aside h3 {
	font-style: normal;
}
.aside .list-group-item-action:not(:last-of-type) {
	border-bottom: 2px solid #bebebe;
}
span.btn.btn-outline-secondary:hover {
	color: var(--bs-btn-color);
	background-color: white;
	cursor: text;
}
.block-link-parent {
	position:relative;
}
.block-link:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


/* footer */
.footer {
    background-color: var(--yellow-dark);
	color: var(--gray);
}
.footer .container {
    padding: 4rem 0 1rem;
    background-image: url('../img/bkg-footer.png');
    background-position: right 140px bottom;
    background-repeat: no-repeat;
    background-size: 250px;
}
.footer p {
	margin-bottom: 0.5rem;
}
.footer p.adress {
    margin: 1rem 0;
}
.footer a {
    color: var(--gray);
}
.rights {
    font-size: 0.7rem;
}
.footer .social a {
    display: inline-block;
    color: var(--gray);
    width: 32px;
    height: 24px;
    padding: 4px 8px;
}
.social svg {
    fill: var(--gray);
}
.social a:hover svg {
    fill: var(--red);
}
.social a.github {
    width: 34px;
    height: 26px;
}



/* screen xxl */
@media screen and (min-width: 1560px) {
    .navbar-brand {
        margin-left: -120px;
    }
}
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1400px;
	}
	.page-usecase .container {
		max-width: 1200px;
	}
}
@media screen and (min-width: 1199px) {

    body.page-routeoptimization {
        background: var(--yellow);
        background: left 55vw top 1rem url('../img/map-home-desktop.png'), center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
        background-repeat: no-repeat;
    }
    .page-routeoptimization .hero {
	    margin-right: 25%;
	}

    .nav-link {
        border: 1px solid transparent;
        padding: 0.5rem 1rem !important;
    }
    .page-routeoptimization .nav-link.home-link,
	.page-api .nav-link.api-link,
	.page-team .nav-link.team-link,
	.page-pricing .nav-link.pricing-link,
	.page-open .nav-link.open-link ,
	.page-usecases .nav-link.usecases-link {
        border-color: var(--yellow-lighter);
    }
    .images-wrapper {
		text-align: center;
	}
	.images-wrapper a {
		display: block;
		margin: 0 auto 2rem;
	}
}
/* screen tablet */
@media screen and (max-width: 1199px) {

	.screen-md-hidden {
		display: none;
	}

    body.page-routeoptimization {
        background: var(--yellow);
        background: center top 37rem url('../img/map-home-tablette.png'), center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
        background-repeat: no-repeat;
    }
    .pitch {
        margin: 300px 0 0;
    }
    .offcanvas-collapse {
		position: fixed;
		left: 100%;
        width: 300px;
        top: 0;
        bottom: auto;
        padding: 100px 0 0;
        z-index: 2;
        max-height: 100vh;
        overflow: auto;
        background: var(--yellow-dark);
        box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    }
    .offcanvas-collapse.open {
        transform: translateX(-300px);
    }
    .navbar-toggler {
        z-index: 2;
    }
    .offcanvas-collapse.open + .navbar-toggler {
        position: fixed;
        right: 2rem;
    }
    .offcanvas-collapse .nav-link {
        display: block;
        padding: 1rem 3rem;
        border-top: 1px solid var(--yellow-dark);
        border-bottom: 1px solid var(--yellow-lighter);
    }
    .offcanvas-collapse .nav-item:first-child .nav-link { border-top: 0; }
    .offcanvas-collapse .nav-item:last-child .nav-link { border-bottom: 0; }
    .offcanvas-collapse .nav-link:hover {
        border-color: var(--yellow-lighter);
		border-top-color: transparent;
        background: var(--red);
    }
    .nav-link {
        padding: 0.5rem 1rem !important;
    }
    .page-routeoptimization .nav-link.home-link,
	.page-api .nav-link.api-link,
	.page-team .nav-link.team-link,
	.page-pricing .nav-link.pricing-link,
	.page-open .nav-link.open-link,
	.page-usecases .nav-link.usecases-link {
        border-top-color: var(--yellow);
		background-color: var(--yellow);
    }

    .page-routeoptimization .nav-link.home-link:hover,
	.page-api .nav-link.api-link:hover,
	.page-team .nav-link.team-link:hover,
	.page-pricing .nav-link.pricing-link:hover,
	.page-open .nav-link.open-link:hover,
	.page-usecases .nav-link.usecases-link:hover {
        border-bottom-color: var(--yellow-lighter);
	}
    .argue .card {
        margin: 1.5rem 0;
    }

	.row-cols-1.row-cols-md-2.row-cols-xl-4.separator .col:nth-child(2n) {
		border: 0;
	}

	.benefits .col {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.benefits img {
		margin-bottom: 0;
		max-width: 25%;
	}
	.benefits h3 {
		width: 70%;
	}

}
@media screen and (max-width: 990px) {

    body.page-routeoptimization {
        background: var(--yellow);
        background: center top 42rem url('../img/map-home-tablette.png'), center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
        background-repeat: no-repeat;
    }
    .main .container, .form .container, .aside .container {
		padding-left: 2rem;
	}

	.benefits img {
		max-width: 30%;
	}
	.benefits h3 {
		width: 65%;
	}
	.page-api section.form {
		background: none;
	}
}
@media screen and (max-width: 800px) {
    .navbar-toggler {
        display: block;
    }
}
/* screen smaller */
@media screen and (max-width: 767px) {

    body.page-routeoptimization {
        background: var(--yellow);
        background: center top 29rem url('../img/map-home-mobile.png'), center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
        background-repeat: no-repeat;
    }
    .navbar-brand {
		width: 120px;
	}
	.main {
		padding-top: 3rem;
	}
	.main .container, .form .container, .aside .container {
		padding-left: 2rem;
	}
	.main h1 {
		font-size: 2rem;
		margin-bottom: 3rem;
	}
	.intro {
		font-size: 1.2rem;
	}
    .pitch {
        margin: 360px 0 4rem;
    }

	body.page-team {
		background: left -50vw top -15rem url('../img/map-team-desktop.png'), center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
		background-repeat: no-repeat;
	}
	.highlight {
		padding: 1rem;
	}
	.page-pricing .highlight h2 {
		font-size: 1.4rem;
	}
	.page-pricing .highlight h2 .bigger {
		font-size: 3rem;
	}
	.pricing-slider h2 {
		padding: 0;
		font-size: 1.4rem;
		margin-bottom: 0.5rem;
	}
	.pricing-slider-slider {
		padding-top: 5rem;
	}
	.pricing-slider-slider label {
		left: 0;
	}
	.price-line {
		padding: 0.5rem 1rem;
	}
	.separator .col {
		border: 0;
	}
	.page-api .btn.smaller {
		margin-top: -1rem;
	}
}
@media screen and (max-width: 580px) {
	.list-team li {
		flex-direction: column;
		margin-bottom: 4rem;
	}
	.list-team .image-wrapper {
		margin-bottom: 2rem;
	}
	.list-team .linkedin {
		max-width: 1rem;
	}
	.btn-primary, .btn-secondary {
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 490px) {

	body.page-routeoptimization {
        background: var(--yellow);
        background: center top 34rem url('../img/map-home-mobile.png'), center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
        background-repeat: no-repeat;
    }
    .navbar.open .navbar-brand {
		position: fixed;
		top: 1.5rem;
	}
	.offcanvas-collapse.open {
		transform: translateX(-100%);
		width: 100%;
	}
	.header.open {
		margin-bottom: calc(3rem + 64px);
	}
	.price-line > div {
		text-align: center;
	}
	.page-api .btn-secondary {
		font-size: 1rem;
	}
}
@media screen and (max-width: 450px) {

	body.page-routeoptimization {
        background: var(--yellow);
        background: center top 38rem url('../img/map-home-mobile.png'), center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
        background-repeat: no-repeat;
    }
}
@media screen and (max-width: 390px) {

	body.page-routeoptimization {
        background: var(--yellow);
        background: center top 41rem url('../img/map-home-mobile.png'), center linear-gradient(180deg,rgba(255, 198, 0, 1) 0%, rgba(255, 213, 0, 1) 50vh);
        background-repeat: no-repeat;
    }

	.currency {
		display: block;
		width: auto;
	}
	.currency > span {
		display: block;
	}

}

/* Gabarit d'impression */
@media print {
    .container { width: auto; margin: 0; padding: 0; }
    .navbar, .footer { display: none; }
}