.contact {
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  color: white;
		  margin-top: 25px;
		 }

.contact .topcorps {
				    display: flex;
				    flex-direction: row;
				    justify-content: space-between;
				    width: 52%;
				   }

.contact .coordadresse {
		 				margin-top: 15px;
		 			   }

.contact .coordadresse h1 {
						   font-size: 14pt;
						   text-align: left;
						   vertical-align: top;
						   color: #FF862F;
						   width: 100%;
						   padding: 0 0;
						   margin-top: 0;
						   margin-bottom: 10px;
						  }

.contact .coordadresse a {
						  color: white;
						  text-decoration: none;
						 }

.contact .ptop {
			    margin-bottom: 0;
			    margin-top: 6px;
			   }

.contact .pbottom {
				   margin-top: 0;
				   margin-bottom: 15px;
				  }

.contact .coordonnees, .contact .map 
					{
	  			 	 margin-top: 20px;
	  			    }

.contact .map img {
				   width: 100%;
				   margin-top: 20px;
				   border: 1px solid white;
				  }

.contact .sectionform {
					   display: flex;
					   flex-direction: column;
					   align-items: center;
					   margin-top: 20px;
					   font-family: calibri;
					  }

.contact .sectionform .h3Title {
				   				width: 100%;
				  			   }

.contact .sectionform .h3Title h3 
			{
			 margin-top: 12px;
			 color: white;
			 font-size: 13pt;
			 margin-bottom: 10px;
			}

.contact .sectionform #listeerreurs
			  {
			   display: flex;
			   flex-direction: column;
			   align-items: center;
			   margin-bottom: 10px;
			   max-width: 100%;
			  }

.contact .sectionform #listeerreurs p
				{
				 display: flex;
				 flex-direction: row;
				 flex-wrap: wrap;
			     padding: 8px 0;
			     margin: 0 0 6px 0;
			     max-width: 100%;
			    }

.contact .sectionform #listeerreurs p a
				{
				 display: flex;
			     flex-direction: row;
			     flex-wrap: wrap;
				 padding: 3px 20px 3px 20px;
				 background-color: rgba(255, 0, 0, .6);
				 border: 2px solid red;
				 color: white;
				 text-decoration: none;
				 font-family: Lucida Sans Unicode, sans-serif;
				 font-size: 13pt;
				 font-weight: bold;
				}

.contact .formulaire {
					  background-color: #232323;
					  padding: 20px 30px 10px 30px;
					  margin-bottom: 50px;
					  /*width: 100%;*/
					  border: 1px solid #FF964B;
					 }

.contact .formulaire .prenom, .contact .formulaire .nom, 
.contact .formulaire .telephone, .contact .formulaire .email, 
.contact .formulaire .objetMsg, .contact .formulaire .message 
					 {
					  display: flex;
					  flex-direction: row;
					  margin: 4px 0;
					 }

.contact .formulaire .label {
							 width: 180px;
							}

.contact .formulaire label {
							display: flex;
							flex-direction: row;
							align-items: center;
							color: white;
							height: 26px;
						   }

.contact .formulaire input, .contact .formulaire textarea 
			   {
				background-color: #232323;
				color: white;
			   }

.contact .formulaire .input input 
					{
					 height: 26px;
					 border: 1px solid #FF964B;
					 font-family: calibri;
					 font-weight: normal;
					 font-size: 12pt;
					 padding-left: 4px;
					}

.contact .formulaire textarea 
				  {
				   border: 1px solid #FF964B;
				   margin-top: 0;
				   font-family: calibri;
				   font-size: 12pt;
				   font-weight: normal;
				   padding: 5px 4px;
				   resize: none;
				  }

.contact .formulaire .submit 
				 {
				  margin: 10px 0 10px 180px;
				 }

.contact .formulaire .btnEnvoyer 
					 {
					  background-color: transparent;
					  padding: 2px 10px;
					  font-family: calibri;
				  	  font-size: 12pt;
				  	  font-weight: normal;
				  	  border: 1px solid white;
				  	  border-radius: 6px;
					 }

.contact .formulaire .btnEnvoyer:active 
							{
					 	     border: 1px solid #FF964B;
					 	     color: #FF964B;
						    }

.contactvalidation {
			  		display: flex;
					flex-direction: column;
					align-items: center;
					color: white;
					margin-top: 25px;
					margin-bottom: 0px;
				   }

.contactvalidation .validationcontact 
						{
					  	 width: 75%;
					  	 margin-bottom: 15px;
					  	 display: flex;
					  	 flex-direction: column;
					  	 align-items: center;
					    }

.contactvalidation .validationcontact h3
						{
						 color: white;
						}

.contactvalidation .validationcontact p
						{
						 text-align: center;
						}

