/*#region Le bandeau titre*/

	body #contenu .bloc-h > .titre { background:#f7f3ed url(/img/offres/titre.png) no-repeat center bottom; }
		body #contenu .bloc-h > .titre .bloc-l {
			display:table-cell;
			padding:20px 20px 20px 350px;
			text-align:center; vertical-align:middle;
		}

/*#endregion Le bandeau titre*/

/*#region Intro*/

	.bloc-h .intro {
		margin:220px auto 0px; padding:60px 0px 70px;
		width:100%;
		position:relative; z-index:2;
		border-top:solid 4px #bfbebe;
	}

		.bloc-h .intro h1 {
			margin:0px; padding:20px 0px 0px;
			font-size:2.25rem; font-family:'Quicksand',sans-serif; font-weight:normal; color:black;
			text-align:center;
		}
		.bloc-h .intro h1::after {
			content:"";
			display:block;
			width:90px; height:5px;
			background-color:#e94f37;
			margin:20px auto 35px;
		}

			.bloc-h .intro h1 b { font-weight:bold; }

		.bloc-h .intro h2 {
			margin:0px; padding:0px;
			font-size:1.625rem; font-family:'Quicksand',sans-serif; font-weight:normal; color:black;
			text-align:center;
		}
			.bloc-h .intro h2 > * { }
				.bloc-h .intro h2 > * + *::before { content:" - "; }
				.bloc-h .intro h2 > * + br::before { content:none; display:none; }
				.bloc-h .intro h2 > br + *::before { content:none; display:none; }

/*#endregion Intro*/

