@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,500;0,700;1,100&display=swap');

*,::after,::before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

body {
	font-family: 'Raleway', sans-serif;
	background-color:#e8e6df;
}
.container {
	margin: auto;
	min-height: 100vh;
	max-width:1920px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-shadow: 1px 2px 8px 7px rgba(0,0,0,0.15); 
	box-shadow: 1px 2px 8px 8px rgba(0,0,0,0.15);
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	content-visibility: auto;
	align-content: flex-start;
}
.header {
	position:sticky;
	top:0;
	padding-top: 15px;
	max-height: 250px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	background-color:#f7f7f7;
	flex-wrap: wrap;
	flex-direction:row;
	overflow: hidden;
	border-bottom:3px solid #57bd47;
	z-index:80;
	justify-content:center;
	align-items:center;
	}
.header a {
	display:block;
	text-decoration: none;
	color:black;
	padding:5px 10px;
	margin:0px 20px;
	border-bottom:3px solid white;
	text-transform: uppercase;
	transition: 0.1s all;
}
.header a:hover,
.header a:focus {
  	font-weight:bold;
	border-bottom:3px solid #57bd47;
	transition: 0.5s all;
	background-color:#ddd;
	-webkit-box-shadow: 1px 3px 13px -2px rgba(0,0,0,0.75); 
	box-shadow: 1px 3px 13px -2px rgba(0,0,0,0.75);
}
.header .menu {
	display:flex;
	flex-basis: 100%;
	justify-content:center;
	align-items:center;
}
.logo {
	flex-basis: 100%;
	text-align: center;
	background-color:white;
	border-top:white solid 15px;
}
.footer {
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr 1.5fr;
	min-height: 200px;
	background-color:#dadada;
}
.footer_adresse {
	padding:2%;
}
.footer_adresse ul {
	opacity: 0.4;
}
.footer_adresse li {
	line-height: 1.5em;
}
.footer_adresse h2 {
	padding:2% 2%;
	font-size:0.9em;
	font-weight: bold;
	margin-bottom:20px;
	color:white;
	font-variant: small-caps;
}
.footer_adresse svg {
	margin-left:12px;
	margin-right:25px;
}
.footer_adresse a {
	text-decoration: none;
	color:black;
	cursor: pointer;
}
.footer_adresse a:hover {
	text-decoration:underline;
}
.footer_logo {
	padding:1.5% 2%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer_conformite {
	padding-right:30px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:12px;
}
.footer_conformite {
    background-color: white;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin-right:2%
}
.footer_conformite img {
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}
.footer_conformite p {
	width:98%;
	color: #4F4F4F;
	font-size:0.85em;
}
.footer ul {
  	list-style: none;
}
.footer ul li {
	line-height: 1.4em;
	padding-left:7%;
}
.footer i {
	color: hsl(250, 91%, 32%);
    width: 20px;
	margin-right:5px;
}
.infos_legales {
	width:100%;
	background-color:#FFF;
	text-align:center;
	border-top:2px solid #000;
	margin-top:15px;
}
.infos_legales a {
	text-decoration: none;
	color:black;
	cursor: pointer;
}
.txtinfoslegales {
	padding:10%;
	text-align: justify;
}
@media (max-width:1280px)
{
	.footer_adresse {
		font-size:0.8em;
	}
	.footer_conformite p {
		font-size:0.85em;
	}
}
@media (max-width:1000px)
{
	.footer {
		grid-template-columns: repeat(2,1fr);
	}
	.footer_adresse {
		width:90%;
		margin:auto;
	}
	.footer_conformite {
		border-top:1px solid black;
		grid-column-start: 1 ;
		grid-column-end: span 2;
		margin:auto;
		padding-top:25px;
		max-width: 90%;
	}
}
@media (max-width:650px)
{
	.header a {
		padding:2px 5px;
		margin:0px 10px;
	}
	.footer {
		grid-template-columns: 2fr 1fr;
	}
	.footer_conformite {
		grid-column-start: 1 ;
		grid-column-end: span 3;
	}
}
@media (max-width:540px)
{
	.header a {
		font-size: 1.1em;
	}
	.header a span {
		display:none;
	}
	.footer {
		grid-template-columns: 1fr;
		grid-template-row: 1fr;
		grid-template-areas: 
			"logo"
			"adresse"
			"conformite"
	}
	.footer_adresse {
		grid-area: adresse ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	.footer_logo {
		grid-area: logo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
		padding-top:25px;
		padding-bottom:25px;
		border-bottom:1px solid #606060;
	}
	.footer_conformite {
		grid-area: confirmite ;
		grid-column-start: 1 ;
		grid-column-end: 1;
		padding-bottom:25px;
	}
}
@media (max-width:440px)
{
	.header a {
		font-size: 0.8em ;
	}
	.footer_conformite {
		display: block;
		padding-right:8px;
		text-align: center;
	}
	.footer_conformite img {
		float:none;
		margin-bottom:15px;
	}
	.footer_conformite p {
		width:98%;
		text-align: justify;
		font-size:0.92em;
	}
}

.footer{
  display:grid;
  grid-template-columns: 1fr auto 1.4fr;
  gap:24px;
  align-items:start;
  padding:24px;
  background:#f8fafc;
  border-top:1px solid #e5e7eb;
}
.footer_titre{ color:#0b3b8f; margin:0 0 8px; font-size:1.15rem; }
.footer_adresse ul{ margin:0; padding:0; list-style:none; }
.footer_adresse li{ margin:.35rem 0; }
.footer_adresse a{ text-decoration:underline; }
.footer_adresse .societe{ font-weight:700; font-size:1.2rem; }

.footer_logo img{ display:block; max-width:100%; height:auto; }

.footer_conformite{ font-size:.95rem; }
.footer_conformite .badges{ display:flex; gap:12px; align-items:center; margin-bottom:8px; }
.footer_conformite p{ margin:.5rem 0; }
.footer_conformite .nota{ color:#475569; font-size:.7rem; }

.infos_legales{
  text-align:center;
  padding:12px 16px 20px;
  font-size:.95rem;
  background:#f8fafc;
  border-top:1px solid #e5e7eb;
}
.infos_legales a{ text-decoration:underline; }

/* Responsive */
@media (max-width: 900px){
  .footer{ grid-template-columns: 1fr; }
  .footer_logo{ order:-1; }
}