html * {font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;}
H1, H2, H3 {text-align: center !important;}
H1 {font-size: 20px; color: darkgreen; border:1px solid darkgreen; border-radius:20px; width: 98%; line-height: 200%; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
H2 {font-size: 16px; background-color: darkgreen; color: white; line-height: 150% !important; margin: 0 auto; border-radius: 6px; margin-top: 24px !important; margin-bottom: 10px;}
H3 {font-size: 14px; color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: darkgrey; line-height: 150%; margin-top: 6px; margin-bottom: 6px; width: 98%;}
p, ul, li, a {font-size: 12px; text-align: left; font-weight: normal; line-height: 120%; margin:0; margin-left: 3px !important; max-width: 98%;}
p, ul, li, a {font-size: 12px; text-align: left; font-weight: normal; line-height: 120%; margin:0; margin-left: 3px !important; max-width: 98%;}
.h-alerte {background-color: #990000 !important;}
.p-alerte {color: #990000 !important;}
a:visited {font-weight: normal !important; color: blue;}
a:hover {background-color: #b3e5c8;}
a {background-color: #ecf7f3; border:1px solid #a6a6a6; display:inline-block; cursor:pointer; color:#000000 !important; padding: 10px; margin: 4px; text-decoration:none;}
.btn-menu, .btn-top {border-radius:16px; padding: 10px; margin: 4px; text-align: center; font-weight: bold;}
.btn-down {border-radius:8px; padding: 10px; margin: 4px; text-align: center; font-weight: bold;} 
.btn-down::after {content: " \002193";}
.wdt130 {width: 130px !important;}
.wdt150 {width: 150px !important;}
.wdt200 {width: 200px !important;}
.wdt230 {width: 250px !important;}
.wdt250 {width: 250px !important;}
.sym-blank::after {content: " \0029C9";}
.sym-top::after {content: " \002191";}
.text-center {text-align:center !important;}
.mrgtop, .mrgtop06 {margin-top: 6px !important;}
.mrgtop12 {margin-top: 12px !important;}
.row {width: 100%;}
.bloctexte {white-space:nowrap;}
img {max-width: 100%; height: auto; object-fit: cover; object-position: center;}
.img-278-278{max-height: 278px !important; aspect-ratio: 1 / 1 !important;}
.img-600-400{max-height: 300px !important; aspect-ratio: 3 / 2 !important;}
.img-600-300{max-height: 300px !important; aspect-ratio: 2 / 1 !important;}
.img-rounded{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
@media (min-width: 280px) and (max-width: 320px)  {body {width: 310px; margin-left: auto; margin-right: auto;} H1 {width: 90%;} H2 {width: 80%;} .h2large {width: 70% ! important;} .pct-23{width:300px; height:150px;}}
@media (min-width: 321px) and (max-width: 360px)  {body {width: 350px; margin-left: auto; margin-right: auto;} H1 {width: 90%;} H2 {width: 80%;} .h2large {width: 70% ! important;} .pct-23{width:300px; height:150px;}}
@media (min-width: 361px) and (max-width: 500px)  {body {width: 370px; margin-left: auto; margin-right: auto;} H1 {width: 90%;} H2 {width: 60%;} .h2large {width: 70% ! important;} .pct-23{width:300px; height:150px;}}
@media (min-width: 500px) {body {width: 720px; margin-left: auto; margin-right: auto;} H1 {width: 50%;} H2 {width: 40%;} .h2large {width: 40% ! important;} .pct-23{width:600px; height:300px;}}

ol {padding-left: 0; list-style-position:inside; width: auto;}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #ecf7f3;
  border-radius: .25rem;
  justify-content: flex-start;
}
.breadcrumb a {border:1px solid #ecf7f3 !important;background-color: #ecf7f3 !important; cursor:pointer; color:#000000 !important; text-decoration:none !important;}
.breadcrumb a:hover {border:1px solid #a6a6a6 !important; border-radius: 16px !important;}
.symsup::after {content:"\00003E";}