body{
    max-width:1300px;
    margin:auto;
    font-family:'lato' , sans-serif;
    color:rgba(60,41,26,1.0);
    background-color:#D6DCDE; /*white;*/
}
.bleu{
	color:rgba(49,158,202,1.00);
}
.marron{
	color:rgba(60,41,26,1.00);
}
.fondbleu{
	background: #319ECA;
}
.fondnoir{
	background-color: black;
}
.fondblc{
	background:#fff;
}
.fondmarron{
	background:	rgba(60,41,26,1.00);
}
.cgv{text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
  width:80%;
  margin:auto;
}
.btn-formule>a{
	width:100px;
	padding:10px 25px;
	font-size:0.9em;
	border-radius:12px;
	color:white;
	background-color: rgba(60,41,26,0.9);
	border:none;
	box-shadow: 0 7px rgba(60,41,26,1.00);
	outline:none;
}
.btn-formule>a:hover{
	color: rgba(49,168,202,1.0);
}

.mt25px{
	margin-top: 25px;
}
.pl{
  padding-left: 20px;
}
.ml0{
  margin-left: 0px;
}
.mr0{
  margin-right: 0px;
}
.ffLato{
  font-family: Lato;
}

/*.btn-tel-sticky {
	font-size:0.9em;
	width:120px;
	border-radius:12px;
	background-color: rgba(60,41,26,0.5);
	position:webkit-sticky;
	position:sticky;
	bottom:400px;
	text-align:center;

}
.btn-tel-sticky>a{
	text-align:center;
	color:white;
	margin-right:5px;
}*/

.btn-tel-sticky1 {
	font-size:0.9em;
	width:30px;
	border-radius:12px;
	background-color: rgba(60,41,26,0.5);
	display:flex;
	flex-wrap: nowrap;
	position:webkit-sticky;
	position:sticky;
	bottom:300px;
	text-align:center;
	margin-left: 10px;

}
.btn-tel-sticky1>a{
	text-align:center;
	color:white;
	/*margin-left:5px;*/
	padding-bottom:5px;
}
.img-sticky{
	background-color: rgba(60,41,26,0.5) ;
	border-radius:12px;
}
a#cRetour{
	border-radius:3px;
	padding:10px;
	font-size:15px;
	text-align:center;
	color:#fff;
	background:rgba(0, 0, 0, 0.25);
	position:fixed;
	right:10px;
	opacity:1;
	z-index:99999;
	transition:all ease-in 0.2s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	text-decoration: none;
  }
  a#cRetour:before{ content: "\25b2"; }
  a#cRetour:hover{
	background:rgba(0, 0, 0, 1);
	transition:all ease-in 0.2s;
  }
  a#cRetour.cInvisible{
	bottom:-35px;
	opacity:0;
	transition:all ease-in 0.5s;
  }

  a#cRetour.cVisible{
	bottom:20px;
	opacity:1;
  }



/* ========== NAV STYLE ============ */
.logo-xs{
	width:25px;
	margin-right: 10px;
}
.position-logo-xs{
	float:right;
	padding-top: 13px;
  	padding-left:10px;
	height:18px;
}
.navGuide{
	color:rgba(49,168,202,1.0);
	padding-left:50px;
	font-size: 13px;
}
nav{
	width: 100%;
	background-color: white;
	margin: 0 auto;
	height: auto;
}
nav li{
	list-style-type: none;
  	line-height: 1.5em;
}
nav>a{
	text-decoration:none;
}
nav>ul>li>a{
	color:rgba(60,41,26,1.00);
	background: rgba( 255,255,255,0.9);
  	font-family:'Lato';
  	font-size:16px;
  	line-height: 20px;
	padding-left:60px;
}
nav>ul>li>a:hover{
	color:rgba(49,158,202,1.00)
}
.logo{
	display: none;
	top: auto;
	font-weight: normal;
}
/*case à cocher invisible */
nav input[type=checkbox]{
	display:none;
}
.right{
	float:right;
	padding-right: 10px;
}
nav input[type=checkbox]:checked ~ul{
	display: block;
	bottom: 0em;
}
nav ul{
	display:none;
	margin-bottom: 0px;
}
.menu-mobile{
	display: inline-block;
	padding-left: 40px;
	padding-top: 15px;
}


