@charset "UTF-8";
/* CSS Document */


body {
	margin: 0;
	font-family:"Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: #353535;
}
h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.2
}
h1 {
	font-size: 2.8em;
	line-height: 1.3;
	margin-bottom:.5em;
	margin-top: .5em;

}
h2 {
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom:1em
}
h3 {
	font-size: 1.125em
}
b {
	font-weight: 700
}
a {
	text-decoration: none;
	transition: .3s all
}
a:hover {
	
}
section {
	padding-top: 3em;
	padding-bottom: 3em;
}
figure {
	margin: 0
}
ul {
	padding-left: 1.3em
}
.bg-bluelight-g {
	background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(230,242,248,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 609%, rgba(230,242,248,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(230,242,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e6f2f8",GradientType=1);
}
.bg-blue-g {
	background: rgb(55,176,241);
background: -moz-linear-gradient(180deg, rgba(55,176,241,1) 0%, rgba(0,125,200,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(55,176,241,1) 0%, rgba(0,125,200,1) 100%);
background: linear-gradient(180deg, rgba(55,176,241,1) 0%, rgba(0,125,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37b0f1",endColorstr="#007dc8",GradientType=1);
	color: #ffffff
}
.has-pattern {
	position: relative;
	padding-bottom: 10em
}
.has-pattern:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 8em;
	bottom: 0;
	left: 0;
background: radial-gradient(circle, #80D3FF 7%, transparent 8%);
        background-size: 1.5em 1.5em;
        opacity: 1;
}
.color-blue {
	color: #37B0F1
}

.btn {
	border-radius: 10px;
	padding:.5em 1.5em;
	border: 2px solid #37B0F1;
	background-color: #37B0F1;
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: .5px
}
.btn:hover {
	background-color: #007dc8;
	border: 2px solid #007dc8;
	color: #ffffff;
}
.btn.outline-white {
	border: 2px solid #ffffff;
	background: transparent;
}
.btn.outline-white:hover {
	border: 2px solid #37B0F1;
	background-color: #37B0F1;
}
.btn.outline {
	border: 2px solid #007DC8;
	background: transparent;
	color: #007DC8;
}
.btn.outline:hover {
	border: 2px solid #007DC8;
	background-color: #007DC8;
	color: #ffffff;
}

/****** Footer *******/
footer {
	background-color: #353535;
	color: #6E6E6E;
	padding-top: 3em;
	padding-bottom: 2em;
	font-size: .75em
}
footer .col-auto a {
	opacity: .3
}
footer .col-auto a:hover {
	opacity: .5
}
footer p {
	padding-top: 2em;
	border-top: 1px solid #6E6E6E;
	margin-top: 2em
}
footer p a {
	color: #6E6E6E
}
footer p a:hover {
	color: #ffffff
}


/****** Formulaire *******/
.formulaire {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 2.5em 1.7em 3em;
	font-size: .875em
}
.formulaire p {
	margin-bottom: 0;
}
.formulaire form.hs-form .hs-error-msg.hs-main-font-element, .formulaire form.hs-form .hs-error-msgs .hs-main-font-element {
	font-size: 10px;
	color: red
}
.formulaire form.hs-form .no-list {
	list-style: none;
	padding-left: 0;
	margin: 0
}
.formulaire form.hs-form .input .hs-input {
	width: 100% !important;
	border: 1px solid transparent;
	background-color: #E6F2F8;
	border-radius: 0;
	padding: .5em;
	font-size: 14px;
}
.formulaire form.hs-form fieldset {
	position: relative;
	display: block
}
.formulaire form.hs-form fieldset:after {
	content: "";
	display: block;
	float: none;
	clear: both
}
.formulaire form.hs-form fieldset label {
	display: block
}

.formulaire form.hs-form .input .hs-input:focus {
	outline: none
}
.formulaire form.hs-form .input .hs-input.invalid.error {
	border: 1px solid red;
}
.formulaire form.hs-form .input select.hs-input{
    color: rgba(53, 53, 53, .7);
}
.formulaire form.hs-form .input select.hs-input:has(option:checked:not([value])), .formulaire form.hs-form .input select.hs-input:has(option:checked:not([value=""])) {
    color: rgba(53, 53, 53, 1);
}
.formulaire form.hs-form .hs_submit {
	margin-top: 1em
}
.formulaire form.hs-form .hs_submit input[type="submit"] {
	border-radius: 10px;
	padding:.5em 3em .5em 1.5em;
	border: 2px solid #37B0F1;
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: .5px;
	background: url("https://www-2.icape-group.com/hubfs/US%20Landing%20Page/icon-arrow.svg") 90% center no-repeat #37B0F1;
	transition: .3s all
}

.formulaire form.hs-form .hs_submit input[type="submit"]:hover {
	background-color: #007dc8;
	border: 2px solid #007dc8;
	color: #ffffff;
}
.formulaire form.hs-form .hs-form-field {
	margin-top: 1em
}
.formulaire form.hs-form .hs_submit .actions {
	text-align: center
}
.formulaire form.hs-form fieldset.form-columns-2:nth-of-type(4) .hs-form-field {
	width: 100% !important
}
.formulaire form.hs-form ul li {
	list-style: none;
}
.formulaire form.hs-form .input .hs-form-checkbox-display .hs-input {
	width: inherit !important;
}
.formulaire form.hs-form .hs-fieldtype-checkbox .input ul {
	padding-left: 0
}
.formulaire form.hs-form .hs-fieldtype-checkbox ul li {
	width: 50%;
	float: left;
	margin-bottom: 10px;
}
.formulaire form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display {
	position: relative;
	
}
.formulaire form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display span {
	padding-left: 30px;
	position: relative;
	display: block;
}
.formulaire form.hs-form .input .hs-form-checkbox-display input.hs-input {
	opacity: 0;
	position: absolute;
	cursor: pointer;
  height: 0;
  width: 0;
}
.formulaire form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display span:before {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #E6F2F8;
	left: 5px;
	top: 2px;
}
.formulaire form.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display span:after {
	content: "";
	display: block;
	position: absolute;
}
.formulaire form.hs-form .input .hs-form-checkbox-display .hs-input:checked ~ span:after {
	left: 10px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.formulaire form.hs-form .input .hs-form-checkbox-display .hs-input:checked ~ span:before {
	background-color:#37B0F1
}
/****** Section Hero *******/
.s-hero {
	padding-top: 2em;
	padding-bottom: 8em;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 14px;
	position: relative
}
.s-hero:before {
	content: "";
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	background: transparent;
background: -moz-linear-gradient(180deg, rgba(55,176,241,0) 60%, rgba(0,125,200,.5) 100%);
background: -webkit-linear-gradient(180deg, rgba(55,176,241,0) 60%, rgba(0,125,200,.5) 100%);
background: linear-gradient(180deg, rgba(55,176,241,0) 60%, rgba(0,125,200,.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37B0F1",endColorstr="#007DC8",GradientType=1);
}
.US .s-hero {
	background: url("https://www-2.icape-group.com/hubfs/US%20Landing%20Page/bg-header-US.jpg") center no-repeat;
	background-size: cover;
}
.s-hero .container {
	position: relative;
	z-index: 3
}
.s-hero .col-lg-7 {
	color: #ffffff;
}
.s-hero h2 {
	color: #37B0F1;
	font-size: 2.31em;
	margin-bottom: 1em
}
.s-hero .col-lg-7 p, .s-hero .col-lg-7 ul li {
	font-weight: 600
}
.s-hero .logo {
	margin-bottom: 2em
}

/****** Section Logos *******/
.s-logos {
	padding: 0;
	position: relative
}

.s-logos h2 {
	margin-bottom: 2em;
}
.s-logos .container {
	background-color: #ffffff;
	border-radius: 10px;
	margin-top: -4em;
	padding: 2em 1em 3em;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
	position: relative;
	z-index: 9
}
.trax.long .s-logos:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% - 4em);
	bottom: 0;
	left: 0;
	background-color: #37B0F1
}
.s-logos .w-75 .col-auto {
	margin-bottom: 1em;
}

/****** Section Icones *******/
.s-icons {
	position: relative;
	padding: 5em 0 10em;
}
.s-icons .container {
	position: relative;
	z-index: 2
}
.s-icons .col-md-4 {
	padding-left: 2%;
	padding-right: 2%;
	margin-bottom: 1.5em
}
.s-icons figure {
    margin-bottom: 1em
}



/****** Section 2 colonnes avec tableau *******/
.s-table {
	position: relative;
	padding-top: 5em;
	padding-bottom: 7em;
	padding-left: 1em;
	padding-right: 1em;
}
.s-table:before {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 70%;
	bottom: 0;
	right: 0;
	background: radial-gradient(circle, #80D3FF 7%, transparent 8%);
        background-size: 1.5em 1.5em;
        opacity: 1;
}
.s-table .col-md-4 {
	padding-top: 2em;
	padding-bottom: 2em;
}
.s-table .card {
	color: #353535;
	border: 0;
	border-radius: 10px;
	font-size: .85em;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .1);
	overflow: hidden
}
.s-table .card p {
	margin: 0
}
.s-table .card .row:nth-of-type(2n+1){
	background-color: #EBF7FE;
}
.s-table .card .row .col {
	padding: 1em 1.5em
}


/****** Section 2 colonnes *******/
.s-2col figure {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.s-2col figure:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
background: -moz-linear-gradient(180deg, rgba(55,176,241,.1) 60%, rgba(0,125,200,.5) 100%);
background: -webkit-linear-gradient(180deg, rgba(55,176,241,.1) 60%, rgba(0,125,200,.5) 100%);
background: linear-gradient(180deg, rgba(55,176,241,.1) 60%, rgba(0,125,200,.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37B0F1",endColorstr="#007DC8",GradientType=1);
}
.s-2col .container > .row {
	margin-top: 2em;
	margin-bottom: 2em;
}
.s-2col .container .col-md-6 {
	padding:1em 1.5em
	
}


@media (min-width: 768px) {
	body {
		font-size: 14px;
	}
	.s-hero {
		font-size: 16px;
	}
	.s-hero .col-lg-7 {
		padding-right: 2em
	}
	.formulaire form.hs-form fieldset .hs-form-field:nth-of-type(1) .input {
		margin-right: 1em !important;
	}
	.formulaire form.hs-form fieldset .hs-form-field:last-of-type .input {
		margin-right: 0 !important;
	}
	.s-hero, .s-table {
		padding-left: 0;
		padding-right: 0;
	}
	.s-table .col-md-4 {
		padding-right: 2em;
	}
	
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}