/*#region Offre Modulaire*/

	#contenu .fondmodulaire { margin-bottom:40px; }
	
	#contenu .offre.modulaire {
		text-align:center;
		border-bottom:solid 40px transparent;
	}

	#contenu .offre.modulaire::before {
		content:"";
		position:absolute; display:block; z-index:10;
		background-color:white;
		width:26px; height:26px;
		top:-13px; left:calc(50% - 13px);
		transform: scaleX(0.8) rotateZ(45deg); -ms-transform: scaleX(0.8) rotateZ(45deg); -webkit-transform: scaleX(0.8) rotateZ(45deg);
	}

		#contenu .offre.modulaire > .titre {
			margin:0px; padding:80px 0px 0px;
			font-family:'Quicksand',sans-serif; font-size:2.5rem; font-weight:bold; color:#ef5a41;
			text-align:center;
		}

		#contenu .offre.modulaire > .titre span { position:relative; }
		#contenu .offre.modulaire > .titre span::before {
			content:"";
			background:url(/img/offres/2-puzzles.png) no-repeat; background-size:contain;
			position:absolute;
			left:0px; top:50%;
			width:139px; height:88px;
			transform:translate(calc(-100% - 30px), -50%);
		}

		#contenu .offre.modulaire .details {
			margin:0px; padding:40px 0px 0px;
			font-family:'Source sans pro',sans-serif; font-size:1.75rem; font-weight:normal; color:#666565;
			text-align:center;
		}
			#contenu .offre.modulaire .details b { font-weight:600; }

		#contenu .offre.modulaire > div { text-align:center; }

		#contenu .offre.modulaire table.sousdetails { display:inline-table; margin-top:22px; }

			#contenu .offre.modulaire table.sousdetails td { vertical-align:middle; }

				#contenu .offre.modulaire table.sousdetails td.apartir div { 
					display:inline-block;
					width:145px; height:145px;
					border-radius:50%;
					background-color:#fcad3b;
					padding-top:35px;
					font-family:'Source sans pro',sans-serif; font-size:1.625rem; font-weight:bold; color:white; line-height:2.25rem;
					text-align:center;
				}

					#contenu .offre.modulaire table.sousdetails td.apartir div .prix { 
						font-family:'Quicksand',sans-serif; font-size:2.5rem; font-weight:100;
					}

				#contenu .offre.modulaire table.sousdetails td.debase div { 
					display:inline-block;
					margin:0px; padding:0px 0px 0px 30px;
					font-family:'Source sans pro',sans-serif; font-size:1.5rem; font-weight:600; color:#666565;
					text-align:left;
				}

					#contenu .offre.modulaire table.sousdetails td.debase div .prix { 
						font-family:'Quicksand',sans-serif; font-size:1.875rem; font-weight:normal; color:#fcad3b;
					}

		#contenu .offre.modulaire .form { 
			max-width:1000px;
			margin:35px auto 0px; padding:0px 18px;
			text-align:center;
		}

			#contenu .offre.modulaire .form > .titre {
				margin:0px; padding:30px 0px 20px;
				font-family:'Quicksand',sans-serif; font-size:1.875rem; font-weight:normal; color:#ef5a41;
				text-align:center;
			}

			#contenu .offre.modulaire .form .descriptif { 
				display:inline-block;
				margin:0px; padding:5px 0px 20px 0px;
				font-family:'Source sans pro',sans-serif; font-size:1.5rem; font-weight:600; color:#666565;
				text-align:left;
			}

			#contenu .offre.modulaire .form .parametrage { 
				display:inline-block;
				margin:0px auto; padding:30px;
			}

				#contenu .offre.modulaire .form .parametrage .paramTitre { 
					font-family:'Quicksand',sans-serif; font-size:2.125rem; font-weight:normal; color:#848382;
					text-align:center;
					padding-left:60px;
				}

				#contenu .offre.modulaire .form .parametrage > table { 
					border-collapse:separate;
					border-spacing:10px;
				}

					#contenu .offre.modulaire .form .parametrage > table tr th { 
						margin:0px; padding:0px;
						width:55px;
						text-align:center; vertical-align:middle;
					}

						#contenu .offre.modulaire .form .parametrage > table tr th label { 
							display:inline-block;
							background-color:#ef5a41;
							border-radius:50%;
							margin:0px; padding:0px;
							width:55px; height:55px;
							max-width:55px; max-height:55px;
							text-align:center; vertical-align:middle;
							line-height:50px;
						}

						#contenu .offre.modulaire .form .parametrage > table tr th label span { 
							display:inline-block;
							font-family:'Quicksand',sans-serif; font-size:2.5rem; font-weight:bold; color:white; line-height:inherit;
							/*margin:-5px 0px 0px -1px;*/
						}

					#contenu .offre.modulaire .form .parametrage > table tr:not(.bouton) td { 
						position:relative;
						border:solid 2px #ef5a41;
						border-radius:15px;
						padding:5px 18px;
						height:55px;
						vertical-align:middle;
					}

						#contenu .offre.modulaire .form .parametrage > table tr td label { 
							display:inline-block;
							font-family:'Quicksand',sans-serif; font-size:1.25rem; font-weight:bold; color:#ef5a41; line-height:1.1; margin-top:5px;
							/*min-height:33px;*/
						}

							#contenu .offre.modulaire .form .parametrage > table tr td label > br { display:none; }

						#contenu .offre.modulaire .form .parametrage > table tr td input,
						#contenu .offre.modulaire .form .parametrage > table tr td select,
						#contenu .offre.modulaire .RadDropDownList > span { 
							font-family:'Quicksand',sans-serif; font-size:1.375rem; font-weight:bold; color:#848382;
							border:solid 1px #848382;
							text-align:right;
							margin:3px 0px 0px; padding:0px 5px;
							float:right;
						}

						#contenu .offre.modulaire .form .parametrage > table tr td input,
						#contenu .offre.modulaire .form .parametrage > table tr td select,
						#contenu .offre.modulaire .form .parametrage > table tr td .RadDropDownList { 
							margin-left:20px;
						}


						#contenu .offre.modulaire .form .parametrage > table tr td > span { 
							display:inline-block;
							font-family:'Quicksand',sans-serif; font-size:1.5rem; font-weight:bold; color:#848382;
							padding-left:10px;
						}

						#contenu .offre.modulaire .form .parametrage > table tr.participants td input	{ width:140px; }
						#contenu .offre.modulaire .form .parametrage > table tr.duree td select			{ width:140px; text-align:center; }
						#contenu .offre.modulaire .form .parametrage > table tr.montant td input		{ width:140px; text-align:right; }

						#contenu .offre.modulaire .form .parametrage > table tr.bouton td a { 
							display:block;
							background-color:#ef5a41;
							border:solid 2px #ef5a41;
							font-family:'Quicksand',sans-serif; font-size:1.25rem; font-weight:bold; color:white;
							border-radius:15px;
							margin:0px; padding:5px 20px 6px;
							text-align:center;
							transition:all ease-in 0.2s;
							text-decoration:none;
						}
						#contenu .offre.modulaire .form .parametrage > table tr.bouton td a:hover {  background-color:white; color:#ef5a41; }

						/*#region INFOS*/

							#contenu .offre.modulaire .info { right:-46px; top:calc(50% - 16px); }

						/*#endregion INFOS*/

		#contenu .RadDropDownList_Default .rddlFocused {
			border-color:inherit;
			color: inherit;
			background-color:inherit;
			background-image:none;
		}
		#contenu .RadDropDownList_Default .rddlInner {
			border-radius:0px;
			color:inherit;
			background-color:transparent;
			background-image:none;
		}
		#contenu .offre.modulaire .RadDropDownList { width:auto; float:right; }
		#contenu .offre.modulaire .RadDropDownList > span { margin:3px 0px 0px; padding:4px 5px; width:140px; text-align:left; float:none; }
		html #contenu .offre.modulaire .RadDropDownList_Default .rddlIcon { background-image: url('/img/offres/ddl.png'); }
		#contenu .offre.modulaire .RadDropDownList > span > span { border:none; padding:0px; }
		html .rDdlDuree .rddlPopup_Default, html .rDdlDuree .RadDropDownList_Default .rddlFocused { font-family:'Quicksand',sans-serif; font-size:1.375rem; font-weight:bold; color:#848382; line-height: 120%; }

	/*#region PANIER*/

			#contenu .offre.modulaire .form .panier { 
				display:inline-block; /*display:none;*/
				margin:0px auto; padding:30px 30px 60px;
			}

				#contenu .offre.modulaire .form .panier .panierTitre { 
					position:relative;
					font-family:'Quicksand',sans-serif; font-size:1.5rem; font-weight:normal; color:#ef5a41;
					text-align:left;
					padding-left:45px;
				}
				#contenu .offre.modulaire .form .panier .panierTitre::before { 
					content:url(/img/offres/panier-picto.png);
					position:absolute;
					top:-3px; left:0px;
				}

				#contenu .offre.modulaire .form .panier > table { border-collapse:collapse; min-width:599px; }

					#contenu .offre.modulaire .form .panier > table tr td { 
						background-color:#efeff0; 
						border-top:solid 5px white; 
						padding:8px 15px 7px;
						text-align:left;
					}

						#contenu .offre.modulaire .form .panier > table tr td > span { 
							font-family:'Quicksand',sans-serif; font-size:1.125rem; font-weight:bold; color:#848382;
						}
						#contenu .offre.modulaire .form .panier > table tr td.numero { white-space:nowrap; }
						#contenu .offre.modulaire .form .panier > table tr td.duree { text-align:center; }
						#contenu .offre.modulaire .form .panier > table tr td.prix { text-align:right; }
						#contenu .offre.modulaire .form .panier > table tr.total td > span { color:#ef5a41; }

					#contenu .offre.modulaire .form .panier > table tr td.supp { padding:8px 10px 7px 5px; }

						#contenu .offre.modulaire .form .panier > table tr td.supp > a { 
							font-family:'Quicksand',sans-serif; font-size:1.875rem; font-weight:bold; color:#848382; line-height:18px;
						}

					#contenu .offre.modulaire .form .panier > table tr.bouton td { background-color:white; padding:0px; }

						#contenu .offre.modulaire .form .panier > table tr.bouton td a { 
							display:block;
							background-color:#ef5a41;
							border:solid 2px #ef5a41;
							font-family:'Quicksand',sans-serif; font-size:1.125rem; font-weight:bold; color:white;
							border-radius:15px;
							margin:0px; padding:5px 20px 6px;
							text-align:center;
							transition:all ease-in 0.2s;
							text-decoration:none;
						}
						#contenu .offre.modulaire .form .panier > table tr.bouton td a:hover {  background-color:white; color:#ef5a41; }

	/*#endregion PANIER*/

	/*#region IDENTIFICATION*/

			#contenu .offre.modulaire .form.identification .descriptif { 
				padding-top:20px;
			}

		/*#region Compte*/

			#contenu .offre.modulaire .form.identification h2 {
				font-size: 1.125rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color: #354555;
				margin:0px; padding:0px 0px 30px 15px;
			}

			/*#region Les blocs*/

				/*Le conteneur des blocs*/
				#contenu .offre.modulaire .form.identification .blocs {
					display:table;
					width:100%;
					margin:30px 0px 0px; padding:0px 15px;
				}

					/*Un bloc*/
					#contenu .offre.modulaire .form.identification .blocs .bloc {
						position:relative; display:table-cell;
						width:50%;
						padding:0px 0px 80px;
					}
					#contenu .offre.modulaire .form.identification .blocs .bloc:first-child { border-right:solid 22px white; }
					#contenu .offre.modulaire .form.identification .blocs .bloc:last-child { border-left:solid 22px white; }
					
					#contenu .offre.modulaire .form.identification .blocs .bloc.creation::before { 
						content:"";
						position:absolute; display:block;
						width:5px; height:calc(80% - 60px);
						left:-22px; top:calc(50% - 10px);
						background-color:#cfcfcf;
						transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); 
					}

						/*Titre d'un bloc*/
						#contenu .offre.modulaire .form.identification .blocs .bloc h3 {
							position:relative; display:block;
							margin:0px 0px 20px; padding:0px;
							font-size: 2.125rem; font-family:Quicksand,sans-serif; font-weight:normal; color:#fc3f2e;
							text-align:center;
							width:100%;
						}

						/*Texte d'un bloc*/
						#contenu .offre.modulaire .form.identification .blocs .bloc > span {
							display:block;
							margin:0px; padding:5px 0px 0px;
							font-size: 1.5rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#767676;
							text-align:center;
						}

						/*Bouton d'un bloc*/
						#contenu .offre.modulaire .form.identification .blocs .bloc > a {
							position:absolute; display:inline-block;
							margin:0px auto; padding:8px 20px;
							font-family:'Source Sans Pro',sans-serif; font-size:1.25rem; font-weight:600; color:white;
							white-space:nowrap; text-transform:uppercase;
							background-color:#ef5a41;
							border-radius:15px;
							bottom:30px; left:50%;
							transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
						}
						#contenu .offre.modulaire .form.identification .blocs .bloc.creation > a { position:relative; display:inline-block; bottom:auto; margin-top:30px; }

						/*Bloc de saisie d'un bloc*/
						#contenu .offre.modulaire .form.identification .blocs .bloc .saisie {
							position:relative; display:block;
							margin:0px; padding:0px;
							font-size: 0rem;
							text-align:right;
						}

							/*Textbox*/
							#contenu .offre.modulaire .form.identification .blocs .bloc .saisie input {
								margin:0px 0px 10px 0px; padding:6px 10px;
								font-size: 1.375rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#767676;
								background-color:#f7f3ed;
								border:none;
								width:100%;
							}
							#contenu .offre.modulaire .form.identification .blocs .bloc .saisie input::-moz-placeholder { color: #767676; }

							/*Lien mdp oublié*/
							#contenu .offre.modulaire .form.identification .blocs .bloc .saisie a {
								margin:0px 0px 0px 0px;
								font-size: 1.125rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#fc3f2e;
								text-transform:lowercase;
							}
		
							/*Message d'erreur*/
							#contenu .offre.modulaire .form.identification .blocs .bloc .erreur {
								display:block;
								margin:0px; padding:10px 0px 0px;
							}

			/*#endregion Les blocs*/

			/*#region Popup Mot de passe oublié*/
			
				#popMdpOublie { 
					position:fixed;
					width:470px;
					border:solid 5px #e65238; border-radius:15px;
					background-color:#f7f3ed;
					padding:10px 30px;
				}

					#popMdpOublie h1 { 
						font-size:2.125rem; font-family:Quicksand,sans-serif; font-weight:normal; color:#e65238; 
						padding:20px 40px 20px 0px; 
					}

					#popMdpOublie h2 { 
						font-size: 1.25rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#767676;
						padding:0px 0px 10px;
					}

					#popMdpOublie .form { padding-top:10px; text-align:center; }

						#popMdpOublie .form input { 
							margin:0px 0px 15px 0px; padding:7px 10px;
							font-size: 1.125rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#767676;
							background-color:white;
							border:none;
							width:100%;
						}
						#popMdpOublie .form input::-moz-placeholder { color: #767676; }

						#aMdpOublieValider { 
							display:inline-block;
							margin:10px auto 0px; padding:8px 20px;
							font-family:'Source Sans Pro',sans-serif; font-size:1.25rem; font-weight:600; color:white;
							white-space:nowrap; text-transform:uppercase;
							background-color:#ef5a41;
							border-radius:15px;
						}
						#aMdpOublieValider.traitement { opacity:0.5; }
						#aMdpOublieValider.traitement:before {
							position:absolute; left:0; top:0;
							display:block; width:100%; height:100%;
							background:white url(/img/patience.gif) no-repeat 50% 50%;
							content:"";
						}

						#popMdpOublie .form .erreur { display:block; padding:20px 0px 0px; font-size: 1.125rem; }

					#popMdpOublie .message { 
						padding:40px 0px;
						font-size: 1.25rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#767676;
					}


			/*#endregion Popup Mot de passe oublié*/

			/*#region Formulaire*/

				#contenu .offre.modulaire .form.identification .formulaire {
					width:100%;
					margin:0px 0px 30px; padding:0px 15px;
				}

					/*La phrase d'instruction*/
					#contenu .offre.modulaire .form.identification .formulaire h3 {
						display:block;
						margin:0px; padding:0px;
						font-size: 1.5rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color: #ef5a41;
					}
			
					/*Un bloc*/
					#contenu .offre.modulaire .form.identification .formulaire .bloc {
						width:100%; max-width:780px;
						margin:8px 0px 10px 0px; padding:17px 12px 0px;
					}
					/* Le tableua dans le bloc*/
					#contenu .offre.modulaire .form.identification .formulaire .bloc table {
						width:100%;
						margin:0px; padding:0px;
						border:none;
					}

						/*Une cellule*/
						#contenu .offre.modulaire .form.identification .formulaire .bloc td.label,
						#contenu .offre.modulaire .form.identification .formulaire .bloc td.input { position:relative; padding:0px 0px 6px 0px; vertical-align:top; }

						/*Une cellule de label*/
						#contenu .offre.modulaire .form.identification .formulaire .bloc td.label {
							text-align:right; 
							white-space:nowrap;
							padding:4px 15px 0px;
							font-size: 1.25rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color: #666565;
							min-width:200px; width:1%;
						}
						
						#contenu .offre.modulaire .form.identification .formulaire .bloc td.label.ville { min-width:0px; }

							/*Obligatoire ?*/
							#contenu .offre.modulaire .form.identification .formulaire .bloc td.label .obligatoire { }

						/*Une cellule de saisie*/
						#contenu .offre.modulaire .form.identification .formulaire .bloc td.input { padding-right:15px; }

							/*Un input autre que radio*/
							#contenu .offre.modulaire .form.identification .formulaire .bloc td input:not([type=radio]) {
								position:relative;
								padding:4px 10px;
								font-size: 1.25rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color: #666565;
								background-color:#f7f3ed;
								border:none;
								width:100%;
							}

							/*Un dropdownlist*/
							#contenu .offre.modulaire .form.identification .formulaire .bloc td select {
								padding:4px 10px;
								font-size: 1.375rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color: #666565;
								background-color:#f7f3ed;
								border:none;
								width:100%;
							}

							/*Customisation du bouton radio*/
							#contenu .offre.modulaire .form.identification .formulaire input[type=radio] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
							#contenu .offre.modulaire .form.identification .formulaire input[type=radio] + label {
								background:url(/img/achat/rbtn.png) no-repeat right 0px;
								margin:0px 20px 0px 0px; padding-right: 35px;
								font-size:1.125rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#767676;
								line-height: 30px;
							}
							#contenu .offre.modulaire .form.identification .formulaire input[type=radio]:checked + label { background-position: right -30px; }

							/*Une zone valide*/
							#contenu .offre.modulaire .form.identification .formulaire .bloc td.valide::after {
								content:url(/img/achat/cocheok.png);
								position:absolute;
								margin-left:15px;
								top:calc(50% - 17px);
							}

							/*Une explication*/
							#contenu .offre.modulaire .form.identification .formulaire .bloc td.explication {
								font-size:1.125rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#4e1495;
								padding:15px 15px 10px;
								text-align:left;
							}
								/*Un span hilite*/
								#contenu .offre.modulaire .form.identification .formulaire .bloc td.explication .hilite { color:#e94f37; }

							/*Un controle en erreur*/
							#contenu .offre.modulaire .form.identification .formulaire .bloc td input.enerreur:not([type=radio]),
							#contenu .offre.modulaire .form.identification .formulaire .bloc td select.enerreur,
							#contenu .offre.modulaire .form.identification .formulaire .bloc td table.enerreur,
							#contenu .offre.modulaire .form.identification .formulaire .bloc td .RadDropDownList.enerreur { box-shadow:0px 0px 7px rgba(255,0,0,0.5); }

					/*Le conteneur du bouton*/
					#contenu .offre.modulaire .form.identification .formulaire .boutons {
						width:100%;
						margin:0px; padding:5px 0px 0px 0px;
						text-align:center;
					}
					#contenu .offre.modulaire .form.identification .formulaire .boutons.gauche { text-align:left; }

						/*Le bouton*/
						#contenu .offre.modulaire .form.identification .formulaire .boutons > a {
							display:inline-block;
							margin:0px auto; padding:8px 20px;
							font-family:'Source Sans Pro',sans-serif; font-size:1.25rem; font-weight:600; color:white;
							white-space:nowrap; text-transform:uppercase;
							background-color:#ef5a41;
							border-radius:15px;
						}

						/*Champs obligatoires*/
						#contenu .offre.modulaire .form.identification .formulaire .obligatoires {
							font-size:1rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#4e1495;
						}

						/*Texte de confidentialité*/
						#contenu .offre.modulaire .form.identification .formulaire .confidentialite {
							margin:0px; padding:30px 0px 0px;
							font-size:1rem; font-family:'Source Sans Pro',sans-serif; font-weight:normal; color:#4e1495;
						}
							/*Lien*/
							#contenu .offre.modulaire .form.identification .formulaire .confidentialite a { color:#4e1495; }

						#contenu .offre.modulaire .form.identification .formulaire .confidentialite.chk { padding-top:20px; }

						/*Message d'erreur*/
						#contenu .offre.modulaire .form.identification .formulaire .erreur {
							display:block;
							width:100%;
							margin:15px 0; padding:0px 0px 0px 0px;
							text-align:center;
						}


						/*#region Spécial checkbox*/

							#contenu .offre.modulaire .form.identification .chk {
								position:relative; display:block;
								width:100%;
								margin-top:10px; margin-left:auto; margin-right:auto;
							}
							#contenu .offre.modulaire .form.identification .chk.rgpd {
								margin-top:15px; margin-bottom:15px; min-height:42px; }
								#contenu .offre.modulaire .form.identification .offre.modulaire .form.identification .chk > span { display:block; border:0px transparent none; }
								#contenu .offre.modulaire .form.identification .chk input[type=checkbox] { position:absolute; z-index:-1000; left:-1000px; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
								#contenu .offre.modulaire .form.identification .chk input[type=checkbox] + label {
									display:inline-block;
									padding-left:30px;
									font-size:1rem; line-height:120%; min-height:42px;
									background:none no-repeat 0px 0px;
									background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURUQnhP///yDKBd8AAAACdFJOU/8A5bcwSgAAAB5JREFUeNpiYMQOGKgljgUQEMcwYVScInGSwh8gwACbhwF3ducG+QAAAABJRU5ErkJggg==);
									background-size:20px 20px;
									vertical-align:middle;
									cursor:pointer;
									color:#4e1495;
									white-space:normal;
									float:none;
								}
								#contenu .offre.modulaire .form.identification .chk input[type=checkbox]:checked + label { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA5UExURfiypvBlTvWcjfanmvOGdPm9s/vTzPze2frIwPFwWqtGXFsue/J7Z304bpQ/ZfSRgO9aQUQnhP///3t1uz0AAAATdFJOU////////////////////////wCyfdwIAAAAh0lEQVR42nzP2xKDIAwE0CAgam277P9/rIl0WiRO9wEy5yEX4U0y3nLDCRDvcwAWOhcAs371mq3x6MZPNu+aTMqv6tw4Vuc2cqfzRTnw50XvyFrq3rr41x+wkLs1Z+c2DSnqs7LzyohPytW5Np44eD45cPRzFYh3uyjRO9sF3qXQucs/PwQYACy4IDW10CKnAAAAAElFTkSuQmCC); }
								#contenu .offre.modulaire .form.identification .chk label {
									text-align:inherit;
									-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; /* user-select:none; */
								}
									#contenu .offre.modulaire .form.identification .chk label > a {
										display:inline-block;
										color:inherit;
										text-decoration:underline;
										width: auto;
										margin:0px; padding:0px;
										font-family: inherit; font-size: inherit; font-weight: inherit;
										background:transparent none;
									}

							#contenu .offre.modulaire .form.identification .chk.rgpd > .enerreur { display:block; }

						/*#endregion Spécial checkbox*/

				#contenu .offre.modulaire .form.identification .RadDropDownList { width:100%; float:none; }
				#contenu .offre.modulaire .form.identification .RadDropDownList > span { font-family:'Source Sans Pro',sans-serif; font-size:1.25rem; font-weight:normal; color:#666565; width:100%; background-color:#f7f3ed; padding:4px 10px; border:none; min-height:34px; }
				html #contenu .offre.modulaire .form.identification .RadDropDownList_Default .rddlIcon { background-color:#f7f3ed; }
				html .ddlPays .rddlPopup_Default, html .ddlPays .RadDropDownList_Default .rddlFocused,
				html .ddlStatut .rddlPopup_Default, html .ddlStatut .RadDropDownList_Default .rddlFocused { font-family:'Source Sans Pro',sans-serif; font-size:1.25rem; font-weight:normal; color:#666565; line-height: 120%; }

			/*#endregion Formulaire*/

			div.compte.droite .basglobal > .boutons > a:last-of-type { float:left; }

			.ddlStatut .rddlPopup .rddlItem,
			.ddlPays .rddlPopup .rddlItem { min-height:28px; }

		/*#endregion Compte*/

	/*#endregion IDENTIFICATION*/

	/*#region PAIEMENT*/

		#contenu .offre.modulaire .form.paiement h1 { 
			background-position: 50px calc(50% + 5px);
			margin: 0px;
			padding: 40px 20px 20px 100px;
			font-family:'Quicksand',sans-serif; font-size:2rem; font-weight:normal; color:#ef5a41;
			text-align:left;
			background-color: transparent;
			background-image: url('/img/offres/panier-picto.png');
			background-repeat: no-repeat;
			background-attachment: scroll;
		}

		/*#region La liste de récap du paiement */

			#listePaiement { position:relative; display:inline-table; width:auto; margin:0px auto 30px; padding:0px; border-collapse:collapse; }

					#listePaiement td  { 
						display:table-cell; 
						background-color:#efeff0; 
						border-top:solid 5px white; 
						padding:8px 30px 7px;
						text-align:left;
						font-family:'Quicksand',sans-serif; font-size:1.125rem; font-weight:bold; color:#767676;
					}

					#listePaiement .titre	{ text-align:left; padding-left:20px; }
					#listePaiement .duree	{ text-align:center; text-transform:lowercase; }
					#listePaiement .prix	{ text-align:right;	white-space:nowrap; padding-right:5px; }
					#listePaiement .total td { color:#ef5a41; }
					#listePaiement .type	{ padding-right:10px; padding-left:0px; display:none !important; }

					#listePaiement .lignePaiement .titre { white-space:nowrap; }

		/*#endregion La liste de récap du paiement */

		/*#region La ligne du bas du scénario */

			div.paiement .basglobal { font-size:0rem; vertical-align:top; }

			div.paiement .basglobal > .boutons > a:last-of-type { float:left; }

			/*#region LES CGV*/

				div.paiement .basglobal .cgv { 
					text-align:center;
					padding:0px 80px 40px; margin-top:0px;
				}
					div.paiement .basglobal .cgv a { font-weight:bold; color:#52357e; }

						div.paiement .basglobal .cgv input[type=checkbox] { display:none; }
							div.paiement .basglobal .cgv input[type=checkbox] + label {
								display:inline-block;
								padding-left:30px;
								font-family:'Source Sans Pro',sans-serif; font-size:1.25rem; font-weight:normal; line-height:120%; 
								min-height:40px;
								background:none no-repeat 0px 0px;
								text-align:left; vertical-align:top;
								cursor:pointer;
								color:#52357e;
								white-space:normal;
								float:none;
							}
							div.paiement .basglobal .cgv input[type=checkbox]			+ label { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURUQnhP///yDKBd8AAAACdFJOU/8A5bcwSgAAAB5JREFUeNpiYMQOGKgljgUQEMcwYVScInGSwh8gwACbhwF3ducG+QAAAABJRU5ErkJggg==);	}
							div.paiement .basglobal .cgv input[type=checkbox]:checked	+ label { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA5UExURfiypvBlTvWcjfanmvOGdPm9s/vTzPze2frIwPFwWqtGXFsue/J7Z304bpQ/ZfSRgO9aQUQnhP///3t1uz0AAAATdFJOU////////////////////////wCyfdwIAAAAh0lEQVR42nzP2xKDIAwE0CAgam277P9/rIl0WiRO9wEy5yEX4U0y3nLDCRDvcwAWOhcAs371mq3x6MZPNu+aTMqv6tw4Vuc2cqfzRTnw50XvyFrq3rr41x+wkLs1Z+c2DSnqs7LzyohPytW5Np44eD45cPRzFYh3uyjRO9sF3qXQucs/PwQYACy4IDW10CKnAAAAAElFTkSuQmCC); }

			/*#endregion LES CGV*/

			/*#region Paiement*/

				.paiementbloc {
					position:relative; display:table;
					margin:0px auto; padding:0px 0px 80px;
					width:auto;
				}

					/*Le texte d'intro*/
					.paiementintro {
						display:table-cell;
						padding:0px 0px 0px 0px;
						text-align:center;
					}

						/*Le texte d'intro*/
						.paiementintro span {
							display:block;
							padding:0px 0px 10px 50px;
							text-align:left;
							font-family:'Source Sans Pro',sans-serif; font-size:1.375rem; font-weight:600; color:#52357e;
							background:url(/img/paiement/cadenas.png) no-repeat left 3px;
						}

						.paiementintro img { margin-left:50px; }

					.paiementcomplet { 
						position:relative; display:table-cell;
						padding:0px 0px 0px 50px; 
					}
						.paiementcomplet > div { vertical-align:top; }
					.paiementcomplet:empty { display:none; }

			/*#endregion Paiement*/

			/*#region Le bloc PayPal*/

				#paypal-bloc {
					position:relative; display:table-cell; z-index:1;
					margin:0px auto; padding:0px 0px;
					text-align:center;
				}

					#paypal-bloc > span {
						display:inline-block;
						margin:0px auto;
					}

				/*Un masque pour grisé le bouton PayPal lors du traitement du paiement*/
				#paiement-cache {
					position: fixed; display: block; z-index: 30000;
					top: 0px; left: 0px;
					width: 100%; height: 100%;
					margin: 0px; padding: 0px;
					background-color: white; opacity: 0.6;
					text-align: center; vertical-align:middle;
				}
					#paiement-cache img { 
						opacity: 1; 
						position:absolute; 
						top:50%; left:50%;  
						transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
					}

				/*Le bouton PayPal*/
				#paypal-button { 
					width:200px; max-height:35px;
					overflow:hidden;
					margin:5px auto 0px;
				}
				/*La phrase dessous le bouton*/
				.textepaypal {
					position:relative; display:block;
					margin:0px auto; padding:40px 0px 0px;
					text-align:center;
					font-family: 'Source Sans Pro',sans-serif; font-size:1.125rem; font-weight:normal; color:#52357e;
					max-width:200px;
				}

				.ppmessage {
					position:relative; display:block;
					margin:0px; padding:20px 0px 0px;
					text-align:center;
					font-family: 'Source Sans Pro',sans-serif; font-size:1rem; color:black;
					left:50%;
					transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
				}

			/*#endregion Le bloc PayPal*/

			/*#region Le bloc Virement*/

				#virement-bloc {
					position:relative;
					display:table-cell; padding:0px 40px;
					text-align:center;
				}

				/*bouton de paiement par virement*/
				#virement-bloc .btnvirement {
					display: block; z-index: 0;
					max-width: 200px; height:40px;
					white-space: nowrap;
					margin: 20px auto 0px; padding: 2px;
					background: 0;
					border: 0;
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500;
					text-transform: none;
					cursor: pointer;
					width: 100%;min-width: 80px;min-height: 22px;
					box-sizing: border-box;
					outline: none;
					text-align: center; vertical-align:middle;
				}
					#virement-bloc .btnvirement > div {
						position: relative;
						background: #eee;
						color: #000;
						width: 200px; height: 30px; max-height: 30px;
						margin: auto; padding: 9px 8px 4px;
						border-radius: 6px;
						box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(255, 255, 255, 0.2);
						border: none;
						font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500;
						text-transform: none; text-shadow: 0px -1px 0 #ccc; white-space: nowrap;
						text-align: center; vertical-align:middle;
						cursor: pointer;
					}
					#virement-bloc .btnvirement > div::before {
						background: linear-gradient(to bottom, #f5f5f5, #cccccc) 0 100%;
						border-radius: 6px;
						padding: 2px;
						top: -2px; left: -2px;
						content: "";
						position: absolute; z-index: -1;
						width: calc(100% + 4px); height: calc(100% + 4px);
						color: #000;
						white-space: nowrap;
						font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 12px;
						cursor: pointer;
						text-transform: none; text-align: center; vertical-align:middle; text-shadow: 0px -1px 0 #ccc;
					}

				div.paiement.droite .basglobal .virement { 
					padding: 10px 20px; margin-bottom:40px;
					background-color:#e5e5e5;
					vertical-align:middle;
					border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; 
					font-size:1.125rem; font-family:'Source Sans Pro',sans-serif; color:#155c9b; line-height:130%;
				}
					div.paiement.droite .basglobal .virement a { color:#e75139; }

			/*#endregion Le bloc Virement*/

		/*#endregion La ligne du bas du scénario */

		#listePaiement > div > span.font0 { font-size:0rem; }

	/*#endregion PAIEMENT*/

	/*#region CONFIRMATION*/

		#contenu .offre.modulaire .confirmation h1 { 
			background-position: 50px 43px;
			margin: 0px;
			padding: 40px 20px 20px 100px;
			font-family:'Quicksand',sans-serif; font-size:2rem; font-weight:normal; color:#ef5a41;
			text-align:left;
			background-color: transparent;
			background-image: url('/img/offres/panier-picto.png');
			background-repeat: no-repeat;
			background-attachment: scroll;
		}

		#contenu .offre.modulaire .confirmation .message {
			position:relative; display:block;
			margin:0px; padding:20px 0px 60px 100px;
			text-align:left;
			font-family: 'Source Sans Pro',sans-serif; font-weight:normal; font-size:1.375rem; color:#444444;
		}

			#contenu .offre.modulaire .confirmation .message i { font-size:1.625rem; font-style:normal; }

			#contenu .offre.modulaire .confirmation .message b { font-weight:600; }

			#contenu .offre.modulaire .confirmation .message a { color:#444444; font-weight:600; }
			#contenu .offre.modulaire .confirmation .message a:hover { color:#ef5a41; }

		#contenu .offre.modulaire .confirmation ul {
			position:relative; display:inline-table;
			margin:0px auto; padding:0px 0px 40px;
		}

			#contenu .offre.modulaire .confirmation ul li {
				display:table-cell;
				padding:0px 20px;
			}

				#contenu .offre.modulaire .confirmation ul li a {
					font-family: 'Source Sans Pro',sans-serif; font-weight:normal; font-size:1.5rem; color:#444444;
				}
				#contenu .offre.modulaire .confirmation ul li a:hover { color:#ef5a41; }

			#contenu .offre.modulaire .confirmation ul li:empty::before {
				content:"-";
				font-family: 'Source Sans Pro',sans-serif; font-weight:normal; font-size:1.5rem; color:#444444;
			}

	/*#endregion CONFIRMATION*/


	/*#region CHEMIN de FER & NAVIGATION*/

		#contenu .offre.modulaire .cdf {
			display:block;
			margin:0px auto -40px; padding:80px 0px 20px;
			text-align:center;
			max-width:1000px;
		}

			#contenu .offre.modulaire .cdf li {
				position:relative; display:inline-block;
				margin:0px; padding:0px 10px;
			}
			#contenu .offre.modulaire .cdf li:not(:first-child)::before {
				content:">";
				position:absolute;
				left:-5px;
				font-family:'Source sans pro',sans-serif; font-size:1.25rem; font-weight:600; color:#767676;
			}

				#contenu .offre.modulaire .cdf li a {
					font-family:'Source sans pro',sans-serif; font-size:1.25rem; font-weight:600; color:#767676;
				}
				#contenu .offre.modulaire .cdf li a.aspNetDisabled { color:#999999; cursor:default; text-decoration:none; }
				#contenu .offre.modulaire .cdf li a.select { color:#ef5a41; }

		#contenu .offre.modulaire > div.navigation {
			margin:0px auto; padding:10px 0px 0px;
			text-align:left;
			max-width:1000px;
		}

			#contenu .navigation a {
				display:inline-block;
				background-color:#dbd5d5;
				font-family:'Quicksand',sans-serif; font-size:1.125rem; font-weight:bold; color:#767676;
				border-radius:15px;
				margin:0px; padding:5px 20px 6px;
				text-align:center;
				text-transform:uppercase;
			}

	/*#endregion CHEMIN de FER & NAVIGATION*/

