@font-face
{
	font-family: 'fira-regular';
	src: url('police/fira/FiraSans-Regular.ttf');
}

@font-face
{
	font-family: 'fira-light';
	src: url('police/fira/FiraSans-Light.ttf');
}

@font-face
{
	font-family: 'fira-semi-bold';
	src: url('police/fira/FiraSans-SemiBold.ttf');
}

@font-face
{
	font-family: 'fira-bold';
	src: url('police/fira/FiraSans-Bold.ttf');
}

@font-face
{
	font-family: 'playfair-italic';
	src: url('police/playfairDisplay/PlayfairDisplay-Italic.ttf');
}



/*-----------------------------------------------*/
/*------------ DECLARATION VARIABLES --------------*/

:root
{
  --police1: 'fira-regular';
  --police2: 'fira-light';
  --police3: 'fira-semi-bold';
  --police4: 'fira-bold';
  --police5: 'playfair-italic';
  --color1: #333333; /* gris très foncé - menu déroulant */
  --color2: #fff; 
  --color3: #1d2020; /* gris très foncé - menu fixe */
  --color4: #dc8b0d;   /* orange */
  --background1: url('../images/fond1.png');  /* fond lageur 100% */
  --background2: url('../images/fond2.png');  /* fond ne prenant pas tte la largeur de la page */
  --background3: url('../images/fond3.png');  /* fond effet bois */
  --background4: url('../images/fond-footer.jpg');  /* fond footer */
  --taille1: 40px;
  overflow-x: hidden;
}



/*---------- FIN DECLARION VARIABLES ------------*/
/*-----------------------------------------------*/



*
{
	margin: 0;
}


img
{
	vertical-align: middle;
	max-width: 100%;
}

html
{
	scroll-behavior: smooth;
}

