/*fonts import*/
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Permanent+Marker&display=swap');
.courier-prime, body * {
  font-family: "Courier Prime", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;margin:0;padding:0;
}

.permanent-marker {
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;
}
.bold, strong{font-weight: 700;}
.italic{font-style: italic;}
.majuscules{text-transform:uppercase;}


/* smartphone=60%*/
h1{font-size:18.5pt;line-height:1.15;font-weight:400;display:inline-block;width:auto;/*no H1*/}
h2{box-sizing:border-box;font-size:22px;line-height:1.15;font-weight:400;display:inline-block;width:auto; font-family: "Permanent Marker", cursive;}
h3{box-sizing:border-box;font-size:18px;line-height:1.15;font-weight:400;display:inline-block;width:auto; font-family: "Permanent Marker", cursive;}
h4{font-size:13px;line-height:1.15;font-weight:400;display:inline-block;width:auto;}
h5{font-size:13px;line-height:1.15;font-weight:400;}
h6{font-size:16px;line-height:1.15;font-weight:400;}
p{font-size:15px;line-height:1.15;}

h1 span{font-weight:200;}
/*colors settings*/
.blanc{color:#ffffff;}
.noir{color:#000000;}
.rouge{color:#ff6b00;}

.blancBG{background-color:#ffffff;}
.noirBG{background-color:#000000;}
.rougeBG{background-color:#ff6b00;}

.blancSVG-elmt,.blancSVG *{fill:#ffffff;}
.noirSVG-elmt, .noirSVG *{fill:#000000;}
.rougeSVG-elmt, .rougeSVG *{fill:#ff6b00;}
.rougeFilter{filter: brightness(0) saturate(100%) invert(47%) sepia(27%) saturate(4183%) hue-rotate(358deg) brightness(100%) contrast(108%);}
.text-center{text-align:center;}
.text-right{text-align:right;}