#conteneur
{
    display: flex;
    justify-content: space-between;
    margin-top: 33px; 
}


.element1
{
    margin-left: 34px;
    object-fit: contain;
}

.element2
{
    display: flex;
    text-align: center;
}


.element3
{
    display: flex;
    text-align: center;
}

.nav1
{
   font-family: roboto;
   color: #666066;
   font-size: 25px;
   height: 83.25px;
   width : 50px;
   border-radius : 5px;
   line-height: 83.25px;
   margin-right: 84px;
   text-decoration: none;
}

.nav1:active
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 84px;
   text-decoration: none;
}

.nav1:hover
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 84px;
   text-decoration: none;
}

.nav1:focus
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 84px;
   text-decoration: none;
}

.violet1
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 84px;
   text-decoration: none;
}

.violet1:hover
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 84px;
   text-decoration: none;
}

.violet1:focus
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 84px;
   text-decoration: none;
}

.nav2
{
   font-family: roboto;
   color: #666066;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 68px;
   text-decoration: none;
}


.nav2:hover
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 68px;
   text-decoration: none;
}

.nav2:focus
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 68px;
   text-decoration: none;
}

.nav3
{
   font-family: roboto;
   color: #666066;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   text-decoration: none;
}


.nav3:hover
{
   font-family: roboto;
   color: #8583F1;
  font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   text-decoration: none;
}

.nav3:focus
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   text-decoration: none;
}


.suscribe
{
    width: 177px;
    height: 60px;
    background-color : #8583F1;
    border-radius : 10px;
   font-family: roboto;
   color: #FFFFFF;
   line-height: 60px;
   font-size: 25px;
   margin-right: 14px;
}


.login
{
   width: 177px;
   height: 60px;
   border-radius : 10px;
   border: 2px solid #8583F1;
   font-family: roboto;
   color: #8583F1;
   line-height: 60px;
   font-size: 25px;
   margin-right: 50px;
}

.conteneur2
{
    
    margin-left: 165px;
    display: grid;

}




.element12
{
   font-family: poppins;
   font-size: 51px;
   color: #8583F1;
   font-style: normal;
   font-weight: bold;
   width: 645px;
   line-height: 76px;
   margin-top: 120px;
  grid-column-start: 1;
  grid-column-end: 3;


}

.element22
{

font-family: Poppins;
font-style: normal;
font-weight: lighter;
font-size: 25px;
line-height: 37px;
margin-top: 54px;
color: #666066;
width: 620px;
grid-column-start: 1;
grid-column-end: 3;
}

.element32
{

font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 27px;
margin-top: 61px;
color: #FFFFFF;
background: #8583F1;
border-radius: 9px;
width: 395px;
height: 78px;
line-height: 78px;
text-align: center;
grid-column-start: 1;
grid-column-end: 3;

}


.portable

{
    margin-top: 130px;
    grid-row-start:1 ;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 5;
}