/*#endregion Offre Modulaire*/

/*#region Premier scenario*/

	#contenu .premier {
		position:relative;
		text-align:center;
		max-width:1000px;
		padding:55px 0px 30px;
	}

	#contenu .premier::before { 
		content:"";
		position:absolute;
		top:40px; left:0px;
		display:inline-block;
		background: url(/img/offres/photo-premier-scenario.png) no-repeat; background-size: contain;
		width:20%; height:200px;
	}

		#contenu .premier .total {
			display:inline-table;
			margin-bottom:30px;
		}

			#contenu .premier .total > div {
				display:table-cell;
				padding:0px 30px;
				font-family:'Source sans pro',sans-serif; font-size:1.25rem; font-weight:600; color:#55547f;
			}

			#contenu .premier .total .gauche { text-align:left; width:54%; border-right:solid 4px #aeaac4; padding-left:23%; }

			#contenu .premier .total .droite { text-align:left; width:46%; }

				#contenu .premier .total > div .titre {
					display:block;
					font-family:'Quicksand',sans-serif; font-size:1.5rem; font-weight:bold;
					padding-bottom:10px;
				}

				#contenu .premier .total > div .rouge { color:#ef5a41; }
				

/*#endregion Premier scenario*/

/*#region Offre Zen*/

	#contenu .offre.zen {
		text-align:center;
		padding-bottom:80px;
	}

	#contenu .offre.zen::before {
		content:"";
		position:absolute; display:block; z-index:10;
		background-color:#f7f3ed;
		width:26px; height:26px;
		top:-13px; left:calc(50% - 13px);
		transform: scaleX(0.8) rotateZ(45deg); -ms-transform: scaleX(0.8) rotateZ(45deg); -webkit-transform: scaleX(0.8) rotateZ(45deg);
	}

		#contenu .offre.zen .titre {
			margin:0px; padding:80px 0px 0px;
			font-family:'Quicksand',sans-serif; font-size:2.5rem; font-weight:bold; color:#185c9e;
			text-align:center;
		}

		#contenu .offre.zen > .titre span { position:relative; }
		#contenu .offre.zen > .titre span::before {
			content:"";
			background:url(/img/offres/2-puzzles-zen.png) no-repeat; background-size:contain;
			position:absolute;
			left:0px; top:50%;
			width:139px; height:88px;
			transform:translate(calc(-100% - 30px), -50%);
		}

		#contenu .offre.zen .introduction {
			margin:0px auto; padding:40px 0px 0px;
			font-family:'Source sans pro',sans-serif; font-size:1.75rem; font-weight:normal; color:#666565;
			text-align:center;
			max-width:770px;
		}
			#contenu .offre.zen .introduction b { font-weight:600; }

		#contenu .offre.zen .details {
			margin:25px auto 0px; padding:25px 55px 25px;
			background-color:#d0e0ec;
			max-width:995px;
		}

			#contenu .offre.zen .details > ul {
			}

				#contenu .offre.zen .details > ul > li {
					display:table;
					border-collapse:separate;
					padding:5px 0px;
				}

					#contenu .offre.zen .details > ul > li .rond {
						position:relative; display:table-cell; z-index:1;
						width:150px; height:150px;
						text-align:center; vertical-align:middle;
					}

						#contenu .offre.zen .details > ul > li .rond::after {
							content:"";
							position:absolute; display:inline-block; z-index:-1;
							border-radius:50%;
							background-color:#5f4071;
							width:150px; height:150px;
							left:0px;
							top:50%;
							transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); 
						}

						#contenu .offre.zen .details > ul > li .rond > span { 
							display:inline-block; z-index:2;
							font-family:'Source sans pro',sans-serif; font-size:1.625rem; font-weight:bold; color:white; line-height:120%;
							margin:auto auto; padding:0px 0px 0px;
						}

							#contenu .offre.zen .details > ul > li .rond > span > i { font-size:2.5rem; font-family:'Quicksand',sans-serif; font-weight:100; font-style:normal; }

					#contenu .offre.zen .details > ul > li .texte {
						display:table-cell;
						font-family:'Source sans pro',sans-serif; font-size:1.625rem; font-weight:normal; color:#5f4071;
						vertical-align:middle;
						padding:10px 0px 10px 60px;
					}

					#contenu .offre.zen .details > ul > li.devis .texte,
					#contenu .offre.zen .details > ul > li.devis .texte a { font-size:1.375rem; font-weight:600; color:#ef5a41; }
	
						#contenu .offre.zen .details > ul > li.devis .texte > b { font-family:'Quicksand',sans-serif; font-size:1.625rem; font-weight:bold; color:#185c9e; }


			/*#region Formulaire Zen*/

				#formZen { 
					display:none; 
					margin:0px 0px 20px 210px; padding:20px 30px;
					background-color:white;
				}

					#formZen h1 { font-family: 'QuickSand',sans-serif; color:#1364a2; letter-spacing:1px; }

					#formZen h2 {
						font-family: 'Source Sans Pro',sans-serif; font-weight:normal; font-size:1.25rem; color:black;
						padding: 0px 0px 20px 0px;
					}

				#formZen .formulaire {
					position:relative; display: inline-block;
					width: 100%;
					padding:0px 0px 50px 0px;
				}

					#formZen .ligneformzen { display: inline-block; width: 100%; }
						#formZen .ligneformzen input[type='text'] { float: left; width: calc(50% - 10px); }
						#formZen .ligneformzen input[type='text']:first-of-type { margin-right: 20px; }

				#formZen input[type='text'],
				#formZen textarea,
				#formZen select,
				#formZen select option {
					background-color:white;
					padding: 3px 10px;
					border:solid 1px #c0bdbb; border-radius:2px;
					font-family: 'Source Sans Pro',sans-serif; font-weight:normal; font-size:1.125rem; color:black; line-height:120%;
				}

				#formZen input[type='text'],
				#formZen .ligneformzen select,
				#formZen textarea {
					display: block;
					margin: 10px 0px 0px;
					width: 100%; max-width:430px;
				}
				#formZen textarea { max-width:none; }

				/*Spécial DDL*/
				.ligneformzen.ddl { position:relative; overflow-x:hidden; }

					#formZen .ligneformzen.ddl select { width:calc(100% + 40px); }
						#formZen .ligneformzen.ddl select option { width:100%; }

					#formZen .ligneformzen.ddl .RadDropDownList  { width:100%; max-width:430px; margin-top:10px; }
					#formZen .ligneformzen.ddl .RadDropDownList_Default { background-color:white; background-image:none; padding:0px; border:solid 1px #c0bdbb; border-radius:2px; }
					#formZen .ligneformzen.ddl .RadDropDownList_Default .rddlInner { background-color:white; background-image:none; padding:5px 10px; border:none; border-radius:2px; }
					#formZen .ligneformzen.ddl .rddlPopup .rddlItem { margin:0px; padding:5px 10px; min-height: 13px; }
					html #formZen .RadDropDownList_Default .rddlIcon { background-image: url(/img/offres/ddl.png); }
					html #formZen .RadDropDownList_Default,
					html .rddlSlide.rDdlZenIdentification .rddlPopup_Default,
					html #formZen .RadDropDownList_Default .rddlFocused	{ font-family: 'Source Sans Pro',sans-serif; font-weight:normal; font-size:1.125rem; color:black; line-height:120%; }

				/*Le lien Envoyer*/
				#formZen .lien {
					position:absolute; display:inline-block;
					margin:0px auto; padding:4px 20px;
					font-family:Quicksand,sans-serif; font-size:1.125rem; font-weight:bold; color:white;
					white-space:nowrap; text-transform:uppercase;
					background-color:#1364a2;
					border-radius:15px;
					bottom:0px; right:0px;
				}

				#formZen .obligatoire {
					display:block;
					margin:10px 0px;
					font-size: 0.9375rem; font-weight:normal; color: #585858;
					/*position: absolute;*/
					/*bottom:30px; left:0px;*/
				}


					/*Spécial checkbox*/
					#formZen .ligneformzen.chk {
						position:relative;
						display:block;
						width:100%; max-width:600px;
						margin-top:10px; margin-left:auto; margin-right:auto;
					}
					#formZen .ligneformzen.chk.rgpd {
						margin-top:15px;
						margin-bottom:15px;
						min-height:62px;
					}
						#formZen .ligneformzen.chk > span {
							display:block;
							border:0px transparent none;
						}
						#formZen .ligneformzen.chk input[type=checkbox] {
							position:absolute; z-index:-1000; left:-1000px; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}
						#formZen .ligneformzen.chk input[type=checkbox] + label {
							display:inline-block;
							padding-left:30px;
							font-size:1rem; font-weight:normal; line-height:120%; min-height:78px;
							background:none no-repeat 0px 0px;
							background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURVhYWP///0PetgAAAAACdFJOU/8A5bcwSgAAAB5JREFUeNpiYMQOGKgljgUQEMcwYVScInGSwh8gwACbhwF3ducG+QAAAABJRU5ErkJggg==);
							vertical-align:middle;
							cursor:pointer;
							color:#585858;
							white-space:normal;
						}
						#formZen .ligneformzen.chk input[type=checkbox]:checked + label {
							background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA2UExURfiypvBlTvWcjfanmvOGdPm9s/ze2fvTzPrIwPJ7Z6tGXPFwWpQ/ZfSRgH04bu9aQVhYWP///0CLtkMAAAASdFJOU///////////////////////AOK/vxIAAACFSURBVHjafM/JDsMgDARQE5ZsbYf5/5+NHSKF4KhzAOsdvAhfkvGVF06AeJ8DsNC5AJj1q89sjUc3/rF512RS/lTnxrE6t5ErnS/KgbcXvSNrqXvr4rfDQq7WnJ3bNKSoz87eGXGlPJ1744mD55MDRz9XgXi3ixK9s13gXQqdu/zzQ4ABAFwSHm8iE/U8AAAAAElFTkSuQmCC);
							
						}
						#formZen .ligneformzen.chk label {
							text-align:inherit; 
							-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; /*user-select:none;*/
						}
							#formZen .ligneformzen.chk label > a {
								display:inline-block;
								color:inherit;
								text-decoration:underline;
								width: auto;
								margin:0px; padding:0px;
								font-family: inherit; font-size: inherit; font-weight: inherit;
								background:transparent none;
							}


				#formZen .erreurzen {
					font-size:1rem;
					display: block;
					margin: 10px 0 1px 0;
					text-align: center;
				}
				#formZen .erreurzen.orange { color:#e75139; }
				#formZen .erreurzen.ok { color:black; }

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

					#formZen .formulaire { /*padding-bottom:80px;*/ }
					#formZen .ligneformzen { display: block; width: 100%; }
					#formZen .ligneformzen input[type='text'] { float: none; width: 100%; }
					#formZen .ligneformzen input[type='text']:first-of-type { margin-right: 0px; }
					#formZen .obligatoire { /*bottom:50px;*/ }
					#formZen .erreurzen { display:inline-block; width:100%; }

				}

			/*#endregion Formulaire Zen*/


