/*
    Theme Name: Thème Parc Lebel
    Theme URI: http://www.proulxcommunications.com
    Author: Proulx Communications
    Author URI: http://www.proulxcommunications.com
    Description: Thème du site Web de Proulx Communications
    Version: 1.3
    Text Domain: domaineTheme

    Tous droits réservés à Proulx Communications 2016.
*/




/****************************************************************************************************/
/* Section des polices */

    *
    {
		font-family:Rubik, sans-serif;
    }

	p, li, strong, a, main *
	{
		font-family:Gudea, sans-serif;
	}

/* Fin de la section des polices */
/****************************************************************************************************/

	.mobile
	{
		display:none;
	}

	.noMobile
	{
		display:block;
	}

	.visibleTouch
	{
		display:none;
	}

	.home .noHome
	{
		display:none;
	}

	html, body
	{
		min-width:320px;
		height:100%;
	}

	img
	{
		max-width:100%;
		height:auto;
	}

	.icone
	{
		display:block;
	}

	.rouge,
		.page-template-page-rouge .couleurPage,
		.page-template-page-rouge .emphase,
		.page-template-page-rouge input.placeHolderActif,
		.page-template-page-rouge textarea.placeHolderActif
	{
		color:#ef4136;
	}

		.page-template-page-rouge input,
		.page-template-page-rouge textarea
		{
			border-color:#ef4136;
		}

	.orange,
		.page-template-page-orange .couleurPage,
		.page-template-page-orange .emphase,
		.page-template-page-orange input.placeHolderActif,
		.page-template-page-orange textarea.placeHolderActif
	{
		color:#fbb040;
	}

		.page-template-page-orange input,
		.page-template-page-orange textarea
		{
			border-color:#fbb040;
		}

	.vert,
		.page-template-page-vert .couleurPage,
		.page-template-page-vert .emphase,
		.page-template-page-vert input.placeHolderActif,
		.page-template-page-vert textarea.placeHolderActif
	{
		color:#7dc151;
	}

		.page-template-page-orange input,
		.page-template-page-orange textarea
		{
			border-color:#7dc151;
		}

	.bleu,
		.page-template-default .couleurPage,
		.page-template-default input.placeHolderActif,
		.page-template-default textarea.placeHolderActif,
		.page-template-page-bleu .couleurPage,
		.page-template-page-bleu .emphase,
		.page-template-page-bleu input.placeHolderActif,
		.page-template-page-bleu textarea.placeHolderActif
	{
		color:#1c78ba;
	}

		.page-template-default input,
			.page-template-default textarea,
			.page-template-page-bleu input,
			.page-template-page-bleu textarea
		{
			border-color:#1c78ba;
		}

	body #wrap
	{
		min-height:100%;
		background-position:center top;
		background-repeat:no-repeat;
	}

	body #wrap #contenu
	{
		min-height:500px;
	}

	.boutonAnime
	{
		position:relative;
	}

		button.boutonAnime
		{
			padding:0;
			border:none;
			background:none;
		}

		.boutonAnime .normal
		{
			display:inline-block;
			height:100%;
		}

		.boutonAnime .survol
		{
			position:absolute;
				top:0;
				left:0;
			display:block;
			width:100%;
			max-width:0;
			height:100%;
			overflow:hidden;
			white-space:nowrap;
			background-size:cover;
			background-position:left;
			background-repeat:repeat-y;

			-webkit-transition:max-width 0.25s;
			-moz-transition:max-width 0.25s;
			-ms-transition:max-width 0.25s;
			-o-transition:max-width 0.25s;
			transition:max-width 0.25s;
		}

			.page-template-page-rouge .boutonAnime.couleurPage .survol,
				.boutonAnime.rouge .survol
			{
				background-image:url('images/degrade-petit-rouge.png');
			}

			.page-template-page-orange .boutonAnime.couleurPage .survol,
				.boutonAnime.orange .survol
			{
				background-image:url('images/degrade-petit-orange.png');
			}

			.page-template-page-vert .boutonAnime.couleurPage .survol,
				.boutonAnime.vert .survol
			{
				background-image:url('images/degrade-petit-vert.png');
			}

			.page-template-page-bleu .boutonAnime.couleurPage .survol,
				.page-template-default .boutonAnime.couleurPage .survol,
				.boutonAnime.bleu .survol
			{
				background-image:url('images/degrade-petit-bleu.png');
			}

			.boutonAnime:hover .survol
			{
				max-width:100%;
			}

			.boutonAnime .normal a,
				.boutonAnime .normal span,
				.boutonAnime .survol a,
				.boutonAnime .survol span
			{
				padding:5px;
			}

				.boutonAnime .survol a,
					.boutonAnime .survol span
				{
					color:#fff;
				}

				.boutonAnime span span
				{
					display:inline-block;
				}



	/****** Header ******/
	header
	{
		position:fixed;
			top:0;
		z-index:10;
		width:100%;
		height:86px;
			height:4.5vw;/*115px*/
		background-image:url('images/degrade-nav.png');
		background-repeat:repeat-y;
		/*background-size:cover;*/
	}

		header .barreNav
		{
			width:100%;
			height:85%;
				height:4vw;/*100px*/
			padding-top:15px;
			background-color:#000;
		}

			header .barreNav a
			{
				color:#fff;
				text-decoration:none;
			}

			header .barreNav nav
			{
				width:50%;
				height:100%;
				float:left;
			}

				header .barreNav nav.menu-menu-principal-gauche-container
				{
					padding-right:115px;
						padding-right:6vw; /*190px*/ /* Moitier de la largeur du bloc du logo + 40px */
					text-align:right;
				}

				header .barreNav nav.menu-menu-principal-droite-container
				{
					padding-left:115px;
						padding-left:6vw; /*190px*/ /* Moitier de la largeur du bloc du logo + 40px */
					text-align:left;
				}

					header .barreNav nav .menu
					{
						height:100%;
					}

						header .barreNav nav .menu > li
						{
							position:relative;
							z-index:0;
							display:inline-block;
							height:100%;
							margin:0 20px;
							/*font-size:1vw;*/
							font-size:19px;
							font-weight:700;
							text-transform:uppercase;

						}

							header .barreNav nav .menu > li .before
							{
								/*content:'';*/
								position:absolute;
									top:0;
									bottom:0;
									left:0;
									right:0;
								z-index:-1;
								background-image:url('images/degrade-nav.png');
								opacity:0;
								filter:alpha(opacity=0);

								-webkit-transition:opacity 0.25s;
								-moz-transition:opacity 0.25s;
								-ms-transition:opacity 0.25s;
								-o-transition:opacity 0.25s;
								transition:opacity 0.25s;
							}

								header .barreNav nav .menu > li > a
								{
									display:inline-block;
									padding:0 15px 15px;
									line-height:70px;
										line-height:2.7vw;
								}

							header .barreNav nav .menu > li.menu-item-has-children > a
							{
								padding-bottom:15px;
							}

							header .barreNav nav .menu > li:hover .before,
								header .barreNav nav .menu > li.current-menu-item .before,
								header .barreNav nav .menu > li.current-menu-ancestor .before
							{
								opacity:1;
								filter:alpha(opacity=100);
							}

							header .barreNav nav .menu > li .sub-menu
							{
								position:absolute;
									top:50px;
										top:4.5vw;/*85px*/
									left:0;
								width:100%;
								max-height:0;
								padding:0 10px;
								overflow:hidden;
								background-color:#0298d3;
								background-image:url('images/degrade-nav.png');
								background-repeat:repeat-y;
								font-size:20px;
								font-weight:400;
								text-align:center;
								line-height:normal;

								-webkit-transition:max-height 0.25s;
								-moz-transition:max-height 0.25s;
								-ms-transition:max-height 0.25s;
								-o-transition:max-height 0.25s;
								transition:max-height 0.25s;
							}

								header .barreNav nav .menu > li:hover .sub-menu
								{
									max-height:200px;
								}

								header .barreNav nav .menu > li .sub-menu li
								{
									margin:10px 0;
									font-size:13.5px;
								}

									header .barreNav nav .menu > li .sub-menu li a
									{
										color:#fff;

										-webkit-transition:color 0.25s;
										-moz-transition:color 0.25s;
										-ms-transition:color 0.25s;
										-o-transition:color 0.25s;
										transition:color 0.25s;
									}

										header .barreNav nav .menu > li .sub-menu li:hover a,
											header .barreNav nav .menu > li .sub-menu li.current-menu-item a
										{
											color:#000;
										}

			header .barreNav .conteneurLogo
			{
				position:absolute;
					top:0;
					left:50%;
				z-index:1;
				display:none;
				width:230px;
					width:12vw;	/*300px*/
				padding:29px;
					padding:1.5vw; /*45px 0*/
				margin-left:-115px;
					margin-left:-6vw; /*-150px*/
				background-color:#000;
				text-align:center;

				opacity:1;
				filter:alpha(opacity=100);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

				-webkit-transition:top 0.5s 0.25s, opacity 0.5s 0.25s;
				-moz-transition:top 0.5s 0.25s, opacity 0.5s 0.25s;
				-ms-transition:top 0.5s 0.25s, opacity 0.5s 0.25s;
				-o-transition:top 0.5s 0.25s, opacity 0.5s 0.25s;
				transition:top 0.5s 0.25s, opacity 0.5s 0.25s;
			}

				.home header .barreNav .conteneurLogo
				{
					display:block;
				}

				header .barreNav.scrolled .conteneurLogo
				{
					top:-60px;
					opacity:0;
					filter:alpha(opacity=0);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

					-webkit-transition:top 0.5s 0s, opacity 0.5s 0s;
					-moz-transition:top 0.5s 0s, opacity 0.5s 0s;
					-ms-transition:top 0.5s 0s, opacity 0.5s 0s;
					-o-transition:top 0.5s 0s, opacity 0.5s 0s;
					transition:top 0.5s 0s, opacity 0.5s 0s;
				}

				header .barreNav .conteneurLogo img
				{
					opacity:1;
					filter:alpha(opacity=100);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				}

			header .barreNav .conteneurLogo.logoHorizontal
			{
				top:0;
				display:block;
				padding-top:25px;
					padding-top:0.9vw;
				padding-bottom:0;
				opacity:1;
				filter:alpha(opacity=100);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

				-webkit-transition:opacity 0.5s 0s;
				-moz-transition:opacity 0.5s 0s;
				-ms-transition:opacity 0.5s 0s;
				-o-transition:opacity 0.5s 0s;
				transition:opacity 0.5s 0s;
			}

				.lt-ie9 header .barreNav .conteneurLogo.logoHorizontal
				{
					display:block !important;
					top:auto;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				}

					.lt-ie9 .home header .barreNav .conteneurLogo.logoHorizontal
					{
						display:none !important;
						top:auto;
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					}

				.home header .barreNav .conteneurLogo.logoHorizontal
				{
					opacity:0;
					filter:alpha(opacity=0);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				}

				header .barreNav.scrolled .conteneurLogo.logoHorizontal
				{
					opacity:1;
					filter:alpha(opacity=100);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

					-webkit-transition:opacity 0.5s 0.25s;
					-moz-transition:opacity 0.5s 0.25s;
					-ms-transition:opacity 0.5s 0.25s;
					-o-transition:opacity 0.5s 0.25s;
					transition:opacity 0.5s 0.25s;
				}

			header #meteoNav
			{
				position:absolute;
					top:0;
					right:0;
				height:100px;
					height:4vw;
				padding:0.3vw 1vw;
				background-image:url('images/degrade-nav.png');
				background-repeat:repeat-y;
				background-position:right; /*Position temporaire en attendant l'exécution du javascript*/
				color:#fff;
				text-align:center;

				-webkit-transition:background-position 0.5s;
				-moz-transition:background-position 0.5s;
				-ms-transition:background-position 0.5s;
				-o-transition:background-position 0.5s;
				transition:background-position 0.5s;
			}

				header #meteoNav:before
				{
					content:'';
					display:inline-block;
					width:0;
					height:100%;
					vertical-align:middle;
				}

				header #meteoNav .conteneurRangee
				{
					display:inline-block;
					vertical-align:middle;
				}

				header #meteoNav.bas
				{
					top:100%;
				}

				header #meteoNav #temperatureNav
				{
					margin-right:10px;
					vertical-align:middle;
					font-size:2vw;
				}

				header #meteoNav img
				{
					height:65px;
						height:2.5vw;
					vertical-align:middle;
				}

				header #meteoNav #descriptionTemperatureNav
				{
					display:block;
					width:100%;
					font-size:0.7vw;
					text-align:center;
					text-transform:uppercase;
				}
	/****** Fin header ******/

	/****** Bannieres d'accueil ******/
	#banniere
	{
		position:relative;
		height:60%;
		padding-top:4.5vw;
	}

		.home #banniere
		{
			height:100%;
		}

			.home #banniere .flecheBanniere
			{
				position:absolute;
					left:50%;
					bottom:4vh;
				width:62px;
				height:44px;
				margin-left:-31px;

				cursor:pointer;
			}

				.home #banniere .flecheBanniere .fleche
				{
					position:absolute;
						top:0;
					width:62px;
					height:21px;

					background-image:url('images/fleche-banniere.png');
					background-repeat:no-repeat;
					background-position:center;

					opacity:0.4;
					filter:alpha(opacity=40);

					-webkit-transition:opacity 0.5s;
					-moz-transition:opacity 0.5s;
					-ms-transition:opacity 0.5s;
					-o-transition:opacity 0.5s;
					transition:opacity 0.5s;
				}

					.home #banniere .flecheBanniere .fleche0
					{

					}

					.home #banniere .flecheBanniere .fleche1
					{
						top:10px;
					}

					.home #banniere .flecheBanniere .fleche2
					{
						top:20px;
					}

					.home #banniere .flecheBanniere .fleche.actif
					{
						opacity:1;
						filter:alpha(opacity=100);
					}

		#banniere #conteneurBanniere
		{
			position:relative;
			z-index:0;
			height:100%;
			overflow:hidden;
		}

			#banniere #conteneurBanniere .banniereAccueil
			{
				position:absolute;
				bottom:0;
				width:100%;
				height:100%;
				background-size:cover;
				background-position:center;
			}

		#banniere #conteneurOverlay
		{
			position:absolute;
				right:0;
				bottom:0;
			/*width:20%;*/
			width:10%;
		}

			#banniere #conteneurOverlay .overlayBanniere
			{
				/*padding:30px 0 40px;*/
				padding:15px 0 20px;
				margin-top:15px;
				background-color:#fff;
					background-color:rgba(255,255,255,0.9);
				text-align:center;
			}

				#banniere #conteneurOverlay .overlayBanniere span
				{
					display:inline-block;
					width:100%;
					/*font-size:1.5vw;*/
					font-size:0.75vw;
					font-weight:500;
					text-transform:uppercase;
				}

				#banniere #conteneurOverlay #conteneurCondition
				{
					/*margin-bottom:10px;*/
					margin-bottom:5px;
					/*padding-bottom:20px;*/
					padding-bottom:10px;
					/*color:#7dc151;*/
				}

					#banniere #conteneurOverlay .overlayBanniere span#titreCondition
					{
						margin-bottom:5px;
					}

					#banniere #conteneurOverlay .overlayBanniere span#sousTitreCondition
					{
						/*margin-bottom:30px;*/
						margin-bottom:15px;
						/*font-size:3.5vw;*/
						font-size:1.75vw;
						font-weight:400;
					}

					#banniere #conteneurOverlay .overlayBanniere img
					{
						max-width:40%;
					}

					#banniere #conteneurOverlay .overlayBanniere span#condition
					{
						/*margin-top:40px;*/
						margin-top:20px;
						/*font-size:1vw;*/
						font-size:0.6vw;
						font-weight:700;
					}

				#banniere #conteneurOverlay #conteneurMeteo
				{
					margin-top:12px;
					color:#1c78ba;
				}

					#banniere #conteneurOverlay #conteneurMeteo #temperature
					{
						display:inline-block;
						width:auto;
						/*margin-right:30px;*/
						margin-right:15px;
						/*font-size:4.4vw;*/
						font-size:2.2vw;
						font-weight:300;
						vertical-align:middle;
					}

					#banniere #conteneurOverlay #conteneurMeteo img
					{
						display:inline-block;
						max-width:30%;
						vertical-align:middle;
					}

					#banniere #conteneurOverlay #conteneurMeteo #descriptionTemperature
					{
						margin-top:10px;
						/*font-size:1vw;/*25px*/
						font-size:0.6vw;
						font-weight:700;
					}
	/****** Fin banniere d'accueil ******/

	/****** Zone de contenu ******/
	main
	{
		position:relative;
		/*max-width:1300px;*/
		/*padding:0 10%;*/
		/*width:43vw;*/
		width:51.6vw;
		max-width:100%;
		padding:0;
		/*padding-top:30px;*/
		margin:auto;
		text-align:center;
	}

		main h1, main h2,
			main h3, main h4,
			main h5
		{
			text-align:center;
		}

		main p, main li
		{
			text-align:justify;
		}

		.home main
		{
			width:100%;
			max-width:2440px;
			padding:0 10%;
		}

		main .conteneurBlocInformations
		{
			/*width:100%;*/
			width:75%;
			margin:auto;
			margin-top:5vh;
			margin-bottom:3%;
		}

			.home main .conteneurBlocInformations
			{
				margin-top:30px;
			}

			main .conteneurBlocInformations .blocInformations
			{
				position:relative;
				width:33.333333%;
				float:left;
				cursor:pointer;
			}

				main .conteneurBlocInformations .blocInformations img
				{
					display:block;
				}

				main .conteneurBlocInformations .blocInformations .conteneurLegende
				{
					position:absolute;
					bottom:0;
					left:0;
					display:block;
					width:65%;
					/*padding:2vh 0 0;*/
					padding:1.7vh 0 0;
					background-color:#fff;
					text-align:right;
				}

					main .conteneurBlocInformations .blocInformations .legendeBloc
					{
						display:inline-block;
						padding:0 20px 10px 2vh;
						/*font-size:1vw;*/
						font-size:16px;
						font-weight:600;
						text-transform:uppercase;
					}

						main .conteneurBlocInformations .blocInformations .details
						{
							display:block;
							width:100%;
							padding-right:20px;
							max-height:0vw;
							overflow:hidden;
							background-size:cover;
							color:#fff;
							/*font-size:0.8vw;*/
							font-size:15px;
							line-height:1.5vw;
							text-transform:uppercase;

							-webkit-transition:max-height 0.25s, color 0.25s;
							-moz-transition:max-height 0.25s, color 0.25s;
							-ms-transition:max-height 0.25s, color 0.25s;
							-o-transition:max-height 0.25s, color 0.25s;
							transition:max-height 0.25s, color 0.25s;
						}

							main .conteneurBlocInformations .blocInformations .details:hover
							{
								color:#000;
							}

							main .conteneurBlocInformations .blocInformations .details::after
							{
								content:'>';
								margin-left:10px;

								-webkit-transition:color 0.25s;
								-moz-transition:color 0.25s;
								-ms-transition:color 0.25s;
								-o-transition:color 0.25s;
								transition:color 0.25s;
							}

								main .conteneurBlocInformations .blocInformations .details:hover:after
								{
									color:#000;
								}

							main .conteneurBlocInformations .blocInformations .details a
							{
								color:#fff;
								text-decoration:none;

								-webkit-transition:color 0.25s;
								-moz-transition:color 0.25s;
								-ms-transition:color 0.25s;
								-o-transition:color 0.25s;
								transition:color 0.25s;
							}

								main .conteneurBlocInformations .blocInformations .details:hover a
								{
									color:#000;
								}

							main .conteneurBlocInformations .blocInformations.rouge .details
							{
								background-image:url('images/degrade-petit-rouge.png')
							}

							main .conteneurBlocInformations .blocInformations.orange .details
							{
								background-image:url('images/degrade-petit-orange.png')
							}

							main .conteneurBlocInformations .blocInformations.vert .details
							{
								background-image:url('images/degrade-petit-vert.png')
							}

							main .conteneurBlocInformations .blocInformations.bleu .details
							{
								background-image:url('images/degrade-petit-bleu.png')
							}

							main .conteneurBlocInformations .blocInformations:hover .details
							{
								max-height:1.5vw;
							}

	/*** Pages ***/
	#conteneurTitre
	{
		position:absolute;
			/*top:-8vw;!*-9.5*!*/
		bottom:-25px;
			left:50%;
		width:100%;

		padding:0 14.5%;
		margin-left:-50%;
		text-align:center;
	}

		#conteneurTitre #blocTitre
		{
			/*width:43vw;*/
			width:51.6vw;
			/*padding:3vw 20px 10px;*/
			padding:1vw 20px 5px;
			margin:auto;
			background-color:#fff;
		}

	/* Loop événements */
	.post-type-archive-evenements main
	{
		width:50vw;
		max-width:1292px;
		min-width:720px;
		padding:0;
		/*margin-top:80px;*/
		margin-top:50px;
	}

		.post-type-archive-evenements .loop
		{
			/*padding:0 100px;*/
			text-align:left;
		}

			.post-type-archive-evenements .loop.pair
			{
				margin-top:38px;
			}

			.post-type-archive-evenements .loop.impair
			{

			}

			.post-type-archive-evenements .loop .conteneurImage
			{
				width:43%;
				max-width:560px;
			}

				.post-type-archive-evenements .loop.pair .conteneurImage
				{
					float:left;
					margin-right:4%;
				}

				.post-type-archive-evenements .loop.impair .conteneurImage
				{
					float:right;
					margin-left:4%;
				}

			.post-type-archive-evenements .loop .conteneurTexte
			{
				position:relative;
				width:53%;
				float:left;
			}

				.post-type-archive-evenements .loop .conteneurTexte span.date
				{
					/*font-size:1.1vw;*/
					font-size:21px;
					font-weight:500;
					text-transform:uppercase;
				}

				.post-type-archive-evenements .loop .conteneurTexte h2
				{
					margin-top:0;
					text-align:left;
				}

				.post-type-archive-evenements .loop .conteneurTexte p
				{
					margin:1.5vw 0;
				}

				.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails
				{
					position:relative;
					display:inline-block;
					float:right;
				}

					.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails .fond
					{
						position:absolute;
							top:0;
							bottom:0;
							left:0;
							right:0;
						z-index:-1;
						background-image:url('images/degrade-petit-rouge.png');
						background-size:cover;
						background-repeat:no-repeat;
						opacity:0;
						filter:alpha(opacity=0);

						-webkit-transition:opacity 0.25s;
						-moz-transition:opacity 0.25s;
						-ms-transition:opacity 0.25s;
						-o-transition:opacity 0.25s;
						transition:opacity 0.25s;
					}

						.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails:hover .fond
						{
							opacity:1;
							filter:alpha(opacity=100);
						}

					.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails .details
					{
						display:inline-block;
						padding:8px 15px;
						/*font-size:0.8vw;*/
						font-size:15px;
						font-weight:700;
						text-transform:uppercase;
						text-decoration:none;

						/*-webkit-transition:color 0.25s;
						-moz-transition:color 0.25s;
						-ms-transition:color 0.25s;
						-o-transition:color 0.25s;
						transition:color 0.25s;*/
					}

						.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails .details::after
						{
							content:'>';
							margin-left:5px;
						}

						/*.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails:hover .details
						{
							color:#fff;
						}*/
	/* Fin Loop événements */

	/* Pagination */
	ul.pagination
	{

	}

		ul.pagination li
		{
			/*width:7vw;*/
			width:160px;
			padding:0 15px;
			/*font-size:0.8vw;*/
			font-size:15px;
			line-height:1vw;
			text-transform:uppercase;
			text-align:right;
		}

			ul.pagination li::before
			{
				content:'';
				display:none;
			}

				ul.pagination li a
				{
					position:relative;

					display:inline-block;
					padding:0 18px;

					color:#939598;
					text-indent:0;
					text-decoration:none;

					-webkit-transition:color 0.25s;
					-moz-transition:color 0.25s;
					-ms-transition:color 0.25s;
					-o-transition:color 0.25s;
					transition:color 0.25s;
				}

					ul.pagination li:hover a
					{
						color:#000;
					}

					ul.pagination li .icone
					{
						position:absolute;
						display:block;
						/*width:0.8vw;*/
						width:10px;
						height:47px;
						max-height:100%;
						background-image:url('images/sprites-pagination.png');
						background-repeat:no-repeat;
						background-position:center right;
						background-size:cover;
						opacity:0.4;
						filter:alpha(opacity=40);

						-webkit-transition:opacity 0.25s;
						-moz-transition:opacity 0.25s;
						-ms-transition:opacity 0.25s;
						-o-transition:opacity 0.25s;
						transition:opacity 0.25s;
					}

						ul.pagination li:hover .icone
						{
							opacity:1;
							filter:alpha(opacity=100);
						}

				ul.pagination li.precedent
				{
					padding-left:25px;
					float:left;
					text-align:left;
				}

					ul.pagination li.precedent .icone
					{
						/*left:-0.8vw;*/
						left:-15px;
						background-position:center left;
					}

				ul.pagination li.suivant
				{
					float:right;
				}

					ul.pagination li.suivant .icone
					{
						/*right:-0.8vw;*/
						right:-15px;
						background-position:center right;
					}
	/* Fin Pagination */

	/* Bouton événements archivés */
	.boutonEvenementExpire
	{
		position:relative;
		display:inline-block;
		margin:3vw 0;
	}

		.boutonEvenementExpire .fond
		{
			position:absolute;
				top:0;
				bottom:0;
				left:0;
				right:0;
			z-index:-1;
			width:100%;
			height:100%;
			background-image:url('images/degrade-petit-bleu.png');
			background-size:cover;
			background-repeat:repeat-y;
			opacity:0;
			filter:alpha(opacity=0);

			-webkit-transition:opacity 0.25s;
			-moz-transition:opacity 0.25s;
			-ms-transition:opacity 0.25s;
			-o-transition:opacity 0.25s;
			transition:opacity 0.25s;
		}

			.boutonEvenementExpire:hover .fond
			{
				opacity:1;
				filter:alpha(opacity=100);
			}

			.page-template-page-rouge .boutonEvenementExpire.couleurPage .fond
			{
				background-image:url('images/degrade-petit-rouge.png');
			}

			.page-template-page-orange .boutonEvenementExpire.couleurPage .fond
			{
				background-image:url('images/degrade-petit-orange.png');
			}

			.page-template-page-vert .page.boutonEvenementExpire.couleurPage .fond
			{
				background-image:url('images/degrade-petit-vert.png');
			}

			.page-template-page-bleu .boutonEvenementExpire.couleurPage .fond
			{
				background-image:url('images/degrade-petit-bleu.png');
			}

		.boutonEvenementExpire.boutonAnime a
		{
			display:inline-block;
			padding:10px 20px;

			font-weight:500;
			text-transform:uppercase;
			text-decoration:none;
		}

			.boutonEvenementExpire.boutonAnime .normal a
			{
				color:inherit;
			}
	/* Fin Bouton événements archivés */

	/*** Fin Pages ***/

	/****** Fin Zone de contenu ******/

	/****** Footer ******/
	footer
	{
		width:100%;
		padding:45px 0;
		background-color:#000;
		color:#fff;
	}

		footer .conteneurTexte
		{
			width:100%;
			max-width:895px;
			margin:auto;
		}

			footer .conteneurTexte .colonneGauche,
				footer .conteneurTexte .colonneDroite
			{
				float:left;
			}

			footer .conteneurTexte .colonneGauche
			{
				/*width:60%;*/
				width:100%;
				text-align:center;
			}

				footer .conteneurTexte .colonneGauche p
				{
					display:inline-block;
					/*margin-bottom:20px;*/
					/*font-size:1vw;*/
					/*font-size:0.75vw;*/
					font-size:14px;
					line-height:1.2vw;
					vertical-align:middle;
				}

				footer .conteneurTexte .colonneGauche a
				{
					color:#fff;
				}

				footer .conteneurTexte .colonneGauche .conteneurTripAdvisor
				{
					display:inline-block;
					vertical-align:middle;
					margin-lefT:20px;
					margin-bottom:-6px;
				}

					footer .conteneurTexte .colonneGauche .conteneurTripAdvisor a
					{
						color:#000;
					}

				footer .conteneurTexte .colonneGauche .logoFacebook
				{
					display:inline-block;
					width:37px;
					height:37px;
					margin-left:20px;
					background-image:url('images/icone-facebook.png');
					background-repeat:no-repeat;
					opacity:0.6;
					vertical-align:middle;

					-webkit-transition:opacity 0.25s;
					-moz-transition:opacity 0.25s;
					-ms-transition:opacity 0.25s;
					-o-transition:opacity 0.25s;
					transition:opacity 0.25s;
				}

					footer .conteneurTexte .colonneGauche .logoFacebook:hover
					{
						opacity:1;
					}

				footer .conteneurTexte .colonneGauche .conteneurPartenaire
				{
					margin-top:30px;
				}

					footer .conteneurTexte .colonneGauche .conteneurPartenaire img
					{
						margin:0 10px;
					}

			footer .conteneurTexte .colonneDroite
			{
				position:relative;
				width:40%;
			}

				footer .conteneurTexte .colonneDroite #logoOverlayCarte
				{
					position:absolute;
					bottom:10px;
					right:10px;
					z-index:9;
				}

				footer .conteneurTexte .colonneDroite #carteGoogle
				{
					width:100%;
					height:350px;
				}

					footer #carteGoogle .gm-style-cc
					{
						display:none !important;
					}

	footer#legal
	{
		padding:20px 0 40px;
		margin-top:0;
		/*background-color:#2c2c2c;*/
	}

		footer#legal .conteneurTexte
		{
			max-width:700px;
			font-size:12px;
		}

			footer#legal .conteneurTexte p
			{
				display:inline-block;
				width:50%;
			}

			footer#legal .conteneurTexte #copyright
			{
				float:left;
				text-align:left;
				line-height:20px;
			}

			footer#legal .conteneurTexte #realisation
			{
				float:right;
				text-align:right;
			}

				footer#legal .conteneurTexte #realisation a
				{
					color:#fff;
					text-decoration:none;
				}

					footer#legal .conteneurTexte #realisation #logoProulx
					{
						display:inline-block;
						width:22px;
						height:22px;
						background:url('images/logo-proulx-communications.png') no-repeat center;
						background-size:contain;
						vertical-align:middle;
					}
	/****** Fin Footer ******/

	/****** Formulaire de contact ******/
	#formContact
	{
		width:820px;
		max-width:100%;
		margin:auto;
		text-align:left;
	}

		#formContact input,
			#formContact textarea
		{
			width:100%;
			padding:10px;
			margin:10px 0;
			border-width:3px;
			border-style:solid;
			color:#939598;
			/*font-size:0.8vw;*/
			font-size:16px;
			font-weight:500;
		}

			#formContact textarea
			{
				min-height:200px;
				max-width:100%;
			}

			#formContact input.erreur,
				#formContact textarea.erreur
			{
				border-color:#ef4136;
				color:#ef4136 !important;
			}

			#formContact .placeHolderActif
			{
				text-transform:uppercase;
				color:#1c78ba !important;
			}

			#formContact button[type=submit]
			{
				width:auto;
				border:none;
				background-color:transparent;
				color:#1c78ba;
				/*font-size:0.8vw;*/
				font-size:16px;
				text-transform:uppercase;
				cursor:pointer;
				outline:none;
			}

				button[type=submit] .normal span,
					button[type=submit] .survol span
				{
					padding:10px 15px;
					font-weight:500;
				}

			#formContact p.postForm
			{
				display:inline-block;
				margin:0;
				margin-left:1.2vw;
				/*font-size:0.8vw;*/
				font-size:16px;
				font-weight:500;
				text-transform:uppercase;
			}

				#formContact p.postForm.succes
				{
					color:#7dc151;
				}

				#formContact p.postForm.erreur
				{
					color:#ef4136;
				}
	/****** Fin Formulaire de contact ******/

	/****** Bande rouge ******/
	.bandeRouge
	{
		width:100%;
		height:35px;
		/*background-image:url('images/degrade-bande-rouge.png');*/
		background-image:url('images/degrade-nav.png');
		background-repeat:repeat-y;
		background-size:cover;
	}
	/****** Fin Bande rouge ******/