/* ==============AFFICHAGE SUR DESKTOP=============== */

@media screen and (min-width: 1024px) {
	.logo-xs{
		display:none;
	}
	.navGuide{
		display:none;
	}
	.menu-mobile{
		display:none;
	}
	nav{
    	width:100%;
		min-height:40px;
		height:50px;
	}
	nav ul{
		display:inline;
	}
	nav ul.menu{
		margin-top: 0px;
	}
	nav > ul >li{
		float:left;
		padding-left: 20px;
		position: relative;
		padding-right: 0px;
		padding-top: 20px;
	}
	nav>ul>li>a{
		font-size:14px;
		line-height: 20px;
		padding-left:0px;
	}
	nav > ul::after{
		content:"";
		display: table;
		clear:both;
	}
	nav a{
		display:inline-block;
	}
	.xs{display:none}
	.logo{
		display:inline-block;
    	padding-left:0px;
    	padding-right:1px;
	}
	.right{
		margin-bottom: 0;
		padding-bottom: 0;
		margin-left: 0px;
		height: 30px;
	}
}
@media screen and (min-width: 768px) {
	nav>ul>li>a{
		font-size:16px;
	}
}

/*======= SLIDER ===*/
/* pour 4img +1*/
@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
  }

  /*Pour 2 images+ 1"*/
  @keyframes slidy1 {
  0% { left: 0%; }
  45% { left: 0%; }
  50% { left: -100%; }
  95% { left: -100%; }
  100% { left: -200%; }
  }
  div#slider1{width:100%/*95%*/;margin:auto;overflow:hidden;}
  div#slider1 .figure img{width: 33.3333333% /*20%*/;height: auto;float: left;}
  div#slider1 .figure{
    position:relative;
    width: 300%; /*500%;*/
    margin: 0;
    padding:0;
    font-size: 0;
    left:0;
    text-align:left;
    animation: 15s slidy1 infinite;
  }

  /*Pour 3 images+ 1"*/
  @keyframes slidy {
  0% { left: 0%; }
  28% { left: 0%; }
  33% { left: -100%; }
  61% { left: -100%; }
  66% { left: -200%; }
  94% { left: -200%; }
  100% { left: -300%; }
  }
  div#slider{width:100%/*95%*/;margin:auto;overflow:hidden;}
  div#slider .figure img{width: 25% /*20%*/;height: auto;float: left;}
  div#slider .figure{
    position:relative;
    width: 400%; /*500%;*/
    margin: 0;
    padding:0;
    font-size: 0;
    left:0;
    text-align:left;
    animation: 25s slidy infinite;
  }
  .container-txt-slider{
	width: 100%;
	max-width:1300px;
	position: absolute;
	margin: auto;
}
.container-txt-slider img{
	z-index:10;
	width:100%;
}


/*=============LOGO ACTIVITE AVEC TEXTE AU SURVOL IMAGE======*/
.logo-activite{
	background: rgba(49,158,202,1.00);
	padding-bottom: 1.5em;
	display:grid;
	grid-template-rows:auto;
	grid-row-gap:20px;
}

figure{
  	display: flex;
  	position: relative;
	justify-content: center;
}
figcaption {
  	position: absolute;
  	background: rgba(60,41,26,.9);/* rgba(255,255,255,.95);*/
  	color:rgba(49,158,202,1.00);
  	padding: 10px 10px;
	display: none;
  	top: 10px;
	border-radius: 5px;
	margin-left: auto;
	width: 290px;
	font-size: 1em;
}
figure:hover figcaption{
	display: block;
}
figcaption a{
	text-decoration: none;
	color:rgba(49,158,202,1.00);
}
.img-can{
	height:240px;
	width:auto;
}
.img-kay{
	height:130px;
}
.img-raf{
	height:130px;
}
.img-spe{
	height:120px;
}
/* ==============AFFICHAGE SUR DESKTOP=============== */
@media screen and (min-width: 576px){ /*grand smartphone*/

	.img-kay{
		padding-top:70px;
	}
	.logo-activite{
		display:grid;
		grid-template-columns:repeat(auto-fill, 50%);
		justify-content: center;
	}
	figure{
		display: flex;
		flex-direction: row;
		position: relative;
		align-content:center;
		padding-bottom:30px;
  	}
	figcaption {
		top:20px;
		width:250px;
	}
}