body
{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

.active
{
	color: #ddd;
}

.cc-banner.cc-bottom,   /* cookie consent */
.cc-window.cc-bottom
{
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200000000000;
}


.uppercase
{
	text-transform: uppercase!important;
}

.lowercase
{
	text-transform: lowercase;
}

.souligne
{
	text-decoration: underline;
}

.absolute
{
	position: absolute;
}

.relative
{
	position: relative;
}

#ascenseur
{	
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.5s,opacity 0.5s;		
	position:fixed;
	right:35px;
	bottom:5%;
	z-index:4;
	background-color: var(--color1);
	border-radius: 7px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#ascenseur a
{
	color:#fff;
	padding:10px 15px;
}

a.noneLine
{
	text-decoration: none;
}

a.line
{
	text-decoration: underline;
}

.display-lgs,
.display-sm,
.display-xs
{
	display: none;
}

.fit
{
	width: 100%!important;
	height: 100%;
	object-fit: cover;
}

.img-haut
{
	margin-top: 15px;
}

.mgb1
{
	margin-bottom: 5px;
}

.mgt2
{
	margin-top: 20px;
}

.mgb2
{
	margin-bottom: 20px;
}

.mgt3
{
	margin-top: 60px;
}

.mgb3
{
	margin-bottom: 60px;
}

.mgt4
{
	margin-top: 80px;
}

.mgb4
{
	margin-bottom: 80px;
}

.mgb5
{
	margin-bottom: 40px;
}

.mgb6
{
	margin-bottom: 30px;
}

.pdt1
{
	padding-top: 80px;
}

.pdb1
{
	padding-bottom: 80px;
}

.pdlr1,.pdlr3
{
	padding: 0 70px;
}

.pdt2
{
	padding-top: 60px;
}

.pdlr2
{
	padding: 0 15px;
}

.pdb3
{
	padding-bottom: 10px;
}

.pdt3
{
	padding-top: 10px;
}

.pdr3
{
	padding-right: 5px;
}

.pdb4
{
	padding-bottom: 40px;
}

.pdt4
{
	padding-top: 40px;
}

.pdl4
{
	padding-left: 22px;
}

.pdt5
{
	padding-top: 70px;
}

.pdb5
{
	padding-bottom: 70px;
}

.pdb6
{
	padding-bottom: 140px;
}

.borderRight
{
	border-right: 1px solid #fff;
}

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

h1,
h3
{
	color: var(--color1);
}

h2,
h4
{
	color: var(--color4);
}

h1
{
	font-size: 14px;
	font-family: var(--police3);
	padding-top: var(--taille1);
}

h2
{
	font-size: 60px;
	font-weight: 300;
	font-family: var(--police5);
}

h3
{
	font-size: 30px;
	font-family: var(--police1);
	text-transform: uppercase;
	font-weight: 200;
}

h4
{
	font-family: var(--police3);
}

.ml2
{
  font-size: 16px;
}

.ml2 .letter
{
  display: inline-block;
  line-height: 20px;
}

p
{
	font-size: 16px;
	font-family: var(--police3);
}

p,
label
{
	line-height: 24px;
	font-family: var(--police1);
	color: var(--color1);
}

strong
{
	font-family: var(--police3);
}

.fs1
{
	font-size: 24px;
}

.logo
{
	left: 50%;
	transform: translate(-50%, 50%);
}

.fondFonce
{
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	background: rgba(20,20,20,0.5);
	z-index: 50000;
	display: none;
	transition: 0.4s;
}

.box:hover
{
	z-index: 1;
}

.bg1
{
	background: var(--color1);
}

.bg2
{
	background: var(--color2);
}



/*----------------------------------------*/
/*------------------RGPD------------------*/

#rgpd .textRGPD h3,
#rgpd .textRGPD h4,
#rgpd p
{
	text-align: left;
}

#rgpd a
{
	color: var(--color1);
}



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

header .logoHeader
{
	padding-bottom: 30px;
	padding-left: 80px;
}

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

footer
{
	padding-bottom: 40px;
}

footer>div
{
	background: var(--background4) no-repeat center;
	background-size: cover;
	padding: 15px 0;
}

footer p,
footer a
{
	color: #fff;
}

footer .divFooter
{
	margin-top: 20px;
}

footer .icone
{
	width: 25px;
}

footer .viewTel
{
	display: none;
}
.footer-ref{
	font-size: 14px;
	text-align: justify;
	padding: 0 80px 40px;
}
.footer-ref a{
	color:#000;
}
@media(max-width: 767px){
	.footer-ref{
		display: none;
	}
}

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

.imgZoom
{
	animation: zoomIn 20s infinite alternate;
}

@keyframes zoomIn
{
	to
	{
		transform: scale(1.5);
	}

	from
	{
		transform: scale(1);
	}
}

#index .bloc1,
#index .bloc1Bis,
#camping .bloc1,
#hebergements .bloc1,
#animations .bloc1,
#animations .bloc2Bis,
#acces .bloc1,
#contact .bloc1,
.lodges .bloc1,
#alentours .bloc1,
#pmr .bloc1
{
	background: var(--background1);
}

#index .bloc2,
#camping .bloc2,
#alentours .bloc2
{
	background: var(--background2);
}

.bloc2 .box
{
	position: relative;
}

#index .bloc3Img
{
	padding-right: 20px;
}

#index .bloc2 .conteneur1
{
	padding-bottom: 10px;
}

#index .bloc2 .conteneur2
{
	padding-top: 10px;
}

#index .bloc2 .conteneur2>.box2:first-child
{
	margin-right: 20px;
}

#index .bloc2 .conteneur2>.box2:last-child
{
	margin-left: 20px;
}

#index .bloc2 .box1
{
	height: 354px;
}

#index .bloc2 .box2
{
	height: 426px;
}

#index .bloc2 .box3
{
	height: 800px;
}

#index .bloc2 .blocBox
{
	padding-left: 20px;
}

.bloc2 .box .imgBx
{
	position: absolute;
	background: #fff;
	animation: appareImg 3s ease-in-out forwards;
}

.bloc2Bis1 .box .imgBx,
.bloc2Bis .box .imgBx
{
	animation: appareImg 3s ease-in-out forwards;
}

@keyframes appareImg
{
	from
	{
		width: 100px;
		height: 100px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	to 
	{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0
	}
}

.bloc2 .box .imgBx img
{
	width: 100%!important;
	height: 100%;
	object-fit: cover;
}

.bloc3
{
	height: 727px;
	background-size: cover!important;
	background-attachment: fixed!important;
}

#index .bloc3
{
	background: url('../images/lodges-mediterranee-restaurant-fond.jpg') no-repeat left;
}

.bloc3 h3,
.bloc3 h4
{
	color: var(--color2);
}

#index .bloc4
{
	background: url('../images/fond3.png') no-repeat;
}

#index .bloc4 .divIcone
{
	background: var(--color2);
	padding: 25px;
	border-radius: 50%;
	box-shadow: 0 2px 2px #000;
}

#index .bloc4 .divIcone img
{
	transition: all 0.3s 0.1s ease-in-out;
}

#index .bloc4 .divIcone:hover img
{
	transform: scale(0.9);
}

.bloc5 .absolute
{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
}

.bloc5 .absolute h3,
.bloc5 .absolute p
{
	color: #fff;
}

.bloc5 .absolute h4,
.bloc1Bis h4
{
	color: #777;
}

.overflow
{
	overflow: hidden;
}

.overflow>img:not(.logo)
{
	transform: scale(1);
    transition: 0.5s 0.1s ease-in-out;
}

.overflow:hover>img:not(.logo)
{
	transform: scale(1.15);
}

.fondLocatif
{
	background: var(--color1);
	padding: 15px 15px 40px;
	
}

.fondLocatif p
{
	color: var(--color2);
}

.fondLocatif p:first-child
{
	font-size: 18px;
}

.fondLocatif p:last-child
{
	font-size: 16px;
}

.blocLien a
{
	display: flex;
	height: 100%;
	flex-direction: column;
	text-decoration: none!important;
}


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

#camping .divIframe
{
	overflow:hidden;
  	padding-bottom:56.25%;
  	position:relative;
  	height:0;
  	width: 100%;
}

#camping .divIframe iframe
{
  	position:absolute;
  	left:0;
  	top:0;
  	height:100%;
  	width:100%;
}

#camping .conteneur1
{
	padding-bottom: 10px;
}

#camping .conteneur1 .box
{
	height: 426px;
}

#camping .conteneur2
{
	padding-top: 10px;
}

#camping .conteneur2 .box
{
	height: 281px;
}

#camping .conteneur1>.box:first-child,
#camping .conteneur2>.box:first-child
{
	margin-right: 15px;
}

#camping .conteneur2>.box:nth-child(2)
{
	margin-right: 7.5px;
	margin-left: 7.5px;
}

#camping .conteneur1>.box:last-child,
#camping .conteneur2>.box:last-child
{
	margin-left: 15px;
}

#camping .bloc3
{
	background: url('../images/lodges-mediterranee-piscine-interieure-gde.jpg') no-repeat center;
}

#camping .bloc2:last-child .conteneur1
{
	padding-top: 10px;
}

#camping .bloc2:last-child .conteneur2
{
	padding-bottom: 10px;
}


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

#hebergements .bloc3
{
	background: url('../images/lodges-camping-parc-residentiel.jpg') no-repeat center;
}



/*-----------------------------------------------*/
/*------------ DETAILS HEBERGEMENTS -------------*/

.retourHebergements
{
	position: absolute;
	top: 40px;
	left: 80px;
	color: var(--color1);
	font-family: var(--police1);
}

.retourHebergements i
{
	color: var(--color4);
	padding-right: 5px;
}

.lodges .bg1 h4
{
	color: #777;
}
.lodges .bg1>div .titre3,
.lodges .bg1>div p
{
	color: var(--color2);
}

.lodges .icone
{
	margin-bottom: 5px;
}

.lodges .equipement img
{
	padding: 0 5px;
}

.lodges .onglets
{
	padding: 15px 10px;
}

.lodges .onglets span
{
	cursor: pointer;
}

.lodges .onglets span b
{
	text-transform: uppercase;
	font-family: var(--police3);
	padding-top: 5px;
}

.lodges .onglets span a
{
	color: var(--color1);
}

.lodges .btnresa
{
	color: var(--color1);
	font-family: var(--police3);
	text-transform: uppercase;
	background: var(--color4);
	padding: 20px 30px;
	border: 1px solid #333;
}

.onglet-tarifs,
.onglet-plan
{
  	transition: all 1s;
	max-height: 0;	
  	overflow: hidden;
}

.onglet-descriptif
{
	transition: all 1s;	
  	overflow: hidden;
}

.div3img .fondImg
{
	opacity: 0;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(220,139,13,0.5);
	transition: all 0.2s;
}

.div3img .fondImg i
{
	color: var(--color2);
	font-size: 45px;
}

.div3img .fondImg:hover
{
	opacity: 1;
}

.div3img .colorImg:first-child
{
	padding-bottom: 10px;
}

.div3img .colorImg:nth-child(2)
{
	padding-top: 10px;
	padding-right: 1%;
}

.div3img .colorImg:last-child
{
	padding-top: 10px;
	padding-left: 1%;
}

/*.onglet-tarifs p*/
/*{*/
/*	font-size: 14px;*/
/*}*/

.onglet-tarifs .width20
{
	width: 20%;
	padding: 20px 5px;
}

.onglet-tarifs .width20:not(:last-child)
{
	border-right: 1px solid #333;
}

/*.table*/
/*{*/
/*	border: 1px solid #333;*/
/*}*/





.table.hidden-xs>div:first-child
{
	border-right: 1px solid #333;
}

.table.ponts-2-nuits {
	border: 0;
}

.table.ponts-2-nuits div.col-xs-4 {
	border-top: 0;
	border-right: 0;
}

.table.ponts-2-nuits div.flex-container:last-of-type > .col-xs-4:last-of-type {
	border-right: 1px solid #333;
}

.table.ponts-2-nuits>div>div  {
	border: 1px solid #333;
}

.table.hidden-xs>div:first-child
{
	border-right: 1px solid #333;
}

.table.display-xs>div:first-child
{
	border-bottom: 1px solid #333;
	padding: 15px 5px;
}

.table .colonne1
{
	border-bottom: 1px solid #333;
}

.table .colonne1xs 
{
	padding: 10px 5px;
}

.table .colonne1xs.pont {
	border-bottom: 1px solid #333; 
}

.table .colonne1xs:first-child,
.table .colonne1xs:nth-child(2),
.table .colonne1xs:nth-child(3),
.table .colonne1xs:nth-child(4),
.table .colonne1xs:nth-child(5),
.table .colonne1xs:nth-child(6),
.table .colonne1xs:nth-child(7),
.table .colonne1xs:nth-child(8),
.table .colonne1xs:nth-child(9),
.table .colonne1xs:nth-child(10)

{
	border-bottom: 1px solid #333;
}

.table .colonne1xs:nth-child(odd)
{
	border-right: 1px solid #333;
}



/*-----------------------------------------------*/
/*------------ ANIMATIONS ACTIVITES -------------*/

#animations .bloc3
{
	background: url('../images/lodges-camping-animations.jpg') no-repeat center;
}

#animations .bloc2Bis1 .conteneur1
{
	padding-bottom: 10px;
}

#animations .bloc2Bis1 .conteneur2
{
	padding-top: 10px;
}

#animations .bloc2Bis1 .conteneur1>.box:first-child,
#animations .bloc2Bis1 .conteneur2>.box:first-child,
#accueil_velo .bloc2Bis1 .conteneur1>.box:first-child
{
	margin-right: 15px;
}

#animations .bloc2Bis1 .conteneur2>.box:nth-child(2)
{
	margin-right: 7.5px;
	margin-left: 7.5px;
}

#animations .bloc2Bis1 .conteneur1>.box:last-child,
#animations .bloc2Bis1 .conteneur2>.box:last-child,
#accueil_velo .bloc2Bis1 .conteneur1>.box:last-child
{
	margin-left: 15px;
}

#animations .bloc2Bis .blocBox1
{
	padding-right: 15px;
}

/* #animations .bloc2Bis .blocBox2
{
	padding-left: 15px;
} */

#animations .bloc2Bis .conteneur1
{
	padding-bottom: 10px;
}

#animations .bloc2Bis .conteneur2
{
	padding-top: 10px;
}

#animations .bloc2Bis .conteneur1 .box1
{
	width: 49%!important;
}

#animations .bloc2Bis .conteneur1 .box2
{
	width: 49%!important;
}

#animations .bloc2Bis .conteneur1>.box:first-child
{
	margin-right: 7.5px;
}

#animations .bloc2Bis .conteneur1>.box:last-child
{
	margin-left: 7.5px;
}


/*-----------------------------------------------*/
/*------------------ ALENTOURS ------------------*/

#alentours .ssBlocAlentours
{
	padding: 20px;
}

#alentours .bg1 p,
#alentours .bg1 a
{
	color: var(--color2);
}


#alentours .bg1 p:first-child
{
	padding: 35px 30px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	margin-bottom: 15px;
}


/*-----------------------------------------------*/
/*-------------------- ACCES --------------------*/

#acces .bloc1 a
{
	color: var(--color1);
}

#acces .bg1
{
	padding: 40px 0;
}

#acces .bg1 p,
#acces .bg1 a
{
	color: var(--color2);
}

#acces .bg1>div:last-child
{
	padding-right: 9%;
}

#acces .carteFrance
{
	padding-top: 130px;
}



/*-----------------------------------------------*/
/*------------------- CONTACT -------------------*/

#contact .form
{
	padding: 0 20px;
}

#contact .form form
{
	background: var(--color2);
	padding-left: 50px;
	padding-right: 50px;
	display: flex;
	flex-wrap: wrap;
}

#contact .form form div:not(:last-child)
{
	margin-bottom: 35px;
}

#contact .bg1>div:last-child .titre3,
#contact .bg1>div:last-child p,
#contact .bg1>div:last-child a
{
	color: var(--color2);
}

#contact .bg1 h4
{
	color: #777;
}

#contact .form form div.message label
{
	display: block;
	margin-bottom: 25px;
}

#contact .form input,
#contact .form textarea
{
	box-sizing: border-box;
	font-family: var(--police1);
}

#contact .form input[type=text],
#contact .form input[type=tel],
#contact .form input[type=email],
#contact .form input[type=number],
#contact .form textarea
{
	font-size: 15px;
	background: transparent;
}

#contact .form input[type=text],
#contact .form input[type=tel],
#contact .form input[type=email],
#contact .form input[type=number]
{
	border: none;
	border-bottom: 1px solid #333334;
	height: 20px;
}

#contact .form input[type=submit]
{
	border: none;
	cursor: pointer;
	font-family: var(--police3);
	background: #1c1c1c;
	color: var(--color2);
	padding: 10px 0;
	font-size: 16px;
}

#contact .form textarea
{
	height: 90px;
	border: 1px solid #333334;
}

#contact .form .nom,
#contact .form .email
{
	padding-right: 10px;
}	

#contact .form .prenom,
#contact .form .telephone
{
	padding-left: 10px;
}	

.success,
.error
{
	font-size: 14px;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 20px;
	border:1px solid #fff;
}

.success
{
	color: #155724;
	background-color: #d4edda;
	border-color: #155724;
}

.error
{
	color: #721c24;
	background-color: #f8d7da;
	border-color: #721c24;
}


#tabService{
	background-image: url("../images/bg-service.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#service .table
{
	background: var(--color2);
	padding: 50px;
}
#service table
{
	border-collapse: collapse;
}
#service table th,
#service table td{
	border:1px solid var(--color1);
	padding: 5px;
}
#service table td:nth-child(2){
	text-align: center;
}


	


@media (max-width: 1650px)
{
	#hebergements .blocLien:first-child
	{
		padding-right: 9px;
	}

	#hebergements .blocLien:nth-child(2)
	{
		padding-left:  4.5px;
		padding-right: 6px;
	}

	#hebergements .blocLien:nth-child(3)
	{
		padding-left:  6px;
		padding-right: 4.5px;
	}

	#hebergements .blocLien:last-child
	{
		padding-left: 9px;
	}
}


@media (max-width: 1850px)
{
	#index .blocLien:first-child,
	#hebergements .blocLien:first-child
	{
		padding-right: 9px;
	}

	#index .blocLien:nth-child(2),
	#hebergements .blocLien:nth-child(2)
	{
		padding-left:  4.5px;
		padding-right: 6px;
	}

	#index .blocLien:nth-child(3),
	#hebergements .blocLien:nth-child(3)
	{
		padding-left:  6px;
		padding-right: 4.5px;
	}

	#index .blocLien:last-child,
	#hebergements .blocLien:last-child
	{
		padding-left: 9px;
	}
}


@media(min-width: 1200px) and (max-width: 1350px){
	#index .blocLien .fondLocatif img,
	#hebergements .blocLien .fondLocatif img
	{
		width: 26px;
	}
}
@media(min-width: 1600px) and (max-width: 17200px){
	#index .blocLien .fondLocatif img,
	#hebergements .blocLien .fondLocatif img
	{
		width: 27px;
	}
}




.early_booking{
	text-align: center;
}
.early_booking>div:nth-child(1){

	font-size: 40px;
	text-align: center;
	font-family: var(--police5);
	color: var(--color4);
}
.early_booking>div:nth-child(2){
	font-size: 24px;
	font-family: var(--police1);
}
.early_booking>div:nth-child(3){
	font-family: var(--police3);
	color: var(--color4);
}

@media(min-width:992px){
	.order-md-1{
		order:1
	}
	main#accueil_velo p {
		margin-bottom: 20px;
	}
}
main#accueil_velo p a{
	color:var(--color1);
}
@media(max-width: 991px){
	main#accueil_velo .bloc2Bis1{
		display: none;
	}
}


