html, body{
  margin:0;padding: 0;
  overflow-x: hidden;
}

body{
  background-image: url(web_images/fond.png);
}

.inner
{
  margin:auto;
  width: 80%;
}

.main-section{
    margin-top: 100px;
    margin-left: 150px;
    margin-right: 150px;
    margin-bottom: 100px;
}

.contenu{
  margin-top: 100px;
	height: 300px;
	background-color: rgba(169, 169, 169, 0.5);
}

.photo1{
	width: 200px;
	height: auto;
	margin-top: 50px;
	margin-left: 50px;
	border-radius: 50%;
	float: left;
	overflow: hidden;
	z-index: -1;
}

.photo1 {
  transition: 0.4s;
  z-index: -1;
}

.photo1:hover {
  transform: scale(1.3);
  z-index: -1;
}

.contenu div img {
  width: 200px; /* largeur de l'image */
  height: auto; /* hauteur de l'image */
  -webkit-transition: .3s ease-in-out !important; 
  transition: .3s ease-in-out !important; 
}

.contenu div:hover img:hover {
  width: 200px; /* on affiche l'image au carré */
  height: 200px;
  border-radius: 0%; 
}

.texte{
	margin-left: 300px;
	margin-top: 100px;
	color:white;
}

.Titretext{
	font-size:35px;
}

.invisible{
	visibility: hidden;
}

.Comptetext{
	text-indent: 50px;
  font-size: 15px;
}

@media only screen and (max-width: 1100px){

  .main-section{
    margin-top: 200px;
  }

  .contenu{
    height: auto;
    width:100%;
  }

  .positionphoto{
    height: 550px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .texte{
    margin-left: 0px;
  }

  .Titretext{
    margin-top: -100px;
    font-size:70px;
    text-align: center;
  }

  .Comptetext{
    font-size:30px;
    margin: 30px;
    text-align: justify;
  }

  .contenu div img {
    width: 500px; /* largeur de l'image */
    height: auto; /* hauteur de l'image */
    margin-top: 50px;
  }

  .contenu div:hover img:hover {
    width: 500px; /* largeur de l'image */
    height: auto;
    margin-bottom: 30px;
    border-radius: 50%; 
    margin-top: 50px;
  }

  .photo1{
    margin-top: 50px;
    width: 500px;
    height: 500px;
    margin:auto;
    border-radius: 50%;
  }

  .photo1:hover {
    transform: scale(1);
    margin-top: 50px;
  }

}