* {
  /* color: #2f2e2d; */
  /* color: #fff; */
  color: #e9e9e9;
  font-family: 'playball-regular', 'Open Sans', 'open-sans-regular', 'open-sans-semibold', sans-serif;
}

@font-face {
  font-family: 'playball-regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playball-regular.ttf') format('truetype');
}

html {
  margin: 0;
  font-size: 25px;
  background-image: url('/images/stars-1654074_960_720.jpg');
}

::selection {
  background-color:lightblue;
}

header {
  background-color: #3d3d4f;
  margin-bottom: 20px;
}

header .title {
  text-align: center;
}

body {
  min-height: 900px;
  line-height: 1.7;
  letter-spacing: 1px;
  margin: 0;
}

h1 {
  text-align: center;
  font-size: 3rem;
  line-height: 140%;
  margin: 0;
  padding-top: 1rem;
}

h1 a,
h1 a:hover {
  text-decoration: none;
}

h2 {
  text-align: center;
  font-size: 1.5rem;
  line-height: 140%;
  margin: 0;
  padding: 1rem;
}

.subtitle {
  text-align: center;
  font-weight: 100;
  font-size: 1.2rem;
}

h3 {
  text-align: center;
  font-size: 2rem;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.active {
  font-weight: 600;
  /* color: rebeccapurple; */
  color: #a4d1fd;
}

a.link {
  text-decoration: underline;
}

abbr {
  text-decoration: none;
}

span.bold {
  font-weight: bold;
}

@media (min-width: 1300px) {
  #content {
    margin: 1rem 6%;
  }
}

@media (max-width: 1299px) {
  #content {
    margin: 1rem 2rem;
  }
}

@media (max-width: 959px) {
  #content {
    margin: 1rem 1rem;
  }
}

@media (max-width: 799px) {
  #content {
    margin: 1rem 0;
  }
}

.color-red {
  color: red;
}

header {
  padding: 0 0.5rem;
  background-color: #ffe3e324;
}

/* MENU */
#menu {
  padding: 0.5rem 1.5rem;
  background-color: #303035;
  box-shadow: 0 9px 40px rgb(1 15 89 / 9%);
  text-align: center;
  z-index: 0;
}

#menu.open {
  position: absolute;
  padding: 1rem 0 0 0;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  border: none;
  border-radius: 0%;
}

#menu.open a {
  color: white;
}

#menu ul {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  display: inline;
}

@media (max-width: 959px) {
  #menu ul {
    /* overflow-x: scroll; */
    /* display: none; */
  }
}

#menu ul li {
  list-style: none;
  display: inline;
  padding: 0.5rem;
  margin: auto 0.2rem auto 0.2rem;
}

#menu.open ul li {
  display: list-item;
  color: #fff;
}

#menu-mobile-button, #menu-mobile-exit {
  margin: auto;
  padding: .5rem;
  /* stroke: #fff; */
}

.menu-toggle {
  cursor: pointer;
}

#menu-mobile-button.hide {
  display: none;
}

#menu-mobile-button.show {
  display: block;
}

#menu-mobile-exit.hide {
  display: none;
}

#menu-mobile-exit.show {
  display: block;
}

@media (min-width: 960px) {
  .menu-toggle {
    display: none;
  }

  .menu-overlay {
    display: block;
  }
}

@media (max-width: 959px) {
  .menu-toggle {
    margin: auto;
    display: block;
  }

  .menu-overlay {
    display: none;
  }

  #menu.open .menu-overlay {
    display: block;
  }

  #menu.open #menu-mobile-exit {
    stroke: white;
  }
}

/* END MENU */