#content1
{
    margin-top: 151px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

.exercice
{
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.exo2
{
    margin-left: 121px;
}

.texte
{
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 37px;
margin: auto;
color: #666066;
width: 620px;
height: 76px;

}

.texte2
{
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 37.5px;
margin: auto;
color: #666066;
width: 1073px;
height: 76px;

}

.titre
{
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 51px;
line-height: 76px;
color: #8583F1;
margin: auto;
width: 1260px;
margin-bottom: 30px;
margin-top: 40px;
}


h1
{
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 51px;
line-height: 76px;
text-align: center;
color: #8583F1;
}

h2
{
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 51px;
line-height: 76px;
text-align: center;
color: #8583F1;
}

img { max-width: 100%; }

#content2
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content1bis
{
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

#content3
{
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content4
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content5
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content6
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content7
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

.coach
{
    margin-top: 70px;
    margin-bottom: 50px;
}

.actionbutton
{
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 27px;
margin-top: 100px;
color: #FFFFFF;
background: #8583F1;
border-radius: 9px;
width: 395px;
height: 78px;
line-height: 78px;
justify-content: center;
margin: auto;
}

.butt
{
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 28px;
margin-top: 100px;
color: #D4D8D6;
height: 576px;
width: 100%;
background: rgba(212, 216, 214, 0.09);
justify-content: center;
display: flex;
flex-direction: column;
text-align: center;

}

.profil {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
  padding: 10px;
  margin-top: 100px;
}

.profil > div {
  text-align: center;
  padding: 20px 0;
}

.photo {
  grid-row-start: 1;
  grid-row-end: 4;
  margin-top: 0px;
  margin-left: 70px;
}

.nom {
  margin: auto;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 4;
  font-family: poppins;
   font-size: 51px;
   color: #8583F1;
   justify-content: center;
   font-style: normal;
   font-weight: bold;
   line-height: 59px;
   width: 476px;
   height: 77px;
}

.description {
margin: auto;
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 2;
grid-column-end: 4;
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 37px;
text-align: center;
color: #666066;
width: 620px;

}


.insta {
 grid-row-start: 3;
 grid-row-end: 4;
  grid-column-start: 2;
  grid-column-end: 3;
  margin-left: 200px;
}


.email {
  justify-content: start;
 grid-row-start: 3;
 grid-row-end: 4;
  grid-column-start: 3;
  grid-column-end: 4;
  margin-right: 200px;
}

}




@media all and (min-width: 1700px)
{


.conteneur2
{
    display: flex;
    justify-content: center;
}

.portable

{
    margin-top: 130px;
    margin-left: 180px;
}

}

@media all and (max-width: 1280px)
{
    .exo1

    {
    margin-bottom: 80px;
    margin-top: 50px;
    justify-content: center;
}

}

img { max-width: 100%; }


@media all and (max-width: 1200px)
{

#conteneur
{
    display: flex;
    margin-top: 37px; 
    flex-wrap: wrap;
}

.element1
{
    margin-left: 34px;
    object-fit: contain;
}

.element2
{
    display: flex;
    justify-content: center;
    order: 3;
    width: 100%;
    margin-top: 51px;
    margin-bottom: 70px;
}

img { max-width: 100%; }

.element3
{
    display: flex;
    width: 500px;
    margin-right: 0px;
    justify-content: flex-end;
}

.nav1
{
   font-family: roboto;
   color: #666066;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 84px;
}

.nav1:hover
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 84px;
}

.nav2
{
   font-family: roboto;
   color: #666066;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 68px;
}

.nav2:hover
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
   margin-right: 68px;
}

.nav3
{
   font-family: roboto;
   color: #666066;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
}

.nav3:hover
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 83.25px;
   line-height: 83.25px;
}


.suscribe
{
    width: 177px;
    height: 60px;
    background-color : #8583F1;
    border-radius : 10px;
   font-family: roboto;
   color: #FFFFFF;
   line-height: 60px;
   font-size: 25px;
   margin-right: 14px;
}


.login
{
   width: 177px;
   height: 60px;
   border-radius : 10px;
   border: 2px solid #8583F1;
   font-family: roboto;
   color: #8583F1;
   line-height: 60px;
   font-size: 25px;
   margin-right: 50px;
}

.conteneur2
{
    
    margin-top: 67px;
    width: 633px;
    justify-content: center;
    text-align: center;
    margin : auto;
}



.element12
{
   font-family: poppins;
   font-size: 42px;
   color: #8583F1;
     justify-content: center;
   font-style: normal;
   font-weight: bold;
   width: 633px;
   margin-left: 57px;
   margin-top: 27px;
   line-height: 59px;
  grid-column-start: 1;
  grid-column-end: 4;

}

.element22
{

grid-column-start: 1;
grid-column-end: 4;
font-family: Poppins;
font-style: normal;
font-weight: lighter;
justify-content: center;
font-size: 25px;
width: 633px;
margin-left: 57px;
margin-top: 44px;
color: #666066;

}

.element32
{

font-family: Poppins;
font-style: normal;
  justify-content: center;
font-weight: 500;
font-size: 27px;
margin-left: 57px;
margin-top: 61px;
color: #FFFFFF;
background: #8583F1;
border-radius: 9px;
width: 633px;
height: 78px;
line-height: 78px;
text-align: center;
grid-column-start: 1;
grid-column-end: 4;

}


.portable

{
    grid-column-start: 1;
    grid-column-end: 4;
    margin: auto;
    margin-bottom:  30px; 
}



#content1
{
    margin-top: 151px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

.exercice
{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;

}

.exo1
{
    width: 1150px;
    

}

.exo2
{

width: 1150px;
height: auto;
justify-content: center;
margin: auto;

}

.texte
{
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 37px;
margin: auto;
color: #666066;

}

.texte2
{
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 37px;
margin: auto;
color: #666066;

}



h1
{
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 51px;
line-height: 76px;
text-align: center;
color: #8583F1;
}

h2
{
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 51px;
line-height: 76px;
text-align: center;
color: #8583F1;
}

#content2
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}


#content1bis
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
}


#content3
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content4
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content5
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content6
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content7
{
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

.coach
{
    margin-top: 70px;
    margin-bottom: 50px;
}

.actionbutton
{
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 27px;
margin-top: 100px;
color: #FFFFFF;
background: #8583F1;
border-radius: 9px;
width: 395px;
height: 78px;
line-height: 78px;
justify-content: center;
margin: auto;
}

.butt
{
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 28px;
margin-top: 100px;
color: #D4D8D6;
height: 576px;
width: 100%;
background: rgba(212, 216, 214, 0.09);
justify-content: center;
display: flex;
flex-direction: column;
text-align: center;

}

.profil {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
  padding: 10px;
  justify-content: center;
  margin-top: 100px;
}


.photo {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 3;
  margin-top: 0px;
  margin: auto;
}

.nom {
  margin: auto;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
  font-family: poppins;
   font-size: 51px;
   color: #8583F1;
   justify-content: center;
   font-style: normal;
   font-weight: bold;
   line-height: 59px;
   width: 476px;
    height: 77px;
}

.description {
margin: auto;
grid-row-start: 3;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 3;
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 37px;
text-align: center;
color: #666066;
width: 620px;

}


.insta {
 grid-row-start: 4;
 grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 2;
  margin-left: 200px;
}


.email {
  justify-content: start;
 grid-row-start: 4;
 grid-row-end: 5;
  grid-column-start: 2;
  grid-column-end: 3;
  margin-right: 200px;
}

}