@media screen and (min-width: 768px){ /*ipad*/
	.img-kay, .img-raf, .img-spe{
	padding-top: 60px;
	}
	.logo-activite{
		/*grid-template-columns:1fr 1f 1fr 1fr;*/
		display:grid;
		grid-template-columns:repeat(4, 1fr);
		justify-content: center;
	}
	figcaption {
		top:20px;
		width:80%;
	}
}

/* ================ ACCORDEON =========== */
ol, ul{
	list-style: none;
}
#conseils{
	width:80%;
	margin:auto;
}
.bloc-accordion{
	width:90%;
	margin: auto;
	display:grid;
	grid-template-rows: auto;
	grid-row-gap:1.1em;
	/*background-color: white;*/
	margin-bottom: 0em;
}
.list-accordion{
	background: #ffffff;
	padding-bottom: .5em;
	margin:auto;
	margin-top: 0;
	width:95%;
}
ul.accordion{
	margin-top:0px;
	padding:0;
}
.list-accordion h1{
	font-family: 'Lato';
	color:#3193CA;
	font-size:1.1em;
	padding-left: 1em;
	padding-top: .8125em;
	padding-bottom: 10px;
}
.list-accordion h6{
	font-family: 'Lato';
	color:#3193CA;
	font-size:1.1em;
	padding-left: 1em;
	padding-top: .8125em;
	padding-bottom: 10px;
}
.img-accordion{
	width:6.375em;
	border-radius: 15px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.accordion-item-bd{
	margin-top:20px;
}

.accordion-item h2{
	font-size:1em;
	text-align: center;
	font-family: 'lato';
}
li.accordion-item{
	border:1px solid #3C291A;
	margin-left: .625em;
	margin-right:.625em;
	margin-bottom: .5em;
	padding-left:.5em;
	padding-right:.625em;
}
.accordion-item-hd{
	display: block;
	position: relative;
	cursor: pointer;
	font-size:1em;
	padding-top:0px;
	padding-right:0px;
}
.accordion-item-input:checked ~.accordion-item-bd{
	max-height: 1500px;
	padding-top:0px;
	-webkit-transition:max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;
	transition:max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;
}
.accordion-item-input:checked ~.accordion-item-hd > .accordion-item-hd-cta{
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform: rotate(0);
	color:#319ECA;
}
.accordion-item-hd-cta{
	display: block;
	color:#3C291A;
	width: 2em;
	position: absolute;;
	top: calc(50% - .375em);
	right:0;
	pointer-events: none;
	-webkit-transition:-webkit-transform .3s ease;
	transition: transform .3s ease;
	-webkit-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	transform: rotate(-180deg);
	text-align:center;
	line-height: 1;
}
.accordion-item-bd{
	max-height: 0;
	margin-bottom: 0;
	text-align: justify;
	padding-top:0em;
	overflow: hidden;
	-webkit-transition:max-height .15s ease-out,margin-botton .3s ease-out, padding .3s ease-out;
	transition: max-height .15s ease-out, margin-botton .3s ease-out, padding .3s ease-out;
}
.accordion-item-bd p{
	margin-top:0em;
}
.accordion-item-bd a{
	text-decoration: none;
	color:#3C291A;
}
.accordion-item-input{
	clip: rect(0 0 0 0);
	width:1px;
	height:1px;
	margin:-1;
	overflow: hidden;
	position: absolute;
	left:-9999px;
}/*

/* ==============ACCORDEON AFFICHAGE SUR DESKTOP=============== */

@media screen and (min-width: 576px) {
	.bloc-accordion{
		display:grid;
		grid-template-columns: 1fr 1fr;
		width:90%;
	}
	.list-accordion h1{
		padding-right: 1em;
		margin-left:.625em;
		margin-right: .625em;
	}
	.list-accordion h6{
		padding-right: 1em;
		margin-left:.625em;
		margin-right: .625em;
	}
 	.titredroit{
		text-align: right;
	}
}
.bloc-accordion-conseils{
	width:90%;
	margin: auto;
	display:grid;
	grid-template-rows: auto;
	grid-row-gap:1.1em;
	margin-bottom: 0em;
}

/*========== BLOC YOUTUBE ET FACEBOOK ======== */

.blocYTFB{
		width:100%;
		/*margin: auto;*/
		padding-top:1em;
		padding-bottom:0em;
		display:grid;
		grid-template-areas: "blocYT"  "retour";
		background-color:#3C291A;
}
.blocYTFB h1{
	color:white;
	font-size:1.5em;
	padding-left:20px;
}

.blocYT{
	grid-area:blocYT;
	width:90%;
	height:auto;
	margin:auto;
	padding-bottom: 1em;
}
.blocFB{
	grid-area:blocFB;
	display:none;
	/*margin:auto;
	justify-content:center;*/
}
.retour{
	grid-area:retour;
}
.titreYT{
	font-family:'lato', sans-serif;
	font-size: 25px;
	color:#ffffff;
}
.titreYT a{
	color: #ffffff;
}
.titreYT a:hover{
	color:#319ECA;
}

/*======= LANCEMENT VIDEO YOUtUBE =*/

.youlazy {
    display:block;
  }
  .youlazy .iframe-wrapper {
    position:relative;
  }
  .youlazy iframe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }
  .youlazy.init,
  .youlazy.init:hover,
  .youlazy.init:visited {
    border:0 !important;
    outline:0 !important;
    text-decoration:none !important;
  }
  .youlazy {
    margin:20px auto;
    max-width:480px;/*640px;*/
  }
  .youlazy .iframe-wrapper {
    max-height:360px;/*200px;*/
  }
