@media only screen and (max-width: 1604px) {
  .container-top {
    height: 770px; }
    .container-top .container-top__background .container-top-content {
      height: 770px; }

  .article .article-content .article-content-left .article-content-left__text {
    padding: 30px 0; }
  .article .article-content .article-content__boxes .cours-box .cours-box-content {
    padding: 39px 0; }
    .article .article-content .article-content__boxes .cours-box .cours-box-content .cours-box-content__button {
      padding-top: 29px; }
  .article .article-content .article-background-color .article-content-right .article-content-right__formulaire {
    width: 70%; }

  .article-top .article-content .article-content__container .cours-container {
    height: 620px; }
    .article-top .article-content .article-content__container .cours-container .cours-container__description .description-content {
      padding: 0 75px; }

  .article-top .article-content .article-content__boxes .professeur-box .professeur-box__image {
    height: 500px; } }
@media only screen and (max-width: 1536px) {
  .container-top {
    height: 630px; }
    .container-top .container-top__background .container-top-content {
      height: 630px; }

  .article .article-content .article-content-left .article-content-left__text p {
    padding: 0 70px; }
  .article .article-content .article-content-left .article-content-left__text h2 {
    padding-bottom: 39px; }
  .article .article-content .article-content-left .article-content-left__text .article-content-left__button {
    padding-top: 29px; }
  .article .article-content .article-background-color .article-content-right .article-content-right__formulaire {
    width: 81%;
    padding-right: 100px; }
  .article .article-content .article-content__boxes .cours-box img {
    height: 270px; }
  .article .article-content .article-content__boxes .cours-box .cours-box-content .cours-box-content__title {
    padding-bottom: 29px; }

  .article-top .article-content .article-content__container .cours-container .cours-container__description .description-content {
    padding: 0 20px; }
  .article-top .article-content .article-content__boxes .professeur-box .professeur-box__image {
    height: 430px; }
  .article-top .article-content .article-content__boxes .professeur-box .professeur-box__description .description-content {
    padding: 49px 20px; }
  .article-top .article-content .article-content__galerie .galerie-spectacle .photo-galerie .item,
  .article-top .article-content .article-content__galerie .galerie-cours .photo-galerie .item {
    width: 23.8%;
    margin: 5px;
    height: 250px; } }
@media only screen and (max-width: 1150px) {
  .article .article-content .article-content-right {
    display: none; }
  .article .article-content .article-content-left {
    width: 100%;
    margin-right: 0; }
  .article .article-content .article-content__boxes .cours-box img {
    height: 220px; }
  .article .article-content .article-background-color .article-content-right {
    display: block; }
  .article .article-content .article-background-color .article-content-left {
    width: 49.5%; }

  .article-top .article-content .article-content__container .cours-container {
    height: 700px; }
  .article-top .article-content .article-content__boxes .professeur-box {
    width: 50%; }
  .article-top .article-content .article-content__galerie .galerie-spectacle .photo-galerie .item,
  .article-top .article-content .article-content__galerie .galerie-cours .photo-galerie .item {
    width: 31.7%;
    height: 245px; }
  .article-top .article-content .article-content__tab .documents-content__list {
    padding: 39px 0 39px 10px; }
  .article-top .article-content .article-content__tab .horaire-content .horaire-content__img {
    padding: 39px 0;
    align-items: center;
    flex-direction: column; }
    .article-top .article-content .article-content__tab .horaire-content .horaire-content__img #first {
      padding-right: 0;
      padding-bottom: 30px; }
  .article-top .article-content .article-content__tab .tarifs-content .table {
    padding: 39px 0; }
  .article-top .article-content .article-content__tab .tarifs-content .tarifs-infos {
    padding-bottom: 39px; }

  #gael {
    margin-right: 20px; }

  #marwab_sliim {
    margin-left: 20px; } }
