@charset "utf-8";
/* CSS Document */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
html {
	height: 100%;

}
body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FFF;
	font-size: 1em;
	color: #000;
	margin-top: 0px;
	margin-right: 0;!important;
	margin-left: 0;!important;
}
.social {
	background-color: #FF9900;
	padding: 8px;
	margin: 10px;
	border-radius: 15px 15px 15px 15px;
	text-align: center;
	max-width : 370px;
	vertical-align: middle;
	align : center;
	font-size: 0.8em;
}
.fb-like {
	height: 20px;
	width: auto;
	vertical-align: middle;
}
.twitter-share-button
{
	height: 20px;
	width: auto;
	vertical-align: middle;
	border-radius: 5px 5px 5px 5px;
}
.fb {
	height: 20px;
	width: auto;
	vertical-align: middle;
	border-radius: 5px 5px 5px 5px;
}
.fb-share-button
{
	vertical-align: bottom;	
	}
.menuconnection {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
}
.menuconnectiontousbords {
	border: 1px solid #FFCC00;
}
.menuconnectionb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFCC00;
}
header a {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-size: 1em;

}
header a:link {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-size: 1em;
}
header a:hover {
	color: #FFF;
	text-decoration: none;
	font-style: oblique;
	font-weight: bold;
	font-size: 1em;
}
header a:visited
{
color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-size: 1.1em;
	}	
#infos_plus
{
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
	background-color: #990000;
	border-radius: 0px 0px 40px 0px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-right: 20px;
	border-bottom-width: thin;
	border-right-width: thin;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #990000;
	border-right-color: #990000;
	width: auto;
	min-height : 100px;
	vertical-align: bottom;
	text-align: left;
	z-index: 1;
}
#infos_plus2
{	
	font-size:1em;
	font-weight:bold;
	color:#000;
	background-color: rgba(255,255,255,0.7);
	width: auto;
	float: right;
	padding:10px;
	padding-right:20px;
	padding-left:20px;
	margin-left:50%;
	margin-top: -57px;
	position: -webkit-sticky;
	position: fixed;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	border: thin solid #315178;
	border-radius: 10px 10px 10px 10px;
	z-index:1;
}

a {
	color: #315178;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}
a:link {
	color: #315178;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}
a:hover {
	color: #315178;
	text-decoration: none;
	font-style: oblique;
	font-weight: bold;
	font-size: 1em;
}
a:visited
{
color: #315178;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	}
.artistes {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.6em;
	color: #003399; /* 003399 */
}
.artistes_p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.5em;
	color: #003399;
}	
.artistes_index {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.5em;
	color: #003399;
}
.artistes_index_p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.4em;
	color: #003399;
}	
.prevnext a
{
	margin-left: 5px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 1em;
	padding-left: 1em;
	font-size: 1.1em;
	}
.current a
{
	margin-left: 5px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 1em;
	padding-left: 1em;
	font-size: 1.3em;
	}	
	
.index_img
{
	border-radius: 15px 15px 15px 15px;	
	border: 1px solid #fff;
	width : 25%;
	box-shadow: 10px 5px 5px #444;

	position:relative;
	float:right;
	max-width:300px;
	max-height:300px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top:5px;
	margin-bottom:1em;	
}
@media (orientation: portrait) 
{
.index_img_p
	{
	border-radius: 15px 15px 15px 15px;	
	border: 1px solid #fff;
	height:15vh;
	width : auto;
	box-shadow: 10px 5px 5px #444;
	position:relative;
	float:right;
	max-width:300px;
	max-height:300px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top:5px;
	margin-bottom:1em;	
	}
}
@media (orientation: landscape) 
{
.index_img_p
	{
	border-radius: 15px 15px 15px 15px;	
	border: 1px solid #fff;
	height:22vh;
	width:auto;
	box-shadow: 10px 5px 5px #444;

	position:relative;
	float:right;
	max-width:300px;
	max-height:300px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top:5px;
	margin-bottom:1em;	
	}

}
.my-gallery_librairie img{
	border-radius: 15px 15px 15px 15px;	
	border: 1px solid #fff;
	width : 75%;
	max-width : 350px;
	padding: 0px;
	margin: 10px;
	box-shadow: 10px 5px 5px #444;
	}	
.my-gallery img:hover{   -webkit-transform:scale(1.02); /* Safari and Chrome */
    -moz-transform:scale(1.02); /* Firefox */
    -ms-transform:scale(1.02); /* IE 9 */
    -o-transform:scale(1.02); /* Opera */
     transform:scale(1.02);
	 saturate(150%);

}
.my-gallery figure {
	display: inline-block; 
	text-align: center;
    }
figure img{
	width: 100%;
	border-radius: 25px 25px 25px 25px;	
	border: 4px solid #000;
	align:center;
}
.capt_invisible
{
	display : none;
}
.pswp__caption__center {
	width:100%;
	align:center;
	text-align: center;}

figure {
	display: inline-block;
	width: auto;
	float: center;
	align: center;
	text-align: justify;
    }
#arrow {
    width:10px;
    height:10px;
    transform: rotate(-45deg);
    margin-top:40px;
	margin-left:500px;
}