/**** FL 16/11/2023 ***/
.onglet-tarifs h4{
	margin-bottom: 10px;
}
.table{
	margin-bottom: 25px;
}
.table .cadre{
	border:1px solid #333
}
.table .cadreTrans{
	border:1px solid transparent;
}
.table p{
	padding: 10px 5px;
}
.table span.min{
	font-size: 12px;
}
@media(min-width: 992px){
	.table .col-fl-5{
		width:calc(100% / 5);
	}
	.visible-sm{
		display: none;
	}
}
@media(max-width: 1800px){

	.table p{
		padding: 10px;
	}
}
@media(min-width: 1351px){
	.cadreTrans span{
		display: none;
	}
}
@media(max-width:992px){
	.cadreTrans span{
		display: none;
	}
}
@media(max-width: 1350px){

	.table p{
		padding: 15px;
	}
}
@media(max-width: 991px){

	/*.table .cadreTrans{*/
	/*	display: none;*/
	/*}*/
}


/**** FIN FL 16/11/2023 ***/


.margin-top0{
	margin-top: 0;
}
.margin-bottom0{
	margin-bottom: 0;
}

.tal{
	text-align: left !important;
}

#engagement-eco-responsable .slider{
	max-width: 100vw !important;
}

#engagement-eco-responsable p{
	font-family: var(--police1);
}

