@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'BatonTrial-Bold';
src: url('BatonTrial/BatonTrial-Bold.otf') format('truetype');
    
    font-weight: bold;
font-style: bold;
    
}


* {
box-sizing: border-box;

}

.br {
display: block;
}

.chapeau{
	font-size: 1.3em;
	color: #000;
	margin: 10px 0;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
}
.schedule{
	max-width: 400px;
	margin: 0 auto;
	border: #000 solid 6px;
	padding: 16px 8px;
}

.socials{
	
}
.content-title{
	font-size: 1.6rem;
	color: #000;
	font-family: 'BatonTrial-Bold';
	font-weight: bold;
	line-height: 30px;
}
.content-info, .content-info a{
	font-size: 1.4rem;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	    color: #39dac2;
}
.construction{
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 20px;
	color: #000;
	text-align: center;
	margin-top: 46px;
}
@media (min-width: 576px) {
    .container, .container-sm {
		max-width:none!important;
        /* max-width: 540px; */
    }
}

html, body {
	margin:0;
	background:#f3f3f3;
	font-family: 'Roboto Condensed', sans-serif;
	color: #39dac2;
	padding:0;
}
.block-container {
	margin-top: 20px;
	margin-bottom: 41px;
}
.video-container{
	display: flex;
    justify-content: center;
}
.video-container iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
	height: auto;
}
h1, h2{
	
	font-family: 'BatonTrial-Bold';
	color:black;
	margin:3px 0 0 0;
	text-transform: uppercase;
	font-size: 2em;
	line-height:1.1em;
}

h1 a {
	
	font-family: 'BatonTrial-Bold';
	color:black;
	margin:3px 0 0 0;
	text-transform: uppercase;

}

h1 a:hover {
text-decoration: none;
color: #141414;
}


p {

	margin:0;
	font-size: 1em;
	line-height: 1.35em;
	
}


 a {
	
	text-transform: none;
		color:#da51ee;
	text-decoration: none;
	
	font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
    transition: all .3s;
	
}

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


 a.boldunderline {
	color:#da51ee;
	font-weight: bold;
	text-decoration: underline;
	transition: .3s;

 }

 a.boldunderline:hover {
	color:#ba54c9;
 }

 a.boldunderlineblack {
	 color: #000;
	 font-weight: bold;
	text-decoration: underline;
	transition: .3s;
 }

 a.boldunderlineblack:hover {
	color: rgb(67, 66, 66, 0.7);
 }

.main-content {
	background-image:url(../img/BG2.jpg)!important ;

	background-repeat: no-repeat!important;
	background-position: top center!important;
	/* background-size: 40px!important; */
/*min-height:2000px;*/
}

.header {

}

.header img {

max-width:830px;
height:auto;
/* margin: 20px 0; */
	
    }
    
 .headersocial {
    /* border-bottom: 8px solid black; */
    padding-right: 5px;
    padding-bottom: 5px;

 }  
 .main-content{

 } 

 .headersocial img {
     width: 40px;
    
 }
	
.content {
/* border-left:8px solid black;
border-right:8px solid black; */
}

.left {
/*background: yellow;*/
padding: 0;


}	


.right {
/*background: orange;*/
border-left:none;
padding: 0;

border-bottom:8px solid black;
}




.intro {
	background:#39dac2;
	color:white;
	padding:  10px;

}