#body ul li {
    position: relative;
	padding-bottom: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #db5727;

}
#body ul {
  list-style: none;
}

#body ul li:before{
   content: '';
   position: absolute;
   width:10px;
   height:10px;
   top: calc(50% - 4px);
   left: -20px;
}
.index_bas
{
	align: center;
}
.row
{
align: center;
text-align: center;
vertical-align:top;
}
.div_caption
{
	color: black;
	font-weight: normal;
	border-radius: 10px;
	border: thin solid #315178;
	background-color: #EFEFEF;
	text-align: center;
	padding: 1em;
	width: 80%;	
}
.container_email input[type=text], textarea, input[type=email], input[type=select],  input[type=file], select  {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  margin-right: 0px;
  margin-left: 0px;
  resize: vertical;
}
.container_email label{margin-right: 0px;
  margin-left: 0px;
  width: 100%;}
.container_email input[type=submit] {
  background-color: #1255a2;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.container_email input[type=submit]:hover {
  background-color: #1872D9;
}
.container_email {
  box-sizing : border-box;
  border-radius:15px;
  background-color:#f2f2f2;
  padding:20px;
  width: 100%;
  max-width: 430px;
  margin:0 auto;
}
.container_email h1  {
	color: #ffc800;
	width: 100%;
}
.foot
{
	margin-top: 1em;
	background-color: #023C82;
	margin-bottom: 0px;
	border-radius: 15px 15px 15px 15px;
	padding-top: 1em;
	padding-right: 3em;
	padding-bottom: 1em;
	padding-left: 3em;
}
.foot a {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-size: 1em;
}

.foot a:link {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-size: 1em;
}
.foot a:hover {
	color: #FFF;
	text-decoration: none;
	font-style: oblique;
	font-weight: bold;
	font-size: 1em;
}
.foot a:visited
{
color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-size: 1.1em;
	}	
.blink_me {
	animation: blinker 1s linear infinite;
	font-size: 0.9em;
	color: #060;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	border: thin solid #060;
	border-radius: 5px 5px 5px 5px;
	margin-right:1.5em;
	margin-top: 1.5em;
}
.blink_ {
	animation: blinker 1s linear infinite;
	font-size: 0.9em;
	color: #fff;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	border: thin solid #fff;
	border-radius: 5px 5px 5px 5px;
	margin-left:0.5em;
	height:30px;
}
.ok {
	font-size: 1em;
	font-style: italic;
	color: #060;
}
.niet {
	color: #C30;
	text-decoration: underline;	
	font-size: 1.2em;
	font-style: italic;
}
.texte_index
{ text-align : left;
	width : 98%;
	margin-right : 2 em;
	padding-left : 2em;
}
.texte
{
	display: inline-block; 
	width : 100%
 	}	
