@charset "UTF-8";
body {
  background: #fbefe3 url("bg.png") center top no-repeat;
  background-size: 120%;
  font-family: 'Arial', sans-serif;
  font-size: 17px;
  line-height: 1.6;
  margin: 0;
  padding: 0; }

h6, form {
  font-family: 'Arial', sans-serif;
  font-size: 17px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  font-weight: normal; }

h1, h2, h3, h4, h5, .ville a {
  display: block;
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;
  clear: both; }

.ville a {
  color: #e66d33; }

h1 {
  background: transparent url("1001fresques.png") center top no-repeat;
  background-size: contain;
  font-weight: 900;
  width: 100%;
  padding-top: 100%;
  margin: auto; }
  h1 span {
    position: absolute;
    opacity: 0; }

form h1, .lieux h1 {
  background: none;
  width: auto;
  padding-top: 0; }

a {
  color: #f67d33;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer; }

h2 {
  font-weight: 900;
  font-size: 30px; }

h3 {
  margin-top: 100px;
  font-size: 22px; }

h5 {
  margin-top: 0;
  font-size: 22px; }

.nav-item {
  display: inline-block; }
  .nav-item a {
    display: inline-block;
    text-align: center;
    background-color: #f67d33;
    color: white;
    border: 1px solid #f67d33;
    border-radius: 50px;
    padding: 8.3333333333px 25px;
    margin-right: 8.3333333333px;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .nav-item a:hover {
      background-color: white;
      color: #f67d33; }

.boutn {
  display: inline-block;
  text-align: center;
  background-color: #f67d33;
  color: white;
  border: 1px solid #f67d33;
  border-radius: 50px;
  padding: 16.6666666667px 25px;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .boutn:hover {
    background-color: white;
    color: #f67d33; }
  .boutn.boutnalt {
    background-color: #0091ae;
    border-color: #0091ae; }
    .boutn.boutnalt:hover {
      background-color: white;
      color: #0091ae; }

.col {
  width: 300px;
  padding: 0 50px 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/*    .colfull {width:$col-value+$gut-value;}
    .col2 {width:2*$col-value+$gut-value;}
    .col4 {width:4*$col-value+4*$gut-value;}*/
.col {
  width: 23%; }

.colpart {
  width: 44%; }

.colanim {
  width: 32%; }

.col.pt1 {
  padding-top: 50px; }

.col.pt2 {
  padding-top: 100px; }

.col.pt3 {
  padding-top: 150px; }

.colanim {
  border-bottom-left-radius: 100px; }

.content {
  text-align: center;
  margin: auto; }

.col {
  text-align: left;
  display: inline-block;
  vertical-align: top; }

.colfull {
  padding: 0; }

.colcomp {
  background-color: #0091ae;
  color: white; }
  .colcomp a {
    color: white; }

.coltit {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  line-height: 1; }

.colpart h1, .colpart h2, .colpart h3, .colpart h4, .colpart p {
  padding-right: 50px; }

.colcol {
  padding-top: 50px; }

.lieux {
  background: transparent url("carte-mel.png") center center no-repeat;
  background-size: cover;
  margin-left: -200px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  grid-auto-rows: minmax(100px, auto); }
  .lieux h1, .lieux h2, .lieux h3, .lieux h4, .lieux h5, .lieux h6, .lieux form {
    margin-top: 0;
    margin-left: 200px; }
  .lieux form h1 {
    margin-left: 0; }

.ville {
  background: white;
  vertical-align: top;
  padding: 10px;
  border-radius: 20px;
  border: 3px solid #f67d33; }
  .ville h4 {
    color: #000; }
  .ville a {
    text-decoration: none;
    display: block;
    padding-left: 24px; }
    .ville a:before {
      content: "👉 ";
      margin-left: -24px; }
    .ville a:hover {
      color: #000; }
  .ville * {
    padding: 0;
    margin: 0;
    font-weight: bold;
    line-height: 1.4 !important; }

.ville2 {
  grid-column: span 2; }

.footer {
  max-width: 600px;
  margin: auto; }
  .footer a {
    color: #000;
    text-decoration: none;
    cursor: text; }

.autresvilles a {
  color: #000;
  text-decoration: none;
  cursor: text; }

small {
  display: inline-block;
  line-height: 1.3; }

@media screen and (max-width: 1700px) {
  .col {
    width: 270px;
    padding: 0 45px 90px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

  /*    .colfull {width:$col-value+$gut-value;}
      .col2 {width:2*$col-value+$gut-value;}
      .col4 {width:4*$col-value+4*$gut-value;}*/
  .col {
    width: 23%; }

  .colpart {
    width: 44%; }

  .colanim {
    width: 32%; }

  .col.pt1 {
    padding-top: 40px; }

  .col.pt2 {
    padding-top: 80px; }

  .col.pt3 {
    padding-top: 120px; }

  .colanim {
    border-bottom-left-radius: 90px; } }
@media screen and (max-width: 1600px) {
  .col {
    width: 240px;
    padding: 0 40px 80px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

  /*    .colfull {width:$col-value+$gut-value;}
      .col2 {width:2*$col-value+$gut-value;}
      .col4 {width:4*$col-value+4*$gut-value;}*/
  .col {
    width: 23%; }

  .colpart {
    width: 44%; }

  .colanim {
    width: 32%; }

  .col.pt1 {
    padding-top: 30px; }

  .col.pt2 {
    padding-top: 60px; }

  .col.pt3 {
    padding-top: 90px; }

  .colanim {
    border-bottom-left-radius: 80px; } }
@media screen and (max-width: 1500px) {
  .col {
    width: 230px;
    padding: 0 25px 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

  /*    .colfull {width:$col-value+$gut-value;}
      .col2 {width:2*$col-value+$gut-value;}
      .col4 {width:4*$col-value+4*$gut-value;}*/
  .col {
    width: 23%; }

  .colpart {
    width: 44%; }

  .colanim {
    width: 32%; }

  .col.pt1 {
    padding-top: 20px; }

  .col.pt2 {
    padding-top: 40px; }

  .col.pt3 {
    padding-top: 60px; }

  .colanim {
    border-bottom-left-radius: 50px; } }
@media screen and (max-width: 1250px) {
  .col {
    width: 210px;
    padding: 0 15px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

  /*    .colfull {width:$col-value+$gut-value;}
      .col2 {width:2*$col-value+$gut-value;}
      .col4 {width:4*$col-value+4*$gut-value;}*/
  .col {
    width: 23%; }

  .colpart {
    width: 44%; }

  .colanim {
    width: 32%; }

  .col.pt1 {
    padding-top: 10px; }

  .col.pt2 {
    padding-top: 20px; }

  .col.pt3 {
    padding-top: 30px; }

  .colanim {
    border-bottom-left-radius: 30px; } }
@media screen and (max-width: 1024px) {
  .carte-agenda {
    display: none; }

  body {
    background-size: cover; }

  .content {
    width: 100%;
    max-width: 540px; }

  .col {
    width: auto;
    padding: 0 20px 20px;
    border-radius: 0; }

  .colfull {
    padding: 0x 20px; }

  h1 {
    width: 200px;
    padding-top: 160px; }

  h2 br, h3 br {
    display: none; }

  .colpart h1, .colpart h2, .colpart h3, .colpart h4, .colpart p {
    padding-right: 0; }

  h3 {
    margin-top: 40px; }

  .col {
    text-align: center; }
    .col p, .col ul {
      text-align: left; }

  .col.pt1, .col.pt2, .col.pt3 {
    padding-top: 0; }

  .lieux {
    margin-left: 0;
    grid-template-columns: repeat(2, 1fr); }
    .lieux h1, .lieux h2, .lieux h3, .lieux h4, .lieux h5, .lieux h6, .lieux form {
      margin-left: 0; }

  .ville2 {
    grid-column: auto; } }

/*# sourceMappingURL=style.css.map */