* {
	box-sizing:border-box;
}
html,
body,
ul {
	margin:0;
	padding:0;
}
body {
	background:white;
	font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}
.header-logo {
    max-width:500px;
	height:auto;
	margin-left:auto;
    margin-right:auto;
	padding-top:20px;
}
img.header-logo {
	display:block;
    width:100%;
	height:auto;
	margin-left:auto;
    margin-right:auto;
}
p.header-texte {
	margin-bottom:50xp;
	text-align:center;
}
div.texte {
	max-width:800px;
	height:auto;
	margin-top:50px;
	margin-left:auto;
    margin-right:auto;
	padding-left:10px;
	padding-right:10px;
}
p.texte {
	font-family:cursive;
	font-size:1em;
	font-style:oblique 40deg;
	text-align:justify;
	color:black;
}
div.boite {
	max-width:825px;
	height:auto;
	margin-top:25px;
	margin-left:auto;
    margin-right:auto;
	text-align:center;
}
.boite div {
	display:inline-block;
	height:250px;
	width:250px;
	margin-top:25px;
	margin-left:16px;
    color:white;
	padding:120px 0px;
    text-align:center;
}
.presta1 {background-image:linear-gradient(to bottom, rgba(48,48,48,0.8), rgba(48,48,48,0.5)),url(../img/01.jpg);}
.presta2 {background-image:linear-gradient(to bottom, rgba(48,48,48,0.8), rgba(48,48,48,0.5)),url(../img/02.jpg);}
.presta3 {background-image:linear-gradient(to bottom, rgba(48,48,48,0.8), rgba(48,48,48,0.5)),url(../img/03.jpg);}
.presta4 {background-image:linear-gradient(to bottom, rgba(48,48,48,0.8), rgba(48,48,48,0.5)),url(../img/04.jpg);}
.presta5 {background-image:linear-gradient(to bottom, rgba(48,48,48,0.8), rgba(48,48,48,0.5)),url(../img/05.jpg);}
.presta6 {background-image:linear-gradient(to bottom, rgba(48,48,48,0.8), rgba(48,48,48,0.5)),url(../img/06.jpg);}
.presta7 {background-image:linear-gradient(to bottom, rgba(48,48,48,0.8), rgba(48,48,48,0.5)),url(../img/07.jpg);}
.presta8 {background-image:linear-gradient(to bottom, rgba(48,48,48,0.8), rgba(48,48,48,0.5)),url(../img/08.jpg);}
.presta9 {background-image:linear-gradient(to bottom, rgba(48,48,48,0.8), rgba(48,48,48,0.5)),url(../img/09.jpg);}
a.contact {
	color:white;
 	font-size:0.9em;
	line-height:1.5em;
	text-decoration:none;
}
a.contact:link {
	color:white;
 	font-size:0.9em;
	line-height:1.5em;
	text-decoration:none;
}
div.contact {
	max-width:800px;
	height:auto;
	background:#303030;
	margin-top:50px;
	margin-left:auto;
    margin-right:auto;
	padding:5px 20px 5px 20px;
	z-index:1;
}
h1.contact {
	font-size:1em;
	font-style:normal;
	text-align:left;
	color:white;
}
h2.contact {
	font-size:0.9em;
	font-style:normal;
	text-align:left;
	color:white;
}
hr.contact {
	color:white;
}
p.contact {
	text-align:right;
}
div.footer {
	max-width:800px;
	height:auto;
	margin-left:auto;
    margin-right:auto;
	margin-bottom:20px;
	margin-top:20px;
	color:#303030;
 	font-size:10pt;
	text-align:right;
	text-decoration:none;
}
a.footer:link {
	color:#303030;
	font-size:100%;
	text-align:right;
	text-decoration:none;
}
div.mentions {
	max-width:800px;
	height:auto;
	margin-top:50px;
	margin-left:auto;
    margin-right:auto;
	padding-left:10px;
	padding-right:10px;
}
h1.mentions {
	font-size:1.2em;
	font-style:oblique 40deg;
	text-align:justify;
	color:black;
}
h2.mentions {
	font-size:1em;
	font-style:oblique 40deg;
	text-align:justify;
	color:black;
}
p.mentions {
	font-size:0.8em;
	font-style:oblique 40deg;
	text-align:justify;
	color:black;
}
.XXX {
	color:white;
	cursor:pointer;
	font-size:1em;
	position:relative;
	text-decoration:none;
}
.XXX:hover:after,
.XXX:focus:after {
	background:#303030;
	border-radius:5px;
	color:#fff;
	content:attr(aria-label);
	font-size:0.9rem;
	left:50%;
	padding:5px 14px;
	position:absolute;
	top:-4em;
	transform:translateX(-50%);
	white-space:break-spaces;
	z-index:1;
}
[aria-label]:focus {
  outline:none;
}