.contenuAbonnement {
				    display: flex;
					flex-direction: column;
					align-items: center;
					width: 100%;
					max-width: 2000px;
					background-color: white;
					position: relative;
				   }

.h1Title {
		  display: flex;
		  flex-direction: column;
		  justify-content: center;
		  align-items: center;
		  width: 92%;
		  height: 160px;
		 }

.h1Title h1 {
			 font-family: 'Lulo Clean One Bold', sans-serif;
			 font-size: 18pt;
			 color: #545454;
			 margin: 0 0;
			 text-align: center;
			 max-width: 100%;
			}

.h1Title h1 span {
				  color: #1EB2BC;
				 }

.expire {
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 width: 750px;
		 max-width: 92%;
		 margin: 50px 0;
		}

.expire h2 {
			font-family: 'Lulo Clean One Bold', sans-serif;
			font-size: 20pt;
			color: red;
			text-align: center;
			max-width: 100%;
		   }

.expire p {
		   font-family: Lucida Sans Unicode, sans-serif;
		   font-size: 20pt;
		   font-weight: bold;
		   color: red;
		   max-width: 100%;
		   text-align: center;
		  }

.topAbonnement {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 850px;
				max-width: 92%;
				position: relative;
			   }

.formationGratuite {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					width: 790px;
					max-width: calc(100% - 50px);
					padding: 5px 25px 30px 25px;
				    background-color: rgba(255, 212, 0, 0.9);
				    margin-bottom: 25px;
				    position: absolute;
				    top: 0;
				    left: 0;
				   }

.formationGratuite p
			{
			 font-family: Lulo Clean One Bold, sans-serif;
			 font-size: 18pt;
			 font-weight: lighter;
			 line-height: 1.5;
			 text-align: center;
			 margin: 25px 0;
			 width: 100%;
			 max-width: 100%;
			 color: black;
			}

.formationGratuite p sup
			{
			 font-size: 12pt;
			}

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

.imgTexte img {
			   width: 225px;
			   height: 259.16px;
			   margin-top: 40px;
			   margin-right: 20px;
			  }

.texteAbonnement
			{
			 padding: 0 0;
			 list-style: none;
			 margin-bottom: 40px;
			}

.texteAbonnementGratuit
			{
			 padding: 0 0;
			 list-style: none;
			 width: 100%;
			}

.texteAbonnement li {
					 font-family: Lucida Sans Unicode, sans-serif;
					 font-size: 17pt;
					 color: #545454;
					 margin: 25px 0;
				    }

.texteAbonnementGratuit li
			{
			 font-family: Lucida Sans Unicode, sans-serif;
			 font-size: 17pt;
			 color: black;
			 font-weight: bold;
			 margin: 25px 0;
			 max-width: 100%;
			}

.marginTop {
			margin-top: 40px;
		   }

.boutonDon {
			font-weight: bold;
			text-decoration: none;
			padding: 15px 40px 12px 40px;
			cursor: pointer;
			color: white;
			background-color: #e2211c;
			border: 1px solid #e2211c;
			border-radius: 50px;
		   }

.cout {
	   font-family: 'Lulo Clean One Bold', sans-serif;
	   font-size: 13pt;
	   font-weight: normal;
	   text-align: center;
	   color: #545454;
	   margin: 0 0;
	   padding: 25px 25px;
	   border: 5px solid #CECECE;
	   max-width: calc(92% - 50px);
	  }

.cout span {
			color: #e2211c;
		   }

.licence {
		  font-family: Lucida Sans Unicode, sans-serif;
		  font-size: 11pt;
		  color: #545454;
		  text-align: center;
		  margin-top: 10px;
		  margin-bottom: 75px;
		 }

.licence a {
			text-decoration: none;
			color: #1EB2BC;
		   }

.dureeRestante {
				font-family: Lucida Sans Unicode, sans-serif;
			    font-size: 15pt;
			    color: #545454;
			    display: flex;
			    flex-direction: column;
			    align-items: center;
			    text-align: center;
				margin: 50px 0;
				max-width: 92%;
			   }

.dureeRestante span {
					 color: #e2211c;
					 font-size: 17pt;
					 font-weight: bold;
					 margin: 10px 0;
					}

.logoPaypal {
			 width: 100px;
			 height: 38.84px;
			 margin-top: 20px;
			}

.imgFantome {
			 width: 100px;
			 height: 38.84px;
			 margin-top: 20px;
			}





/*===========================================================================

Tout ce qui ne se trouve pas ici concernant le formulaire se retrouve dans le
fichier "formulaire.css".

===========================================================================*/


.sectionform {
			  margin-bottom: 75px;
			  max-width: 92%;
			 }

.instruction {
			  bottom: 115px;
			 }

.instructionModif {
				   bottom: 45px;
				  }

