body {
	  margin : 0px 0px;
	 }

.conteneur {
			width: 100%;
			font-family: tahoma, sans-serif;
			font-size: 12pt;
		   }

#toppage {
		  position: relative;
		  top: 0;
		  left: 0;
		  z-index: 0;
		  display: flex;
		  flex-direction: column;
		  justify-content: space-between;
		 }

#carrousel {
		    position: relative;
		    width: 100%;
		    top: 0;
		    left: 0;
		    z-index: 0;
		    /*border: 2px solid red;*/
		   }

#carrousel ul li {
			  	  position: absolute;
			  	  top: 0;
			   	  left: 0;
			   	  list-style: none;
			  	 }

#carrousel img {
				width: 100%;
			   }

header {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	   }

#logotexte {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			width: 35%;
			height: 100%;
			background-color: rgba(0, 0, 0, .5);
			padding-top: 30px;
			z-index: 10;
	   	   }

#logomom {
		  width: 75%;
		  height: 140px;
		 }

#texteaccueil {
			   width: 75%;
			   padding-top: 80px;
			   padding-bottom: 80px;
			  }

#texteaccueil p {
				 margin-top: 0px;
				 margin-bottom: 15px;
				 color: white;
		   		}

#icones {
		 display: flex;
		 flex-direction: column;
		 justify-content: space-between;
		 width: 85px;
		 height: 85px;
		 z-index: 10;
		 margin-right: 40px;
		 margin-top: 25px;
		 padding: 12px 12px;
		}

nav {
      font-family: Arial, sans-serif;
      font-weight: bold;
      margin-top: 0px;
      padding: 0px 10px;
      padding-top: 4px;
      z-index: 30;
      background-color: rgba(0, 0, 0, .5);
     }

#navmobile {
			display: none;
		   }

.corps {
		color: #00528e;
		padding: 30px 0px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: white;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: 6px solid #00528e;
		border-bottom: 6px solid #00528e;
		position: relative;
	   }

.covid {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 35px 0 20px 0;
		background-color: #ffd400;
		color: black;
		position: absolute;
		top: 0;
		left: 0;
	   }

.covid h2 {
		   font-size: 18pt;
		   margin-top: 0;
		   margin-bottom: 0;
		   width: 90%;
		   max-width: 90%;
		   text-align: center;
		  }

.covid p {
		  text-align: center;
		  width: 500px;
		  max-width: 90%;
		 }

.covid p a {
			display: block;
			text-decoration: none;
			color: black;
			font-size: 18pt;
			font-weight: bold;
			margin-top: 15px;
		   }

.iconesphone .telephone {
			  			 display: none;
			  			 color: black;
					     font-size: 14pt;
					     font-weight: bold;
			 			}

.filphone {
		   display: flex;
		   flex-direction: row;
		   justify-content: space-between;
		   width: 100%;
		  }

.filariane {
			width: 49%;
			vertical-align: top;
		   }

.filphone .telephone {
					  display: flex;
					  flex-direction: row;
					  justify-content: flex-end;
					  align-items: center;
					  width: 49%;
					  color: black;
					  font-size: 14pt;
					  font-weight: bold;
				     }

.telephoneaccueil {
				   display: flex;
				   flex-direction: row;
				   justify-content: flex-end;
				   align-items: center;
				   width: 100%;
				   color: black;
				   font-size: 14pt;
				   font-weight: bold;
				  }

.telephone img, .telephoneaccueil img 
				{
				 height: 60px;
				 margin-right: 15px;
				}

#iconesmobile {
			   display: none;
			  }

.logoCertificat {
				 /* Il s'agit du width et height pour l'image certificat-
				    cadeau */
				 /*width: 250px; width d'origne : 814px */
				 /*height: 160.93px; height d'origine : 524px */
				 
				 /* Il s'agit du width et height pour l'image cours-en
				    ligne */
				 width: 450px; /* width d'origne : 1280px */
				 height: 300px; /* height d'origine : 853px */

				 margin-top: -55px;
				 margin-bottom: 40px;
				}

.logoCertificat a {
				   width: 100%;
				   height: 100%;
				   text-decoration: none;
				  }

.logoCertificat a img {
				 	   min-width: 10%;
				 	   max-width: 100%;
				 	   min-height: 10%;
				 	   max-width: 100%; 
					  }

h1 {
	font-size: 14pt;
	color: black;
   }	

