body {
	line-height : normal;
}

.conttabhc table { 
	display : flex;
	flex-direction: row;
	align-items: center;
	justify-content : space-around;
	flex-wrap: wrap;
	}
	
	.conttabhc tbody{ 
	}
	
	
	.conttabhc th, 
	.conttabhc tr { 
		
	display: block;
		
	}
	.conttabhc td {
    display: inline-block;
	}
		
	.conttabhc thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

	.conttabhc table{ 
	width : 100% !important;
	height : 100% !important;
	float : none !important;
		
	}	
		 
	.conttabhc tr { 
	width : auto !important;
	height : auto !important;
	}

	 
	.conttabhc td { 
		
	position: relative;
	padding-left: 0%; 
	/*padding-top : 5px;*/
	white-space: normal;
	text-align: center!important;
	width : auto !important;
	height : auto !important;
	}
	


.contderforum {
	box-sizing : border-box; 
    border : 0px solid #C6C6C6;
	text-align : left;
	padding : 0px;
	background-color : transparent;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	/*background-attachment: fixed;*/
	background-blend-mode: multiply;
	cursor : pointer;
}
.contderforum1 {
	box-sizing : padding-box; 
    border : 1px solid #D3D3D3;
	text-align : left;
	padding : 0px;
	background-color : transparent;
	cursor : pointer;
	margin : 0 auto 0 auto;
	overflow :hidden;
	aspect-ratio : 3/2;
}
.imgderforum1 {
	object-fit : cover; 
	background-color : #fff; 
	object-position : center center;
	overflow :hidden;
	/*width: 100%;*/
	width : 350px;
	height : 234px;	
	aspect-ratio : 3/2;
}
.carouh-imgpub {
	width : auto;
	height : 100%;
	display : inline;
	cursor : pointer;
}



@media only screen and (min-width: 320px) and (max-width: 659px) {
	.imgderforum1 {
		object-fit : cover; 
		background-color : #fff; 
		object-position : center center;
		overflow :hidden;
		/*width: 100%;*/
		width : 330px;
		height : auto;	
		aspect-ratio : 3/2;
	}
}
@media only screen and (min-width: 320px) and (max-width: 979px) {	
	#LayoutGrid11 {
		padding-bottom : 10px;
		border-bottom : solid 3px #e0e5eb;
		margin : 0 8px 0 8px;
	}

}
.contderforum-overlay {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height : 100%;
	width : 100%;
	background-color: #000;
	opacity: 0.16;
	
}
#logoH1{
    display: block;
    width: 100%;
    height: 127px;
    position: relative;
    z-index: 1;
	overflow : hidden;
	float: left;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	overflow : hidden;
	
}
.alt-logo {
    display: block;
    position: absolute;
    left: 20px;
    z-index: 0;
    background-color: #fff;
	top : 0;
}


.divforumh {
	width : 100%; 
	height: auto;
	border : 0px solid #4f4f4f; 
	text-align : center;
	display: table-cell; 
	vertical-align: middle;
	margin : 0 0 0px 0;
}
.divforumv {
	width : auto; 
	height: 100%;
	border : 0px solid #4f4f4f; 
	text-align : center;
	display: table-cell; 
	vertical-align: middle;
	margin : 0 0 0px 0;
}
.imgdivforumh {
	position : relative; 
	width : 100%; 
	height: auto;
}
.imgdivforumv {
	position : relative; 
	width : auto; 
	height: 100%;
	margin : 0 auto 0 auto;
}
.titrederforum1 {
	position : relative;
	/*display : inline-block;*/
	box-sizing : border-box; 
	text-align : left;
	/*top : 160px;*/
	width : 100%;
	max-width : 600px;
	border : 0px solid #4f4f4f; 
	padding : 0px;
	color : #4F4F4F; 
	font-size : 18px;
	font-weight : bold;
	line-height : normal;
	text-decoration : none;
	/*background-color : rgba(0, 0, 0, 0.4);*/
}
@media only screen and (min-width: 360px) and (max-width: 979px) {
	.titrederforum1 {
		max-width : 1000px;
	}
}

