@font-face {
 font-family: 'hipsterish';
 src: url('hipsterish.ttf') format('truetype');}

html, body {
 height: 100%;
 margin: 0px;
 padding: 0px; 
 font-family: 'hipsterish';}

a, a:visited {
 text-decoration: none;
 color: #504651;}

/*index.html*/

#contacc {
 width: 800px;
 margin: auto;
 color: #504651;}

#nomsyl {
 margin: 100px 0 20px 0;}

#imgaccp {
 margin-bottom: 30px;
 display: block;}

#imgaccg {
 display: none;}

.menuacc {
 padding: 0;
 margin: 0;
 font-weight: normal;
 font-size: 2.5em;
 text-align: center;}

.menuacc li {
 display: inline-block;
 list-style-type: none;
 color: #504651;
 padding: 20px 20px 20px 0;}

/*livres.html*/

.bodyadu {
 color: #504651;}
 
.bodyadu a {
 color: #504651;}
 
.bodyadu a:visited {
 color: #504651;}

.bodyniv1 {
 background-color: #504651;
 min-height: 100%;}

/* correction principale : annuler le flex du desktop */

.conteneur {
 width: 800px;
 min-height: 100vh;
 margin: auto;
 color: #504651;
 display: block;
}

.conteneur a {
 color: #504651;}

.conteneur a:visited {
 color: #504651;}
 
.conteneurbio a {
 color: #504651;}

.conteneurbio a:visited {
 color: #504651;}

.listemenu { 
 padding: 0;
 margin: 0;
 font-size: 2.3em;
 text-align: center;
 font-family: 'hipsterish';
}

.listemenu li {
 display: inline-block;
 list-style-type: none;
 color: #504651;
 padding: 20px 20px 20px 0;}

.gauche {
 display: none;}

/* correction : empêcher le centrage vertical */

.centre {
 min-height: 100vh;
 background-color: #fff;
 margin: 0 auto;
 overflow: auto;
 padding-top: 1px;
}

.droite {
 display: none;}

.menuhaut {
 display: block;}

.liemph {
 font-size: 2em; 
 line-height: 1.2em;}

.lienlivre {
 margin: 150px 0;}

.lienlivreh {
 margin: 35px 0 150px 0;}

.lienlivreb {
 margin: 150px 0 35px 0;}
 
.pjol {
 color: #504651;
 margin-left: 70px;}
 
a.aaubergine {
 color: #504651;
 text-decoration: underline;}
 
a:visited.aaubergine {
 color: #504651;}

a.ableu {
 color: #a7d8eb;}

a:visited.ableu {
 color: #a7d8eb;}
 
 a.arose {
 color: #df4b89;}
 
a:visited.arose {
 color: #df4b89;}
 
 a.avert {
 color: #d1df34;}
 
a:visited.avert {
 color: #d1df34;}
 
a.aturquoise {
 color: #71b0a3;}
 
a:visited.aturquoise {
 color: #71b0a3;}
 
 a.abrique {
 color: #b64d52;}
 
a:visited.abrique {
 color: #b64d52;}
 
 a.aorange {
 color: #ff8d55;}
 
a:visited.aorange {
 color: #ff8d55;}

a.abordeaux {
 color: #880f0f;}
 
a:visited.abordeaux {
 color: #880f0f;}

a.ataupe {
 color: #8b796e;}
 
a:visited.ataupe {
 color: #8b796e;}

.anneeactu {
font-size: 1.5em;
text-align: center;}

.txtactu {
 color: #504651;
 margin: 10px;}

.actutitre {
 font-size: 1.1em;
 margin-top: 30px;}

.actutexte {
font-size: 0.9em;
 margin-left: 50px;}

.imgactu {
 border: 1px solid #504651;
 margin-left: 50px;}
 
.imgactusscadre {
margin-left:50px}