img.landing {
  border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* HOME */

.cover {
  padding: 3rem 0;
  margin: 2rem 0;
  min-height: 400px;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="250" height="248" xmlns="http://www.w3.org/2000/svg"><path d="M250 220.092145s-12.873712-8.581631-26.547345-11.208661c-13.673633-2.62703-19.948005-2.014057-25.847415-1.094596-14.723528 2.276759-29.197081 7.662171-48.145186 21.760565-7.399261 5.341628-19.223078 13.485421-25.122488 15.630829-5.999399 2.145408-13.223677 3.415139-18.873112 2.320543-2.574743-.437838-5.6494355-.612974-12.4487556-3.371355-6.8743126-2.62703-14.6235377-7.049197-19.9230076-10.595688-10.2989701-6.874062-23.6976303-9.501092-33.4966504-9.807579C17.9982002 222.806743 0 237.080273 0 237.080273V0h250z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg width="250" height="248" xmlns="http://www.w3.org/2000/svg"><path d="M250 220.092145s-12.873712-8.581631-26.547345-11.208661c-13.673633-2.62703-19.948005-2.014057-25.847415-1.094596-14.723528 2.276759-29.197081 7.662171-48.145186 21.760565-7.399261 5.341628-19.223078 13.485421-25.122488 15.630829-5.999399 2.145408-13.223677 3.415139-18.873112 2.320543-2.574743-.437838-5.6494355-.612974-12.4487556-3.371355-6.8743126-2.62703-14.6235377-7.049197-19.9230076-10.595688-10.2989701-6.874062-23.6976303-9.501092-33.4966504-9.807579C17.9982002 222.806743 0 237.080273 0 237.080273V0h250z"/></svg>');
  -webkit-mask-position: bottom;
  mask-position: bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}

@media (min-width: 800px) {
  #affiche {
    display: flex;
    float: left;
    margin: 0rem 2rem 1.5rem 0;
    width: 40%;
    max-width: 800px;
    -webkit-box-shadow: -1px 3px 12px -1px rgba(184,184,184,0.67);
    box-shadow: -1px 3px 12px -1px rgba(184,184,184,0.67);
  }
}

.home .home-col-r {
  display: flex;
}

.separator {
  display: flex;
  color: #919da9;
  font-size: 2px;
  align-items: center;
}
.separator::before, .separator::after {
  content: '';
  width: 100%;
  border-top: 1em solid;
}

.separator > span {
  display: flex;
  line-height: 1;
  padding: 0 16px;
}

.home .home-map {
  /* width: 40%; */
  /* -webkit-box-shadow: -1px 3px 12px 4px rgba(184,184,184,0.67);
  box-shadow: -1px 3px 12px 4px rgba(184,184,184,0.67); */
}

#galery .preview {
  padding: .4rem .4rem .4rem 1.3rem;
}

#galery .preview p {
  background-color: #262e3c;
  padding-top: .3rem;
  border: 1px solid #858585;
  border-radius: 10px;
}
#galery .preview a:hover {
  text-decoration: none !important;
}

@media (max-width: 799px) {
  #affiche {
    width: 100%;
  }

  #content {
    margin: 1rem 0;
  }

  #galery {
    width: 100%;
  }

  #galery .preview {
    margin-left: 0;
    padding: 0;
  }
}


.last-articles {
  margin-top: 230px;
}

.last-articles h3 {
  text-align: left;
  font-size: 2rem;
  margin-bottom: 0;
}

.last-articles .container {
  display: flex;
}

.last-articles .article-block {
  width: 30%;
  padding: 0.7rem;
}

.last-articles .article-block .title {
  font-size: 1.5rem;
  color: #3e7aac;
}

.last-articles .article-block .body {
  min-height: 280px;
}

.last-articles .article-block .link {
  color: #858585
}

@media (max-width: 959px) {
  .last-articles .container {
    display: block;
  }

  .last-articles .article-block {
    width: 100%;
  }
}

.block {
  border-radius: 5px;
  /* border: 1px solid rgba(119, 182, 250, 0.4); */
  border: 1px solid rgb(241 248 255 / 40%);
  /* background: #fff; */
  background: #3d3d4f;
  /* background: #31363e; */
  /* background: #171d28; */
  box-shadow: 0 5px 24px rgb(2 18 100 / 6%);
  padding: 0.5rem 2rem;
}

