/*#region GLOBAL */

/*#region BANDEAUX*/

	#bandeaux { position:relative; height:300px; }
		#bandeaux > .bandeau { 
			position:absolute; display:none; z-index:1;
			height:300px; 
			background-repeat:no-repeat; background-position:center center;
		}

		#bandeaux #bandeau1 { background-color:#e65238; background-image:url(/img/accueil/bandeau2.jpg); }
		#bandeaux #bandeau2 { background-color:#1b5d9a; background-image:url(/img/accueil/bandeau1.jpg); }
		#bandeaux #bandeau3 { background-color:#eab763; background-image:url(/img/accueil/bandeau3.jpg); }

		#bandeaux > .bandeau .contenu { 
			position:absolute; display:block;
			padding:0px;
			top:calc(50% - 10px); 
			transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); 
		}
		#bandeaux > .bandeau#bandeau1 .contenu { left:calc(50% - 480px); width:calc(50% + 60px); }
		#bandeaux > .bandeau#bandeau2 .contenu { left:calc(50% - 100px); width:calc(50% + 60px); }
		#bandeaux > .bandeau#bandeau3 .contenu { left:calc(50% - 100px); width:calc(50% + 60px); }

			#bandeaux > .bandeau .contenu h1 { 
				margin:0px; padding:0px;
				font-family: 'Quicksand',sans-serif; font-weight:bold; font-size:2.1875rem; color:white; line-height:100%; letter-spacing:2px;
			}

			#bandeaux > .bandeau .contenu h2 { 
				margin:0px; padding:5px 0px 0px;
				font-family: 'Quicksand',sans-serif; font-weight:bold; font-size:2.1875rem; color:white; line-height:100%; letter-spacing:2px;
			}

			#bandeaux > .bandeau .contenu p { 
				margin:0px; padding:30px 0px 0px;
				font-family: 'Quicksand',sans-serif; font-weight:bold; font-size:1.3125rem; color:white; line-height:140%; letter-spacing:1px;
			}
				#bandeaux > .bandeau .contenu p inter { font-family:latobold,Arial; font-weight:500; }

			#bandeaux > .bandeau .contenu > *:empty { display:none; }

			#bandeaux > .bandeau#bandeau3 .contenu p { 
				padding:15px 0px 0px 5px;
				font-size:1.5rem; color:#1b5d9a; line-height:120%;
			}
				#bandeaux > .bandeau#bandeau3 .contenu p .lien { display:block; text-align:left; }

					#bandeaux > .bandeau#bandeau3 .contenu p .lien a { 
						display:inline-block;
						margin:10px 0px 0px 130px; padding:7px 20px;
						font-size:1.5rem; color:white; line-height:100%; text-transform:uppercase;
						background-color:#1b5d9a;
						text-align:center;
					}


		#bandeaux .points { 
			position:absolute; z-index:2;
			left:50%; bottom:23px;
			transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
		}

			#bandeaux .points .point { 
				display:inline-block;
				width:13px; height:13px;
				margin:0px 4px; padding:0px;
				border:solid 2px white;
				background-color:#868686;
				box-shadow:0px 0px 1px #868686;
				border-radius:50%;
				transition: background-color ease-out 0.5s;
				cursor:pointer;
			}

			#bandeaux .points .point.sel { background-color:white; }

/*#endregion BANDEAUX*/

/*#region PRESENTATION*/

	#presentation {
		position:relative;
		text-align:center;
		margin:0px 0px 0px;  padding:20px 0px 90px 0px; 
		background-color:#f7f3ed;
	}

		#presentation .bloc-l { text-align:center; }

		/*Le titre*/
		#presentation h1 {
			display:block;
			font-family:'Quicksand',sans-serif; font-size:2.3125rem; font-weight:bold; color:#4c4c4c; letter-spacing:1px;
			text-align:center;
		}
		#presentation h1::before { 
			display:inline-block;
			content:"";
			background:url(/img/accueil/presentation-logo.png) no-repeat; 
			width:287px; height:63px;
			vertical-align:bottom;
			margin-bottom:2px;
		}
		#presentation h1::after { 
			display:block;
			content:"";
			width:100px; height:7px;
			background-color:#b2b2b2;
			margin:20px auto;
		}

		#presentation .puzzle {
			position:relative; 
			width:553px; height:416px;
			margin:142px auto 50px;
		}

			#presentation .puzzle > img.puzzles { width:100%; height:100%; }

			#presentation .puzzle .puzzle1 { position:absolute; top:-70px; left:65px; }
			#presentation .puzzle .puzzle2 { position:absolute; top:-74px; left:393px; }
			#presentation .puzzle .puzzle3 { position:absolute; top:310px; left:380px; }

			#presentation .puzzle > .espace { display:none; }

				#presentation .puzzle map area { outline:none; }

			#presentation .puzzle .label { 
				position:absolute;
				white-space:nowrap;
				cursor:pointer;
			}

				#presentation .puzzle .label h2 { 
					display:inline-block;
					font-family:'Quicksand',sans-serif; font-size:1.5rem; font-weight:bold; color:white; letter-spacing:1px;
					text-transform:uppercase;
					margin:0px; padding:2px 10px;
					transition:all ease-out 0.5s;
				}
				#presentation .puzzle .label.over h2 { background-color:white; }

				#presentation .puzzle .label h3 { 
					font-family:'Quicksand',sans-serif; font-size:1.5rem; font-weight:600; letter-spacing:1px;
					margin:0px; padding:0px;
					text-decoration:none;
				}

				#presentation .puzzle .label p { 
					position:relative; display:block;
					font-family:'Source Sans Pro',sans-serif; font-size:1.25rem; font-weight:normal; color:#4c4c4c; line-height:110%;
					text-align:left;
					margin:5px 0px 0px; padding:7px 0px 0px;
					text-decoration:none;
				}

				#presentation .puzzle .label p::before { 
					position:absolute; display:block;
					content:"";
					border:solid 2px #777675;
				}

			#presentation .puzzle .puzzleover { position:absolute; opacity:0; top:0px; left:0px; transition:opacity ease-out 0.5s; }
			#presentation .puzzle .puzzleover.over { opacity:1; }

			#presentation .puzzle .l1 { top:-84px; left:-258px; }
			.lg-en #presentation .puzzle .l1 { left:-220px; }
				#presentation .puzzle .l1 h2 { background-color:#1b5d9a; }
				#presentation .puzzle .l1.over h2 { color:#1b5d9a; }
				#presentation .puzzle .l1 h3 { color:#1b5d9a; }
				#presentation .puzzle .l1 p::before { 
					height:85px; width:calc(100% + 10px);
					top:0px; left:36px; 
					border-left:none; border-bottom:none; 
					transform:skewX(40deg); -ms-transform:skewX(40deg); -webkit-transform:skewX(40deg); 
				}

			#presentation .puzzle .l2 { top:296px; left:-205px; }
			.lg-en #presentation .puzzle .l2 { left:-150px; }
				#presentation .puzzle .l2 h2 { background-color:#f6b244; }
				#presentation .puzzle .l2.over h2 { color:#f6b244; }
				#presentation .puzzle .l2 h3 { color:#f6b244; }
				#presentation .puzzle .l2 p::before { 
					height:40px; width:calc(100% + 60px);
					bottom:100%; left:19px; 
					border-left:none; border-top:none; border-right:none; 
					transform:skewX(-45deg); -ms-transform:skewX(-45deg); -webkit-transform:skewX(-45deg); 
				}

			#presentation .puzzle .l3 { top:-10px; left:calc(100% + 44px); }
				#presentation .puzzle .l3 h2 { background-color:#e65238; }
				#presentation .puzzle .l3.over h2 { color:#e65238; }
				#presentation .puzzle .l3 h3 { color:#e65238; }
				#presentation .puzzle .l3 p::before { 
					height:40px; width:calc(100% + 10px);
					top:0px; right:20px; 
					border-right:none; border-bottom:none; 
					transform:skewX(-45deg); -ms-transform:skewX(-45deg); -webkit-transform:skewX(-45deg); 
				}

		#presentation .decouvrez { 
			position:relative; display:inline-block;
			font-family:'Quicksand',sans-serif; font-size:1.625rem; font-weight:bold; letter-spacing:1px;
			text-transform:uppercase;
			margin:0px auto;
			cursor:pointer;
		}

			#presentation .decouvrez > div { 
				position:relative; display:inline-block;
				margin:0px; padding:7px 20px;
				white-space:nowrap;
				transition:background-color ease-out 0.5s;
			}

			#presentation .decouvrez .gauche { 
				z-index:10;
				background-color:#e65238; color:white;
				border-radius:22px;
			}

			#presentation .decouvrez .droite { 
				z-index:5;
				background-color:white; color:#4c4c4c;
				border-radius:0px 22px 22px 0px;
				margin-left:-30px; padding-left:72px;
			}

				#presentation .decouvrez .droite b { color:#e65238; }

			#presentation .decouvrez:hover .gauche { background-color:white; color:#e65238; }
			#presentation .decouvrez:hover .droite { background-color:#e65238; color:white; }
				#presentation .decouvrez:hover .droite b { color:white; }