.prenom, .nom, .courriel, .password, .password2, .noCivique, .rue, .ville,
.province, .postal, .telephone, .noRef
				{
				 display: flex;
				 flex-direction: column;
				 margin: 4px 0;
				 position: relative;
				}

.submit {
		 margin-top: 75px;
		}

.modif {
		margin-top: 70px;
	   }

.submit button, .submitModif button
				{
			     padding: 6px 20px;
			    }

.contenuTexte {
			   display: flex;
			   flex-direction: column;
			   align-items: center;
			   width: 750px;
			   max-width: 92%;
			   margin-bottom: 75px;
		      }

.contenuTexteModif {
				    display: flex;
				    flex-direction: column;
				    align-items: center;
				    width: 750px;
				    max-width: 92%;
				    margin-top: 20px;
				    margin-bottom: 160px;
			       }

.contenuTexte p, .contenuTexteModif p
				{
			     font-family: Lucida Sans Unicode, sans-serif;
			     font-size: 13pt;
			     color: #545454;
			     margin: 40px 0;
			     text-align: center;
			     max-width: 100%;
			    }

.contenuTexte p a, .contenuTexteModif p a
				{
				 text-decoration: none;
				 color: #1EB2BC;
			    }

.contenuTexte p a:hover, .contenuTexteModif p a:hover
			{
			 color: black;
			}




@media screen and (max-width: 820px)
		{
		 .imgTexte img {
					    display: none;
					   }
		}

@media screen and (max-width: 705px)
		{
		 .formationGratuite {
							 padding: 10px 25px 50px 25px;
						    }

		 .cout {
			    width: 365px;
			   }

		 .licence {
		 		   max-width: 92%;
		 		  }
		}

@media screen and (max-width: 625px)
		{
		 .formationGratuite {
							 padding: 0 25px 30px 25px;
						    }
		}

@media screen and (max-width: 560px)
		{
		 .formationGratuite {
							 padding: 30px 25px 70px 25px;
						    }

		 .formationGratuite p
					{
					 margin: 10px 0 20px 0;
					}

		 .texteAbonnement
		 			{
		 			 list-style: square;
		 			 padding: 0 0 0 25px;
		 			}

		 .texteAbonnementGratuit
		 			{
		 			 list-style: square;
		 			}

		 .texteAbonnement li span, .texteAbonnementGratuit li span
		 				{
		 				 display: none;
		 				}
		}

@media screen and (max-width: 553px)
		{
		 .formationGratuite {
							 padding: 45px 25px 85px 25px;
						    }
		}

@media screen and (max-width: 528px)
		{
		 .formationGratuite {
							 padding: 30px 25px 70px 25px;
						    }
		}

@media screen and (max-width: 505px)
		{
		 .formationGratuite {
							 padding: 10px 25px 50px 25px;
						    }
		}

@media screen and (max-width: 480px)
		{
		 .formationGratuite {
							 padding: 10px 25px 25px 25px;
						    }
		}

@media screen and (max-width: 477px)
		{
		 .formationGratuite {
							 padding: 20px 25px 35px 25px;
						    }
		}

@media screen and (max-width: 475px)
		{
		 .sectionform, .formulaire, .prenom, .nom, .courriel, .password,
		 .password2, .noCivique, .rue, .ville, .province, .postal,
		 .telephone, .noRef, .formulaire .input
		 				{
				  		 width: 100%;
				 		}
		}

@media screen and (max-width: 440px)
		{
		 .formationGratuite {
							 padding: 5px 25px 20px 25px;
						    }

		 .formationGratuite p {
		 					   margin: 10px 0 10px 0;
		 					  }

		 .texteAbonnement li, .texteAbonnementGratuit li
		 			{
			 		 font-size: 13pt;
			 		}
		}

@media screen and (max-width: 436px)
		{
		 .formationGratuite {
							 padding: 30px 25px 45px 25px;
						    }
		}

@media screen and (max-width: 425px)
		{
		 .formationGratuite {
							 padding: 40px 25px 55px 25px;
						    }
		}

@media screen and (max-width: 422px)
		{
		 .cout {
			    padding: 20px 20px;
			    max-width: calc(92% - 40px);
			   }

		 .cout span {
				     display: block;
				    }
		}

@media screen and (max-width: 420px)
		{
		 .label {
		 		 position: static;
		 		}
		}

@media screen and (max-width: 411px)
		{
		 .formationGratuite {
							 padding: 50px 25px 65px 25px;
						    }
		}

@media screen and (max-width: 395px)
		{
		 .cout {
			    width: 250px;
			    max-width: calc(92% - 50px);
			   }
		}

@media screen and (max-width: 400px)
		{
		 .h1Title h1 {
					  font-size: 16pt;
					 }
		}