@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap');

@font-face {
    font-family: 'LEMON MILK';
    src: url('../fonts/LEMONMILK-Bold.eot');
    src: url('../fonts/LEMONMILK-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LEMONMILK-Bold.woff2') format('woff2'),
        url('../fonts/LEMONMILK-Bold.woff') format('woff'),
        url('../fonts/LEMONMILK-Bold.ttf') format('truetype'),
        url('../fonts/LEMONMILK-Bold.svg#LEMONMILK-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clear Sans';
    src: url('../fonts/ClearSans-BoldItalic.eot');
    src: url('../fonts/ClearSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ClearSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/ClearSans-BoldItalic.woff') format('woff'),
        url('../fonts/ClearSans-BoldItalic.ttf') format('truetype'),
        url('../fonts/ClearSans-BoldItalic.svg#ClearSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Clear Sans';
    src: url('../fonts/ClearSans-Bold.eot');
    src: url('../fonts/ClearSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ClearSans-Bold.woff2') format('woff2'),
        url('../fonts/ClearSans-Bold.woff') format('woff'),
        url('../fonts/ClearSans-Bold.ttf') format('truetype'),
        url('../fonts/ClearSans-Bold.svg#ClearSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clear Sans';
    src: url('../fonts/ClearSans.eot');
    src: url('../fonts/ClearSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ClearSans.woff2') format('woff2'),
        url('../fonts/ClearSans.woff') format('woff'),
        url('../fonts/ClearSans.ttf') format('truetype'),
        url('../fonts/ClearSans.svg#ClearSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clear Sans';
    src: url('../fonts/ClearSans-Italic.eot');
    src: url('../fonts/ClearSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ClearSans-Italic.woff2') format('woff2'),
        url('../fonts/ClearSans-Italic.woff') format('woff'),
        url('../fonts/ClearSans-Italic.ttf') format('truetype'),
        url('../fonts/ClearSans-Italic.svg#ClearSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

body{
    font-family: 'Clear Sans';
	color:#0E6E96;
	font-size: 15px;
	line-height:1.4;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	line-height:1.4;	
}

img{
	max-width:100%;
}

h1,h2{
	font-weight:bold;
	font-size:35px;
	font-family: 'Sora', sans-serif;
}

.alt{
	font-family: 'LEMON MILK';
}

h2.alt{
	text-transform:uppercase;
	font-size:30px;	
	color:#FDA81A;
}

h2.alt span{
	color:#fff;
}

.azure h2.alt{
	color:#fff;	
}

.azure h2.alt span{
	color:#FDA81A;
}

h4{
	color:#0E6E96;
}

.custom-select{
	width:60%;
	height:auto;
	max-width:400px;
}

.communes{
	border-bottom:solid 1px #0E6E96 !important;
}

.communes, .custom-select{
	color:#0E6E96;
	font-size:17px;
	font-weight:bold;
	background:transparent;
	border:none;
	font-family: 'Sora', sans-serif;
}

.custom-select, label{
	padding:0 !important;
	margin-bottom:0px !important;
	padding-bottom:5px !important;
}

.custom-select{
	padding-left:35px !important;
}

.display-1{
	text-transform:uppercase;
	font-family: 'LEMON MILK';
	font-size:40px;
}

#figures .chapo{
	font-family: 'Sora', sans-serif;
}

.digit, #partners, #contact{
	color:#0E6E96;
}

.free-call{
	background:url(../img/arrow.svg) left center no-repeat;
	background-size:13px 12px;
	padding-left:18px;
	display:inline-block;
	color:#0E6E96;
	font-size:18px;
}

.emphasis{
	position:relative;
}

.emphasis:after{
	content:"";
	display:block; 
	position:absolute;
	bottom:-15px;
	right:-20px;
	width: 71px;
	height: 12px;
	background:url(../img/line.svg) center center no-repeat;
	background-size:contain;	
}

.digit{
	font-weight:normal;
	margin-bottom:0;
	font-family: 'Sora', sans-serif;
}

.team img{
	margin-bottom:10px;
	max-width:100px;
}

.phone {
    font-family: 'LEMON MILK';
    font-size: 50px;
    color: #0E6E96;
    font-weight: bold;
    display: inline-block;
}

.container-fluid{
	padding-top:50px;
	padding-bottom:50px;
}

.yellow{
	background:#FEC973;
	color:#fff;
}

.bright-yellow{
	background:#FDA81A;
	color:#fff;
}

.light-beige{
	background:#FFFAF3;
}

.light-blue{
	background:#D8EBF5;
}

.deep-blue{
	background:#0E6E96;	
}

.azure{
	background:#3A9FC4;
	color:#fff;
}

footer{
	background:#FDAF00;
	color:#fff;
}

footer .list-inline-item img {
    max-height: 80px;
}

footer .logo-footer {
    height: 80px;
}

#hero{
	background:url(../img/hero.png) center center no-repeat;
	background-size:cover;
}

#hero .list-inline-item{
	color:#fff;
	background:#0E6E96;
	font-size:15px;
	border-radius:10px;
	padding:5px 10px;
	font-weight:bold;
	line-height:1;
	font-family: 'Sora', sans-serif;
}

.jumbotron{
	min-height:356px;
	background:transparent;
}

#focus{
	padding-top:30px;
	padding-bottom:30px;
}

h4{
	font-size:18px;
	font-family: 'Sora', sans-serif;
}

.h4{
	font-size:20px;	
}

.h5{
	font-size:17px;
}

.testimony{
	font-size:17px;
	padding-left:40px;
	padding-right:40px;
}

.chapo{
	font-size:17px;
}

.legend{
	color:#3A9FC4;
	font-size:13px;
	text-decoration:underline;
}

#examples h5{
	font-family: 'Sora', sans-serif;
	font-size:17px;
}