/*#endregion PRESENTATION*/

/*#region FONCTIONNEMENT*/

	#fonctionnement::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); 
	}

		/*Le bloc Fonctionnement*/
		#fonctionnement {
			position:relative;
			background-color:#1364a2;
			margin:0px; padding:30px 0px 25px;
			text-align:center;
		}

			/*Le titre*/
			#fonctionnement h1 {
				font-family:'Quicksand',sans-serif; font-size:2.4375rem; font-weight:normal; color:white; line-height:130%; letter-spacing:1px;
				text-align:center;
				margin:0px auto 0px;
				width:85%;
			}
				#fonctionnement h1 > b { font-weight:bold; }

			#fonctionnement h1::after { 
				display:block;
				content:"";
				width:100px; height:4px;
				background-color:#b2b2b2;
				margin:20px auto;
			}

			/*L'introduction*/
			#fonctionnement .introduction {
				font-family:'Source sans pro',sans-serif; font-size:1.375rem; font-weight:normal; color:white; line-height:160%;
				text-align:center;
				margin:40px auto 0px;
				width:85%;
			}
				#fonctionnement .introduction > b { display:block; font-size:1.5rem; font-weight:600; padding:20px 0px 0px; margin:0px; }

			/* Le bloc de numéros*/
			#fonctionnement ul {
				position:relative; display:table;
				margin:0px auto 20px; padding:0px 0px 0px;
				width:85%; 
				counter-reset:desc;
				transform:translateX(-28px); -ms-transform:translateX(-28px); -webkit-transform:translateX(-28px); 
				cursor:pointer;
			}
				/*Les numéros*/
				#fonctionnement ul li {
					position:relative; display:table-cell;
					width:25%; 
					font-family:'Source sans pro',sans-serif; font-size:1.25rem; font-weight:600; color:white; line-height:110%;
					border-left:solid 2px #3683bb;
					padding:0px 20px 0px 108px;
					text-align:left; vertical-align:middle;
					counter-increment:desc;
				}
				#fonctionnement ul li::before { 
					content:counter(desc);
					position:absolute; display:inline-block;
					background-color:#0d4570;
					width:63px; height:63px;
					font-family:'Quicksand',sans-serif; font-size:2.8125rem; font-weight:bold; color:white; line-height:100%;
					border-radius:50%;
					text-align:center; vertical-align:top;
					left:28px; top:calc(50% - 29px);
					padding:6px 1px 0px 0px;
				}
				#fonctionnement ul li::after { 
					content:"";
					position:absolute; display:block;
					background-color:#1364a2;
					width:14px; height:14px;
					left:-8px; top:calc(50% - 7px);
					border:solid 2px #3683bb; border-left:none; border-bottom:none;
					transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);
				}

				#fonctionnement ul li:first-child { border-left:none; }
				#fonctionnement ul li:first-child::after { content:none; }

/*#endregion FONCTIONNEMENT*/

