/*



    font-family: 'Lato', sans-serif;



    font-family: 'Barlow', sans-serif;



    font-family: 'Barlow Condensed', sans-serif;



    font-family: 'Barlow Semi Condensed', sans-serif;



*/





html {

	box-sizing: border-box;

	padding: 0;

	margin: 0;

}



html,

body,

#header{

	min-height: 100%;

}



body {

	font-family: 'Barlow Condensed', sans-serif;	

}



a{

	font-size: 20px;

}



p {

	font-size: 20px;

	font-family: 'Lato', sans-serif;

}



h1{

	font-size: 4.5rem;

}



h2{

	font-size: 3.5rem;

}



h3{

	font-size: 3rem;

}



h4{

	font-size: 2rem;

}



main {

	height: 100%;

}



/*@media screen and (min-width: 1200px){



	#container-header{

		max-width: 1150px;

	}

	

}*/







#header {

		background-image: url('../img2/image_couple-2.png');

		background-repeat: no-repeat;

		background-size: cover;

		background-position: bottom;

		

}





#container-iframe{

	padding: unset;

}



#expertise {

	background-color: white;

}



#picto-timer{

	margin-left: -25px;

}



#textbox-over-under{

    position: relative;

    height: 100px;

}



#text-under {

    position: absolute;

	font-size: 11rem;

	color: #f1f2f6;

	z-index: 1;

}



#text-over {

    position: absolute;

    z-index: 2;

    font-size: 3.5rem;

}



#bottom-section{

	background: url('../img2/image_mere_enfant.jpg');

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	height: 615px;

}



#btn-simulation{

	font-size: 20px;
	scroll-behavior: smooth;

}



#btn-simulation:hover{

	color: white;

}



.font-weight-boldest{

	font-weight: 900 !important;

}



.bg-purple{

	background-color: #2d2e3d;

	color: white;

}



.bg-light-grey{

	background-color: #f1f2f6;

}



.txt-pink{

	color: #df337f;

}



.txt-grey{

	color: #7e7f89;

}



.font-size-18{

	font-size: 18px;

}

.font-size-20{
	font-size: 20px;
}



.text-underline{

	text-decoration: underline !important;

}



.small-pink-hr{

	height: 2px;

	width: 75px;

	background-color: #df337f;

	margin-top: 45px;

	border-radius: 25px;

}



.vertical-hr{

	height: auto;

	width: 1px;

	background-color: #d5d5d8;

}



.picto{

	height: 150px;

}

.modal-body{
	overflow: auto;
	height: 70vh;
}

.modal.show .modal-dialog {
	max-width: 800px;
}

#eKomiWidget_default{
	position: fixed;
	bottom: 0%;
	left: 0%;
}
#eKomiSeal_default{
	text-align: center;
	
}
#ekomitext{
	text-align: center;
	font-size: 20px;
}

/*large screen*/

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



	#header {



		background-image: url('../img2/image_sans_couple.png');

		background-repeat: no-repeat;

		background-size: cover;

		background-position: center;

	}



}



/*medium screen*/

@media screen and (min-width: 576px) and (max-width: 767px) {



	h1{

		font-size: 3rem;

	}



	h2{

		font-size: 2.5rem;

	}



	h3{

		font-size: 2rem;

	}



	h4{

		font-size: 1.5rem;

	}



	#titre-interlocuteur{

		margin-left: -18px;

	}



	#text-under{

		font-size: 8rem;

	}



	#text-over{

		font-size: 2rem;

	}

	#eKomiWidget_default{
		visibility: hidden;
	}
	

}



/*small screen*/

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



	h1{

		font-size: 3rem;

	}



	h2{

		font-size: 2.5rem;

	}



	h3{

		font-size: 2rem;

	}



	h4{

		font-size: 1.5rem;

	}



	#text-under{

		font-size: 6rem;

	}



	#text-over{

		font-size: 2.5rem;

	}



	.vertical-hr{

		display: none;

	}



	.small-pink-hr{

		margin-top: 60px;

	}
	#eKomiWidget_default{
		visibility: hidden;
	}
	

}