@media screen and (min-width:1600px) {
	.blocLienBig{
		margin-left: 4.16666666665%;
	}
}
@media screen and (min-width:992px) {
	#hebergements .blocLien, #index .blocLien{
		margin: 0 5px;
		box-sizing: border-box;
		max-width: calc(33% - 10px);
	}
}
.flex1{
	flex: 1;
}
/* page pmr*/

.img_pmr_1{
	gap:40px;
}
@media(max-width:767px){
	.img_pmr_1{
		gap:10px;
	}
}
.img_pmr_2 >div:nth-child(1){
	padding-right: 10px;
	padding-bottom: 20px;
}
.img_pmr_2 >div:nth-child(2),.img_pmr_2 >div:nth-child(3){
	padding-left: 10px;
	padding-bottom: 20px;
}
.accessibilite_fauteuil h2.h2_titre{
	margin-bottom: 40px;
	font-size: 40px;
}
.accessibilite_fauteuil h2:not(.h2_titre){
	margin-top: 40px;
}
#pmr .mt1{
	margin-top: 30px;
}
#pmr .mt2{
	margin-top: 60px;
}
#pmr .titre3{
	padding-bottom: 20px;
}
@media(min-width:768px){
	#pmr .titre3{
		text-align: left;
	}
}
#pmr .titre3.tace{
	text-align: center;
}
#pmr .titre3:not(:first-child){
	padding-top: 20px;
}