/*#region SCENARIOS*/

	#scenarios::before { 
		content:"";
		position:absolute; display:block; z-index:10;
		background-color:#1364a2;
		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); 
	}

	#scenarios { position:relative; margin:0px; padding:30px 0px 30px; }

		#scenarios .img-sc {
			display:inline-block;
			margin: 0;
			width:0px; height:0px;
			background: url(/img/accueil/scenario/scenarios.png) no-repeat;
			background-position: 999px 0px;
		}
		#scenarios .img-sc.custom      { width:135px; height: 85px; background-position: 0px    0px; }
		#scenarios .img-sc.easyblog    { width: 99px; height: 90px; background-position: 0px  -86px; }
		#scenarios .img-sc.seminaire   { width:145px; height: 73px; background-position: 0px -177px; }
		#scenarios .img-sc.reporting   { width: 96px; height:100px; background-position: 0px -251px; }
		#scenarios .img-sc.atelier     { width:124px; height:100px; background-position: 0px -352px; }
		#scenarios .img-sc.formation   { width: 77px; height: 82px; background-position: 0px -453px; }
		#scenarios .img-sc.coaching121 { width:124px; height:100px; background-position: 0px -536px; }
		#scenarios .img-sc.suivi       { width: 99px; height: 89px; background-position: 0px -637px; }
		#scenarios .img-sc.blended     { width:121px; height: 80px; background-position: 0px -727px; }
		#scenarios .img-sc.tests       { width: 78px; height: 97px; background-position: 0px -809px; }
		#scenarios .img-sc.coaching    { width:114px; height: 82px; background-position: 0px -906px; }

		/*Le titre*/
		#scenarios h1 {
			display:block;
			font-family:'Quicksand',sans-serif; font-size:2.3125rem; font-weight:bold; color:#4c4c4c; letter-spacing:1px;
			text-align:center;
		}
		#scenarios h1::after { 
			display:block;
			content:"";
			width:100px; height:7px;
			background-color:#b2b2b2;
			margin:20px auto;
		}

		#scenarios h1 .inter { }
		#scenarios h1 .inter.gras { }

		/*Le texte*/
		#scenarios p {
			display:block;
			margin:0px; padding:0px 0px 40px;
			font-family:'Source sans pro',sans-serif; font-size:1.25rem; font-weight:normal; color:#4c4c4c; line-height:130%;
			text-align:center;
		}

		/*Le texte Cliquez...*/
		#scenarios p.cliquez { font-size:1.125rem; font-style:italic; margin-top:-20px; padding-bottom:10px; }
		/*Trait gris dessous*/
		/*#scenarios p.cliquez::after { 
			display:block;
			content:"";
			width:100px; height:7px;
			background-color:#b2b2b2;
			margin:20px auto;
		}*/

		/*Une ligne de pictos*/
		#scenarios ul {
			display:table;
			margin:0px auto; padding:0px;
			width:68%;
		}

			/*Un picto scénario*/
			#scenarios ul li {
				position:relative; display:table-cell;
				width:20%; height:210px;
				font-family:'Source sans pro',sans-serif; font-size:1.375rem; font-weight:600; color:#1364a2; line-height:110%;
				margin:0px; padding:105px 20px 0px;
				text-align:center; vertical-align:top;
				text-transform:none;
				cursor:pointer;
			}
			#scenarios ul li:hover {
				color:#fc3a26;
			}
			/*Les pictos*/
			#scenarios ul li > img,
			#scenarios ul li > .img-sc {
				position:absolute; 
				top:0px; left:50%;
				transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
				max-height:100px; 
			}
			#scenarios ul li.easyblog > .img-sc		{			}
			#scenarios ul li.seminaire > .img-sc	{ top:25px; }
			#scenarios ul li.reporting > .img-sc	{			}
			#scenarios ul li.atelier > .img-sc		{			}
			#scenarios ul li.formation > .img-sc	{ top:15px; }
			#scenarios ul li.coaching121 > .img-sc	{			}
			#scenarios ul li.suivi > .img-sc		{ top:10px;	}
			#scenarios ul li.blended > .img-sc		{ top:20px;	}
			#scenarios ul li.test > .img-sc			{ top:5px;	}
			#scenarios ul li.coaching > .img-sc		{ top:15px; }
			/*Le scénario sélectionné*/
			#scenarios ul li.sel { color:#fea623; }


		/*Un bloc d'info*/
		#scenarios .info,
		#popScenario .info {
			position:relative; display:none;
			margin:-25px 190px 40px; padding:20px 30px;
			width:calc(100% - 2*190px);
			background-color:white; border:solid 2px #ddd9d5;
			font-family:lato,verdana; font-size:1.125rem; font-weight:normal; color:#2c3e50; line-height:140%;
		}
		#popScenario .info::before { display:none; content:none; }

			/*Le titre du bloc d'info*/
			#scenarios .info h2,
			#popScenario .info h2 {
				display:inline;
				margin:0px; padding:0px;
				font-family:latobold,verdana; font-size:1.125rem; font-weight:bold; color:#1364a2;
			}

			/*séparateur horizontal dans bloc d'info*/
			#scenarios .info hr,
			#popScenario .info hr {
				display:block;
				margin:15px auto;
				width:50%; max-width:245px;
				height: 0px;
				background-color: transparent;
				border: 0px none transparent;
				border-bottom: 4px solid #2F70AE;
				color: transparent;
			}

		/*La flèche*/
		#scenarios .info::before {
			content:"";
			position:absolute; display:block;
			width:21px; height:21px;
			top:-12px;
			background-color:white;
			border:solid 2px #ddd9d5; border-right:none; border-bottom:none;
			transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);
		}
		/*Position des flèches*/
		#scenarios .info.seminaire::before,
		#scenarios .info.formation::before		{ left:calc(10% - 14px); }
		#scenarios .info.suivi::before,
		#scenarios .info.coaching121::before	{ left:calc(30% - 14px); }
		#scenarios .info.atelier::before,
		#scenarios .info.test::before			{ left:calc(50% - 14px); }
		#scenarios .info.reporting::before,
		#scenarios .info.blended::before		{ left:calc(70% - 14px); }
		#scenarios .info.coaching::before,
		#scenarios .info.easyblog::before		{ left:calc(90% - 14px); }

			/*Un paragraphe de texte special*/
			#scenarios .info .composition,
			#popScenario .info .composition {
				/*
				font-family:lato,verdana; font-size:1rem; font-weight:normal; color:#354555; 
				margin:0px; padding:20px 10px;
				background-color:#fff7eb;
				*/
			}
				/*Du gras bleu*/
				#scenarios .info .composition b, .popinfo .composition strong,
				#popScenario .info .composition b { font-family:latobold,verdana; font-weight:bold; font-size:1.125rem; color:#3372bf; }

				/*Une liste numérotée*/
				#scenarios .info .composition ol,
				#popScenario .info .composition ol { margin:0px 0px 20px; padding:0px; }
					#scenarios .info .composition ol li,
					#popScenario .info .composition ol li { 
						margin:0px 0px 0px 25px; padding:0px; 
						font-family:latobold,verdana; font-weight:bold; font-size:1.125rem; color:#3372bf;
					}
						/*Le texte plus petit*/
						#scenarios .info .composition ol li span,
						#popScenario .info .composition ol li span { 
							font-family:lato,verdana; font-size:1rem; font-weight:normal; color:#354555; 
							padding-left:0px;
						}

			/*Un liste*/
			#scenarios .info ul,
			#popScenario .info ul { display:block; width:100%; margin:0px; padding:0px 0px 20px 0px; list-style:none; }
				#scenarios .info ul li,
				#popScenario .info ul li { 
				  position:relative; display:block;
					width:100%; height:auto;
					margin:0px; padding:0px 0px 0px 25px; 
					font-family:lato,verdana; font-size:1.125rem; font-weight:normal; color:#354555; 
					text-align:left; vertical-align:top;
					text-transform:none;
					cursor:auto;
				}
				#scenarios .info ul li::before,
				#popScenario .info ul li::before { position:absolute; content:"-"; left:15px; font-family:latobold,verdana; font-weight:bold; color:#3372bf; }


			/*compteur spcfq pour reporting*/
			#scenarios .info.reporting .composition ol,
			#popScenario .info.reporting .composition ol { list-style-type: none; counter-reset: cptreporting; }
				#scenarios .info.reporting .composition ol li::before,
				#popScenario .info.reporting .composition ol li::before { counter-increment: cptreporting 1; content: counter(cptreporting) ". "; right:calc(100% - 51px); position:absolute; }
				#scenarios .info.reporting .composition ol li:nth-child(3)::before,
				#popScenario .info.reporting .composition ol li:nth-child(3)::before { counter-increment: cptreporting 10; }
				#scenarios .info.reporting .composition ol li:nth-child(4)::before,
				#popScenario .info.reporting .composition ol li:nth-child(4)::before { counter-increment: cptreporting 3; }


			/*compteur spcfq pour formation*/
			#scenarios .info.formation .composition ol,
			#popScenario .info.formation .composition ol { list-style-type: none; counter-reset: cptformation; }
				#scenarios .info.formation .composition ol li::before,
				#popScenario .info.formation .composition ol li::before { counter-increment: cptformation 1; content: counter(cptformation) ". "; right:calc(100% - 51px); position:absolute; }
				#scenarios .info.formation .composition ol li:nth-child(3)::before,
				#popScenario .info.formation .composition ol li:nth-child(3)::before { counter-increment: cptformation 7; }

				/*spcfq pour formation & reporting*/
				#scenarios .info.reporting .composition span, #scenarios .info.formation .composition span,
				#popScenario .info.reporting .composition span, #popScenario .info.formation .composition span {
					font-family: lato,verdana;
					font-size: 1rem;
					font-weight: normal;
					color: #354555;
					padding-left: 0px;
				}

		/*spcfq pour POPUP*/
		#popScenario { border-color:#ddd9d5; padding:40px 15px 20px 15px; }
			#popScenario .info {
				display:block;
				margin:0px; padding:0px;
				width:100%;
				border:0px none transparent;
			}
			#popScenario .info::before { display:none; content:none; }
			#popScenario .fermepopup {
				color:#1364a2;
			}
			#popScenario div div {
				font-size:inherit;
			}

		/*Le lien Atelier*/
		#scenarios .lienAtelier {
			display:block;
			margin:0px; padding:0px 0px 40px;
			font-family:'Source sans pro',sans-serif; font-size:1.25rem; font-weight:600; color:#1364a2; line-height:130%;
			text-align:center;
		}

