/****************************************************************************************************/
/* Responsive < 2560px */

@media screen and (max-width:2559px)
{
	/****** Navigation ******/
	header .barreNav nav .menu > li
	{
		margin:0;
	}

		header .barreNav nav .menu > li .sub-menu
		{
			font-size:15px;
		}
	/****** Fin Navigation ******/
}

/* Fin responsive < 2560px */
/****************************************************************************************************/

/****************************************************************************************************/
/* Responsive <= 1440px */
/* Reset les tailles vw/vh pour les mettre static afin qu'elles ne soient pas trop petite sur
   les plus petites résolutions */
@media screen and (max-width:1440px)
{
	/****** Navigation ******/
	header
	{
		height:68px;
	}

		header .barreNav
		{
			height:58px;
		}

			header .barreNav nav.menu-menu-principal-gauche-container
			{
				padding-right:86px;
			}

			header .barreNav nav.menu-menu-principal-droite-container
			{
				padding-left:86px;
			}

				header .barreNav nav .menu > li
				{
					/*font-size:13px;*/
					font-size:15px;
				}

					header .barreNav nav .menu > li > a
					{
						/*padding:0 10px;*/
						padding:0 13px;
					}

					header .barreNav nav .menu > li .sub-menu
					{
						font-size:14px;
					}

						header .barreNav nav .menu > li .sub-menu li
						{
							line-height:12px;
						}

							header .barreNav nav .menu > li .sub-menu li a
							{
								font-size:11px;
							}

			header .barreNav .conteneurLogo
			{
				width:172px;
				padding:22px;
				margin-left:-86px;
			}

			header #meteoNav
			{
				height:58px;
			}

				header #meteoNav #temperatureNav
				{
					margin-right:5px;
					font-size:21px;
				}

				header #meteoNav #descriptionTemperatureNav
				{
					font-size:10px;
				}
	/****** Fin Navigation ******/

	/****** Banniere d'accueil ******/
	#banniere #conteneurOverlay
	{
		width:15%;
	}

		#banniere #conteneurOverlay .overlayBanniere span
		{
			font-size:1.25vw;
		}

		#banniere #conteneurOverlay .overlayBanniere span#condition,
			#banniere #conteneurOverlay #conteneurMeteo #descriptionTemperature
		{
			padding:0 10px;
			font-size:12px;
			line-height:14px;
		}

		#banniere #conteneurOverlay #conteneurMeteo #temperature
		{
			font-size:2.5vw;
		}
	/****** Fin Banniere d'accueil ******/

	/****** Style de contenu ******/
	#banniere
	{
		padding-top:68px;
	}

	main
	{
		width:619px;
	}

	main h1, #conteneurTitre h1
	{
		font-size:36px;
	}

		#conteneurTitre #blocTitre
		{
			width:619px;
			max-width:100%;
		}

	main h2
	{
		font-size:24px;
	}

	main h3
	{
		font-size:19px;
	}

	main h4
	{
		font-size:18px;
	}

	main h5
	{
		font-size:16px;
	}

	main p, main li
	{
		font-size:17px;
		line-height:22px;
	}

	.mosaiqueLiensPage
	{
		width:576px;
		max-width:100%;
	}

		.mosaiqueLiensPage > .elementMosaique
		{
			width:288px;
			height:129px;
		}

			.mosaiqueLiensPage .conteneurLegende .legendeBloc
			{
				font-size:13px;
			}

				.mosaiqueLiensPage .conteneurLegende .details
				{
					font-size:10px;
					line-height:21px;
				}

	.post-type-archive-evenements .loop .conteneurTexte span.date
	{
		font-size:16px;
	}

	.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails .details
	{
		font-size:12px;
	}

	main .conteneurBlocInformations .blocInformations .legendeBloc
	{
		font-size:14px;
	}

		main .conteneurBlocInformations .blocInformations .details
		{
			font-size:12px;
			line-height:21px;
		}

			main .conteneurBlocInformations .blocInformations:hover .details
			{
				max-height:21px;
			}

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

	/****** Pagination ******/
	ul.pagination li
	{
		width:101px;
			max-width:50%;
		padding:0 12px;
		font-size:12px;
		line-height:14px;
	}

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

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

		/****** Footer ******/
	footer .conteneurTexte .colonneGauche p
	{
		font-size:14px;
		line-height:17px;
	}
	/****** Fin Footer ******/

	/****** Formulaire de contact ******/
	#formContact input,
		#formContact textarea,
		#formContact button[type=submit],
		#formContact p.postForm
	{
		font-size:12px;
	}
	/****** Fin Formulaire de contact ******/
}