@media all and (max-width: 825px)
{
   
   .element1
{
    
    margin : auto;

}

.element3
{
    margin: auto;
    margin-top: 30px;
}

}

@media all and (max-width: 500px)
{

#conteneur
{
    display: flex;
    margin-top: 37px; 
}

.element1
{
    
    margin : auto;

}

.element2
{
    justify-content: center;
}

.element3
{
    display: none;
}

.nav1
{
   font-family: roboto;
   color: #666066;
   font-size: 25px;
   height: 25px;
   line-height: 25px;
   margin-right: 37px;
   text-decoration: none;

}

.nav1:hover
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 25px;
   line-height: 25px;
   margin-right: 37px;
   text-decoration: none;

}

.nav2
{
   font-family: roboto;
   color: #666066;
   font-size: 25px;
   height: 25px;
   line-height: 25px;
   margin-right: 37px;
   text-decoration: none;
}

.nav2:hover
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 25px;
   line-height: 25px;
   margin-right: 37px;
   text-decoration: none;
}

.nav3
{
   font-family: roboto;
   color: #666066;
   font-size: 25px;
   height: 25px;
   line-height: 25px;
   text-decoration: none;
}

.nav3:hover
{
   font-family: roboto;
   color: #8583F1;
   font-size: 25px;
   height: 25px;
   line-height: 25px;
   text-decoration: none;
}

.suscribe
{
   
   display: none;
}


.login
{

  display: none;
  
}


.conteneur2
{
   margin: auto;
   width: auto;
   grid-gap: 20px;

}



.element12
{
   font-family: poppins;
   font-size: 21px;
   color: #8583F1;
   text-align: center;
   font-style: normal;
   font-weight: bold;
   line-height: 31px;
  grid-column-start: 1;
  grid-column-end: 4;
  margin: auto;
  width: 358px;
  height: auto;
  margin-top : 17px;

}

.element22
{

font-family: Poppins;
font-style: normal;
font-weight: lighter;
margin-top: 20px;
color: #666066;
grid-column-start: 1;
grid-column-end: 4;
  width: 338px;
  height: auto;
  margin: auto;
  font-size: 16.5px;
line-height: 24.75px;

}

.element32
{

font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 20px;
color: #FFFFFF;
background: #8583F1;
border-radius: 40px;
height: 71px;
line-height: 71px;
text-align: center;
margin-top: 27px;
grid-column-start: 1;
grid-column-end: 4;
width: 330px;
height: auto;
margin: auto;

}

.portable

{

    margin-top: 60px;
    order: 1; 
    display: flex;
    grid-column-start: 1;
    grid-column-end: 4;
    margin: auto;
    width: 350px;
    height: auto;
    justify-content: center;
}



#content1
{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

.exercice
{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}


.texte
{
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 16.5px;
line-height: 24.75px;
margin: auto;
color: #666066;
width: 338px;

}

.texte2
{
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 16.5px;
line-height: 24.75px;
margin: auto;
color: #666066;
width: 338px;

}

.photo {
 width: 350px;
}

.nom {
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 35px;
text-align: center;
color: #8583F1;
width: 350px;
height: auto;

}


.description
{
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 34px;
color: #666066;
width: 350px;

}

.insta {
  width: 150px;
}

.email {
  width: 150px;
}

.profil {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
  margin-top: 10px;
  margin-bottom: 70px;
}

.profil > div {
  text-align: center;
  padding: 10px 0;
}

h1
{
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 21px;
line-height: 31px;
text-align: center;
color: #8583F1;
}

h2
{
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 21px;
line-height: 31px;
text-align: center;
color: #8583F1;
}

#content3
{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content1bis
{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

#content2
{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}



#content4
{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content5
{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content6
{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

#content7
{
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    text-align: center;
    object-fit: contain;
}

.coach
{
    margin-top: 70px;
    margin-bottom: 50px;
}

.actionbutton
{
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 27px;
margin-top: 100px;
color: #FFFFFF;
background: #8583F1;
border-radius: 9px;
width: 300px;
height: 78px;
line-height: 78px;
justify-content: center;
margin: auto;
}

.butt
{
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 28px;
margin-top: 100px;
color: #D4D8D6;
height: 576px;
width: 100%;
background: rgba(212, 216, 214, 0.09);
justify-content: center;
display: flex;
flex-direction: column;
text-align: center;

}

#blocpage

{
padding-left: 5px;
padding-right: 5px;

}

img { max-width: 100%; }

}

.bouton
{
text-decoration:none;
margin-top : 20px;
color: #666066;
}