#cont_debut_fest {
	width:100% !important;
	padding-bottom:10px;

}
#bout1festival, #bout2festival, #bout3festival {
	/*opacity : 0.8;
	height :25px !important;*/

}
a .anchor {  // offset sticky menu
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}



#divcode {
	position: relative;
	float:left;
	width: 100%;
	clear:left;
	display:block;
	line-height : 20px;
	font-size:13px;
	background-color: #fff;
	background-image: none;
	margin-bottom : 20px;
	padding-bottom : 10px;
	border : 0px solid #C5C5C5;
}
.festival {
	position: relative; 
	vertical-align: center;
	border-style: none;
	font-size: 13px;
    font-family:  "open sans",arial, helvetica, sans-serif;	
	width: 100%; 
	top: 0px;
	left: 0px; 
	height: auto;
	margin: 0px 10px 0px 10px;
	z-index: 1;
	padding: 0px;
}

.festi_titre  {
	line-height: 30px;
	text-align: left;
	font-size: 18px;
	margin:10px 20px 7px 20px;
	background-color: transparent; 
	color: #062e58;
	border-style:solid none none none;
	border-width:2px;

}
#festi_festi {
	text-align: left;
	font-size: 20px;
	margin: 0px 20px 0px 20px; 
	color: #17375e;  
	background-color: transparent;
	border-style:none none none none;
	border-width:0px;
}
#festi_festi  a{
	text-decoration : underline;
	color: #0066CC;
}
#festi_festi  a:hover{
	text-decoration : underline;
}
#festi_lieu {
	text-align: justify;
	font-size: 15px;
	margin:0px 10px 0px 20px;
	background-color: transparent;
}
#festi_details {
	margin:10px 5% 0px 5%;
	text-align: justify;
	color : #3C3C3C;
	text-align: justify;
	background-color: transparent;
	font-size: 16px;
	min-height : 200px;
	line-height: 1.6;
}
#festi_details  p {
	margin:0;
	/*line-height : 18px;*/
}
#festi_details  a {
	text-decoration : underline;
	color: #0066CC;	
	z-index : 10;
}
#festi_details  a:hover{
	text-decoration : underline;
}
#festi_titre1 {
	text-align: center;
	font-size: 20px;
	margin:10px 0px 10px 0px;
	background-color: transparent;

}
#festi_titre2 {
	text-align: right;
	font-size: 15px;
	margin:0px 10% 0px 0px;
	background-color: transparent;

}
#wb_festivalText5, #wb_festivalText55 {
	
	width : 100% !important;
}


@media screen and (max-width: 450px)  {
	.festi_titre  {
		line-height: 26px;
		font-size: 16px;
	}
	#festi_festi {
		font-size: 17px;
	}
	#festi_lieu {
		font-size: 13px;
	}
	#festi_details {
		font-size: 13px;
	}
	
}

@media screen and (max-width: 670px) {
	
	.imageforum {
		min-width: 280px !important;
		float: none !important;
		margin-top: 10px !important;
		margin-right: auto !important;
		margin-bottom: 10px !important;
		margin-left: auto !important;
		clear: right;
}
  /*.conttablef  table {
    border: 0;
  }

  .conttablef table caption {
    font-size: 1.3em;
  }
  
  .conttablef table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .conttablef table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .conttablef table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .conttablef table td::before {
    
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .conttablef table td:last-child {
    border-bottom: 0;
  }
  
  .conttablef  table tr{
	display: block;
	margin-bottom: 40px;
	}

	.conttablef  table td {
	display: block;
	text-align: right;
	}

	.conttablef table td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	}*/
}




@media only screen and (max-width: 650px) {  

/* Pour faire 2 colonnes responsives  avec TINYMCE il faut créer un tableau de 2 col égales, puis l'encadrer (conteneur)  d'une < div class = "conttablef">
et avoir le style ci-dessous pour que tout passe en une colonne
*/

#festi_details p {
	padding-left : 0px !important;
}
		
.conttablef table, 
.conttablef thead, 
.conttablef tbody, 
.conttablef th, 
.conttablef td, 
.conttablef tr{ 
	
display: block
	
}
	
.conttablef thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

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

 
.conttablef td { 
	
position: relative;
padding-left: 0%; 
padding-top : 5px;
white-space: normal;
text-align: center!important;
width : 100% !important;
height : 100% !important;
margin : 10px 0 10px 0;
	
	}

.conttablef td img { 

float : none !important;
	
}	
	

.conttablef td:before { 
	
position: absolute;
top: 6px;
left: 6px;
width: 90%; 
padding-right: 10px; 
font-weight: bold;
white-space: nowrap;
text-align:left;
content: attr(data-title)
		
}
	
.conttablea table, 
.conttablea thead, 
.conttablea tbody, 
.conttablea th, 
.conttablea td, 
.conttablea tr{ 
	
display: block;
height : auto !important;	
}
	
.conttablea thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

.conttablea table{ 
width : 100% !important;
float : none !important;
	
}	
	 
 
 
.conttablea td { 
	
position: relative;
padding-left: 0%; 
white-space: normal;
text-align: center!important;
width : 100% !important;
	
	}

.conttablea td img { 

float : none !important;
	
}	
	
.conttablea td p { 

width : 100%;
	
}	
.conttablea td:before { 
	
position: absolute;
top: 6px;
left: 6px;
width: 90%; 
padding-right: 10px; 
font-weight: bold;
white-space: nowrap;
text-align:left;
content: attr(data-title)
	
	}
	
	
}