﻿/*#region CONTENT CONTACT 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 CONTACT PAGE*/

	#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;
				}

		#content .btnjereserve1heure {
			transition:0.3s ease-out;
		}

/*#endregion*/

/*#region DES QUESTIONS*/

	#content .limites .desQuestions {
		display:table;
		margin:120px auto 60px;
		width:100%; min-height:380px;
		transition:0.3s ease-out;
	}

		#content .limites .desQuestions > div {
			display:table-cell;
			vertical-align:middle;
			transition:0.3s ease-out;
		}
		#content .limites .desQuestions > div.q1 {
			background:url(/images/contact/contact-photo1.png) no-repeat left 5%;
			background-size:contain;
			width:37%;
		}
		#content .limites .desQuestions > div.q2 {
			padding:0 7% 0 3%;
		}

		#content .limites .desQuestions h1 { line-height:0.9; }

		#content .limites .desQuestions .paragraphe {
			font-size:1.875rem; font-weight:500; color:#2041a6;
			padding:40px 0px 0px;
		}

/*#endregion*/

/*#region POUR NOUS TROUVER*/

	#content .largetrouver { padding:40px 0px; background-color:#e0e7fb; transition:0.3s ease-out; }

		#content .limites .pourNousTrouver {
			margin-bottom:30px;
		}

		#content .limites .pourNousTrouver * {
			transition:0.3s ease-out;
		}

			#content .limites .pourNousTrouver h1 { text-align:center; line-height:0.9; margin-bottom:20px; }

			#content .limites .pourNousTrouver .contenu { display:table; width:100%; transition:0.3s ease-out;}

				#content .limites .pourNousTrouver .contenu > div { display:table-cell; vertical-align:top; transition:0.3s ease-out;}
				#content .limites .pourNousTrouver .contenu .blocs { width:30%; }
				#content .limites .pourNousTrouver .contenu .plan { width:70%; }

				#content .limites .pourNousTrouver .contenu .bloc {
					margin:20px; padding:30px 25px;
					border-radius:10px;
					background-color:white; background-repeat:no-repeat; background-position:25px 25px;
					text-align:center;
					transition:0.3s ease-out;
				}
				#content .limites .pourNousTrouver .contenu .bloc.adresse  { background-image:url(/images/contact/contact-picto1.png); }
				#content .limites .pourNousTrouver .contenu .bloc.venir    { background-image:url(/images/contact/contact-picto2.png); }
				#content .limites .pourNousTrouver .contenu .bloc.horaires { background-image:url(/images/contact/contact-picto3.png); }

					#content .limites .pourNousTrouver .contenu .bloc .titre { padding:10px 0px 20px 80px; font-size:1.875rem; font-weight:500; color:#2041a6; white-space:nowrap; }
					#content .limites .pourNousTrouver .contenu .bloc.adresse .titre { }

					#content .limites .pourNousTrouver .contenu .bloc .paragraphe {
						padding-top:20px;
						font-size:1.25rem; font-weight:400; color:#2041a6;
						white-space:nowrap;
					}
	
					#content .limites .pourNousTrouver .contenu .plan img { height:100%; max-width:761px; max-height:721px; }


					#content .limites .pourNousTrouver .contenu .bloc.adresse .adresses td { 
						padding:10px 10px 10px 40px; 
						text-align:left; 
						color:#bbbbbb; 
						cursor:pointer;
					}
					#content .limites .pourNousTrouver .contenu .bloc.adresse .adresses td.adr1 { padding-top:0px; }
					#content .limites .pourNousTrouver .contenu .bloc.adresse .adresses td.adr2 { padding-bottom:0px; }

						#content .limites .pourNousTrouver .contenu .bloc.adresse .adresses td.sel {
							color: #2041a6;
							cursor: default;
							background: url(/images/menu-logo.png) no-repeat left center;
							background-size: 30px;
						}
					
						#content .limites .pourNousTrouver .contenu .info.adr2 { display:none; }
					
					#content .limites .pourNousTrouver .contenu .bloc.adresse .instruction { font-size:1rem; font-style:italic; color:#5c84ff; }



				#content .limites .pourNousTrouver .contenu .zcell { display:table-cell; padding:0 20px; width:50%; }
				#content .limites .pourNousTrouver .contenu .zcell:first-child { padding-left:0; }
				#content .limites .pourNousTrouver .contenu .zcell:last-child { padding-right:0; }

					#content .limites .pourNousTrouver .contenu .zcell .zbloc {
						display:block;
						margin:0 0 0 0; padding:25px; padding:3.669724771%;
						width:100%;
						background-color:white;
						border-radius:10px;
						font-size:1rem;
					}

						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item {
							display:block;
							margin:0; padding:0 0 0 65px;
							background:none no-repeat left top;
							font-size:1.3125rem;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item + .item {
							margin-top:20px;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i1 {
							font-size:1.375rem;
							background-image:url(/images/contact/contact-picto1.png); /*background-size:72px 69px;*/ background-size:43px 41px;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i2 {
							background-image:url(/images/contact/contact-picto3.png); /*background-size:75px 71px;*/ background-size:45px 43px;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i3 {
							background-image:url(/images/contact/contact-picto2.png); /*background-size:69px 68px;*/ background-size:41px 41px;
						}

						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .lieu {
							display:block; margin-bottom:0.1875em;
							font-size:1.875rem; font-weight:500;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .tel {
							font-size:1.5rem; font-weight:500;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .quoi {
							display:block; margin-bottom:0.15em;
							font-size:1.5rem; font-weight:500;
						}
						
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .lieu + br,
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .quoi + br {
							display:none;
						}

					#content .limites .pourNousTrouver .contenu .zcell .zbloc + .zplan {
						display:block;
						margin:20px 0 0 0;
						min-height:350px;
						background:none no-repeat center center; background-size:cover;
						border-radius:10px;
						box-shadow: rgba(11, 11, 11, 0.33) 0px 6px 9px;
					}
					#content .limites .pourNousTrouver .contenu .zcell.spr .zbloc + .zplan {
						background-image:url(/images/contact/contact-plan1.png);
					}
					#content .limites .pourNousTrouver .contenu .zcell.fla .zbloc + .zplan {
						background-image:url(/images/contact/contact-plan2.png);
					}

/*#endregion*/

/*#region POUR NOUS CONTACTER*/

	#content #nouscontacter { 
		position:absolute; top:-85px;
	}
 
	#content .largecontacter { 
		position:absolute;
		background-color:#e0e7fb; 
		width:100%; height:500px; 
	}
 
	#content .limites .pourNousContacter {
		text-align:center;
		margin-bottom:20px;
	}

		#content .limites .pourNousContacter h1 {
			line-height:0.9;
			margin-bottom:20px;
		}

		#content .limites .pourNousContacter > div { font-size:1.5rem; font-weight:400; color:#2041a6; }