.titreh1 {
		  display: flex;
		  flex-direction: row;
		  justify-content: center;
		 }

.h1 {
	font-size: 15pt;
	color: black;
	padding-bottom: 0px;
	margin-bottom: 0;
	text-align: center;
   }

.corps .tableaccueilmobile {
							display: none;
						   }

.corps .tableaccueil {
					  display: flex;
					  flex-direction: row;
					  justify-content: center;
				  	  margin-top: 20px;
				  	  margin-bottom: 40px;
				  	  width: 100%;
				  	  color: black;
				 	 }

.corps table {
			  border-collapse: collapse;
			 }

.corps .tableaccueil .cellgauche {   				
				  			  	  width: 50%;
				  			  	  font-weight: bold;
				 			 	 }

.corps .cellgauche, .corps .celldroite
					{
					 padding-left: 25px;
					 font-weight: bold;
					}

.corps .tableaccueil .coldroite {
								 padding-right: 12px;
								}

.corps .tableaccueil td {
					 	 vertical-align: top;
					 	 width: 25%;
						}

.corps .tableaccueil .ligneseparation, .corps .tableaccueil .celldroite 
						{
						 border-left: 1px solid black;
						}

.corps .boutons, .corps .boutonsligne {
				 display: flex;
				 flex-direction: row;
				}

.corps .boutontarifsecole {
					  	   background-color: #00528e;
			 			   border: 2px outset white;
					  	   color: white;
					  	   padding: 10px 15px;
					  	   text-decoration: none;
					  	   text-align: center;
					  	   margin-left: 20px;
					  	  }

.corps .boutoninscriptionecole {
						  	   background-color: #00528e;
				 			   border: 2px outset white;
						  	   color: white;
						  	   padding: 10px 15px;
						  	   text-decoration: none;
						  	   text-align: center;
						  	   margin-left: 25px;
						  	  }

.corps .boutontarifsdomicile {
							  background-color: #00528e;
					 		  border: 2px outset white;
							  color: white;
							  padding: 10px 15px;
							  text-decoration: none;
							  text-align: center;
							  margin-left: 20px;
							 }

.corps .boutoninscriptiondomicile {
							  background-color: #00528e;
					 		  border: 2px outset white;
							  color: white;
							  padding: 10px 15px;
							  text-decoration: none;
							  text-align: center;
							  margin-left: 35px;
							 }

.corps .boutontarifsecole:active, .corps .boutontarifsdomicile:active,
.corps .boutoninscriptionecole:active, .corps .boutoninscriptiondomicile:active
						{
						 background-color: black;
						}


/*#videovisite {
			  width: 100%;
			  margin-bottom: 30px;
			 }*/

.blocpromovideo {
				 display: flex;
				 flex-direction: row;
				 justify-content: space-between;
				 width: 100%;
				 height: 350px;
				 border-top: 6px solid #00528e;
				 padding-top: 25px;
				}

#promo {
		margin-bottom: 0;
		width: 50%;
		color: black;
	   }

#promo li {
		   margin-bottom: 22px;	
		  }

#promo h3 {
		   margin-top: 0;
		   margin-bottom: 25px;
		  }

#ecoleadapte {
			  margin-bottom: 0;
			  width: 45.5%;
			 }

#ecoleadapte video {
				    width: 100%;
				    background-color: black;
				   }

#ecoleadapte h3 {
				 margin-top: 0;
				 margin-bottom: 0;
				 color: black;
			    }

#actualites {
			 color: black;
			 border-top: 6px solid #00528e;
			 margin: 30px 0px 0px 0px;
			 width: 100%;
		    }

#lesnouvelles {
			   display: flex;
			   flex-direction: row;
			   justify-content: space-between;
			   width: 100%;
			   color: black;
			   padding-bottom: 20px;
			  }

#actualites h3 {
			    margin-bottom: 5px;
			   }

#nouvelle1 {
			width: 31%;
		   }

#titrenouvelle1 {
				 font-weight: bold;
				 padding-top: 10px;
				}

#titrenouvelle1 a {
				   text-decoration: none;
				   color: black;
				  }

#textenouvelle1 {
				 margin-bottom: 0px;
				}

#nouvelle2 {
			width: 31%;
		   }

#titrenouvelle2 {
				 font-weight: bold;
				 padding-top: 10px;
				}

#titrenouvelle2 a {
				   text-decoration: none;
				   color: black;
				  }

