html
{width:100%;height:100%;
background:white;
background-image:url("piano.jpg");background-repeat:repeat;-webkit-background-size:cover;background-size:cover;}

@media screen and (max-device-width:1200px){body{font-size:85%;}}

.page{padding: 0% 4% .3% 4%;border-radius:2em;width:54%;margin-left:18%;
font-family: 'Open Sans', arial,philosopher;text-align:justify;
font-style: normal;font-weight: normal;color: rgb(20,25,25);font-size:1.1em;
background:grey;background-color:rgba(255,255,255,0.98);
box-shadow: 8px 6px 4px #aaa;}

nav
{clear:both;margin-top:0%;margin-bottom:.1%;
margin-left:4%;margin-right:29.5%;top:0;font:1.5vw/1.6vw 'philosopher',serif;
font-weight:normal;text-align:left;white-space:nowrap;
background-color:rgba(255,255,255,0.9);}
/*safari*/_::-moz-svg-foreign-content, :root nav {font-family: arial;font-size:1.1em;}

li{display:inline;padding:0 1.2em 0 0;list-style:none;font-style:normal;text-decoration:none;}
.lmenu {margin-top:10%;}
.lmenu li a
{display:block;font:1.14em/1.1em 'georgia',arial,serif,'philosopher';margin-top:-3%;
color:rgb(0,0,0);text-decoration:none;outline:none;white-space:inherit;
padding-top:0%;}
/*safari*/_::-moz-svg-foreign-content, :root .lmenu li a {font-family: arial;font-size:1em;}
.lmenu li a:hover{color:rgb(180,180,159);}
nav a{color:black;text-decoration:none;outline:none;}
nav a:hover{color:rgb(130,85,130);}

/* Navigation en mode mobile */
@media screen and (max-width: 768px) {
  nav {
    font-size: 4vw;
    margin: 0 2%;
  }
  nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  li {
    display: block;
    padding: 0.5em 0;
  }
}

#lcolor{color:rgb(125,90,41);}

.partition{margin-left:22%;margin-bottom:0%;margin-top:4%;height:100px;border-radius:1.2em;}

.partitions{text-align:left;margin-left:37%;color:rgb(50,19,80);font-size:1.3em;margin-bottom:.1%;}
.livre{padding:.6% .5% .5% .5%;border-radius:1.2em;height:auto;max-width:17em;}

h1{min-height:16px;
padding-left:1%;margin-right:0%;margin-left:7%;
text-align:left;font-family:'philosopher',georgia,arial,serif;
font-style:normal;font-weight:normal;color:rgb(85,26,139);font-size:1.6em;
border-top:1px double rgb(100,100,100);border-bottom:1px ridge rgb(100,100,100);
background-color:white;}
/* safari */_::-moz-svg-foreign-content, :root h1 {font-family: arial;font-size:1.45em;}
h1 a{text-decoration:none;color:rgb(85,26,139);outline:none;}
.emphase{margin-left:22%;color:rgb(220,200,50)}
h3{color:rgb(40,10,70);text-align:center;font:1.3em/1em 'philosopher',georgia,arial,serif;
word-spacing:.2em;font-style:normal;}
/* safari */_::-moz-svg-foreign-content, :root h2 {font-family: arial;}
h2{color:rgb(141,109,62);text-align:center;font:1.3em/1.11em 'philosopher',georgia,arial,serif;
word-spacing:.2em;margin-bottom:.8%;font-style:normal;margin-top:-1%;}
/* safari */_::-moz-svg-foreign-content, :root h3 {font-family: arial;}

.intro
{padding:.1% 1% .1% 2%;min-width:35%;margin-left:4%;margin-bottom:.5%;margin-left:5%;margin-right:4%;
border-radius:2em;
font-family:'Open Sans', arial,philosopher;text-align:justify;
font-style:normal;font-weight: normal;color: rgb(24,24,24);font-size:.85em;
background:white;background-color:rgb(255,255,255);
box-shadow:8px 6px 4px #aaa;}

.intro p
{padding-top:0%;padding-bottom:0px;margin-top:0;
-webkit-user-select:none;
-khtml-user-drag:none;
-khtml-user-select:none;
-moz-user-select:none;
-moz-user-select:-moz-none;
-ms-user-select:none;font-size:1.05em;}

.dow
{padding:3.5% 4% 3.5% 4%;margin-left:17%;
font-family:'Open Sans',arial,philosopher;font-size:.85em;
text-decoration:none;color:white;outline:none;
background:rgb(139,97,137);
background-image:radial-gradient(rgb(139,97,137),rgb(81,70,81));
border-radius:7px;border:3px ridge rgb(10,10,10);}

.retour
{padding:2.5% 3% 2.5% 3%;margin-left:0%;
font-family:'Open Sans',arial,philosopher;font-size:.85em;
text-decoration:none;color:white;outline:none;
background:grey;
background-image:radial-gradient(rgb(150,150,150),rgb(70,70,70));
border-bottom-left-radius:7px;border-bottom-right-radius:7px;
border-top-left-radius:7px;border-top-right-radius:7px;}

.retour:hover{color:rgb(215,215,215);}
.ret{text-align:left;}


.left{padding:inherit;min-height:50%;width:28%;}
.pic{border-radius:3%;width:70%;}
.right{vertical-align:top;min-height:50%;width:25%;padding:inherit;top:0;}
.dif{margin-top:20%;margin-bottom:8%;text-align:left;font:1em/1.2em 'Open Sans',arial,philosopher;}
.clic{color:rgb(70,0,137);text-decoration:none;font-style:oblique;font-size:1.2em;}
.pied

{margin:0 auto; padding: 1em;color:black; text-align: center;font: 1.1em/1.1em 'Open Sans',arial,philosopher;width:100%;}

.link{text-decoration:none;color:rgb(25,10,180);outline:none;}