/* ==============FIN YT FB AFFICHAGE SUR DESKTOP=============== */

@media screen and (min-width: 768px) {
	.blocYTFB{
		margin: auto;
		padding-top:1em;
		padding-bottom:0em;
		/*grid-template-columns: 50% 50%;*/
		grid-template-areas: "blocYT blocFB"
								"retour retour";
		background-color:rgba(60,41,26,1.00);
	}
	.blocYT{
		width:350px;
		height:auto;
		margin:auto;
	}
	.blocFB{
		display:block;
		margin:auto;
	}
}
@media screen and (min-width: 1024px) {
	.blocYT{
		width:450px;
	}
}
/*--====== FIN BLOCS YT FB ======= */
/* -- GOOGLE MAPS ---*/
@media screen and (max-width: 768px) {
	.maps1{
		display:none;
	}
}
@media screen and (min-width: 768px) {
	.carteglobale{
		display:flex;
	}
	.maps1{
		padding-top:10px;
		/*width:500px;*/
		display:flex;
		justify-content: center;
		margin:auto;
	}
}

  /*============ LISTE LIENS ========*/
.list-liens{
	width:90%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items:center;
	justify-content:space-between;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:auto;
	font-family:lato,'Raleway', sans-serif;
}
.list-liens a{
	color:#ffffff;
	font-size:1em;
}
.list-liens a:hover{
	color:rgba(60,41,26,1.00);
}
.jc{
  justify-content:space-around;
}
/* -- ========== LIGNE SEPARATION ========*/
.separation{
	display:block;
	min-height:20px;
}


/*-- ============ BAS DE PAGE AVEC LOGO ========-*/
.footer-conteneur{
	display:flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	/*margin-top:20px;*/
}
.logo-KR{
	padding-top: 10px;
	margin-bottom: 10px;
}

