Failed to connect to MySQL: php_network_getaddresses: getaddrinfo failed: Name or service not known<header>
<style>
.overlay{
position:absolute;
margin-top:200px;}
h1{
text-align:center;
font-family: Javanese Text;
font-size:48px;
}
h3{
font-family: Javanese Text;
font-size:18px;
text-align:left;
margin-left:23%;
width:54%;
}
#TxtBack{
	margin-top:5%;
	margin-left:20%;
	background-repeat:no-repeat;
	background-image:url("https://cscoop-le110.fr/wp-content/uploads/2022/05/backTxt.png");
	background-size:1023px;
}
.searcher{
	text-align:center;
	margin-top:4px;
}
#Logo110{
	width:10%;
	margin-top:-2%;
	position:absolute;
}
.searchSubmit:hover{
	opacity:0.5;
}

#Menu{
	background-image:url('https://cscoop-le110.fr/wp-content/uploads/2022/05/MenuBack.png');
	background-repeat:no-repeat;
	text-align:center;
	height:80px;
	margin-left:33%;
	margin-top:-4%;
}

#Menu input[type=button],
      input[type=submit] {
		padding: 5px 15px;
        background: #ff5757;
		color:white;
        border: 0 none;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
		margin-top:20;
	  }
nav{
	position:sticky;
	margin-left:65px;
	}
nav ul{
	text-align:center;
	list-style-type:none;
	  }
nav li{
	margin-top:9px;
	float:left;
	margin-left:20px;
	  }
nav li:hover{
	opacity:0.5;
	  }
nav img{
	width:60px;
}
.tager{
	margin-top:1%;
}
/* Table de recherche */
#TotalResults{
	text-align:center;
	margin-left:3%;
}
#personnalTable{
	table-layout: fixed;
}
.name{
	width:100px;
}
.mail{
	width:300px;
}
#FormMail{
	width:50%;
	margin-left:25%;
	height:1200px;
}
#FormMail input[type=text] {
  width: 80%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 12px 20px 12px 40px;
  transition: width 0.4s ease-in-out;
  margin-bottom:2%;
}
#FormMail #objetMail{
	width:80%;
}
#FormMail #objetMail:focus{
	width:100%;
}
#FormMail #CorpsMail:focus{
	width:100%;
}
#FormMail #CorpsMail{
	height:40%;
	width:80%;
	resize:none;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	background-color: white;
	padding: 12px 20px 12px 40px;
	transition: width 0.4s ease-in-out;
	margin-bottom:2%;
}
#FormMail #DestinatairesMail{
	width:80%;
	resize:none;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	background-color: white;
	padding: 12px 20px 12px 40px;
	transition: width 0.4s ease-in-out;
	margin-bottom:2%;
}
#FormMail #DestinatairesMail:focus{
width:100%;
}
#FormMail input[type=text]:focus {
  width: 100%;
}
#FormMail input[type=submit]{
  width: 60%;
  height:6%;
  font-weight: bold;
  font-size:16px;
}
#FormMail input[type=submit]:hover{
  width: 80%;
}
.check{
	width:30px;
}
#portable{
	width:140px;
}
#modif{
	width:60px;
}
#societe{
	width:120px;
}
footer{
	text-align:center;
	font-size:12px;
	font-family: Javanese Text;
}
#AddTable{
	width:60%;
	margin-left:20%;
}
.AddTxt{
	width:100%;
	height:28;
	font-size:20;
	margin-top:1%;
}
#ParametersId{
	list-style:none;
	text-align:center;
	font-size:26px;
}
#ParametersId li{
	background-color:#ff5757;
	border-radius: 3px;
	width:50%;
	margin-left:25%;
	margin-top:2%;
	height:52px;
}
#ParametersId a{
	color:white;
	text-decoration: none;
}
#ParametersId li:hover{
	background-color:red;
}
#DocBtn img{
	width:100px;
	
}
#DocBtn {
	margin-left:30%;
	text-align:center;
}
.imgBtn{
	transition: width 0.4s ease-in-out;
	max-width:100px;	
}
.imgBtn:hover{
	max-width:110px;
	opacity:0.5;
	cursor: pointer;	
}
.Files{
	margin-left:20%;
	width:60%;
	background-color:#e8e8e8;
	font-family:arial;
	text-align:center;
	height:512px;
}

