/*** Debut  ***/
#menuFlottant div{
	/*  styling */
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	width: 200px;
	color: #FAFAFA;
	border: 3px solid #FAFAFA;
	padding: 25px;
	position: fixed;
	z-index: 100;
	text-align: center;
	left: 5%;
	top: 25%;
	transform: translate(-50%, -50%);
	background: rgba(0,0,0,0.5);
}


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
		body {
			line-height: 19px; }
			ol, ul {
				list-style: none; }
				blockquote, q {
					quotes: none; }
					blockquote:before, blockquote:after,
					q:before, q:after {
						content: '';
						content: none; }
						table {
							border-collapse: collapse;
							border-spacing: 0; }


							/* #Basic Styles
							================================================== */
							body {
								background: #fff;
								font: 12px/14px Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
								color: #454545;
							}


							/* #Typography
							================================================== */
							h1, h2, h3, h4, h5, h6 {
								color: #454545;
								font-family: "Open Sans", serif;
								font-weight: normal; }

								h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
									color:#3aa9d2;
									font-weight:600;
								}
								h4.title,h5.title {
									font-weight:600;
									margin-bottom:0;
									color:#393939;
									padding-bottom:2px;
								}
								.title-wrapper {
									position:relative;
									width:100%;
									margin-bottom:15px;
									border:1px solid #f4f3f3;
								}
								.section-title {
									display:block;
									padding:0;
									margin-bottom:5px;
									position:relative;
									float:left;
								}
								.section-title h4 {
									font-size:18px;
									font-weight:600;
									display:inline-block;
									background-color:#f4f3f3;
									position:relative;

									z-index:10;
									padding:0 10px 0 0;
								}
								.section-title span {
									background:#e1e0e0 left bottom;
									height: 1px;
									left: 0;
									padding:0;
									margin-top:18px;
									position: absolute;
									width: 100%;
									z-index:1;
								}
								.title-wrapper span.divider {
									width:100%;
									padding:0;
									height:5px;
									left:0;
									background:url(../images/design/diag-hr.png) left top repeat-x transparent;
									top:-11px;
									position:absolute;
									margin-top:20px;
									margin-bottom:23px;
								}
								h4.title.low {
									margin-bottom:10px;
								}
								h5.title {font-size:18px;margin:0 0 16px 0;padding-bottom:14px;line-height:0;}
								h5.title.style-2 {border:none;}
								h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
								h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
								h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
								h3 { font-size: 26px; line-height: 32px; margin-bottom: 8px; font-weight:600; }
								h4 { font-size: 19px; line-height: 30px; margin-bottom: 4px; }
								h5 { font-size: 16px; line-height: 24px; }
								h5.semi {font-weight:600;margin-bottom:6px;}
								h4.semi {font-weight:600;margin-bottom:9px;}
								h6 { font-size: 14px; line-height: 21px; }
								.subheader { color: #777; }

								p { margin: 0 0 20px 0; line-height:19px; }
								p img { margin: 0; }
								p.lead { font-size: 21px; line-height: 27px; color: #777;  }
								p.low {margin:0 0 10px 0}

								em { font-style: italic; }
								strong { font-weight: bold; color: #333; }
								small { font-size: 80%; }

								/*	Blockquotes  */
								blockquote {
									font-size:16px;
									font-family:"Open Sans";
									font-weight:600;
									font-style:italic;
									color:#686868;
									line-height:17px;
									margin-bottom:20px;
								}
								blockquote.standard {
									text-align:center;
									width:95%;
									font-size:15px;
									line-height:22px;
									margin:auto;
									margin-top:11px;
									margin-bottom:11px;
									text-shadow: 0px 1px 1px #ffffff;
								}
								/* #Links
								================================================== */
								a, a:visited { color: #3aa9d2; text-decoration: none; outline: 0; }
								a:hover, a:focus { color: #000; }
								p a, p a:visited { line-height: inherit; }


								/* #Lists
								================================================== */
								ul.overlap {position:relative;margin:0 0 14px 0;padding:0;}
								ul.overlap li {position:relative;margin:0;padding:0;}
								ul.testimonials li p {font-style:italic;}
								ul.testimonials li strong {display:block;font-style:normal;margin-top:4px;}
								ul, ol { margin-bottom: 20px; }
								ul { list-style: none outside; }
								ol { list-style: decimal; }
								ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
								ul.square { list-style: square outside; }
								ul.circle { list-style: circle outside; }
								ul.disc { list-style: disc outside; }
								ul ul, ul ol,
								ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
								ul ul li, ul ol li,
								ol ol li, ol ul li { margin-bottom: 6px; }
								li { line-height: 18px; margin-bottom: 12px; }
								ul.large li { line-height: 21px; }
								li p { line-height: 21px; }
								.testimonials.style-2 {
									display:block;
								}
								.testimonials.style-2 li {
									position:relative;
								}
								.testimonials.style-2 .quote {
									padding:22px;
									background:url('../images/design/testimonial-quote.png') 8px 8px no-repeat #fcfcfc;
									box-shadow:  0px 0px 2px 2px #e6e5e5;
									margin:0;
								}
								.testimonials.style-2 .quote p {font-size:13px;line-height:19px;margin-bottom:0;padding-bottom:10px;}
								.testimonials.style-2 .source {
									background:url(../images/design/testimonial-indicator.png) 43px top no-repeat transparent;
									position:relative;
									left:5%;
									padding-top:15px;
									top:0px;
								}
								.testimonials.style-2 .source img {
									border-radius:100% 100% 100% 100%;
									border:2px solid #2c809f;
									margin-right:16px;
									float:left;
								}
								.testimonials.style-2 .source strong {
									float:left;
								}
								.testimonials.style-2 .source strong a {
									display:block;
								}
								ul.carousel.slider {padding:0;margin:0;}
								ul.slidecontrols {
									z-index:10000;
									position:relative;
									top:4px;
								}
								ul.slidecontrols li {float:right;background:#f4f3f3;padding:0 6px 0 6px;margin:0 -6px 0 -6px;}
								ul.slidecontrols li a.next,ul.slidecontrols li a.prev {
									background:url(../images/design/arrows.png) -13px top no-repeat blue;
									transition: all 0.23s cubic-bezier(0.75,0.16,0.98,0.48) 0s;
								}
								ul.slidecontrols li a.prev {
									background-position:left top;
									margin-right:2px;
								}
								ul.slidecontrols li a.next:hover,ul.slidecontrols li a.prev:hover{background-color:#3aa9d2;}
								.slidecontrols li a.next, .slidecontrols li a.prev {
									cursor: pointer;
									position:relative;
									text-indent: -9999em;
									width:18px;
									display:block;
									height:14px;
								}
								ul.slidecontrols li a.next:hover {background-color:#3aa9d2;}
								ul.slidecontrols li a.prev:hover {background-color:#3aa9d2;}
								ul.slidecontrols li a.prev.carousel-disabled,ul.slidecontrols li a.next.carousel-disabled {background-color:#cecece;}
								.footer .slidecontrols li a.next, .footer .slidecontrols li a.prev {top:-25px;position:absolute;width:16px;height:16px; }
								.footer ul.slidecontrols li a.next {
									right:0;
									background:url(../images/design/footer-arrows.png) -16px top no-repeat transparent;
								}
								.footer ul.slidecontrols {position:absolute;}
								.footer ul.slidecontrols li a.prev {
									right:13px;
									background:url(../images/design/footer-arrows.png) left top no-repeat transparent;
								}
								/* LIST STYLES */
								ul.overlap li {
									position:absolute;
								}
								ul.default, ul.bullet, ul.point, ul.point2, ul.check, ul.point3, ul.bullet2, ul.kill, ul.block, ul.kill2, ul.basic, ul.warning, ul.star, ul.error {
									padding:0;
									margin:0;
									margin-bottom:25px;
								}
								ul.bullet li, ul.point li, ul.point2 li, ul.check li, ul.point3 li, ul.bullet2 li, ul.kill li, ul.block li, ul.kill2 li, ul.basic li, ul.warning li, ul.star li, ul.error li {
									background-repeat: no-repeat;
									list-style-type: none;
									padding-left: 17px;
									padding-right: 0;
									margin-top:4px;
									padding-top:0;
									padding-bottom:4px;
								}
								ul.point2 li {
									padding-left: 13px;
								}
								ul.default {margin-top:3px;list-style:none;}
								ul.default li {
									padding-right:0;
									padding-bottom:3px;
								}
								ul.basic {
									margin-top:15px;
								}
								ul.basic li {
									padding:0;
									padding-top: 3px;
									padding-left:20px;
									padding-bottom:10px;
								}
								ul.star li {
									background:url(../images/design/icons/star_16.png) 0 5px no-repeat transparent;
								}
								ul.error li {
									background:url(../images/design/icons/error_button_16.png) 0 5px no-repeat transparent;
								}
								ul.warning li {
									background:url(../images/design/icons/warning_16.png) 0 5px no-repeat transparent;
								}
								ul.bullet li {
									background:url(../images/design/list-style-bullet1.png) 0 5px no-repeat transparent;
								}
								ul.point li {
									background:url(../images/design/icons/arrow_right_16.png) 0 5px no-repeat transparent;
								}
								ul.point2 li {
									background:url(../images/design/list-style-point2.png) 0 5px no-repeat transparent;
								}
								ul.check li {
									background:url(../images/design/list-style-check1.png) 0 5px no-repeat transparent;
								}
								ul.point3 li {
									background:url(../images/design/list-style-point3.png) 0 5px no-repeat transparent;
								}
								ul.bullet2 li {
									background:url(../images/design/icons/add_16.png) 0 5px no-repeat transparent;
								}
								ul.kill li {
									background:url(../images/design/list-style-kill1.png) 0 5px no-repeat transparent;
								}
								ul.kill2 li {
									background:url(../images/design/list-style-kill2.png) 0 5px no-repeat transparent;
								}
								ul.block li {
									background:url(../images/design/list-style-blocked.png) 0 5px no-repeat transparent;
								}
								ul.basic li {
									background:url(../images/design/list-style-basic.png) 0 5px no-repeat transparent;
								}
								ul.kill li, ul.point li, ul.bullet2 li, ul.warning li, ul.error li {
									padding-top:3px;
									padding-left:20px;
								}
								ul.star li {padding-top:4px;padding-left:20px;}
								ul.divide.star li {padding-top:5px;}
								ul.kill.divide li, ul.point.divide li, ul.point.divide li, ul.warning.divide li, ul.star.divide li, ul.error.divide li {
									background-position:0 6px;
								}
								ul.divide li {
									padding-top:4px;
									background-position:0 10px;
									border-bottom:1px solid #dddddd;
								}
								/* #Images
								================================================== */

								img.scale-with-grid {
									max-width: 100%;
									height: auto; }
									img.gray, img.grey {
										filter: gray; /* IE6-9 */
									}
									.border {
										display:block;
										position:relative;
									}
									img.over {
										position:absolute;
										z-index:1000;
									}
									.border img {
										padding:5px 5px 5px 5px;
										background-color:#e5e5e5;
										border:1px solid #e1e0e0;
									}
									div.zoom,div.link {position:relative !important;}
									.border div.mask {
										display:block;
										position:absolute;
										margin:0;
										top:0;
										left:0;
										width:100%;
										margin:6px;
										height:100%;
										background:url(../images/design/image-overlay-pattern.png) repeat rgba(0, 0, 0, 0.4);
										display:none;
									}
									div.mask a {
										position:relative;
										float:left;
										margin-top:-18px;
										margin-left:-18px;
										top:50%;
										left:50%;
									}
									div.mask.both .zoom a {margin-right:22px;margin-left:-38px;}
									div.mask .zoom a,div.mask .link a {
										background:url(../images/design/icon-zoom.png) no-repeat transparent;
										display:block;
										width:36px;
										height:36px;
										text-indent:999999px;
										display:inline-block;
									}
									div.mask .link a {background:url(../images/design/icon-link.png) no-repeat transparent;}

									/* #Tabs and Accordions
									================================================== */
									.tabbed-area {
										position:relative;
										display:block;
										margin-bottom:49px;
									}
									.tabbed-area ul.tabs {
										margin:0px;
										padding:0px;
									}
									.tabbed-area ul.tabs li {
										list-style:none;
										display:block;
										float:left;
										margin:0;
										padding:0;
									}
									.tabbed-area ul.tabs li a {
										padding:11px 8px 10px 8px;
										text-decoration:none;
										font-weight:bold;
										position:relative;
										z-index:100;
										border-bottom:none;
										outline:none;
										background-color:#ececec;
										border:1px solid #dbdbdb;
										margin:0;
										top:2px;
										color:#a7a7a7;
										font-size:11px;
										line-height:17px;
									}
									.tabbed-area ul.tabs li a.active {
										color:#3783a0;
										padding:10px 8px 10px 8px;
										background-color:transparent;
										border:1px solid #dbdbdb;
										border-top:1px solid #3783a0;
										border-bottom:3px solid #f4f3f3;
										top:0;
										left:0;
									}
									.tabbed-area ul.tabs li:first-child a {border-right:none;}
									.tabbed-area ul.tabs li:nth-child(3) a {border-left:none;}
									.tabbed-area .tcontent {
										border:1px solid #dbdbdb;
										padding:0 0 3px 15px;
										position:relative;
										top:10px;
										z-index:10;
									}
									.tabbed-area .tcontent { display:none; }


									.accordion {width:100%;cursor:pointer;margin:0 0 45px 0;padding:0;}
									.accordion li {margin:-1px 0 0 0;}
									.accordion div.parent {margin:0;padding:0;vertical-align:middle;}
									.accordion div.parent .accordion-caption {
										background:url(../images/design/accordion-arrow.png) no-repeat transparent;
										width:23px;
										height:23px;
										float:right;
										position:relative;
										top:8px;
										margin-right:10px;
									}
									.accordion div.parent h6 {min-height:31px;padding:9px 0 0 10px;font-weight:normal;font-family:"Open Sans";font-size:14px;border:1px solid #e1e0e0;margin:0;background:#ecebeb;}
									.accordion div.parent.open h6 {}
										.accordion div.tcontent {padding:14px;display:none;border:1px solid #e1e0e0;border-top:none; color: white;}

										/* #Buttons
										================================================== */

										a.medium-button, a.button.color,a.big-button {
											background: url(../images/design/button-cut.png) no-repeat scroll top right #404040;
											display: block;
											float: left;
											text-decoration:none !important;
											height: 36px;
											padding-right: 8px;
											text-decoration: none;
											margin-bottom:5px;
										}
										a.medium-button span, a.button.color span,a.big-button span {
											background: url(../images/design/button-body.png) no-repeat #404040;
											display: block;
											line-height: 26px;
											padding:5px 19px 5px 22px;
											font-weight:bold;
											font-size:12px;
											color:#ffffff;
											font-family:Helvetica,arial,freesans,clean,sans-serif;
										}
										a.big-button {
											background:url(../images/design/callout-button-cut.png) no-repeat scroll top right #404040;
											height:51px;
											padding-right:6px;
										}
										a.big-button span {
											background:url(../images/design/callout-button.png) no-repeat #404040;
											line-height:41px;
											padding:5px 15px 5px 22px !important;
											font-size:19px !important;
											color:#ffffff !important;
											font-weight:600 !important;
											border:none !important;
											font-style:normal;
											font-family:"Open Sans";
										}
										/* For Javascript */
										a.big-button:active,a.big-button:active span,a.big-button:hover,a.big-button:hover span,
										a.medium-button:active,a.medium-button:active span,a.medium-button:hover,a.medium-button:hover span {background-color:#279fcc;}

										a.big-button:active,a.medium-button:active {background-position:bottom right;}
										a.big-button:active span,a.medium-button:active span {background-position:bottom left;}
										a.button.small:active span {background-position: bottom left;}
										a.button.color { background: transparent url(../images/design/buttons/cbutton-denim-blue-cut.png) no-repeat scroll top right;padding-right: 4px;height:22px; }
										a.button.color span {
											background: transparent url(../images/design/buttons/cbutton-denim-blue.png) no-repeat;
											height:12px;
											line-height:10px;
											padding:6px 12px 4px 16px;
											color:#f8f8f8;
											font-style:normal;
											text-shadow: 0px 1px 1px #333333;
										}
										a.button.color:hover {background-position:bottom right;}
										a.button.color:hover span {background-position:bottom left;}
										a.medium-button span {padding-right:14px !important;padding-left:22px;}


										/* #Forms
										================================================== */

										.footer .input-wrapper {
											background:#f4f3f3;
											height:27px;
											width:100%;
											position:relative;
											margin:0;
											padding:0;
											margin-top:8px;
											margin-bottom:11px;
											box-shadow: inset 1px 1px 3px 1px #c3c2c2;
										}
										.footer .input-wrapper input{
											width:95%;
											margin-left:10px;
											margin-top:2px;
											height:25px;
											border:none;
											background:transparent;
											padding:0;
											position:absolute;
											outline:none;
											color:#888888;
										}

										/* #Misc
										================================================== */
										p.note, p.note.success {
											background:url(../images/icons/check_32.png) no-repeat #f2ffe8;
											background-position:10px 15px;
											border:1px solid #97ff4c;
											border-radius: 5px; /* CSS3 */
											padding:20px 25px 20px 55px;
											margin-bottom:2px;
											width:100%;
										}
										p.note.info {
											background:url(../images/icons/info_button_32.png) no-repeat #e5f7ff;
											background-position:15px 15px;
											border-color:#5ac8f1;
										}
										p.note.warning {
											background:url(../images/icons/warning_32.png) no-repeat #fffadc;
											background-position:15px 15px;
											border-color:#ffd858;
										}
										p.note.error {
											background:url(../images/icons/close_32.png) no-repeat #ffe4e4;
											background-position:15px 15px;
											border-color:#ffa0a0;
										}
										.bold {font-weight:bold !important;}
										.remove-bottom { margin-bottom: 0 !important; }
										.remove-top {margin-top: 0 !important}
										.half-bottom { margin-bottom: 10px !important; }
										.add-bottom { margin-bottom: 20px !important; }
										.right		{float:right !important;}
										.left		{float:left !important;}
										.relative	{position:relative !important;}
										.absolute	{position:absolute !important;}
										.bold		{font-weight:bold !important;}
										.overh		 {overflow:hidden;}


										/**** Isotope Filtering ****/

										.isotope-item {
											z-index: 2;
										}

										.isotope-hidden.isotope-item {
											pointer-events: none;
											z-index: 1;
										}

										/**** Isotope CSS3 transitions ****/

										.isotope,
										.isotope .isotope-item {
											transition-duration: 0.8s;
										}



										/**** disabling Isotope CSS3 transitions ****/

										.isotope.no-transition,
										.isotope.no-transition .isotope-item,
										.isotope .isotope-item.no-transition {
											transition-duration: 0s;
										}


										.isotope-item {
											z-index: 2;
										}

										.isotope-hidden.isotope-item {
											pointer-events: none;
											z-index: 1;
										}
										.telephonique {
											cursor:pointer;
											border-radius: 10px;
											box-shadow: 3px 3px 2px black;
											display: inline-block;
											text-transform: uppercase;
											text-decoration: none;
											width: 160px;
											border: 3px solid blue;
											padding-top: 10px;
											position: fixed;
											z-index: 100;
											text-align: center;
											right: -4%;
											top: 26%;
											transform: translate(-50%, -50%);
										}
										.telephonique p{
											color : black;
											font-weight: bold;
											margin-left: 0px;
											font-size: 15px;
										}
										.telephonique2 {
											width: 800px;
											height: 600px;
											border: 3px solid #1368CA;
											border-radius: 10px;
											padding: 10px;
											position: fixed;
											z-index: 100;
											left: 50%;
											top: 50%;
											transform: translate(-50%, -50%);
											background: rgba(0,0,0,0.9);
										}
										.telephonique2 ul li{
											font-size : 20px;
											margin: 0;
										}
										.telephonique2 ul li a{
											color: white;
											margin-left: 10px;
										}

										/***************** MENU FLOTTANT CONTACTER NOUS A DROITE **********/
										.telephonique3 {
											width: 800px;
											height: 600px;
											border: 3px solid #1368CA;
											border-radius: 10px;
											padding: 10px;
											position: fixed;
											z-index: 100;
											left: 50%;
											top: 50%;
											transform: translate(-50%, -50%);
											background:white;
										}
										.telephonique3 p{
											font-size : 18px;
											margin: 0;
											color: black;
										}

										/****************** MENU CONTACTER NOUS A DROITE **********/

										/***************** MENU FLOTTANT CONTACTER NOUS A DROITE **********/
										.telephonique4 {
											width: 800px;
											height: 600px;
											border: 3px solid #1368CA;
											border-radius: 10px;
											padding: 10px;
											position: fixed;
											z-index: 100;
											left: 50%;
											top: 50%;
											transform: translate(-50%, -50%);
											background: white;
										}
										.telephonique4 ul li{
											font-size : 20px;
											text-align: center;
											margin: 0;
										}
										.telephonique4 ul li a{
											color: black;
											margin-left: 10px;
										}

										/***************** MENU FLOTTANT CONTACTER NOUS A DROITE **********/
										.telephonique5 {
											width: 800px;
											height: 600px;
											border: 3px solid #1368CA;
											border-radius: 10px;
											padding: 10px;
											position: fixed;
											z-index: 100;
											left: 50%;
											top: 50%;
											transform: translate(-50%, -50%);
											background: white;
										}
										.telephonique5 ul li{
											font-size : 20px;
											text-align: center;
											margin: 0;
										}
										.telephonique5 ul li a{
											color: black;
											margin-left: 10px;
										}


										.telephonique7 {
											width: 800px;
											height: 600px;
											border: 3px solid #1368CA;
											border-radius: 10px;
											padding: 10px;
											position: fixed;
											z-index: 100;
											left: 50%;
											top: 50%;
											transform: translate(-50%, -50%);
											background: white;
										}
										.telephonique7 ul li{
											font-size : 20px;
											text-align: center;
											margin: 0;
										}
										.telephonique7 ul li a{
											color: black;
											margin-left: 10px;
										}


										/****************** MENU CONTACTER NOUS A DROITE **********/


										#accesRapide{
											position: fixed;
											z-index: 10000;
											text-align: center;
											left: 1%;
											top: 1px;
											font-weight: bold;
											cursor:pointer;
										}
										#enseignant{
											position: absolute;
											z-index: 100;
											text-align: center;
											right: 5%;
											top: 1px;
											cursor:pointer;
											font-weight: bold;
										}

										.titrageH4 h4, p{
											color :  #911e3e;
											margin-left: 20px;
											text-align: center;
										}
										.titrageH4 ul, li{
											font-family: Georgia, serif;
											margin-left: 20px;
											font-size: 17px;
										}

										.strongerColor strong{
											color: #3460cd;
										}
										.strongerTestimonial strong{
											color : white;
										}
										.pTestimonial p{
											color : red;
											font-size: 15px;
											font-weight: 600;
										}
										.cadragePhoto{
											margin-left: 10px;
										}
										.cadrageTexte{
											border : solid  #ffba84  2px;
											border-radius: 3%;
											padding-top: 10px;
											margin-left: 12px;
											box-shadow: 2px 2px 5px black;
										}
										.cadrageTexte li{
											color:black;
										}
										.methodologieEffet p{
											color:black;
											font-size: 16px;
											font-family: Georgia, serif;
										}
										.methodologieEffet li{
											color: #b05205 ;
											font-size: 20px;
											font-family: Georgia, serif;
											font-weight: bold;
										}

										/**********  menu des matieres  debut *********************************/
										div.tab {
											overflow: hidden;
											border: 1px solid #ccc;
											background-color: #f1f1f1;
											text-align: center;
										}

										/* Style the buttons inside the tab */
										div.tab button {
											background-color: #deecd7;
											/*background-image:linear-gradient(white, #498CAB);*/
											float: left;
											border: none;
											outline: none;
											cursor: pointer;
											padding: 14px 16px;
											transition: 0.3s;
											font-size: 17px;
											width : 180px;
										}

										/* Change background color of buttons on hover */
										div.tab button:hover {
											background-color: #A4C5D5;
										}

										/* Create an active/current tablink class */
										div.tab button.active {
											background-color: #498CAB;
											color : white;
										}

										/* Style the tab content */
										.tabcontent {
											display: none;
											padding: 6px 12px;
											border: 3px solid grey;
											border-top: none;
											box-shadow: 3px 3px 20px black;
											width:auto;
										}
										.centrageBouton{
											border : 3px solid grey;
											border-radius: 10px;
											box-shadow: 2px 2px 10px white;
										}
										.centrageBouton button{
											margin-left: 8px;
											font-weight: bold;
										}
										/**********  menu des matieres  début *********************************/
										.effetTitreMath{
											background: -moz-linear-gradient(white,  #adcbca);
										}


										/********* Menu des matieres fin ***************************/

										/*************  PHOTO DU CARROUSEL MENU PRINCIPAL début **************/
										.photoCarousel img{
											border : 2px solid white;
											border-radius: 8px;
											padding-right: 3px;
										}


										/*************  PHOTO DU CARROUSEL MENU PRINCIPAL fin **************/

										/************* tablette page d'accueil début **************/
										.tablette{
											float: left;
											text-align: center;
											margin-top: 15px;
										}
										.styletab1 p{
											padding-top: 12px;
											color: black;
											text-shadow: 2px 2px 2px white;
											font-weight: bold;
											font-family: Georgia, serif;
											font-size: 15px;
										}
										.tab1{
											border : 1px solid black;
											margin-right: 20px;
											margin-left: -15px;
											height : 350px;
											border-radius: 20px;
											background: linear-gradient(white,  #FAF1E8 );
											box-shadow: 3px 3px 3px white;
										}
										.tab1:hover{
											transition: 2s;
											box-shadow: 3px 3px 3px red;
											background: linear-gradient(white,  #CCDDE1 );
										}
										.tab2{
											border : 1px solid black;
											margin-right: 20px;
											margin-left: -15px;
											height : 350px;
											border-radius: 20px;
											background: linear-gradient(white,  #FAF1E8 );
											box-shadow: 3px 3px 3px white;
										}
										.tab2:hover{
											transition: 2s;
											box-shadow: 3px 3px 3px red;
											background: linear-gradient(white,  #CCDDE1 );
										}
										.tab3{
											border : 1px solid black;
											margin-right: 5px;
											margin-left: -15px;
											height : 350px;
											border-radius: 20px;
											background: linear-gradient(white,  #FAF1E8  );
											box-shadow: 3px 3px 3px white;
										}
										.tab3:hover{
											transition: 2s;
											box-shadow: 3px 3px 3px red;
											background: linear-gradient(white,  #CCDDE1 );
										}
										.titletab1{
											background:  linear-gradient( #b8e6f3 ,  #185768 );
											color : white;
											text-shadow: 2px 2px 2px black;
											margin-left: -15px;
											margin-right: -15px;
											border-radius: 20px;
										}
										.fondEcran{
											background: red;
										}

										/************* tablette page d'accueil fin **************/

										/***************** Partie evenement page d'accueil debut**************/
										.cadrageEvenement{
											height : 90px;
											text-align: center;
										}

										/***************** Partie evenement page d'accueil fin**************/

										.fondEcranParallax{
											background: no-repeat;
										}
										.menuCaractere li{
											font-size: 10px;
										}

										#soutienScolaire{
											width : 1300px;
											margin: auto;
										}
										#coursParticulier{
											width : 1300px;
											margin: auto;
										}
										#stageIntense{
											width : 1300px;
											margin: auto;
										}
										#nosIntervenant{
											width : 1300px;
											margin: auto;
										}
										#nosConseils{
											width : 1300px;
											margin: auto;
										}
										/*********Début section Méthodologie ******/
										.traitementTexte{
											text-align: center;
											cursor:default;
											margin-top: 15px;
										}

										.traitementTexte p{
											color:black;
											font-size: 16px;
											font-weight: 500;
											padding-right: 7px;
											font-family: Verdana, sans-serif;
										}



										/*********Fin section Méthodologie ******/




										/*  footer **************************************************/

										footer {
											position:absolute;
											background-color:#0c1a1e;
											min-height:250px;
											font-family: 'Open Sans', sans-serif; }


										.icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
										.icon-ul li { line-height:75px; width:100%; float:left;}
										.icon { float:left; margin-right:5px;}


										.copyright { min-height:40px; background-color:#000000;}
										.copyright p { float:left; text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
										.heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
										.post p { font-size:12px; color:#FFF; line-height:20px;}
										.post p span { display:block; color:#8f8f8f;}
										.bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
										.bottom_ul li { float:left; line-height:40px;}
										.bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
										.bottom_ul li a { color:#FFF;  font-size:12px;}









										/* Global Button Styles */
										a.animated-button:link, a.animated-button:visited {
											position: relative;
											color: #fff;
											font-size:10px;
											font-weight: bold;
											text-align: center;
											text-decoration: none;
											overflow: hidden;
											border-radius: 0;
											text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
											transition: all 0.5s ease;
										}
										a.animated-button:link:after, a.animated-button:visited:after {
											content: "";
											position: absolute;
											height: 0%;
											left: 50%;
											top: 50%;
											width: 150%;
											z-index: -1;
											transition: all 0.75s ease 0s;
										}
										a.animated-button:link:hover, a.animated-button:visited:hover {
											color: #FFF;
											text-shadow: none;
										}
										a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
											height: 450%;
										}
										a.animated-button:link, a.animated-button:visited {
											color: #fff;
											font-size:12px;
											width: 200px;
											border-radius: 0;
											font-weight: bold;
											text-align: center;
											text-decoration: none;
											overflow: hidden;
											text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
											transition: all 0.5s ease;
										}


										/* Victoria Buttons */

										a.animated-button.victoria-one {
											border: 2px solid #D24D57;
										}
										a.animated-button.victoria-one:after {
											background: #D24D57;
											transform: translateX(-50%) translateY(-50%) rotate(-25deg);
										}


										/*  AJUSTEMENT DES 4 ISOTOPES ELEMENTS DE LA PAGE D'ACCUEIL */
										#esdm a{
											text-align: center;
										}
										.alignementG ul li{
											display: inline-block;
											margin-top: 10px;
											box-shadow: 3px 3px 3px rgb(109,130,149);
											border-radius: 5px;
										}
										/* EFFET 3D TEXTE EN TITRE */
										.effet3Dtext{
											font:normal 30pt Arial;
											color:#FFFFFF;
											text-shadow: 1px 2px 0 #575757,
											0 2px 0 #c9c9c9,
											0 3px 0 #bbb,
											0 4px 0 #b9b9b9,
											0 5px 0 #aaa,
											0 6px 1px rgba(0,0,0,.1),
											0 0 5px rgba(0,0,0,.1),
											0 1px 3px rgba(0,0,0,.3),
											0 3px 5px rgba(0,0,0,.2),
											0 5px 10px rgba(0,0,0,.25),
											0 10px 10px rgba(0,0,0,.2),
											0 20px 20px rgba(0,0,0,.15);
										}

.imagerie1{
	border: 3px solid grey;
}
.imagerie1:hover{
	border: 4px solid   #5cff57  ;
	box-shadow: 3px 3px 15px  #5cff57  ;
	transition: all 0.2s ease-out;
	transform: scale(0.9);
}
.imagerie2{
	border: 3px solid grey;
}
.imagerie2:hover{
	border: 4px solid  #ffc571 ;
	box-shadow: 3px 3px 15px  #ffc571 ;
	transition: all 0.2s ease-out;
	transform: scale(0.9);
}
.imagerie3{
	border: 3px solid grey;
}
.imagerie3:hover{
	border: 4px solid red;
	box-shadow: 3px 3px 15px red;
	transition: all 0.2s ease-out;
	transform: scale(0.9);
}
.imagerie4{
	border: 3px solid grey;
}
.imagerie4:hover{
	border: 4px solid #00c7ec;
	box-shadow: 3px 3px 15px #00c7ec;
	transform: scale(0.9);
	transition: all 0.2s ease-out;
}


/*** LIGNE BLEU QUI TRAVERSE L'ECRAN DEBUT ***/
#content {
    width: 100%;
    /* Full Width */
	height: 5px;
    margin: 50px auto;
    background: #000;
}

.expand {
    width: 100%;
    height: 1px;
    margin: 2px 0;
    background: #2187e7;
    position: absolute;
    box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7);
}

/* Full Width Animation Bar */
@-moz-keyframes fullexpand {
    0%  { width: 0px;
}

100% {
    width: 100%;
}
}

@-webkit-keyframes fullexpand {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    };
}
/*** LIGNE BLEU QUI TRAVERSE L'ECRAN FIN ***/













/*Neon*/


a {
  text-decoration: none;
  transition: all 0.5s;
}

li a {
  font-size: 1.5em;
  color: #228DFF;
  font-family: Iceland;
}

li a:hover {
  animation: neon2 1.5s ease-in-out infinite alternate;
}



/*glow for webkit*/

@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
  }
}

@-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}

@-webkit-keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}

@-webkit-keyframes neon4 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
  }
}

@-webkit-keyframes neon5 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;
  }
}

@-webkit-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
/*glow for mozilla*/

@-moz-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
  }
}

@-moz-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}

@-moz-keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}

@-moz-keyframes neon4 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
  }
}