.block.home {
  min-height: 900px;
}

.block .inside-block {
  padding-left: 1rem;
}

.block .inside-block .header {
  font-size: 1.2rem;
  text-decoration: underline;
}
.block .inside-block .content {
  padding-left: 1rem;
}

.large-block.even {
  display: flex;
  margin-left: 10rem;
  margin-bottom: 3rem;
}

.large-block.odd {
  display: flex;
  margin-right: 10rem;
  margin-bottom: 3rem;
}

.large-block.odd .title, .large-block.even .title {
  font-size: 1.5rem;
  font-weight: 600;
}

.large-block.odd .content, .large-block.even .content {
  padding: 1rem 2rem;
}

.large-block.odd .picture, .large-block.even .picture {
  border-radius: 2rem;
  box-shadow: 0 5px 24px rgb(2 18 100 / 6%);
}

.pb2 {
  padding-bottom: 1rem;
}

div.center {
  text-align: center;
}

p.center {
  text-align: center;
  text-decoration: underline;
}

/* Article */
.article-meta {
  text-align: center;
}

/* Inscrits */
table.inscrits {
  width: 60%;
  margin: 0 auto 1.5rem auto;
}

@media (min-width: 1600px) {
  table.inscrits {
    width: 70%;
  }
}

@media (max-width: 1599px) {
  table.inscrits {
    width: 90%;
  }
}

@media (max-width: 1299px) {
  table.inscrits {
    width: 100%;
  }
}

table.inscrits th {
  width: 45%;
  text-align: left;
  padding-left: 1rem;
}

table.inscrits tr.even {
  background-color: #43435a;
}

table.inscrits tr.odd {
  background-color: #3a3a4c;
}

table.inscrits td {
  width: 45%;
  padding: 1rem;
}

/* Inscription */
.inscription-content {
  display: flex;
}

.inscription-form {
  border-right: 1px solid #ccc;
  margin-right: 1.5rem;
}

@media (max-width: 959px) {
  .inscription-content {
    flex-direction: column;
  }

  .inscription-form {
    width: 100%;
    margin-right: 0;
    border-right: 0;
  }
}

.inscription-payment {}

.inscription-payment .title {
  font-size: 1.5rem;
}

.inscription-payment .inside-block {}

/* FORM */
.required {
  color: red;
}

.form-field label {
  margin: 0 1rem;
}

form select {
  color: #000;
  height: 2rem;
}

form select option {
  color: #000;
}

.form-input {
  color: #000;
  margin: 5px 15px;
  height: 1.4rem;
  padding: .5rem;
  font-size: 1.2rem;
  border-radius: 10px;
  border: 1px solid #2e617b;
}

.form-input.form-input-text {
  width: 85%;
}

.form-input.form-input-text.halfwith {
  width: 40%;
}

.form-input.form-input-select {
  width: 20rem;
  height: 2.6rem;
}

.form-input.form-input-number {
  width: 3rem;
}

table#inscription td.label {
  text-align: right;
}

table#inscription td.widget {

}

form button.submit {
  border-radius: 20px;
  min-width: 140px;
  min-height: 2.5rem;
  color: #4c6bbf;
  font-size: 30px;
  font-weight: 600;
  background-color: #fff;
  border-color: #d1f0ff;
  margin-top: 1rem;
  padding: 8px 16px;
  cursor: pointer;
}

form button.submit:hover {
  color: white;
  background-color: #33436f;
}

#planing {
  display: flex;
}

#planing table {
  border-collapse: collapse;
  font-family: sans-serif;
  font-size: 0.8rem;
  letter-spacing: 1px;

  height: 100%;
  width: 25%;
  margin-right: 20px;
}

#planing thead {
  background-color: rgb(69 80 133);
}

