html {
scroll-padding-top:50px;
background-color: linear-gradient(to right, #DCFEDD, white, white, white, #DCFEDD); //couleur fond dégradé
color:black;
font-family: Arial, Helvetica, sans-serif;
}
body {
padding-top:-20px;
margin-top:-20px;
color:black;
font-family: Arial, Helvetica, sans-serif;
}
p {
margin-left:10px;
}
.titre_p {
margin-left:10px;
font-size:120%;
font-weight:bold;
}
.adresse_p {
margin-left:10px;
}
.barre_principal {
top:0;
position:-webkit-sticky;
position:-moz-sticky;
position:-ms-sticky;
position:-o-sticky;
position:sticky;
background-color:#d6e3b8;
color:black;
display:block;
margin-left:-10px;
width:calc(100% + 20px);
}
.hkey {
display:table;
margin-left: auto;
margin-right: auto;
}
.hkey_logo {
display:table-cell;
}
.hkey_nom {
display:table-cell;
vertical-align:middle;
font-size:180%; 
font-weight:bold; 
padding-left:10px;
}
.titre_principal {
font-size:160%; 
width:100%; 
text-align:center;
}

.sous_titre_principal {
font-size:60%; 
width:100%; 
text-align:center;
padding-bottom:5px;
}
.image_logo {
width: 50px;
display: block;
margin: 2px auto;
padding-top:5px;
}
.image_prospectus {
width: 90vw;
display: block;
margin: 10px auto;
border: 1px solid #D3D3D3;
box-sizing: border-box;
}