html,body{margin:0;padding:0;width:100%;font-family:Quicksand,sans-serif;}
/*body{background: url('interface/bg.jpg') no-repeat 100% fixed;background-size:cover;}*/
body{background: url(interface/pattern_circus.png) repeat #FF6A4D;}

a{color:#FF6A4D;text-decoration: none;}
a:hover {transition:0.2s ease-in-out;}
a:visited{color:#FF6A4D;}
a:active{color:#FF6A4D;}

@font-face {
	font-family: 'icomoon';
	src:url('font/icomoon.eot');
	src:url('font/icomoon.eot?#iefix') format('embedded-opentype'),
		url('font/icomoon.woff') format('woff'),
		url('font/icomoon.ttf') format('truetype'),
		url('font/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Quick-End-Jerk';
    font-style: normal;
    font-weight: 400;
    src:url('fonts/quick-end-jerk/quick-end-jerk.woff') format('woff'),
        url('fonts/quick-end-jerk/quick-end-jerk.ttf') format('truetype');
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url('fonts/quicksand/quicksand-viet.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url('fonts/quicksand/quicksand-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url('fonts/quicksand/quicksand-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Boogaloo';
  font-style: normal;
  font-weight: 400;
  src: local('Boogaloo Regular'), local('Boogaloo-Regular'), url('fonts/boogaloo/boogaloo.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*newsletter infomaniak*/
.inf-main_8f48863757fe83ca146cbf93e37b1ab7{background: #fff!important;margin:0px auto!important;width: 80%!important;}
.inf-main_8f48863757fe83ca146cbf93e37b1ab7 h4{color:rgb(252, 196, 41)!important;}
.inf-main_8f48863757fe83ca146cbf93e37b1ab7 input{border:1.5px solid #E9E9E9!important;}
.inf-main_8f48863757fe83ca146cbf93e37b1ab7 .inf-submit input{background: rgb(252, 196, 41)!important;font-weight: bold!important;width:100%!important;}



/**/
/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
/*******/




/* The side navigation menu */
.sidenav {
   height:calc(100% - 60px);
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #fff; /* blanc*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    padding-bottom: 20px;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1em;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    /*color: #f1f1f1;*/
    color: #FF6A4D;
}
.sidenav a:visited{color:#818181;}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    position: relative;
    /*z-index: 77;*/
    /*padding: 20px;*/
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.main-form-inscription{background: #fff;padding:20px;}

/*#date1-boul, #date2-boul{display:none;margin:0;}
#date1-cirque, #date2-cirque{display:none;margin:0;}
#optionfestif, #optionfestif2{display:none;margin:0;}*/

#wrap-color{display:none;position: absolute;top:-400px;left:0;z-index:98;width: 100%;height:calc(100% + 400px);transition: 0.5s;-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;}
.dl-menu nav-menu-resp{margin-top:60px;}
.nav-menu-resp li{list-style-type: none;font-size: .8em;text-transform: uppercase;}
.btn-ins{background:#FF6A4D;border:0;text-transform: uppercase;font-weight: bold;color:#fff;padding:5px 10px;margin-left: 32px;border-radius: 3px;font-family: inherit;cursor: pointer;}
.title-nav-resp{padding-bottom: 3px;border-bottom:1px solid;}
.section-menu-resp li a{font-size: .8em;}
.btn-menu-res{margin-top:5px;}
#wrap-logo-circo-menu{text-align: center;position: absolute;top:12px;left: 25px;}
#wrap-logo-circo-menu img{height: 50px;}
.croix-menu-resp{float:right;}
.link-btn-insc{padding:0!important;display: inline-block!important;}

.icon-linke{text-decoration:none;color:#000;}
.icon-linke:visited{color:#000;}
.icon-linke:active{color:#000;}

#titre-plateforme{margin:0 auto;text-align: center;}
#titre-plateforme h3{font-size:1em;margin-bottom: 5px;}
.wrap-header-plateforme{display: flex;align-items: center;}
.wrap-header-plateforme h4{text-transform:none;font-size:.9em;margin-top:0;background: #000;color:#fff;padding:4px;}
#logo-plateforme{text-align: center;width: 15%;padding: 10px;}
#logo-plateforme img{width:100%;height: auto;}
.hello-plateforme{clear:both;}

.no-scroll{
    overflow: hidden;
}

/*header*/
.wrapper-header{width:1000px;height:220px;position:fixed;top:0;left:50%;margin-left:-500px;z-index:80;}
.wrap-head{position:relative;top:0;left:0;height:50px;margin:0 auto;margin-bottom:10vh;z-index:80;-webkit-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.36);
box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.36);background:#fff;}

#wrap-top-nav{background:#fff;width:100%;padding:6px 0px;border-bottom:1px solid #f1f1f1;}
#wrap-top-nav .wrapper-navigation{width:1000px;text-align:center;margin:0 auto;}
#wrap-top-nav .nav{padding:0;margin:0;font-family:Quicksand,sans-serif;float:none;}
#wrap-top-nav .nav li{width:auto;display:inline-block;vertical-align:top;line-height:normal;height:auto;margin:1px;min-height:auto;}
#wrap-top-nav .nav li a{text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:0.7em;color:#fff;display:block;padding:5px 15px;margin:0;min-height:auto;border:0;}
#wrap-top-nav .nav li a:hover{color:#444;}
#wrap-top-nav  li:first-child{background:#cfcfcf;}
#wrap-top-nav  li:first-child a:hover{background:#26AF8A;color: #fff;}
#wrap-top-nav  li:nth-child(2){background:#cfcfcf;}
#wrap-top-nav  li:nth-child(2) a:hover{background:#FF6A4D;color: #fff;}
#wrap-top-nav  li:nth-child(3){background:#cfcfcf;}
#wrap-top-nav  li:nth-child(3) a:hover{background:#666459;color: #fff;}
#wrap-top-nav  li:nth-child(4){background:#fcc429;}
#wrap-top-nav  li:nth-child(4) a:hover{background:#666459;color: #fff;}
#wrap-top-nav  li:last-child{background:#cfcfcf;}
#wrap-top-nav  li:last-child a:hover{background:#08b2b2;}

#wrap-header{background:#fff;width:100%;}
#wrap-header-wrap{/*width:1000px;*/margin:0 auto;}
.logo-header{display:block;width:100%;vertical-align:middle;margin:0 auto;text-align:center;height:120px;}
#logo-mobile{display:none;}
.logo-header img{height:80px;margin:auto 10px;position: relative;top:13%;}
#wrap-header .wrapper-navigation{display:block;width:100%;margin:0 auto;text-align:center;background:#FF6A4D;padding:5px 0px;}
#wrap-header .nav{padding:0;margin:0;width:100%;}
#wrap-header .nav li{width:auto;font-size:1em;display:inline-block;vertical-align:top;padding:0px 3px;border-right:1px solid #454545;}
#wrap-header .nav li:last-child{border-right:0;}
#wrap-header .nav li a{text-decoration:none;color:#222;font-weight:bold;}
#wrap-header .nav li a:hover{color:#fff;}
#wrap-header .nav > li,.nav > li li {position: relative;display:inline-block;padding:2px 15px;}
#wrap-header .nav > li li {margin:0px;margin-top:10px;font-size:.85em;border:0;}
#wrap-header .nav li li:last-child{margin-bottom:10px;}
#wrap-header .nav > li li a {color:#fff;display:block;margin:0px;border:1.5px solid #fff;padding:5px 10px;}
#wrap-header .nav > li li a:hover {color:#FF6A4D;background:#fff;}
#wrap-header .nav  .submenu2 {position:absolute;top:2.1em;left:0;z-index:8;max-height: 0em;margin:0;padding:0;background-color:#FCD054;overflow:hidden;transition: 0.2s max-height 0.1s;width:898px;}
#wrap-header .nav  .submenu3 {position:absolute;top:2.1em;left:0;z-index:8;max-height: 0em;margin:0;padding:0;background-color:#FCD054;overflow:hidden;transition: 0.2s max-height 0.1s;width:780px;}
#wrap-header .nav > li:hover ul {max-height: 28em;transition: 0.2s max-height 0.1s;}

.menu-drop{display:none;}

.part-header-logo{display:inline-block;vertical-align:top;padding:0px 50px;height:100%;}
.wrap-header-login{position:relative;top:0%;}
.part-header-login{display:inline-block;vertical-align:top;padding:10px 50px;height:90%;}
.wrap-header-login fieldset{border:2px solid #FF6A4D;color:#FF6A4D;text-transform:uppercase;font-weight:bold;text-align:center;margin:0 auto;padding:3px;font-size:0.8em;}
.wrap-header-login input{display:block;margin:5px auto;font-family:"quicksand",arial;font-size:0.9em;background:#FFF5B5;border:1px solid #FCD874;padding:3px;}
.wrap-header-login input:focus{outline:none;}
.wrap-header-login input[type="submit"]{background:#FF6A4D;border:0px;cursor:pointer;padding:5px 8px;color:#fff;font-weight:bold;text-transform:uppercase;font-family:"quicksand",arial;margin:8px auto;}
.wrap-header-login p{margin:2px 0px;}
.wrap-header-login p a{color:#FF6A4D;text-decoration:none;font-size:0.7em;font-weight:300;text-transform:uppercase;}
.wrap-header-login p a:hover{text-decoration:underline;}

.btn-log{display:none;float: right;font-size: 0.9em;}
.btn-log a{display:inline-block;padding: 5px 10px;background: #FF6A4D;text-decoration: none;color: #222;}
.btn-log span{color: #222;text-transform: uppercase;font-size: 0.8em;margin: 5px;vertical-align: text-top;}
.btn-log img{width: auto!important;margin: 0!important;height: auto!important;}


/*slide*/
#wrapper-slider{width:1000px;height:300px;margin:0 auto;}
.control {-webkit-transition:all ease-out .5s;-moz-transition:all ease-out .5s;-o-transition:all ease-out .5s;-ms-transition:all ease-out .5s;transition: all ease-out .5s;}
#slider {position:relative;width:100%;height:300px;z-index:1;}
#slider a {position:absolute;top:0;left:0;opacity:0;filter: alpha(opacity=0);width:100%;text-decoration: none;}
.active {opacity: 1!important;filter:alpha(opacity=100)!important;}
span.control {background:#fff;cursor:pointer;opacity:0;filter:alpha(opacity=0);position: absolute;/*bottom:40%;*/bottom:50%;width:55px;height:55px;z-index:5;}
.next {right: 10px;}
.next:before,.next:after {left:29px;}
.next:before {-webkit-transform:rotate(-42deg);-moz-transform:rotate(-42deg);transform:rotate(-42deg);top:11px;}
.next:after {-webkit-transform:rotate(-132deg);-moz-transform:rotare(-132deg);transform:rotate(-132deg);top:25px;}
.next:before,.next:after,.prev:before,.prev:after {content:"";height:20px;background:#333;width:1px;position:absolute;}
.prev {left:10px;}
.prev:before,.prev:after{left:25px;}
.prev:before{-webkit-transform:rotate(42deg);-moz-transform:rotate(42deg);transform:rotate(42deg);top:11px;}
.prev:after {-webkit-transform:rotate(132deg);-moz-transform:rotate(132deg);transform:rotate(132deg);top:25px;}
#wrapper-slider figure:hover span {opacity:1;filter:alpha(opacity=100);}
#wrapper-slider figure {max-width:100%;height:300px;position:relative;overflow:hidden;margin:0 auto;margin-top:50px;}
.photo-slide{display:block;width:100%;height:300px;}
/**/

.link-txt-site{color:#FF6A4D;text-decoration:none;}
.link-txt-site:hover{color:#FF6A4D;text-decoration:underline;}
.link-txt-site:active{color:#FF6A4D;}
.link-txt-site:visited{color:#FF6A4D;}


/*index*/
.main-content{width:1000px;margin:0px auto;box-sizing:border-box;}
.main{margin-top:50px;}
.intro{background:#fff;padding:25px;display:inline-block;vertical-align:top;width:65%;box-sizing: border-box;}
.intro2 h3{text-transform: uppercase;}
.intro h1{background:#FF6A4D;padding:8px;color:#fff;font-size:1.6em;}
.intro-iframe{}
.intro-iframe iframe{width:100%; height:280px;}
.intro article,.intro2 article{border-bottom:1px solid #000;padding-bottom:25px;}
.intro article:last-child,.intro2 article:last-child{border-bottom:0px;}
.intro article h3,.intro2 article h3{text-transform:uppercase;}
.intro2 article a{display: block;margin: 5px 0px;text-transform: uppercase;}
.intro .link-intro,.intro2 .link-intro{text-decoration:none;background:#FF6A4D;color:#fff;padding:5px 8px;text-transform:uppercase;font-size:0.85em;font-weight:bold;border:1px solid #FF6A4D;}
.intro .link-intro2,.intro .link-intro2{text-decoration:none;color:#FF6A4D;border:2px solid #FF6A4D;color:#FF6A4D;padding:5px 8px;text-transform:uppercase;font-size:0.85em;font-weight:bold;}
.intro .link-intro3,.intro .link-intro3{text-decoration:none;background:#5ABBD3;color:#fff;padding:5px 8px;text-transform:uppercase;font-size:0.85em;font-weight:bold;border:1px solid #5ABBD3;cursor: pointer;}
.intro2 .link-intro,.intro2 .link-intro{text-decoration:none;background:#FF6A4D;color:#fff;padding:5px 8px;text-transform:uppercase;font-size:0.85em;font-weight:bold;border:1px solid #FF6A4D;}
.intro2 .link-intro2,.intro2 .link-intro2{text-decoration:none;color:#FF6A4D;border:2px solid #FF6A4D;color:#FF6A4D;padding:5px 8px;text-transform:uppercase;font-size:0.85em;font-weight:bold;}
.intro2 .link-intro3,.intro2 .link-intro3{text-decoration:none;background:#5ABBD3;color:#fff;padding:5px 8px;text-transform:uppercase;font-size:0.85em;font-weight:bold;border:1px solid #5ABBD3;cursor: pointer;}
.bloc-intro{display:inline-block;vertical-align:top;width:48%;}
.bloc-intro h4{color:#FF6A4D;}
.bloc-intro a{color:#FF6A4D;text-decoration:none;}
.bloc-intro a:hover{color:#666;border-bottom:1.5px solid #666;padding-bottom:5px;}
.bloc-intro h4:hover{color:#666;}
.bloc-intro a:last-child{line-height:28px;}
.news{background:#fff;padding:25px;margin:15px 0px;}
.news h2{background:#FF6A4D;color:#fff;padding:8px;text-transform:uppercase;}
.news article{display:inline-block;width:46%;vertical-align:top;}
.news article:nth-child(2){padding-right:30px;border-right:1px solid #000;}
.news article:last-child{padding-left:30px;}
.news article a{color:#FF6A4D;text-decoration:none;font-weight:bold;}
.news .link-no-anim:hover{border-bottom:0px;}
.news article a:hover{color:#666;border-bottom:1.5px solid #666;padding-bottom:5px;}
.link-news{font-weight:bold;color:#FF6A4D;}
.link-news:hover{color:#666;}
.news article:last-child a:hover{border:0px;}
.marge{display:inline-block;width:34.52%;vertical-align:top;}
.marge h3{background:rgba(255,255,255,0.85);padding:5px;text-align:center;}
.marge article{padding:10px;border-bottom:1px solid #000;}
.marge article:last-child{border-bottom:0px;}
.marge article h5{margin-top:5px;text-transform:uppercase;padding:5px;background: #E49B19;color:#fff;}
.marge article a{color:#fff;text-transform:uppercase;font-size:0.75em;font-weight:bold;text-decoration:none;}
.marge article p{margin:5px 0px;}
.wrap-news{background:#FF6A4D;padding:20px;}
.wrap-marg{padding:20px;text-align:center;background:#fff;}
#wrap-index{background:#fff;}
.small-inscription{padding:5px;display: inline-block;background: #333;color: #fff;text-transform: uppercase;}

#form-inscription-naissance-jour, #form-inscription-naissance-mois, #form-inscription-naissance-annee{padding:5px;}

.newsall-link{text-transform: uppercase;color: #FF6A4D;display: block;margin: 10px 0px;padding:5px;background: #fff;text-align: center;font-weight: bold;}
.newsall-link:visited{color: #FF6A4D;}



/*ateliers*/
.tab-prog-ateliers{border:1.5px solid #FF6A4D;text-align:center;margin:10px 0px;padding:0px;}
.tab-prog-ateliers hr{border:1px solid #FF6A4D;}
.tab-prog-ateliers .title-tab-ateliers{font-weight:bold;text-align:center;margin-bottom:3px;text-transform:uppercase;background:#FF6A4D;padding:5px;margin-top:0px;}
.tab-prog-ateliers .title-tab-ateliers span{font-size:0.85em;}
.link-cote{display:inline-block;width:49.5%;vertical-align:top;text-align:center;margin:3px 0px;}
.link-cote a {display:block;margin:5px;}

.link-cote2{display:inline;width:49.5%;vertical-align:top;text-align:center;margin:3px 0px;}
.link-cote2 a {display:block;margin:5px;}
#ateliers-color p{color:rgba(255,255,255,0.85);font-weight:bold;}
.txt-salles-title{text-transform:uppercase;font-size:0.85em;color:#000!important;margin-top:10px!important;margin-bottom:0px!important;}
.title-tab-prog-ateliers{font-weight:bold;text-transform:uppercase;margin-bottom:0px;}
.txt-detail-stages{display:inline-block;margin:5px;}
.txt-desc{padding:0px 10px;}


.btn-inscript{background: #02C991;padding: 5px;color: #fff!important;display: block;width: max-content;margin: 5px auto;font-size: .8em;text-transform: uppercase;font-weight: bold;}
.btn-inscript-savoirplus{background: #e0e0e0;padding: 5px;color: #555!important;display: block;width: max-content;margin: 5px auto;font-size: .8em;text-transform: uppercase;font-weight: bold;}
/**/

/*inscriptions ateliers*/
.main-prog{width:100%;margin:0px auto;font-family: "Open Sans", sans-serif;}
.test h2{margin:0;font-size: 1.5em;border:2px solid #000;padding:15px;color:#000;margin:0 auto;}
.programmation {border: 1px solid #ccc;border-collapse: collapse;margin: 0;padding: 0;width: 100%;margin-top:15px;}
.programmation caption {font-size: 1.5em;margin: .25em 0 .75em;margin-bottom:0;text-transform:uppercase;padding:10px;background:#E49B19;color:#fff;}
.programmation tr {/*background: #f8f8f8;*/border: 1px solid #FF6A4D;padding: .35em;}
.programmation th, .programmation td {padding: 1em;text-align: center;}
.programmation td {background:#fff;font-size:0.8em;}
.programmation th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;background:#FF6A4D;padding:15px;color:#fff;}
.programmation td img { text-align: center; }
.programmation td:first-child{font-weight:bold;}
.animateur{font-style:italic;font-size:.85em;}
.link-prog{margin-top:25px;}
.link-inscription{text-transform:uppercase;text-decoration:none;border:1.5px solid #FF6A4D;color:#FF6A4D;padding:10px;}
.link-inscription:hover{background:#FF6A4D;color:#fff;}
.link-inscription-complet{font-weight:bold;text-transform:uppercase;text-decoration:none;border:1.5px solid #FF6A4D;background:#FF6A4D;color:#fff!important;padding:10px;cursor:text;}
.link-inscription-complet:visited{color:#fff;}
.link-inscription-complet:active{color:#fff;}
.link-inscription-complet:hover{background:#FF6A4D;color:#fff;cursor:text;}
.link-inscription-attente{background:#5ABBD3;text-transform:uppercase;text-decoration:none;border:1.5px solid #5ABBD3;color:#fff;padding:10px;display:inline-block;}
.link-inscription-attente:visited{color:#fff;}
.link-inscription-attente:active{color:#fff;}
.link-inscription-attente:hover{color:#fff;}
.wrapper-infoo{background:#fff;color:#000;padding:25px;margin:40px 0px;}
.test{width:100%;margin:20px auto;word-wrap: break-word;}
.wrapper-desc ul{margin:0 auto;display:inline-block;text-align:left;padding:25px;vertical-align:top;word-wrap: break-word;}
.wrapper-desc li{margin-left:20px;padding:8px;font-size:1.1em;font-weight:bold;word-wrap: break-word;}
.wrapper-desc h3{background:#FF6A4D;color:#fff;padding:10px;}
.wrapper-desc p{font-style:italic;word-wrap: break-word;font-size:0.9em;font-weight:normal;}
.intro2{background:#fff;padding:25px;width:100%;box-sizing:border-box;}
.title-ateliers-inscription{text-transform:uppercase;font-family:quicksand,sans-serif;font-weight:bold;font-size:1.1em;}

.soustitre{font-size: 1em;}

#fieldset-perscharge{display: none;}
#infocontact{display: none;}
/*#info-contact-personne{display: none;}*/
.img-trapeze-volant{width:100%;height: auto;}
.descriptif-stage{padding:5px;}

.red-champ{color: red;}

#valider-participants{margin:8px;padding: 8px;text-transform: uppercase;font-weight: bold;}
#number-participant-info{width: 100%;}
#number-participant-info span{font-style: italic;margin:8px 0px;display: block;font-size: 0.9em;}

#valider-participantsF{margin:8px;padding: 8px;text-transform: uppercase;font-weight: bold;}
#number-participant-infoF{width: 100%;}
#number-participant-infoF span{font-style: italic;margin:8px 0px;display: block;font-size: 0.9em;}


.wrapper-participant{border-top: 1px solid;padding:15px;}
.label-participant{text-transform: uppercase;margin-bottom: 15px;display: block;font-weight: bold;}
.wrapper-participant input, .wrapper-participant select{margin:5px 0px;padding:5px;}

/**/

/*yoga*/
.recap-cours{display:inline-block;width:35%;vertical-align:top;background:#fff;padding:20px;margin:10px;}
.recap-cours h3{padding:10px;margin:0;border:2px solid #000;text-transform:uppercase;}
.recap-cours ul{list-style-type:none;padding-left:10px;}
.recap-cours ul li{padding:8px;}
.recap-cours ul li strong{text-transform:uppercase;}
.animateur{font-style:italic;font-size:.85em;margin-bottom:0px;}
.label-contact{display:block;margin:2% 0%;font-weight:bold;}
.label-contact input{margin:0.5% 0%;width:90%;padding:5px;}
.label-contact select{margin:0.5% 0%;width:93%;padding:5px;}
.label-contact textarea{margin:0.5% 0%;padding:1%;width:90%;}
.label-contact textarea:focus{outline: none;}
.red{color:#f00;}
.btn-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:#FF6A4D;color:#fff;padding:2% 5%;margin:2.5% 1%;font-family: 'Open Sans', sans-serif;font-weight:bold;cursor:pointer;}
/**/

.abbaye-intro{background:#fff;padding:25px;margin:15px 0px;}
.abbaye-intro h2{color:#FF6A4D;}
.abbaye-intro div{display:inline-block;vertical-align:top;width:49%;}
.photo-abbaye-intro:last-child{text-align:center;}
.photo-abbaye-intro ul{padding:0;}
.photo-abbaye-intro ul li{display:inline-block;}
.photo-abbaye-intro .link-news a{color:#FF6A4D;text-decoration:none;font-weight:bold;}
.photo-abbaye-intro .link-news a:hover{color:#666;border-bottom:1.5px solid #666;padding-bottom:5px;}
/**/


/****POPUP*****/
.link-popup{
  background:#41849d;
  color:#fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px;
}

.link-popup:visited{color: #fff;}


.popup-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background:rgba(0,0,0,0.5);
  display: none;
}

.popup-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  height: auto;
  z-index: 99;
  max-width: 95%;
  max-height: 95%;
  overflow-x: hidden;
  padding: 25px;
  display: none;
}
.popup-wrapper .content {
  /*your style codes*/
  background-color: #fff;
  padding: 25px 30px;
  border-radius: 4px;
  max-width: 600px;
  border: 1px solid #fafafa;
  text-align: center;
}
.popup-wrapper .ic-close {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  z-index: 2;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.1);
  transition: all .2s linear;
}
.popup-wrapper .ic-close:hover {
  background-color: black;
  color: #fff;
}
/****/


/*animations*/
.anim-cat{background:#fff;padding:25px;text-align:center;}
.anim{background:#fff;padding:25px;margin:15px 0px;}
.column-anim{display:inline-block;width:43%;box-sizing:border-box;vertical-align:top;}
.column-anim h2{background:#FF6A4D;padding:8px;margin-top:0;font-size:1.2em;}
.column-anim:first-child{padding-right:40px;width:56%;}
/*.column-anim h4{font-size:1em;}*/
.motkey{font-size:.7em;text-transform:uppercase;}
.txt-anim{text-align: justify;}
.info-anim{border:2px solid #FF6A4D;padding:4px;}
.info-anim p{margin:0;padding:5px;}
.column-anim ul{padding:0;list-style-type:none;margin:4px 0px;}
.column-anim ul li ul{display:inline-block;vertical-align:top;list-style-type:none;border-left:1px solid #FF6A4D;padding-left:5px;margin:0;}
.column-anim ul li ul li{margin-bottom:10px;}
.column-anim ul li ul li:last-child{margin-bottom:0px;}
.column-anim ul li ul p{margin:0;}
.sup-info{font-size:0.8em;}
.photo-main{width:400px;height:277px;}
.wrapper-photo ul{padding:0;margin:0;list-style-type:none;text-align:center;}
.wrapper-photo ul li{display:inline-block;vertical-align:top;list-style-type:none;padding:3px;}
.photo-small{width:74px;height:51px;}
.main_photo{text-align:center;}
.main_photo iframe{width:384px;height:216px;}
.link{color:#FF6A4D;text-decoration:none;font-weight:bold;}
.link:hover{color:#666;border-bottom:1.5px solid #666;padding-bottom:5px;}
.link-btn{color: #505050;text-decoration:none;font-weight:bold;background: #FF6A4D;padding: 5px;text-transform: uppercase;font-size: .8em;}
.link-btn:hover{color:#666;border-bottom:1.5px solid #666;padding-bottom:5px;}
.main_video{background-image:url('images/bg_video_400px.png');width:380px;height:267px;padding-top:7px;padding-left:7px;padding-right:10px;}

/*galerie*/
.grid-galerie{padding:0px;}
.grid-galerie li{display:inline-block;vertical-align:top;padding:5px;width:306px;height:auto;}
.grid-galerie li a{display:block;height:220px;background-size:cover;}
.grid-galerie li img{width:100%;}
.pagination{text-align:center;font-weight:bold;margin-top:25px;}
.pagination a{color:#FF6A4D;text-decoration:none;}
.pagination .on{color:#666;}
/**/

.anniversaire ul{margin-top:5px;}
.anniversaire em{font-size:0.8em;}
/*.title-annif-formule{text-align:left;padding-left:21px;margin-bottom:5px;}*/
.title-annif-formule{margin-bottom:14px;;text-transform: uppercase;}
.title-annif-formule strong{border-bottom:1.5px solid;padding-bottom: 2px;}
.link-info-annif{text-transform:uppercase;font-weight:bold;}
#form-anniversaire fieldset input{width: 97%;}
#form-anniversaire .label-contact textarea{width: 97%;}
#form-anniversaire .label-contact select{width: 100%;}
.label-form-annif{color:#666;}

#form-anniversaire #membre-enfant1,#form-anniversaire #membre-enfant2,#form-anniversaire #membre-enfant3{width: auto;vertical-align: bottom;}
.label-membre-enfant{color:#000;}

#wrap-btn-form-annif{text-align: center;margin-top: 15px;}
#wrap-btn-form-annif input{padding: 10px;margin: 10px;}
#wrap-sommeTot{text-align: center;}
/*#submitSomme{background: ;}*/

/*inscription*/
.form-inscription fieldset{border:2px solid #FF6A4D;color:#FF6A4D;margin:20px auto;}
.form-inscription legend{text-transform:uppercase;font-weight:bold;font-size:1em;}
.form-inscription fieldset .label-form{display:inline-block;width:238px;font-weight:bold;color:#666;}
.form-inscription fieldset .label-form-insc{display:inline-block;width:225px;font-weight:bold;color:#666;}
.form-inscription fieldset .red{color:#f00;}
.form-inscription fieldset input{width:71%;padding:8px;}
#inscriptions fieldset input{width:50%;}
#inscriptions #participantAdulte{width:10%;}
#inscriptions-recap p{color:#fff;font-size:.9em;font-weight:bold;}
#inscriptions-recap strong{color:#000;font-size:1.1em;}
#inscription-enfant fieldset input{width:72%;}
#inscription-enfant fieldset textarea{width:73.5%;}
.verticalalign{vertical-align:top;}
.form-inscription fieldset input:focus{outline:none;}
.form-inscription input[type="submit"]{background:#FF6A4D;border:0px;cursor:pointer;padding:5px 8px;color:#fff;font-weight:bold;text-transform:uppercase;font-family:"quicksand",arial;margin:8px auto;}
.btn-radio{width:auto!important;padding:0px 3px;margin:2px;}
.label-radio{color:#666;}
.label-radio:first-child{margin-right:20px;}
.droitimage{width:100%!important;margin:8px 0px;}
.label-area{width:233px!important;}
#form-inscription-commentaire{width:52.5%;}
.garderiecss ul{display: block;border-bottom: 1px solid;padding:10px;margin:0px;color: #666;}
.garderiecss ul:last-child{border-bottom: 0px;}
.garderiecss ul li{display: inline-block;vertical-align: top;width: 45%;padding:3px 0px;}
.checkboxcss{width:30px!important;}
#fieldset-optionannifboul,#fieldset-optionannifcirque{display: none;}

.list-agenda-module-enfant{text-align:left;}
.list-agenda-module-enfant li{margin:5px 0px;}


.btn-espace-perso{color:#fff;padding:5px 8px;background:#FF6A4D;text-decoration:none;font-size:0.9em;margin:5px;display:block;}
.btn-espace-perso:visited{color:#fff;}
.btn-espace-perso:active{color:#fff;}
/**/

/*CONNEXION*/
#page-connexion form{width:40%;margin:0 auto;}
#page-connexion form input{width:93%;margin:3px;}
#page-connexion form input[type="submit"]{width:98%;margin:8px 3px;}
#page-connexion p{text-align:center;}

.bout-co{display:block;background:#FF6A4D;border:0px;cursor:pointer;padding:5px 8px;color:#fff;font-weight:bold;text-transform:uppercase;font-family:"quicksand",arial;margin:8px auto;}
.style-creation{font-weight:bold!important;padding: 5px;color: #fff!important;background: navy;}
/**/

/*espace perso*/
.btn-profil-perso-espace{text-transform:uppercase;font-weight:bold;color:#fff;background:#FF6A4D;font-size:0.8em;display:inline-block;padding:5px 8px;text-decoration:none;margin:5px;border:0;font-family:inherit;cursor: pointer;}
.btn-profil-perso-espace:visited{color:#fff;}
.btn-profil-perso-espace:active{color:#fff;}
.recap-tab-perso{border-collapse: collapse;margin: 0;padding: 0;width: 99%;margin-top:5px;}
.recap-tab-perso caption {font-size: .9em;margin: .25em 0 .75em;margin-bottom:0;text-transform:uppercase;padding:10px;background:#E49B19;color:#fff;font-weight:bold;}
.recap-tab-perso tr {border: 1px solid #FF6A4D;padding: .35em;}
.recap-tab-perso th, .recap-tab-perso td {padding: 1em;text-align: center;}
.recap-tab-perso td {background:#fff;font-size:0.8em;}
.recap-tab-perso th {font-size: .7em;letter-spacing: .1em;text-transform: uppercase;background:#FF6A4D;padding:7px;color:#fff;}
.recap-tab-perso td img {text-align:center;}
/*.recap-tab-perso td:first-child{font-weight:bold;}*/
.title-tab-perso h4{margin:0px;padding-top:5px;display:inline-block;}
.recap-tab-perso div{display:inline-block;vertical-align:top;}
.recap-tab-perso-wrapper{margin: 0;padding: 0;width: 100%;margin-top:20px;}
/*.title-tab-perso{display:inline-block;text-align:left;width:49%;vertical-align:bottom;}*/
.title-tab-perso{display:inline-block;text-align:left;vertical-align:bottom;}
/*.title-tab-perso-btn{display:inline-block;text-align:right;width:50.5%;vertical-align:bottom;}*/
.title-tab-perso-btn{text-align:right;float:right;vertical-align:bottom;}
.title-tab-perso-btn a{margin:0;}
.cheat-table{overflow-x:auto;clear:both;}
.archives{color:#FF6A4D;}
.archives a{color:#FF6A4D;text-decoration:none;}
.archives a:visited{color:#FF6A4D;}
.archives a:hover{text-decoration:underline;}
.inline-wrapper{display:inline-block;width:49%;vertical-align:top;}
.info-bancaire{border:2px solid #545E60;margin-top:25px;width:60%;display:inline-block;vertical-align:top;}
.info-bancaire h4, .info-salles-dash h4{text-transform:uppercase;margin:0px;padding:8px;background:#545E60;color:#fff;}
.info-bancaire ul, .info-salles-dash ul{padding:0;margin: 0px;}
.info-bancaire ul li, .info-salles-dash ul li{list-style-type:none;padding:3px;}
.info-salles-dash{border:2px solid #545E60;margin-top:25px;width:98%;display:inline-block;vertical-align:top;}
.corps-txt-info{padding:6px;}
.corps-txt-info p{margin: 13px 0px;}
.corps-txt-info p:first-child{margin-top: 5px;}
.corps-txt-info p:last-child{margin-bottom: 5px;}
.btn-espace-perso-profil{display: inline-block;}
.visualiser-garderie{font-family:inherit;border:0px;color:#fff;background:#FCD054;padding:5px;text-transform:uppercase;display: inline-block;font-size:.7em;font-weight:bold;cursor:pointer;}
.visualiser-garderie:hover{color:#fff;}
.visualiser-garderie:active{color:#fff;}
.visualiser-garderie:focus{outline: none;}
/*#perscharge-new{display: none;}*/

.label-perscharge label{width: 100%!important;}


.table-container-outer { position: relative; }

.table-container-fade
{
	position: absolute;
	right: 0;
	width: 30px;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
	background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
	background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
	background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
	background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);
}


.table-container::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}
/**/

/*contact*/
#circomedie-contact .title-spectacle{color:#FF6A4D;}
#projet-circo{background:#fff;padding:25px;}
.txt-desc{line-height:23px;}
.link-txt{color:#FF6A4D;text-decoration:none;font-weight:bold;}
.link-txt:hover{color:#FF6A4D;text-decoration:underline;}
.link-txt:visited{color:#FF6A4D;}
.wrap-projet .title-page{font-size:2.3em; color:#fff;font-family:'Boogaloo', cursive;}
.wrap-txt-projet{display:inline-block;width:68%;box-sizing:border-box;vertical-align:middle;}
.wrap-txt-projet:first-child{padding-right:30px;text-align:justify;}
.wrap-photo-projet{display:inline-block;width:31.5%;box-sizing:border-box;vertical-align:middle;}
.wrap-photo-projet img{display:block;width: 100%;height: auto;margin: 10px 0px;}
.wrap-projet{margin:20px 0px;padding:25px;box-sizing:border-box;background:#fff;}

/*formule*/
.formule h3{background:#FCD054;padding:8px;margin-top:0;font-size:1.2em;}
.formule h2{background:transparent;text-transform:uppercase;font-size:1.5em;}

/*partenaire*/
#wrapper-partenaire{margin:0px 25px;padding:15px 0px;border-top:1px solid;}
#section-partenaire-soutien{width: 100%;text-align:center;}
#section-partenaire-membre{width:49%;padding-left:15px;}
.section-partenaire{display:inline-block;vertical-align: top;}
.section-partenaire h4{margin:0px;padding:5px;color:#fff;background:#FF6A4D;text-transform: uppercase;text-align: center;}
.section-partenaire p{display:inline-block;vertical-align: bottom;padding:0px 10px;}
.section-partenaire p img{width: auto;height: 50px;}


/*footer*/
footer{background:#FF6A4D;width:1000px;margin:0 auto;}
.wrapper-footer{width:1000px;text-align:center;margin:0 auto;padding:15px 0px;}
.wrapper-footer a{text-decoration:none;color:#eee;}
.wrapper-footer a:visited{color:#eee;}
.wrapper-footer a:hover{color:#fff;}
.footer-frame{display:inline-block;width:46%;vertical-align:top;}
/*.footer-frame iframe{border:1.5px solid;padding:5px;width:80%;height:183px;background:rgba(255,255,255,0.85);}
.footer-frame iframe .form_entete{border:0px!important;}*/
.footer-frame iframe{padding:5px;width:80%;height:220px;overflow:hidden;}
.form_formulaire_boutons{margin:10px auto;height:auto;}
.footer-copy{display:inline-block;width:50%;vertical-align:top;padding:15px;}
.footer-copy h3{margin-top:2px;text-transform:uppercase;background:#E49B19;padding:5px;color:#fff;}
.wrap-copyright{text-align:center;padding:10px;}
.wrap-copyright p{margin:0px;border-top:1px solid;padding-top:10px;}
.info-contact-footer{text-align:left;}

.map-agrandir{display:block;text-transform: uppercase;font-weight: bold;font-size: 0.7em;margin:3px 0px;background:rgba(255,255,255,0.9);position: absolute;top:45%;left: 25%;padding:10px;}
.link-marge{text-decoration: none;color:#FF6A4D!important;position: relative;top: 0%;left: 0%;display: block;}

/**/
	

.dl-menuwrapper h5{margin:14px 0px;display: inline-block;vertical-align:-webkit-baseline-middle;-moz-vertical-align:-webkit-baseline-middle;-webkit-vertical-align:-webkit-baseline-middle;}
/*****/
.dl-menu.dl-animate-out-1 {animation: MenuAnimOut1 0.4s linear forwards;}
@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {-webkit-transform: translateX(-100%);opacity: 0;}
}
@keyframes MenuAnimOut2 {
	0% { }
	100% {-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}
}
.dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;animation: MenuAnimIn2 0.3s ease-in-out;}
@-webkit-keyframes MenuAnimIn2 {
	0% {-webkit-transform: translateX(-100%);opacity: 0;}
	100% {-webkit-transform: translateX(0px);opacity: 1;	}
}
@keyframes MenuAnimIn2 {
	0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}
	100% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;animation: SubMenuAnimIn2 0.3s ease-in-out;}
@-webkit-keyframes SubMenuAnimIn2 {
	0% {-webkit-transform: translateX(100%);opacity: 0;}
	100% {-webkit-transform: translateX(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn2 {
	0% {-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0;}
	100% {-webkit-transform: translateX(0px);transform: translateX(0px);	opacity: 1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;animation: SubMenuAnimOut2 0.3s ease-in-out;}
@-webkit-keyframes SubMenuAnimOut2 {
	0% {-webkit-transform: translateX(0%);opacity: 1;}
	100% {-webkit-transform: translateX(100%);opacity: 0;}
}
@keyframes SubMenuAnimOut2 {
	0% {-webkit-transform: translateX(0%);transform: translateX(0%);opacity: 1;}
	100% {-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0;}
}

/****/

/* Common styles of menus */
.dl-menuwrapper {width: 100%;max-width: 300px;display:inline-block;position: relative;z-index:10000;-webkit-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child {margin-right: 0px;}
.dl-menuwrapper button {background: #ccc;border: none;width: 35px;height: 25px;/*text-indent: -900em;overflow: hidden;*/font-size:1.5em;text-transform:uppercase;text-indent:-90px;position: relative;cursor: pointer;outline: none;color:#3c3c3b;}
.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul {background: #aaa;}
.dl-menuwrapper button:after {content: '';position: absolute;width: 68%;height: 2px;background:#3c3c3b;top: 3px;left: 16%;box-shadow:0 8px 0 #3c3c3b, 0 16.5px 0 #3c3c3b;}
.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;background:#FCD054;text-align:right;}
.dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 1.5em;line-height: 20px;font-weight: bold;color:#fff;outline: none;border-bottom:1px solid #000;text-decoration:none;}
.dl-menuwrapper li a:first-child{border-top:2px solid #fff;}
.dl-menuwrapper li a:last-child{border-bottom:0px;}
.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 42px;font-family: 'icomoon';speak: none;-webkit-font-smoothing: antialiased;content: "\e000";}
.dl-menuwrapper li.dl-back:after {left: 10px;color: #3c3c3b;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: rgba(0,0,0,0.15);}
.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);transform: translateY(0px);text-align:center;}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {display: none;}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a {display: none;}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}
.dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;animation: MenuAnimOut2 0.3s ease-in-out;}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {	position: relative;opacity: 1;-webkit-transform: none;transform: none;}
.no-js .dl-menuwrapper li .dl-submenu {display: block;}
.no-js .dl-menuwrapper li.dl-back {display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}
/* Colors */
.menu-drop .dl-menuwrapper button {background: transparent;font-family: inherit;}
.menu-drop .dl-menuwrapper button:hover,.menu-drop .dl-menuwrapper button.dl-active,.menu-drop .dl-menuwrapper ul {background: transparent;}

/*****/

.modal-garderie-ul{padding:0;}	
.modal-garderie-ul li{display:inline-block;width: 45%;list-style-type: none;margin:5px 0px;}

.modal-ateliers-ul{padding:0;}  
.modal-ateliers-ul li{width: 100%;list-style-type:disc;margin:5px 20px;padding: 5px;}
.garderie-title{font-weight: bold;padding:5px 0px;padding-right:15px;display:inline-block;font-size: .9em;color:#333;}
.garderieOK{color:green;font-weight: bold;}
.garderieNOK{color:red;font-weight: bold;}
.prixtotgarderie{border:1.5px solid #333;padding:10px;display:inline-block;font-weight: bold;}
.modal-title-inscgarderie{margin:5px 0px;text-transform: uppercase;font-size:1em;}
.modal-title-inscateliers{margin:5px 0px;text-transform: uppercase;font-size:1em;}

/*MODAL*/
.modal-wrap h5{margin:5px 0px;font-size:1em;border-bottom:1.5px solid #FCD054;padding-bottom:5px;color:#FF6A4D;}
.btn-default{
  color: #333;
  background-color: #fff;
  padding:6px 12px;
  font-family: inherit;
  border:1px solid #ccc;
  font-size: .7em;
  font-weight: bold;
  cursor:pointer;
}
.btn-default:focus{
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
  outline:none;
}
.btn-default:hover{
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active{
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  background:#FF6A4D;
  color:#fff;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}


.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.modal-header:after,
.modal-footer:after {
  clear: both;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
/*****/





/*DASHBOARD*/
.vignette-main{text-align:center;margin:10px 0px;display: flex;flex-wrap:wrap;}
/*.vignette-main a{margin:5px auto;}*/
.vignette-main a{margin:10px;}
.vignette-dashboard{width: 215px;height: 150px;position: relative;background:#5EDD8C;vertical-align: top;display: flex;}
/*.vignette-dashboard{width: 220px;height: 150px;position: relative;background:#5EDD8C;margin: 5px auto;vertical-align: top;display: flex;}*/
.vignette-dashboard p{ margin: auto;font-weight: bold;text-transform: uppercase;}
.vignette-dashboard img{height: 3.3em;margin: 10px;}
.vignette-dashboard span{ margin: auto;color:#383E40;padding:5px 10px;display: inline-block;}
#vignette-profil{background:#5ABBD3;}
#vignette-enfant{background:#5EDDD4;}
#vignette-ateliers-cirque{background:#A1CFBF;}
#vignette-stages{background:#5EDD8C;}
#vignette-stages-boul{background:#FFCD43;}
#vignette-event{background:#53C37C;}
#vignette-ateliers-boul{background:#FCD875;}
#vignette-ateliers-yoga{background:#08b2b2;}
.titre-dashboard{border-bottom: 1px solid;margin-bottom: 0px;margin-top:20px;}
.link-dashboard-titre{font-size: .7em;text-transform: initial;}
.bouli-color,.bouli-color th{background:#FF6A4D;}
.bouli-color caption{background:#E49B19;}
.bouli-color hr,.bouli-color tr{border:1px solid #FF6A4D;}
.bouli-color-link, .bouli-color-link a, .bouli-color-link a:visited{color:#FF6A4D;}

.school-color,.school-color th, .school-color-visu{background:#5ec6a1;}
.school-color caption{background:#40866D;}
.school-color hr,.school-color tr{border:1px solid #5ec6a1;}
.school-color-link, .school-color-link a, .school-color-link a:visited{color:#5ec6a1;}
.school-color-btn{background:#A1CFBF;}
.school-color-visu-txt h5{color: #5ec6a1;border-bottom: 1.5px solid #5ec6a1;}

.yoga-color, .yoga-color th{background:#08b2b2;}
.yoga-color hr,.yoga-color tr{border:1px solid #08b2b2;}
.yoga-color caption{background:#f0f0f0;color:#000;}







/*** RESPONSIVE ***/

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

#wrap-top-nav .wrapper-navigation{width:100%;}
#wrap-top-nav .nav li{margin:2px;}
.wrap-head{height: 255px;}

}

/* FLUIDE TABLET */
@media screen and (max-width: 999px){
	.wrapper-header{width:100%;margin-left:0px;left:0;}
	#wrap-header-wrap{width:100%;}
	#wrap-header .nav{display:none;}
	#wrap-header .wrapper-navigation{padding:0px;}
	.menu-drop{display:inline-block;text-align:right;width:100%;padding:3px 0px;}
	.dl-menuwrapper button{font-size:0.8em;}
	.dl-menuwrapper .dl-menu{margin-top:3px;}
	.main{margin-top: 255px;}
	.main-content{width:100%;}
	.wrapper-footer{width:100%;padding:15px 0px;box-sizing:border-box;}
	#wrapper-slider{width:100%;}
	footer{width:100%;}
	#wrapper-slider figure{margin-top:50px;}
	.photo-abbaye-intro:last-child img, .main_photo img{width:100%;height:auto;}
	.main_video , .main_video iframe, .news article img{width:100%;}
	#wrap-news .main_video{width:362px;}
	.dl-menuwrapper li a{padding:9px 30px;font-size:1em;}
	.txt-col .column-anim{width:95%;}
	.wrap-photo-projet iframe{width:100%;}
    .popup-wrapper .content{padding:5px 10px;}
    #popup-index{display:flex;flex-direction:column;}

    #popup-index article img{width:100%;height: auto;}
    #popup-index article{padding:5px 10px;}
	
	.test{width:100%;}
	.programmation { border: 0; }
	.programmation caption { font-size: 1.3em; }
	.programmation thead { display: none; }
	.programmation tr {border-bottom: 3px solid #FF6A4D;display: block;margin-bottom:.625em;background:#fff;}
	.programmation td {border-bottom: 1px solid #FF6A4D;display: block;font-size: .8em;text-align: right;}
	.programmation td:before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;}
	.programmation td:last-child { border-bottom: 0; }

	.wrap-news{padding:2%;}
	.wrap-marg{padding:2%;}
	.footer-frame iframe{padding:0%;height:250px;}
	.grid-galerie li{width: 31.6%;}
	#wrapper-slider, #wrapper-slider figure, #slider, #slider a span{height: 250px;}


}



@media screen and (max-width: 969px){
	.marge{width:34.6%;}
	.intro{width:64.9%;}
	.intro, .intro2{padding:2.5%;}
	/*.intro h3:first-child, .intro2 h3:first-child{margin-top: 0px;}*/
}
@media screen and (max-width: 960px){
	.garderiecss ul li{display: block;width: 98%;}
}

@media screen and (max-width: 918px){
	.wrap-txt-projet{width:66%;}
}

@media screen and (max-width: 916px){
	#form-inscription-commentaire{width: 98%;}
	#inscriptions fieldset input{width: 95%;}
}

@media screen and (max-width: 901px){
	.wrapper-header{height:161px;}
	.wrap-head{height:161px;}
	/*.main{margin-top:287px;}*/
	#wrapper-slider figure{margin-top:161px;}

	.bloc-intro iframe{width:100%;}
	.marge img{width:100%;height: auto;}
	.marge .img-reel{width: auto;}
	.main{margin-top:161px;}
}
@media screen and (max-width: 900px){
	#wrap-top-nav{display:none;}
	.coucou-login{display: none;}
	.btn-log{display: inline-block;}
	.logo-header{height: 130px;}
	.logo-header img{height: 80px;}
}

@media screen and (max-width: 860px){
	.footer-copy{box-sizing: border-box;}
}
@media screen and (max-width: 870px){	
	.bloc-intro{width:45%;padding:0px 15px;}
	.news article{width:100%;display:block;text-align:center;}
	.news article:nth-child(2){padding-right:0px;border-bottom:1px solid #000;border-right:0px;}
	.news article:last-child{padding-left:0px;}
	.news article img{width:400px;}
	#wrap-news .main_video{margin:0 auto;}
	.abbaye-intro div{width:48%;padding:5px;}
	.marge{width:34.39%;}
	.wrap-news{padding:2.3%;}
	.wrap-marg{padding:2.3%;}
	.marge h3{margin:2.07%;}
}

@media screen and (max-width: 857px){
  /*partenaire*/
  /*#wrapper-partenaire{margin:0px 25px;padding:15px 0px;border-top:1px solid;}*/
  #section-partenaire-soutien{width: 42%;}
  #section-partenaire-membre{width:49%;}
}

@media screen and (max-width: 856px){
	.part-header-logo{padding:0% 2%;}
}

@media screen and (max-width: 804px){
	.part-header-logo{width: 54%;}
}


@media screen and (max-width: 800px){	
	.animations-all ul li{width:30%;vertical-align:top;}
	.main_video{margin:0 auto;}
	.footer-frame iframe{height:265px;}
	.body form.mj-form .mj-embedded{padding:5px!important;}
	#wrapper-slider, #wrapper-slider figure, #slider, #slider a span{height: 210px;}
	/*.logo-header img{width: 90%;height: auto;}*/
	.grid-galerie li{width:48%;}
}

@media screen and (max-width: 762px){
	.wrap-txt-projet{width:100%;display:block;}
	.wrap-photo-projet{display:block;width:100%;}
	.coucou-login{display: none;}
	.logo-header{height: 98px;}
	.logo-header img{width: 100%;height: auto;top:0;}
	.main{margin-top: 129px;}
	.wrap-head{height: 129px;}
	#wrapper-slider figure{margin-top: 129px;}

}

@media screen and (max-width: 700px){	
	.bloc-intro{width:100%;padding:0px;}
	span.control{width: 35px;height: 35px;}
	.next:before{top:20px;}
}



@media screen and (max-width: 670px){
	#wrap-top-nav{display:none;padding-top:0;height:194px;margin-bottom:154px;}
	#wrap-top-nav .nav li{display:block;}
	#wrap-top-nav .nav li a{font-size:1em;}
	.wrapper-header{position:static;/*height:356px;*/height:391px;}
	.wrap-head{/*height:356px;*/height:115px;background:transparent;margin-bottom:0px;position:static;-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;}
	#wrapper-slider figure{margin-top:0px;}
	#wrap-header {/*margin-top:-154px;*/-webkit-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.36);-moz-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.36);box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.36);}
	#wrap-header #wrap-header-wrap {/*height:154px;*/height: 115px;}
	#wrap-header .fixed{position:fixed;width:100%;top:0;left:0;z-index:80;-webkit-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.36);-moz-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.36);box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.36);background:#fff;}
	#wrap-header .fixed+#wrapper-slider {margin-top:154px;}
	#wrap-header .fixed+.main {margin-top:154px;}
	.heightdim {height:215px;}
	.abbaye-intro div{width:100%;display:block;text-align:center;}
	#wrapper-slider{/*margin-top:28px;*/margin-top: 0px;}
	.wrapper-navigation{position:relative;z-index:80;}
	.intro, .marge{display:block;width: 100%;}
	.marge img{width:50%;}
	
	.wrapper-header{/*height: 311px;*/height: 115px;}
	.main{/*margin-top: 45px;*/margin-top:0px;}
	.logo-header{height: 84px;}
	#wrapper-slider, #wrapper-slider figure, #slider, #slider a span{height:200px;}
	#inscriptions-recap{margin-bottom: 10px;}
	#inscription-enfant fieldset input{width: 97%;}
	#inscription-enfant fieldset textarea{width: 99%;}
	
}

@media screen and (max-width: 640px){
	.footer-frame,.footer-copy{display: block;width: 100%;}
	.info-contact-footer{width: 95%;margin:0 auto;}
	.footer-frame iframe{height: 200px;width: 95%;}
}


@media screen and (max-width: 617px){
	.animations-all ul li{width:45%;}
}

@media screen and (max-width: 616px){
	.garderiecss ul li{display:block;width:100%;}
	#form-inscription-commentaire{width: 98%;}
	#inscriptions fieldset input{width: 95%;}
}

@media screen and (max-width: 600px){
	#wrapper-slider{height:200px;}
	#wrapper-slider figure{height:200px;}
	#slider {height:200px;}
	#slider a span{height:200px;}
	.column-anim:first-child{padding-right:0px;width:100%;}
	.column-anim{display:block;width:100%;}
	.main_video{background-image:none;}
	.txt-col{display:block;width:100%;}
	.txt-col .column-anim:first-child{width:95%;}
	
	.programmation { border: 0;}
	.programmation caption { font-size: 1.3em; }
	.programmation thead { display: none; }
	.programmation tr {border-bottom: 3px solid #FF6A4D;display: block;margin-bottom:.625em;background:#fff;}
	.programmation td {border-bottom: 1px solid #FF6A4D;display: block;font-size: .8em;text-align: right;}
	.programmation td:before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;}
	.programmation td:last-child { border-bottom: 0; }
	.wrapper-desc ul{padding:25px 0px;}
}

@media screen and (max-width: 580px){
	.inline-wrapper{display: block;width: 100%;}
	.info-bancaire{width: 98%;}
}

@media screen and (max-width: 560px){
	#wrapper-slider, #wrapper-slider figure, #slider, #slider a span{height:180px;}
}
@media screen and (max-width: 550px){
	.grid-galerie li{width:47%;}
}
@media screen and (max-width: 544px){
	.wrapper-header{height:420px;}
	.logo-header img{width:100%;height:auto;}
	#wrapper-slider{margin-top:0px;}
	.logo-header{height:95px;}
	.wrap-head, .wrapper-header{height: 126px;}
	#wrapper-slider, #wrapper-slider figure, #slider, .photo-slide, #slider a span{height:180px;}
	
}
@media screen and (max-width: 530px){
	.grid-galerie li{width:97%;}
}
@media screen and (max-width:502px){
	.footer-frame iframe{height: 210px;}
	#wrapper-slider, #wrapper-slider figure, #slider, .photo-slide, #slider a span{height:150px;}
	#inscription-enfant fieldset input{width: 95%;}
}

@media screen and (max-width: 499px){
  /*partenaire*/
  /*#wrapper-partenaire{margin:0px 25px;padding:15px 0px;border-top:1px solid;}*/
  #section-partenaire-soutien{width: 100%;padding-right: 0px;border-right: 0px;}
  #section-partenaire-membre{width:100%;padding-left: 0px;}
  .section-partenaire{display: block;}
}

@media screen and (max-width: 480px){
	.image-contenu{display:block;width:100%;}
	.logo-header{height: 85px;}
	.heightdim{height: 216px;}
	.wrap-head, .wrapper-header{height: 116px;}

}

@media screen and (max-width: 450px){
	.link-cote{display: block;width: 100%;}
}

@media screen and (max-width: 429px){
	.news article img{width:100%;}
	#wrap-news .main_video{width:95%;}
	.animations-all ul li{width:100%;}
}

@media screen and (max-width: 420px){
	#wrapper-slider, #wrapper-slider figure, #slider, .photo-slide, #slider a span{height:120px;}
	.logo-header{height: 75px;}
	.wrap-head, .wrapper-header{height: 106px;}
	#wrap-header #wrap-header-wrap{height: 106px;}
	.heightdim{height: 206px;}
	.title-tab-perso-btn{float: none;display: block;margin-top: 8px;text-align: left;}
}

@media screen and (max-width: 360px){
	.link-txt{font-size: .8em;}
}

@media screen and (max-width: 355px){
	.footer-frame iframe{height: 220px;}
}

@media screen and (max-width: 350px){
	.logo-header{height: 64px;}
	.wrap-head, .wrapper-header{height: 95px;}
	#wrap-header #wrap-header-wrap{height: 95px;}
	.btn-log span{display: none;}
	.marge img{width:100%;}
}
@media screen and (max-width: 335px){
	#wrapper-slider, #wrapper-slider figure, #slider, .photo-slide, #slider a span{height:100px;}

}