.bloc{
	display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;	
}

.bloc .image .wrapper{	
	width: 100%;
	min-height: var(--height-img);
	position: relative;
	display: flex;
 	flex-direction: column;
	align-items: center;  
	justify-content: center;				
}

.bloc .image{
	align-self: stretch;
}
.bloc .image .overflow{
	overflow: hidden;
  position: relative;
  height: 100%;
}

.bloc .image .shifted{
	background-color: var(--color-p);
	color:  #FFF;
	padding: 25px 5px 20px 5px;
	z-index: 1;	
}
.bloc .image .abs-top-left.shifted{
	left:  -20px;
}
.bloc .image .abs-top-right.shifted{
	right:  -20px;
}
.bloc a.image:hover .wrapper{
	background-color: var(--image-opacity-hover);
}
.bloc .image .wrapper.opacity{
	background-color: var(--image-opacity);
}
.bloc .image .wrapper.opacity:hover, .bloc .image .wrapper.opacity-hover-only:hover {
	background-color: var(--image-opacity-hover);
}

@media (max-width: 767px) {
	.bloc .image .abs-top-left.shifted{
		left:  0px;
	}
	.bloc .image .abs-top-right.shifted{
		right:  0px;
	}	
}





/*************************
 * BLOC GLOBAL
 ***********************/
.bloc.bloc-global .text h2{
	border-bottom: 2px var(--color-p) solid;
	margin-top:  30px; 			
}

.bloc.bloc-global .text.left h2 {
    margin-left: var(--margin-img);
}

.bloc.bloc-global .text.right h2 {
    margin-right: var(--margin-img);
}

.bloc.bloc-global .text div.wrap{
	font-family: var(--font-title);
	font-size: 1.8rem;	
	margin: 30px var(--margin-img);
}
.bloc.bloc-global .text p{
	margin: 0;
}
.bloc.bloc-global .text a.link{
	display: inline-flex;
  align-items: center;    
	color:  var(--color-p);
	margin: 0 var(--margin-img) 30px var(--margin-img);
	font-size: 1.8rem;
}
.bloc.bloc-global .text a.link:hover{
	color:  var(--color-primary);
}

.bloc.bloc-global .text.left a.link span{	
	padding-left: var(--gap);
}
.bloc.bloc-global .text.right a.link span{	
	padding-right: var(--gap);
}

.bloc.bloc-global .text.bulleair{
	padding: 40px;
}	

.bloc.bloc-global .image .h3{
	font-family: var(--font-text);
	color:  #FFF;
	font-size: 3.6rem;
	font-weight: 300;
	text-align: center;
}

.bloc.bloc-global .image .wrap{
	margin: var(--margin-img-xs);
}

.bloc.bloc-global .image h2,
.bloc.bloc-global .image h3,
.bloc.bloc-global .image h4,
.bloc.bloc-global .image p,
.bloc.bloc-global .image a{
	font-family: var(--font-text);
	font-weight: 300;
	color:  #FFF;
	text-align: initial;
	font-size: 1.8rem;
}

.bloc.bloc-global .image a{
	display: flex;
}

.bloc.bloc-global .image h2{
	font-size: 2.5em;
}
.bloc.bloc-global .image h3{
	font-size: 2em;
}
.bloc.bloc-global .image h4{
	font-size: 1.5em;
}

.bloc.bloc-global .image .wrap p{
	margin: 0;
}

.bloc.bloc-global .image .abs-bottom-right span,
.bloc.bloc-global .image .abs-top-right span,
.bloc.bloc-global .image .abs-bottom-left span,
.bloc.bloc-global .image .abs-top-left span{
	color: #FFF;
}

.bloc.bloc-global div.column-2{
	column-count: 2;
	column-gap: 30px;
	margin:  30px var(--margin-img);
}

.bloc.bloc-global p.agences a{
    display: flex;
    flex-direction: row;
    align-items: center;	
    justify-content: flex-end;
	color:  var(--color-p);
}
.bloc.bloc-global p.agences a span{
    line-height: 0;
    padding: 0 var(--gap);
}
.bloc.bloc-global p.agences a:hover{
	color:  var(--color-primary);
}