/*#endregion*/

/*#region POUR NOUS CONTACTER FORMULAIRE*/

	#content .limites .pourNousContacterForm {
		margin:0px auto 80px; /*padding:50px 100px 80px 100px;*/ padding:40px 7.966% 40px 7.966%;
		border-radius:20px;
		background-color:#2041a6;
		transition:0.3s ease-out;
	}
		#content .limites .pourNousContacterForm .ligne {
			display:table; width:100%;
			padding:10px 0;
			font-size:0;
			transition:0.3s ease-out;
		}

		#content .limites .pourNousContacterForm .ligne.lg3 {
			margin:10px 0;
		}

		#content .limites .pourNousContacterForm .ligne4 {
			position:relative;
			display:block;
			padding:20px 0;
			font-size:0;
			transition:0.3s ease-out;
		}

			#content .limites .pourNousContacterForm .trait {
				width:100%;
				margin:0;
				border:0.1px solid #e94f2d;
			}

			#content .limites .pourNousContacterForm .colonne {
				position:relative;
				display:table-cell; width:50%;
				padding:0 25px 0 25px;
				transition:0.3s ease-out;
			}
			#content .limites .pourNousContacterForm .colonne.cl100 {
				width:100%;
			}
			#content .limites .pourNousContacterForm .colonne:first-child {
				padding-left:0;
			}
			#content .limites .pourNousContacterForm .colonne:last-child {
				padding-right:0;
			}

			#content .limites .pourNousContacterForm .placeholderFloating {
				position:absolute; top:0;
				padding:7px 0 0 13px;
				font-size:1.5rem; color:#e94f2d;
				transition:all 200ms;
			}

			.formControl:focus + .placeholderFloating,
			.formControl:valid + .placeholderFloating,
			.formControlArea:focus + .placeholderFloating,
			.formControlArea:valid + .placeholderFloating {
				font-size:90%; color:#e94f2d;
				transform:translate(0,-10px);
			}

			#content .limites .pourNousContacterForm .colonne input[type=text] {
				position:relative; left:25px;
				width:calc(100% - 30px); max-width:435px; height:60px;
				padding:15px 0 0 0;
				border:0px;
				background-color:#2041a6;
				font-family:Roboto; font-size:1.5rem; font-weight:400;
				outline:none;
			}
			#content .limites .pourNousContacterForm .colonne label {
				position:absolute; /*left:15px;*/ top:5px;
				display:block;
				color:white;
				cursor:text;
				transition:all 0.5s ease-in-out;
			}
			#content .limites .pourNousContacterForm .colonne input:focus + label, 
			#content .limites .pourNousContacterForm .colonne textarea:focus + label {
				font-size:0.9rem; color:#e94f2d;
				outline:none;
				cursor:default;
			}

		#content .limites .pourNousContacterForm .labelVousDesirez {
			display:inline-block; padding-left:25px;
			transition:0.3s ease-out;
		}
		#content .limites .pourNousContacterForm .ddlVousDesirez {
			margin-left:20px; padding:5px 10px;
			width:100%; max-width:calc(100% - 390px); height:30px;
			border-radius:10px;
			font-family:Roboto; font-size:16px; font-weight:500; color:#2041a6;
		}

			#content .limites .pourNousContacterForm .colonne textarea {
				position:relative; left:0;
				margin-left:25px; padding:20px 0;
				width:calc(100% - 30px); height:200px;
				border:0;
				background-color:#2041a6;
				font-family:Roboto; font-size:1.5rem; font-weight:400;
				outline:none;
				resize:none;
			}
				#content .limites .pourNousContacterForm .ligne .colonne label:valid {
					color:red;
				}

			#content .limites .pourNousContacterForm .ligne4 ._cbPolitiqueConfidentialite {
				display:block;
				vertical-align:top;
				transition:0.3s ease-out;
			}
			#content .limites .pourNousContacterForm .ligne4 ._cbPolitiqueConfidentialite input[type=checkbox] {
				display:inline-block;
				margin-left:15px;
				width:20px; height:20px;
				vertical-align:top;
			}
			#content .limites .pourNousContacterForm .ligne4 ._cbPolitiqueConfidentialite label {
				display:inline-block;
				padding:0 10px 0 15px;
				width:calc(100% - 280px);
				vertical-align:top;
				transition:0.3s ease-out;
			}
			#content .limites .pourNousContacterForm .ligne4 .lbEnvoyer {
				position:absolute; right:25px; top:30%;
				margin:0 0 0 0; padding:15px 50px;
				font-family:Roboto; font-size:18px; font-weight:500;
				transition:0.3s ease-out;
			}

		/*REGEX:TELEPHONE*/
		#content .limites .pourNousContacterForm .ligne .regexTelephone {
			position:absolute; right:74px;
			margin-top:85px;
			width:500px;
			color:red;
		}

		/*REGEX:EMAIL*/
		#content .limites .pourNousContacterForm .ligne .regexEmail {
			position:absolute;
			margin-top:85px;
			width:500px;
			color:red;
		}

		/*REGEX:MESSAGE*/
		#content .limites .pourNousContacterForm .ligne .regexMessage {
			position:absolute;
			margin-top:250px;
			width:500px;
			color:red;
		}

		#content .limites .pourNousContacterForm input.ctrlerreur,
		#content .limites .pourNousContacterForm textarea.ctrlerreur,
		#content .limites .pourNousContacterForm select.ctrlerreur { color:#ff6666; }
		#content .limites .pourNousContacterForm input.ctrlerreur + label,
		#content .limites .pourNousContacterForm textarea.ctrlerreur + label{ color:#ff6666; }

		#content .limites .pourNousContacterForm .lblChampsObligatoires{ 
				display: block;
				text-align: right;
				margin-top: 1rem;
		}