#pmr p a{
	color: inherit;
	text-decoration: underline;
}

@media(max-width:1399px){
    #pmr h2.h2_titre{
		font-size: 36px;
		line-height: 40px;
	}
}
@media(max-width:1199px){
	.mt1200,#pmr .mt1,#pmr .mt2{
		margin-top: 20px;
	}

	.img_pmr_2 >div:nth-child(1){
		padding-right: 10px;
		padding-bottom: 20px;
	}
	.img_pmr_2 >div:nth-child(2){
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 20px;
	}.img_pmr_2 >div:nth-child(3){
		 padding-left: 10px;
		 padding-bottom: 20px;
	 }
}
@media(max-width:768px){
	.mt768{
		margin-top: 20px;
	}
	#pmr .titre3{
		font-size: 20px;
	}
	#pmr h2.h2_titre{
		font-size: 24px;
		line-height: 30px;
	}
}

/* popup */
#popUpPromo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  background: #3BA9B4A1;
}
#popUpPromo * {
  box-sizing: border-box;
}
.popUp {
  width:800px;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  background: #3BA9B4;
  box-shadow: 0 0 10px 0 #00000029;
}

.popup-image {
  width: 40%;
}
.popup-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.popup-content {
  width: 60%;
 padding: 72px 70px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
}
.popup-content .h2 {
    font-size: 20px;
}
.close {
  position: absolute;
  top: 23px;
  right: 24px;
  width: 60px;
  height: 60px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #666;
  font-size: 42px;
  line-height: 1;
  cursor: pointer;
}
.close:hover {
    background: #fff;
      color: #666;
}
.title-popup {
  margin: 0 0 28px;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 800;
  color: #ffffff;
}

.text-popup {
  font-size: 17px;
  line-height: 1.45;
  margin-bottom: 40px;
}

.btn-popup {
  display: inline-block;
  padding: 19px 75px;
  border-radius: 35px;
  background: #fff;
  color: #666;
  text-decoration: none;
  font-size: 16px;
}

@media (max-width: 768px) {
  .popUp {
    flex-direction: column;
  }
  .popup-image,
  .popup-content {
    width: 100%;
  }
  .popup-content {
    padding: 40px 25px;
  }
  .popup-image {
    height: 320px;
  }
}