/*#endregion SCENARIOS*/

/*#region OFFRES*/

	#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); 
	}

	#offres { margin:0px; padding:30px 0px 10px; background-color:#f7f3ed; }

		/*Le titre*/
		#offres h1 {
			position:relative; display:block;
			font-family:'Quicksand',sans-serif; font-size:2.3125rem; font-weight:bold; color:#4c4c4c; letter-spacing:1px;
			text-align:center;
		}
		/*Le trait sous le titre*/
		#offres h1::after {
			display:block;
			content:"";
			width:100px; height:7px;
			margin:20px auto;
			background-color:#f39c12;
		}

		/*La ligne de blocs*/
		#offres ul {
			display:table; z-index:100;
			margin:15px auto 0px; padding:0px;
			width:70%; max-width:995px;
		}

			/*Une offre*/
			#offres ul li {
				position:relative; display:table-cell;
				width:23.725%; min-width:236px; max-width:23.725%; height:150px;
				margin:0px; padding:95px 5px 65px;
				text-align:center; vertical-align:top;
				background-color:white; 
				box-shadow:2px 3px 1px rgba(0,0,0,0.3);
				border-radius:10px;
			}
			#offres ul li.espace {
				width:14.4125%; min-width:14.4125%; max-width:14.4125%;
				padding:0px;
				cursor:default;
				box-shadow:none;
				background:none;
			}
			/*Le fond du titre*/
			#offres ul li				> div.bgtitre	{ height:88px; position:absolute; background-repeat:no-repeat; background-size:auto; width:100%; top:0px; left:0px; border-radius:10px 10px 0px 0px; }
			#offres ul li.essai			> div.bgtitre	{ background-image:url(/img/accueil/offre-1.png); }
			#offres ul li.decouverte	> div.bgtitre	{ background-image:url(/img/accueil/offre-2.png); }
			#offres ul li.modulaire		> div.bgtitre	{ background-image:url(/img/accueil/offre-3.png); }
			#offres ul li.zen			> div.bgtitre	{ background-image:url(/img/accueil/offre-4.png); }

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

				/*Le conteneur du bloc de texte*/
				#offres ul li > div.texte {
					position:relative; display:table;
					width:100%; 
					margin:0px; padding:0px;
				}
					/*Le bloc de texte*/
					#offres ul li > div.texte > div {
						position:relative; display:table-cell;
						width:100%; height:140px;
						margin:0px; padding:10px 2px 0px;
						font-family:'Source sans pro',sans-serif; font-size:1.5rem; font-weight:normal; line-height:100%;
						text-align:center; vertical-align:top;
					}
					/*Quelques formatages*/
					#offres ul li .t36	{ font-family:'Source sans pro',sans-serif; font-size:2.000rem; font-weight:600;   line-height:120%; }
					#offres ul li .t30	{ font-family:'Source sans pro',sans-serif; font-size:1.875rem; font-weight:600;   line-height:120%; }
					#offres ul li .block	{ display:block; padding-top:10px; }

				/*Un lien en savoir plus*/
				#offres ul li > a {
					position:absolute; display:inline-block;
					width:auto;
					bottom:0px; left:50%;
					transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
					margin:10px auto 23px; padding:5px 20px;
					font-family:'Quicksand',sans-serif; font-size:1.375rem; font-weight:normal; color:white; text-transform:uppercase;
					white-space:nowrap;
				}

				/*Customisations selon le pavé*/
				#offres ul li.essai > a		 { background-color:#f6b244; }
				#offres ul li.modulaire > a	 { background-color:#e65238; }
				#offres ul li.zen > a		 { background-color:#1b5d9a; }

				#offres ul li.essai > .texte	 { color:#f6b244; }
				#offres ul li.modulaire > .texte { color:#e65238; }
				#offres ul li.zen > .texte		 { color:#1b5d9a; }

				#offres ul li.zen .t26	{ display:block; padding-top:15px; }

		/*Le bloc orange du bas*/
		#offres .orange {
			position:absolute; display:block; z-index:-10;
			width:100%; height:50px;
			background-color:#f39c12;
			bottom:0px; left:0px;
		}

/*#endregion OFFRES*/

/*#region REFERENCES*/

	#references {
		padding:30px 0px 45px 0px;
		margin:0px;
		background-color:white;
		overflow:hidden;
	}

		#references .bloc-l {
			text-align:center;
		}

		#references .references-fond {
			display:block;
			margin:0 auto; padding:0;
			width:100%; height:194px;
			background:url(/img/accueil/references-1007.png) no-repeat 50% bottom;
			background-size:contain;
			transition:0.25s ease-out;
		}

/*#endregion REFERENCES*/

/*#region QUESTIONS*/

	/*#questions::before { 
		content:"";
		position:absolute; display:block; z-index:10;
		background-color:#e0d1ba;
		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); 
	}*/

	/*#questions::after { 
		content:"";
		position:absolute; display:block; z-index:11;
		background-color:white;
		width:30px; height:10px;
		top:-22px; left:calc(50% - 15px);
	}*/

	#questions {
		padding:30px 0px 45px 0px;
		margin: 0px;
		background-color:#f7f3ed;
		/*border-top:solid 12px #e0d1ba;*/
	}

		#questions .bloc-l {
			text-align: center;
		}

		/*Le titre*/
		#questions h1 {
			position:relative; display:block;
			font-family:'Quicksand',sans-serif; font-size:2.3125rem; font-weight:bold; color:#4c4c4c; letter-spacing:1px;
			text-align:center;
		}
		#questions h1::after { 
			display:block;
			content:"";
			width:100px; height:7px;
			background-color:#b2b2b2;
			margin:20px auto;
		}

		/*Les liens*/
		#questions ul {
			display:table;
			text-align:center;
			margin:10px auto 0px;
		}

			#questions ul li {
				display:table-cell;
				vertical-align:top;
				padding:102px 30px 0px;
				background-repeat:no-repeat; background-position:center top;
				width:33.3333%;
				cursor:pointer;
			}

			/* Sur 2 colonnes */
			#questions ul.col2 li { width:auto; }

			#questions ul li.qqr { background-image:url(/img/accueil/questions-qr.png); }
			#questions ul li.qchat { background-image:url(/img/accueil/questions-chat.png); }
			#questions ul li.qcontact { background-image:url(/img/accueil/questions-contact.png); }

			#questions ul li.qqr:hover { background-image:url(/img/accueil/questions-qr-over.png); }
			#questions ul li.qchat:hover { background-image:url(/img/accueil/questions-chat-over.png); }
			#questions ul li.qcontact:hover { background-image:url(/img/accueil/questions-contact-over.png); }

				#questions ul li span { font-family:'Source sans pro',sans-serif; font-size:1.5rem; font-weight:600; color:#4c4c4c; line-height:110%; }
				#questions ul li:hover span { text-decoration:underline; }