#retouraccueil {
				padding: 6px 15px;
				border: 1px solid white;
			    text-decoration: none;
				color: white;
				border-radius: 6px;
				margin-bottom: 50px;
			   }





@media screen and (max-width: 1150px)
		{
		 .contact .topcorps {
		 					 width: 65%;
		 					}
		}

@media screen and (max-width: 1024px)
		{
		 .contact .topcorps {
		 					 width: 70%;
		 					}
		}

@media screen and (max-width: 950px)
		{
		 .contact .topcorps {
		 					 width: 75%;
		 					}
		}

@media screen and (max-width: 860px)
		{
		 .contact .topcorps {
		 					 width: 80%;
		 					}
		}

@media screen and (max-width: 785px)
		{
		 .contact .coordonnees {
				 			    display: flex;
				 			    flex-direction: row;
				 			    justify-content: space-around;
				 			   }

		 .contact .coordonnees div {
				 				    text-align: center;
				 				   }

		 .contact .coordadresse h1 
		 				 {
		 				  text-align: center;
		 				 }
		}

@media screen and (max-width: 730px)
		{
		 .contact {
		 		   margin-top: 0;
		 		  }

		 .contactvalidation {
		 					 margin-top: 0;
		 					}
		}

@media screen and (max-width: 700px)
		{
		 .contact .sectionform {
		 						margin-top: 35px;
		 					   }

		 .contact .sectionform .h3Title {
		 								 width: initial;
		 								}

		 .contact .formulaire .prenom, .contact .formulaire .nom, 
		 .contact .formulaire .telephone, .contact .formulaire .email, 
		 .contact .formulaire .objetMsg, .contact .formulaire .message 
							  {
							   display: flex;
							   flex-direction: column;
							   align-items: center;
							   margin: 25px 0;
							  }

		 .contact .formulaire .prenom 
		 		 {
		 		  margin-top: 5px;
		 		 }

		 .contact .formulaire .label 
		 				 {
		 				  display: flex;
		 				  flex-direction: row;
		 				  justify-content: center;
						  width: 100%;
						  margin-bottom: 5px;
						 }

		 .contact .formulaire label 
		 				{
						 display: flex;
						 flex-direction: row;
						 align-items: center;
					    }

		 .contact .formulaire .submit 
		 				  {
		 				   display: flex;
		 				   flex-direction: row;
		 				   justify-content: center;
						   margin: 10px 0 20px 0;
						   width: 100%;
						  }
		}

@media screen and (max-width: 630px)
		{
		 .contact .coordonnees {
				 			    display: flex;
				 			    flex-direction: row;
				 			    justify-content: space-between;
				 			   }
		}

@media screen and (max-width: 600px)
		{
		 .contact .topcorps {
		 					 width: 85%;
						    }

		 .contact h1 {
		 			  margin-top: 0;
		 			  padding-top: 0;
		 			 }

		 .contact .coordonnees {
				 			    display: flex;
				 			    flex-direction: row;
				 			    justify-content: center;
				 			    margin-top: 0px;
				 			   }

		 .contact .map {
		 				margin-right: 0px;
		 			   }

		 .contact .map iframe {
		 					   width: 250px;
		 					   height: 250px;
		 			   		  }

		 .contact .map img {
				  		    margin-top: 0px;
				 		   }

		  .contactvalidation {
			  		   		  padding: 0px 20px;
			 		  		 }

		 .contactvalidation .validationcontact 
							{
					  	 	 width: 85%;
					  	 	 margin-bottom: 15px;
					    	}
		}

@media screen and (max-width: 540px)
		{
		 .contact .topcorps {
		 					 width: 90%;
		 					} 

		 .contactvalidation .validationcontact 
		 					  {
		 					   width: 100%;
		 					  }
		}

@media screen and (max-width: 475px)
		{
		 .contact .topcorps {
		 					 display: flex;
		 					 flex-direction: column;
		 					 align-items: center;
		 					 width: 85%;
		 					}

		 .contact .coordadresse {
		 						 margin-top: 10px;
		 						}

		  .contact .map iframe {
		  						width: 245px;
		  						height: 245px;
		  					   }
		 }

@media screen and (max-width: 450px)
		{
		 .contact .formulaire {
		 					   padding: 20px 15px 10px 15px;
		 					  }
		}

@media screen and (max-width: 375px)
		{
		 .contact .formulaire {
		 					   padding: 10px 8px 5px 8px;
		 					  }
		}

@media screen and (max-width: 329px)
		{
		 .contact .formulaire {
		 					   padding: 10px 15px 5px 15px;
		 					  }
		}

@media screen and (max-width: 325px)
		{
		 .contact .topcorps {
				   			 width: 100%;
				  		    }
		}