#textenouvelle2 {
				 margin-bottom: 0px;
				}

#nouvelle3 {
			width: 31%;
		   }

#titrenouvelle3 {
				 font-weight: bold;
				 padding-top: 10px;
				}

#titrenouvelle3 a {
				   text-decoration: none;
				   color: black;
				  }

#textenouvelle3 {
				 margin-bottom: 0px;
				}

#actualites p a {
				 color: blue;
				}

#liennouvelles {
				margin-bottom: 0;
				margin-top: 0;
			   }

footer {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		flex-wrap: wrap;
		width: 100%;
		min-width: 100%;
		background-color: #52524D;
	   }

.corpsinfolettre {
				  color: #00528e;
				  padding: 75px 30px;
				  display: flex;
				  flex-direction: column;
				  align-items: center;
				  background-color: white;
				  margin-top: 2px;
				  margin-bottom: 2px;
				  border-top: 6px solid #00528e;
				  border-bottom: 6px solid #00528e;
	   			 }

#retouraccueil {
				background-color: #00528e;
			    border: 2px outset white;
				color: white;
				padding: 10px 20px;
				margin-top: 50px;
				margin-bottom: 25px;
				text-decoration: none;
				width: 125px;
			   }

#retouraccueil:active {
					   background-color: black;
					  }

.btnenvoyer:active {
					background-color: black;
				   }

#messageerreur {
				color: black;
				display: flex;
				flex-direction: column;
				align-items: center;
				padding-bottom: 20px;
				padding-top: 10px;
			   }

#messageerreur p {
				  text-align: center;
				 }




@media screen and (max-width: 15000px)
		{
		 #diviconesmobile {
		 				   display: none;
		 				  }
		}

@media screen and (max-width: 1280px)
		{
		 .corps {
		 		 padding: 30px 30px;
		 		}
		}		

@media screen and (max-width: 1248px)
		{
		 #logotexte {
					 padding-top: 30px;
	   	   			}

	   	 #logomom {
		 		   width: 75%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 75%;
			   			padding-top: 72px;
			   			padding-bottom: 72px;
			  		   }

		 #promo li {
		 			margin-bottom: 20px;
		 		   }

		 .blocpromovideo {
		 				  height: 335px;
		 				 }
		}

@media screen and (max-width: 1216px)
		{
		 #logotexte {
					 padding-top: 30px;
	   	   			}

	   	 #logomom {
		 		   width: 77%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 77%;
			   			padding-top: 68px;
			   			padding-bottom: 68px;
			  		   }
		}

@media screen and (max-width: 1184px)
		{
		 #logotexte {
					 padding-top: 30px;
	   	   			}

	   	 #logomom {
		 		   width: 77%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 77%;
			   			padding-top: 60px;
			   			padding-bottom: 60px;
			  		   }

		 .blocpromovideo {
		 				  height: 325px;
		 				 }
		}

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

@media screen and (max-width: 1152px)
		{
		 #logotexte {
					 padding-top: 25px;
					 z-index: 30;
	   	   			}

	   	 #logomom {
		 		   width: 79%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 79%;
			   			padding-top: 60px;
			   			padding-bottom: 60px;
			  		   }

		 .blocpromovideo {
		 				  height: 315px;
		 				 }

		 #promo li {
		 			margin-bottom: 16px;
		 		   }
		}

@media screen and (max-width: 1120px)
		{
		 #logotexte {
					 padding-top: 25px;
					 z-index: 30;
	   	   			}

	   	 #logomom {
		 		   width: 79%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 79%;
			   			padding-top: 50px;
			   			padding-bottom: 50px;
			  		   }

		 .blocpromovideo {
		 				  height: 310px;
		 				 }
		}

@media screen and (max-width: 1088px)
		{
		 #logotexte {
					 padding-top: 25px;
	   	   			}

	   	 #logomom {
		 		   width: 81%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 81%;
			   			padding-top: 40px;
			   			padding-bottom: 40px;
			  		   }

		 .blocpromovideo {
		 				  height: 295px;
		 				 }
		}

@media screen and (max-width: 1056px)
		{
		 #logotexte {
					 padding-top: 25px;
	   	   			}

	   	 #logomom {
		 		   width: 81%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 81%;
			   			padding-top: 35px;
			   			padding-bottom: 30px;
			  		   }
		}

