body{background-color: black}
main{color:beige;}
h1{text-align: center;}
h1,h2{color:gold;}
h2{font-size: 1.2rem}
main{-ms-grid-columns: auto;grid-template-columns: auto}
p {
  line-height: 1.8rem;
  font-size: 1.2rem;
  margin: 0 1rem;
}
section{padding: 0 2rem;}
span.distingue{color:gold;}
.lauteur {width: 500px;border: 1px solid gold;margin: 2rem auto;padding: .3rem;-webkit-border-radius: .5rem;border-radius: .5rem;-webkit-box-shadow: 0 0 2px 1px white;box-shadow: 0 0 2px 1px white;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background-color:#290D0D;}
.lauteur p{font-size:.9rem}
.lauteur .acaba{font-size:1.5rem;color:gold;}
.lauteur .bll{text-align: center}
.lauteur .bll .acaba {font-size: 6rem;text-shadow: 0 0px 11px white;color:black;}
.duee img{width: 100px;}
@media all and (max-width:36rem){
	.lauteur{width:100%;}
	.duee{width: 100%;text-align: center;}
}
@media all and (max-width:26rem){
.lauteur p {font-size: .8rem;}
.fba a{font-size:.6rem;}
}