@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'HP Simplified';
    src: url('fonts/HPSimplified-Bold.eot');
    src: url('fonts/HPSimplified-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/HPSimplified-Bold.woff2') format('woff2'),
        url('fonts/HPSimplified-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HP Simplified';
    src: url('fonts/HPSimplified-Regular.eot');
    src: url('fonts/HPSimplified-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/HPSimplified-Regular.woff2') format('woff2'),
        url('fonts/HPSimplified-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html {
  scroll-behavior: smooth;
}

body {
	font-family: 'HP Simplified', Arial, sans-serif;
	font-size: 18px;
	line-height: 1.4;
	color: #4A4A4A;
	font-weight: 400;
    overflow-x: hidden;
    overflow-y: scroll;
}
strong {
	font-weight: 700;
}
a {
	text-decoration: underline;
	color: #00a1f1;
}
a:hover {
	text-decoration: none;
	color: #00a1f1;
}
ul {
    margin-bottom: 0;
    padding-left: 1em;
    list-style: none
}
ul li {
    margin-bottom: .3em;
}
ul li:before {
    content: "\2022";
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	
}
h1 {
    font-size: 2.3em;
	margin-top: 1em
}
h1 b {
	color: #6DFAB1
}
h2 {
	font-size: 1.44em;
	margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.2;
	color: #000000
}
h4 {
	font-size: 1.4rem
}
h3 {
	color: #6DFAB1;
	margin-bottom: .5em;
}
.text-right {
	text-align: right
}
.text-center {
	text-align: center
}
.align-items-center {
	align-items: center
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
img {
	max-width: 100%;
}
.bg-blue-1 {
	background-color: #0196D6;
	color: #ffffff
}
.bg-blue-2 {
	background-color: #00B3E3;
	color: #ffffff
}
.bg-turquoise {
	background-color: #21CCD1;
	color: #ffffff
}
.bg-black {
	background-color: #000000;
	color: #ffffff
}
.bg-darkblue {
	background-color: #1259A1;
	color: #ffffff
}
.bloc-amd {
	position: relative
}
.bloc-amd .txt {
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
}
.bloc-amd .col-lg-6 .col-6 {
	padding-left: 0;
	padding-right: 0;
}
.bloc-partner {
	font-size: .9em
}
.bloc-partner .col-lg-8 > .row > .col-md-4, .bloc-partner .col-lg-8 > .row > .col-md-8 {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
button, .btn, [type=button], [type=reset], [type=submit] {
	display: block;
	border-radius: 8px;
	background-color: #6DFAB1;
    border: 0;
    color: #0196D6;
    cursor: pointer;
    font-size: 1em;
    line-height: 1.5;
    padding: .5em 1.5em;
	margin-top:0;
    outline: none;
    font-family: 'HP Simplified', Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-decoration: none;
}
button:hover, .btn:hover, button:focus, .btn:focus {
    background-color: #1259A1;
    color: #fff;
}
.koesio button, .koesio .btn, .koesio [type=button], .koesio [type=reset], .koesio [type=submit] {
    margin-left: auto
}
.inmac .btn {
    display: inline-block;
    margin-top: 2em;
    padding: .8em 2.5em
}
/*.hidden { display: block }*/

header {
	padding: 3em 0em 5em;
	position: relative;
	z-index: 2;
	background: url("images/header.jpg") 53% top no-repeat;
	background-size: cover;
	color: #ffffff
}
header img.img-pc {
	margin-bottom: -60%;
	margin-top: 10%;
	max-width: 524px;
}
section {
	width: 100%;
    position: relative;
}
section.contenu .container {
    padding-top: 1em;
	padding-bottom: 3em;
}
section.contenu .col-md-4 figure {
	width: 100%;
	max-width: 315px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
}
section.contenu .col-md-4 .txt {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 2em
}
.page {
	position: relative;
	overflow: hidden
}
.text-content {
    padding: 2em 2em;
    position: relative;
    z-index: 3;
}
.control-label {
    font-size: .8em;
    font-weight: 500;
}
.form-check-label p {
    font-size: .8em;
    font-weight: 400;
    color: #5f6368
}
footer {
	background-color:#ffffff;
    color: #5f6368
}
footer .container {
	padding-top: 1.5em;
	padding-bottom: 1em;
}
footer p {
	font-size: .8em;
	padding: 0 2em;
    text-align: center
}
.form-control {
	border-radius: 8px;
	border:2px solid transparent;
    height: 44px
}
.form-control:focus {
    border: 2px solid transparent;
    box-shadow: none;
}
input[type=checkbox] {
	margin-right: 5px;
}
.form-check-label {
	font-size: .9em;
}

.form-group {
    margin-bottom: 1.25rem;
    position: relative;
}
@media (min-width: 576px) {
        .container {
            max-width: 100%;
        }
	
}
@media (min-width: 639px) {
	section.contenu .col-md-4 {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
		margin-left: 1.666666%;
		margin-right: 1.666666%;
		margin-top: 60px
	}
	section.contenu .col-md-4 {
		margin-top: 60px;
	}
	section.contenu .col-md-4 figure {
		width: 100%;
		max-width: 315px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0;
		margin-top: -60px
	}
}

@media screen and (max-width: 1200px) {
	.bloc-amd .container, .bloc-partner .container {
		width: 100%;
	}
	
}
@media (min-width: 739px) and (max-width: 979px) {
	header img.img-pc {
		margin-bottom:-30%
	}
}
@media screen and (max-width: 979px) {
	.container {
		padding-bottom: 0;
	}
	footer p {
		padding: 0;
	}
    
}
@media screen and (max-width: 768px) {
    .text-content {
        padding-top: 40%;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 2em;
    }
}
@media screen and (max-width: 639px) {
	body {
		font-size: 16px;
	}
	
	.logo {
		padding-top: 1em;
		margin-bottom: 2em;
	}
    .logo img {
        max-width: 200px;
    }
    header {
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 321px) {
	.col-7 {
		flex: 0 0 100%;
    max-width: 100%;
	}
	
}
@media (min-width: 980px) and (max-width: 1299px) {
}

@media (min-width: 980px) and (max-width: 1299px) {
	.col-md-4 {
	    -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}
@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1546px;
	    padding-left: 90px;
	    padding-right: 90px;
	}
	.col-lg-offset-1 {
	    margin-left: 8.33333333%;
	}
    .col-lg-3 {
	    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

}