.artistes {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #315178;
}
.artistes_p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #315178;
}	
.artistes_index {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #990000;
}
.artistes_index_p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
}	
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.index_actu
	{
	border-radius: 15px 15px 15px 15px;
	width: 98%;
	border: thin dashed #060;
	padding-top: 0.8em;
	padding-right: 0em;
	padding-bottom: 0.8em;
	padding-left: 0em;
	margin-top: 1em;
	margin-right: 1%;
	margin-bottom: 0%;
	margin-left: 1%;
	}
.index_actu_p
	{
	border-radius: 15px 15px 15px 15px;
	width: 98%;
	border: thin dashed #060;
	padding-top: 0.8em;
	padding-right: 0em;
	padding-bottom: 0.8em;
	padding-left: 0em;
	margin-top: 1em;
	margin-right: 1%;
	margin-bottom: 0%;
	margin-left: 1%;
	}	
	
@media (orientation: landscape) 
{
.index_actu_p
	{
	min-height:55vh;
	}
}


.titre_page{
	font-family: 'Lobster', cursive;
	font-size: 40px;
	color: #3D835C;
	-webkit-text-stroke: 1px black;
	letter-spacing: normal;
/*	margin-left: 1em; */
text-align:center;
}
.titre_page2
{
	font-family: 'Lobster', cursive;
	font-size: 40px;
	color: #fff;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	margin-left: 1em;
	margin-right: 1 em;
/*	text-align: center; */
}
.cadre {
	background-color: #FFF;
	border: thick double #FF9933;
}
.txt
{	font-size: 1.6em;
	margin-left: 1em;
	font-family: 'Lobster', cursive;
	color: #023C82;
} 

.txt_petit
{	font-size: 1.4em;
	margin-left: 1em;
	font-family: 'Lobster', cursive;
	color: #023C82;
} 
.listemenus
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	margin-left: 1em;
	margin-bottom:0.2em;
	margin-right:1em;
    padding:0.5em;
	text-align: left;
	border-radius: 10px 10px 10px 10px;
	border: thin dashed #060; 
}
.listemenus2
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	margin-left: 1em;
	margin-right:1em;
	text-align: left;
	width: auto;
}
.genre
{
	margin: 5px;
	padding: 5px;
	max-width:200px;
background-color:#023C82;border-radius: 8px 8px 8px 8px;
color:#fff;
}
.pswp__caption__center {text-align: center;}

figure {
	display: inline-block;
	width: auto;
	float: center;
	text-align: justify;
    }
.th {
	border: 1px solid #fff;
	height: 22vh;
	padding: 0px;
	width: auto;
	margin: 10px;
	border-radius: 15px 15px 15px 15px;	
	box-shadow: 10px 5px 5px #444;
}
	
@media (orientation: portrait) 
{
.th_p
	{
	border: 1px solid #fff;
	padding: 0px;
	max-width: 95%;
	width: auto;
	margin: 10px;
	border-radius: 15px 15px 15px 15px;	
	box-shadow: 10px 5px 5px #444;;
	}	
.th_p_affiche
	{
	border: 1px solid #fff;
	padding: 0px;
	width: auto;
	margin: 10px;
	border-radius: 15px 15px 15px 15px;	
	box-shadow: 10px 5px 5px #444;
	height: 22vh;	
	}
}
@media (orientation: landscape) 
{
.th_p
	{
	border: 1px solid #fff;
	padding: 0px;
	width: auto;
	margin: 10px;
	border-radius: 15px 15px 15px 15px;	
	box-shadow: 10px 5px 5px #444;
	height: 50vh;		
	}
.th_p_affiche
	{
	border: 1px solid #fff;
	padding: 0px;
	width: auto;
	margin: 10px;
	border-radius: 15px 15px 15px 15px;	
	box-shadow: 10px 5px 5px #444;
	height: 50vh;	
	}	
}
.th_paysage {
	border: 1px solid #fff;
	width: 18vh;
	height: auto;
	padding: 0px;
	margin: 10px;
	border-radius: 15px 15px 15px 15px;	
	box-shadow: 10px 5px 5px #444;
}
.capt {
	font-size: 1.1em;
	color: #FC0;
}
img{
	width: 100%;
	border-radius: 25px 25px 25px 25px;	
	border: 4px solid #000;}
	}
