/* width */
::-webkit-scrollbar {height: 4px; width:8px;}
/* Track */
::-webkit-scrollbar-track {background: #f1f1f1; }
/* pointerle */
::-webkit-scrollbar-thumb {background: #888; }
::-webkit-scrollbar-button {background:white;width:20px;height:20px}
/* pointerle on hover */
::-webkit-scrollbar-thumb:hover {background: #555;}
::-webkit-scrollbar:hover {height: 20px; width:20px;}
::-webkit-scrollbar-track:hover {background: #f1f1f1;}
:root {
  --cassiopeia-color-primary: hsl(220, 67%, 20%);
  --cassiopeia-color-link: hsl(220, 67%, 40%);
  --cassiopeia-color-hover: hsl(242, 30%, 36%);
  --cassiopeia-color-back: hsl(220, 22%, 90%);
}

@media (max-width:1000px){
	html {font-size:95%}
}
@media (min-width:1001px){
	html {font-size:115%}
}
@media (max-width:600px){
	html {font-size:80%}
}




form {
margin-top : 1rem;
padding : 0.5rem;
width: 98%;
background: white;
/*background-color:var(--cassiopeia-color-back);*/
}
body {
font-family : arial;
font-size : 1.2rem;
}
table {
border-width : 0;
border-style : solid;
border-collapse : collapse;
width: 95%;
max-width:95%!important;
}
img {
	max-width: 85%!important;
}
.publi {
font-size : 0.7rem;
font-style : italic;
margin-left : 1rem;
padding-left : 0.5rem;
}
.noborder {
border : none;
border-radius : 0;
}
.flotte {
border : none;
border-radius : 0;
padding-right : 0.5rem;
padding-left : 0.25rem;
}
.hyperStar {
align:center; background-image : linear-gradient(0deg, var(--cassiopeia-color-primary) 0%, white 2rem);
; color:white; border-radius:0.5rem;padding:0.1rem;text-align:center;cursor:hand;}
.Complet {
width:5rem;
margin : 0.5rem;
margin-top : 0.25rem;
margin-left : auto;
margin-right : auto;
padding : 0.1rem;
text-align : center;
border : red double 6px;
color : red;
background-color : white;
font-family : Times, "Times New Roman", Georgia, serif;
font-weight : normal;
font-size : 0.8rem;
rotate :-10deg;
}