#examples .card-body,
#examples .card-footer{
	padding:0;
	border:none;
	background:transparent;
}

#examples .card{
	display:flex;
	flex-direction:column;
	border: 1px solid #FDA81A;
	box-shadow: 0px 3px 6px #FDA81A74;
	border-radius: 10px;
	font-size:13px;
	padding:15px 13px;
	margin:7px;
	line-height: 1.1;
	min-height:150px;
}

#examples .cards-left .card{
	border-color: #3A9FC4;
	box-shadow: 0px 3px 6px #EDE3BB;
}

#examples .card-footer{
	text-align:right;
}

#etapes h2{
	color: #3A9FC4;
}

#etapes .card{
	padding:20px 30px;
	border: 1px dashed #FDAF00;
	border-radius:10px;
}

#etapes h3{
	font-size:24px;
	color:#0E6E96;
	font-weight:bold;
	line-height:1.2;
}

#etapes p{
	color:#3A9FC4;
}

#etapes .step{
	position:absolute;
	left:-25px;
	top:-25px;
	
}

.list-logos{
	height:100px;
	margin-bottom:10px;
	display:block;
}

.list-logos img{
	max-height:100px;
}

address a{
	color:#fff;
	font-weight:bold;
}

address a:hover{
	color:#fff;
	text-decoration:underline;
}

.operation{
	font-size:80px;
	text-transform:uppercase;
    font-family: 'LEMON MILK';
	line-height:1;
	margin-top:5px;
	color:#3A9FC4;
}

.btn-group{
	border:none !important;	
	box-shadow: 0px 3px 6px #00000059;
	border-radius: 15px;
}

.btn-group *{
	font-weight:bold;
}

a.btn-label.btn-secondary,
a.btn-label.btn-secondary:hover{
	border-color:#fff !important;
}

.btn:active,
.btn.active {
	border:none !important;	
}

.btn-group a.btn{
	background:#5757F7;
	color:#fff!important;
    padding: 12px 60px;
    border-radius: 15px;
    transition: all 150ms ease;
}

.btn-group a.btn-label{
    padding: 12px 35px;	
}

.btn-group a.btn:hover{
	background:#5757F7;
	color:#fff !important;
    transition: all 150ms ease;
}

.btn-group a.btn-label, .btn-group a.btn-label:hover {
    background: #fff !important;
    color: #FDAF00 !important;
}

.btn-group{
	position:relative;
}

.communes:before, .btn-group:before{
	background:url(../img/strokes-left-light.svg) center center no-repeat;
	background-size:cover;
   	content: " ";
    left: -75px;
    top: -35px;
    position: absolute;
	width: 62px;
	height: 62px;
    bottom: 0;
}

.communes:after, .btn-group:after{
	background:url(../img/strokes-right-light.svg) center center no-repeat;
	background-size:cover;
   	content: " ";
    right: -30px;
    top: -25px;
    position: absolute;
	width: 34px;
	height: 42px;
    bottom: 0;
}

.success-communes .btn-group:before,
.success-communes .btn-group:after{
	display:none;
}