.current
{
	margin-left: 5px;
	margin-right: 5px;
	}
.prevnext
{
	margin-left: 5px;
	margin-right: 5px;
}
.scroller {
	width: 95%;
	height: 800px;
	overflow-y: scroll;
	scrollbar-color: rebeccapurple green;
	scrollbar-width: auto;
	border: 1px solid #000;
	border-radius: 25px 25px 25px 25px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.a_box_video
	{	
position : fixed;
cursor : pointer;
text-align : center;
display : none;
width :100%;  !important;
height :100%;  !important;
margin-left:-9.8em;
background: rgba(0,0,0, .5);
top:0px;
left:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
right:0px;
color: #fff;
z-index: 3000;
	}

.iframe_vid
	{
vertical-align : middle; 
position : absolute;
align:center;
text-align:center;
position: fixed;
left:15%;
top:15%;
-webkit-text-size-adjust: 100%;
width :70%; !important;
height: 70%;  !important;
border: 2px solid #fff;
border-radius: 15px 15px 15px 15px;	
	}

@media (orientation: portrait) 
{
.iframe_vid_p
	{
vertical-align : middle; 
position : absolute;
align:center;
text-align:center;
position: fixed;
left:3%;
top:35%;
-webkit-text-size-adjust: 100%;
width : 94%; !important;
height: 30%;  !important;
border: 2px solid #fff;
border-radius: 15px 15px 15px 15px;	
	}
}
@media (orientation: landscape) 
{
.iframe_vid_p
	{
vertical-align : middle; 
position : absolute;
align:center;
text-align:center;
position: fixed;
left:10%;
top:3%;
-webkit-text-size-adjust: 100%;
width : 80%; !important;
height: 94%;  !important;
border: 2px solid #fff;
border-radius: 15px 15px 15px 15px;	
	}
}
.txt_intro 
{
	line-height: 1.8em;
	text-align: left;
}
#licences img{
	height: 27px;
	width: 27px;
	border: 0px;
	}
#licences {
	color: #000;
	text-align: center;
/*	width: 100%; */
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.rep
{
float:left;	
margin:0.6em;
margin-top:1.5em;
padding:0.6em;
background-color: #023c82;
border-radius: 10px 10px 10px 10px;
    justify-content: center;
    align-items: center;
}
.rep_p
{
float:left;	
margin-left:1em;
margin-top:1em;
margin-right:0.5em;
padding:0.6em;
background-color: #023c82;
border-radius: 10px 10px 10px 10px;
    justify-content: center;
    align-items: center;
}
.rep_p a
{
color:white;
}
.rep:hover
{
background-color: #004E9B;
}
.rep_p:hover
{
background-color: #004E9B;
}
.rep a
{
color:white;
}
.select
{
padding-top:0.3em;
padding-bottom:0.3em;	
padding-right:0.6em;
padding-left:0.6em;
background-color:#023C82;border-radius: 8px 8px 8px 8px;
color:#fff;
margin-bottom:0;
}
.box {
  position:absolute;
}
.div_promo_page
{
	margin-left: 1em;
	margin-right: 1em;
	border-radius: 15px 15px 15px 15px;
	font-weight: normal;
	color: #FF0000;
	text-align: center;
	border: thin groove #9B1C1F;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	font-style: oblique;
	width:auto;
}
.icones
{
height:90px;
width:auto;
float:left;
border:0;
margin-right:0.5em;
}
.fermer_div
{
	float:right;
	border:thin solid #000;
	margin-top:0.6em;
	margin-left:0.6em;
	z-index:1400;
	background-color:#fff;
	border-radius: 10px 10px 10px 10px;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.4em;
	padding-bottom:0.4em;  
	display:block;
	position:fixed;
	font-size:0.8em;
	cursor: pointer;
	color:#000;
}

.txt_promo_site_haut
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	color:white;
    text-align: center;
      top: 62px;
	z-index:515;
  margin: 0;
 align-items: center;
  position: relative;
