/***************************/
/*partie Background accueil*/
/***************************/
.circles{
    width: 95%;;
}

.textedebut{
  font-size: 35px;
}
/********/
/*Page 2*/
/********/
#page2{
	padding: 40px;
}

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

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

/********/
/*Page 4*/
/********/
.projet{
	width: 100%;
	text-align: center;
}

.projet img{
	/*width: 30%;*/
	height: 200px;
}


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

.perso img{
  width: 80%;
  box-shadow: 0 2px 4px rgba(0,0,0,.5);
}