/*#endregion Offre Zen*/




/*#region LES OFFRES*/

	/*Le conteneur des blocs*/
	#contenu .offres {
		display:table;
		width:95%; max-width:1140px;
		margin:0px auto; padding:80px 0px;
	}

	#contenu .offres::before {
		content:"";
		position:absolute; display:block; z-index:10;
		background-color:white;
		width:26px; height:26px;
		top:-13px; left:calc(50% - 13px);
		transform: scaleX(0.8) rotateZ(45deg); -ms-transform: scaleX(0.8) rotateZ(45deg); -webkit-transform: scaleX(0.8) rotateZ(45deg);
	}

		/*Une offre*/
		#contenu .offres .offre {
			position:relative; display:table-cell;
			width:31.88%;
			margin:0px; padding:127px 5px 20px;
			text-align:center; vertical-align:top;
			background-color:white; 
			box-shadow:2px 3px 1px rgba(0,0,0,0.3);
			border:solid 1px #9aa2aa; border-radius:10px;
		}

		/*Espace entre 2 offres/colonnes*/
		#contenu .offres .espace { display:table-cell; width:2.02%; }

		/*Le fond du titre*/
		#contenu .offres .offre				> div.bgtitre	{ height:113px; position:absolute; background-repeat:no-repeat; background-size:cover; width:100%; top:0px; left:0px; border-radius:10px 10px 0px 0px; }
		#contenu .offres .offre.essai		> div.bgtitre	{ background-image:url(/img/offres/offre-1.png); }
		#contenu .offres .offre.decouverte	> div.bgtitre	{ background-image:url(/img/offres/offre-2.png); }
		#contenu .offres .offre.modulaire	> div.bgtitre	{ background-image:url(/img/offres/offre-3.png); }
		#contenu .offres .offre.zen			> div.bgtitre	{ background-image:url(/img/offres/offre-4.png); }

		/*Une colonne multi-offre*/
		#contenu .offres .colonne {
			position:relative; display:table-cell;
			width:31.88%;
			margin:0px; padding:0px;
			vertical-align:top;
		}
			/*Corrections pour les offres en colonne*/
			#contenu .offres .colonne .offre { display:block; width:100%; }

		/*Largeurs spécifiques des offres*/
		#contenu .offres .colonne			{ width:26.32%; }
		#contenu .offres .offre.modulaire	{ width:35.87%; }
		#contenu .offres .offre.zen			{ width:33.77%; }

			/*Le titre du bloc d'info*/
			#contenu .offres .offre h3 {
				position:absolute; display:block;
				width:100%;
				margin:0px; padding:0px;
				font-family:'Quicksand',sans-serif; font-size:3rem; font-weight:100; color:white; line-height:120%;
				text-align:center; vertical-align:middle;
				top:38px; left:0px;
				transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); 
			}

			/*Le conteneur du bloc de texte*/
			#contenu .offres .offre > div.texte {
				position:relative; display:table;
				width:100%; 
				margin:0px; padding:0px;
				color:#354555;
				text-align:center;
			}
				/*Quelques formatages*/
				#contenu .offres .offre .t22 { font-family:'Source sans pro',sans-serif;	 font-size:1.375rem; font-weight:normal;	line-height:120%; color:#939292; display:block; padding-top:20px; }
				#contenu .offres .offre .t24 { font-family:'Source sans pro',sans-serif; font-size:1.500rem; font-weight:bold;	line-height:120%; color:#d0c9c9; display:block; padding-top:5px; }
				#contenu .offres .offre .t28 { font-family:'Source sans pro',sans-serif; font-size:1.750rem; font-weight:bold;	line-height:100%; display:block; }
				#contenu .offres .offre .t36 { font-family:'Source sans pro',sans-serif; font-size:2.250rem; font-weight:bold;	line-height:100%; }
				#contenu .offres .offre .t44 { font-family:'Source sans pro',sans-serif; font-size:2.750rem; font-weight:bold;	line-height:100%; }

				#contenu .offres .offre .interligne130 { line-height:130%; }

			/*Un bloc texte entre parenthèses*/
			#contenu .offres .offre .parentheses {
				position:relative; display:inline-block;
				width:auto;
				margin:30px 0px 10px; padding:0px;
				line-height:120%;
			}
			#contenu .offres .offre .parentheses::before,
			#contenu .offres .offre .parentheses::after {
				position:absolute;
				top:15px;
				font-family:'Source sans pro',sans-serif; font-size:2.5em; font-weight:bold; color:#d4cece;
			}
			#contenu .offres .offre .parentheses::before { content:"("; left:-35px; }
			#contenu .offres .offre .parentheses::after { content:")"; right:-35px; }

			/*Un lien en savori plus*/
			#contenu .offres .offre > a {
				position:relative; display:inline-block;
				width:auto;
				margin:25px auto 20px; padding:4px 15px;
				font-family:'Quicksand',sans-serif; font-size:1.375rem; font-weight:normal; color:white; text-transform:uppercase;
				white-space:nowrap;
			}

			/*Couleur selon le pavé*/
			#contenu .offres .offre.essai > .texte		 { color:#ef5a41; }
			#contenu .offres .offre.modulaire > .texte	 { color:#18ac8f; }
			#contenu .offres .offre.zen > .texte		 { color:#1364a2; }

			/*Customisations selon le pavé*/
			#contenu .offres .offre.essai > a		{ background-color:#ef5a41; }
			#contenu .offres .offre.modulaire > a	{ background-color:#18ac8f; }
			#contenu .offres .offre.zen > a			{ background-color:#1364a2; margin-top:60px; }

