body{
background-color:black;
width: 100%;
height: auto;
background-position:center center;
background: url(images/fond_page.jpg) no-repeat center center fixed;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}




table{ }
.titre-nom { width: 10%; text-align:center;}
.titre-prenom { width: 10%; text-align:center;}
.titre-telephone{ width: 7%; text-align:center;}
.titre-email { width:17%; text-align:center;}
.titre-objet { width:16%; text-align:center;}
.titre-message { width:  34%; text-align:center;}
.titre-date { width:  6%; text-align:center;}

.St_ID_0{  text-align:left; overflow: auto;}  /* nom */
.St_ID_1{  text-align:left; overflow: auto;}  /* prenom */
.St_ID_2{  text-align:left; overflow: auto;}  /* telephone */
.St_ID_1{  text-align:left; overflow: auto;}  /* email */
.St_ID_2{  text-align:left; overflow: auto;}  /* objet */
.St_ID_3{  text-align:left; overflow: auto; white-space: pre-wrap;}  /* message */
.St_ID_4{  text-align:left; overflow: auto;}  /* date */



.Color1{ color:purple;}



.BC-1{ background-color: yellow;border: #2b5a2d 1px solid;padding: 5px 9px;color: #262b26;  text-align: center; border-radius: 4px;cursor: pointer; font-weight: bold;font-size: 0.9em;} /*Bouton Couleur et forme*/

.BC-2{ background-color: yellow;border: #2b5a2d 1px solid;padding: 5px 9px;color: blue;  text-align: center; border-radius: 4px;cursor: pointer; font-weight: bold; font-size: 1.2em;} /*Bouton Couleur et forme*/

.BC-3{ background-color: yellow;border: #2b5a2d 1px solid;padding: 5px 9px;color: red;  text-align: center; border-radius: 4px;cursor: pointer;font-weight: bold; font-size: 1.2em;} /*Bouton Couleur et forme*/

.gold-1 { color: transparent;  /* position: relative; */ background-color: yellow; overflow: hidden;background: linear-gradient(#d0b57b 0%, #957640 10%, #e3cb97 40%, #ffecb3 50%, #71551b 80%);background-clip: text;-webkit-background-clip: text;float:left; display: flex;justify-content: center;text-transform: uppercase;line-height: calc(100vw / 6)font-size: calc(100vw / 6);font-weight: bold;font-size: 1.9em;} /* écriture Gold */

.Redirection-A{ background-color: #f30652;  margin-left:20%; margin-right:20%; border: #2b5a2d 1px solid;padding: 5px 9px;color: #262b26;  text-align: center; border-radius: 4px;cursor: pointer;font-weight: bold;font-size: 1.2em;}

#compteur{width: 4%; background-color:#09e937;border: #2b5a2d 1px solid;padding: 5px 9px;color: #262b26;  text-align: center; float:left; border-radius: 4px;cursor: pointer;font-size: 1.9em;}  /* compteur affichage */

.alert{width:  50%; margin-top:10%; background-color: yellow;border: #2b5a2d 1px solid;padding: 5px 9px;color: #262b26;  text-align:left; border-radius: 4px;cursor: pointer;font-size: 2.2em;}


table{
background-color:yellow;
width: 98%;
height: auto;

}

#box{
	height:2%;
	padding:30px;
	margin-top:6%;
	font-family: serif;
	margin-left:1.5%;
	margin-right:1.5%;
	border-radius: 25%  25% ;
	background-color:purple;
}
#form{

    background-color:white;
	border-radius:2px;
	padding:30px;
	box-shadow:0 0 15px;
	font-size:16px;
	font-weight:bold;
	
	margin-left:1.5%;
	margin-right:1.5%;
	
}


h3{
	text-align:center;
	font-size:20px;
}


input{
	width:100%;
	height:35px;
	margin-top:5px;
	margin-bottom: 20px;
	border:1px solid #999;
	border-radius:3px;
	padding:5px;
	font-size:16px;
}
input[type=submit]{
	background-color:#ca1e1e;
	border:1px solid white;
	font-family: serif;
	font-Weight:bold;
	font-size:18px;
	color:white;
}
textarea{
	width:100%;
	height:200px;
	margin-top:5px;
	border-radius:3px;
	padding:5px;
	resize:none;
	font-size:24px;
	color:purple;
}
span{
	color:red
}
.successMessage{
    background-color: #7acc7d;
    border: #2b5a2d 1px solid;
    padding: 5px 9px;
    color: #262b26;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.4em;
    text-align: center;
}
.errorMessage{
    background-color: #e64141;
    border: #da1414 1px solid;
    padding: 5px 10px;
    color: #fdf7f7;
    border-radius: 4px;
    text-align: center;
}
.info{
    font-size: 0.9em;
    color: #d67262;
    letter-spacing: 2px;
    padding-left: 5px;
}

.mon-email{border: 0.3rem solid blue;padding:3px;}

@media (max-width: 1000px)
{  
.mon-email{border: 0.1rem solid blue; font-size: 12px; padding:1px;}
}