/*
Site des fontes : https://www.fontsquirrel.com/fonts/
Site pour choix des couleur: https://www.toutes-les-couleurs.com/code-couleur-html.php
*/


@font-face {
font-family : "comic";
src : url('/font/ComicRelief.ttf');
}
@font-face {
font-family : "comic";
font-style : italic;
src : url('/font/ComicRelief.ttf');
}

@font-face {
font-family : "comic";
font-weight : bold;
src : url('/font/ComicRelief.ttf');
}

@font-face {
font-family : "comic";
font-style : italic;
font-weight : bold;
src : url('/font/ComicRelief.ttf');
}

a:link {
color : #1034A6;
}
a:visited {
color : #318CE7;
}
html {
font-size : 27px;
font-family : 'comic', sans-serif;
}
body {
font-family : "comic", Helvetica, Arial, sans-serif;
/*background-color : #fcfbb7;*/
background-color : #ffffff;
line-height : 1.4;
letter-spacing : 0.8px;
font-size : 27px;
}
h1 {
font-size : 45px;
text-align : left;
margin : 5 5 5 5;
color : black;
}
/*
text-shadow : 4px 4px 4px #a0d46b;
*/

h2 {
font-size : 35px;
text-align : left;
margin : 0 20px auto 20px;
}
h3 {
font-size : 25px;
text-align : left;
margin : 0 20px auto 20px;
}
h4 {
font-size : 16px;
text-align : center;
margin : 0 auto auto auto;
}
h5 {
font-size : 35px;
margin : 0 20px auto 20px;
color : red;
text-align : left;
}
h6 {
font-size : 25px;
margin : 0 10px auto 10px;
color : red;
text-align : left;
}
/* text-shadow : 3px 3px 3px #46a95f;*/


li {
font-size : 18px;
line-height : 1.5;
letter-spacing : 0.6px;
margin : 0 15px auto 15px;
text-align : center;
}

p {
font-size : 25px;
line-height : 1.5;
letter-spacing : 0.8px;
margin : 0 20px auto 20px;
text-align : justify;
}

p::first-letter {
text-shadow : 3px 3px 3px #a0d46b;
font-size : 120%;
}
img {
  max-width: 100%;
  max-height: 50%;
  height: auto;
  display : block;
  margin : 0 auto;
}
table {
border-collapse : collapse;
border : rgb(85 110 68) solid 0px;
letter-spacing : 1px;
font-size : 0.8rem;
table-layout : auto;
}
td, th {
border : rgb(114 138 111) solid 1px;
padding : 10px 20px;
}
.box {
display : flex;
justify-content : space-around;
/*background-color : #fcfbb7; */
}

li {
  float: left;
}



/* CSS : https://getcssscan.com/css-buttons-examples*/
.button-33 {
  background-color: #c2fbd7;
  border-radius: 100px;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
  color: green;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-33:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
  transform: scale(1.10) rotate(0deg);
}