/*#endregion QUESTIONS*/

/*#region VOTRE ORGANISATION*/

	#organisation { margin:0px; padding:80px 0px 60px; background-color:#f39c12; }
	/*Le bandeau orange foncé du bas*/
	#organisation::after { 
		content:"";
		position:absolute; display:block; z-index:5;
		width:100%; height:44px;
		bottom:0px; left:0px;
		background-color:#d35400; 
	}

		#organisation div.bloc-l { max-width:996px; }

		/*Le titre*/
		#organisation h1 {
			position:relative; display:block;
			width:68%; 
			font-family:'Quicksand',sans-serif; font-size:1.875rem; font-weight:bold; color:white; letter-spacing:1px;
			margin:0px; padding:0px;
			text-align:left;
		}

		/*Le texte*/
		#organisation h2 {
			position:relative; display:block;
			width:68%; 
			font-family:'Quicksand',sans-serif; font-size:1.375rem; font-weight:600; color:#4c4c4c; line-height:120%;
			margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;
			text-align:left;
		}

		/*Le texte 2*/
		#organisation h3 {
			position:relative; display:block;
			width:53%; 
			font-family:'Quicksand',sans-serif; font-size:1.375rem; font-weight:600; color:white; line-height:120%;
			margin:10px 0px 0px 0px; padding:10px 0px 5px 10px;
			border-left:solid 2px #d35400;
			text-align:left;
		}

		/*Le bloc des batiments*/
		#organisation .batiments {
			position:absolute; display:block; z-index:10;
			width:50%; 
			font-size:0rem;
			margin:0px; padding:0px;
			bottom:-35px; right:0px;
			vertical-align:bottom;
		}
			/*Les batiments*/
			#organisation .batiments > img { position:relative; width:28%; margin-left:5.3333333%; }

/*#endregion VOTRE ORGANISATION*/

/*#region ENGAGEMENTS */

	#engagements { margin:0px; padding:30px 0px 40px; }

		/*Le titre*/
		#engagements h1 {
			display:block; position:relative;
			font-family:'Quicksand',sans-serif; font-size:2.3125rem; font-weight:bold; color:#4c4c4c; letter-spacing:1px;
			text-align:center;
		}

		/*Le trait sous le titre*/
		#engagements h1::after {
			display:block;
			content:"";
			width:100px; height:7px;
			margin:20px auto;
			background-color:#2a8be0;
		}

		/*La ligne de blocs*/
		#engagements ul {
			display:table;
			margin:20px auto 0px; padding:0px;
			width:83%;
			font-size:0rem;
		}

			/*Une offre*/
			#engagements ul li {
				position:relative; display:table-cell;
				width:31%;
				font-size:0rem;
				margin:0px; padding:0px 5px 0px;
				text-align:center; vertical-align:top;
			}

			/*Un espace entre 2 blocs*/
			#engagements ul li.espace { width:3.5%; padding:0px; }

				/*Le picto*/
				#engagements ul li img { position:relative; height:190px; }

				/*Le texte*/
				#engagements ul li div {
					display:inline-block;
					margin:0px auto; padding:0px;
					max-width:90%;
					font-family:'Source sans pro',sans-serif; font-size:1.25rem; font-weight:normal; color:#4c4c4c; line-height:110%;
				}

					/*Le titre*/
					#engagements ul li h2 {
						margin:15px auto 0px; padding:0px;
						width:100%;
						font-family:'Quicksand',sans-serif; font-size:1.4375rem; font-weight:600; color:#1364a2;
					}

				/*Quelques ajustements*/
				#engagements ul li.securite div { width:78%; }

/*#endregion */