/* Fin responsive <= 1440px */
/****************************************************************************************************/





/****************************************************************************************************/
/* Responsive <= 1024px */
/* Format 1024 */
@media screen and (max-width:1024px)
{
	/****** Style de contenu ******/
	main .conteneurBlocInformations .blocInformations .conteneurLegende
	{
		padding:10px 0 0;
	}

		main .conteneurBlocInformations .blocInformations .legendeBloc
		{
			font-size:12px;
			padding:0 20px 10px 10px;
		}

	.mosaiqueLiensPage .conteneurLegende
	{
		padding:10px 0 0;
	}

		.mosaiqueLiensPage .conteneurLegende .legendeBloc
		{
			padding-bottom:10px;
		}

			.mosaiqueLiensPage > .elementMosaique:hover .conteneurLegende .details
			{
				max-height:18px;
			}
	/****** Fin Style de contenu ******/

/* Fin responsive <= 1024px */
/****************************************************************************************************/





/****************************************************************************************************/
/* Responsive < 1024px */
/* Format 990px */
@media screen and (max-width:1023px)
{
	/****** Navigation ******/
	header .barreNav nav.menu-menu-principal-droite-container
	{
		padding-left:70px;
	}

	header .barreNav nav.menu-menu-principal-gauche-container
	{
		padding-right:70px;
	}

	header .barreNav .conteneurLogo
	{
		width:140px;
		padding:15px;
		margin-left:-70px;
	}
	/****** Fin Navigation ******/

	/****** Zone de contenu ******/
	main h2
	{
		/*margin-top:40px;*/
	}
	/****** Fin Zone de contenu ******/
}

/* Fin responsive < 1024px */
/****************************************************************************************************/




/****************************************************************************************************/
/* Responsive < 990px */
/* Format 768px */
@media screen and (max-width:989px)
{
	.noMobile{display:none !important;}
	.mobile{display:block;}

	.home #meteoNav.noHome{display:block;}

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

	body #wrap
	{
		background-image:none !important;
	}

	/****** Navigation ******/
	header
	{
		height:110px;
	}

		header .barreNav
		{
			height:100px;
			padding-top:0;
			text-align:center;
		}

			header .barreNav #boutonMenu
			{
				position:relative;
					top:50%;
				width:52px;
				height:22px;
				margin-top:-11px;
				margin-left:30px;
				float:left;

				cursor:pointer;
			}

				header .barreNav #boutonMenu .ligne
				{
					position:absolute;
						top:0;
					width:100%;
					height:4px;
					background-color:#fff;

					-webkit-transition:left ease-in-out 0.3s;
					-moz-transition:left ease-in-out 0.3s;
					-ms-transition:left ease-in-out 0.3s;
					-o-transition:left ease-in-out 0.3s;
					transition:left ease-in-out 0.3s;
				}

					header .barreNav #boutonMenu .ligne2
					{
						top:9px;
						left:0;
						width:75%;
					}

						header .barreNav #boutonMenu.actif .ligne2
						{
							left:25%;
						}

					header .barreNav #boutonMenu .ligne3
					{
						top:18px;
						left:0;
						width:50%;

						-webkit-transition-delay: 0.05s;
						-moz-transition-delay: 0.05s;
						-ms-transition-delay: 0.05s;
						-o-transition-delay: 0.05s;
						transition-delay: 0.05s;
					}

						header .barreNav #boutonMenu.actif .ligne3
						{
							left:50%;
						}

			/**** Logo ****/
			header .barreNav .conteneurLogo.logoHorizontal,
				.home header .barreNav .conteneurLogo.logoHorizontal
			{
				position:relative;
					left:-15%;
				display:inline-block;
				width:auto;
					max-width:100%;
				height:100%;
				padding:0;
				margin:auto;

				opacity:1;
				filter:alpha(opacity=100);
			}

				header .barreNav .conteneurLogo img
				{
					margin-top:9px;
				}
			/**** Fin Logo ****/

			/**** Meteo navigation ****/
			header #meteoNav
			{
				max-width:155px;
				height:100%;
				padding:0.3vw 10px;
				line-height:20px;
			}

				header #meteoNav:before
				{
					display:none;
				}

				header #meteoNav.bas
				{
					top:0;
				}

				header #meteoNav img
				{
					height:60px;
				}

				header #meteoNav #descriptionTemperatureNav
				{
					font-size:18px;
				}
			/**** Fin Meteo navigation ****/

			/**** Menu mobile ****/
			header .barreNav nav.menu-menu-principal-mobile-container
			{
				position:absolute;
					left:-50%;
				width:40%;
				height:100vh;
				padding-top:0;
				background-image:url('https://parcilelebel.qc.ca/wp-content/themes/theme-lebel/images/xdegrade-nav.png.pagespeed.ic.JDPvuSDBcT.png');
				background-repeat:repeat-y;
				background-position:left;
				text-align:left;

				-webkit-transition:left ease-in-out 0.5s;
				-moz-transition:left ease-in-out 0.5s;
				-ms-transition:left ease-in-out 0.5s;
				-o-transition:left ease-in-out 0.5s;
				transition:left ease-in-out 0.5s;
			}

				header .barreNav nav.menu-menu-principal-mobile-container.actif
				{
					left:0;
				}

				header .barreNav nav .menu
				{
					padding:45px 0 60px;
					overflow-y:auto;
				}

				header .barreNav nav .menu li.current-menu-item .before
				{
					position:relative;
						top:11px;
						left:0;
					z-index:1;
					width:40px;
					height:4px;
					margin-top:-2px;
					background-color:#000;
					background-image:none;
					opacity:1;
				}

				header .barreNav nav .menu li
				{
					position:relative;
				}

					header .barreNav nav .menu > li
					{
						position:static;
						display:block;
						height:auto;
						margin-bottom:45px;
						font-size:20px;
					}

						header .barreNav nav .menu > li.menu-item-has-children > a::after
						{
							content:'>';
							display:inline-block;
							margin-left:10px;

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

							header .barreNav nav .menu > li.menu-item-has-children.actif > a::after
							{
								-webkit-transform:rotate(90deg);
								-moz-transform:rotate(90deg);
								-ms-transform:rotate(90deg);
								-o-transform:rotate(90deg);
								transform:rotate(90deg);
							}

						header .barreNav nav .menu > li > a,
							header .barreNav nav .menu > li.menu-item-has-children > a
						{
							padding:0;
							padding-left:50px;
							line-height:20px;
						}

						header .barreNav nav .menu > li .sub-menu
						{
							position:static;
							height:auto;
							max-height:0;
							padding:0;
							padding-left:50px;
							text-align:left;
							overflow:hidden;

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

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

							header .barreNav nav .menu > li .sub-menu li.current-menu-item .before
							{
								left:-50px;
							}

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

								header .barreNav nav .menu > li .sub-menu li
								{
									font-size:16px;
									font-weight:500;
								}

									header .barreNav nav .menu > li .sub-menu li a
									{
										padding-right:10px;
										color:#000;
										font-size:15px;
										line-height:17px;
									}
			/**** Fin Menu mobile ****/
	/****** Fin Navigation ******/

	/****** Banniere ******/
	#banniere
	{
		padding-top:110px;
	}

		.home #banniere
		{
			min-height:400px; /* Afin de pouvoir voir une plus grande partie de la banniere dans les plus petites résolutions mobiles, en mode paysage */
		}

			.home #banniere.deuxGraphiques
			{
				margin-bottom:220px;
			}

	#banniere #conteneurBanniere
	{
		height:80%;
	}

		#banniere #conteneurBanniere.sansOverlay
		{
			height:100%;
		}

	#banniere #conteneurOverlay
	{
		position:absolute;
			bottom:0;
		background-color:#fff;

		/*position:static;*/
		width:100%;
		height:20%;
		text-align:center;
	}

		#banniere #conteneurOverlay .overlayBanniere
		{
			display:inline-block;
			width:auto;
			height:100%;
			padding:10px 0;
		}

			#banniere #conteneurOverlay .overlayBanniere .colonne
			{
				height:100%;
				float:left;
			}

				#banniere #conteneurOverlay .overlayBanniere .colonne-1
				{
					width:33.333333%;
				}

				#banniere #conteneurOverlay .overlayBanniere .colonne-2
				{
					width:66.666666%;
					height:auto;
					padding-top:30px;
					padding-right:50px;
				}

					#banniere #conteneurOverlay .overlayBanniere span
					{
						display:block;
						width:auto;
					}

						#banniere #conteneurOverlay .overlayBanniere span#titreCondition
						{
							font-size:23px;
						}

						#banniere #conteneurOverlay .overlayBanniere span#sousTitreCondition
						{
							margin-bottom:0;
							font-size:53px;
						}

						#banniere #conteneurOverlay .overlayBanniere span#condition
						{
							margin-top:15px;
							color:#d1d2d4;
							font-size:20px;
							white-space:nowrap;
						}

					#banniere #conteneurOverlay .overlayBanniere img
					{
						max-width:100%;
						max-height:100%;
						float:right;
					}
	/****** Fin Banniere ******/

	/****** Contenu ******/
	#conteneurTitre
	{
		position:static;
		margin-left:0;
	}

	main
	{
		padding:0;
		/*padding-top:30px;*/
	}

		main p,
			main li
		{
			padding:0 60px;
		}

			main p
			{
				width:auto;
			}

		main:not(#archive) h1, main:not(#archive) h2,
			main:not(#archive) h3, main:not(#archive) h4,
			main:not(#archive) h5
		{
			padding:0 60px;
		}

		main .conteneurBlocInformations
		{

		}

			main .conteneurBlocInformations .blocInformations
			{
				width:100%;
					max-width:493px;
				height:140px;
				margin:auto;
				float:none;
				overflow:hidden;
			}

				main .conteneurBlocInformations .blocInformations img
				{
					position:absolute;
					top:auto;
					bottom:0px;
				}

				main .conteneurBlocInformations .blocInformations .conteneurLegende
				{
					max-width:250px;
				}

					main .conteneurBlocInformations .blocInformations .legendeBloc
					{
						font-size:19px;
					}

					main .conteneurBlocInformations .blocInformations .details
					{
						max-height:none;
						font-size:16px;
					}

					main .conteneurBlocInformations .blocInformations:hover .details
					{
						max-height:none;
					}
	/****** Fin Contenu ******/

	/****** Formats ******/
	main hr.hrLarge
	{
		margin:38px 0;
	}
	/****** Fin Formats ******/

	/****** Mosaique liens page ******/
	.mosaiqueLiensPage
	{

	}

		.mosaiqueLiensPage > .elementMosaique
		{
			display:block;
			width:100%;
			margin:auto;
			float:none;
		}

			.mosaiqueLiensPage > .elementMosaique img
			{
				position:absolute;
				top:-50%;
			}

			.mosaiqueLiensPage > .elementMosaique.placeholder
			{
				display:none;
			}

			.mosaiqueLiensPage > .elementMosaique .conteneurLegende
			{
				width:50%;
			}

				.mosaiqueLiensPage > .elementMosaique .conteneurLegende .legendeBloc
				{
					font-size:16px;
				}

				.mosaiqueLiensPage > .elementMosaique .conteneurLegende .details
				{
					max-height:none;
					font-size:13px;
					line-height:24px;
				}

					.mosaiqueLiensPage > .elementMosaique:hover .conteneurLegende .details
					{
						max-height:none;
					}
	/****** Fin Mosaique liens page ******/

	/****** Formulaire de contact ******/
	#formContact
	{
		padding:0 60px;
	}

		#formContact input,
			#formContact textarea,
			#formContact button[type=submit]
		{
			font-size:17px;
		}

		#formContact p.postForm
		{
			padding:0;
			margin-left:20px;
		}
	/****** Fin Formulaire de contact ******/

	/****** Footer ******/
	footer .conteneurTexte
	{
		padding:0 40px;
	}

		footer .conteneurTexte .colonneGauche,
			footer .conteneurTexte .colonneDroite
		{
			width:100%;
			padding:0 20px;
			margin:auto;
			float:none;
			text-align:center;
		}

			footer .conteneurTexte .colonneGauche.partenairesMobile
			{
				margin-top:10px;
				padding:0;
			}

			footer .conteneurTexte .colonneDroite
			{
				margin-bottom:35px;
			}

				footer .conteneurTexte .colonneDroite #logoOverlayCarte
				{
					right:30px;
				}

			footer .conteneurTexte .colonneGauche .rangee .conteneurTripAdvisor,
				footer .conteneurTexte .colonneGauche .rangee .logoFacebook
			{
				vertical-align:middle;
			}

			footer .conteneurTexte .colonneGauche p,
				footer .conteneurTexte .colonneDroite p
			{
				font-size:16px;
				line-height:20px;
			}


	/****** Fin Footer ******/

	/****** Liste événements ******/
	.post-type-archive-evenements .loop .conteneurTexte p
	{
		padding:0;
	}
	/****** Fin Liste événements ******/
}

/* Fin responsive < 990px */
/****************************************************************************************************/





/****************************************************************************************************/
/* Responsive < 768px */
/* Format 480px */
@media screen and (max-width:767px)
{

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

	/****** Navigation ******/
	header #meteoNav
	{
		width:155px;
		padding:0.3vw 10px;
	}

		header #meteoNav .rangee
		{
			margin-top:10px;
		}

			header #meteoNav img
			{
				height:50px;
			}

	header .barreNav nav.menu-menu-principal-mobile-container
	{
		width:325px;
		left:-70%;
	}

	header .barreNav .conteneurLogo img
	{
		width:160px;
		margin-top:25px;
	}

	header .barreNav nav .menu > li .sub-menu li a
	{
		font-size:14px;
	}
	/****** Fin Navigation ******/

	/****** Banniere ******/
	#banniere #conteneurOverlay
	{
		height:140px;
	}

	#banniere #conteneurOverlay .overlayBanniere .colonne-2
	{
		padding-top:5px;
	}
	/****** Fin Banniere ******/

	/****** Contenu ******/
	.home main
	{
		padding:0;
	}

	main .conteneurBlocInformations
	{
		width:100%;
		margin-bottom:70px;
	}

	main .image2Largeur
	{
		display:block;
		width:100%;
		float:none;
	}
	/****** Fin Contenu ******/

	/****** Footer ******/
	footer .conteneurTexte .colonneDroite #carteGoogle
	{
		height:140px;
	}

	footer .conteneurTexte .colonneDroite #logoOverlayCarte
	{
		max-height:50%;
		right:30px;
	}

	footer .conteneurTexte .colonneGauche .conteneurPartenaire img
	{
		width:110px;
	}

	footer#legal
	{
		padding:20px 0 10px;
	}

		footer#legal .conteneurTexte #copyright,
			footer#legal .conteneurTexte #realisation
		{
			width:100%;
			margin:0 auto 10px;
			float:none;
			text-align:center;
		}

			footer#legal .conteneurTexte #realisation #logoProulx
			{
				margin-left:10px;
			}
	/****** Fin Footer ******/

	/****** Page archive événements ******/
	.post-type-archive-evenements main
	{
		width:auto;
			min-width:0;
			max-width:100%;
		margin-top:50px;
	}

		.post-type-archive-evenements .loop
		{
			max-width:100%;
			float:none;
		}

			.post-type-archive-evenements .loop.pair .conteneurImage,
				.post-type-archive-evenements .loop.impair .conteneurImage
			{
				width:320px;
				margin:auto;
				float:none;
			}

				.post-type-archive-evenements .loop .conteneurImage
				{
					height:120px;
					overflow:hidden;
				}

					.post-type-archive-evenements .loop .conteneurImage img
					{
						position:relative;
							top:-15%;
					}

			.post-type-archive-evenements .loop.pair .conteneurTexte,
				.post-type-archive-evenements .loop.impair .conteneurTexte
			{
				width:auto;
				padding:0 15px;
				float:none;
				text-align:center;
			}

				.post-type-archive-evenements .loop .conteneurTexte h2
				{
					margin-top:20px;
					text-align:center;
				}

				.post-type-archive-evenements .loop .conteneurTexte p
				{
					margin:20px 0;
				}

				.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails
				{
					margin:auto;
					float:none;
					white-space:nowrap;
				}

					.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails .details
					{
						font-size:15px;
					}

						.post-type-archive-evenements .loop .conteneurTexte .conteneurDetails .survol
						{
							max-width:100%;
						}

			.post-type-archive-evenements .loop hr.hrLarge
			{
				width:90%;
				border-top:1px solid #000;
				margin:35px auto;
			}
	/****** Fin Page archive événements ******/

	/****** Pagination ******/
	ul.pagination
	{
		padding:0 5%;
	}

		ul.pagination li
		{
			width:140px;
			padding:0 15px;
			font-size:14px;
			line-height:18px;
		}

			ul.pagination li .icone
			{
				width:15px;
			}

				ul.pagination li.suivant .icone
				{
					/*right:-20px;*/
				}

				ul.pagination li.precedent .icone
				{
					/*left:-20px;*/
				}

	.boutonEvenementExpire
	{
		margin:30px 0 20px;
	}
	/****** Fin Pagination ******/

	/****** Nous joindre ******/
	main .remerciement
	{
		width:95px;
		margin:10px;
	}
	/****** Fin Nous joindre ******/
}

/* Fin responsive < 768px */
/****************************************************************************************************/





/****************************************************************************************************/
/* Responsive < 480px */
/* Format 320px */
@media screen and (max-width:479px)
{
	/****** Navigation ******/
	header
	{
		height:90px;
	}

		header .barreNav
		{
			height:80px;
		}

			header .barreNav #boutonMenu
			{
				width:35px;
				margin-left:15px;
			}

			header .barreNav .conteneurLogo.logoHorizontal,
				.home header .barreNav .conteneurLogo.logoHorizontal
			{
				left:-17%;
			}

				header .barreNav .conteneurLogo img
				{
					width:130px;
					margin-top:20px;
				}

			header .barreNav nav.menu-menu-principal-mobile-container
			{
				left:-110%;
			}

		header #meteoNav
		{
			width:110px;
			padding:0.3vw 5px;
		}

			header #meteoNav #temperatureNav
			{
				margin-right:0;
				font-size:18px;
			}

			header #meteoNav img
			{
				height:45px;
			}

			header #meteoNav #descriptionTemperatureNav
			{
				font-size:12px;
				line-height:14px;
			}
	/****** Fin Navigation ******/

	/****** Banniere ******/
	.home #banniere
	{
		height:100%;
		min-height:100%;
	}

	#banniere
	{
		padding-top:80px;
	}

	#banniere #conteneurBanniere
	{
		height:75%;
	}

	#banniere #conteneurOverlay
	{
		height:110px;
		min-height:100px;
	}

	#banniere #conteneurOverlay .overlayBanniere
	{
		width:100%;
		padding:10px 0;
	}

		#banniere #conteneurOverlay .overlayBanniere .colonne-2
		{
			margin-top:1vh;
			padding-top:0;
			padding-right:0;
		}

			#banniere #conteneurOverlay .overlayBanniere span#titreCondition
			{
				font-size:18px;
			}

			#banniere #conteneurOverlay .overlayBanniere span#sousTitreCondition
			{
				font-size:35px;
			}

			#banniere #conteneurOverlay .overlayBanniere span#condition
			{
				margin-top:4px;
				font-size:15px;
			}

		#banniere #conteneurOverlay .overlayBanniere .colonne-1 img
		{
			max-width:90px;
			float:none;
		}
	/****** Fin Banniere ******/

	/****** Zone de contenu ******/
	main:not(#archive) h1, main:not(#archive) h2,
		main:not(#archive) h3, main:not(#archive) h4,
		main:not(#archive) h5
	{
		padding:0 20px;
	}


	main p, main li
	{
		padding:0 20px;
		margin:20px 0;
	}

		main p + p
		{
			margin-top:20px;
		}

	main .conteneurBlocInformations .blocInformations img
	{
		/*top:-80%;*/
	}

	#conteneurTitre
	{
		padding:0 20px;
	}

		#conteneurTitre #blocTitre
		{
			width:100%;
			padding:20px 0 10px;
		}

	/**** Formats ****/
	main .remerciement
	{
		width:75px;
		margin:5px;
	}
	/**** Fin Formats ****/

	/**** Mosaique liens page ****/
	.mosaiqueLiensPage
	{
		width:100%;
	}

		.mosaiqueLiensPage > .elementMosaique .conteneurLegende
		{
			width:75%;
		}

		.mosaiqueLiensPage > .elementMosaique img
		{
			top:-15%;
		}
	/**** Fin Mosaique liens page ****/

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

	/****** Footer ******/
	footer .conteneurTexte
	{
		padding:0;
	}
	/****** Fin Footer ******/

	/****** Formulaire de contact ******/
	#formContact
	{
		padding:0 20px;
	}

		#formContact p.postForm
		{
			display:block;
			margin-top:15px;
			margin-left:0;
		}
	/****** Fin Formulaire de contact ******/
}

/* Fin responsive < 480px */
/****************************************************************************************************/





/****************************************************************************************************/
/* iPhone 5 en mode paysage*/
@media screen and (max-height:320px)
{
	#banniere #conteneurOverlay
	{
		height:80px;
	}

		#banniere #conteneurOverlay .overlayBanniere
		{
			width:50%;
		}

			#banniere #conteneurOverlay .overlayBanniere .colonne-2
			{
				padding-top:0;
				padding-right:0;
			}

				#banniere #conteneurOverlay .overlayBanniere span#titreCondition
				{
					font-size:13px;
				}

				#banniere #conteneurOverlay .overlayBanniere span#sousTitreCondition
				{
					font-size:26px;
				}

				#banniere #conteneurOverlay .overlayBanniere span#condition
				{
					margin-top:5px;
					font-size:13px;
				}
}
/* Fin responsive < 480px */
/****************************************************************************************************/