.bloc.bloc-global .text div.slider{
	margin-top: 50px;
	margin-bottom: 50px;
}
.bloc.bloc-global .text div.slider .slide {
  max-width: 100%;
  display: none;
}

.bloc.bloc-global .text div.slider .slide.active {
  display: block;
  animation: fadeImg 0.8s;
}

.bloc.bloc-global .text .info{
	display: flex;
  flex-direction: column;
	margin: 30px var(--margin-img) 0 var(--margin-img);
	font-size: 1.8rem;	
}
.bloc.bloc-global .text.right .info{
	align-items: flex-end;
}
.bloc.bloc-global .text.left .info{
	align-items: flex-start;
}

.bloc.bloc-global .text .info + .info{	
	font-size: 1em;	
}
.bloc.bloc-global .text .info a{
	margin: 0;
	color: var(--color-p);
}
.bloc.bloc-global .text .info a:hover{
	color: var(--color-primary);
}

.bloc.bloc-global .text div.slider .slide p span {
	padding-right: var(--gap);
}
.bloc.bloc-global .text div.slider .slide a{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.bloc.bloc-global .text.right div.slider .slide a span{
    line-height: 0;
    padding-left:var(--gap);
}
.bloc.bloc-global .text.left div.slider .slide a span{
    line-height: 0;
    padding-right:var(--gap);
}

.bloc.bloc-global .image.w-35-gap{
	width: calc(35% - 4px);
}
.bloc.bloc-global.gap{
	gap: 4px;
}
/*
.bloc.bloc-global .grid-pictos{ 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;  
  align-items: center;
  justify-content: center;    
  margin-top: 50px;
  margin-bottom: 50px;
  gap: 50px;
}

.bloc.bloc-global .left .grid-pictos{ 
	justify-content: flex-start;
}
.bloc.bloc-global .right .grid-pictos{ 	
	margin-left: 5px;
}

.bloc.bloc-global .grid-pictos .picto{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bloc.bloc-global .grid-pictos p{
 		font-size: 0.9em;
    margin:  0 !important;
}

.bloc.bloc-global .grid-pictos .picto .line-2{
	display: flex;
  flex-direction: row;
  align-items: center;  
  justify-content: center;
  font-size: 1.3em;
  margin-top: 10px;
}

.bloc.bloc-global .grid-pictos .picto .label{
	font-size: 1.3em;
	text-align: center;
}

.bloc.bloc-global .grid-pictos .line-2 img{
	width: 25px;
	margin-right:  5px;
}

.bloc.bloc-global .les_plus > div{	
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	margin: 50px 0;	
	color:  #FFF;
	padding: 30px 40px;
	align-items: initial;
	position: relative;
}

.bloc.bloc-global .les_plus{
	width: 40%;
	align-self: flex-end;
	margin-right: -20%;	
}

.bloc.bloc-global .les_plus ul{
	padding: 20px;
	list-style-position:  outside;
}
.bloc.bloc-global .les_plus ul li{
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.bloc.bloc-global .les_plus ul li:last-child{
	margin-bottom: 0
}

.bloc.bloc-global .les_plus .abs-top-left{
	left: -30px;
  background-color: var(--color-p);
  padding: 5px 15px;	
  font-size: 1.2em;
}

.bloc.bloc-global .les_plus h2,.bloc.bloc-global .les_plus h3,.bloc.bloc-global .les_plus h4,.bloc.bloc-global .les_plus h5,.bloc.bloc-global .les_plus h6{
	color: #FFF;
	font-size: 2em;
	border: none;
	text-align: initial;
}
*/
/*
.bloc.bloc-global .prochains-departs h2{
	margin-bottom: 24px;
	margin-top: 0px;
}

#prochains-departs .bloc.bloc-global{
	align-items: flex-start;
}
.bloc.bloc-global .prochains-departs .tab-content{
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.7rem;
  padding: 10px 20px;
  color: var(--color-p);
  margin-left: 1px;
  margin-right: 6px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: all 150ms ease-in-out ;
  margin-bottom: 20px;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;  
}

.bloc.bloc-global .prochains-departs a.tab-content:hover{  
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	background-color: var(--color-sapin-light);
}

.bloc.bloc-global .prochains-departs .tab-content .left{
	width: 40%;
	display: flex;
	flex-direction:column;
	align-items: flex-start;
	justify-content: center;

}
.bloc.bloc-global .prochains-departs .tab-content .left b{
	font-weight: bold;
	font-size: 2rem;
}
.bloc.bloc-global .prochains-departs .tab-content .left span{
	color: grey;
	font-size: 1.6rem;
}



.bloc.bloc-global .prochains-departs .tab-content .middle{
	width: 30%;
	font-weight: bold;
	font-size: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bloc.bloc-global .prochains-departs .tab-content .right{
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}



.bloc.bloc-global .prochains-departs a.tab-content .reserver {
  padding: 10px 40px;
  border-radius: 50px;
  color: #FFF;
  background-color: var(--color-sapin);
  margin-left: 0;
  margin-right: 0;
}
.bloc.bloc-global .prochains-departs a.tab-content:hover .reserver{
	background-color: #FFF;
	color: #000;
}
.bloc.bloc-global .prochains-departs a.tab-content:hover .left span{
	color:#000;
}  


.bloc.bloc-global .prochains-departs .troptard, .bloc.bloc-global .prochains-departs .complet{
	padding: 10px 20px;
	border-radius: 20px;
	color: #FFF;
	background-color: grey;
	margin-left: 0;
	margin-right: 0;
  	color: #FFF;
} 

.bloc.bloc-global .btn.save{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0;
	margin-right:0;
	padding: 15px 40px 15px 10px;  
	text-transform: uppercase;
	background-color: var(--color-p);    	
}

.bloc.bloc-global .maxhgir{
	max-height: 470px;
}
.bloc.bloc-global .tab-date{
	overflow: hidden;
	height: 406px;
	padding-top: 6px;	
}
.bloc.bloc-global .tab-date.all{	
	height: auto;
}
.bloc.bloc-global .prochains-departs .alldates,
.bloc.bloc-global .prochains-departs .fourdates{
	text-align: right;
	padding-bottom: var(--gap);
	cursor: pointer;
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.bloc.bloc-global .prochains-departs .alldates svg,
.bloc.bloc-global .prochains-departs .fourdates svg{
	margin-left: var(--gap);
}
.bloc.bloc-global .prochains-departs .alldates:hover,
.bloc.bloc-global .prochains-departs .fourdates:hover{
	color: var(--color-primary);
}

.bloc.bloc-global .btn.save:hover{
	background-color: var(--color-primary);  
	color: #FFF;  
}
	
*/

/* MODIF 17-12-2024
.bloc .image .wrapper{	
	height: 470px;
	max-height: auto;
}
*/
.bloc .image .wrapper{	
	min-height: 470px;	
}

.cbs-bloc .bloc1 .text .complet > div:last-child span{
  background-color: var(--color-p);
  color: #FFF; 
}

@keyframes fadeImg {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (max-width: 1199px) {
	
	.bloc.bloc-global .les_plus{
		width: 80% !important;		
	}
	.bloc.bloc-global .les_plus > div{
		padding: 30px 20px;		
	}

	#span-10-1268{
		padding: 0 var(--gap);
	}
		
}

@media (max-width: 767px) {
	.bloc.bloc-global .text.right h2,
	.bloc.bloc-global .text div.wrap,
	.bloc.bloc-global .text a.link{
		margin-right: var(--gap);
	}
	.bloc.bloc-global .text.left h2,
	.bloc.bloc-global .text div.wrap,
	.bloc.bloc-global .text a.link{
		margin-left: var(--gap);
	}	

	.bloc.reverse{
		flex-direction: column-reverse;
	}
	.bloc.bloc-global .prochains-departs .w-40{
		width: 34% !important;
	}
	.bloc.bloc-global .prochains-departs .w-20{
		width: 22% !important;
	}	
	.bloc.bloc-global .image.w-35-gap{
		width: 100%;
	}

	.bloc.bloc-global .image .wrap{
		margin: calc(5*var(--gap)) var(--gap);
	}
	blockquote{
		margin: 0;
	}		
}