a.acuity-embed-button.btn-last {
    border-left: solid 1px #fff !important;
}

.main-figure{
	position:relative;
	color:#4A3DC4;
}

#hero .btn-group:before, #hero .btn-group:after{
	display:none
}

.main-figure:before, .main-figure:after{
	background:url(../img/digit-left.svg) center center no-repeat;
	background-size:contain;
   	content: " ";
    left: -45px;
	top:5px;
    position: absolute;
	width: 35px;
	height: 36px;
}

.main-figure:after{
	background:url(../img/digit-right.svg) center center no-repeat;
	background-size:contain;
    left: auto;
    right: -45px;	
}

.communes{
	position:relative;
}

.communes:before{
	background:url(../img/strokes-left-dark.svg) center center no-repeat;
	top:-45px;
}

.communes:after{
	background:url(../img/strokes-right-dark.svg) center center no-repeat;
}

.purple .btn-group a.btn{
	background:#FDA81A;
}

.purple .btn-group{
	box-shadow: 0px 3px 6px #00000059;
}

.purple .btn-group a.btn-label, .purple .btn-group a.btn-label:hover {
    background: #fff !important;
    color: #FDA81A !important;
}

.logo-scot{
	max-height:68px;
        margin-top:5px;
}

.logo-tel{
	max-height:35px;
}

.module-booking{ 
	background: #FDAF00;
    width: 290px;
	margin:0 auto;
	border:solid 1px #FDAF00;
}

.jumbotron .module-booking{ 
    z-index: 10;
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
	border:none;
}

.module-booking {
	text-align:center;    
	border-radius: 15px !important;
    overflow: hidden;
}

.module-booking .btn-group a.btn {
    padding: 12px 25px;
	text-transform:none;
	max-width:145px;
}

.module-booking .btn-group>.btn:not(:first-child) {
    border-left: solid 1px #fff;
}

.module-booking label {
    background: #fff;
    color: #5757F7;
    font-weight: 600;
    padding: 5px 0;
    font-size: 20px;
}

.success-communes{
	display:none;
	color:#F28F17;
	font-size:17px;
}

.success-communes p{
	color:#FDA81A;
	font-family: 'Sora', sans-serif;
}

.success-communes .btn-group a.btn{
	background:#FDA81A !important;
	max-width:145px;
    padding: 12px 40px;	
}

.focus_point {
    padding: 15px;
}

.border-between > [class*='col-']:before {
   background: #3A9FC4;
   content: " ";
    left: 0;
    position: absolute;
    width: 1px;
    bottom: 20px;
	height: 150px;
}

.border-between > [class*='col-']:first-child:before {
   display: none;
}

#etapes .card-body{
	padding:0;
}

.select2-container {
    width: 69% !important;
    text-align: left;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    border-radius: 0;
	padding:0px 15px;
    padding-bottom: 31px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0E6E96;
}

.module-booking .btn-group{
	border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.link-to{
	font-size:16px;
}

.link-to img{
	height:20px;
	transform: translateY(-4px);
	-webkit-transform: translateY(-4px);
}

.link-to a{
	color:#FDAF00;
}

@media only screen and (max-width: 640px) {
	#hero{ 
		background:url(../img/hero_sm.png) bottom center no-repeat;
		background-size:cover;
	}
	
	.focus_point, #focus .container{
		padding-left:3px;
		padding-right:3px;
	}
}

@media only screen and (max-width: 980px) {
	#examples .card {
		line-height: 1.2;
	}

	.border-between > [class*='col-']:before {
	   display: none;
	}
	
	h1 {
		font-size: 19px;
	}
	
	h1 br, h2 br{
		display:none;
	}

	h4 {
		font-size: 12px;
	}
	
	.h5 {
		font-size: 16px;
	}
	
	.media{
		display:block;
	}
		
	.h4 {
		font-size: 12px;
	}
	
	h2 {
		font-size: 32px;
	}
	
	.phone {
		font-size: 37px;
	}
	
	.communes:before, .btn-group:before,
	.communes:after, .btn-group:after{
		display:none;
	}
	
	#hero .list-inline-item{
		font-size:10px;
	}
	
	.jumbotron{
		min-height:290px;
	}
	
	#logo{
		max-height:31px;		
	}
		
	.logo-scot{
		max-height:33px;
	}

	.logo-tel{
		max-height:22px;
	}
	
	.media{
		text-align:center;
	}
}