.bloc-contact{
	width:100%;
}
.bloc-contact1{
	width: 100%;
	padding-top: 10px;
	padding-bottom:10px;
	text-align: center;
	font-size:1.1em;
	color:#fff;
}
.bloc-contact1 ul li a{
	color:#fff;
}
.bloc-contact1 ul li a:hover{
	color:rgba(60,41,26,1.00)
}
.img-soc{
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
}
.img-soc li{
	margin:0.5em;
	padding:0.5em;
}
.img-log-soc{
	height:40px;
}
.pied-page{
	display:flex;
	flex-direction: column;
	color:#fff;
	font-size:small;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.pied-page a{
	color:#ffffff;
	font-size:1em;
}
.pied-page a:hover{
	color:rgba(49,158,202);
}

/*==========  pour formats supérieurs =====*/
@media screen and (min-width: 576px) {
	.bloc-contact{
		display:flex;
		flex-direction: row;
		text-align: center;
		font-size:1.1em;
		color:#fff;
	}
}

@media screen and (min-width: 1024px) {
	.footer-conteneur{
		width:95%;
		margin:auto;
		display:flex;
		flex-direction: row;
		justify-content: center;
		/*margin-top:20px;*/
	}
	.logo-KR{
		padding-left:20px;
	}
	.bloc-contact{
		background-color: #fff;
	}
	.bloc-contact1{
		width: 100%;
		padding-top: 10px;
		padding-bottom:10px;
		text-align: center;
		font-size:1.1em;
		color:rgba(49,158,202,1.10);
	}
	.bloc-contact1 ul li a{
		color:rgba(49,158,202,1.10);
	}
	.img-soc li{
		margin:0em;
		padding:2px;
	}
}

/*======  STYLE POUR CARTES EN GRILLES  =============== -*/

.container-fiches{
	width:95%;/*95vw;/*95%;*/
  }
.jumbotron{
	text-align:center;
	color:#ffffff;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.titreJumbotron{
	font-size:25px;
	margin-left:10%;
	margin-right:10%;
	font-family:'raleway';
	font-weight:bold;
	display:flex;
	justify-content: center;
}
.sstitreJumbotron{
	font-size:20px;
	margin-left:10%;
	margin-right:10%;
	font-family:'raleway';
	font-weight:bold;
	display:flex;
	justify-content: center;
}
.titreJumbotronInterdit{
	font-size:26px;
	margin-left:5%;
	margin-right:5%;
	font-family:'raleway';
	font-weight:bold;
	display:flex;
	justify-content: center;
}
.titrePromo{
	font-size:29px;
	margin-left:5%;
	margin-right:5%;
	font-family:'raleway';
	font-weight:bold;
	display:flex;
	justify-content: center;
	color:red;
	padding-top:10px;
	padding-bottom: 10px;
}
.containerPromo{
	width:88%;
	margin-left:6%;
}	
.promoLieu{
	font-family:lato;
	font-size:16px;
	display:flex;
	justify-content:center;
}	
.promoEuro{
	font-family:Roboto;
	font-size:18px;
	font-weight:bold ;
	color:red;
}	

.villeJumbotron{
	font-family:'lato';
	font-size:16px;
	margin-top:1em;
	margin-left:10%;
	margin-right:10%;
}
.minilogoG{
	width:50px;
	display:float;
	float:left;
	margin-left:10px;
}
.minilogoR{
	width:50px;
	display:float;
	float:right;
	margin-right:10px;
}

.container-fiches{
	width:100%;
}

.grid{
	max-width: 1300px;
	width:100%;/*95%;*/
	height: auto;
	margin: 0px auto;
	display: grid;
	grid-template-columns: repeat(auto-fill, 300px/*290px*/);
	justify-content: center;
	grid-gap:1.2em; /*2em; *//*20px;*/
	/*background-color:white;*/
	padding-top:2rem;
	padding-bottom:2rem;
}

.carte-item{
	width:300px;/*290px; /*320px;*/
	height: 450px; /*480px;*/
	/*background: #333;*/
}

.carte-header{
  display:flex;
  flex-direction:row;
  height:25%/*27%*/; /*130px;*/
  background-color: rgba(0,0,0,0.2)
  }
.titre{
	width:80%; /*250px;*/
	padding-top:0.9em;/*10px;*/
	font-family:'Raleway';
	font-size:2.2em;/*40px;*/
	font-weight: bold;/*500;*/
	font-style:italic;
	padding:0.3em; /*10px;*/
	/*background-color: lawngreen;*/
}
.niveau{
	width:20%;
	/*background-color: lightslategray;*/
}
.niveau img{
	width:90%;
	  padding-top:0.7em;/*15px;*/
	  padding-right:0.7em; /*5px;*/

}

.carte-body{
	flex-direction:column;
	height: 75%/*73%*/; /*ajout*/
  background-color: rgba(0,0,0,0.2)
}

.info, .titre, .lienInfos, .lienInfos a, .complt, .tarif, .niveau .niveau img{
	color:#ffffff;
	position:relative;
}

.info {
	/* padding-top:5px;*/
	font-family:'Lato',  sans-serif;
	font-weight:300;
	height: 53%; /*190px;*/
	width:78%;/*80%;*/
	padding-left:0.7em; /*20px*/ ;
	padding-top:.8em;
	font-size:1.1em; /* 19px; */
	/*padding-right:15%; /*90px;*/
	line-height:1.3em;
	/*background-color: darkslategrey;*/
}

.lienInfos {
	height: 18%/*22%*/; /*70px;*/
	padding-left:0.7em; /*25px;*/
	font-family:'raleway',sans-serif;
	font-style:italic;
	font-size:1.2em; /*20px;*/
	font-weight: bold; /*600;*/
	text-decoration:none;
/*background-color: darkturquoise;*/
}
.lieninfos a{
	text-decoration:none;
	/*font-color:#F6FF33;*/
}
.interdiction {
	height: 20%;
	padding-top:1em; /*25px;*/
  text-align: center;
	font-family:'raleway',sans-serif;
	font-style:italic;
	font-size:2em; /*20px;*/
	font-weight: bold; /*600;*/
	text-decoration:none;
  color:red ;
  background-color: rgba(0,0,0,0.1);
}
.arrete{
  height:28%;  /* 52%; */
  text-align:center;
  font-size:1.3em;
  font-family: 'lato';
  font-weight: bold;
  /*background-color: rgba(0,0,0,0.1)*/
}
.arrete a{
  color: red;
}
.arrete a:hover{
  /*font-size:1.31em;*/
  color: white;
}

.complt{
  display:flex;
  height:9%/*8%*/; /*30px;*/
  justify-content: center;
  align-self: center;
  font-family:'lato';
  font-size:1.1em; /*20px;*/
  font-style:italic;
  font-weight: bold;
  /*background-color: gold;*/
}

.tarif{
  height:16%; /*60px;*/
  font-size:2.4em;
  font-style:italic;
  font-family:'Roboto';
  font-weight:bold;/*600;*/
  padding-left:63%; /*210px;*/
  /*background-color: hotpink;*/
  justify-content: center;
}
.tarifPromo{
  height:16%; /*60px;*/
  font-size:2.4em;
  font-style:italic;
  font-family:'Roboto';
  font-weight:bold;/*600;*/
  color:red;
  padding-left:7%; /*210px;*/
  /*background-color: hotpink;*/
  justify-content: center;
  background-color: rgba(0,0,0,0.05);
  }

@media screen and (min-width: 576px){
	body{background-color:#D6DCDE; /*rgba(49,158,202,1.00);*/
  }
	.container{
		width:100%;
	}
	.grid{
		width:95%;
		/*grid-template-colums:1fr;*/
		grid-gap:2em;
	}
	/*.carte{
		width:105%;
		height:105%;
	}*/
	.titreJumbotron{
		font-size:35px;
		margin-left:10%;
		margin-right:10%;
	}
	.sstitreJumbotron{
		font-size:30px;
	}

	.villeJumbotron{
		font-size:19px;

	}
}
/* ==== Developpement page individuelle ==== */
.grid-dev{
	margin-left:5%;
	margin-right:5%;
	display:grid;
	grid-template-areas: "texte"
						"titre-photo"
						"photo-min";
	justify-content: center;
}
.texte{
	grid-area:texte;
	text-align: justify;
	font-family:'Raleway',sans-serif;
	color:white;
	padding-left:20px;
	padding-right: 20px;
	display:grid;
	grid-template-areas: "texte4" "texte5" "texte3" "texte1" "texte2";
	justify-content:center;
}

q{font-weight: bolder; }
.texte1{
	grid-area:texte1;
	padding-top:20px;
}
.texte2{
	grid-area:texte2;
	margin-top:20px;
}
.texte3{
	grid-area:texte3;
	text-align: center;
	padding-bottom:10px;
	margin-top:15px;
	padding-left:5px;
	padding-right:5px;
}
.texte3 a{
	color:#ffffff;
	/*font-size:1em;*/
}
.texte3 a:hover{
	color:rgba(49,158,202);
}
.texte4{
	grid-area:texte4;
	text-align: center;
	padding-left:15px;
	padding-right: 15px;
	margin-top:20px;
}
.texte5{
	grid-area:texte5;
	margin-top:20px;
}
.titre-photo{
	grid-area:titre-photo;
	font-family:"open sans";
	font-weight:bold;
	font-size: 1.5em;
	text-align:center;
	margin-top:1.5em;
}
.photo-min{
	grid-area:photo-min;
	display:grid;
	grid-template-columns: repeat(auto-fill,170px);
	justify-content:center;
	grid-gap:1px;
}
.photo-min-dim{
	width:170px;
	height:128px;
}
.logotxt4{
	display:inline-flex;
	padding-left:50px;
	padding-right:30px;
}
.logotxt4 img{
	width:35px;
	height:35px;
}


/*==========  pour formats supérieurs =====*/
@media screen and (min-width: 576px) {

.grid-dev{
	grid-template-columns:48% 48%;
	grid-template-areas: "texte texte"
						"titre-photo titre-photo"
						"photo-min photo-min";
	grid-column-gap:4%;
	}
.texte{
	grid-template-columns:50% 50%;
	grid-template-areas: "texte1 texte3"
						"texte2 texte3"
						"texte4 texte5";
	grid-column-gap:4%;
	margin-left:0px;
	margin-right:0px;
	padding-left: 0px;
	padding-right:0px;
}
.texte1{
	padding-top:0px;
}
.texte3{
	margin-top:0px;
	}
}
/*----====-- fin grid ==== -- */
.retour{
	margin-top:1em;
	display:flex;
	justify-content: center;
}
.retour .img-retour{
	width:40px;
}
/*-- formules */
.offrestexte{
	text-align: justify;
	font-family: raleway,sans-serif;
	padding-left:20px;
	padding-right:20px;
	width:90%;
	margin: auto;
}
.formule{
	display:grid;
	grid-template-areas:"titre-formule"
	"photo-formule" "txt-formule";
	margin-right:15px;
	margin-left:15px;
}
.formule-titre{
	grid-area:titre-formule;
	font-size:1.2em;
	margin-bottom:10px;
	margin-top:15px;
}
.formule-photo{
	grid-area: photo-formule;
	margin-bottom:10px;
}
.formule-txt{
	grid-area:txt-formule;
	font-family:'lato';
	font-size:1.05em;
}
.bloc-formule-carte{
	display:none;
}


/*==========  pour formats supérieurs =====*/
@media screen and (min-width: 576px) {
.formule{
	grid-template-areas: "titre-formule titre-formule"
						"photo-formule txt-formule";
	grid-column-gap:2%;
}
.img-formule{
	width:170px;
	height:128px;
}
.formule-txt{
	display:inline-flex;
	margin-left:15px;
}
}
/*==========  pour formats supérieurs =====*/
@media screen and (min-width: 768px) {
.bloc-formule-carte{
	width:90%;
	margin:auto;
	/*margin-top:20px;*/
	display:grid;
	grid-template-columns:75% 25%;
	grid-template-areas: "formcarte formlegende";
	/*grid-column-gap:5%;*/
}
.formule-carte{
	grid-area:formcarte;
}
.legende-carte{
	grid-area:formlegende;
	padding-top:30px;
	width:80%;
	/*padding-left:20%;*/
	margin-left:20%;
}
.activ-legende-niv{
	font-size:1.5em;
	font-style: italic;
	font-weight:bolder;
	padding-left:10%;
}
.legende-niv{
	display:grid;
	grid-template-columns: 30px 1fr;
	justify-content: center;
	padding-bottom:10px;
	padding-left:20%;
}
.logo-legende{
	width:25px;
	height:25px;
}
}
.tableau{
	display:none;
}

@media screen and (min-width: 1024px) {

.tableau{
	display:block;
	margin-top: 20px;
}
.titreTarif{
	margin-left:5%;
	color:#ffffff;
	font-size:30px;
	font-family:"open sans";
	margin-bottom: 15px;
}
table{
	width:90%;
	margin:auto;
	font-size:16px;
}
td{
	border: 1px solid #319ECA;
	padding-left:10px;
	line-height:30px;
}
th{
	border: 1px solid #319ECA;
	text-align:center;
	background-color: #3C291A;
	color:#ffffff;
	line-height:35px;
	font-size:16px;
}
tr:hover{
	background-color: #319ECA;
	color:#ffffff;
}

}