@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1215px) {
	#Header .socials-block .social{padding:0 3.2px !important;}
}
@media screen and (max-width: 1275px) {
	#Header ul.nav li a{padding:39px 10px;}
}
@media screen and (max-width: 1160px) {
	#HeaderContainer #Header #HeaderLogo{margin-top:35px;}
	#HeaderContainer #Header #HeaderLogo img{max-height:29px;}
	#HeaderContainer #Header .logo-25{
		max-width:102px;
		margin-top:27px;
	}
	#HeaderContainer #Header ul.nav li a{font-size:14px;}
}

/***************************************************************************************/
/* Layout                                                                              */
/***************************************************************************************/

html { font-size:100%; width:100%; height:100%; }
body { padding:0px; margin:0px; text-align:center; background-color:#3475BA; }
body, td { font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }
p { margin-bottom:20px; }
li { margin-bottom:5px; }

form { padding:0px; margin:0px; }
img { vertical-align:middle; }
hr { border-bottom:1px dashed #CCCCCC; border-top:0px none; border-left:0px none; border-right:0px none; margin-top:15px; color:#FFF; }
.mobile-only{display:none !important;}


	#SiteContainer { background:url(/Design/Background/body.png) repeat-x top #3475BA; border-top:solid 11px #014A8C; }

			/* PROMO HYDROPOOL */
			/*#StageDefault { position:relative; width:975px; height:317px; padding: 0 14px; background:url(/Design/Stages/fr-CA/PromoHydropool.jpg) no-repeat top center #FFF; text-align:center; }*/
			#StageDefault { display: block; position:relative; width:975px; height:380px; padding: 0 14px; background:url(/Design/Stages/fr-CA/Ouverture2013.png) no-repeat top center #FFF; text-align:center; }
			/*#StageDefault { position:relative; width:975px; height:317px; margin:0 auto; background:url(/Design/Stages/fr-CA/Default.jpg) no-repeat top left; }*/
			#Stage { position:relative; width:975px; height:226px; margin:0 auto; }
				#StagePicture { position:absolute; top:0px; left:0px; z-index:1; overflow: hidden; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }

			#StagePicture embed{ margin: 0px 14px;}

		#ContentContainer { width:1000px; margin:0 auto; background-color:#FFFFFF; border-left:solid 1px #E0E0E0; border-right:solid 1px #E0E0E0; }

			#NavigationBarDefault { width:975px; margin:0 auto; padding-top:12px; }
			#NavigationBar { width:975px; margin:0 auto; padding-top:12px; }
				.NavigationBarTD { padding:5px 5px 0px 0px; }


			#Content { width:975px; padding:41px 20px 41px 20px; margin:0 auto; text-align:left; }
				#Content .ListBorder { border-left:1px solid #E2E3E2; }
				#Content ul { list-style:url(/Design/Layout/PuceListeTexte.png); }
				#Content h2 { font-size:18px; }



				.TDTop td { vertical-align:top; }

				.TableGenerale { width:100%; border:0px none; }
					.TableGenerale td { vertical-align:top; }
					.TableGenerale td .Droit { text-align:right; }
					.TableGenerale td .ImageBox { width:208px; padding-right:38px; }
					.TableGenerale td .ImageBox img { border:1px solid #CCD8E1; }

				#DataProductFormatsZone { margin-bottom:10px; margin-top:10px; }
					#DataProductFormatsZone table { border:0px none; }
					#DataProductFormatsZone td { vertical-align:top; width:70px; text-align:center; }
					#DataProductFormatsZone .descriptif { color:#014A8C; padding-right:10px; text-align:left; }

				#CategoryMenuLink { padding-bottom:10px; font-size:14px; margin-top:4px; }
					#CategoryMenuLink a { color:#E26816; }

				#DataProductZone {  }
					#DataProductZone .DataProduct { color:#0075B7; font-size:20px; padding-bottom:10px; text-transform:uppercase; }
					#DataProductZone .DataProductPictures { height:300px; position:relative; }
					#DataProductZone .DataProductPictures img { border:1px solid #CCD8E1; }
					#DataProductZone .DataProductMiniatures { padding-bottom:20px; }
					#DataProductZone .DataProductMiniatures img { border:1px solid #CCD8E1; }

				#DataProductsNav a.LienNext { display:block; padding:5px 0px 5px 25px; font-size:13px; }
					#DataProductsNav a.LienNext:link, #DataProductsNav a.LienNext:visited { color:#E26816; text-decoration:none; background:url(/Design/Layout/Box_MenuPuce.png) no-repeat left; }
					#DataProductsNav a.LienNext:hover, #DataProductsNav a.LienNext:active { color:#F8CEAC; text-decoration:none; background:url(/Design/Layout/Box_MenuPuceOver.png) no-repeat left; }
				#DataProductsNav .Right { position:absolute; top:-5px; left:620px; margin-bottom:20px; }
				#DataProductsNav .Left { position:absolute; top:-5px; left:530px; margin-bottom:20px; }


				#DataProductsNav a.LienPrevious { display:block; padding:5px 25px 5px 0px; font-size:13px; }
					#DataProductsNav a.LienPrevious:link, #DataProductsNav a.LienPrevious:visited { color:#E26816; text-decoration:none; background:url(/Design/Layout/Box_MenuPuceBack.png) no-repeat right; }
					#DataProductsNav a.LienPrevious:hover, #DataProductsNav a.LienPrevious:active { color:#F8CEAC; text-decoration:none; background:url(/Design/Layout/Box_MenuPuceBackOver.png) no-repeat right; }


				#Box_ProductNouveautes { width:100%; border:0px none; }
					#Box_ProductNouveautes td { width:25%; padding-top:30px; }
					#Box_ProductNouveautes .Name { border-top:solid 1px #CAD5DE; padding-top:2px; margin-top:9px; }

				.Box_ProductCategories { width:100%; border:0px none; }
					.Box_ProductCategories td { width:33%; padding-top:6px; }
					.Box_ProductCategories .Name { border-top:solid 1px #CAD5DE; padding-top:2px; margin-top:9px; }

				#Box_ProductSurMesure { background:#F7F8F8; margin-top:40px; padding:10px; }
					#Box_ProductSurMesure .Titre { border-bottom:1px solid #C9D6DF; font-size:15px; color:#0075B7; margin-bottom:10px; }
					#Box_ProductSurMesure table { width:100%; border:0px none; }
					#Box_ProductSurMesure td { text-align:left; padding:10px 0px 10px 5px; }
					#Box_ProductSurMesure td img { border:1px solid #CCD8E1; }
					#Box_ProductSurMesure .Ligne { padding-bottom:10px; border-bottom:1px solid #CAD5DE; width:102px; }
					#Box_ProductSurMesure .Ligne2 { padding-bottom:10px; border-bottom:1px solid #CAD5DE; width:458px; }

				#Box_ProductMiniatures { width:100%; border:0px none; }
					#Box_ProductMiniatures td { padding:10px 0px 30px 0px; width:16.66%; }
					#Box_ProductMiniatures img { border:1px solid #CCD8E1; }

				#DataProductSpecifications { background:#F7F8F8; padding:20px; border-top:1px solid #C9D6DF; border-bottom:1px solid #C9D6DF; }
					#DataProductSpecifications .DataZone { float:left; width:42%; padding-right:35px; }
					#DataProductSpecifications .SpecificationsZone { margin-bottom:70px; }
					#DataProductSpecifications .SpecificationsBox { float:left; width:45%; padding-right:25px; }
					#DataProductSpecifications .Specifications { color:#014A8C; text-transform:uppercase; }

				.ContentText { padding:20px 40px 20px 10px; }
					.ContentText h2 { font-size:18px; color:#429AC3; }

				.ContentDynamic { padding:20px 10px 20px 0px; }

				.DetailsLink { margin-top:5px; }

					.ContentText a {  }
					.ContentText a:link, .ContentText a:visited { color:#429AC3; text-decoration:underline; }
					.ContentText a:hover, .ContentText a:active { color:#429AC3; text-decoration:none; }

					.ContentBox { font-size:15px; }

				#BoxZoneDroite { width:242px; padding-right:20px; }
					#BoxZoneDroite .BoxSpacer { padding-bottom:30px; }

				#Conseils { padding:20px 40px 0px 0px; }
					#Conseils .ZoneConseil { padding:0px 0px 10px 0px; margin:0px 0px 30px 0px; }
					#Conseils .ZoneConseilBas { padding:0px 0px 10px 0px; margin:0px; }
					#Conseils .Titre { font-weight:bold; color:#87796c; font-size:15px; }
					#Conseils .Texte { padding:6px 0px 6px 10px; }
					#Conseils .Lien {  }
					#Conseils a { display:block; padding:5px 0px 5px 25px; font-size:13px; }
						#Conseils a:link, #Conseils a:visited { color:#E26816; text-decoration:none; background:url(/Design/Layout/Box_MenuPuce.png) no-repeat left; }
						#Conseils a:hover, #Conseils a:active { color:#F8CEAC; text-decoration:none; background:url(/Design/Layout/Box_MenuPuceOver.png) no-repeat left; }

				#PageConseil { padding:0px 40px 0px 0px; }
					#PageConseil .ZoneConseil { padding:0px 0px 10px 0px; margin:0px 0px 30px 0px; }
					#PageConseil .ZoneConseilBas { padding:0px 0px 10px 0px; margin:0px; }
					#PageConseil .Titre { font-weight:bold; color:#87796c; font-size:15px; padding:30px 0px 0px 10px; }
					#PageConseil .SousTitre { padding:3px 5px 3px 5px; background:#F8F8F8; margin:30px 0px 0px 10px; border-bottom:1px solid #E2E3E2; }
					#PageConseil p { margin:10px 0px 10px 10px; }
					#PageConseil a { margin:10px 0px 10px 10px; }
					#PageConseil .ListBorder { border-left:1px solid #E2E3E2; margin:0px 0px 0px 30px; }
					#PageConseil li { margin-bottom:5px; }

				.Partenaires { padding:20px 40px 20px 10px; }
					.Partenaires img { border:1px solid #CCCCCC; padding:7px; }
					.Partenaires .Company { font-weight:bold; color:#87796c; font-size:15px; }

				.BlueTitleTd { border-bottom:solid 1px #CAD5DE; }
				.BlueTitleDiv { width:208px; padding:0px 0px 5px 0px; }
				.GreyText { width:208px; color:#999999; font-size:12px; padding:5px; }
				.GreyTextWide { color:#999999; font-size:12px; padding:5px; }

				#Box_Menu { padding:0px; margin:15px 0px 20px 0px; }
				#Box_Menu li { list-style:none; border-bottom:solid 1px #F4F4F4; }
				#Box_Menu a { display:block; padding:5px 0px 5px 25px; font-size:14px; }
				#Box_Menu a:link, #Box_Menu a:visited { color:#E26816; text-decoration:none; background:url(/Design/Layout/Box_MenuPuce.png) no-repeat left; }
				#Box_Menu a:hover, #Box_Menu a:active { color:#F8CEAC; text-decoration:none; background:url(/Design/Layout/Box_MenuPuceOver.png) no-repeat left; }
				.Box_MenuLinkOver:link, .Box_MenuLinkOver:visited { color:#F8CEAC !important; text-decoration:none; background:url(/Design/Layout/Box_MenuPuceOver.png) no-repeat left !important; }

				#TdBox_Menu { width:200px; padding-right:40px; }
				#TdBox_Content { padding-right:20px; }
				#TdBox_Content .Headline { border-bottom:solid 1px #CAD5DE; padding-bottom:8px; padding-top:6px; margin-bottom:30px; }
				#TdBox_Content .HeadlineSub { border-bottom:solid 1px #CAD5DE; padding-bottom:8px; padding-top:6px; }
				#TdBox_Content .BoxCategoryMenu { margin:3px 0px 60px 0px; }
				#TdBox_Content .FirstLine { font-size:16px; font-weight:bold; margin-top:5px; }
				#TdBox_Content .HeadText { margin-top:5px; }


				.CategoryPicture { width:208px; margin-bottom:20px; }
				.CategoryPicture img { border:1px solid #CCD8E1; }
				.CategoryPictureOver { width:208px; cursor:pointer; margin-bottom:20px; }
				.CategoryPictureOver img { border:1px solid #CCD8E1; }
				.CategoryPicture a, .CategoryPictureOver a { font-weight:bold; font-size:14px; padding-left:10px; display:block; text-decoration:none; background:url(/Design/Layout/Link_puce.png) no-repeat top left; }
				.CategoryPicture a:link, .CategoryPicture a:visited { color:#F17C00; }
				.CategoryPictureOver a:link, .CategoryPictureOver a:visited { color:#F2B36E; }
				.CategoryPictureOver a:hover, .CategoryPictureOver a:active { color:#F2B36E; }

				.NoStyleLink:link, .NoStyleLink:visited { padding-left:0; display:inline; text-decoration:none; background:none;}
				.NoStyleLink:hover, .NoStyleLink:active { padding-left:0; display:inline; text-decoration:none; background:none;}

				.CategoryPictureLink { border-top:solid 1px #CAD5DE; padding-top:4px; margin-top:9px; }
					.CategoryPictureLink a {  }
					.CategoryPictureLink a:link, .CategoryPictureLink a:visited { color:#F17C00; }
					.CategoryPictureLink a:hover, .CategoryPictureLink a:active { color:#F2B36E; }


				#CategoryMenu { margin:0px; padding:0px; }
					#CategoryMenu li { float:left; list-style:none; font:12px Tahoma, Arial; }
					#CategoryMenu li a { display:block; padding:5px 12px; text-decoration:none; border-right:1px solid #D2D2D2; color:#959595; white-space:nowrap; }
					#CategoryMenu li a:hover { background:#F17C00; color:#FFFFFF; }
						#CategoryMenu li ul { margin:0px; padding:0px; position:absolute; visibility:hidden; border-top:1px solid white; }
						#CategoryMenu li ul li { float:none; display:inline; }
						#CategoryMenu li ul li a { width:auto; background:#ffceae; }
						#CategoryMenu li ul li a:hover { background:#F17C00; color:#FFFFFF; }

				.DetailsLink { margin-top:5px; }
					.DetailsLink a { font-size:16px; font-weight:bold; }
					.DetailsLink a:link, .DetailsLink a:visited { color:#0075b7; text-decoration:none; }
					.DetailsLink a:hover, .DetailsLink a:active { color:#0075b7; text-decoration:underline; }

				.MoreDetailsLink { margin-bottom:10px; }
					.MoreDetailsLink a { font-size:12px; font-weight:bold; font-style:italic; }
					.MoreDetailsLink a:link, .MoreDetailsLink a:visited { color:#9A9A9A; text-decoration:none; }
					.MoreDetailsLink a:hover, .MoreDetailsLink a:active { color:#9A9A9A; text-decoration:underline; }

				.ContactBoxAdresse { padding:30px 20px 20px 10px; }
					.ContactBoxAdresse .telephone { padding:15px 0px 0px 0px; }

				.ContactBoxHoraire { padding:30px 0px 20px 0px; }
					.ContactBoxHoraire .Entete { margin:0px 0px 10px 0px; }
					.ContactBoxHoraire .Cadre { border:1px solid #E2E3E2; padding:5px; }

				#ContactBoxForm { width:410px; padding:60px 8px 0px 10px; }
					#ContactBoxForm .Format { background:#F8F8F8; padding:5px 5px 5px 10px; border:solid 1px #E2E3E2; }

				#BoxForm { width:410px; padding:0px 8px 0px 10px; }
					#BoxForm .Format { background:#F8F8F8; padding:5px 5px 5px 10px; border:solid 1px #E2E3E2; }

				#map_canvas { width:510px; height:368px; margin-top:0px; border:solid 1px #999; }

				.navigation ul{ padding:20px 0px 0px 10px; margin:0px;}
				.navigation li{ float:left; list-style:none;}


				 /*	SlideShow
					/****Start*****/

					#SlideShowPictureContainer { position:relative; width:375px; height:300px; background:url(/Scripts/jQuery/nivo-slider/Images/loading.gif) no-repeat 50% 50%; }
					#SlideShowPictureContainer img { display:none; }
					#SlideShowPictureContainer .nivoSlider img { position:absolute; top:0px; left:0px; }
					#SlideShowPictureContainer a { border:0 none; display:block; }
					#SlideShowPictureContainer .nivo-directionNav a { display:block; width:30px; height:30px; background:url(/Scripts/jQuery/nivo-slider/Images/arrows.png) no-repeat; text-indent:-9999px; border:0; }

					#SlideShowPictureContainerTop { position:relative; width:435px; height:300px; background:url(/Scripts/jQuery/nivo-slider/Images/loading.gif) no-repeat 50% 50%; }
					#SlideShowPictureContainerTop img { display:none; }
					#SlideShowPictureContainerTop a { border:0 none; display:block; }
					#SlideShowPictureContainerTop .nivo-directionNav a { display:block; width:30px; height:30px; background:url(/Scripts/jQuery/nivo-slider/Images/arrows.png) no-repeat; text-indent:-9999px; border:0; }
					#SlideShowPictureContainerTop a.nivo-nextNav { background-position:-30px 0; right:15px; }
					#SlideShowPictureContainerTop a.nivo-prevNav { left:15px; }
					#SlideShowPictureContainerTop .nivoSlider img { position:absolute; top:0px; left:30px; }
					#SlideShowPictureContainerTop .nivo-Slice img { top:0px; left:30px; }

					.nivo-controlNav { position:absolute; left:12px; bottom:36px; }
					.nivo-controlNav a { display:block; width:23px; height:23px; background:url(/Scripts/jQuery/nivo-slider/Images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
					.nivo-controlNav a.active { background-position:0 -23px; }

					a.nivo-nextNav { background-position:-30px 0; right:15px; }
					a.nivo-prevNav { left:15px; }
					.nivo-caption { text-shadow:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
					.nivo-caption a { color:#efe9d1; text-decoration:underline; }



			.jcarousel-skin-tango .jcarousel-container {
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			   border-radius: 10px;
				background: #ffffff;

			}

			.jcarousel-skin-tango .jcarousel-direction-rtl {
				direction: rtl;
			}

			.jcarousel-skin-tango .jcarousel-container-horizontal {
				width: 400px;
				padding: 20px 40px;
			}

			.jcarousel-skin-tango .jcarousel-clip {
				overflow: hidden;
			}

			.jcarousel-skin-tango .jcarousel-clip-horizontal {
				width:  400px;
				height: 300px;
			}

			.jcarousel-skin-tango .jcarousel-item {
				width: 400px;
				height: 300px;
				padding:2px;
			}

			.jcarousel-skin-tango .jcarousel-item-horizontal {
				margin-left: 0;
				margin-right: 8px;
			}

			.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
				margin-left: 8px;
				margin-right: 0;
			}

			.jcarousel-skin-tango .jcarousel-item-placeholder {
				background: #fff;
				color: #000;
			}

			/**
			 *  Horizontal Buttons
			 */
			.jcarousel-skin-tango .jcarousel-next-horizontal {
				position: absolute;
				top: 100px;
				right: 5px;
				width: 27px;
				height: 27px;
				cursor: pointer;
				background: url(/Design/Background/control_right.png) no-repeat;
			}

			.jcarousel-skin-tango .jcarousel-next-horizontal:hover {

				cursor: pointer;
				background: url(/Design/Background/control_right_over.png) no-repeat;
			}

			.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
				left: 5px;
				right: auto;
				background-image:url(prev-horizontal.png);
			}

			.jcarousel-skin-tango .jcarousel-prev-horizontal {
				position: absolute;
				top: 100px;
				left: 5px;
				width: 27px;
				height: 27px;
				cursor: pointer;
				background:url(/Design/Background/control_left.png) no-repeat;
			}

			.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {

				cursor: pointer;
				background:url(/Design/Background/control_left_over.png) no-repeat;
			}

			.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
				left: auto;
				right: 5px;
				background-image: url(next-horizontal.png);
			}

					/*****End******/

			#Tag { padding:2px 11px 10px 11px; margin:0 auto; width:978px; }
				#Tag .Copy { line-height:30px; text-align:left; color:#FFF; }
				#Tag .Credit { line-height:30px; vertical-align:middle; text-align:right; color:#FFF; }

				.BoiteHover{
					width:110px;
					height:110px;
					position:absolute;
					top:0px;
					left:0px;
					background-color:#009dc4;
					/* IE 8 */
					  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

					  /* IE 5-7 */
					  filter: alpha(opacity=0);

					  /* Netscape */
					  -moz-opacity: 0;

					  /* Safari 1.x */
					  -khtml-opacity: 0;

					  /* Good browsers */
					  opacity: 0;
					}


				.LinkToolTip{text-decoration:none; color:#fff !important;}




			  .transparent_class {
			  /* IE 8 */
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

			  /* IE 5-7 */
			  filter: alpha(opacity=50);

			  /* Netscape */
			  -moz-opacity: 0.5;

			  /* Safari 1.x */
			  -khtml-opacity: 0.5;

			  /* Good browsers */
			  opacity: 0.5;
			}

			  .tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; }
			  .tipsy-inner { background-color: #009dc4; color: #FFF; max-width: 200px; padding: 7px 10px 6px 10px; text-align: center; }

			  /* Rounded corners */
			  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

			  /* Uncomment for shadow */
			  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

			  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

			  /* Rules to colour arrows */
			  .tipsy-arrow-n { border-bottom-color: #000; }
			  .tipsy-arrow-s { border-top-color: #009dc4; }
			  .tipsy-arrow-e { border-left-color: #000; }
			  .tipsy-arrow-w { border-right-color: #000; }

				.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
				.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
				.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
			    .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
				.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
				.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
			    .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
			    .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/*
 _   _                 _                         _     ____   ___  _  __
| \ | | _____      __ | | __ _ _   _  ___  _   _| |_  |___ \ / _ \/ |/ /_
|  \| |/ _ \ \ /\ / / | |/ _` | | | |/ _ \| | | | __|   __) | | | | | '_ \
| |\  |  __/\ V  V /  | | (_| | |_| | (_) | |_| | |_   / __/| |_| | | (_) |
|_| \_|\___| \_/\_/   |_|\__,_|\__, |\___/ \__,_|\__| |_____|\___/|_|\___/
                               |___/
*/

/*---BASE----*/
.btn.color-fill.colorful.orange {
	background-color:#FF9F00 !important;
}
.btn.color-fill.colorful.yellow-btn{
	top:340px;
	left:135px;
	background-color:#FFE600 !important;
	color:#1B1B1B;
}

.btn.color-fill.colorful{
	background-color:#1BA5F4;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	padding:24px 64px 24px 24px;
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
	border-radius:8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	border:none;
}
.btn.color-fill.colorful:hover{background-color:#052949;}
.btn.color-fill.colorful .arrow-btn{
	position:absolute;
	right:24px;
	width:24px;
	top:14px;
}
.btn.color-fill.colorful .arrow-btn-double{
	position:absolute;
	right:24px;
	width:24px;
	top:34px;
}

a.btn.color-light,a.btn.colorful{
	border-radius:8px;
	padding:20px;
	margin:0 10px;
	text-decoration:none;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	box-sizing:border-box;
	display:inline-block;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.btn.small{font-size:16px;}
a.btn.color-light:hover{background-color:#1BA5F4;}
a.btn.colorful:hover{background-color:#FFF;}
a.btn .right-arrow{margin-left:25px;}

a.btn.color-light{
	border:2px solid #FFF;
	color:#FFF;
}
a.btn.colorful{
	border:2px solid #009DDF;
	color:#009DDF;
}



.clearfix:before,.clearfix:after{
  content: " ";
  display: table;
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.d-table{
  display: table;
  width: 100%;
  height: 100%;
}
.d-table .t-cell{
	display: table-cell;
	vertical-align: middle;
}

#Stage,#Stage #StagePicture,#Stage #StagePicture img{width:1025px !important;}

/*---HEADER---*/

.mobile-menu{display:none;}

#Header{
	position:fixed;
	width:100%;
	height:100px;
	top:0;
	background-color:#FFF;
	-moz-box-shadow:    0px 0px 24px 0px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.30);
	box-shadow:         0px 0px 24px 0px rgba(0,0,0,0.30);
	z-index:999;
}
.header-container{
	max-width:1340px;
	margin:0 auto;
	position:relative;
	padding:0 20px;
}

#Header #HeaderLogo{
	float:left;
	dispaly:inline-block;
	margin-top:27px;
	padding-right:15px;
	border-right:1px solid rgba(86,114,134,0.2);
}
#Header #HeaderLogo img{
	max-height:48px;
	width:auto;
}

#Header .logo-25{
	float:left;
	padding-left:25px;
	margin-top:19px;
}

#Header ul.nav{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	margin-left:25px;
}
#Header ul.nav li{
	display:inline-block;
	margin:0;
}
#Header ul.nav li a{
	display:block;
	text-decoration:none;
	color:#454444;
	font-size:15px;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	padding:39px 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#Header ul.nav li a	i{
	font-size:20px;
	font-weight:bold;
	margin-left:5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#Header ul.nav li:hover a,#Header ul.nav li.active a{
	background-color:#E8EDF0;
	color:#567286;
}
#Header ul.nav li:hover > ul.sub-menu{
	max-height:800px;
}
#Header ul.nav li.active > ul.sub-menu{
	max-height:800px;
}
#Header ul.nav li.active a i{
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

#Header ul.nav li ul.sub-menu{
	position:absolute;
	width:100%;
	background-color:#E8EDF0;
	padding:0 60px;
	list-style:none;
	margin:0;
	left:0;
	box-sizing:border-box;
	max-height:0;
	overflow:hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#Header ul.nav li ul.sub-menu li{
	display:inline-block;
	float:left;
	width:20%;
}
#Header ul.nav li ul.sub-menu li a{
	color:#567286;
	display:block;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	padding:50px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#Header ul.nav li ul.sub-menu li a:hover{
	color:#1BA5F4;
}


#Header .socials-block{
	float:right;
	padding:37px 0;
}
#Header .socials-block .social{
	display:inline-block;
	padding:0 12.5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#Header .socials-block .social:hover{opacity:0.7;}

/*---FOOTER---*/

#Footer{
	background-color:#052949;
	padding:50px 0;
}
#Footer p.top-title{
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
}
#Footer ul{
	list-style:none;
	padding:0;
	margin:0;
}
#Footer ul li{margin-bottom:10px;}
#Footer ul li a,#Footer p.contact-text{
	font-size:14px;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#Footer p.contact-text span{font-weight:bold;}
#Footer ul li a:hover{
	color:#FFF;
}
#Footer ul li,#Footer ul li a,#Footer p.top-title,#Footer p.contact-text{
	color:#AEC6D5;
	font-family: 'Montserrat', sans-serif;
	text-align:left;
}
#Footer .copyrights{
	margin-top:55px;
}
#Footer .copyrights p{
	color:#AEC6D5;
	font-size:12px;
	opacity:0.4;
	font-family: 'Montserrat', sans-serif;
	margin:0;
}
#Footer .copyrights p:first-child{margin-bottom:12px;}

#Footer p{
	font-weight: 400;
}

#Footer a{
	color: #AEC6D5;
}


/*---INDEX---*/
.new-stage-index{
	position: relative;
	margin-top:90px;

}
.new-stage-index img{
	width: 100%;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.new-stage-index:hover img.left-text-noel{opacity:0.9;}
.new-stage-index img.left-text-noel{
	position:absolute;
	left:0;
	top:-50px;
	width:auto !important;
	max-width:100%;
	top:calc(50% - 240px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.new-stage-index .item .btn.color-light.upper{
	background-color:#FFF;
	color:#000;
	left:145px !important;
	top:325px !important;
}

.new-stage-index .item .btn.color-fill.colorful .arrow-btn-double{
	position:absolute;
	right:24px;
	width:24px;
	top:26px;
}

.new-stage-index .item .btn.color-fill.colorful{
	position:absolute;
	top:70%;
	left:30px;
	padding: 0.8em 3.5em 0.8em 0.8em;
	font-weight: 600;
}

.new-stage-index .item a.btn.color-fill.colorful:hover {
	background-color: #b43979!important;
	color: #fff;
}


.owl-prev,.owl-next{
	position:absolute;
	top:50%;
	transform: translate(0, -50%);
	padding:10px 25px;
	background-color:rgba(0,0,0,0.2);
	color:#FFF;
	font-size:3em;
	font-weight:bold;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.owl-prev:hover{background-color:rgba(0,0,0,1);}
.owl-next:hover{background-color:rgba(0,0,0,1);}
.owl-prev{left:0;}
.owl-next{right:0;}

.owl-dots{
	position:relative;
	height:0;
	top:-35px;
}
.owl-carousel .owl-controls .owl-dot{
	border-radius:180px;
	width:10px !important;
	height:10px;
	display:inline-block;
	width:100%;
	bottom:20px;
	margin:0 5px;
	border:2px solid #FFF;
}
.owl-carousel .owl-controls .owl-dot.active{background-color:#FFF;}

.promo-spa{text-align:center;}

.promo-spa .horaire{
	border:2px solid #E8EDF0;
	width:250px;
	padding:0px 10px;
	border-radius: 10px;
	margin:20px auto;
}
.promo-spa .address{
	font-size:1.7em;
}

.promo-spa .horaire p{
	line-height:12px;
	font-size:18px;
}

.promo-spa h2{
	font-size:22px!important;
	color:#567286;
	font-weight:200;
}

.promo{margin:30px 0;}
.promo img{
	max-width:100%;
	border-radius:8px;
}

#Tag{
	background-color:#014A8C;
	width:980px;
}

#Stage{margin-top:90px;}

.product-nav{margin-bottom:30px;}
.prod-block a{
	display:block;
	text-decoration:none;
}
.product-nav .prod-block .picture{
	height:200px;
	width:100%;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.product-nav .prod-block .picture.pict-1{background:url("/Design/Pages/Accueil/piscine-cat.jpg");}
.product-nav .prod-block .picture.pict-2{background:url("/Design/Pages/Accueil/spas-cat.jpg");}
.product-nav .prod-block .picture.pict-3{background:url("/Design/Pages/Accueil/saunas-cat.jpg");}
.product-nav .prod-block .picture.pict-4{background:url("/Design/Pages/Accueil/meubles-cat.jpg");}
.product-nav .prod-block .title{
	background-color:#052949;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-nav .prod-block .title h3{
	font-size:23px;
	color:#FFF;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	padding:40px 24px;
	margin:0;
	text-align:left;
	text-transform:uppercase;
}
.product-nav .prod-block .title h3 img{
	float:right;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-nav .prod-block:hover .title{
	background-color:#1BA5F4;
}
.product-nav .prod-block:hover .title h3 img{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.promo-band{
	background-color:#0A1B2B;
}
.promo-band .content{padding:85px 0;}
.promo-band .boxs{
	width:100%;
	background-color:#FFF;
	border-radius:8px;
	overflow:hidden;
	display:block;
}
.promo-band .boxs:hover .title-box{background-color:#052949;}
.promo-band .boxs:hover .title-box.orange{background-color:#DA4404;}
.promo-band .boxs .picture-box{
	height:240px;
	background-size:cover;
	position:relative;
}
.promo-band .boxs .picture-box.promo-box{
	background-image:url("/Design/Background/index/perrin-promo-box.jpg");
}
.promo-band .boxs .picture-box.arrivage{
	background-image:url("/Design/Background/index/promo-perrin-boxs-2.jpg");
}
.promo-band .boxs .picture-box.coeur{
	background-image:url("/Design/Background/index/coup-de-coeur-bg.jpg");
}
.promo-band .boxs .picture-box span.tag{
	position:absolute;
	top:0;
	left:0;
	padding:17px;
	color:#FFF;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
}
.promo-band .boxs .picture-box span.tag i{
	font-size:25px;
	margin-right:7px;
}
.promo-band .boxs .picture-box span.tag span{
	position:relative;
	top:-4px;
}
.promo-band .boxs .picture-box span.tag.new{background-color:#89B415;}
.promo-band .boxs .picture-box span.tag.favorite{background-color:#E84C65;}
.promo-band .boxs .title-box{
	height:60px;
	background-color:#009DDF;
	position:relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.promo-band .boxs .title-box.orange{
	background-color:#EE5815;
}
.promo-band .boxs .title-box p{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	margin:0;
	font-family: 'Montserrat', sans-serif;
	text-align:left;
	display:inline-block;
	width:80%;
	float:left;
	padding-left:20px;
}
.promo-band .boxs .title-box img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right:20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.services-band .row .col-lg-6:first-child{
	background:url("/Design/Background/index/entretien-piscine-bg.jpg") no-repeat center center;
	background-size:cover;
}
.services-band .row .col-lg-6:last-child{
	background:url("/Design/Background/index/amenagement-cours.jpg") no-repeat center center;
	background-size:cover;
}


.services-band .content{
	padding:100px 10%;
}
.services-band .boxs{
	text-align:center;
}
.services-band .boxs h3{
	font-size:26px;
	font-weight:bold;
	text-transform:uppercase;
	margin:18px 0 0;
}
.services-band .boxs p{
	font-size:17px;
	margin:18px 0 50px;
}
.services-band .boxs p.subtitle{
	font-size:17px;
	margin:0 0 15px;
	font-weight:bold;
}
.services-band .boxs h3,.services-band .boxs p, .services-band .boxs a:not(.btn){
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
}


.band-amenagement{
	padding:50px;
	background-image:url("/Design/Background/index/amenagement-cours-bg.jpg");
	background-size:cover;
	text-align:left;
}
.band-amenagement h3{
	font-size:42px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 18px;
}
.band-amenagement p{
	font-size:22px;
	margin:0 0 30px;
}
.band-amenagement h3,.band-amenagement p{
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
}

.bottom-boxs{
	padding:0 15px;
	margin:30px 15px 0;
}
.bottom-boxs .box-container:first-child .box{
	background-image: url("/Design/Background/index/spa-exterieur-bg.jpg");
}
.bottom-boxs .box-container:last-child .box{
	background-image: url("/Design/Background/index/noel-piscine-bg-2.jpg");
}
.bottom-boxs .box-container:first-child .box .inside-text{background-image: linear-gradient(-179deg, rgba(137,179,21,0.85) 0%, #89B415 30%);}
.bottom-boxs .box-container:first-child .box .inside-text .text-section{
	width:90%;
	margin:0 5%;
}
.bottom-boxs .box-container:last-child .box .inside-text{background-color: #BD081C;}
.bottom-boxs .box{
	width:100%;
	background-color:#B5C3CD;
	position:relative;
	height:300px;
	background-size:cover;
	background-position:center center;
	box-sizing:border-box;
	margin-bottom:100px;
}
.bottom-boxs .box .inside-text{
	width:100%;
	padding:30px 0;
	position:absolute;
	bottom:-100px;
}
.bottom-boxs .box .inside-text h3{
	font-size:21.6px;
	margin:0 0 15px;
	font-weight:bold;
	text-transform:uppercase;
}
.bottom-boxs .box .inside-text p{
	font-size:17px;
	margin:0;
}
.bottom-boxs .box .inside-text h3,.bottom-boxs .box .inside-text p{
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
}
.bottom-boxs .box .inside-text a.btn{margin-top:1.5em;}

.logos-band{
	text-align:center;
	padding:30px 0;
	border-top:1px solid #B5C3CD;
}
.logos-band	img{
	margin:10px 23.5px;
}

.social-band{
	padding:45px 0;
}
.social-band h3{
	color:#000;
	font-family: 'Montserrat', sans-serif;
	font-size:25px;
	text-transform:uppercase;
	margin:0 0 25px;
}
.social-band a{
	display:inline-block;
	padding:0 25px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social-band a:hover{opacity:0.7;}


.ContentText.promos{text-align:center;}
.img-promo{max-width:100%;width:49%;margin-top:15px;display:inline-block;}
.img-promo.fullSize{width:100%;}

.noel-picture .picture-box{
	display:block;
	width:100%;
	margin-bottom:30px;
}
.noel-picture .picture-box:hover{opacity:0.7;}
.noel-picture .picture-box img{max-width:100%;}