@media only screen and (max-width: 1024px) {
  /*menu reponsive*/
  .header .menu {
    background-color: transparent;
    box-shadow: none; }
    .header .menu .menu-content {
      padding: 0; }
      .header .menu .menu-content .menu__logo img {
        display: none; }
    .header .menu .main-menu {
      display: none; }
    .header .menu .navbar {
      position: fixed;
      display: block;
      padding: 0;
      text-align: center;
      box-shadow: 0 0 6px #181818;
      color: #fff;
      width: 100%;
      z-index: 15; }
      .header .menu .navbar .logo_link {
        margin-left: 60px; }
      .header .menu .navbar img {
        width: 60px; }
    .header .menu .navbar-light .navbar-toggler {
      float: right;
      margin: 10px 10px 0 0;
      border: none; }
      .header .menu .navbar-light .navbar-toggler:focus {
        outline: none; }
    .header .menu .navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg\a           viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath\a           stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round'\a           stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
    .header .menu .navbar-nav .nav-link {
      color: #181818;
      padding: 0.7rem 1rem; }
    .header .menu .nav-item {
      text-align: center;
      border-width: .1px;
      border-style: solid;
      border-color: #ebeae9;
      border-bottom: none;
      border-right: none;
      border-left: none; }
    .header .menu .navbar-brand {
      margin: 0%;
      padding: 0%;
      width: 50px;
      height: 50px; }
    .header .menu .nav-link-current {
      font-weight: bold;
      color: #ff9729;
      display: block;
      padding: .7rem 1rem; }

  /*fin menu responsive*/
  .container-top {
    padding: 60px 50px 0 50px; }
    .container-top .container-top__background {
      background-attachment: initial; }

  .article .article-content {
    padding: 50px 50px 0 50px; }
    .article .article-content .article-content__titre {
      padding-bottom: 29px; }
    .article .article-content .article-content-left .article-content-left__text {
      padding: 39px 0; }
    .article .article-content .article-content__boxes #hiphop,
    .article .article-content .article-content__boxes #heelsDance {
      margin-right: 17px; }
    .article .article-content .article-content__boxes .cours-box img {
      height: 190px; }
    .article .article-content .article-content__boxes .cours-box .cours-box-content .cours-box-content__button {
      padding-top: 10px; }
    .article .article-content .article-background-color .article-content-right {
      width: 100%;
      padding-bottom: 49px;
      padding-top: 0; }
      .article .article-content .article-background-color .article-content-right .article-content-right__formulaire {
        padding-right: 50px; }
        .article .article-content .article-background-color .article-content-right .article-content-right__formulaire .container .form-flex {
          display: block; }
          .article .article-content .article-background-color .article-content-right .article-content-right__formulaire .container .form-flex #name,
          .article .article-content .article-background-color .article-content-right .article-content-right__formulaire .container .form-flex #email {
            width: 100%; }
    .article .article-content .article-background-color .article-content-left {
      width: 100%;
      padding: 39px 0; }
  .article .flex {
    display: block; }

  .article-top {
    padding-top: 60px; }
    .article-top .article-content .article-content__titre {
      padding-bottom: 29px; }
    .article-top .article-content .article-content__button {
      padding-bottom: 29px; }
    .article-top .article-content .article-content__container .cours-container {
      display: block;
      height: auto; }
      .article-top .article-content .article-content__container .cours-container .cours-container__image-left,
      .article-top .article-content .article-content__container .cours-container .cours-container__image-right,
      .article-top .article-content .article-content__container .cours-container .cours-container__description {
        width: 100%;
        margin: 0; }
      .article-top .article-content .article-content__container .cours-container .cours-container__image-left,
      .article-top .article-content .article-content__container .cours-container .cours-container__image-right {
        height: 285px; }
      .article-top .article-content .article-content__container .cours-container .cours-container__description {
        display: block;
        padding: 29px 0; }
        .article-top .article-content .article-content__container .cours-container .cours-container__description .description-content h3 {
          padding-bottom: 29px; }
    .article-top .article-content .article-content__boxes .professeur-box .professeur-box__image {
      height: 405px; }
    .article-top .article-content .article-content__boxes .professeur-box .professeur-box__description .description-content {
      padding: 39px 15px; }
      .article-top .article-content .article-content__boxes .professeur-box .professeur-box__description .description-content h3 {
        padding-bottom: 29px; }

  h1 {
    font-size: 48px; }

  h2 {
    font-size: 31px; }

  h3 {
    font-size: 20px; }

  footer {
    padding-top: 29px; } }
