/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@media (max-width: 991px)
{

	.fb-fd-column-xs-sm {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.fb-fd-row-xs-sm {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}

	.order2-xs-sm {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	.img100-xs-sm {
		width: 100%;
		top: 0;
	}

	.hidden-xs-sm {
		display: none;
	}

	.tace-xs-sm {
		text-align: center;
	}

	.p-fondBleu-container {
		row-gap: 30px;
		padding-top: 130px;
	}

	.p-fondBleu-container div:nth-of-type(2) p {
		margin-left: 0;
	}

	.p-fondBleu-container div:nth-of-type(1) p {
		margin-right: 0;
	}

	.coquillageBleuAbso {

		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		
	  }

	  .fond-blanc-top-container {
		padding-top: 95px;
	  }

	  .h1 {
		  font-size: 40px;
		  line-height: initial;
	  }

	  .h2 {
		  font-size: 64px;
		  line-height: initial;
	  }

	  h1 {
		font-size: 32px;
	  }

	  .noeud {
		width: 190px;
	  }

	  h1.mgt1 {
		margin-top: 10px;
	  }

	  .phareAbso {
		width: 380px;
	  }

	  .coquillageAbso {
		width: 101px;
		top: -47px;
		right: -5%;
	  }

	  p.pdt4 {
		  padding-top: 50px;
	  }

	  .algueAbso {
		height: 50%;
	  }

	  .mouetteAbso {
		width: 170px;
	  }

	  .coquillage-corde-fondBleu-container {
		  background: none;
	  }

	  .hoverImg p {
		font-size: 26px;
		margin-bottom: 10px;
		line-height: 30px;
	  }

	  .hoverImg .noeudMarin {
		width: 65%;
	  }

	/*----------------------------------------*/
	/*--------------- HEADER -----------------*/

	#menu-lg {
        font-size: 26px;
      }

      #menu-lg ul.menu1 {
        padding-right: 75px;
        margin-left: 150px;
      }

	  .titre-menu {
		font-size: 36px;
		line-height: 36px;
	  }

	  .sous-titre-menu {
		font-size: 57px;
		line-height: 65px;
	  }

	  .noeud-header {
		width: 176px;		
		margin-top: 13px;
	  }

	  header {
		padding: 38px;
	  }

	/*----------------------------------------*/
	/*--------------- FOOTER -----------------*/

	#mobile
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		bottom: 0;
		height: 45px;
		background: #325258;
	}

	#mobile>

	#mobile i,
	#mobile a,
	#mobile .mailNoSpam
	{
		color: var(--color1);
	}

	#mobile i 
	{
		font-size: 18px;
		
	}

	#copy {
		margin-bottom: 45px;
	}

	/*----------------------------------------*/
	/*--------------- INDEX -----------------*/

	.logoHaut {
		width: 250px;
	  }
	
	main.index .fond-blanc-top-container {
		padding-bottom: 225px;
	  }

	  .coquillage-corde-fondBleu-container {
		padding-bottom: 30px;
	  }

	/*-----------------------------------------*/
	/*--------------- CAMPING -----------------*/

	  .croissantAbso {
		left: 10px;
		top: 3%;
		width: 100px;
	  }

	  
	/*--------------------------------------------------------*/
	/*--------------- LOCATIFS + EMPLACEMENTS-----------------*/

	.absoluteLocatifEmplacementAlentours, .absoluteLocatifEmplacementAlentours2 {
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	  }

	  .section-locatif-emplacement-alentours {
		height: auto;
	  }

	  .equipements-container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-column-gap: 3px;
		   -moz-column-gap: 3px;
		        column-gap: 3px;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 20px;
	  }

	  .equipement-container {
		  margin-bottom: 0;
	  }

	  .lien-inventaire-locatif {
		  -ms-flex-item-align: center;
		      -ms-grid-row-align: center;
		      align-self: center;
		  margin: 30px 0 50px 0;
	  }

	  .lien-reserver-locatif {
			-ms-flex-item-align: center;
			    -ms-grid-row-align: center;
			    align-self: center;
	}

	.lien-reserver-emplacement {
		margin-top: 20px;
		margin-bottom: 45px;
	  }

	  .autres-tarifs-container {
		background-position: 99% 99%;
		background-size: 116px;
	  }

	  .section-tarifs-emplacements h2 {
		font-size: 52px;
		padding-bottom: 22px;
	  }

	  .section-tarifs-emplacements h3 {
		font-size: 42px;
	  }
	

}

@media (max-width: 920px) {

	#menu-lg {
        font-size: 25px;
      }

	#menu-lg ul.menu1 {
		margin-left: 140px;
	  }
}

@media (max-width: 880px) {

	#menu-lg {
        font-size: 24px;
      }

	  #menu-lg ul.menu1 {
		margin-left: 120px;
		padding-right: 65px;
	  }

	  #menu-lg ul.menu2 {
		margin-left: 65px;
	  }
}