.titrederforum1:hover {
	text-decoration : none;
}
#LayoutGrid11 a {
	text-decoration : none;
}
.titrederforum1 p {
	margin : 5px 0 5px 0;
	text-decoration : none;
}
.imgderforum {
	border : 1px solid #B3B3B3;
	object-fit : cover;
	object-position : center center;
	min-width : 200px;
}
.titrederforum {
	position : relative;
	display : inline-block;
	box-sizing : border-box; 
	text-align : left;
	width : 100%;
	border : 0px solid #4f4f4f; 
	padding : 0px;
	color : #333E83; 
	font-size : 13px;	 
	line-height : 15px;
	font-weight : bold;
	background-color : transparent;
}
.nomderforum {
	position : relative;
	display : inline-block;
	box-sizing : content-box; 
	text-align : left;
	/*top : 65%;
	left : 20px;
	width : auto; */
	height : auto;
	border : 0px solid #4f4f4f; 
	padding : 3px;
	background-color : crimson; 
	color : #fff;
	font-size : 12px; 
	line-height : 12px;
	font-weight : normal;
}
.textderforum {
	box-sizing : border-box; 
	position : relative;
	background-color : transparent;
	margin-top : 5px;	
	padding : 3px;	 
	min-height : 55px;
}
.textderforum1 {
	box-sizing : border-box; 
	position : relative;
	/*background-color : rgba(35, 35, 35, 0.75);*/
	margin-top : 5px;	
	padding : 5px 10px 5px 10px;	 
	min-height : 55px;
}
.carouh-cont {
	position : relative;
	box-sizing : border-box; 
	width : 500px; 
	height: 110px;
	border : 0px solid #4f4f4f; 
	text-align : left;
	/*display: table-cell; 
	vertical-align: middle;*/
	margin : 0 0 0px 0;
	background-color : transparent;
}

@media only screen and (max-width: 659px) {
	.carouh-cont {
		width : 100%; 
		height: 110px;
		text-align : center;
	}
}

.carouh-titre {
	position : relative;
	display: table-cell; 
	vertical-align: middle;
	box-sizing : border-box; 
	text-align : left;
	width : 300px;
	height : 110px;
	border : 0px solid #4f4f4f; 
	padding : 10px;
	color : #fff; 
	font-size : 15px; 
	line-height : 18px;
	background-color : #868686;
}
.carouh-txt {
	position : relative;
	display: table-cell; 
	vertical-align: middle;
	box-sizing : border-box; 
	text-align : left;
	width : 300px;
	height : 110px;
	border : 0px solid #4f4f4f; 
	padding : 10px;
	color : #fff; 
	font-size : 13px; 
	line-height : 20px;
	background-color : #375779;
	/*background-color : rgba(112, 183, 255, 0.5);*/
}

.carouh-txt-corps {
	animation: animate-fade-in 1000ms linear 2000ms 1 normal both;
	display: none;
}
.carouh-txt-titre {
	/*animation: animate-fade-in 2500ms linear 9ms 1 normal both;*/
	font-weight : bold; 
	font-size: 17px;
	text-align : center; 
	width : 100%;
	margin-bottom : 10px;
}
@media only screen and (max-width: 659px) {
	.carouh-txt-titre {
		font-size: 13px;
	}
}
.pub-verticale {
	/*animation: animate-fade-in 2500ms linear 9ms 1 normal both;*/
	font-weight : normal; 
	font-size: 14px;
	text-align : center;
	writing-mode: vertical-rl;
    text-orientation: sideways;
	display : inline;
	height : 110px;
}
.carouh-img {
	position : relative;
	display: table-cell; 
	vertical-align: top;
	box-sizing : border-box; 
	text-align : left;
	width : 200px;
	height : 110px;
	border : 0px solid #4f4f4f; 
	padding : 0px;
}
.carouh-img2 {
	 
	object-fit : fill; 
	object-position : top center;
	width : 200px;
	height : 110px;
}
.carouh-imgvideo {
	 
	object-fit : cover; 
	object-position : center center;
	background-color : #e0e5eb;
	width : 200px;
	height : 110px;
}
.carouh-img2Bul {
	 
	object-fit : cover; 
	object-position : top center;
	width : 200px;
	height : 110px;
}
.carouh-img2Pana {	 
	object-fit : fill; 
	object-position : top center;
	width : 200px;
	height : 110px;
}

