body {
  height: 100%;
  background-image: url('../images/Fondecran-01.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
  background-color: rgb(255, 255, 255);
  font-family: 'Source Sans Pro';
  font-size: 18px;
  font-weight: 300;
  line-height: 1.38;
  color: #ffffff;
}

.avatar-1 {
  position: relative;
  float: left;
  z-index: 2;
  width: 66px;
  height: 66px;
  margin-top: 20px;
  margin-left: 424px;
  background-image: url('../images/Avatar.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  background-color: rgba(222, 222, 222, 0);
}

.html_central-1 {
/*  position: absolute;
  top: 80px;
  left: 0;
  right: 0;*/
  z-index: 7;
  width: 849px;
/*  height: 413px;*/
  margin-right: auto;
  margin-left: auto;
  background-color: #ededea;
  overflow: auto; /* necessaire pour les onglets ?*/
}

.les_exercices_de-1 {
  position: relative;
  float: left;
  z-index: 14;
  width: 100%;
  margin-top: 19px;
  margin-left: 71px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  color: #135e8c;
}

.logo-1 {
  float: left;
  width: 309px;
  min-height: 78px;
  margin-top: 20px;
  margin-left: 46px;
  font-style: italic;
  font-size: 44px;
  font-weight: 400;
  color: #ffffff;
}

.maxime-1 {
  position: absolute;
  top: 205px;
  left: 88%;
  float: left;
  clear: both;
  z-index: 69;
  width: 14.1674333026%;
  height: 323px;
/*  margin-top: 159px;*/
/*  margin-left: 89.09269%;*/
  background-image: url('../images/Maxime.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  background-color: rgba(222, 222, 222, 0);
}

.pb_se_deconnecter-1 {
  display: block;
  position: relative;
  float: left;
  z-index: 3;
  width: 189px;
  height: 43px;
  margin-top: 31px;
  margin-left: 20px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-image: none, url('../images/bouton_vert.png');
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
  background-color: rgb(222, 222, 222);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
}

.pb_se_deconnecter-1:hover {
  background-image: url('../images/bouton_vert_hover.png'), none;
  color: #dedede;
}

.phrase_maxime-1 {
  position: absolute;
  top: 117px;
  left: 93.3245170193%;
  z-index: 13;
  width: 8.8316467341%;
  min-height: 47px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(0, 0, 0);
  -ms-transform: rotate(12deg);
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}

.phrase_rachel-1 {
  position: absolute;
  top: 140px;
  left: -1.9635464582%;
  z-index: 11;
  width: 7.7276908923%;
  min-height: 36px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.phylactere_maxime-1 {
  position: absolute;
  top: 97px;
  left: 91.3882819687%;
  z-index: 12;
  width: 13.0634774609%;
  height: 100px;
  background-image: url('../images/Phylactere2.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  background-color: rgba(222, 222, 222, 0);
}

.phylactere_rachel-1 {
  position: absolute;
  top: 135px;
  left: -3.6108555658%;
  z-index: 10;
  width: 9.8436062557%;
  height: 76px;
  background-image: url('../images/Phylactere1.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  background-color: rgba(222, 222, 222, 0);
}

.rachel-1 {
  position: absolute;
  top: 222px;
  left: -41px;
  z-index: 8;
  width: 149px;
  height: 309px;
  background-image: url('../images/Rachelle.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  background-color: rgba(222, 222, 222, 0);
  overflow: hidden;
}

.texte_zone_vertee-1 {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  z-index: 5;
  width: 905px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  color: #ffffff;
}

.zone_entete_bleu-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  width: 1087px;
  height: 107px;
  margin-right: auto;
  margin-left: auto;
  background-color: #135e8c;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.zone_entete_droite-1 {
  position: relative;
  float: right;
  clear: both;
  z-index: 0;
  width: 531px;
  height: 87px;
  margin-top: -88px;
  margin-right: 11px;
  background-color: rgba(199, 248, 18, 0);
}

.zone_principale-1 {
  position: absolute;
  top: 166px;
  left: 0;
  right: 0;
  z-index: 15;
  width: 1087px;
  min-height: 410px;
  margin-right: auto;
  margin-left: auto;
  background-color: #ededea;
  overflow: visible;
}

.zone_vertee-1 {
  position: absolute;
  top: 114px;
  left: 0;
  right: 0;
  z-index: 6;
  width: 1087px;
  height: 52px;
  margin-right: auto;
  margin-left: auto;
  background-color: #30ad64;
}

.logo strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: 700;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.tableau_groupes
  {
   width:834px;
  }

@media(max-width: 1200px) {
  .avatar-1 {
    position: relative;
    z-index: 2;
    margin-top: 19px;
    margin-left: 151px;
  }

  .html_central-1 {
/*    top: 79px;
    left: 0;
    right: 0;*/
    width: 610px;
/*    height: 412px;*/
/*    margin-right: auto;
    margin-left: auto;*/
  }

  .les_exercices_de-1 {
    position: relative;
    z-index: 14;
    margin-left: 62px;
  }

  .logo-1 {
    width: 35.2130325814%;
    margin-top: 19px;
    margin-left: 6.03658%;
  }

  .maxime-1 {
    width: 16.8341708542%;
    height: 278px;
    top: 165px;
  }

  .pb_se_deconnecter-1 {
    position: relative;
    z-index: 3;
    width: 209px;
    margin-top: 32px;
    margin-left: 25px;
  }

  .phrase_maxime-1 {
    width: 9.6733668341%;
    font-size: 11px;
    font-weight: 500;
    top: 90px;
  }

  .phrase_rachel-1 {
    font-size: 11px;
    font-weight: 500;
    top: 110px;
  }

  .phylactere_maxime-1 {
    width: 14.1959798994%;
    height: 81px;
    top: 76px;
  }

  .phylactere_rachel-1 {
    width: 11.6834170854%;
    height: 65px;
    top: 105px;
  }

  .rachel-1 {
    top: 170px;
    left: -47px;
    width: 128px;
  }

  .texte_zone_vertee-1 {
    left: 0;
    right: 0;
    width: 753px;
    margin-right: auto;
    margin-left: auto;
  }

  .zone_entete_bleu-1 {
    left: 0;
    right: 0;
    width: 798px;
    margin-right: auto;
    margin-left: auto;
  }

  .zone_entete_droite-1 {
    position: relative;
    z-index: 0;
    width: 382px;
    margin-top: -87px;
    margin-right: 1.50376%;
  }

  .zone_principale-1,
  .zone_vertee-1 {
    left: 0;
    right: 0;
    width: 796px;
    margin-right: auto;
    margin-left: auto;
  }
  
.tableau_groupes
  {
   width:595px;
  }  
  
}