@media screen and (max-width: 750px) {
  html {
    overflow-x: hidden; } }
#btn_valide_mobile {
  margin-top: 25px;
  background-color: #2d7b3f; }

@media screen and (max-width: 750px) {
  .tr_pdts_x {
    margin-bottom: 30px; } }

.annonceEventOnly {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px; }
  @media screen and (max-width: 750px) {
    .annonceEventOnly {
      width: 100%;
      padding: 0; } }
  .annonceEventOnly img {
    max-width: 100% !important; }
  .annonceEventOnly .ui.message {
    padding-top: 40px;
    padding-left: 40px;
    padding: 40px;
    background-color: white; }
    @media screen and (max-width: 750px) {
      .annonceEventOnly .ui.message {
        padding: 20px; } }

.noOpenEvent {
  margin-top: 80px;
  margin-bottom: 130px; }
  @media screen and (max-width: 750px) {
    .noOpenEvent {
      margin-top: 40px;
      margin-bottom: 40px; } }

.clock {
  zoom: 0.7;
  -moz-transform: scale(0.7);
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40px; }
  @media screen and (max-width: 750px) {
    .clock {
      zoom: 0.45;
      -moz-transform: scale(0.45); } }

.automan img {
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }

.dateBoard, .textBoard {
  text-transform: uppercase;
  padding-top: 10px;
  background-color: #333333;
  color: white;
  padding-bottom: 10px;
  border-radius: 0 0 8px 8px;
  padding-left: 10px;
  padding-right: 10px; }
  @media screen and (max-width: 750px) {
    .dateBoard, .textBoard {
      font-size: 19px; } }

.textBoard {
  border-radius: 8px 8px 0 0; }
  @media screen and (max-width: 750px) {
    .textBoard {
      font-size: 18px; } }

.mPSepator {
  background-color: #F89719;
  width: 5px;
  height: 180px;
  transform: skewx(-4deg);
  margin-left: 10px;
  margin-right: 10px; }
  @media screen and (max-width: 750px) {
    .mPSepator {
      height: 110px; } }

.teamBoard {
  display: flex;
  justify-content: center;
  background-color: white;
  color: #333333;
  border: 1px solid #333333;
  text-transform: uppercase;
  align-items: center;
  padding: 10px; }
  @media screen and (max-width: 750px) {
    .teamBoard {
      display: block;
      font-size: 20px;
      padding: 0px; } }
  .teamBoard .firstTeam, .teamBoard .secondTeam {
    width: 40%;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (max-width: 750px) {
      .teamBoard .firstTeam, .teamBoard .secondTeam {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        padding: 10px; } }
  .teamBoard .vsTeam {
    width: 10%;
    background-color: #f5aa2b;
    color: white;
    transform: skewx(-4deg); }
    @media screen and (max-width: 750px) {
      .teamBoard .vsTeam {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: #f5aa2b;
        color: white;
        font-weight: 800;
        display: flex;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        width: 34%; } }

.orQuantity {
  font-size: 22px;
  display: flex;
  align-items: center;
  margin-left: 6px;
  margin-right: 10px; }

.dimSelected {
  display: none; }

.dimSelected.active {
  display: block;
  position: absolute;
  width: 23px;
  height: 32px;
  background: white;
  /* -webkit-transform: skew(-15deg); */
  -moz-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  left: 30px; }

.footer {
  top: 0;
  height: auto;
  padding-bottom: 50px;
  padding-top: 49px;
  background-color: #1d336c; }

.content_actevents {
  text-align: center;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding-bottom: 0px; }

.act_btn_add {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);
  position: fixed;
  right: 10%;
  bottom: 30px;
  z-index: 9999;
  border: 1px solid white; }

.ui.form .field > label {
  text-align: left; }

.formUserUnknow {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 750px) {
    .formUserUnknow {
      width: 80%; } }

.step_navigation {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: flex;
  justify-content: flex-start; }
  @media screen and (max-width: 750px) {
    .step_navigation {
      justify-content: center;
      margin-bottom: 15px; } }
  .step_navigation .step {
    display: flex;
    align-items: center;
    color: #333333;
    margin-left: 20px;
    margin-right: 20px; }
    .step_navigation .step img {
      width: 30px;
      margin-right: 10px; }
  .step_navigation .step.link {
    cursor: pointer; }
  .step_navigation .step:first {
    margin-left: 0; }

.userAccount {
  position: absolute;
  z-index: 99;
  right: 10%;
  top: 14px; }
  .userAccount a img {
    width: 25px; }

.noMobileTable {
  display: table; }
  @media screen and (max-width: 750px) {
    .noMobileTable {
      display: none !important; } }

@media screen and (max-width: 750px) {
  .infoStep2 {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto; } }

.divBtnNextStep2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px; }
  @media screen and (max-width: 750px) {
    .divBtnNextStep2 {
      justify-content: center;
      margin-top: 30px; } }

