img {
	border-radius: 16px;
	border:3px solid #000;
}

p {
	font-family:Verdana, Arial, sans-serif;
	font-size: 16pt;
	color: #000;
	line-height: 1.45;
}
h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 40pt;
	color: #000;
	text-align:center;
}
h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 40pt;
	color: #000;
	text-align:center;
}
h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18pt;
}
body {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

a {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	font-size: 16pt;
	color: blue;
}

li {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16pt;
	color: #333;
	margin-left: 12px;
	text-align:justify;
	line-height: 1.4
}

@media only screen and (max-width: 820px) {
  body {
    	margin-left:10px;
		margin-right:10px;
  }
}

@media only screen and (max-width: 420px) {
  h1 {
    	font-size:28px;
  }
}

.topbar{
	border-radius: 10px;
  max-width:none;
  margin:0;
  padding:12px 28px;

  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;

  background:#04A;
  color:#ffffff;

  font-size:18px;
  font-weight:700;
}

.topbar a{
  color:#ffffff;
  text-decoration:none;
}

.topbar a:hover,
.topbar a:focus{
  text-decoration:underline;
}

.topbar-languages{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.topbar-languages span{
  margin-right:6px;
}

.topbar-languages a{
  padding:5px 8px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.45);
}

.topbar-languages a.active{
  background:#ffffff;
  color:#003f78;
}

.topbar-email{
  white-space:nowrap;
}

.offre {
	margin-top: 30px;
	padding: 0px 20px;
	border: 5px solid #999;
	border-radius: 20px;
}

@media(max-width:3000px){
  .topbar{
    flex-direction:column;
    align-items:flex-start;
    padding:14px 18px;
  }

  .topbar-email{
    white-space:normal;
  }
}