/*#endregion*/


/*#region RESPONSIVE*/

@media all and (max-width:1040px) {

						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item {
							font-size:1.25rem;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i1 {
							font-size:1.3125rem;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i2 {
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i3 {
						}

						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .lieu {
							font-size:1.8125rem;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .tel {
							font-size:1.4375rem;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .quoi {
							font-size:1.4375rem;
						}

}


@media all and (max-width:1000px) {

	#content .limites .header {
		height:554px;
	}


	#content .limites .desQuestions {
		display:block;
		width:auto; max-width:530px;
		margin-left:auto; margin-right:auto;
	}

		#content .limites .desQuestions > div {
			display:block;
			vertical-align:top;
		}
		#content .limites .desQuestions > div.q1 {
			margin-top:-25px;
			width:auto; min-height:280px;
			background-position:50% 0;
		}
		#content .limites .desQuestions > div.q2 {
			padding:5px 0 0 0;
		}
			#content .limites .desQuestions > div br {
				display:none;
			}


			#content .limites .pourNousTrouver .contenu { display:block; width:auto; }

				#content .limites .pourNousTrouver .contenu > div { display:block; vertical-align:top; }
				#content .limites .pourNousTrouver .contenu .blocs { display:flex; width:auto; margin-left:auto; margin-right:auto; }
				#content .limites .pourNousTrouver .contenu .plan { display:block; width:auto; margin-left:auto; margin-right:auto; }

				#content .limites .pourNousTrouver .contenu .bloc {
					display:inline-block; flex:1;
					max-width:33%;
					background-size:50px;
				}

					#content .limites .pourNousTrouver .contenu .bloc .titre { padding:0 0 5px 60px; white-space:normal; line-height:1.15; }

					#content .limites .pourNousTrouver .contenu .bloc .paragraphe { white-space:normal; }

					#content .limites .pourNousTrouver .contenu .plan img { display:block; margin:auto; }



				#content .limites .pourNousTrouver .contenu .zcell { display:block; margin:0 auto; padding:0; width:100%; max-width:500px; }
				#content .limites .pourNousTrouver .contenu .zcell:first-child { padding:0; }
				#content .limites .pourNousTrouver .contenu .zcell:last-child { padding:0; }

				#content .limites .pourNousTrouver .contenu .zcell + .zcell { margin-top:50px; }
				
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item span.nomob,
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item br.nomob {
							display:none;
						}

}