.bandeauLogin {
  background: #8282823d;
  width: 100%;
  padding-bottom: 20px; }
  @media screen and (max-width: 750px) {
    .bandeauLogin {
      margin-top: 40px; } }
  .bandeauLogin .bl_text {
    cursor: pointer;
    padding-top: 20px;
    text-decoration: underline; }

.showReservedPlace {
  cursor: pointer;
  text-decoration: underline; }

.formLoginUser form {
  width: 400px;
  margin: 10px auto 25px;
  padding-top: 20px; }
  @media screen and (max-width: 750px) {
    .formLoginUser form {
      width: 90%;
      margin-left: auto;
      margin-right: auto; } }

.formu_mag {
  margin-left: 15%;
  margin-right: 15%; }
  @media screen and (max-width: 750px) {
    .formu_mag {
      margin-left: 5%;
      margin-right: 5%; } }

@media screen and (max-width: 750px) {
  .ui.form .field > label.labelCart {
    text-align: center;
    margin-top: 40px; } }

.ui-selecting {
  background-color: #e4e4e4; }

.ui-selected {
  background-color: #d6d6d6; }

.caroEvent {
  display: none; }

.itemCaroEvent {
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
  width: 250px;
  padding: 10px;
  border: 1px solid #333333;
  border-radius: 10px; }

.itemCaroEvent.active {
  background-color: #333333;
  color: white; }

.slick-next:before {
  color: #333333; }

.slick-prev:before {
  color: #333333; }

.slick-prev, .slick-next {
  top: 37%; }

.slick-dots {
  position: relative; }

@media screen and (max-width: 750px) {
  .toolsTable {
    display: block; } }
@media screen and (max-width: 750px) {
  .toolsTable .leftToolsTable {
    width: 100%;
    margin-bottom: 40px; } }

.reassurances {
  display: flex;
  justify-content: space-around;
  padding-bottom: 60px; }
  @media screen and (max-width: 750px) {
    .reassurances {
      display: block;
      padding-top: 40px; } }
  .reassurances .reaItem {
    width: 25%; }
    @media screen and (max-width: 750px) {
      .reassurances .reaItem {
        width: 100%;
        margin-bottom: 40px; } }
    .reassurances .reaItem img {
      height: 70px; }
    .reassurances .reaItem .rIText {
      font-size: 15px;
      font-weight: 100;
      margin-top: 15px; }

.noMobile, .ui.celled.table tr td.noMobile, .ui.celled.table tr th.noMobile {
  display: block !important; }

.mobile, .ui.celled.table tr td.mobile, .ui.celled.table tr th.mobile {
  display: none !important; }

.noMobileTable {
  display: table !important; }

@media screen and (max-width: 750px) {
  .noMobile, .ui.celled.table tr td.noMobile, .ui.celled.table tr th.noMobile {
    display: none !important; }

  .mobile, .ui.celled.table tr td.mobile, .ui.celled.table tr th.mobile {
    display: block !important; }

  .noMobileTable {
    display: none !important; } }
.matchPlacement {
  display: flex;
  align-items: center;
  align-items: flex-end; }
  .matchPlacement .mPTeam {
    width: 49%;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    @media screen and (max-width: 750px) {
      .matchPlacement .mPTeam {
        height: 110px; } }
    .matchPlacement .mPTeam img {
      max-width: 50%;
      margin-left: auto;
      margin-right: auto;
      max-height: 150px;
      margin-bottom: 20px; }
      @media screen and (max-width: 750px) {
        .matchPlacement .mPTeam img {
          margin-bottom: 10px; } }
    .matchPlacement .mPTeam .mPTName {
      text-transform: uppercase;
      font-size: 20px; }
      @media screen and (max-width: 750px) {
        .matchPlacement .mPTeam .mPTName {
          font-size: 14px; } }
  .matchPlacement .mPSepator {
    background-color: #F89719;
    width: 5px;
    height: 180px;
    transform: skewx(-4deg);
    margin-left: 10px;
    margin-right: 10px; }
    @media screen and (max-width: 750px) {
      .matchPlacement .mPSepator {
        height: 110px; } }

@media screen and (max-width: 750px) {
  .imageEventPlacement {
    margin-top: 10px; } }

.trTotal {
  font-size: 22px; }
.ui.top.left.popup {
  width: 250px;
}
/*# sourceMappingURL=boutique.css.map */