.intro p {padding-bottom: 8px; color:#fff;} 

.intro img {
	margin-top: 20px;
	width: 100%;
}


.head {
	
	border-top: 8px solid black;
	border-bottom: 8px solid black;
	padding: 5px 0 5px 10px;
	background: #fff!important;

	
	}
	
.head .row {

margin-left: 0;
}	

.localisation {
	

		background-image:url(../img/localisation.png)!important ;

	background-repeat: no-repeat!important;
	background-position: center right!important;
	background-size: 40px!important;


}

.localisation-map iframe {

	margin-top: 10px;
	width: 100%;
	height: 400px;
}

.localisation-map p {
padding:7px 0 0 10px;
color: #000;

}

.contact {
text-align: center;
}

.contact-text .geraldine {
margin-top: 20px;
}

.contact div div {
padding-left:0;

}

.contact div div p {
padding-top:7px;

}

.contact-text {
padding: 5px 0 5px 10px;
}

.contact-text p {
padding-bottom: 5px;
}

.black {color:#000;}



.photos {
	background-image:url(../img/photos.png)!important ;

	background-repeat: no-repeat!important;
	background-position: center right!important;
	background-size: 40px!important;
}

.photos-photos img {
	width:100%;
	height:auto;
}


.menu {

	background:#da51ee url(../img/menu.png) no-repeat center right;
	background-size: 43px 34px;
	border-bottom: 8px solid black;
	border-top: 8px solid black;

}



.agenda {

	background:#da51ee  url(../img/agenda.png) no-repeat center right;
	background-size: 43px 34px;
	border-top: 8px solid black;
	border-bottom: 8px solid black;

}

.menu .title, .agenda .title  {
border-right: 8px solid black;
background: #fff;
}


.menu .title {
padding: 8px 0 5px 15px;
}


.menu .row, .agenda .row {

margin: 0;
}

.menu .link, .agenda .link  {

	padding: 9px 55px 5px 10px;
	text-align: right;

}


.menu .link  {

	padding: 9px 50px 5px 5px;
	text-align: right;

}

.menu .link p, .agenda .link p  {

	font-size:14px;
	line-height: 15px;

}

.menu .link a, .agenda .link a {
color:#FFF;
}


.menu-text {
	
	padding:  10px;
} 
 
 .menu-text p, .agenda-text p {
 color: #000;
 }
 
.agenda .title  {

padding: 10px 0 5px 5px;

}

.apercu {
margin: 10px 0;
}

 p.apercu {
font-size: 1.2em;

}

p.apercu a {
    /*border-bottom: solid 1px #da51ee;*/
}

.agenda-text, .horaires-text {

	padding:  10px;
}

.agenda .link  {

	padding: 7px 50px 5px 5px;
		text-align: right;

}

.horaires {

		background-image:url(../img/horaires.png)!important ;

	background-repeat: no-repeat!important;
	background-position: center right!important;
	background-size: 40px!important;


}



.horaires-text .day, .horaires-text .time {

padding-top: 7px;
}


.horaires-text .day.first , .horaires-text .time.first  {

padding-top: 0px;
}

.horaires-text .description {
border-bottom: solid 1px black;
padding-bottom: 7px;
}


.horaires-text  .clouds, .horaires-text  .attention, .horaires-text  .balloon, .horaires-text  .anniversaire {
margin-top: 10px;
text-align: center;	
	
}	

.horaires-text  .balloon {
margin-top: 30px;
}

.horaires-text  img {
	width:50px;
	
}



.day {

	color:#da51ee;
}

.time {
	color:#000;
	
	font-weight: bold;
}

.attention td, .anniversaire td {
padding-top: 10px;

}

.anniversaire {
color:#000;
}


.facebook {
		background-image:url(../img/facebook.png)!important ;

	background-repeat: no-repeat!important;
	background-position: center right!important;
	background-size: 40px!important;
	

}

.facebook-plugin {
	background:#f3f3f3;
	overflow:auto;
	padding:5px;

}








/* modal */

.modal-body iframe {

width: 300px;
height: 100%;

}


.footer {

border:8px solid black;
border-top: none;
color: #000;
background: #fff;
text-align: center;
}



.page-agenda h1 {
text-align: center;
color: #da51ee;
margin-bottom: 10px;
}

.page-agenda iframe {

border: 0; 
width: 100%; 
min-height: 650px;
}
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 


.br {
display: none;
}



.contact {
text-align: left;
}

.contact-text .geraldine {
margin-top: 0px;
}


.agenda .title  {

padding: 10px 0 5px 15px;

} 

.agenda .link  {

	padding: 11px 50px 5px 5px;

}


.horaires-text .day, .horaires-text .time {

padding-top: 0px;
}

.horaires-text .time {

padding-right: 0px;
}

.horaires-text .description {

padding-left: 0px;
font-size: 14px;
color: #39dac2;
}


.horaires-text .day.first , .horaires-text .time.first  {

padding-top: 0px;
}

.horaires-text .description {
border-bottom: none;

}


.right {

border-left:none;

}

.modal-body iframe {

width: 350px;
height: 300px;

}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

.horaires-text .description {


color: #39dac2;
}



.horaires-text  .clouds, .horaires-text  .attention, .horaires-text  .balloon, .horaires-text  .anniversaire {
margin-top: 10px;
text-align: left;	
	
}	

.horaires-text  .clouds, .horaires-text  .attention {
margin-top: 20px;
}

.horaires-text  .clouds, .horaires-text  .balloon {
text-align: right;
margin-top: 30px;
padding-right: 5px;
}

.horaires-text  .balloon {
margin-top: 20px;
}

.horaires-text  img {
	width:50px;
	
}



.modal-body iframe {

width: 450px;
height: 500px;

}

}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {




.right {
border-left:8px solid black;

}

.menu {
border-top: none;
}


.left {

border-bottom:8px solid black;

}	




.modal-body iframe {

width: 100%;
height: 500px;

}


}



@media (min-width: 1400px) {

.page-agenda iframe {


min-height: 800px;
}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 



}