@-moz-keyframes neon5 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;
  }
}

@-moz-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
/*glow*/

@keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;
  }
}

@keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}

@keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}

@keyframes neon4 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
  }
}

@keyframes neon5 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;
  }
}

@keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}
/*REEEEEEEEEEESPONSIVE*/

@media (max-width: 650px) {
  #container {
    width: 100%;
  }
li{
    font-size: 3.5em;
  }
}




/*** EFFET VIDEO ESDM  ***/

#videoESDM :hover{
		transition: 3s;
		z-index:9999;
}

@media (min-aspect-ratio: 16/9) {
  #videoESDM {
    width: 100%;
    height: auto; /* En pratique : supérieur à la hauteur du viewport */
  }
}
@media (max-aspect-ratio: 16/9) {
  #videoESDM {
    width: auto; /* En pratique : supérieur à la largeur du viewport */
    height: 100%;
  }
}



/********* SLIDE SPONSOR PARTENAIRE  **********/
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
            user-select: none;
        touch-action: pan-y;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*********** FIN SLIDER SPONSOR  *****/




.bino{
  position: relative;
  height: 300px;
}

.orbit {
  position: absolute;
  z-index: 10;
  width: 100px;
  height: 200px;
  left: 50%;
  top: 50%;
  margin: -100px -50px;
  border: 3px solid #3F5591;
  border-radius: 50%;
}
.rot45 {
  z-index: 6;
  transform: rotate(45deg);
}
.rot90 {
  z-index: 4;
  transform: rotate(90deg);
}
.rot135 {
  z-index: 6;
  transform: rotate(135deg);
}