#Links{
	border:8px solid orange;
	border-radius: 34px;	
}
.Path{
	text-align:left;
	background-color:#ff5757;
	color:white;
	font-weight:bold;
	height:30px;
	font-size:28px;
}
.BtnMenu	{
	text-align:center;
	transition: width 0.4s ease-in-out;
	width:40px;	
}
.BtnMenu:hover{
	width:50px;
	opacity:0.5;
	cursor: pointer;
}
#BtnTop{
	text-align:center;
}
#FormFile{
	text-align:center;
}
.Files td{
	display:inline-table;
}
#ListAdd{
	color:white;
	background-color:#ff5757;
}
#AddGroup{
	width:34px;
	height: 34px;
	border-radius:8px;
	background-image:url('https://cscoop-le110.fr/wp-content/uploads/2022/05/ADD.png');
	background-size:98%;
	background-repeat:no-repeat;
	margin-left:10;
	background-color:rgba(0,0,0,0);
}
#AddGroup:hover{
	cursor: pointer;
	background-size:100%;
	background-color:rgba(0,0,0,0.2);
}
/* Page de connexion */
#Connect{
min-width:120px;
height:41;
margin-left:85%;
position:absolute;
background-color:rgb(255,87,87);
color:white;
border:1;
border-radius:7px;
font-family:arial;
font-size:17;
margin-top:10px;
border:1;
}
#Connect:hover{
color:rgb(255,87,87);
background-color:white;
border:1px solid rgb(255,87,87);
cursor:pointer;
}
</style>
<style>
@media screen and (min-width: 1200px) {

#ConnectBtn{
	min-width:120px;
	height:41;
	background-color:rgb(255,87,87);
	border-radius:7px;
	margin-left:69%;
	position:absolute;
	color:white;
	border:0;
	font-family:arial;
	font-size:17;
}}
@media screen and (max-width: 1200px) {

#ConnectBtn{
	min-width:120px;
	height:41;
	background-color:rgb(255,87,87);
	border-radius:7px;
	margin-left:77%;
	position:absolute;
	color:white;
	border:0;
	font-family:arial;
	font-size:17;
}}
@media screen and (max-width: 780px) {

#ConnectBtn{
	min-width:89px;
	height:41;
	background-color:rgb(255,87,87);
	border-radius:7px;
	margin-left:28%;
	position:absolute;
	color:white;
	border:0;
	font-family:arial;
	font-size:17;
}}
@media screen and (max-width: 500px) {

#ConnectBtn{
	min-width:64px;
	height:41;
	background-color:rgb(255,87,87);
	border-radius:110px;
	margin-left:28%;
	position:absolute;
	color:white;
	border:0;
	font-family:arial;
	font-size:11px;
}}
#Connect{
margin-top:10;
}
#ConnectBtn:hover{
color:rgb(255,87,87);
background-color:white;
border:1px solid rgb(255,87,87);
cursor:pointer;
}
#ConnectW{
	display:none;
}
a{
	outline: none;
  text-decoration: none;
  text-align:center;
  font-size:17;
}
</style>
<a id="ConnectBtn" href="https://cscoop-le110.fr//wp-content/themes/bizwhoop/EspacePerso/EspacePerso.php">
<div>
Se connecter
</div>
</a>
	<img src="https://cscoop-le110.fr/wp-content/uploads/2020/01/Le-110.png" id="Logo110">
	<h1>Répertoire des ressources </h1>

<div id="Menu">
<nav>
	<ul>
	<li>
		<a class="Icons" href="EspacePerso.php"> <img src='https://cscoop-le110.fr/wp-content/uploads/2022/05/Home-orange.png'></a>
	</li>
	<li>
		<a class="Icons" href="search.php"> <img src='https://cscoop-le110.fr/wp-content/uploads/2022/05/Search.png'></a>
	</li>
		<li>
		<a class="Icons" href="Calendrier.php"> <img src='https://cscoop-le110.fr/wp-content/uploads/2022/05/Agenda.png'></a>
	</li>
			<li>
		<a class="Icons" href="Parametres.php"> <img src='https://cscoop-le110.fr/wp-content/uploads/2022/05/Parameters.png'></a>
	</li>
	</ul>
</nav>
	</div>
<form method="POST" name="recherche" class="searcher" action="search.php">
	<input type="text" name="search" class="search" placeholder="Votre recherche ICI!">
	<input type="submit" name="searchSubmit" class="searchSubmit" Value="Search">
</form>
<form method="POST" name="Tags" class="tager" action="search.php">
	
</form>
</header>
<html>
<head>
	<link rel="stylesheet" type="text/css" media="screen" href="style.css"/>
	<meta charset="utf-8">
	<title> Envoi de mail </title>
</head>
<body>
<h2 style='text-align:center;'> Envoi de mails multiple (ou non)</h2>
<form method="POST" name="Form" class="searcher" id="FormMail">
	<input type="text" name="Expeditor" class="MailUI" id='ExpeditorMail'placeholder="Votre adresse ici">
	<textarea name="Destinataires" class="MailUI" id='DestinatairesMail'>
	</textarea>
	<input type="text" name="reponse" class="MailUI" id='ExpeditorMail' placeholder="Votre Nom et Prénom">
	<input type="text" name="Objet" class="MailUI" id='objetMail'placeholder="Objet du mail">
	<textarea name="Corps" class="MailUI" id="CorpsMail" placeholder="Corps du mail"></textarea>

	<input type='submit' name='Save' value="Envoyer">
</form>

</body>
</html>