<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Croissant+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
body {font-family: Helvetica;}
.cursif	{font-family: 'Croissant One', cursive;}
.TOcursif {font-family: 'Croissant One', cursive; font-size: 24px;font-weight: bold;color: #990000;}
.TO {font-family: Impact "sans-serif"; font-size: 24px;font-weight: bold;color: #990000;}
.TB {font-family: Impact "sans-serif"; font-size: 24px;font-weight: bold;}
.TT16 {font-size: 16px;font-weight: bold;color: #990000;}
.TT {font-size: 32px;font-weight: normal;color: #990000;}
.TS {font-size: 48px;font-weight: bold;color: #990000;}
.poeme {font-family: Palatino; font-size: 20px; font-style: italic;  color:blue}
.poeme2 {font-family: Palatino; font-size: 20px; font-style: italic; color:blue}
.O {font-size: 16px;}
.big {font-size: 16px;font-weight:bold;}
.T20 {font-size: 20px;}
.Chapitre {font-size: 24px; color:#990000; font-weight: bold;}
.Flyer48 {font-size: 48px;font-weight: bold;font-style: italic; color: #990000;}
.Flyer36 {font-size: 36px;font-weight: bold;font-style: italic; color: #990000;}
.T {font-size: 24px;background-color: red;}
.S {font-size: 36px;}
.rouge {color: red;}
.bleu {color: blue; }
.blanc {color: white; }
.bleu24 {color: blue;font-size: 24px; }
.bleu2 {color:#126FAA}
.gris {color:#DBDBDB}
.vert {color: green;}
.vert16 {color: green;font-size: 16px;}
.vert24 {color: green;font-size: 24px;}
.vert32 {color: green;font-size: 32px;}
.lien {color:blue;text-decoration: none;}
a {color:blue;text-decoration: none;}
a:link {color: blue;text-decoration: none;}
a:visited {color: blue;}
a:focus {color:red;}
a:hover {color:red;}
a:active {color:red;}

.menu3 {
	color:white;
    background-color:green;
	border-radius:10px; 
}

.pave {
    border: 1px solid #EF1487;
	font-size: 24px;
	color:white;
    background-color:green;
}

.baspage {color:white;background-color:lightgreen;}
.dial1 {background-color:#DBDBDB;}
.dial2 {font-size: 16px;font-family: "Times New Roman";}
.menu1 {font-size: 24px;color:blue;background-color:#DBDBDB;}
.menu0 {color:blue;background-color:#DBDBDB;}
.menu {color:black;background-color:white;}
.menuV {color:black;background-color:#DBDBDB;}
.notice {padding: 10px 10px;background-color:aquamarine;}


.shadowbox {
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}

.boiteverte {
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-color:aquamarine;
}


.boite {
  border: 1px solid #333;
	background-color:aquamarine;
  padding: 2px 2px;
}

.titre {
    border: 1px solid #333;
    box-shadow: 8px 8px 5px #444;
    padding: 8px 12px;
    background-color:#88F5A5;
}


.fotoHB {
    width: 300px;
}

  .posit {
        position: absolute;
        top: 30px;
        left: 30px;
      }
.c5 {
color: chocolate;
	font-size: 48px;
	font-family: "Courier New";
}
.C3 {
	color: chocolate;
	font-size: 48px;
}