.imgfestivalcorps {
	position : relative;
	box-sizing : border-box; 
	text-align : left;
	width : 100%;
	/*max-width : 310px;*/
	height : auto;
	border : 0px solid #4f4f4f; 
	padding : 0px;
}

#icofestival {
	width : auto;
	height : 130px;
	max-width : 130px;
	
}

#wb_CardContainer1  {
	height : 255px;
	padding : 0 10px;
	overflow : hidden;
}
#CardContainer1  {
	width : 100%;
}
.owl-carousel.owl-drag .owl-item {
	height : 255px !important;
}

#CardContainer1 button.owl-prev, #CardContainer1 button.owl-next {
	margin-left : -20px;
	margin-right: -20px;
	margin-top: -20px;
	background-color:  transparent !important;
	font-size : 64px !important;
	line-height : 75px !important;
	font-weight : bold;
	height :96px !important;
	/*color : #fff !important*/
}



@media only screen and (max-width: 659px) {
	#LayoutGrid10 > .col-2 {
	  background-position: center top !important;
	}
}

@media only screen and (min-width: 980px) {
	#CardContainer1 button.owl-prev, #CardContainer1 button.owl-next {
		margin-left : -30px;
		margin-right: -30px;
	}
}

#FlexContainer1 {   /* Titre Bulletin du HCF index*/
	width : 100%;
}
#Carousel1 a {
	text-decoration : none;
}
#Carousel1 a:hover {
	text-decoration : none;
}
	
#Carouselinfos .carousel-item-inner {
	flex-direction: row !important;
	height:  130px  !important;
}
.lgcarouentete {
	
	height:  110px !important;
	margin : auto 0 auto 0 !important;
}
.lgcarouentete  .col-1{
	
	background-color: rgba( 30,30,30, 0.7) !important;
	color : #fff !important;
	height:  130px !important;
}
.lgcarouentete  .col-2{
	
	background-color:  transparent !important;
}
.lgcarouentete  .col-2 img{
	width:  auto !important;
	height:  130px !important;
}
#lgcarou2 > .col-2, #lgcarou3 > .col-2, #lgcarou4 > .col-2, #lgcarou5 > .col-2 {
	align-content: flex-start;
	flex-basis : auto !important;
}
#wb_Text15 {
	font-size : 15px !important;
	letter-spacing : 0.15px !important;
	padding : 5px 10px 0 10px !important;
}
#wb_Image5  img{
	width:  auto !important;
	height:  100% !important;
	max-height : 120px;
}
#wb_Image5 {
	height : 120px;
	/*margin :  auto !important;*/
}
#wb_Image8, #wb_Image2, #wb_Image3, #wb_Image4, #wb_Image6 {
	margin :  auto !important;
	height:  145px !important;
}
#wb_Image5 {
	width : auto !important;
}
/*#wb_Text14 span, #Shape1_text span {
	color : #000 !important;
}*/
#wb_LayoutGrid8 {
	/*background-image : url('images/blob2.svg') !important;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center, 50%, 50%;*/
	
}
#FlexContainer3{
	/*min-height : 100vh !important;*/
	height : auto !important;
	
}
#FlexContainer3-overlay{
	/*background-color: rgba( 30,30,30, 0.55) !important;
	background-color: rgba( 40,43,46, 0.55) !important;*/
	/*-webkit-backdrop-filter : blur(5px) grayscale(0.95) ;
	backdrop-filter : blur(5px) grayscale(0.95) ;*/
}

.algcarou {
	text-decoration: none !important;
}

.algcarou > p{
	padding : 10px 0 10px 0 !important;
}