@media screen and (max-width: 1024px)
		{
		 #logotexte {
					 padding-top: 20px;
	   	   			}

	   	 #logomom {
		 		   width: 83%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 83%;
			   			padding-top: 35px;
			   			padding-bottom: 28px;
			  		   }

		 .blocpromovideo {
		 				  height: 285px;
		 				 }

		 #promo h3 {
		   			margin-bottom: 20px;	
		  		   }

		 #promo li {
		   			margin-bottom: 10px;	
		  		   }
		}

@media screen and (max-width: 992px)
		{
		 #logotexte {
					 padding-top: 15px;
	   	   			}

	   	 #logomom {
		 		   width: 85%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 85%;
			   			padding-top: 30px;
			   			padding-bottom: 23px;
			  		   }

		 .h1 {
		 	  width: 85%;
		 	 }

		 .blocpromovideo {
		 				  height: 275px;
		 				 }
		}

@media screen and (max-width: 960px)
		{
		 #logotexte {
					 padding-top: 5px;
	   	   			}

	   	 #logomom {
		 		   width: 90%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 90%;
			   			padding-top: 15px;
			   			padding-bottom: 8px;
			  		   }

		 .blocpromovideo {
		 				  height: 265px;
		 				 }

		 #promo h3 {
		   			margin-bottom: 10px;	
		  		   }

		 #promo li {
		 			margin-bottom: 3px;
		 		   }

		 
		 
		 #emailfooter {
	   	   	   		   width: 98%;
	   	   	   		   padding-left: 0;
	  	  	  		  }

		#submit {
				 width: 98%;
				}
		}

@media screen and (max-width: 925px)
		{
		 .blocpromovideo {
		 				  height: 255px;
		 				 }
		}

@media screen and (max-width: 896px)
		{
		 #logotexte {
					 padding-top: 5px;
	   	   			}

	   	 #logomom {
		 		   width: 95%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 95%;
			   			padding-top: 5px;
			   			padding-bottom: 15px;
			  		   }

		 #promo ul {
		 			padding-left: 25px;
		 		   }

		 #promo li {
		 			padding-left: 0px;
		 		   }
		}

@media screen and (max-width: 880px)
		{
		 #logotexte {
					 padding-top: 5px;
	   	   			}

	   	 #logomom {
		 		   width: 95%;
		 		   height: 140px;
				  }

		 #texteaccueil {
			   			width: 95%;
			   			padding-top: 0px;
			   			padding-bottom: 0px;
			  		   }

		 .corps .boutoninscriptiondomicile 
		 					 {
							  margin-left: 37px;
							 }

		 .blocpromovideo {
		 				  height: 240px;
		 				 }

		 #promo h3 {
		 			margin-bottom: 5px;
		 		   }

		 #promo li {
		 			margin-bottom: 0px;
		 		   }
		}

@media screen and (max-width: 850px)
		{
		 header {
		 		 width: 100%;
		 		 position: absolute;
		 		 z-index: 0;
			    }

		 #logotexte {
					 padding-top: 2px;
					 background-color: black;
					 flex-direction: row;
					 justify-content: space-between;
					 width: 100%;
	   	   			}

	   	 #logomom {
		 		   width: 25%;
		 		   margin-left: 5px;
		 		   height: auto;
				  }

		 #texteaccueil {
		 				display: none;
			  		   }
		 #icones {
		 		  display: none;
		 		 }
		 
		 nav {
		 	  display: none;
			 }

		 #navmobile {
		 			 display: flex;
		 			 flex-direction: row;
		 			 justify-content: flex-end;
		 			 align-items: inherit;
		 			 position: absolute;
		 			 top: 0;
		 			 right: 0;
		 			 z-index: 50;
		 			 width: 12%;
		 			 padding: 0 0;
		 			 background-color: transparent;
		 			}

		 .corps {
		 		 align-items: center;
		 		 padding: 30px 20px 0px 20px;
		 		}

		 .logoCertificat {
						  margin-top: 50px;
						  margin-bottom: 40px;
						 }

		 #diviconesmobile {
			   			   display: flex;
			   			   flex-direction: row;
			   			   justify-content: space-between;
			  			  }

		 #diviconesmobile a {
		 					 margin: 0px 15px;
		 					}

		 .telephone {
					 justify-content: center;
				    }

		 .corps .titreh1 {
		 				  margin-top: 15px;
		 				 }

		 .corps .tableaccueil .boutontarifsecole
		 						{
		 						 margin-left: 15px;
		 						}

		 .blocpromovideo {
		 				  height: 225px;
		 				 }

		 #liennouvelles {
		 				 margin-bottom: 30px;
		 				}
		}