#planing table tr, #planing table td {
  border: 1px solid rgb(160 160 160);
  padding: 8px 10px;
}

#planing table td {
  border: 1px solid #fff;
  padding: 10px;
}

#planing table > tbody > tr {
  background-color: rgb(69 80 133);
}

#repas hr {
  width: 350px;
}

span.clear { clear: left; display: block; }

#repas .form-block-meal {
  float: left;
}

#repas form .align-right {
  text-align: right;
}

#repas form .bold {
  font-weight: bold;
}

#repas form .underline {
  text-decoration: underline;
}

#repas form.repas-form .repasform-input {
  color: black;
  width: 200px;
  height: 35px;
  padding: 4px;
  font-size: 0.9rem;
  border-radius: 10px;
  border: 1px solid #2e617b;
}

#repas form.repas-form .repasform-input-large {
  width: 350px;
}

#repas form.repas-form .repasform-input-number {
  width: 70px;
}

#repas .repas-day-block {
  text-align: center;
}
#repas .repas-day-block li {
  list-style: none;
}

#repas form.repas-form .submit,
#repas-show .submit {
  border-radius: 20px;
  min-width: 140px;
  min-height: 2.5rem;
  color: #4c6bbf;
  font-size: 30px;
  font-weight: 600;
  background-color: #fff;
  border-color: #d1f0ff;
  margin-top: 1rem;
  padding: 8px 16px;
  cursor: pointer;
}
#repas form.repas-form .submit:hover,
#repas-show .submit:hover {
  color: white;
  background-color: #33436f;
}

/* Repas */
table.repas {
  width: 60%;
  margin: 0 auto 1.5rem auto;
}

@media (min-width: 1600px) {
  table.repas {
    width: 70%;
  }
}

@media (max-width: 1599px) {
  table.repas {
    width: 90%;
  }
}

@media (max-width: 1299px) {
  table.repas {
    width: 100%;
  }
}

table.repas th {
  width: 45%;
  text-align: left;
  padding-left: 1rem;
}

table.repas tr.even {
  background-color: #43435a;
}

table.repas tr.odd {
  background-color: #3a3a4c;
}

table.repas td {
  width: 45%;
  padding: 1rem;
}

#repas-show div.hidden {
  display: none;
}

#repas-show .repas-edit-form select {
  width: 300px;
  font-size: 1.2rem;
}

.partenaires {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr max-content;
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
  column-gap: 10px;
  row-gap: 15px;
}
.partenaires > span {
  text-align: center;
}
.partenaires .grid-one {
  grid-column: 1;
  grid-row: 1;
}
.partenaires .grid-two {
  grid-column: 2;
  grid-row: 1;
}
.partenaires .grid-three {
  grid-column: 3;
  grid-row: 1;
}
.partenaires .grid-four {
  grid-column: 1;
  grid-row: 2;
}
.partenaires .grid-five {
  grid-column: 2;
  grid-row: 2;
}
.partenaires .grid-six {
  grid-column: 3;
  grid-row: 2;
}
.partenaires .grid-seven {
  grid-column: 4;
  grid-row: 2;
}

.contact {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr max-content;
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.contact > span {
  text-align: center;
}
.contact .grid-one {
  grid-column: 1;
  grid-row: 1;
}
.contact .grid-two {
  grid-column: 2;
  grid-row: 1;
}

#bid .indent {
  text-indent: 1em;
}

#bid .encart {
  border: 1px solid;
  border-radius: 3px;
  padding: 23px;
  background-color: #1c263169;
  clear: both;
}

#bid .bid-side-img {
  display: flex;
  float: left;
  margin: 1rem 2rem 1rem 0;
  max-width: 300px;
  -webkit-box-shadow: -1px 3px 12px -1px rgba(184,184,184,0.67);
  box-shadow: -1px 3px 12px -1px rgba(184,184,184,0.67);
}