/*#endregion LES BLOCS*/

/*#region LES MOYENS DE PAIEMENT*/

	.moyens {
		margin:0px auto; padding:0px 0px 70px;
		width:100%;
		position:relative; z-index:2;
		font-size:0rem;
	}

		/*Le titre*/
		.moyens h1 {
			margin:0px; padding:0px;
			font-size:2.5rem; font-family:'Quicksand',sans-serif; font-weight:bold; color:#354555;
			text-align:center;
		}
		.moyens h1::after {
			content:"";
			display:block;
			width:90px; height:5px;
			background-color:#e94f37;
			margin:20px auto 35px;
		}

		/*Les 2 éléments de base*/
		.moyens .gauche, .moyens .droite { 
			position:relative; display:inline-table;
			margin:0px; padding:0px;
			border:solid 1px #9aa2aa; border-radius:10px;
			font-size:1rem;
		}
		.moyens .gauche { width:76%; margin-right:1%; }
		.moyens .droite { width:23%; } 
		
		/*Les sous-éléments*/
		.moyens .gauche > div, .moyens .droite > div { position:relative; display:table-cell; height:130px; }

			/*Acheter*/
			.moyens .gauche .acheter {
				background-color:#d7d4ce;
				font-size:1.875rem; font-family:'Source sans pro',sans-serif; font-weight:600; color:#354555; line-height:120%;
				text-align:center; vertical-align:middle;
				border-radius:10px 0px 0px 10px;
				padding:20px 10px;
			}

			/*Crédit*/
			.moyens .gauche .credit {
				font-size:2rem; font-family:'Source sans pro',sans-serif; font-weight:600; color:#354555; line-height:85%;
				text-align:center; vertical-align:middle;
				padding:20px 15px 17px 55px;
				background:white url(/img/offres/credit.png) no-repeat;
			}

			/*Porte-monnaie*/
			.moyens .gauche .portemonnaie {
				font-size:1.5rem; font-family:'Source sans pro',sans-serif; font-weight:normal; color:#354555; line-height:120%;
				text-align:left;
				padding:20px 10px;
			}

			/*Validité*/
			.moyens .gauche .validite {
				position:absolute; display:block;
				height:auto;
				right:10px; bottom:10px;
				font-size:1.375rem; font-family:'Source sans pro',sans-serif; font-weight:normal; color:#354555; line-height:100%;
			}


		/*La partie de droite*/
		.moyens .droite > div { 
			text-align:center; vertical-align:middle;
			padding:0px 10px;
			background-color:#b7b5b2;
			border-radius: 10px;
		}

			/*Paypal*/
			.moyens .droite ul { display:inline-block; }

				.moyens .droite ul li { 
					position:relative; 
					font-size:1.625rem; font-family:'Source sans pro',sans-serif; color:white; font-weight:600;
					text-align:left;  
					padding:2px 0px 2px 15px;
				}
				.moyens .droite ul li::before { position:absolute; left:0px; content:"-"; }

