/*  memo : haut  -  droite - bas - gauche  
taille : 260 - 550 - 840 - 1130
gris bleu comédie : #5d6a83
gris clair : #e0e2e4
bleu 2022 > #00a8be
*/

.textes-ital {  font-style: italic; }
.texte-bio-ital {  font-style: italic; }


body { font-size: 14px; font-family: 'Merriweather', times, serif; font-style: normal; font-weight: 300; line-height:150%; letter-spacing:0.1em; color:#000; background:#fff url(images/2025-fond-page.jpg) top center fixed; text-align: center; background-size: cover; }

body a { color: #004a75; text-decoration: none;}

body a:hover { color:#000; text-decoration: none; }

.bloc50long2 a { color: #71b5c6; text-decoration: none;}

.majuscules { text-transform: uppercase; }

.lettrine { padding: 0px; text-transform: uppercase; display: block; font-weight: 700; float: left; font-size: 30px; Line-Height: 24px; color: #8a0300;margin-left: 0px; margin-top: 6px; margin-bottom: 0px; margin-right: 6px; }

.accroche { font-weight:600 }

.bleu { color: #aaa; }

.bloc50long .majuscules .bleu { color: #FFF!important; }



.jour { color: #000; font-style: normal; font-weight: 600; }

.edito { display:block;	float:left; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;  margin-right: 12px; }

.signatureedito { display: block; float: left; margin-bottom: 12px; }


/* Structure ============================================================= */
.structure { margin: 0 auto; padding:0 30px 0 0; display:inline-block; text-align: left; }

.sidebare {
	display: block;
	float: left;
	margin:0;
	padding: 0;
}



.colonne25 {
	display: block;
	float: left;
	width: 280px;
	margin:0;
	padding: 0;
}

.colonne501 {
	display: block;
	float: left;
	width: 560px;
	margin:0;
	padding: 0;
}

.colonne252 {
	display: block;
	float: right;
	width: 280px;
	margin:0;
	padding: 0;
}


.colonne503 {
	display: block;
	float: left;
	width: 560px;
	margin:0;
	padding: 0;
}

.colonne100 {
	display: block;
	float: left;
	width: 1160px;
	margin:0;
	padding: 0;

}

.colonne125 {
	display: block;
	float: left;
	width: 100%;
	margin:0;
	padding: 0;

}


/* Header ============================================================= */
.top { float: left; background: none; margin: 20px 0 0 20px; padding: 0; width: 260px;	height: 168px;	}
.top h1 { float:left; margin: 0; padding: 0; z-index: 700; }
	




/* calendrier ============================================================= */
.bloccalendrier {
        float: left;
		position: relative;
		display: block;
        width: 260px;
		height: 168px;
		margin: 20px 0 0 20px;
		padding: 0;
	}

#reseaux {
        float: left;
		display: block;
        width: 23px; /* 35 - 12 de pading*/
		height: 168px;
		margin:0 10px 0 0;
		padding: 15px 6px 10px 6px;
		background: url(images/fond-reseaux.png) no-repeat;
		
	}
#reseaux img
{
    margin:0 0 10px 0;
}

/* titres ============================================================= */
	h1,h2,h3,h4,h5,h6{ clear: both; padding:0; }
    h1{ font-size: 2em; margin:0em; }
    h2{	font-size : 16px; text-transform : uppercase; 		}
    h3{	font-size : 14px; text-transform : uppercase;	color:#999; }
	h3:before { content: "∎ ";  color:#999;	}
	h4{ font-size: 1em; line-height:1em; margin:0 0 0.5em; }
    h5{ font-size: 0.8em; line-height:1.2em; margin:0 0 0.5em; }
    h6{ font-size: 0.6em; line-height:1.4em; margin:0 0 0.5em; }
	
	



.auteur {
color: #fff;
float: left;
bottom:0;
left: 0;
margin: 20px 0 0 20px;
padding: 20px;
z-index:501;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
background:#5d6a83;

}

.titre {
color: #fff;
width:500px;
margin: 20px 0 0 20px;
padding: 10px 20px 10px 20px;
z-index:501;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
background:#5d6a83;

}

.titre h2 {
	font-size:22px;
}


a:hover .auteur {
color: #fff;
background:#5d6a83;
}


.light{
	color: #888;
	font-size: 0.9em;
	font-style:italic;
}


.taille50 {
	width: 500px; 
}

.zoom {
	display:none;
	color: #fff;
	margin: 0;
	padding: 0 0 20px 0;

}

a:hover .zoom {
	display:block;
	transition: all 2s;

}

a .bouton {
color: #fff;
float: left;
bottom:0;
left: 0;
margin: 10px 0 5px 0;
padding: 4% 8% 4% 8%;
z-index:501;
cursor:pointer;
width:84%;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
background:#8a0300;
}

a:hover .bouton {
color: #fff;
background:#5d6a83;
}

.duree {
color: #fff;
float: left;
bottom:0;
left: 0;
margin: 0 0 10px 0;
padding: 4% 8% 4% 8%;
z-index:501;
width:84%;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
background:#000;
}

.info25 {
float: left;
display: block;
position: relative; 
width: 220px;
margin:20px 0 0 20px;
padding: 20px;
background:#fff url(images/2022-fond-bloc.jpg) top center fixed;background-size: cover;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}


.info25 .map {
height: 600px;
}


.fondblanc {
background:#fff;
}

.bloccolonne2 {
float: left;
display: block;
position: relative;
width: 220px;
margin:20px 0 0 20px;
padding: 20px;
background:#e0e2e4;
-moz-box-shadow: inset 5px 5px 30px 5px #c0c0c0;
-webkit-box-shadow: inset 5px 5px 30px 5px #c0c0c0;
-o-box-shadow: inset 5px 5px 30px 5px #c0c0c0;
box-shadow: inset 5px 5px 30px 5px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=30);
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}

.bloccolonne2-hauteurvariable {
float: left;
display: block;
position: relative;
width: 220px;
margin:20px 0 0 20px;
padding: 20px;
background:#e0e2e4;
-moz-box-shadow: inset 5px 5px 30px 5px #c0c0c0;
-webkit-box-shadow: inset 5px 5px 30px 5px #c0c0c0;
-o-box-shadow: inset 5px 5px 30px 5px #c0c0c0;
box-shadow: inset 5px 5px 30px 5px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=30);
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}

.bloc25 {
float: left;
position: relative;
height: 420px;
width: 260px;
margin:20px 0 0 20px;
padding: 0;
overflow:hidden;
background:#fff url(images/2022-fond-bloc.jpg) top center fixed;background-size: cover;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}

.blocdate25  {
color: #fff;
float: left;
position:absolute;
bottom:0;
left: 0;
width: 220px;
min-height:70px;
margin: 0;
padding: 0 20px 0 20px;
z-index:501;
}

a .bloctext25  {
color: #fff;
float: left;
position:absolute;
width: 220px;
height: 420px;
margin: 0;
padding: 4px 20px 0 20px;
background-color: rgba(0, 0, 0, 0.5);
z-index:500;
transition: all 2s;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}


a:hover .bloctext25  {
color: #fff;
top: 0;
background-color: rgba(0, 0, 0, 0.7);
transition: all 1s;
}


.adresse h3, .info25 h3{
color: #000;
}


.info25 h3:before {
content: "∎ ";
color:#fff;
}

.adresse h3:before {
content: "";
}

a:active .bloctext25  {
	color: #fff;
	top: 0;
	background-color: rgba(0, 0, 0, 1);
	transition: all 1s;
}


.long {
font-size: 13px;
}

.bloctext25 h2 {
margin-bottom:18px;
padding-bottom:14px;
border-bottom:1px solid #FFF;
}

.titrelong {
	top: 298px;
}

.titreprochain {
	top: 284px;
}

.titrelongregion {
	top: 298px;
}



.enregion {
font-size:12px;
display: block;
float: left;
position: relative;
text-transform: uppercase;
font-size: 12px;
display: block;
float: left;
position: relative;
width: auto;
margin: -20px 0 10px 0;
padding: 0px 10px 2px 10px;
overflow: hidden;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background:#f6ab2e;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.comedie {
font-size:12px;
display: block;
float: left;
position: relative;
text-transform: uppercase;
font-size: 12px;
display: block;
float: left;
position: relative;
width: auto;
margin: -20px 0 10px 0;
padding: 0px 10px 2px 10px;
overflow: hidden;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background:#5d6a83;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

a:hover .enregion, a:hover .comedie {
margin: -40px 0 10px 0;
transition: all 1s;
}

a:hover .comediesaison {
margin: -80px 0 10px 0;
transition: all 1s;
}

.titretreslong {
top: 284px;
}



a .blocinfo {
font-size:12px;
display: block;
float: left;
position: relative;
width: 60%;
margin:20px;
padding: 10px;
overflow:hidden;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
z-index:501;
color: #fff;
top: 0px;
background-color: rgba(0, 0, 0, 0.7);
transition: all 1s;
text-transform: uppercase;
color:#FFF;
}


a:hover .blocinfo {
top: -300px;
transition: all 1s;
}

.bloc1255 {
    display: block;
    float: left;
    position: relative;
    width: calc(100% - 60px);
    margin: 20px;
    padding: 0 20px;
    overflow: hidden;
    background: #fff;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}





.bloc50 {
display: block;
float: left;
position: relative;
height: 420px;
width: 540px;
margin:20px 0 0 20px;
padding: 0;
overflow:hidden;
background:#e0e2e4;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}

.bloc50slid {
display: block;
float: left;
position: relative;
height: 360px;
width: 540px;
margin:20px 0 0 20px;
padding: 0;
overflow:hidden;
background:#e0e2e4;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}


.blocdate50  {
display: block;
color: #fff;
position:absolute;
bottom:0;
left: 0;
width: 500px;
margin: 0;
padding: 0 20px 0 20px;
z-index:501;
min-height:70px;
}

a .bloctext50 {
display: block;
color: #fff;
float: left;
position:absolute;
width: 500px;
height: 420px;
margin: 0;
padding: 4px 20px 0 20px;
background-color: rgba(0, 0, 0, 0.5);
z-index:500;
transition: all 2s;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}

a:hover .bloctext50  {
color: #fff;
top: 0px;
background-color: rgba(0, 0, 0, 0.7);
transition: all 1s;
width: 500px;
}


.bloc50long {
display: block;
float: left;
position: relative;
width: 500px;
margin:20px 0 0 20px;
padding:20px;
background:#fff url(images/2022-fond-bloc.jpg) top center fixed;background-size: cover;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
/**min-height: 420px;**/
}

.bloc50long2 {
display: block;
float: right;
position: relative;
width: 500px;
margin:20px 0 0 20px;
padding:20px;
background:#fff;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}


.blocdate50long {
color: #fff;
position:absolute;
bottom:0;
left: 0;
width: 500px;
margin: 0;
padding: 0 20px 0 20px;
z-index:501;
min-height:60px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius:  0 0 10px 10px;
border-radius:  0 0 10px 10px;
}

.blochaut50long {
color: #fff;
position:absolute;
top: 0;
left: 0;
width: 500px;
margin: 0;
padding: 0 20px 0 20px;
z-index:501;
min-height:60px;
-moz-border-radius: 10px 10px 0 0 ;
-webkit-border-radius:  10px 10px 0 0 ;
border-radius:  10px 10px 0 0 ;
}

.blochaut25 {
color: #fff;
position:absolute;
top: 0;
left: 0;
width: 220px; /*550px; 460- 40 padding */
margin: 0;
padding: 0 20px 0 20px;
z-index:502;
min-height:60px;
-moz-border-radius: 10px 10px 0 0 ;
-webkit-border-radius:  10px 10px 0 0 ;
border-radius:  10px 10px 0 0 ;
}

.bloctextesimple  {
font-size: 13px;
float: left;
position: absolute;
left: 0;
width: 85%;
margin: 0;
padding: 20px 20px 0 20px;
z-index:500;
transition: all 2s;
}

strong   {
	font-size: 14px;
	font-weight:600;	
}


.fondregion {
	background-color: #f6ab2e;
}

.fondgris {
	background-color: #e0e2e4;
}

.fondbleu {
	background-color: #5d6a84;
}


.blocprog1 {
	display:block;
	float: left;
	width: 280px;
	margin:20px 0 30px 0px;
	padding: 0;
	height: 1480px;
	
}

.blocprog2 {
	display:none;
	float: left;
	margin:20px 0 0 0px;
	padding: 0;
	
}

.bloclistespectacle  {
	color: #666;
	width: 260px;
	float: left;
	margin:0 0 0 30px;
	padding: 0;
}


#signature {
float: left;
display:block;
position:relative;
width: 1060;
margin:20px 0 10px 20px;
padding: 20px;
display:block;
background:#fff url(images/2022-fond-bloc.jpg) top center fixed; background-size: cover;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}

.credits {
font-size: 12px;
float: left;
width: auto;
margin:0;
padding: 0;
display:block;
}

.adresse {
float: left;
position: relative;
text-align: left;
color: #000;
}


.partenaires {
float: right;
position:relative;
width: 400px;
text-align: right;
}

.duree a {
	color:#5d6a83;
}

.duree a:hover {
	color:#fff;
}



li .aniv {
	padding-left:30px;
	background: url(images/30ans.png) no-repeat; background-size: 25px 25px;
}


#access-mobile{ /* pour responsive = float:left; width:100%; margin:0; display:none;  */ }
		#access-mobile ul{ overflow:hidden; float:right; margin:10px 0 0 0; padding:0; list-style:none; }
		#access-mobile li.mobile-menu1 { overflow:hidden;
		text-transform:uppercase;
		font-size: 10px;
	font-style: normal;
	font-weight: 300;}
		#access-mobile a {
		display: block;
		color: #fff;
		width:210px; /* 260 - 50 de padding*/
		height:35px;
		line-height:35px;
		cursor:pointer;
		background: #8a0300 url(images/menu_n2.gif) no-repeat 20px center;
		padding:0 0 0 50px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		}
		#access-mobile a.selected,
		#access-mobile a:hover{
			background: #5d6a83 url(images/menu_s.gif) no-repeat 20px center;
		
			}
	
	#access {
		float:left;
		width:100%;
		display: block;
		overflow:hidden;
		margin:0;
		
		text-transform:uppercase;
		font-size: 11px;
	font-style: normal;
	font-weight: 300;
	}
	#access #menu_haut {
list-style: none;		
	}
	#access #menu_haut li {
	}
		#access #menu_haut li.last{}
			#access #menu_haut li.last a{}
	#access #menu_haut li.submenu{}
	#access #menu_haut a {
		display: block;
		margin:0;
		padding:0 20px 0 20px;
		line-height:2em;
		font-size:1.1em;
		font-weight:500;
		text-decoration:none;
		color:#fff;
		/*text-transform:uppercase;*/
	}
		#access #menu_haut span {
			float:left;
			display:block;
			width:0.5em;
			margin:0.4em 0.5em 0 0;
			background:#B2B2B2;
			line-height:1.1em;
		}

		#access #menu_haut .important-item{}
		#access #menu_haut .important-item a{ color:#515D75; }
			#access #menu_haut span.more-items{ float:right; width:18px; }
				#access #menu_haut span.more-items a{ height:16px; padding:0; line-height:15px; text-align:center; cursor:pointer;
				background-image:url(images/plus.gif);
				background-position:center center;
				background-repeat:no-repeat;
				}
								
				#access #menu_haut span.more-items a.selected, #access #menu_haut span.more-items a:hover{
		
				}
				
				#access #menu_haut span.more-items a.selected, #access #menu_haut span.more-items a:focus{
				height:16px; padding:0; line-height:15px; text-align:center; cursor:pointer;
				background-image:url(images/moins.gif);
				background-position:center center;
				background-repeat:no-repeat;
				}
	#access #menu_haut ul {
		display: none;
		margin:0;
		padding:0 20px 0 30px;
		background:#5d7783;; /* couleur fond menu deroulé niveau 2*/
		
	}
		#access #menu_haut ul li {
			list-style: none;
		margin:0 0 5px 0;
		border-width:0 0 1px 0 ;
 		border-style:dotted;
		border-color:#FFF;
		}
		#access #menu_haut ul li a {
			padding:0 0.5em 0 0;
			background:none;
			line-height:1.4em;
			list-style: none;
		}
			#access #menu_haut ul li span {
				margin:0.3em 0.5em 0 0;
				line-height:0.8em;
			}
	#access #menu_haut ul ul {
		display:none;
		margin:0 1em;
	}
		#access #menu_haut ul ul li a {
			padding:0 0.5em 0 1.5em;
		}
			#access #menu_haut ul ul li span {
				display:none;
			}
	#access #menu_haut li:hover > a,
	#access #menu_haut ul :hover > a,
	#access #menu_haut a:focus {
		text-decoration:none;
		color:#000;		
		background:#5d7783;/*survol menu*/
	}
	
	#access #menu_haut .current-menu-ancestor,
	#access #menu_haut .current-menu-parent,
	#access #menu_haut .current-menu-item,
	#access #menu_haut .current-post-ancestor,
	#access #menu_haut .current-page-ancestor,
	#access #menu_haut .current-category-ancestor,
	#access #menu_haut .current-projet-ancestor {
	}
	#access #menu_haut .current-menu-ancestor ul,
	#access #menu_haut .current-menu-parent ul,
	#access #menu_haut .current-menu-item ul,
	#access #menu_haut .current-post-ancestor ul,
	#access #menu_haut .current-page-ancestor ul,
	#access #menu_haut .current-category-ancestor ul,
	#access #menu_haut .current-projet-ancestor ul {
		display:block;
	}
	
	#access #menu_haut .current-menu-ancestor > a,
	#access #menu_haut .current-menu-parent > a,
	#access #menu_haut .current-menu-item > a,
	#access #menu_haut .current-post-ancestor > a,
	#access #menu_haut .current-page-ancestor > a,
	#access #menu_haut .current-category-ancestor > a,
	#access #menu_haut .current-projet-ancestor > a {
		text-decoration:none;
		color:#555;
	}
	#access #menu_haut .current-menu-ancestor li > a,
	#access #menu_haut .current-menu-parent li > a,
	#access #menu_haut .current-menu-item li > a,
	#access #menu_haut .current-post-ancestor li > a,
	#access #menu_haut .current-page-ancestor li > a,
	#access #menu_haut .current-category-ancestor li > a,
	#access #menu_haut .current-projet-ancestor li > a {
	}
	#access #menu_haut .current-menu-ancestor a:hover,
	#access #menu_haut .current-menu-parent a:hover,
	#access #menu_haut .current-menu-item a:hover,
	#access #menu_haut .current-post-ancestor a:hover,
	#access #menu_haut .current-page-ancestor a:hover,
	#access #menu_haut .current-category-ancestor a:hover,
	#access #menu_haut .current-projet-ancestor a:hover {
	}
	#access #menu_haut #menu_haut li:hover > ul {
		/*display: block;*/
		
	}
	

