/* @charset "UTF-8"; */
body {
	width: 100vw;
	margin: 0;
	padding: 0;
}
* {box-sizing: border-box;}
/* CSS Document */
a {
    text-decoration: none;
    cursor: pointer;
    color: #006C9F;
}

svg {
    margin-top: -5px;
    position: absolute;
}
.link { padding-left : 30px;}

#global {
	height: 100%;
	margin : 0 auto;
	position: relative;
	width: min(1029px, 100%);
}
#header-container {
	position: sticky;
	top: 0;
	z-index: 1000;
	left: 0;
	background-color: #FFF;
	& #header {
		height: 261px;
		@media screen and (width>700px) {
			& {background-image: url(../img/fond-header.png);}
		}
		@media screen and (width<=700px) {
			& {
				height: auto;
				display: flex;
				column-gap: 5%;
				align-items: center;
				padding: min(10px,5vw);
				justify-content: space-between;
				border-bottom: 4px solid #93a7bf;
				& #logotype {
					position: relative;
					top: 0 !important;
					left: 0 !important;
					height: auto !important;
					width: min(200px,40vw) !important;
					& a {
						position: relative;
						display: block;
						& img {
							width: 100% !important;
							height: 100% !important;
							object-fit: contain;
						}
					}
				}
			}
		}
	}
}
#content {
	position: relative;
	height: 100%;
    display: grid;
    gap: 2rem 10%;
    margin-top: 20px;
	padding: 0 min(1rem,5vw);
    grid-template-columns: repeat(auto-fill, minmax(min(400px,100%), 1fr));
	@media screen and (width<=700px) {
		& {
		}
	}
}
#footer {
    width: min(1029px, 100%);
    margin-right: auto;
    margin-left: auto;
    position: relative;
    height: 100%;
    float: left;
}

a img { border: none; }

/* Menu (masqué pour mobile, visible pour PC) */
.menu {
    border-bottom: 1px solid #ddd;
}

body {
	/*background-image: url(../img/fond.jpg);*/
	margin-top: 0px;
}

/* Footer */
.footer {
    font-family: "Exo 2", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #1F334C;
    margin-top: 20px;
}
a:link.footer {
    font-family: "Exo 2", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #1F334C;
    text-decoration: none;
}
a:hover.footer {
    font-family: "Exo 2", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #1F334C;
    text-decoration: underline;
}
#adresse {
    margin-top : 20px;
}

#header #logotype {
	height: 83px;
	width: 223px;
}
#accroche1 {
	position: absolute;
	left: 309px;
	top: 44px;
	width: max-content;
	height: 56px;
	z-index: 1;
	@media screen and (width<=700px) {
		& {
			position: relative;
			left: 0 !important;
			top: 0 !important;
			width: auto !important;
			height: auto !important;
			font-size: min(14px,3vw); 
			& * {font-size: inherit;}
		}
	}
}
#logotype {
	position:absolute;
	left:62px;
	top:31px;
	width:203px;
	height:103px;
	z-index:1;
}
.titrebleu {
	font-family: "Exo 2", Arial, Helvetica, sans-serif;
	color: #0077BF;
	font-size: 25px;
	font-weight: 300;
}

.titrebleufonce {
	font-family: "Exo 2", Arial, Helvetica, sans-serif;
	color: #006C9F;
	font-size: 20px;
	font-weight: 300;
	line-height: 20px;
}
.titregris {
	font-family: "Exo 2", Arial, Helvetica, sans-serif;
	color: #777777;
	font-size: 25px;
	font-weight: 300;
}
.soustitregris {
	font-family: "Exo 2", Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 15px;
	font-weight: 300;
	line-height: 15px;
}


.texte {
	font-family: "Exo 2", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #1F334C;
	line-height: 16px;
    text-align: justify;
}

#bloc18 {
	background-color: #FFF;
	/* height: auto; */
	/* width: 410px; */
	/* float: left; */
	& img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}
#bloc23 {
	width: 100%;
	background-color: #FFF;
	/* height: 354px; */
	/* width: 539px; */
	/* float: left; */
	/* padding: 5px 40px; */
}

/* Media Queries pour PC */
@media (min-width: 769px) {
}