/*#endregion LES MOYENS DE PAIEMENT*/

/*#region LES FONCTIONNALITES*/

	/*Le conteneur*/
	.fonctionnalites {
		background-color:#f7f3ed;
		margin:0px; padding:25px 0px 100px;
		font-size:0rem;
	}

		/*Le bloc de titre*/
		.fonctionnalites .intro {
			margin:0px auto 0px; padding:0px 0px 50px;
			width:100%;
			position:relative; z-index:2;
			border-top:none;
		}
		.fonctionnalites .intro h1 { font-family:'Quicksand',sans-serif; font-weight:bold; }
			.fonctionnalites .intro h1::after { background-color:#f7b134; }


		/*Le tableau*/
		.fonctionnalites table { display:inline-table; border-collapse:separate; border-spacing:0px; width:45.5%; margin:0px 3% 10px; }
		.fonctionnalites table:nth-child(odd) { margin-right:1.5%; }
		.fonctionnalites table:nth-child(even) { margin-left:1.5%; }

			/*Séparateur*/
			.fonctionnalites table .sep { width:17px; min-width:17px; max-width:17px; border:none; }

			/*Ligne de base*/
			.fonctionnalites table td { padding:8px; border-style:solid; border-width:1px; border-top-color:#edecec; border-bottom-color:#edecec; }

			/*Rubrique*/
			.fonctionnalites table td.rubrique { 
				position:relative;
				border-top-color:transparent; border-bottom-color:transparent; 
				border-left:none; border-right:none;
				font-size:1.5rem; font-family:'Quicksand',sans-serif; font-weight:bold; color:#185c9e; line-height:100%;
				padding-top:23px; padding-left:49px; padding-bottom:15px;
				background-repeat:no-repeat; background-position:left calc(100% - 10px); 
			}
			/*Un petit bandeau blanc sous la rubrique*/
			.fonctionnalites table td.rubrique::after { 
				position:absolute; display:block; z-index:10;
				content:"";
				background-color:white;
				width:calc(100% - 9px); height:10px;
				bottom:-2px; left:0px;
			}
			/*Spécificité des rubriques*/
			.fonctionnalites table td.rubrique.scenario		{ background-image:url(/img/offres/picto_scenario.png); }
			.fonctionnalites table td.rubrique.animation	{ background-image:url(/img/offres/picto_animation.png); }
			.fonctionnalites table td.rubrique.restitution	{ background-image:url(/img/offres/picto_restitution.png); }
			.fonctionnalites table td.rubrique.services		{ background-image:url(/img/offres/picto_services.png); }

			/*Fonction*/
			.fonctionnalites table td.fonction { 
				position:relative;
				background-color:white; border-top-color:#f7f3ed; border-bottom-color:#f7f3ed; 
				border-left:none; border-right:solid 9px #f7f3ed;
				font-size:1.1875rem; font-family:'Source sans pro',sans-serif; font-weight:normal; color:#354555; line-height:110%;
				padding-left:30px;
			}
			.fonctionnalites table td.fonction::before { content:"•"; position:absolute; left:17px; }

/*#endregion LES FONCTIONNALITES*/
 


/*#region RESPONSIVE */

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

	/*#region LES OFFRES*/

			/*Une offre*/
			#contenu .offres .offre {
				display:block;
				width:80%;
				margin:0px; padding:127px 5px 20px;
			}

			/*Espace entre 2 offres/colonnes*/
			#contenu .offres > .espace { height:24px; display:block; }

			/*Le fond du titre*/
			#contenu .offres .offre				> div.bgtitre	{ height:113px; position:absolute; background-repeat:no-repeat; background-size:100% 100%; width:100%; top:0px; left:0px; border-radius:10px 10px 0px 0px; }

			/*Une colonne multi-offre*/
			#contenu .offres .colonne { display:table; width:100%; }
				#contenu .offres .colonne .offre { display:table-cell; width:50%; }
				#contenu .offres .colonne .offre:first-child { margin-right:12px; }
				#contenu .offres .colonne .offre:last-child { margin-left:12px; }
				/*Espace entre 2 offres dans la ccolonne*/
				#contenu .offres .colonne > .espace { width:24px; min-width:24px; display:table-cell; }

			/*Largeurs spécifiques des offres*/
			#contenu .offres .colonne			{ width:100%; }
			#contenu .offres .offre.modulaire	{ width:100%; }
			#contenu .offres .offre.zen			{ width:100%; }
			/*Espacement ?*/
			#contenu .offres .offre.essai		{ margin-bottom:24px; }

			#contenu .offres .offre ul { display: table; width:auto; }
				#contenu .offres .offre ul li { display:table; width:auto; }

					#contenu .offres .offre.modulaire .texte > .t36::before,
					#contenu .offres .offre.modulaire .texte > .t34::before	{ position:relative; left:-10px; }


	/*#endregion LES OFFRES*/

	/*#region LES MOYENS DE PAIEMENT*/

			/*Les 2 éléments de base*/
			.moyens .gauche, .moyens .droite { 
				display:block;
				margin:0px auto;
			}
			.moyens .gauche { width:90%; margin-right:auto; margin-bottom:20px; }
			.moyens .droite { width:40%; min-width:360px; } 

				/*Porte-monnaie*/
				.moyens .gauche .portemonnaie { padding:20px 10px 40px 10px; }

	/*#endregion LES MOYENS DE PAIEMENT*/

	/*#region LES FONCTIONNALITES*/

				/*La ligne d'entête*/
				.fonctionnalites table th { 
					padding:10px 5px;
					font-size:1.3125rem; font-family:'Source sans pro',sans-serif; font-weight:100; color:white; 
				}

				.fonctionnalites table .sep {
					width: 5px;
					min-width: 5px;
					max-width: 5px;
				}

	/*#endregion LES FONCTIONNALITES*/

}

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

	#global .bloc-h { padding-left:0px; padding-right:0px; }

				/*Quelques ajustements spéciaux par offre*/
					#contenu .offres .offre.zen .texte > br + br { display:none; }

		#contenu .offres .offre.zen .t28 { margin-top:30px; }

		#contenu .offres .offre.zen .parentheses { margin-top: 10px; }

}

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

	#contenu .offre.modulaire .info > div {
		left:auto; top:auto;
		right:0px; bottom:calc(100% + 10px);
		transform:none; -ms-transform:none; -webkit-transform:none; 
		min-width:240px;
	}

	#contenu .offre.modulaire .duree .info > div {
		top:calc(100% + 10px);
		bottom:auto;
		min-width:280px;
	}

}

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

	/*#region Le bandeau titre*/

		body #contenu .bloc-h > .titre { top:0px; position:relative; background-position:calc(48% - 20px) bottom; }
			body #contenu .bloc-h > .titre .bloc-l { padding-left:calc(48% - 75px); }

				body #contenu .bloc-h > .titre .bloc-l h1 { line-height:100%; }
				body #contenu .bloc-h > .bloc-l h2 { line-height:100%; }

			body #contenu .bloc-h > .titre br { display:none; }

		.bloc-h .intro { margin-top:0px; }

		#contenu .offre.modulaire .form.identification .formulaire { display:inline-block; }

	/*#endregion Le bandeau titre*/

	/*#region Offre Modulaire*/

		#contenu .offre.modulaire > .titre span { display:inline-block; margin-left:170px; text-align:left; }

	/*#endregion Offre Modulaire*/

	/*#region Offre ZEN*/

		#contenu .offre.zen > .titre span { display:inline-block; margin-left:150px; text-align:left; }

	/*#endregion Offre ZEN*/

}

@media all and (max-width: 800px) {
	
	/*#region Intro*/

			.bloc-h .intro h2 { font-size:1.6875rem; }

	/*#endregion Intro*/

	#formZen { margin:0px 0px 0px 0px; }

}