/* =Menu responsive
	-------------------------------------------------------------- */
	#access-mobile{ 
	display:block;
	float:left; width:260px; margin:0; pad
	}
	#access{ 
	display:none; 
	position:absolute; 
	float:left;
	width:260px;
	height: auto !important;
	margin:178px 0 0 0; 
	z-index:50000;
	
	
	}
	#access #menu_haut{ 
	margin:0; 
	padding:20px 0 20px 0; 
	background:#5d6a83;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	}
	#access #menu_haut ul ul li a {
	background:#5d6a50;
	}
	
	
	
.terre {
background: #dbc5b6;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#00a8be, Direction=134, Strength=30);
-moz-box-shadow: inset 5px 5px 30px 5px #004a75;
-webkit-box-shadow: inset 5px 5px 30px 5px #004a75;
-o-box-shadow: inset 5px 5px 30px 5px #004a75;
box-shadow: inset 5px 5px 30px 5px #004a75;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#004a75, Direction=134, Strength=30);
}



.petit { 
	font-size: 10px;
	}

.petitacc { 
	font-size: 12px;
	display: block;
	}

.petitacc em { 
	font-weight: bold;
	color:#333;
	}

iframe {
    width:100%;
    height:100%;
	min-height:300px;
 }
 
 
 
 .petiteimagecentre{
left: -145px; }


