<!DOCTYPE html>
<html>
 <head>
        <meta charset="utf-8"/>
        <link rel="stylesheet" href="Chambre.css"/>
        <link rel="icon" type="image/gif" href="SDS.jpg"/>
        <link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
        <link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-orange.css">
        <title> Equipements</title>
 </head>
<body>
<header>
<center><h1>Equipements</h1></center>
</header>

<div class="w3-card-2 w3-theme-l3" style="margin:auto;margin-top:50px;background-color: rgba(255,0,0,0.4)!important;">
<p1><center>
Wifi gratuit avec borne à chaque étage </br>
</center></p1>
</div>

<div class="w3-card-2 w3-theme-l3" style="margin:auto;margin-top:50px;background-color: rgba(255,255,200,0.4)!important;">
<img class="IMA w3-card-2" src="SDS.jpg" style="margin:5px;margin-left:10%;height:400px;width:400px" />
<p1>Salle de sports avec accès libre pour les résidents (appareils de musculation, tapis de course ….)</p1>
</div>



<div class="w3-card-2 w3-theme-l3" style="margin:auto;margin-top:50px;background-color: rgba(255,100,200,0.4)!important;">
<img class="IMA w3-card-2" src="Laverie.jpg" style="margin:5px;margin-left:10%;height:400px;width:400px;" />
<p2>Espace buanderie équipé de machines à laver,  sèche-linge et nécessaire de repassage.</p2>
</div>

<div class="w3-card-2 w3-theme-l3" style="margin:auto;margin-top:50px;background-color: rgba(255,0,0,0.2)!important;">
<img class="IMA w3-card-2" src="SDL.jpg" style="margin:5px;margin-left:10%;height:400px;width:400px;" />
<p2>Salle de lecture avec accès libre et une bonne connexion Internet.</p2>
</div>

<footer class="w3-center w3-theme-l2" style="margin-top:50px;background-color: rgba(25,100,200,0.4)!important; display: none;">
  Fait par Cedric Bouquet, contact à <a href="mailto:cedric.7@outlook.fr">cedric.7@outlook.fr</a> - optimisé pour Google Chrome
</footer>
</body>
</html>


<style>

h1
{
font-family: BallparkWeiner, Dayrom, serif;
}

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}

header h1
{
    font-family: 'BallparkWeiner', serif;
    font-size: 2.5em;
    display: inline-block;
    margin-bottom: 0px;
	display: inline;
    zoom: 1;
}

body
{
min-height: 50%;
max-height: 50%;
font-size-adjust: 2000%;
background-color: grey;
}
</style>