@media only screen and (max-width: 768px) {
  .container-top {
    padding: 60px 20px 0 20px;
    height: 520px; }
    .container-top .container-top__background .container-top-content {
      height: 520px; }

  .article .article-content {
    padding: 39px 20px 0 20px; }
    .article .article-content .article-content-left .article-content-left__text p {
      padding: 0px 30px; }
    .article .article-content .article-content__boxes {
      display: block; }
      .article .article-content .article-content__boxes #hiphop,
      .article .article-content .article-content__boxes #heelsDance {
        margin-right: 0;
        padding-bottom: 30px; }
      .article .article-content .article-content__boxes .cours-box {
        width: 100%; }
        .article .article-content .article-content__boxes .cours-box img {
          height: 285px; }
        .article .article-content .article-content__boxes .cours-box .cours-box-content {
          padding: 25px 0; }

  .article-top .article-content .article-content__titre {
    padding-bottom: 15px; }
  .article-top .article-content .article-content__button a {
    margin: 10px 10px; }
  .article-top .article-content .article-content__boxes .professeur-box {
    width: 100%;
    margin-bottom: 20px; }
    .article-top .article-content .article-content__boxes .professeur-box .professeur-box__image {
      height: 600px; }
  .article-top .article-content .article-content__galerie .galerie-spectacle .photo-galerie .item,
  .article-top .article-content .article-content__galerie .galerie-cours .photo-galerie .item {
    width: 47%;
    height: 225px; }
  .article-top #gael {
    margin-right: 0; }
  .article-top #marwan_sliim {
    margin-left: 0; }

  .tarif-table td,
  .tarif-table th {
    padding: 5px; } }
@media only screen and (max-width: 414px) {
  h1 {
    font-size: 35px; }

  h2 {
    font-size: 28px; }

  p {
    text-align: left; }

  .footer-copyright p {
    text-align: center; }

  .article .article-content .article-content__boxes .cours-box img {
    height: 240px; }
  .article .article-content .article-content__boxes .cours-box .cours-box-content .cours-box-content__description p {
    text-align: center; }
  .article .article-content .article-content-left .article-content-left__contact p {
    text-align: center; }

  .article-top .article-content .article-content__container .cours-container .cours-container__description .description-content {
    padding: 0 20px; }
  .article-top .article-content .article-content__boxes .professeur-box .professeur-box__image {
    height: 410px; }
  .article-top .article-content .article-content__galerie .galerie-spectacle .photo-galerie .item,
  .article-top .article-content .article-content__galerie .galerie-cours .photo-galerie .item {
    width: 48%;
    height: 155px;
    margin: 2px; }
  .article-top .article-content .article-content__tab .documents-content__list {
    padding: 29px 0 29px 10px; }
  .article-top .article-content .article-content__tab .horaire-content .horaire-content__img {
    padding: 29px 0; }
  .article-top .article-content .article-content__tab .horaire-content .table {
    padding: 29px 0;
    margin: 0; }
    .article-top .article-content .article-content__tab .horaire-content .table .horaire-table {
      margin: 0;
      width: 100%; }
      .article-top .article-content .article-content__tab .horaire-content .table .horaire-table .separator-top {
        border-top: 3px solid #ebeae9; }
      .article-top .article-content .article-content__tab .horaire-content .table .horaire-table .separator-bottom {
        border-bottom: 3px solid #ebeae9; }
  .article-top .article-content .article-content__tab .tarifs-content .table {
    padding: 29px 0; }
    .article-top .article-content .article-content__tab .tarifs-content .table .tarif-table {
      margin: 0;
      width: 100%; }
  .article-top .article-content .article-content__tab .tarifs-content .tarifs-infos {
    padding-bottom: 29px; }

  .mobile-tab {
    display: block;
    width: 100%; }

  .desktop-tab {
    display: none; }

  .tarif-table td,
  .tarif-table th {
    border: 1px solid #ebeae9;
    vertical-align: middle; }

  .horaire-table td,
  .horaire-table th {
    border: 1px solid #ebeae9;
    vertical-align: middle;
    padding: 5px; }

  #first-table-mobile {
    padding-bottom: 0; } }

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