* {
  --bt-green: #37cc00e6;
  --bt-red: #c80000e6;
  --bt-yellow: #e4e400ff;
  --bt-bright: #fefefeff;
  --bt-dark: #353535ff;
}

@media only screen and (min-width: 768px) {
  .col-1 {width: 8.33%;}
  .col-2 {max-width: 16.66%;}
  .col-3 {max-width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 { width: 50vw; }
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

.col-1 * { width: 100%;}
.col-2 * { width: 100%;}
.col-3 * { width: 100%;}
.col-4 * { width: 100%;}
.col-5 * { width: 100%;}
.col-6 * { width: 100%;}
.col-7 * { width: 100%;}
.col-8 * { width: 100%;}
.col-9 * { width: 100%;}
.col-10 * { width: 100%;}
.col-11 * { width: 100%;}
.col-12 * { width: 100%;}

.inline { display: inline; }
.txt-blanc { text-decoration: none;}
.txt_black { color: black; }
.txt_red { color: red; }
.txt_yellow { color: yellow; }
.txt_green { color: green; }
.txt_purple { color: purple; }

.bg_orange { background-color: orange; }
.bg_cyan { background-color: cyan; }

.bd_top { border-top: 1px solid #aaa; }
.bd_bottom { border-bottom: 1px solid #aaa; }
.bd_left { border-left: 1px solid #aaa; }
.bd_right { border-right: 1px solid #aaa; }
.bd1 { border: 1px solid #aaa; }
.bd2 { border: 2px solid #aaa; }
.bd4 { border: 4px solid #aaa; }
.bd6 { border: 6px solid #aaa; }

.w10px {width: 10px;}
.w20px {width: 20px;}
.w30px {width: 30px;}
.w40px {width: 40px;}
.w50px {width: 50px;}
.w60px {width: 60px;}
.w70px {width: 70px;}
.w80px {width: 80px;}
.w90px {width: 90px;}
.w100px {width: 100px;}
.w200px {width: 200px;}
.w300px { width: 300px; }

.h10px { height: 10px; }
.h20px { height: 20px; }
.h30px { height: 30px; }
.h40px { height: 40px; }
.h50px { height: 50px; }
.h60px { height: 60px; }
.h70px { height: 70px; }
.h80px { height: 80px; }
.h90px { height: 90px; }
.h100px { height: 100px; }
.h200px { width: 200px; }
.h300px { width: 300px; }
.h400px { height: 400px; }
.h500px { height: 500px; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.h10p { height: 10%; }
.h20p { height: 20%; }
.h30p { height: 30%; }
.h40p { height: 40%; }
.h50p { height: 50%; }
.h60p { height: 60%; }
.h70p { height: 70%; }
.h80p { height: 80%; }
.h90p { height: 90%; }
.h100p { height: 100%; }

.mh100 {min-height: 100px;}
.mh200 {min-height: 200px;}
.mh300 {min-height: 300px;}

.bd_top1 { border-top: 1px solid #aaa; }
.bd_left1 { border-left: 1px solid #aaa; }
.bd_bottom1 { border-bottom: 1px solid #aaa; }
.bd_right1 { border-right: 1px solid #aaa; }

.no_bd { border: none !important; }

.pad5 { padding: 5px;}
.pad10 { padding: 10px;}
.pad20 { padding: 20px;}
.pad25 { padding: 25px;}
.pad30 { padding: 30px;}
.pad40 { padding: 40px;}
.pad50 { padding: 50px;}
.pad100 { padding: 100px;}
.pad200 { padding: 200px;}

.pad_l20 { padding-left: 20px; }
.pad_l30 { padding-left: 30px; }
.pad_l40 { padding-left: 40px; }
.pad_l50 { padding-left: 50px; }

.pad_r20 { padding-right: 20px; }
.pad_r30 { padding-right: 30px; }
.pad_r40 { padding-right: 40px; }
.pad_r50 { padding-right: 50px; }

.bg_apricot { background-color: #FEAC5E; }
.bg_skindark {background-color: #DCCFC8; }
.bg_skinbright {background-color: #F5E7DF; }
.bg_gray {background-color: #ECECEC;}

.inline-block { display: inline-block }
.text-center { text-align: center; }
.block-center {
  width: fit-content;
  margin: auto;
  display: block;
}


.mg1450 { margin-left: 1450px; }
.mg1550 { margin-left: 1550px; }
.mg1600 { margin-left: 1600px; }


.mg0 { margin: 0px; }
.mg-top5 { margin-top: 5px; }
.mg-top10 { margin-top: 10px; }
.mg-top15 { margin-top: 15px; }
.mg-top20 { margin-top: 20px; }
.mg-top25 { margin-top: 25px; }
.mg-top30 { margin-top: 30px; }
.mg-top35 { margin-top: 35px; }
.mg-top40 { margin-top: 40px; }
.mg-top45 { margin-top: 45px; }
.mg-top50 { margin-top: 50px; }
.mg-top55 { margin-top: 55px; }
.mg-top60 { margin-top: 60px; }
.mg-top65 { margin-top: 65px; }
.mg-top70 { margin-top: 70px; }
.mg-top75 { margin-top: 75px; }
.mg-top80 { margin-top: 80px; }
.mg-top85 { margin-top: 85px; }
.mg-top90 { margin-top: 90px; }
.mg-top95 { margin-top: 95px; }
.mg-top100 { margin-top: 100px; }
.mg-top200 { margin-top: 200px; }
.mg-top300 { margin-top: 300px; }
.mg-top400 { margin-top: 400px; }
.mg-top500 { margin-top: 500px; }
.mg-top600 { margin-top: 600px; }

.mg-bottom5 { margin-bottom: 5px; }
.mg-bottom10 { margin-bottom: 10px; }
.mg-bottom15 { margin-bottom: 15px; }
.mg-bottom20 { margin-bottom: 20px; }
.mg-bottom25 { margin-bottom: 25px; }
.mg-bottom30 { margin-bottom: 30px; }
.mg-bottom35 { margin-bottom: 35px; }
.mg-bottom40 { margin-bottom: 40px; }
.mg-bottom45 { margin-bottom: 45px; }
.mg-bottom50 { margin-bottom: 50px; }
.mg-bottom55 { margin-bottom: 55px; }
.mg-bottom60 { margin-bottom: 60px; }
.mg-bottom65 { margin-bottom: 65px; }
.mg-bottom70 { margin-bottom: 70px; }
.mg-bottom75 { margin-bottom: 75px; }
.mg-bottom80 { margin-bottom: 80px; }
.mg-bottom85 { margin-bottom: 85px; }
.mg-bottom90 { margin-bottom: 90px; }
.mg-bottom95 { margin-bottom: 95px; }
.mg-bottom100 { margin-bottom: 100px; }
.mg-bottom200 { margin-bottom: 200px; }
.mg-bottom300 { margin-bottom: 300px; }

.mg_left5 { margin-left: 5px; }
.mg_left100 { margin-left: 100px; }
.mg_left10 { margin-left: 10px; }
.mg_left15 { margin-left: 15px; }
.mg_left20 { margin-left: 20px; }
.mg_left25 { margin-left: 25px; }
.mg_left30 { margin-left: 30px; }
.mg_left35 { margin-left: 35px; }
.mg_left40 { margin-left: 40px; }
.mg_left45 { margin-left: 45px; }
.mg_left50 { margin-left: 50px; }
.mg_left55 { margin-left: 55px; }
.mg_left60 { margin-left: 60px; }
.mg_left65 { margin-left: 65px; }
.mg_left70 { margin-left: 70px; }
.mg_left75 { margin-left: 75px; }
.mg_left80 { margin-left: 80px; }
.mg_left85 { margin-left: 85px; }
.mg_left90 { margin-left: 90px; }
.mg_left95 { margin-left: 95px; }

.mg_right5 { margin-right: 5px; }
.mg_right100 { margin-right: 100px; }
.mg_right10 { margin-right: 10px; }
.mg_right15 { margin-right: 15px; }
.mg_right20 { margin-right: 20px; }
.mg_right25 { margin-right: 25px; }
.mg_right30 { margin-right: 30px; }
.mg_right35 { margin-right: 35px; }
.mg_right40 { margin-right: 40px; }
.mg_right45 { margin-right: 45px; }
.mg_right50 { margin-right: 50px; }
.mg_right55 { margin-right: 55px; }
.mg_right60 { margin-right: 60px; }
.mg_right65 { margin-right: 65px; }
.mg_right70 { margin-right: 70px; }
.mg_right75 { margin-right: 75px; }
.mg_right80 { margin-right: 80px; }
.mg_right85 { margin-right: 85px; }
.mg_right90 { margin-right: 90px; }
.mg_right95 { margin-right: 95px; }


.mg_5  { margin: 5px; }
.mg_100{ margin: 100px; }
.mg_10 { margin: 10px; }
.mg_15 { margin: 15px; }
.mg_20 { margin: 20px; }
.mg_25 { margin: 25px; }
.mg_30 { margin: 30px; }
.mg_35 { margin: 35px; }
.mg_40 { margin: 40px; }
.mg_45 { margin: 45px; }
.mg_50 { margin: 50px; }
.mg_55 { margin: 55px; }
.mg_60 { margin: 60px; }
.mg_65 { margin: 65px; }
.mg_70 { margin: 70px; }
.mg_75 { margin: 75px; }
.mg_80 { margin: 80px; }
.mg_85 { margin: 85px; }
.mg_90 { margin: 90px; }
.mg_95 { margin: 95px; }

.mg_inline10 {
  margin-inline-start: 10px;
  margin-inline-end: 10px;
}


.ft_1 {font-size: 1rem;}
.ft_2 {font-size: 2rem;}
.ft_3 {font-size: 3rem;}
.ft_4 {font-size: 4rem;}
.ft_5 {font-size: 5rem;}

.bd_rd { border-radius: 5px; }
.space-between { justify-content: space-around !important; }

li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bg-green { background-color: var(--bt-red); }
.bg-green { background-color: var(--bt-green); }
.bg-red { background-color: var(--bt-red); }
.bg-yellow { background-color: var(--bt-yellow); }

.invisible { display: none; }
.visible { display: block !important; }
.hidden { visibility: hidden; }

.line-through { text-decoration: line-through; }