@media screen and (max-width: 800px)
		{
		 .corps .tableaccueil {
		 					   display: none;
		 					  }

		  .titreh1 {
		 		   margin-bottom: 5px;
		 		  }

		 .corps .tableaccueilmobile {
		 					  		 display: flex;
		 					  		 flex-direction: column;
		 					  		 align-items: center;
		 					  		 color: black;
		 					  		 margin-top: 0px;
									 margin-bottom: 40px;
									 width: 65%;
		 					 		}

		 .corps .tableaccueilmobile table {
		 								   width: 100%;
		 								   margin-top: 20px;
		 								  }

		 .corps .tableaccueilmobile td {
					 					vertical-align: top;
									   }

		 .corps .tableaccueilmobile .celltitre 
		 							{
					 				 font-weight: bold;
					 				 text-align: center;
									}

		 .corps .tableaccueilmobile .courslong ul 
		 							{
					 	 		 	 margin-top: -2px;
					 	 		 	 margin-left: 50px;
									}

		 .corps .tableaccueilmobile .colmobile 
		 						{
		 						 padding-left: 50px;
		 						}

		 .corps .tableaccueilmobile ul {
							   			margin-bottom: 0;
							   			padding-left: 15px;
							  		   }

		 .corps .tableaccueilmobile li {
		 								margin-bottom: 3px;
		 							   }

		 .corps .tableaccueilmobile .boutons 
		 							{
									 display: flex;
							 		 flex-direction: row;
							 		 margin-top: 15px;
							 		 margin-bottom: 20px;
									}

		 .corps .tableaccueilmobile .boutontarifsecole {
							  	    background-color: #00528e;
					 			    border: 2px outset white;
							  	    color: white;
							  	    padding: 10px 22px;
							  	    text-decoration: none;
							  	    text-align: center;
							  	    margin-left: 45px;
							  	   }

		 .corps .tableaccueilmobile .boutontarifsdomicile 
		 						{
							     background-color: #00528e;
					 		     border: 2px outset white;
							     color: white;
							     padding: 10px 15px;
							     text-decoration: none;
							     text-align: center;
							     margin-left: 45px;
							    }

		 .corps .tableaccueilmobile .boutoninscriptiondomicile 
		 						{
							     margin-left: 60px;
							    }

		 .corps .tableaccueilmobile .boutontarifs:active,
		 .corps .tableaccueilmobile .boutontarifsecole:active 
		 							{
		 							 background-color: black;
		 							}

		 .blocpromovideo {
		 				  flex-direction: column;
		 				  align-items: center;
		 				  height: 450px;
		 				 }

		 #ecoleadapte {
			  		   margin-bottom: 0;
			  		   width: 100%;
			 		  }

		 #ecoleadapte video {
				    		 width: 100%;
			 	   			}

		 #promo {
		 		 display: none;
	   			}

		 #lesnouvelles {
		 				display: flex;
		 				flex-direction: column;
		 			   }

		 #nouvelle1 {
					 	 width: 100%;
		   				}

		 #nouvelle2 {
					 	 width: 100%;
		   				}

		 #nouvelle3 {
					 	 width: 100%;
					}
		}

@media screen and (max-width: 780px)
		{
		 .blocpromovideo {
		 				  height: 435px;
		 				 }
		}

@media screen and (max-width: 753px)
		{
		 .h1 {
		 	  width: 95%;
		 	 }

		 .blocpromovideo {
		 				  height: 420px;
		 				 }
		}

@media screen and (max-width: 735px)
		{
		 .blocpromovideo {
		 				  height: 410px;
		 				 }

		 .corps .tableaccueilmobile .boutoninscriptiondomicile 
		 						{
							     margin-left: 55px;
							    }
		}

@media screen and (max-width: 720px)
		{
		 .blocpromovideo {
		 				  height: inherit;
		 				 }
		}

