/********/
/*Page 1*/
/********/
/***************************/
/*partie Background accueil*/
/***************************/
.circles{
    width: 90%;
}


.textedebut{
  font-size: 35px;
}

/********/
/*Page 2*/
/********/
#page2{
	padding: 80px;
}

.photo{
	top: 10px;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/********/
/*Page 3*/
/********/
.containercomp{
  width: 50%;
  margin: 0 auto;
}

.box-compe{
  background-color: #fbfbfb;
  width: 40%;
  margin: 10px;
  border-radius: 10px;
  transform: rotate(0deg);
  transition-duration: 500ms;
  box-shadow: 2px 4px 10px rgba(0,0,0,.2);
}

/********/
/*Page 4*/
/********/
.projet{
	width: 100%;
}

.projet img{
	width: 22%;
	height: 200px;
	opacity: 1;
}


.photo{
	top: 10px;
}
.perso{
  padding: 30px;
  text-align: center;
}
.perso img{
  width: 400px;
  /*height: 250px;*/
  box-shadow: 0 2px 4px rgba(0,0,0,.5);
}

/*main {
	display: grid;
  	grid-template-columns: auto;
  	width: 100%;
  	grid-template-rows: auto;
  	grid-template-areas: 
    	"pun pde ptroi pquatre"
    	"pcinq psix psept phuit";
}*/

/*Footer*/

#page6{
  padding-top: 20px;
}

.rsfinal{
	background: white;
	color: black;
	border-radius: 200px;
	padding: 10px;
	width: 40%;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.presentation{
	text-align: center;
	box-sizing: center;
	display: grid;
  	grid-template-columns: auto;
  	grid-template-rows: auto;
  	grid-template-areas: 
    	"pun"
    	"pde"
    	"ptroi"
    	"pquatre";
}

.photo{
	text-align: center;
}