.comediesaison {
    font-size: 12px;
    display: block;
    float: left;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    float: left;
    position: relative;
    width: auto;
    margin: -20px 0 10px 0;
    padding: 0px 10px 2px 10px;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c8772c;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}









/* bloc google map ============================================================= */
	#map{
			width:1100px;
			height:630px;
			margin-top:30px;
			margin-left:20px;
			border-radius:10px;
			moz-border-radius:10px;
			webkit-border-radius:10px;
		}
		
		
	




.gm-style a { color:#c8772c; }

.gm-style a:hover { color:#5d6a83; text-decoration: none;}

.bloc80 {
display: block;
float: left;
color: #fff;
position: relative;
width: calc(100% - 60px);
margin:20px 0 0 20px;
padding: 0 20px 0 20px;
background-color: rgba(0, 0, 0, 0.75) ;
border-radius: 18px 18px 0 0;

}

.blocdate80  {
display: block;
float: left;
color: #fff;
position: relative;
width: calc(100% - 60px);
margin: 0 0 0 30px;
padding: 0 20px 0 20px;
min-height:70px;
border-radius: 0 0 18px 18px;
}

.floatright50 {
width:50%;
display: block;
float: right;
margin:0 0 0 10px;
padding: 0;
}

.floatright30 {
width:30%;
display: block;
float: right;
margin:0 0 0 10px;
padding: 0;
}


/* bloc google map ============================================================= */

.folio {
color: #fff;
width:500px;
height: 20px;
margin: 20px 0 0 20px;
padding: 10px 20px 10px 20px;
z-index:501;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
background-color: rgba(93, 106, 131, 0.8);

}

.folio:hover {
background-color: rgba(93, 106, 131, 0.5);
}

.folioleft {
	width:40%;
	display: block;
	float:left;
	margin:0;
	padding: 0;
	text-align:left;
	font-size: 20px;
}
.folioleft::after{
	font-size: 14px;
	content: " ";
}

.folioleft:hover::after{
	content: "Spectacle précédent";
}

.folioright {
	width:40%;
	display: block;
	float:right;
	margin:0;
	padding: 0;
	text-align:right;
	font-size: 20px;
}

.folioright::before{
	font-size: 14px;
	content: " ";
}

.folioright:hover::before{
	content: "Spectacle suivant";
	}
	

a .boutontel {
    color: #fff;
    margin: 10px 0 10px 0;
    padding: 8px 18px;
    cursor: pointer;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: #004a75;
}


/* illustration ============================================================= */
.illustration {
        float: left;
		height: 168px;
		margin:20px 0 0 20px;
		padding: 0;
		-webkit-border-radius:18px;
		-moz-border-radius:18px;
		border-radius:18px;
		vertical-align:bottom;
		background: url(images/topillustration/0.jpg);
}



.illustration2 {
	float: left;
	height: 168px;
	margin:20px 0 0 20px;
	padding: 0;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	display:none;
	background: url(images/topillustration/0.jpg);
}
	
.illustration:hover, .illustration2:hover {
background: url(images/topillustration/1.jpg);
}

.info25etud {
float: left;
display: block;
position: relative; 
width: 220px;
height: 380px;
margin:20px 0 0 20px;
padding: 20px;
background:#fff url(images/illustration-bon-plan2022.jpg);
background-size: 260px 420px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;

}

	
/* 2025 ========== */
.colonne100 {
margin: 20px 0 0 0;
}

.colonne252{
    margin: 20px 0 0 0;
}

.colonne125 {
    margin: 20px 0 0 0;
}
.sidebare {
margin: 20px 0 0 0;
}

.colonne501 {
margin: 20px 0 0 0;
}

.colonne503 {
margin: 20px 0 0 0;
}

.panier {
background:#900 url(images/picto-reserver.png);
display:block;
position:absolute;
right:8px;
top:8px;
width: 40px;
height: 40px;
z-index:20000;
margin:0;
padding:0;
border-radius: 10px;
display:none; 
}




a .boutonres {
color: #fff;
float: left;
bottom:0;
left: 0;
margin: 10px 0 5px 0;
padding: 4% 8% 4% 8%;
z-index:501;
cursor:pointer;
width:84%;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
background: #8a0300 url(images/picto-reserver.png);
background-repeat: no-repeat;
background-position: right;
display:none;
}

a:hover .boutonres {
color: #fff;
background:#5d6a83 url(images/picto-reserver.png);
background-repeat: no-repeat;
background-position: right;
}

.illuabo1 {
/**background-color:green;**/
display:block;
height: 188px;
width:auto;
position:relative;
float: left;
}

.illuabo2 {
/**background-color:green;**/
display:none;
height: 188px;
width:auto;
position:relative;
float: left;
}


.abonnezvous {
display: block;
position: absolute;
left: 86px;
bottom: -20px;
width: 130px;
height: 20px;
background-color: #5d6a84;
z-index: 20000;
margin: 0;
padding: 0;
border-radius: 10px;
padding: 8px 0 8px 0;
text-align:center;
color:#FFF;
font-size: 12px;
}

.abonnezvous:hover {
background-color: #000;
}






	
	/* Smartphones 20 à 609px  ------------*/
@media screen and (min-width: 20px) and (max-width: 609px) and (orientation:portrait) {
.folio {	width:220px; }

.folioleft:hover::after{
	content: "Précédent";
}

.folioright:hover::before{
	content: "Suivant";
	}
	

body { background:#fbc849 url(images/none) ; font-size:0.6em;}
.structure { width:280px;  }
.saison { display: none; }
.colonne100 { width: 280px;}
.floatimg { margin: 0 0 15px 0 ; border: none; 	width: 100%; }
.colonne50 { width: 280px; }


.illustration { display:none; }
.illustration2 { display:block!important; width: 260px; }

.illuabo1 { display:none !important; }
.illuabo2 { display: block !important; }


.blocprog1 { display:none; }
.blocprog2 { display:block; }

#signature { width: 220px; }
#credits { width: 260px; }

.partenaires {
	float: left;
	    margin: 20px 0 0 0;
	text-align: left;
}


.bloc50 {
	width: 260px;
}

.blocdate50  {
	width: 220px;
	
}


.titretreslong50 {
	top: 252px;
}

.titrelong50 {
	top: 284px;
}

.titrecourt50 {
	top: 300px;
}

.bloc50long {
	width: 220px;
}

.bloc50long2 {
	width: 220px;
}

.blocdate50long {
	width: 220px;
}

.taille50 {	width: 220px; }
.grandeimagecentre{
left: -145px; }

.grandeimagegauche{
left: 0; }

.grandeimagedroite{
left: -280px; }

.blochaut50long {
width: 220px;
}

.partenaires {
	width: 260px;
    margin: 20px 0 0 0;
}


a .bloctext50 {
	width: 260px;
	
}

.info25 {
 min-height: 100px;
}

a .bloctext50 {
	
	width: 220px;

	
}

a:hover .bloctext50  {

	width: 220px;
}



.colonne503, .colonne501 {
    width: 280px;
	float:left;

}
.bloc50slid {
    width: 260px;

}


.titre {
	width:220px;
}

.titre h2 {
	font-size:16px;
}

.distri2 { display: block; }
.distri1 { display: none; }
#map{ width:260px; height:430px;}	

.sidebare {
    margin: 0;
}
}


/* phone landscape) -*/

@media screen and (min-width: 20px) and (max-width: 609px) and (orientation:landscape) {
body { background:#fbc849 url(images/none) ; font-size:0.6em;}

.structure { width:580px; margin: -30px 20px 20px -30px;}
.colonne100 { width: 580px;}

.saison { display: none;}

.illustration { display:none; }
.illustration2 { display: block !important; width: 540px; }

.illuabo1 { display:none !important; }
.illuabo2 { display: block !important; }



#signature { width: 500px; }
#credits { width: 540px; }
.colonne25 { width:580px; }
.bloccolonne2 {	min-height: auto;	width: 500px;	margin: 20px 0 0 20px;	padding: 20px; }
.bloccolonne2-hauteurvariable {	width: 500px; margin: 20px 0 0 20px; padding: 20px; }
.blochaut25 { width: 500px; }
.partenaires { width: 120px; }

.colonne252 { width: 540px; float: left;}

.colonne501 { width: 540px; float: left;}


.distri2 { display: block; }
.distri1 { display: none; }


.titre h2 {}

.bloc50long2, .bloc50long {    float: left;}

.info25 { width: 500px;}
#map{ width:550px; height:530px;}

.sidebare {
    margin: 0;
}
	
}

/* Smartphones 610px à 910----------- */
	
@media screen and (min-width: 610px) and (max-width: 910px) {

body { }
.structure { width:580px;}
.colonne100 { width: 580px;}
.saison { display: none;}

.illustration { display:none; }
.illustration2 { display: block !important; width: 540px; }

.illuabo1 { display:none !important; }
.illuabo2 { display: block !important; }





#signature { width: 500px; }
#credits { width: 540px; }
.colonne25 { width:580px; }
.bloccolonne2 {	min-height: auto;	width: 500px;	margin: 20px 0 0 20px;	padding: 20px; }
.bloccolonne2-hauteurvariable {	width: 500px; margin: 20px 0 0 20px; padding: 20px; }
.blochaut25 { width: 500px; }
.partenaires { width: 120px; }
.colonne252 { width: 580px;}


.distri2 { display: block; }
.distri1 { display: none; }


.info25 { width: 500px; }
#map{ width:550px; height:530px;}
.sidebare {
    margin: 0;
}

.partenaires {
    width: 360px;
    float: left;
    text-align: left;
	mar
}
	
}



	



/* Smartphones 911 à 1190 ----------- */

@media screen and (min-width: 911px) and (max-width: 1190px) {
.structure { width:840px; }
.colonne100 { width: 560px;}
.sidebare { width: 280px;}
.illustration { width: 260px }  
.colonne25 { width:580px; float:right; }
#signature { width: 800px; }
#credits { width: 800px; }
.bloccolonne2 { min-height: auto; width: 500px; margin: 20px 0 0 20px; padding: 20px; }
.bloccolonne2-hauteurvariable {	width: 500px; margin: 20px 0 0 20px; padding: 20px; }
.blochaut25 { width: 500px; }
.partenaires { width: 321px; }
.colonne252 {float: right; }
.distri2 { display: block; }
.distri1 { display: none; }
#map{ width:550px; height:530px;}

}


/* Smartphones à 1190 à 1500 ----------- */
@media screen and (min-width: 1190px) and (max-width: 1399px) {
	
.structure { width:1120px; }
.colonne100 { width: 840px;}
.sidebare { width: 280px;}
.illustration {width: 540px}
.bloccolonne2 { min-height: auto; width: 500px; margin: 20px 0 0 20px; padding: 20px; }
.colonne503 { width: 280px;}
.colonne503 .bloc50long2, .colonne503 .bloc50long { width: 220px; }
.distri1 { display: block; }
.distri2 { display: none; }
.credits { width: 1100px;}
#map {width:840px;}
}



/* Smartphones   new  pour ecrant moyen air ----------- */
@media screen and (min-width: 1400px) and (max-width: 1459px) {
.structure { width: 1400px;}
.colonne100 { width: 1120px; }
.sidebare {  width:280px; }
.illustration { width: 820px; }
#signature { width: 1340px;}
.credits { width: 1320px; }
.distri1 { display: block; }
.distri2 { display: none; }
}




@media screen and (min-width: 1460px) {
.structure { width: 1400px; }
.colonne100 { width: 1120px; }
.sidebare {  width:280px; }
.illustration { width: 820px; }
#signature { width: 1340px; }
.credits { width: 1340px; }
.distri1 { display: block; }
.distri2 { display: none; }
}

.complet { 
display: block;
position: absolute;
right: 10px;
top: -10px;
width: 100px;}