@media all and (max-width: 768px) {
	
	/*#region PANIER*/

			#contenu .offre.modulaire .form .panier { display:block; width:100%; }

				#contenu .offre.modulaire .form .panier .panierTitre { }
				#contenu .offre.modulaire .form .panier .panierTitre::before { }

				#contenu .offre.modulaire .form .panier > table { display:block; min-width:100%; width:100%; max-width:100%; }
				#contenu .offre.modulaire .form .panier > table tbody { display:block; }

					#contenu .offre.modulaire .form .panier > table tr { position:relative; display:block; padding:1px 0px 1px 0px; background-color:#efeff0; border-top:solid 5px white; }
					#contenu .offre.modulaire .form .panier > table tr.scenario { padding-top:20px; }
					#contenu .offre.modulaire .form .panier > table tr.total { }
					#contenu .offre.modulaire .form .panier > table tr.bouton { background-color:transparent; }

					#contenu .offre.modulaire .form .panier > table tr td { display:block; padding:0; margin:3px 8px; text-align:left; border-top:none 0px transparent; background-color:transparent; }

					#contenu .offre.modulaire .form .panier > table tr td.numero,
					#contenu .offre.modulaire .form .panier > table tr td.participants,
					#contenu .offre.modulaire .form .panier > table tr td.duree { text-align:left; padding-right:5px; }

					#contenu .offre.modulaire .form .panier > table tr td.numero { text-align:left; padding-right:100px; }

					#contenu .offre.modulaire .form .panier > table tr td.prix { position:absolute; right:0; top:20px; z-index:2; white-space:nowrap; }
					#contenu .offre.modulaire .form .panier > table tr.scenario td.prix { top:20px; }
					#contenu .offre.modulaire .form .panier > table tr.total td.prix { top:1px; }
					#contenu .offre.modulaire .form .panier > table tr.total td.lbl { padding-right:100px; }

					#contenu .offre.modulaire .form .panier > table tr td.supp { position:absolute; right:0; top:0; z-index:1; margin:0; padding:5px 5px 1px 1px; }

						#contenu .offre.modulaire .form .panier > table tr td > span { }
						#contenu .offre.modulaire .form .panier > table tr.total td > span { }

						#contenu .offre.modulaire .form .panier > table tr td.supp > a { line-height:1px; }

					#contenu .offre.modulaire .form .panier > table tr.bouton td { }

						#contenu .offre.modulaire .form .panier > table tr.bouton td a { }
						#contenu .offre.modulaire .form .panier > table tr.bouton td a:hover { }

	/*#endregion PANIER*/

	/*#region IDENTIFICATION*/

		/*#region Formulaire*/

				/*Un bloc*/
				#contenu .offre.modulaire .form.identification .formulaire .bloc {
					max-width:none;
				}
				/* Le tableau dans le bloc*/
				#contenu .offre.modulaire .form.identification .formulaire .bloc table,
				#contenu .offre.modulaire .form.identification .formulaire .bloc table tbody,
				#contenu .offre.modulaire .form.identification .formulaire .bloc table tr,
				#contenu .offre.modulaire .form.identification .formulaire .bloc table td { display:block; }

					/*Une cellule de label*/
					#contenu .offre.modulaire .form.identification .formulaire .bloc td.label {
						text-align:left; 
						padding:0px 0px 0px;
						width:100%;
					}
						
					/*Une cellule de saisie*/
					#contenu .offre.modulaire .form.identification .formulaire .bloc td.input { padding-right:0px; }

		/*#endregion Formulaire*/

	/*#endregion IDENTIFICATION*/

	/*#region Paiement*/

		/*#region La liste de récap du paiement */

			#listePaiement, #listePaiement tbody, #listePaiement tr, #listePaiement td { display:block; }

					#listePaiement tr  { position:relative; border-top:solid 5px white; padding:1px 0px; }

					#listePaiement td  { border-top:none; padding:0px 10px 0px; }

					#listePaiement td + td { padding-top:1px; }

					#listePaiement .titre	{ padding-left:10px; padding-right:125px; }
					#listePaiement .duree	{ text-align:left; }
					#listePaiement .prix	{ position:absolute; top:0; right:0; padding:1px 10px; }
					#listePaiement .type	{ }

		/*#endregion La liste de récap du paiement */

		div.paiement .basglobal .cgv { padding:0px 20px 40px; }

		.paiementbloc { display:block; }

			.paiementbloc > div { display:block; margin:0px auto; }

			.paiementintro { max-width:362px; }
	
				.paiementintro br { display:none; }

				.paiementintro img { margin-left:0px; }

		.paiementcomplet { padding:40px 0px 0px 0px; }

			#paypal-bloc { display:block; }

				.textepaypal { padding:10px 0px 0px; }

	/*#endregion Paiement*/

}

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

	/*#region Premier scenario*/

		#contenu .premier { }

		#contenu .premier::before { width:132px; height:132px; }

			#contenu .premier .total { }

				#contenu .premier .total > div { }

				#contenu .premier .total .gauche { display:block; width:100%; margin:0; padding-left:151px; padding-right:0; border-right:none 0px transparent; padding-bottom:25px; border-bottom:solid 4px #aeaac4; }

				#contenu .premier .total .droite { display:block; width:100%; padding:0; margin-top:25px; }

					#contenu .premier .total > div .titre { }

					#contenu .premier .total > div .rouge { }

	/*#endregion Premier scenario*/

}

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

	#global .bloc-h,
	#global.pg-offres .bloc-h,
	#global.pg-achat .bloc-h {
		padding-left: 0px;
		padding-right: 0px;
	}

	.bloc-l { padding-left:20px; padding-right:20px; }

	.fondchaud {}

	/*#region Le bandeau titre*/

		body #contenu .bloc-h > .titre {
			background-image:url(/img/offres/titre-320.png);
			background-position:left bottom;
			background-size:169px 45px;
		}
			body #contenu .bloc-h > .titre .bloc-l {
				padding:10px 10px 30px 10px;
				text-align:center;
				background-size:contain;
				vertical-align:middle;
			}

				body #contenu .bloc-h > .titre .bloc-l h1 {
					font-size:2.75rem;
					padding-left:0px; padding-right:0px;
				}

				body #contenu .bloc-h > .titre .bloc-l h2 {
					font-size:2.25rem;
					padding-left:0px; padding-right:0px;
				}

			body #contenu .bloc-h > .titre br { display:inline-block; }

	/*#endregion Le bandeau titre*/

	/*#region Intro*/

		.bloc-h .intro { padding-top:40px; }

			.bloc-h .intro h1 { }
			.bloc-h .intro h1::after { }

				.bloc-h .intro h1 b { }

				.bloc-h .intro h1 inter { display: block; margin-top: 15px; }

			.bloc-h .intro h2 { }

	/*#endregion Intro*/

	/*#region LES OFFRES*/

		/*Le conteneur des blocs*/
		#contenu .offres {
			padding:0px 20px;
			margin:40px auto;
		}

			/*Une offre*/
			#contenu .offres .offre {
				display:block;
				margin:0px auto;
				width:100%; max-width:260px;
				margin-left:auto;
				margin-right:auto;
			}

			/*Espace entre 2 offres/colonnes*/
			#contenu .offres .espace { }

			/*Le fond du titre*/
			#contenu .offres .offre				> div.bgtitre	{ }
			#contenu .offres .offre.essai		> div.bgtitre	{ }
			#contenu .offres .offre.decouverte	> div.bgtitre	{ }
			#contenu .offres .offre.modulaire	> div.bgtitre	{ }
			#contenu .offres .offre.zen			> div.bgtitre	{ }

			/*Une colonne multi-offre*/
			#contenu .offres .colonne {
				display:block;
				margin:0px; padding:0px;
			}
				/*Corrections pour les offres en colonne*/
				#contenu .offres .colonne .offre { display:block; width:100%; margin-left:auto; margin-right:auto; }
					#contenu .offres .colonne .offre:first-child { margin-left:auto; margin-right:auto; }
					#contenu .offres .colonne .offre:last-child { margin-left:auto; margin-right:auto; }
					/*Espace entre 2 offres dans la ccolonne*/
					#contenu .offres .colonne > .espace { display:none; }

			/*Largeurs spécifiques des offres*/
			#contenu .offres .colonne			{ }
			#contenu .offres .offre.modulaire	{ }
			#contenu .offres .offre.zen			{ }
			/*Espacement ?*/
			#contenu .offres .offre.essai		{ }

				/*Le titre du bloc d'info*/
				#contenu .offres .offre h3 {
					font-size:2.75rem;
				}

				/*Le conteneur du bloc de texte*/
				#contenu .offres .offre > div.texte {
				}
					/*Quelques formatages*/
					#contenu .offres .offre .t22 { }
					#contenu .offres .offre .t24 { }
					#contenu .offres .offre ul.t26 li,
					#contenu .offres .offre .t26 { }
					#contenu .offres .offre .t28 { }
					#contenu .offres .offre .t32 { }
					#contenu .offres .offre .t34 { }
					#contenu .offres .offre .t36 { }

					#contenu .offres .offre ul { }
						#contenu .offres .offre ul li { }
						#contenu .offres .offre ul li::before { }

					/*Quelques ajustements spéciaux par offre*/
						#contenu .offres .offre.decouverte ul li::before { }

					#contenu .offres .offre.modulaire > div.texte { padding-left:0px; }
					#contenu .offres .offre.modulaire .texte > .t36::before,
					#contenu .offres .offre.modulaire .texte > .t34::before { content:none; display:none; }
					#contenu .offres .offre.modulaire .t22 { }
					#contenu .offres .offre.modulaire .t24 { }
					#contenu .offres .offre.modulaire .t28 { display:inline-block; margin-top:10px; line-height:105%; }
						#contenu .offres .offre.modulaire ul li::before{ }

					#contenu .offres .offre.zen .t36 { }
					#contenu .offres .offre.zen .t24 { }
						#contenu .offres .offre.zen ul li::before { }


					/*La barre horizontale*/
					#contenu .offres .offre hr {
					}

				/*Un lien en savori plus*/
				#contenu .offres .offre > a {
				}

				/*Customisations selon le pavé*/
				#contenu .offres .offre.essai > a			{}
				#contenu .offres .offre.decouverte > a		{}
				#contenu .offres .offre.modulaire > a		{}
				#contenu .offres .offre.zen > a				{}

				/*Des ajustements ?*/
				#contenu .offres .offre.modulaire .t22 { }
				#contenu .offres .offre.modulaire .t24 { }
				#contenu .offres .offre.modulaire .t28 { }
				#contenu .offres .offre.modulaire ul { }

	/*#endregion LES BLOCS*/

	/*#region Offre Modulaire*/

		#contenu .offre.modulaire.bloc-l { padding-left:0; padding-right:0; /*border-bottom-width:0px;*/ }

		#contenu .offre.modulaire > .titre span { margin-left:0; text-align:center; }
			#contenu .offre.modulaire > .titre span::before { top:-55px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); width:200px; height:60px; background-size:contain; background-position:50% 50%;}

			#contenu .offre.modulaire .details { display:block; margin-left:15px; margin-right:15px; width:calc(100% - 30px); }
				#contenu .offre.modulaire table.sousdetails { display:table; margin-left:15px; margin-right:15px; width:calc(100% - 30px); }

			#contenu .offre.modulaire .form .parametrage { padding-left:20px; padding-right:20px; }

			#contenu .offre.modulaire .form .parametrage { padding-left:0; padding-right:0; }
				#contenu .offre.modulaire .form .parametrage .paramTitre { padding-left:0; padding-right:0; }
				#contenu .offre.modulaire .form .parametrage > table { margin-left:-5px; margin-right:40px; }

					#contenu .offre.modulaire .form .parametrage > table tr td label > br { display:inline; }

				#contenu .offre.modulaire .form .panier { padding-left:1px; padding-right:1px; }

	/*#endregion Offre Modulaire*/

	/*#region IDENTIFICATION*/

		/*#region Compte*/

			/*#region Les blocs*/

				/*Le conteneur des blocs*/
				#contenu .offre.modulaire .form.identification .blocs {
					display:block;
					margin:0px 0px 0px;
				}

					/*Un bloc*/
					#contenu .offre.modulaire .form.identification .blocs .bloc {
						display:block;
						width:100%;
						padding:0px;
					}
					#contenu .offre.modulaire .form.identification .blocs .bloc:first-child { border-right:none; padding-bottom:35px; }
					#contenu .offre.modulaire .form.identification .blocs .bloc:last-child { border-left:none; }
					
					#contenu .offre.modulaire .form.identification .blocs .bloc.creation::before { 
						width:80%; height:5px;
						left:50%; top:-30px;
						transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
					}

						/*Bouton d'un bloc*/
						#contenu .offre.modulaire .form.identification .blocs .bloc > a {
							position:relative;
							margin:20px auto;
							bottom:auto;
						}

							/*Message d'erreur*/
							#contenu .offre.modulaire .form.identification .blocs .bloc .erreur {
								text-align:center; font-size:1.25rem; padding-bottom:20px;
							}

			/*#endregion Les blocs*/

		/*#endregion Compte*/

	/*#endregion IDENTIFICATION*/

	/*#region PAIEMENT*/

		#contenu .offre.modulaire .form.paiement h1 { background-position: 10px calc(50% + 5px); padding: 40px 20px 20px 60px; }

			/*#region Paiement*/

				.paiementbloc { padding-bottom:20px; }

			/*#endregion Paiement*/

	/*#endregion PAIEMENT*/

	/*#region CONFIRMATION*/

		#contenu .offre.modulaire .confirmation h1 { background-position: 10px 43px; padding: 40px 20px 20px 60px; }

		#contenu .offre.modulaire .confirmation .message { padding:20px 10px 60px 20px; }

	/*#endregion CONFIRMATION*/

	/*#region Offre Zen*/

	#contenu .offre.zen { padding-bottom:50px; }

		#contenu .offre.zen > .titre span { margin-left:0; text-align:center; }
			#contenu .offre.zen > .titre span::before { top:-55px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); width:200px; height:60px; background-size:contain; background-position:50% 50%;}

		#contenu .offre.zen .details { padding:20px; max-width:none; }

			#contenu .offre.zen .details > ul > li { display:block; padding:0px; }

				#contenu .offre.zen .details > ul > li .rond {
					display:block;
					width:auto; height:auto;
					text-align:left;
					background-color:#5f4071;
					border-radius:15px;
					padding:10px 20px;
				}

					#contenu .offre.zen .details > ul > li .rond::after { content:none; }

					#contenu .offre.zen .details > ul > li .rond > span > i { margin-right:0.125em; }

				#contenu .offre.zen .details > ul > li .texte { display:block; padding:10px 10px 20px 20px; font-size:1.375rem; }

				#contenu .offre.zen .details > ul > li .texte > a,
				#contenu .offre.zen .details > ul > li.devis .texte > a,
				#contenu .offre.zen .details > ul > li .texte > b,
				#contenu .offre.zen .details > ul > li.devis .texte > b { font-size:inherit; }

	/*#endregion Offre Zen*/

	/*#region LES MOYENS DE PAIEMENT*/

		.moyens {
		}

			/*Le titre*/
			.moyens h1 {
			}
			.moyens h1::after {
			}

			/*Les 2 éléments de base*/
			.moyens .gauche, .moyens .droite {
			}
			.moyens .gauche {
				width: 100%; max-width: 360px; min-width:0px;
				margin-right: auto; margin-left: auto; overflow: hidden;
			}
			.moyens .droite {
				width: 100%; max-width: 360px; min-width:0px;
				margin-right: auto; margin-left: auto; overflow: hidden;
			}
		
			/*Les sous-éléments*/
			.moyens .gauche > div, .moyens .droite > div { }


			/*La partie de gauche*/
			.moyens .gauche > div {
				display:block;
			}

				/*Acheter*/
				.moyens .gauche .acheter {
					height:auto;
					border-radius: 0px;
					padding: 10px 10px;
				}

				/*Crédit*/
				.moyens .gauche .credit {
					height:auto;
					border-radius: 0px;
					padding: 15px 10px 10px 10px;
					background-image:none;
				}

				/*Porte-monnaie*/
				.moyens .gauche .portemonnaie {
					height:auto;
					padding: 5px 15px 10px 15px;
					text-align:center;
				}

				/*Validité*/
				.moyens .gauche .validite {
					position:relative;
					top:auto; bottom:auto; left:auto; right:auto;
					display:block;
					padding: 10px 15px 10px 15px;
					text-align:right;
				}


			/*La partie de droite*/
			.moyens .droite > div { 
			}

				/*Paypal*/
				.moyens .droite .paypal { }

				/*Carte*/
				.moyens .droite .carte { }

	/*#endregion LES MOYENS DE PAIEMENT*/

	/*#region LES FONCTIONNALITES*/

		/*Le conteneur*/
		.fonctionnalites { padding-bottom:50px; }

		.fonctionnalites .bloc-l { overflow-x:scroll; }

			/*Le bloc de titre*/
			.fonctionnalites .intro { padding-top:5px; padding-bottom:5px; }
			.fonctionnalites .intro h1 { }
				.fonctionnalites .intro h1::after { }


			/*Le tableau*/
			#global .fonctionnalites table { width:100%; margin-left:0px; margin-right:0px; }

				/*La ligne d'entête*/
				.fonctionnalites table th { font-size:1.125rem; font-weight:bold; }
				/*fonction de l'entête*/
				.fonctionnalites table th.fonction { }

				/*Séparateur*/
				.fonctionnalites table .sep { }

				/*Ligne de base*/
				.fonctionnalites table td { }

				/*Rubrique*/
				.fonctionnalites table td.rubrique { 
				}
				/*Un petit bandeau blanc sous la rubrique*/
				.fonctionnalites table td.rubrique::after { 
				}
				/*Spécificité des rubriques*/
				.fonctionnalites table td.rubrique.scenario		{ }
				.fonctionnalites table td.rubrique.animation	{ }
				.fonctionnalites table td.rubrique.restitution	{ }
				.fonctionnalites table td.rubrique.services		{ }

				/*Fonction*/
				.fonctionnalites table td.fonction { padding-left:7px; padding-right:7px; }
				.fonctionnalites table td.fonction::before { content:none; display:none; }

				/*Etat*/
				.fonctionnalites table .etat { 
				}
				/*Etat Oui => un point*/
				.fonctionnalites table .etat.oui { }
				.fonctionnalites table .etat.oui::before { }
				/*Etat Non => un tiret*/
				.fonctionnalites table .etat.non { }
				.fonctionnalites table .etat.non::before { }
				/*Pas d'état => cellule vide*/
				.fonctionnalites table .etat.off { }

				/*Le pied*/
				.fonctionnalites table .pied td.fonction { }
				.fonctionnalites table .pied td.fonction::before { }
				.fonctionnalites table .pied .etat {
				}

				/*Spécificité des colonnes*/
				/*Découverte*/
				.fonctionnalites table .dec { }
				.fonctionnalites table th.dec { }
				.fonctionnalites table .pied td.dec { }
				.fonctionnalites table .non.dec { }
				/*Modulaire*/
				.fonctionnalites table .mod { }
				.fonctionnalites table th.mod { }
				.fonctionnalites table .pied td.mod { }
				.fonctionnalites table .non.mod { }
				/*Zen*/
				.fonctionnalites table .zen { }
				.fonctionnalites table th.zen { }
				.fonctionnalites table .pied td.zen { }
				.fonctionnalites table .non.zen { }

	/*#endregion LES FONCTIONNALITES*/
	
	/*#region CHEMIN de FER & NAVIGATION*/

		#contenu .offre.modulaire .cdf { padding-top:30px; }

			#contenu .offre.modulaire > div.navigation { text-align:center; }

	/*#endregion CHEMIN de FER & NAVIGATION*/

	/*#region Premier scenario*/

		#contenu .premier { margin-left: 20px; margin-right: 20px; }

				#contenu .premier .total > div { font-size:1.3333rem; }

	/*#endregion Premier scenario*/

}

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

	/*#region Le bandeau titre*/

			body #contenu .bloc-h > .titre br { display:none; }

	/*#endregion Le bandeau titre*/

	/*#region Intro*/

		.bloc-h .intro h2 > * { display:block; }
			.bloc-h .intro h2 > * + *::before { content:none; }
			.bloc-h .intro h2 > * + br::before { content:none; }
			.bloc-h .intro h2 > br + *::before { content:none; }

	/*#endregion Intro*/

	/*#region offre MODULAIRE*/

		#contenu .offre.modulaire table.sousdetails { display:block; }
			#contenu .offre.modulaire table.sousdetails tbody { display:block; }
			#contenu .offre.modulaire table.sousdetails tr { display:block; }

			#contenu .offre.modulaire table.sousdetails td { display:block; margin-top:15px; text-align:center; }

				#contenu .offre.modulaire table.sousdetails td.apartir div { padding-left:0; padding-right:0; text-align:center; }

					#contenu .offre.modulaire table.sousdetails td.apartir div .prix { }

				#contenu .offre.modulaire table.sousdetails td.debase div { padding-left:0; padding-right:0; text-align:center; }

					#contenu .offre.modulaire table.sousdetails td.debase div .prix { }

	/*#endregion offre MODULAIRE*/
	
	/*#region Premier scenario*/

		#contenu .premier { padding-top:0px; }

		#contenu .premier::before { left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }

			#contenu .premier .total { }

				#contenu .premier .total > div { }

				#contenu .premier .total .gauche { padding-left:0; padding-top:151px; }

				#contenu .premier .total .droite { }

					#contenu .premier .total > div .titre { }

					#contenu .premier .total > div .rouge { }

	/*#endregion Premier scenario*/
	
	/*#region Paiement*/

		/*#region La liste de récap du paiement */

				#listePaiement td { letter-spacing:-0.01px; }

		/*#endregion La liste de récap du paiement */

	/*#endregion Paiement*/

}

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

	/*#region offre MODULAIRE*/

		#contenu .offre.modulaire .form .parametrage > table { margin-left:-15px; margin-right:25px; border-spacing:5px; }

					#contenu .offre.modulaire .form .parametrage > table tr th { width:35px; }

						#contenu .offre.modulaire .form .parametrage > table tr th label { 
							width:35px; height:35px;
							max-width:35px; max-height:35px;
							line-height:33px;
						}

						#contenu .offre.modulaire .form .parametrage > table tr th label span { font-size:1.59rem; }

						#contenu .offre.modulaire .info { right:-40px;}

	/*#endregion offre MODULAIRE*/

	/*#region PAIEMENT*/

			div.paiement .basglobal .cgv { padding-left:1px; padding-right:1px; }

	/*#endregion PAIEMENT*/

}

/*#endregion RESPONSIVE */