* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: black;
}

.blocAllPage {
  background-image: url(../images/bg.jpg);
  background-size: 170%;
  background-position: center top;
  background-color: black;
}

.menu-container {
  width: 100vw;
}

.menu-size {
  width: 100% !important;
}

.blocPage {
  width: 100%;
  min-height: 100vh;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.3);
  overflow-x: hidden;
  font-family: 'Monsterrat', sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.logo-container {
  width: 100%;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.logo {
  min-width: 200px;
  max-width: 500px;
  width: 70%;
}

.section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section .title {
  font-weight: bolder;
  font-size: 1.7rem;
  text-align: center;
  margin: 1rem;
  color: #f7f7f7;
}

.section .choose {
  width: 100%;
  margin: 1rem;
  text-align: center;
  font-size: 1.7rem;
  letter-spacing: .2rem;
  font-weight: bold;
  color: #f7f7f7;
}

.section .menu-fr-en {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.section .menu-fr-en a {
  text-decoration: none;
}

.section .menu-fr-en span {
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  -webkit-box-shadow: 0 1px #dbdbdb, 0 2px #cccccc, 0 3px #aaaaaa, 0 4px #969696, 0 5px #8b8b8b, 0 6px #7c7c7c, 0 7px #686868, 0 8px #333333;
          box-shadow: 0 1px #dbdbdb, 0 2px #cccccc, 0 3px #aaaaaa, 0 4px #969696, 0 5px #8b8b8b, 0 6px #7c7c7c, 0 7px #686868, 0 8px #333333;
  color: black;
  text-align: center;
  border-radius: 10px;
  display: block;
  width: 100px;
  height: 100px;
  margin: 20px;
  background-color: #f7F7F7;
  font-size: 3rem;
  font-weight: bolder;
  line-height: 100px;
}

.section .menu-fr-en span:hover {
  cursor: pointer;
  color: #494949;
}

.section .social {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section .social a {
  display: block;
  width: 100px;
  height: 100px;
  margin: 20px;
  font-size: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  color: #f7f7f7;
}

#insta {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-color: #A43433;
  -webkit-box-shadow: 0 1px #963130,  0 2px #832f2e,  0 3px #772d2c,  0 4px #682827, 0 5px #58211f, 0 6px #4d1a18, 0 7px #461b19, 0 8px #301210;
          box-shadow: 0 1px #963130,  0 2px #832f2e,  0 3px #772d2c,  0 4px #682827, 0 5px #58211f, 0 6px #4d1a18, 0 7px #461b19, 0 8px #301210;
}

#insta:hover path {
  fill: #eccbd1;
}

#fb {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-color: #3b5999;
  -webkit-box-shadow: 0 1px #354f88,  0 2px #2e4577,  0 3px #283c68,  0 4px #23345a, 0 5px #1f2f50, 0 6px #1b2946, 0 7px #16223a, 0 8px #111b2e;
          box-shadow: 0 1px #354f88,  0 2px #2e4577,  0 3px #283c68,  0 4px #23345a, 0 5px #1f2f50, 0 6px #1b2946, 0 7px #16223a, 0 8px #111b2e;
}

#fb:hover path {
  fill: #c9d4ec;
}

.concours {
  margin: 1rem auto;
  padding: 1rem;
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.concours-text {
  color: #FFFFFF;
  background: #FFFFFF;
  background-color: #A43433;
  -webkit-box-shadow: 0 1px #963130,  0 2px #832f2e,  0 3px #772d2c,  0 4px #682827, 0 5px #58211f, 0 6px #4d1a18, 0 7px #461b19, 0 8px #301210;
          box-shadow: 0 1px #963130,  0 2px #832f2e,  0 3px #772d2c,  0 4px #682827, 0 5px #58211f, 0 6px #4d1a18, 0 7px #461b19, 0 8px #301210;
  padding: .5rem 1rem;
  border-radius: 10px;
  margin: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  text-decoration: none;
  color: #FFFFFF;
}

.concours-text h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 2.8rem;
}

.concours-text img {
  max-width: 200px;
  padding-top: 1rem;
}

.concours-text #tente {
  color: #FFFFFF;
  font-family: 'Oswald', sans-serif;
  font-size: 1.4rem;
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.concours #right, .concours #left {
  font-size: 3rem;
  position: relative;
  color: #A43433;
  margin: 0rem;
}

.concours #right {
  -webkit-animation: margin-right 1s 1s ease-in-out infinite alternate;
          animation: margin-right 1s 1s ease-in-out infinite alternate;
}

.concours #left {
  -webkit-animation: margin-left 1s 1s ease-in-out infinite alternate;
          animation: margin-left 1s 1s ease-in-out infinite alternate;
}

.bar {
  width: 95%;
  height: 2px;
  background-color: #FFFFFF;
  margin: 2rem auto;
}

.concours-regles {
  width: 100%;
  height: 100vh;
  background-color: #ebebeb;
  padding: 1rem;
  overflow-y: scroll;
  position: absolute;
  top: 0;
  left: 0;
  color: #1f1f1f;
  z-index: -1;
  background-image: url(../images/bg2.jpg);
  background-size: 170%;
  background-position: center top;
}

.concours-regles #close {
  position: fixed;
  top: 10px;
  right: 15px;
  font-size: 1.5rem;
  color: rgba(31, 31, 31, 0.7);
}

.concours-regles .bar {
  background-color: #1f1f1f;
}

.concours-regles h2 {
  font-family: 'Oswald', sans-serif;
  margin: auto;
  font-size: 2.5rem;
  text-align: center;
}

.concours-regles p {
  padding: .5rem;
  text-align: justify;
  font-size: 1.2rem;
  font-family: 'Oswald', sans-serif;
}

.concours-regles p a {
  color: #A43433;
}

.concours-regles span {
  padding: .5rem;
  text-align: justify;
  font-size: .8rem;
  font-style: italic;
  display: block;
  text-align: center;
  margin: auto;
  font-family: 'Oswald', sans-serif;
}

.concours-regles #molson-logo-black {
  max-width: 220px;
  margin: auto;
  display: block;
}

@-webkit-keyframes scale {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}

@keyframes scale {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}

@-webkit-keyframes bgcolor {
  0% {
    background-color: #575252;
  }
  25% {
    background-color: #A43433;
  }
  50% {
    background-color: #575252;
  }
  75% {
    background-color: #A43433;
  }
  100% {
    background-color: #575252;
  }
}

@keyframes bgcolor {
  0% {
    background-color: #575252;
  }
  25% {
    background-color: #A43433;
  }
  50% {
    background-color: #575252;
  }
  75% {
    background-color: #A43433;
  }
  100% {
    background-color: #575252;
  }
}

@-webkit-keyframes margin-right {
  from {
    right: 0rem;
  }
  to {
    right: .5rem;
  }
}

@keyframes margin-right {
  from {
    right: 0rem;
  }
  to {
    right: .5rem;
  }
}

@-webkit-keyframes margin-left {
  from {
    left: 0rem;
  }
  to {
    left: .5rem;
  }
}

@keyframes margin-left {
  from {
    left: 0rem;
  }
  to {
    left: .5rem;
  }
}
/*# sourceMappingURL=main.css.map */