.titre1{ display: flex;
    flex-direction: column;
    gap: 20px; /* Ajoute 20px entre chaque élément enfant */
}
.buttonpp {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button1 {background-color: #04AA6D;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */

/*body {*/
        /*    margin: 0;*/
        /*    font-family: Arial, sans-serif;*/
        /*}*/

/*#Accueil*/
/*{*/
/*background: linear-gradient(#E8DAEF, #ffff);*/
/*}*/

/*#Pages*/
/*{*/
/*background: linear-gradient(#E8DAEF, #ffff);*/
/*height:2000px;*/
/*}*/

/*#retour_accueil */
/*{*/
/*	height:50px;*/
/*	padding: 23px;*/

/*}*/
/*#retour_accueil a*/
/*{*/
/*	color: black;*/
/*	font-family:sans-serif;*/
/*	font-size:1.2em;*/
/*	font-weight :bold;*/
/*}*/

/*ul {*/
/*	overflow:hidden;*/
/*	white-space:nowrap;*/
/*	padding:20;*/
/*	list-style:none;*/
/*	height:2000px;*/
/*	font-family:sans-serif;*/
/*}*/



/*li {*/
/*	overflow:hidden;*/
/*	-moz-box-sizing: border-box;*/
/*	box-sizing: border-box;*/
/*	display:inline-block;*/
/*	vertical-align:top;*/
/*	height:100%;*/
/*	padding-left:15px;*/
/*	border-bottom: 1px solid #F4ECF7;*/
/*	border-right: 10px solid linear-gradient(#E8DAEF, #ffff);*/
/*	color:black;*/
/*	background-image:linear-gradient(#E8DAEF, #ffff);*/
/*	transition:all .5s .2s ease;*/

/*}*/


/*li:hover {*/
/*	width:80% !important;*/
/*	transition:all .5s ease;*/
/*}*/

/*h2 {*/
/*	font-size:1em;*/
/*}*/
/*h3 {*/

/*	margin:0;*/
/*	font-size: 1em;*/
/*	opacity:0;*/
/*	transition:opacity .4s ease;*/
/*}*/
/*li:hover h3 {*/
/*	opacity:1;*/
/*	transition:opacity .4s .3s ease;*/
/*}*/

/*p {*/
/*	margin:10;*/
/*	font-size:1em;*/
/*	opacity:0;*/
/*	transition:opacity .4s ease;*/
/*}*/

/*li:hover p {*/
/*	opacity:1;*/
/*	transition:opacity .4s .3s ease;*/
/*}*/


/*a {*/
/*text-decoration: none;*/
/*color:#2874A6 ;*/
/*}*/

/*#bio {*/
/*	width:50px;*/
/*}*/

/*#fac {*/
/*	width:130px;*/
/*}*/
/*#fac:hover {*/
/*	margin-left:-30px;*/
/*}*/

/*.row_hide {*/
/*  opacity:0;*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*  padding: 0 4px;*/
/*}*/

/*li:hover .row_hide {*/
/*	opacity:1;*/
/*	transition:opacity .4s .3s ease;*/
/*}*/

/*.row {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*  padding: 0 4px;*/
/*}*/

/*.column {*/
/*  flex: 100%;*/
/*  max-width: 100%;*/
/* padding: 0 4px;*/
/* */

/*}*/

/*#HumaNum {*/
/*	width:200px;*/
/*}*/

/*.text{*/
/*	opacity: 1;*/
/*	text-align: justify;*/
/*	margin-left: 100px;*/
/*	margin-right: 200px;*/
/*}*/

/*footer {*/
/*  position: fixed;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  width: 100%;*/
/*  background-color: white;*/
/*  color: black;*/
/*  text-align: center;*/
/*}*/

/*.row_container {*/
/*  display: flex;*/
/*  */
/*}*/

/*.container {*/

/*  position: relative;*/
/*  max-width: 800px; !* Maximum width *!*/
/*  margin: 40px; !* 0 auto Center it *!*/

/*  */
/*}*/

/*.container .content {*/
/*  position: absolute; !* Position the background text *!*/
/*  bottom: 0; !* At the bottom. Use top:0 to append it to the top *!*/
/*  background: rgb(0, 0, 0); !* Fallback color *!*/
/*  background: rgba(0, 0, 0, 0.5); !* Black background with 0.5 opacity *!*/
/*  color: #f1f1f1; !* Grey text *!*/
/*  width: 92%; !* Full width *!*/
/*  padding: 20px; !* Some padding *!*/
/*}*/

/*.content p{*/
/*	 color: #f1f1f1; !* Grey text *!*/
/*	 margin:10;*/
/*	font-size:1em;*/
/*	opacity:1;*/

/*}*/