/*#region RESPONSIVE */

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

		/*#region PRESENTATION*/

				#presentation .puzzle {
					display:table;
					width:calc(100% - 80px); height:auto;
					margin:40px auto 50px;
				}

					#presentation .puzzle > img.puzzles,
					#presentation .puzzle .puzzle1,
					#presentation .puzzle .puzzle2,
					#presentation .puzzle .puzzle3 { display:none; }

					#presentation .puzzle .label { 
						position:relative; display:table-cell;
						white-space:normal;
						border:solid 1px #4c4c4c;
						border-radius:22px;
					}

						#presentation .puzzle > .espace { display:table-cell; min-width:20px; }

						#presentation .puzzle br { display:none; }

						#presentation .puzzle .label h2 { 
							padding:7px 10px;
							display:block;
							text-align:center;
							border-radius:22px 22px 0px 0px;
							white-space:nowrap;
						}

						#presentation .puzzle .label h3 { padding:20px 10px 0px; text-align:center; }

						#presentation .puzzle .label p { padding:0px 10px 20px; text-align:center; }

						#presentation .puzzle .label p::before { content:none; }

					#presentation .puzzle .puzzleover { display:none; }
					#presentation .puzzle .puzzleover.over { display:none; }

					#presentation .puzzle .l1, .lg-en #presentation .puzzle .l1 { top:auto; left:auto; border-color:#1b5d9a; }
					#presentation .puzzle .l2, .lg-en #presentation .puzzle .l2 { top:auto; left:auto; border-color:#f6b244; }
					#presentation .puzzle .l3, .lg-en #presentation .puzzle .l3 { top:auto; left:auto; border-color:#e65238; }

		/*#endregion PRESENTATION*/

	}

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

		/*#region BANDEAUX*/

			#global #bandeaux { width:100%; padding-left:0px; padding-right:0px; }
			#bandeaux > .bandeau#bandeau1 { background-position-x:55%; }
			#bandeaux > .bandeau#bandeau2 { background-position-x:38%; }
			#bandeaux > .bandeau#bandeau3 { background-position-x:38%; }

			#bandeaux > .bandeau .contenu {}
			#bandeaux > .bandeau#bandeau1 .contenu { left:20px; width:calc(50% + 150px); }
			#bandeaux > .bandeau#bandeau2 .contenu { left:calc(50% - 160px); width:calc(50% + 120px); }
			#bandeaux > .bandeau#bandeau3 .contenu { left:calc(50% - 120px); width:calc(50% + 90px); }

			#bandeaux > .bandeau .contenu h1 { font-size:1.875rem; }
			#bandeaux > .bandeau .contenu h2 { font-size:1.875rem; }
			#bandeaux > .bandeau .contenu p  { font-size:1.0625rem; }

			#bandeaux > .bandeau#bandeau3 .contenu p  { font-size:1.25rem; }
			#bandeaux > .bandeau#bandeau3 .contenu p .lien a  { font-size:1.25rem; margin-left:100px; }

		/*#endregion BANDEAUX*/

		/*#region FONCTIONNEMENT*/

					/* Le bloc de numéros*/
					#fonctionnement ul {
						width:100%;
						transform:none; -ms-transform:none; -webkit-transform:none; 
						margin-bottom:40px;
					}
						/*Les numéros*/
						#fonctionnement ul li {
							padding:70px 15px 0px 15px;
							text-align:center;
						}
						#fonctionnement ul li::before { 
							left:calc(50% - 31px); top:0px;
						}

					#fonctionnement .introduction {
						width:100%;
					}

		/*#endregion FONCTIONNEMENT*/

		/*#region SCENARIOS*/

				/*Une ligne de pictos*/
				#scenarios ul { width:100%; }

					/*Un picto scénario*/
					#scenarios ul li { padding:105px 2% 0px; }

				/*Un bloc d'info*/
				#scenarios .info { margin:-25px 0px 20px; width:100%; }

		/*#endregion SCENARIOS*/

		/*#region OFFRES*/

			#offres { margin:0px; padding:30px 0px 10px; background-color:#f7f3ed; }

				/*La ligne de blocs*/
				#offres ul {
					display:table;
					width:95%; max-width:990px;
				}
					#offres ul li {
						padding-bottom:0px
					}
						#offres ul li > a {
							position:relative;
							bottom:auto; left:auto;
							transform:none; -ms-transform:none; -webkit-transform:none; 
						}
							#offres ul li > div.texte > div {
								height:160px;
							}
		/*#endregion OFFRES*/

	}

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

		/*#region OFFRES*/

				/*La ligne de blocs*/
				#offres ul { display:block; }

					/*Une offre*/
					#offres ul li { padding:0px; display:block; width:100%; max-width:100%; height:auto; }
					#offres ul li.espace { padding:20px 0px 0px; }
					/*Le fond du titre*/
					#offres ul li				> div.bgtitre	{ height:70px; position:relative; margin-bottom:15px; }
					#offres ul li.essai			> div.bgtitre	{ background-image:none; background-color:#f6b244; }
					#offres ul li.decouverte	> div.bgtitre	{ background-image:none; background-color:#7453a2; }
					#offres ul li.modulaire		> div.bgtitre	{ background-image:none; background-color:#e65238; }
					#offres ul li.zen			> div.bgtitre	{ background-image:none; background-color:#1b5d9a; }

						/*Le conteneur du bloc de texte*/
						#offres ul li > div.texte { width:calc(100% - 200px); padding-bottom:20px; }
							/*Le bloc de texte*/
							#offres ul li > div.texte > div { height:auto; padding-top:0; }


						/*Un lien en savori plus*/
						#offres ul li > a { position:absolute; margin:0px; right:20px; bottom:20px; }

				/*Des ajustements ?*/
				#offres ul li.essai		 div > span:last-child,
				#offres ul li.decouverte div > span:last-child	{ position:relative; bottom:auto; }
				#offres ul li.decouverte .t30	{ display:inline-block; padding-bottom:10px; }
				#offres ul li.modulaire .t24 b	{ display:block; padding-bottom:10px; }
				#offres ul li.zen .t20			{ line-height:160%; }

		/*#endregion OFFRES*/

		/*#region ENGAGEMENTS */

				/*La ligne de blocs*/
				#engagements ul { display:block; }

					/*Une offre*/
					#engagements ul li { display:block; width:100%; text-align:left; }

					/*Un espace entre 2 blocs*/
					#engagements ul li.espace { width:auto; height:30px; }

						/*Le picto*/
						#engagements ul li img { height:auto; width:150px; }

						/*Le texte*/
						#engagements ul li div { 
							display:inline-block; width:calc(100% - 150px); padding:0px 0px 0px 30px; 
							position:absolute; top:50%; transform:translateY(-50%);
						}

							/*Le titre*/
							#engagements ul li h2 { margin:0px auto 5px; }

						/*Quelques ajustements*/
						#engagements ul li.securite div { width:calc(100% - 150px); }
						#engagements ul li br { display:none; }

		/*#endregion */

	}

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

		/*#region PRESENTATION*/

				#presentation .puzzle {
					display:block;
					width:100%;
					margin-top:10px;
					margin-bottom:40px;
				}

					#presentation .puzzle .label { 
						display:block;
						margin-bottom:20px;
					}

						#presentation .puzzle > .espace { display:table-cell; min-width:20px; }

						#presentation .puzzle br { display:none; }

						#presentation .puzzle .label h2 { 
							padding:7px 10px;
							display:block;
							text-align:center;
							border-radius:22px 22px 0px 0px;
							white-space:nowrap;
						}

						#presentation .puzzle .label h3 { padding:20px 10px 0px; text-align:center; }

						#presentation .puzzle .label p { padding:0px 10px 20px; text-align:center; }

						#presentation .puzzle .label p::before { content:none; }

					#presentation .puzzle .puzzleover { display:none; }
					#presentation .puzzle .puzzleover.over { display:none; }

					#presentation .puzzle .l1 { top:auto; left:auto; border-color:#1b5d9a; }
					#presentation .puzzle .l2 { top:auto; left:auto; border-color:#f6b244; }
					#presentation .puzzle .l3 { top:auto; left:auto; border-color:#e65238; }

		/*#endregion PRESENTATION*/

		/*#region VOTRE ORGANISATION*/

			#organisation { padding-top:30px; }

		/*#endregion VOTRE ORGANISATION*/

	}

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

		/*#region PRESENTATION*/

				#presentation { padding-bottom:80px; }

				#presentation .decouvrez { text-align:center; width:100%; }

					#presentation .decouvrez > div { 
						position:relative; display:block;
						width:auto; max-width:500px;
						margin:0px auto;
						text-align:center;
						white-space:normal;
					}

					#presentation .decouvrez .gauche { border-radius:22px 22px 0px 0px; right:auto; }

					#presentation .decouvrez .droite { border-radius:0px 0px 22px 22px; left:auto; padding-left:20px; margin-left:auto; }

		/*#endregion PRESENTATION*/

	}

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

		/*#region BANDEAUX*/

			#bandeaux > .bandeau#bandeau3 .contenu p br  { display:none; }

		/*#endregion BANDEAUX*/

		/*#region FONCTIONNEMENT*/

					#fonctionnement .introduction br { display:none; }

		/*#endregion FONCTIONNEMENT*/

		/*#region SCENARIOS*/

				#scenarios p { padding-bottom:25px; }

				/*Un picto scénario*/
				#scenarios ul li {
					height:210px;
					font-size:1.25rem;
					padding:105px 20px 0px;
				}
				/*Les pictos*/
				#scenarios ul li > .img-sc	{ transform: scale(0.76, 0.76) translateX(-70%); -ms-transform: scale(0.76, 0.76) translateX(-70%); -webkit-transform: scale(0.76, 0.76) translateX(-70%); }
				#scenarios ul li.easyblog > .img-sc		{ }
				#scenarios ul li.seminaire > .img-sc	{ }
				#scenarios ul li.reporting > .img-sc	{ }
				#scenarios ul li.atelier > .img-sc		{ }
				#scenarios ul li.formation > .img-sc	{ }
				#scenarios ul li.coaching121 > .img-sc	{ }
				#scenarios ul li.suivi > .img-sc		{ }
				#scenarios ul li.blended > .img-sc		{ }
				#scenarios ul li.test > .img-sc			{ }
				#scenarios ul li.coaching > .img-sc		{ }

		/*#endregion SCENARIOS*/

		/*#region REFERENCES*/

			#references .references-fond {
				width:100%; height:408px;
				background-image:url(/img/accueil/references-550.png);
			}

		/*#endregion REFERENCES*/

		/*#region QUESTIONS*/

			/*Les liens*/
			#questions ul {
				display:table;
				text-align:center;
				margin:10px auto 0px;

				display:inline-block;
			}

				#questions ul li {
					display:table-cell;
					vertical-align:top;
					padding:102px 30px 0px;
					background-repeat:no-repeat; background-position:center top;
					width:33.3333%;

					display:table;
					width:100%;
					margin:10px 0px; padding:0px 0px 0px 100px;
					background-position:left center;
					text-align:left;
					height:110px;
				}

					#questions ul li span {
						font-family:'Source sans pro',sans-serif; font-size:1.5rem; font-weight:600; color:#4c4c4c; line-height:110%;

						display:table-cell;
						vertical-align:middle;

					}

		/*#endregion QUESTIONS*/

		/*#region VOTRE ORGANISATION*/

				/*Le titre*/
				#organisation h1 { width:100%; }

		/*#endregion VOTRE ORGANISATION*/

	}

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

		/*#region SCENARIOS*/

				/*Le titre*/
				#scenarios h1 { font-size:2.125rem; padding:0px 10px 10px 10px; }

		/*#endregion SCENARIOS*/

		/*#region FONCTIONNEMENT*/

						/*Les numéros*/
						#fonctionnement ul li { letter-spacing:-0.01px; }

		/*#endregion FONCTIONNEMENT*/

	}

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

	/*#region BANDEAUX*/

			#bandeaux > .bandeau#bandeau1 { background-position-x:40%; }
			#bandeaux > .bandeau#bandeau2 { background-position-x:80%; }
			#bandeaux > .bandeau#bandeau3 { background-position-x:80%; }

				#bandeaux > .bandeau#bandeau1 .contenu { left:auto; width:calc(100% - 40px); }
				#bandeaux > .bandeau#bandeau2 .contenu { left:auto; width:calc(100% - 40px); }
				#bandeaux > .bandeau#bandeau3 .contenu { left:auto; width:calc(100% - 40px); }

					#bandeaux > .bandeau#bandeau1 .contenu p br { }
					#bandeaux > .bandeau#bandeau2 .contenu p br { display:none; }
					#bandeaux > .bandeau#bandeau3 .contenu p br { display:inline; }
						#bandeaux > .bandeau#bandeau3 .contenu p .lien { text-align:center; }
							#bandeaux > .bandeau#bandeau3 .contenu p .lien a { margin:10px auto 0px; }

			#bandeaux .points { bottom:13px; }

	/*#endregion BANDEAUX*/

	/*#region PRESENTATION*/

		#presentation h1::before { width: 250px; height: 55px; background-size:contain; }

		/*#presentation { margin-bottom:20px; }*/

		#presentation .puzzle { margin-top:5px; }

			#presentation .puzzle .label h3 { padding-top:10px }
			#presentation .puzzle .label p { padding-bottom:15px }

			/*Le bloc d'intro*/
			#presentation .intro { }

			/*La description*/
			#fonctionnement,
			#fonctionnement.bloc-h,
			#global #fonctionnement.bloc-h {
				position: relative;
				margin: 0px;
				padding: 0px 15px;
				background-color: white;
			}

				#fonctionnement > *,
				#fonctionnement > *.bloc-l {
					background-color: #1364a2;
					padding:20px 15px;
					margin: 0px -15px 0px -15px;
				}

				/*La vidéo*/
				#fonctionnement .video {
					margin:0px 0px; margin-bottom:20px;
					padding:0px 0px;
					background-color: transparent;
				}

				#fonctionnement .introduction { margin-top:25px; line-height:1.45; }

				/* Le bloc de numéros*/
				#fonctionnement ul {
					display:block;
					width:100%;
					height:auto;
					margin:-20px 0px 20px 0px;
				}

					/*Les numéros*/
					#fonctionnement ul li {
						display:table;
						width:100%; max-width: 320px;
						height:auto;
						border:0px none transparent;
						border-top: solid 2px #3683bb;
						padding:0px;
						margin-bottom:0;
						margin-left:auto; margin-right:auto;
					}
					#fonctionnement ul li::before { top: 50%; left: 10px; transform: translateY(-50%); width: 50px; height: 50px; font-size: 2.25rem; }
					#fonctionnement ul li::after {
						background-color:#1364a2;
						top:-6px; left:calc(50% - 7px);
						border:solid 2px #3683bb; border-left:none; border-bottom:none;
						transform:rotateZ(135deg); -ms-transform:rotateZ(135deg); -webkit-transform:rotateZ(135deg);
					}

					#fonctionnement ul li:first-child { border:0px none transparent; }
					#fonctionnement ul li:first-child::after { content:none; display:none; }

						#fonctionnement ul li span {
							display: table-cell;
							vertical-align: middle;
							padding:20px 10px 20px 85px;
							height: 80px;
							text-align: left;
						}

				/*La conclusion*/
				#fonctionnement .conclusion { margin-top:30px; margin-bottom:0; }

	/*#endregion PRESENTATION*/

	/*#region SCENARIOS*/

		#scenarios { padding-top:50px; }

		#scenarios .img-sc { }
		#scenarios .img-sc.custom      { }
		#scenarios .img-sc.easyblog    { }
		#scenarios .img-sc.seminaire   { }
		#scenarios .img-sc.reporting   { }
		#scenarios .img-sc.atelier     { }
		#scenarios .img-sc.formation   { }
		#scenarios .img-sc.coaching121 { }
		#scenarios .img-sc.suivi       { }
		#scenarios .img-sc.blended     { }
		#scenarios .img-sc.tests       { }
		#scenarios .img-sc.coaching    { }

			/*Le titre*/
			#scenarios h1 { padding-left:0px; padding-right:0px; text-align:center; }
			/*Le picto*/
			#scenarios h1 img,
			#scenarios h1 .img-sc { display:none; }
			/*Le trait sous le titre*/
			#scenarios h1::after { }

			/*Le texte*/
			#scenarios p { padding-bottom:10px; }

				/* texte: "cliquez" */
				#scenarios p.cliquez { margin-top:0px; }

			/*Une ligne de pictos*/
			#scenarios ul { display:inline; font-size:0px; }

				/*Un picto scénario*/
				#scenarios ul li { display:inline-block; width:50%; height:160px; }
				#scenarios ul li:hover { }
				/*Les pictos*/
				#scenarios ul li > img,
				#scenarios ul li > .img-sc { }
				#scenarios ul li.easyblog > .img-sc		{ }
				#scenarios ul li.seminaire > .img-sc	{ }
				#scenarios ul li.reporting > .img-sc	{ }
				#scenarios ul li.atelier > .img-sc		{ }
				#scenarios ul li.formation > .img-sc	{ }
				#scenarios ul li.coaching121 > .img-sc	{ }
				#scenarios ul li.suivi > .img-sc		{ }
				#scenarios ul li.blended > .img-sc		{ }
				#scenarios ul li.test > .img-sc			{ }
				#scenarios ul li.coaching > .img-sc		{ }
				/*Le scénario sélectionné*/
				#scenarios ul li.sel { }


			/*Un bloc d'info*/
			#scenarios .info {
				position:absolute !important; display:none !important; left:-99999px !important; top:-99999px !important; overflow:hidden; visibility:hidden; margin:0px !important; padding:0 !important; border:0px transparent none; opacity:0;  font-size:0;  min-height: 0px; max-height: 0px; min-width: 0px; max-width: 0px; width: 0px !important; height: 0px !important;
			}

				/*Le titre du bloc d'info*/
				#scenarios .info h2 { }

				/*séparateur horizontal dans bloc d'info*/
				#scenarios .info hr { }

			/*La flèche*/
			#scenarios .info::before { }
			/*Position des flèches*/
			#scenarios .info.easyblog::before,
			#scenarios .info.coaching121::before	{ }
			#scenarios .info.seminaire::before,
			#scenarios .info.suivi::before			{ }
			#scenarios .info.reporting::before,
			#scenarios .info.blended::before		{ }
			#scenarios .info.atelier::before,
			#scenarios .info.test::before			{ }
			#scenarios .info.formation::before,
			#scenarios .info.coaching::before		{ }

				/*Un paragraphe de texte special*/
				#scenarios .info .composition { }
					/*Du gras bleu*/
					#scenarios .info .composition b, .popinfo .composition strong { }

					/*Une liste numérotée*/
					#scenarios .info .composition ol { }
						#scenarios .info .composition ol li { }
							/*Le texte plus petit*/
							#scenarios .info .composition ol li span { }

				/*Un liste*/
				#scenarios .info ul { }
					#scenarios .info ul li { }
					#scenarios .info ul li::before { }


				/*compteur spcfq pour reporting*/
				#scenarios .info.reporting .composition ol { }
					#scenarios .info.reporting .composition ol li::before { }
					#scenarios .info.reporting .composition ol li:nth-child(3)::before { }
					#scenarios .info.reporting .composition ol li:nth-child(4)::before { }


				/*compteur spcfq pour formation*/
				#scenarios .info.formation .composition ol { }
					#scenarios .info.formation .composition ol li::before { }
					#scenarios .info.formation .composition ol li:nth-child(3)::before { }

					/*spcfq pour formation & reporting*/
					#scenarios .info.reporting .composition span,
					#scenarios .info.formation .composition span { }

	/*#endregion SCENARIOS*/

	/*#region QUESTIONS*/

		#questions { padding-bottom:30px; }

			#questions ul { margin-top:-20px; }

			#questions a { white-space:normal; }

	/*#endregion QUESTIONS*/

	/*#region OFFRES*/

		#offres { }

			#offres h1 { }
			#offres h1 inter {
				display: block;
				margin-top:15px;
			}

			/*Une offre*/
			#offres ul li {
				max-width: 264px;
				margin-left: auto;
				margin-right: auto;
			}

				#offres ul li > div.bgtitre { margin-bottom:10px; }

				/*Le conteneur du bloc de texte*/
				#offres ul li > div.texte {
					margin-left: auto;
					margin-right: auto;
					width: 100%;
				}

					#offres ul li > div.texte > div { padding:0px 10px 0px 10px }

				/*Un lien en savori plus*/
				#offres ul li > a {
					position: relative;
					top: auto; bottom: auto; left: auto; right: auto;
					margin-bottom: 15px;
				}

				#offres ul li .t36	{ font-size:2.0rem;  }
				#offres ul li .t30	{ font-size:1.75rem; }
				#offres ul li br	{ display:none;  }

	/*#endregion OFFRES*/

	/*#region VOTRE ORGANISATION*/

		#organisation {  } 
		#organisation::after { }

			#organisation div.bloc-l { }

			/*Le titre*/
			#organisation h1 {
				position:relative; display:block;
				width:100%;
			}

			/*Le texte*/
			#organisation h2 {
				position:relative; display:block;
				width:100%;
			}

			/*Le texte 2*/
			#organisation h3 {
				position:relative; display:block;
				width:100%;
			}

			/*Le bloc des batiments*/
			#organisation .batiments {
				position:relative;
				top: auto; bottom: auto; left: auto; right: auto;
				margin-left:auto; margin-right:0px; margin-top:15px;
				width:100%; max-width: 278px;
			}
				/*Les batiments*/
				#organisation .batiments > img { position:relative; width:28%; margin-left:5.3333333%; }

	/*#endregion VOTRE ORGANISATION*/

	/*#region ENGAGEMENTS */

		#engagements .bloc-l { padding-left:0px; padding-right:0px; }

			#engagements ul {
				width:100%;
			}
					#engagements ul li h2 { line-height:1.1; }
					#engagements ul li img {
						position:relative;
						top: auto; bottom: auto; left: auto; right: auto;
						display: block;
						margin: 0px auto 10px auto;
						vertical-align:top;
						width:100px;
					}

					/*Le texte*/
					#engagements ul li div,
					#engagements ul li.securite div,
					#engagements ul li.connecte div,
					#engagements ul li.distance div {
						position:relative;
						top: auto; bottom: auto; left: auto; right: auto;
						display:block;
						vertical-align:top;
						width:100%; padding-left:0px;
						transform:none;
					}

	/*#endregion */

	}

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

		/*#region REFERENCES*/

			#references.bloc-h, #global #references.bloc-h {
				padding-left:5px; padding-right:5px;
			}

			#references .references-fond {
				height:237px;
				background-image:url(/img/accueil/references-320.png);
			}

		/*#endregion REFERENCES*/

	}

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