#wb_PhotoGallery2 {
	width : auto !important;
	max-width : 450px !important;
	height : auto !important;
	margin : 0 auto 0 auto !important;
}
#wb_LayoutGrid7, #wb_LayoutGrid1 {
	/*height : 100vh !important;*/
	display : block !important;
	border-color : transparent !important;
}
#LayoutGrid7-overlay, #LayoutGrid7-divider-bottom, #LayoutGrid7 {
	border-color : transparent !important;
}
.texteheader, .texteheader span, .texteheader i{
	color : #d4d4d4 !important;
}
.backcolorheader {
	/*background-color : #062E58 !important;*/
}
#lgmenuhaut > .col-1, #lgmenuhaut > .col-2 , #lgmenuhaut > .col-3 , #lgmenuhaut > .col-4, #lgmenuhaut2 > .col-1, #lgmenuhaut2 > .col-2,#wb_lgmenuhautcont  {
	border-color : #8f8f8f!important;
}
#Flexforumsboutons, #flexbulletinboutons {
	/*background-color: rgba(30,30,30,0.70);*/
}
#imcouv {
	width : auto;
	height : 100%; 
	max-height : 430px;
}
#Card6-card-item3, #Card7-card-item3 {
	/*width : 360px !important;*/
}
#wb_Card6, #wb_Card7 {
	height : 480px !important;
}

/*#wb_PhotoGallery2 {
		width : 90% !important;
		height : auto !important;
	}*/
#PhotoGallery2 {
	width : 90% !important;
	height : auto !important;
	margin : 0 auto 0 auto !important;
	/*max-height: 350px;*/
}

#LayoutGrid7-divider-top {
	z-index : 999 !important;
}

#divconcertsindex {
	z-index:5;
	background-color: #e0e5eb;
	padding: 10px 5px 10px 5px;
	height:auto;
	width : 100%;
	margin : 20px auto 10px auto;
	font-family: "Open Sans";
	/*line-height: 1.1875;*/
	font-size:16px;
	color:#3c3c3c;
	background-image: none;
	text-align : left;
 
}
#divconcertsindex p {
	margin : 0;
}
#textconcertindex_date {
	font-size:10pt;
	margin:2px 0 0 4%!important;
	color:darkred;
	font-size:10pt;
	color:black;
}
#textconcertindex_orch{
	font-size:10pt;
	margin: 5px 0 0 7% !important;
	color:darkred;
	font-size:10pt;
	color:black;
}
#textconcertindex_lieu{
	font-size:10pt;
	margin:  0px 0 2px 10%!important;
	font-size:10pt;
	color:black;
}

@media only screen and (min-width: 320px) and (max-width: 770px) {
	#LayoutGrid9 {
		flex-direction : column;
	}
	#LayoutGrid9 > .col-1, #LayoutGrid9 > .col-2 {
	  text-align: center;
	  max-width : 100%;
	}
	#LayoutGrid9 > .col-2 {	
		align-content: center;
		align-items: center;
		justify-content: center;
		flex-basis : 100%;
	}
	#Carousel1 .carousel-item-inner {
		align-items : center;
	}



@media only screen and (min-width: 360px) and (max-width: 979px) {
	/*#lghotclubs > .col-1{
		
		height:  400px !important;
	}
	#lghotclubs > .col-2{
		
		height:  400px !important;
	}*/
	#lgmenuhaut2 {
		height: 46px;
		padding: 0px;
	}
	#lgcarou2, #lgcarou3, #lgcarou4, #lgcarou5 {
		margin : 10px 0 10px 0 !important;
	}
	#lgcarou2 > .col-2, #lgcarou3 > .col-2, #lgcarou4 > .col-2, #lgcarou5 > .col-2 {
		align-content: center !important;
		flex-basis : 100% !important;
		background-color: rgba( 30,30,30, 0.7) !important;
		/*padding-bottom : 10px !important;*/
	}
    #CardContainer1 {
		padding : 0px !important;
	}
	#CardContainer1 .owl-nav{
		width : 100% !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 659px) {
	.lgcarouentete  .col-2{
		background-color: rgba( 30,30,30, 0.7) !important;
	}
	.lgcarouentete  .col-1, .lgcarouentete  .col-2{
		height:  200px !important;
	}
	.imgderforum1 {
	object-fit : cover; 
	background-color : #fff; 
	object-position : center center;
	overflow :hidden;
	/*width: 100%;*/
	width : 320px;
	height : auto;	
	aspect-ratio : 3/2;
	}
	

}