background-color:#004E9B;
}
.div_promo_site
	{
position:fixed;
background-color:rgba(54, 54, 54, 0.6);	
top:0;
left:0;
right:0;
bottom:0;
text-align: center;
z-index:500;
color:#000;
cursor:pointer;
	}
.div_promo_site_img
	{
border: medium double #F00;	
  margin: 0;
  position: absolute;
  top: 55%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index:510;
	}
.blason2
{
float:right;
width:10%;
max-width:150px;
height:auto;
padding-right: 1em;
padding-left: 1em;
padding-top: 0.3em;
border:0;
border-radius: 0px 0px 0px 0px;
	}

.index_img2
{
  max-width: 460px;
  float: left;  
  height: auto;
  margin-right: 3rem;
  margin-left: -1rem;
  border: 1px solid #000;    
  shape-outside: ellipse(50% 50% at 45% 50%);
  border-radius: 0px 50% 50% 0px;

 }
.div_index_haut
 {
 min-height:350px;
 text-align:middle;
 background-color: #C8D9E8;
 color:#fff;
 margin-left:0;
 margin-top:-5px;
 margin-right:0;
 border-bottom : 1px double #900;
 }
 .div__haut
 {
background-color: #C8D9E8;
 margin-left:-5px;
 margin-top:-2em;
 margin-right:2px;
 color:#000;
 border-bottom : 1px double #900;
 padding-bottom:0.5rem;
 padding-top:2rem;
 }
  .div__bas
 {
 background-color: #C8D9E8;
 padding-top:0.5rem;
 margin-left:-5px;
 margin-top:-5px;
 margin-right:2px;
 border-top : 1px solid #900;
 }
 a.bulle 
{
	position: relative;
	white-space: nowrap;
	cursor:pointer;
}
a.bulle span 
{
	display: none;
}
a.bulle:hover span 
{
	display: block;
	position: absolute;
	width: min-content;
	inline-size: min-content;
	left: 0px;	
	top: 1.7em;
	clip-path: polygon(0 24%, 36% 23%, 53% 0, 53% 24%, 100% 24%, 99% 100%, 0 100%);
	background-color: rgba(2, 60, 130, 0.9);
	border: thin solid #FFF;
	border-radius: 10px 10px 10px 10px;
	padding-left: .5em;
	padding-right: .5em;
	padding-top: 2em;
	padding-bottom:.5em;
	list-style-type: none;
	list-style-image: none;
	font-size:0.8em;
	color: #FFF;
}
.logo
{
color:#fff;
text-decoration: none;
	float: left;
	padding-left: 1em;
	padding-top:0;
	padding-Bottom:0;
	-webkit-background-clip: text;
	vertical-align: middle;
	font-family: 'Lobster', cursive;
}
.navbar li {
	margin-left: .5em;
	margin-right: .5em;
	border-radius: 10px 10px 10px 10px;
	padding-top:0;
	padding-bottom:0;
	padding-left:1em;
	padding-right:1em;
	vertical-align:middle;
}
.dropdown-menu
{
background-color: rgba(2,60,130,0.3);;
/* background-color: transparent;
 background-color: #023C82;
background-color: rgba(255,189,103,0.8);*/
font-size:.8em;	
/*margin:.5em;*/
border-radius: 0px 0px 10px 10px;
}
.dropdown-menu li
{
margin-top:.4em;
	background-color: #024EAA;
	border-radius: 8px 8px 8px 8px;
/*	margin-left:.2em;
	margin-right:.2em; */
}
.dropdown-menu a
{
	color:#FFF;
	padding:0.8;
}
.dropdown-menu a:hover
{
font-size:1.1em;
background-color:transparent;
color:#FFF;
}
.nav-item 
{
	background-color: #024EAA;
	border-radius: 8px 8px 8px 8px;
	border:thin solid #fff;

}
@media (orientation: portrait) 
{
.nav-item
	{
	margin-top:.8em;
	margin-bottom:.5em; 
	}
}
.nav-link a
{
	color:#FFF;
}