/*#region BANDEAUX*/

		#bandeaux > .bandeau#bandeau3 .contenu p br { display:none; }

/*#endregion BANDEAUX*/

	}

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

	/*#region BANDEAUX*/

		#bandeaux, #bandeaux > .bandeau { height:350px; }

	/*#endregion BANDEAUX*/

	/*#region FONCTIONNEMENT*/

		/*Le titre*/
		#fonctionnement h1 { font-size:2.125rem; width:98%; }

	/*#endregion FONCTIONNEMENT*/

	/*#region SCENARIOS*/

		#scenarios h1 { font-size: 1.9375rem; }
		#scenarios h1 .inter.gras { font-size: 2.1333rem; }

		/*Le texte*/
		#scenarios p br { display:none; }

	/*#endregion SCENARIOS*/

	/*#region QUESTIONS*/

		#questions h1 { font-size: 1.9375rem; }

		#questions ul li a br { display:none; }

	/*#endregion QUESTIONS*/

	}

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

		/*#region BANDEAUX*/

			#bandeaux, #bandeaux > .bandeau { height:380px; }

		/*#endregion BANDEAUX*/

		/*#region QUESTIONS*/

				#questions ul li { background-size:70px; background-position-x:10px; }

		/*#endregion QUESTIONS*/

		/*#region PRESENTATION*/

			#presentation h1 { padding-left:0; padding-right:0; }

		/*#endregion PRESENTATION*/

	}

/*#endregion RESPONSIVE */