/* Zone structure */
/****************************************************************************************************/





/****************************************************************************************************/
/* Style de contenu */

	main h1, main h2,
		main h3, main h4,
		#conteneurTitre h1
	{
		margin:1vw 0;
		text-transform:uppercase;
	}

		main h1,
			#conteneurTitre h1
		{
			/*font-size:2.5vw;*/
			font-size:40px;
			font-weight:400;
		}

		main h2
		{
			/*margin-top:2vw;*/
			margin-top:40px;
			/*margin-bottom:40px;*/
			margin-bottom:20px;
			/*font-size:1.7vw;*/
			font-size:30px;
			font-weight:500;
		}

		main h3
		{
			/*margin-top:2vw;*/
			margin-top:40px;
			/*margin-bottom:40px;*/
			margin-bottom:20px;
			color:#939598;
			/*font-size:1.3vw;*/
			font-size:25px;
		}

		main h4
		{
			/*margin-top:2vw;*/
			margin-top:40px;
			margin-bottom:0.3vw;
			color:#939598;
			/*font-size:1.2vw;*/
			font-size:22px;
			font-weight:normal;
		}

			main h1 + p, main h2 + p,
				main h3 + p, main h4 + p
			{
				margin-top:10px;
			}

		main h5
		{
			margin:1vw 0;
		}

	main p
	{
		width:75%;
		max-width:1480px;
		/*margin:3.5vw auto 2vw;*/
		margin:25px auto 35px;
		/*color:#939598;*/
		color:#000;
		/*font-size:1.2vw;*/
		font-size:16px;
		/*line-height:1.5vw;*/
		line-height:20px;
	}

		body:not(.home) main:not(#archive)
		{
			padding-top:20px;
		}

		body:not(.home) main p
		{
			width:100%;
		}

		main p + p
		{
			margin-top:2vw;
		}

		main:not(#archive) p::after
		{
			content:'';
			display:block;
			clear:both;
		}

		main p.legende
		{
			font-size:12px;
		}

	main a
	{
		color:#1c78ba;
		text-decoration:none;
	}

	main li
	{
		margin-bottom:0.3vw;
		padding-left:11px;
		/*color:#939598;*/
		color:#000;
		/*font-size:1.2vw;*/
		font-size:16px;
		line-height:20px;
		text-indent:-13px;
	}

		main li::before
		{
			content:'•';
			margin-right:5px;
			color:#1c78ba;
		}

	main hr
	{
		width:50%;
		min-width:400px;
		border:none;
		border-top:1px solid #000;
	}

	/* Formats */
	main .emphase
	{
		text-transform:uppercase;
	}

	main .image2Largeur
	{
		float:left;
		width:50%;
	}

	main hr.hrLarge
	{
		width:100%;
		min-width:0;
		border-top:3px solid #000;
		margin:2vw 0;
	}

	main .marge30px
	{
		margin-top:30px;
	}

	main .remerciement
	{
		display:inline-block;
		width:80px;
		margin:0.2vw 0.4vw;
		text-align:center;
	}

	main .sansMargeHorizontale
	{
		padding-left:0;
		padding-right:0;
		margin-left:0;
		margin-right:0;
	}

		main .sansMargeHorizontale::after
		{
			content:'';
			display:block;
			width:100%;
			clear:both;
		}

	main .mosaiqueGalerie img
	{
		/*display:block;
		float:left;*/
		margin:2px;
	}

	main .alignerNousJoindre
	{
		width:820px !important;
		max-width:100% !important;
		margin-left:auto;
		margin-right:auto;
	}
	/* Fin Formats */

	.mosaiqueLiensPage
	{
		width:990px;
			width:40vw;
		max-width:990px;
		margin:50px auto;
	}

		.mosaiqueLiensPage > .elementMosaique
		{
			position:relative;
			width:495px;
				width:20vw;
			max-width:495px;
			height:240px;
				height:9vw;
			max-height:240px;
			float:left;
			overflow:hidden;
			cursor:pointer;
		}

			.mosaiqueLiensPage .elementMosaique.placeholder
			{
				cursor:default;
			}

			.mosaiqueLiensPage .conteneurLegende
			{
				position:absolute;
				bottom:0;
				left:0;
				display:block;
				width:38%;
				padding:2vh 0 0;
				background-color:#fff;
				text-align:right;
			}

				.mosaiqueLiensPage .conteneurLegende .legendeBloc
				{
					display:inline-block;
					padding-right:15px;
					padding-left:5px;
					padding-bottom:2vh;
					font-size:0.9vw;
					font-weight:600;
					text-transform:uppercase;
				}

				.mosaiqueLiensPage .conteneurLegende .details
				{
					display:block;
					width:100%;
					padding-right:15px;
					max-height:0vw;
					overflow:hidden;
					background-size:cover;
					color:#fff;
					font-size:0.75vw;
					line-height:1.5vw;
					text-transform:uppercase;

					-webkit-transition:max-height 0.25s, color 0.25s;
					-moz-transition:max-height 0.25s, color 0.25s;
					-ms-transition:max-height 0.25s, color 0.25s;
					-o-transition:max-height 0.25s, color 0.25s;
					transition:max-height 0.25s, color 0.25s;
				}

					.mosaiqueLiensPage .conteneurLegende .details::after
					{
						content:'>';
						margin-left:10px;
					}

					.mosaiqueLiensPage > .elementMosaique:hover .conteneurLegende .details
					{
						max-height:1.5vw;
					}

						.mosaiqueLiensPage .conteneurLegende .details:hover
						{
							color:#000;
						}

					.mosaiqueLiensPage .elementMosaique.rouge .details
					{
						background-image:url('images/degrade-petit-rouge.png')
					}

					.mosaiqueLiensPage .elementMosaique.orange .details
					{
						background-image:url('images/degrade-petit-orange.png')
					}

					.mosaiqueLiensPage .elementMosaique.vert .details
					{
						background-image:url('images/degrade-petit-vert.png')
					}

					.mosaiqueLiensPage .elementMosaique.bleu .details
					{
						background-image:url('images/degrade-petit-bleu.png')
					}

/* Fin style de contenu */
/****************************************************************************************************/





/****************************************************************************************************/
/* Fancybox */

	.fancybox-nav
	{
		position:fixed !important;
	}

		.fancybox-next span
		{
			right:0 !important;
		}

		.fancybox-prev span
		{
			left:0 !important;
		}

/* Fancybox */
/****************************************************************************************************/





/****************************************************************************************************/
/* Classes génériques de WordPress */

    .aligncenter
    {
        display:block;
        margin-left:auto;
        margin-right:auto;
    }

    .alignleft
    {
        float:left;
    }

    .alignright
    {
        float:right;
    }

    .wp-caption
    {
        border:1px solid #ddd;
        text-align:center;
        background-color:#f3f3f3;
        padding-top:4px;
        margin:10px;
        -moz-border-radius:3px;
        -khtml-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
    }

    .wp-caption img
    {
        margin:0;
        padding:0;
        border:0 none;
    }

    .wp-caption-dd
    {
        font-size:11px;
        line-height:17px;
        padding:0 4px 5px;
        margin:0;
    }

    .hide
    {
        display:none;
    }

    .nowrap
    {
        white-space:nowrap;
    }

/* Fin des classes génériques de WordPress */
/****************************************************************************************************/






/****************************************************************************************************/
/* Styles utilitaires */

	.screen-reader-text
	{
		 position:absolute;
		 left:-9999px;
		 top:-9999px;
	}

	.lienModification
	{
		display:block;
			width:100%;
		margin-bottom:45px;
		text-align:center;
	}

	.clear
	{
		clear:both;
	}

    .block
    {
        display:block;
    }

    *, *:before, *:after
    {
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }

/* Fin des styles utilitaires */
/****************************************************************************************************/