/*#region CONTENT PAGE*/
	#content .limites {
		transition:0.3s ease-out;
	}

	#content .limites a {
		text-decoration: none;
	}

	#content .limites h1 {
		margin: 0
	}

	#content .limites h2 {
		margin: 0;
		padding: 0 0 20px 0
	}
/*#endregion*/

/*#region HEADER PAGE (similaire à la page contact)*/

	#content .largeheader {
		background:#213f9a url(/images/contact/contact-fond-header.png) no-repeat 60% center;
		background-size:cover;
		transition:0.3s ease-out;
	}

			#content .limites .header { 
				position:relative;
				padding:40px 0px 0px 10px;
				height:404px;
				transition:0.3s ease-out;
			}

				#content .limites .header .titre {
					position:relative; z-index:1;
					padding:0px 0px 0px 50px; max-width:calc(100% - 320px);
					font-size:5rem; font-weight:500; color:#ffffff;
					transition:0.3s ease-out;
				}
				#content .limites .header .titre::before {
					position:absolute; content:""; z-index:-1;
					width:50px; height:50px;
					border-radius:50%;
					background-color:#e94f2d;
					left:33px; /*bottom:0px;*/ top:0.58em;
				}

/*#endregion*/

/*#region ACTUALITES*/

	#content .limites .actualites {
		padding:140px 40px 80px;
		text-align:left;
	}
        
		#content .limites .actualites .actualite {
			position:relative;
			margin:0px 0px 60px 0px;
		}

			#content .limites .actualites .actualite a[name] { position:absolute; top:-120px; }

			#content .limites .actualites .actualite > div { display:table; }
			#content .limites .actualites .actualite > div.entete { 
				border-bottom:solid 2px #e94f2d; 
				width:100%; 
				margin-bottom:20px; 
			}

				#content .limites .actualites .actualite > div > div { display:table-cell; vertical-align:top; }

				#content .limites .actualites .actualite .date { 
					font-size:1.5rem; font-weight:normal; color:#666666;
					padding:0px 10px 4px 0px;
					vertical-align:bottom;
					white-space:nowrap;
					width:10px;
				}

			#content .limites .actualites .actualite .titre {
				display: inline-block;
				width: auto;
				font-size: 2.25rem;
				font-weight: normal;
				color: #2041a6;
				padding: 0px 0px 2px 0px;
				vertical-align: bottom;
			}

				#content .limites .actualites .actualite .descriptif { 
					font-size:1.5rem; font-weight:normal; color:#2041a6;
					padding-left:20px;
					text-align:justify;
				}


					#content .limites .actualites .actualite .descriptif .b { font-weight:500; }
					#content .limites .actualites .actualite .descriptif .lienActu,
					#content .limites .actualites .actualite .descriptif .photo { padding-top: 20px; margin:0px auto; }
					#content .limites .actualites .actualite .descriptif img { display: block; margin: 0 auto; max-width:100%; }
					#content .limites .actualites .actualite .descriptif a.inscriptionAcademie:hover { color: #e94f2d; transition: all 0.25s; }


/*#endregion*/

/*#region RESPONSIVE*/

	@media all and (max-width:768px) {

		#content .limites .header .titre {
			margin-left:-50px; max-width:380px;
		}
	
			#content .btnjereserve1heure {
			}

		#content .limites .actualites { padding-left:0px; padding-right:0px; }

		#content .limites .actualites .actualite > div.entete { width:100%; }

		#content .limites .actualites .actualite .photo { display:none; }

		#content .limites .actualites .actualite .descriptif { padding-left:0px; }

		#content .limites .actualites .actualite > div { display:block; }

			#content .limites .actualites .actualite > div > div { display:block; }

	}

	@media all and (max-width:680px) {

		#content .btnjereserve1heure {
			left:50%; right:auto;
			        transform:translateX(-50%);
			    -ms-transform:translateX(-50%);
			-webkit-transform:translateX(-50%);
		}

	}

	@media all and (max-width:520px) {

		#content .limites .actualites { padding-top:70px; padding-bottom:20px; }

	}

	@media all and (max-width:400px) {

		#content .limites .header .titre {
			font-size:4rem;
		}
		#content .limites .header .titre::before {
			width:40px; height:40px;
		}

	}

	@media all and (max-width:340px) {

		#content .limites .header .titre {
			font-size:3.5rem;
		}
		#content .limites .header .titre::before {
			width:35px; height:35px;
		}

	}

/*#endregion RESPONSIVE*/