@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@700&display=swap');

html {
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow-y: scroll;
	overflow-x:hidden;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a
{
	text-decoration:none;
	color:inherit;
}

body
{
	width:100%;
	height:100%;
	font-size:18px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:1;
	color:#fff;
	margin:0px;
	padding:0px;
}

header
{
	background:#00305e;
	padding:20px 40px;
}

header > .header
{
	display:flex;
	align-items: center;
	width:100%;
}

header > .header > .logo
{
	width:auto;
}

header > .header > .header_info
{
	width:100%;
	text-align:right;
	padding-left:30px;
}
header > .header > .header_info2
{
	width:auto;
	padding-left:30px;
}

header .header_facebook > a.facebook_icone
{
	display:inline-block;
	background:#00305e;
	width:40px;
	height:40px;
	text-align:center;
	line-height:43px;
}

header .header_phone
{
	margin-bottom:10px;
}

header .header_phone > a
{
	font-size:22px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-family: 'Mulish', sans-serif;
}

header .header_adresse
{
	font-size:18px;
}

footer
{
	background:#98989A;
	padding:20px 40px;
}

footer .copyright
{
	text-align:center;
	font-size:12px;
}

.content_block_1
{
	background-image:url('../images/top_img.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:10% 10%;
}

.h1
{
	font-size:80px;
	font-weight:bold;
	text-shadow:3px 3px 3px rgba(0,0,0,0.15), -3px -3px 3px rgba(0,0,0,0.15), 3px -3px 3px rgba(0,0,0,0.15), -3px 3px 3px rgba(0,0,0,0.15);
	text-transform:uppercase;
	text-align:center;
	margin-bottom:30px;
}

.content_txt
{
	font-size:27px;
	text-align:center;
	font-style:italic;
}

.content_txt2
{
	font-size:23px;
	text-align:center;
	margin-bottom:40px;
	font-weight:300;
}

.content_txt_bold
{
	font-size:27px;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	margin-bottom:20px;
}

.content_block_2
{
	background:#00305e;
	padding:40px 40px;
	text-align:center;
}

@media only screen and (max-width:1600px) {
	.h1
	{
		font-size:60px;
	}
}

@media only screen and (max-width:800px) {
	.h1
	{
		font-size:40px;
	}
	header > .header
	{
		flex-wrap:wrap;
	}
	header > .header > .logo
	{
		width:100%;
		text-align:center;
		margin-bottom:30px;
	}
	
	header > .header > .header_info
	{
		padding-left:0px;
		width:calc(100% - 70px);
	}
	
	.content_txt_bold,
	.content_txt
	{
		font-size:22px;
	}
	
	.content_txt2
	{
		font-size:18px;
	}
}

@media only screen and (max-width:600px) {
	.h1
	{
		font-size:30px;
	}
}