@media all and (max-width:900px) {

		#content .limites .pourNousContacterForm .ligne {
			display:block; width:auto;
		}

		#content .limites .pourNousContacterForm .ligne.lg3 {
			margin:10px 0;
		}

			#content .limites .pourNousContacterForm .colonne,
			#content .limites .pourNousContacterForm .colonne.cl100,
			#content .limites .pourNousContacterForm .colonne:first-child,
			#content .limites .pourNousContacterForm .colonne:last-child {
				display:block; width:auto;
				padding:0;
			}

		#content .limites .pourNousContacterForm .labelVousDesirez {
			display:block; width:auto;
		}
		#content .limites .pourNousContacterForm .ddlVousDesirez {
			margin:0.5em 0 0 25px;
			max-width:calc(100% - 40px)
		}

			#content .limites .pourNousContacterForm .ligne4 ._cbPolitiqueConfidentialite {
			}
			#content .limites .pourNousContacterForm .ligne4 ._cbPolitiqueConfidentialite input[type=checkbox] {
			}
			#content .limites .pourNousContacterForm .ligne4 ._cbPolitiqueConfidentialite label {
				display:inline-block;
				padding:0 0 0 15px; margin-bottom:65px;
				width:calc(100% - 50px);
			}
			#content .limites .pourNousContacterForm .ligne4 .lbEnvoyer {
				top:auto; bottom:15px; right:20px;
			}

}

@media all and (max-width:850px) {

			#content .limites .pourNousTrouver .contenu { }

				#content .limites .pourNousTrouver .contenu > div { }
				#content .limites .pourNousTrouver .contenu .blocs { display:block; }
				#content .limites .pourNousTrouver .contenu .plan { }

				#content .limites .pourNousTrouver .contenu .bloc {
					display:block; flex:none;
					max-width:300px;
					margin-left:auto; margin-right:auto;
					background-size:40px;
				}

					#content .limites .pourNousTrouver .contenu .bloc .titre { padding:0 0 5px 60px; white-space:normal; line-height:1.15; }

					#content .limites .pourNousTrouver .contenu .bloc .paragraphe { white-space:normal; }

					#content .limites .pourNousTrouver .contenu .plan img { display:block; margin:auto; width:auto; max-width:100%; }

}

@media all and (max-width:768px) {

	#content .limites .header .titre {
		margin-left:-50px; max-width:380px;
	}

}

@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:580px) {

						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item {
							padding-left:45px; font-size:1.1875rem;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i1 {
							background-size:32px 31px; font-size:1.25rem;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i2 {
							background-size:34px 32px;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i3 {
							background-size:31px 31px;
						}

						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .lieu {
							font-size:1.75rem;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .tel {
							font-size:1.375rem;
						}
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item .quoi {
							font-size:1.375rem;
						}

}

@media all and (max-width:500px) {

						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item,
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i1,
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i2,
						#content .limites .pourNousTrouver .contenu .zcell .zbloc .item.i3 {
							background-image:none; padding-left:0;
						}

}

@media all and (max-width:400px) {

	#content .limites .header .titre {
		font-size:4rem;
	}
	#content .limites .header .titre::before {
		width:40px; height:40px;
	}

		#content .limites .desQuestions > div.q1 {
			background-position:50% bottom;
		}

		#content .limites .desQuestions h1 { font-size:52px; }

}

@media all and (max-width:319px) {

		#content .limites .desQuestions > div.q1 {
			display:none;
		}

}

/*#endregion RESPONSIVE*/