@media screen and (max-width: 690px)
		{
		 .iconesphone {
		 			   display: flex;
		 			   flex-direction: column;
		 			   align-items: center;
		 			   width: 100%;
		 			  }
		 
		 .iconesphone .telephone, .telephoneaccueil 
		 						 {
			  			 		  display: flex;
			  			 		  flex-direction: column;
			  			 		  align-items: center;
			  			 		  width: 100%;
			  			 		  margin-top: 10px;
			 					 }

		 .iconesphone .telephone p {
			  			 		    margin-top: 10px;
			  			 		    margin-bottom: 10px;
			 					   }

		 .filphone .telephone {
							   display: none;
							  }

		 .telephone img, .telephoneaccueil img
		 				{
		 				 display: none;
		 				}

		 .filariane {
		 			 width: 100%;
		 			}
		 
		 .h1 {
		 	  width: 100%;
		 	 }

		 .corps .tableaccueilmobile .courslong ul 
		 							{
					 	 		 	 margin-top: -2px;
					 	 		 	 margin-left: 30px;
									}

		 .corps .tableaccueilmobile .colmobile 
		 						{
		 						 padding-left: 30px;
		 						}

		 .corps .tableaccueilmobile .boutontarifsecole,
		 .corps .tableaccueilmobile .boutontarifsdomicile
		 							{
		 							 margin-left: 20px;
		 							}

		 .corps .tableaccueilmobile .boutoninscriptionecole
		 							{
		 							 margin-left: 0px;
		 							}

		 .corps .tableaccueilmobile .boutoninscriptiondomicile
		 							{
		 							 margin-left: 37px;
		 							}
		}

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

		 .corps .tableaccueilmobile .boutontarifsecole,
		 .corps .tableaccueilmobile .boutontarifsdomicile
		 							{
		 							 margin-left: 25px;
		 							}

		 .corps .tableaccueilmobile .boutoninscriptionecole
		 							{
		 							 margin-left: 0px;
		 							}

		 .corps .tableaccueilmobile .boutoninscriptiondomicile
		 							{
		 							 margin-left: 40px;
		 							}
		}	

@media screen and (max-width: 500px)
		{
		 .corps .tableaccueilmobile {
		 							 width: 100%;
		 							}

		 .corps .tableaccueilmobile .boutontarifsecole 
		 						   {
							  	    padding: 10px 12px;
							  	   }

		 .corps .tableaccueilmobile .boutoninscriptiondomicile
		 							{
		 							 margin-left: 25px;
		 							}
		}

@media screen and (max-width: 485px)
		{
		 .logoCertificat {
						  width: 350px; /* width d'origne : 1280px */
						  height: 233.24px; /* height d'origine : 853px */
						 }
		}

@media screen and (max-width: 415px)
		{
		 #logotexte {
		 			 height: 53px;
		 			}

		 #logomom {
		 		   width: 35%;
		 		   height: auto;
				  }

		 #navmobile {
		 			 width: 15%;
		 			}

		 .corps .tableaccueilmobile .boutontarifsecole,
		 .corps .tableaccueilmobile .boutontarifsdomicile
		 							{
		 							 margin-left: 0px;
		 							}

		 .corps .tableaccueilmobile .boutoninscriptiondomicile
		 							{
		 							 margin-left: 15px;
		 							}
		}

@media screen and (max-width: 375px)
		{
		 #navmobile {
		 			 top: 3px;
		 			}

		 .logoCertificat {
						  width: 295px; /* width d'origne : 1280px */
						  height: 196.59px; /* height d'origine : 853px */
						 }

		 .corps .tableaccueilmobile .tailletd,
		 .corps .tableaccueilmobile #tailletd
		 						{
		 						 width: 50%;
		 						}

		 .corps .tableaccueilmobile #tailletd ul
		 						{
		 						 padding-left: 0;
		 						}

		 .corps .tableaccueilmobile #villedroite ul
		 						{
		 						 padding-left: 0px;
		 						}

		 .corps .tableaccueilmobile .boutoninscriptionecole
		 								{
		 								 margin-left: 40px;
		 								}

		 .corps .tableaccueilmobile .boutontarifsdomicile
		 								{
		 								 padding: 10px 9px;
		 								}

		 .corps .tableaccueilmobile .boutoninscriptiondomicile
		 								{
		 								 padding: 10px 11px;
		 								}
		}

@media screen and (max-width: 330px)
		{
		 .corps .tableaccueilmobile .tailletd,
		 .corps .tableaccueilmobile #tailletd
		 						{
		 						 width: 53%;
		 						}

		 .corps .tableaccueilmobile .boutoninscriptionecole
		 								{
		 								 margin-left: 7px;
		 								}

		 .corps .tableaccueilmobile .boutoninscriptiondomicile
		 							{
		 							 margin-left: 0px;
		 							}
		}