.prot {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 95px 45px;
  border-radius: 50%;
    background-color: rgba(59, 32, 0, 0.7);
  animation: pulse 5s infinite;
}

.elec {
  position: absolute;
  top: 96px;
  left: -6px;
}
.elec:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(59, 32, 0, .7);
}

.sp1 { animation: lr 10s infinite; }
.sp1:after { animation: ud 10s infinite; }
.sp2 { animation: lr 6s infinite; }
.sp2:after { animation: ud 6s infinite; }
.sp3 { animation: lr 16s infinite; }
.sp3:after { animation: ud 16s infinite; }
.sp4 { animation: lr 5s infinite; }
.sp4:after { animation: ud 5s infinite; }


@keyframes pulse {
  0%,
  100% {
    background-color: rgba(59, 32, 0, 0.7);
  }
  50% {
    background-color: rgba(204, 132, 0, 0.8);
    transform: scale(2);
  }
}

@keyframes lr {
  0% {
    animation-timing-function: ease-in;
    transform: translateX(0px);
  }
  25% {
    animation-timing-function: ease-out;
    transform: translateX(51px);
  }
  50% {
    animation-timing-function: ease-in;
    transform: translateX(104px);
  }
  75% {
    animation-timing-function: ease-out;
    transform: translateX(51px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes ud {
  0% {
    animation-timing-function: ease-out;
    transform: translateY(0px);
  }
  25% {
    animation-timing-function: ease-in;
    transform: translateY(-102px);
  }
  50% {
    animation-timing-function: ease-out;
    transform: translateY(0px);
  }
  75% {
    animation-timing-function: ease-in;
    transform: translateY(102px);
  }
  100% {
    transform: translateY(0px);
  }
}
.padage h6{

	font-weight:bold;
}
.padage2 h6{
overflow: scroll;
	font-weight:bold;
}
.blanchir p, li{
	color:white;
	text-align: left;
	font-size:17px;
}
.noircir li{
	color:black;
}
@media print {
    * {
        color: #000!important;
        text-shadow: none!important;
        background: transparent!important;
        box-shadow: none!important
    }


/**** SLIDEANIM ****/

/************* SLIDER EFFET GENERAL bas vers le HAUT  ****************/
/*-- /back to top --*/
.slideanim {visibility:hidden;}
.slide {
	/* The name of the animation */
	animation-name: slide;
	-webkit-animation-name: slide;
	/* The duration of the animation */
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	/* Make the element visible */
	visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
	0% {
		opacity: 0;
		transform: translateY(60%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}
@-webkit-keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
	}
}
/******************* SLIDER EFFET GENERAL FIN  bas vers le haut***************/

/************* SLIDER EFFET GENERAL Horizontal droite à gauche****************/
/*-- /back to top --*/
.slideanim2 {visibility:hidden;}
.slide2 {
	/* The name of the animation */
	animation-name: slide2;
	-webkit-animation-name: slide2;
	/* The duration of the animation */
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	/* Make the element visible */
	visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide2 {
	0% {
		opacity: 0;
		transform: translateX(40%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}
@-webkit-keyframes slide2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}
/******************* SLIDER EFFET GENERAL FIN Horizontal droite à gauche***************/


/************* SLIDER EFFET GENERAL Horizontal gauche à droite ****************/
/*-- /back to top --*/
.slideanim3 {visibility:hidden;}
.slide3 {
	/* The name of the animation */
	animation-name: slide3;
	-webkit-animation-name: slide3;
	/* The duration of the animation */
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	/* Make the element visible */
	visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide3 {
	0% {
		opacity: 0;
		transform: translateX(0%);
	}
	100% {
		opacity: 0;
		transform: translateX(60%);
	}
}
@-webkit-keyframes slide3 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(0%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(60%);
	}
}
/******************* SLIDER EFFET GENERAL FIN Horizontal gauche à droite***************/

/************* SLIDER EFFET GENERAL Horizontal droite à gauche****************/
/*-- /back to top --*/
.slideanim4 {visibility:hidden;}
.slide4 {
	/* The name of the animation */
	animation-name: slide2;
	-webkit-animation-name: slide2;
	/* The duration of the animation */
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	/* Make the element visible */
	visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide4 {
	0% {
		opacity: 0;
		transform: translateX(60%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}
@-webkit-keyframes slide4 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(60%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}
/******************* SLIDER EFFET GENERAL FIN Horizontal droite à gauche***************/


/************* SLIDER EFFET GENERAL bas vers le HAUT  ****************/
/*-- /back to top --*/
.slideanim5 {visibility:hidden;}
.slide5 {
	/* The name of the animation */
	animation-name: slide5;
	-webkit-animation-name: slide5;
	/* The duration of the animation */
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	/* Make the element visible */
	visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide5 {
	0% {
		opacity: 0;
		transform: translateY(60%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}
@-webkit-keyframes slide5 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
	}
}
/******************* SLIDER EFFET GENERAL FIN  bas vers le haut***************/