.datepicker {
    z-index: 99 !important;
}

.contenu {
    overflow-wrap: break-word;
}
.contenu a {
    color: rgb(37 99 235 / var(--tw-text-opacity));
    text-decoration: underline;
}
.contenu a:hover {
    color: rgb(37 99 235 / var(--tw-text-opacity));
    text-decoration: none;
}
.contenu .tag {
    color: rgb(37 99 235 / var(--tw-text-opacity));
}
.contenu audio, .contenu canvas, .contenu embed, .contenu iframe, .contenu img, .contenu object, .contenu svg, .contenu video {
    display: inline;
}
.contenu ul {
    list-style-type: disc;
    list-style-position: inside;
}
.contenu ol {
    list-style-type: decimal;
    list-style-position: inside;
}
.contenu ul ul, .contenu ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}
.contenu ol ol, .contenu ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}
.contenu .todo-list {
    list-style: none;
}
.contenu blockquote {
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

/*
TOOLBAR
 */
/* width */
.col-scrollbar::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.col-scrollbar::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 5px grey; */
    border-radius: 10px;
}

/* Handle */
.col-scrollbar::-webkit-scrollbar-thumb {
    background: rgb(249 250 251 / var(--tw-bg-opacity));
    border-radius: 10px;
    margin-right:2px;
}

/* Handle on hover */
.col-scrollbar:hover::-webkit-scrollbar-thumb {
    background: #ccc;
}

.border-left-yellow-200 {
    border-left-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
}


.bg-orange-50	{
    background-color: #fff4e5;
}
.bg-orange-100	{
    background-color: #ffe0b2;
}
.bg-orange-200	{
    background-color: #ffcb7f;
}
.bg-orange-300	{
    background-color: #ffb64c;
}
.bg-orange-400	{
    background-color: #ffa219;
}
.bg-orange-500	{
    background-color: #e58800;
}
.bg-orange-600	{
    background-color: #fff4e5;
}
.bg-orange-700	{
    background-color: #b26a00;
}
.bg-orange-800	{
    background-color: #7f4c00;
}

.text-orange-50	{
    color: #fff4e5;
}
.text-orange-100	{
    color: #ffe0b2;
}
.text-orange-200	{
    color: #ffcb7f;
}
.text-orange-300	{
    color: #ffb64c;
}
.text-orange-400	{
    color: #ffa219;
}
.text-orange-500	{
    color: #e58800;
}
.text-orange-600	{
    color: #fff4e5;
}
.text-orange-700	{
    color: #b26a00;
}
.text-orange-800	{
    color: #7f4c00;
}

.border-orange-50	{
    border-color: #fff4e5;
}
.border-orange-100	{
    border-color: #ffe0b2;
}
.border-orange-200	{
    border-color: #ffcb7f;
}
.border-orange-300	{
    border-color: #ffb64c;
}
.border-orange-400	{
    border-color: #ffa219;
}
.border-orange-500	{
    border-color: #e58800;
}
.border-orange-600	{
    border-color: #fff4e5;
}
.border-orange-700	{
    border-color: #b26a00;
}
.border-orange-800	{
    border-color: #7f4c00;
}
.border-left-orange-200 {
    border-left-color: #ffcb7f !important;
}


.linear-gradient-stripes {
    background-image: linear-gradient(145deg, #f5f5f5 25%, #ededed 25%, #ededed 50%, #f5f5f5 50%, #f5f5f5 75%, #ededed 75%, #ededed 100%);
    background-size: 69.74px 48.83px;
}
.linear-gradient-stripes-yellow {
    background-image: linear-gradient(145deg, #FEFCE8 25%, #fffef9 25%, #fffef9 50%, #FEFCE8 50%, #FEFCE8 75%, #fffef9 75%, #fffef9 100%);
    background-size: 69.74px 48.83px;
}
.linear-gradient-stripes-orange {
    background-image: linear-gradient(145deg, #FFF7ED 25%, #fffcf9 25%, #fffcf9 50%, #FFF7ED 50%, #FFF7ED 75%, #fffcf9 75%, #fffcf9 100%);
    background-size: 69.74px 48.83px;
}

.leading-20	{
    line-height: 5rem !important;
}

.gradient-gray-fade {
  background: linear-gradient(to top, #f5f5f5, transparent); /* gray-100 = #f5f5f5 */
}

.onMobile .gradient-gray-fade {
  background: linear-gradient(to top, #cccccc, transparent); /* gray-100 = #f5f5f5 */
}

/*
FORM
*/
.machin {
    position: absolute;
    left: -9999px;
    opacity: 0;
    height: 1px;
    width: 1px;
}



.versus {
    background: url('/public/img/versus.png') no-repeat center;
    background-size: auto 80%;
}
.versus_white {
    background: url('/public/img/versus_white.png') no-repeat center;
    background-size: auto 80%;
}

.vertical-text {
  writing-mode: vertical-rl;   /* au lieu de rotate */
  text-orientation: mixed;     /* garde les lettres lisibles */
  white-space: nowrap;
}

.vertical-line {
  position: relative;
}
.vertical-line::after {
  content: '';
  position: absolute;
  left: 50%;  /* position horizontale */
  top: 0;
  width: 1px;
  height: 100%;
  background: black;
}

.vertical-line.line-blue::after {
  width: 4px;
  background: #A855F7;
}

.horizontal-line {
  position: relative;
}
.horizontal-line::after {
  content: '';
  position: absolute;
  top: 0;
  height: 1px;
  width: 50%;
  background: black;
}
.horizontal-line.line-left::after {
  left: 50%;
}
.horizontal-line.line-right::after {
  right: 50%;
}
.horizontal-line.line-blue::after {
  height: 4px;
  background: #A855F7;
}