.cs-prochai {font-family:"eurofurence_lightregular"; font-size:4.4em; position:absolute;top:0; padding-top:1em; color:#FFF; text-align:left;}
.cs-prochai strong {font-family:"eurofurence_regular"; font-size:1.37em; font-weight:normal;}
	
.cs-clear {clear:both;}

body {text-align:center; color:#444; overflow-y:scroll; font-size:18px; font-family:"DINOT-Light";}
body.overflow-hidden {overflow:hidden;}
body.demo-1 {overflow:hidden;}

h1 {text-align:left; font-family:'quicksandbook'; text-transform:uppercase;  font-size:3em; margin:0 0 0.2em 0; line-height:normal !important;} 
/*h1::before{content:"{"; color:#900;}
h1::after{content:"}"}*/
h2 {text-align:left; font-size:1.5em; margin:0 0 0.2em 0; font-family:"eurofurence_regular"; font-weight:normal;} 
ul, li, ol, p {margin:0;padding:0;}
ul, ol {padding-left:1.4em;}
li {list-style:square;}

div#ajax-result {display:none;}

div#waiting-overlay {display:block; position:fixed; background:#FFF; top:0; left:0; bottom:0; width:100%; z-index:100000;}
div#waiting-overlay .jcs-loader-contenair {margin:0 auto; height:50vh; padding-top:50vh; overflow:visible; }
div#waiting-overlay img#jcs-loader {height:5em; transform:translateY(-2.5em)}




/*GLOBAUX */
div.cs-paragraphe {margin-top:2em; line-height:1.5em;}
img.cs-img-left, div#contenu img.img-right, div#contenu img.img-top {}
img.cs-img-left {float:left; margin:5px 20px 10px 0;}
img.cs-img-right {float:right; margin:5px 0 10px 20px;}
img.cs-img-top {margin:5px auto 10px auto; overflow:hidden; max-width:555px;}
p.cs-p-lien-ext {}
			
p.cs-link {padding:0 0 0 0;}
a.cs-lien {}
a.cs-lien_ext_down {color:inherit;text-decoration:none;}
a.cs-lien_ext_down:before {content:"";display:inline-block; width:12px; height:12px; margin:3px 5px 0 0; background-color:#DDDDDD; }
a.cs-lien_ext_down:hover { text-decoration:underline;}
a.cs-lien_ext_wysiwyg {background:none; text-decoration:underline; }
a.cs-lien_ext_wysiwyg:hover {text-decoration:none;}


.cs-content a, .cs-paragraphe a { font-weight:bold; color:inherit;}
.cs-content a:hover, .cs-paragraphe a:hover {text-decoration:none;}


span.cs-hachures {display:inline-block;  }
span.cs-hachures span.h {display:inline-block; background:url(/visuels/public/20152016-hachure.png) repeat-x left top; background-size:auto 0.4em; opacity:0.5; height:0.4em; width:100%; margin-top:0.2em; }

div.svp-container {width:100%}
div.jcs-slide-visuels-paragraphes {position:relative; margin:0 auto;} 
div.jcs-slide-visuels-paragraphes div.slides_container {position:relative; overflow:hidden;} 
div.jcs-slide-visuels-paragraphes div.slides_container div.jcs-contenant {display:none;}
div.jcs-slide-visuels-paragraphes div.slides_container div.js-contenant {display:none;}
div.visuel-slide-legende-bg {position:absolute; bottom:0; left:0; width:100%; z-index:50; opacity:0.5; filter:alpha(opacity=50); background-color:#000; height:4em; }
p.visuel-slide-legende {position:absolute; bottom:0; left:0.7em; width:99%; z-index:51; color:#fff; font-size:1.4em; text-align:center; height:2em; }
a.svp-prev, a.svp-next {position:absolute; display:block; top:90px; width:24px; height:43px; z-index:2001; backround-position:left top; bacground-repeat:no-repeat;}
a.svp-prev {left:0; background-image:url(/visuels/public/arrow-prev.png);}
a.svp-next {right:0; background-image:url(/visuels/public/arrow-next.png);}



.cs-overflow-hidden {overflow:hidden;}
.cs-white-bg {background-color:#FFF; position:relative;}


/*LIENS RESEAUX SOCIAUX	*/
a.jcs-rs-link {position:fixed; right:0; bottom:0; display:block; z-index:150; text-align:right; transition:all 0.3s;}
/*a.jcs-rs-link:hover {right:0 !important;}*/

body {background:#000;}
.jcs-fond-under {opacity:1; transition:opacity 0.5s;}
.jcs-fond-under.hidden {opacity:0.5;}

.jcs-fond-under-fond {width:100%; min-width:100%; position:fixed; top:0; left:0; background:url(/20242025/visuel-fond-home.png) no-repeat center center; height:100vh; background-size:cover; }
.jcs-fond-under-edr {position:fixed; left:0; top:0; background:url(/visuels/public/20192020-edr.png) no-repeat center center; }
/*COUVERTURE	*/
div.cs-couverture-contenair {cursor:pointer;width:100%;}
div.cs-couverture-contenair img {width:100%; min-width:100%;}
/*div.cs-couverture-contenair img {position:absolute; display:none;}
div.cs-couverture-contenair img.cs-couverture-left {width:50%; left:0;}
div.cs-couverture-contenair img.cs-couverture-right {width:50%; right:0;}
div.cs-couverture-contenair .cs-top-bottom {width:100%; height:1.2em; background: url("/visuels/public/20152016-hachure.png") repeat-x; position:absolute; left:0; background-size:auto 1.2em; opacity:0.8; display:none;}
div.cs-couverture-contenair .cs-top-bottom.cs-top {top:0;}
div.cs-couverture-contenair .cs-top-bottom.cs-bottom {bottom:0;}
*/


.jcs-video-contenair-affiche {display:block; height:0; overflow:hidden; padding-bottom:56.25%; /* 16/9 ratio */ position:relative;}
.jcs-video-contenair-affiche iframe,
.jcs-video-contenair-affiche object,
.jcs-video-contenair-affiche embed {position:absolute; height:100%; left:0; top:0; width:100%;}



/*HOME	*/
div.cs-home-contenair {background:rgba(245,240,234,1); width: 100%; position: relative; min-width: 100%; overflow:hidden;}
div.cs-home-contenu {margin:0 auto; text-align:left; padding:0; background:none;}
div.cs-home-contenu .jcs-left {width:70%; float:left; overflow:hidden;}


.cs-home-contenu ul.jcs-prochainement {padding:0; position:relative; margin:0 auto;}
.jcs-prochainement li div.cs-spectacle-item div.cs-overlay {background:none !important; top:auto !important; display:table-cell; vertical-align:bottom; }
.jcs-prochainement li .cs-spectacle-item div.cs-cont {height:auto !important; background:rgba(0,0,0,0.7); padding:0.5em 1em !important; transition:all 0.3s;}
.jcs-prochainement li .cs-spectacle-item:hover div.cs-cont {padding:2em 1em 4em 1em !important;}





.cs-home-contenu ul li { list-style:none; position:absolute; overflow:hidden; background-color:transparent;}
.jcs-video-contenair {display:block; height:0; overflow:hidden; padding-bottom:56.25%; /* 16/9 ratio */ position:relative;}
.jcs-video-contenair iframe,
.jcs-video-contenair object,
.jcs-video-contenair embed ,
.jcs-video-contenair video {position:absolute; height:100%; left:0; top:0; width:100%;}
div.cs-home-contenu .jcs-right {width:24%; float:right;}
h1.cs-lien-dld-pla {font-size:2em; text-align:center; padding:1em 0; color:#FFF !important; margin:0; }
h1.cs-lien-dld-pla a {color:#fff; text-decoration:none; display:inline-block; margin:0 2em;}
h1.cs-lien-dld-pla a {
	border-radius:0.2em;
    cursor: pointer;
    background-color: #014757;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    padding: 0.5em 1em;
	font-size:0.7em;
}
h1.cs-lien-dld-pla a:hover { background-color: #000000;}

/*ACCESSIBILITE	*/
#item-373 {overflow:hidden;}
div.cs-accessibilite-contenair {background:no-repeat; background-size:cover; background-color:#fff; position: relative; padding:3em 0; }
div.cs-accessibilite-contenu {background:rgba(255,255,255,0.9); padding:2em; color:#444 !important; text-align:center;}

div.cs-accessibilite-contenu .cs-item-accessibilite {width:40%; margin:4.9%; display:inline-block; vertical-align:top;}
div.cs-accessibilite-contenu .cs-item-accessibilite .cs-item-accessibilite-picto {height:20vh; background:center no-repeat; background-size:contain; background-image:url(../visuels/public/0-accessibilite-handicapauditif.png);}
div.cs-accessibilite-contenu .cs-item-accessibilite.cs-categorie-656 .cs-item-accessibilite-picto {background-image:url(../visuels/public/0-accessibilite-handicapauditif.png);}
div.cs-accessibilite-contenu .cs-item-accessibilite.cs-categorie-657 .cs-item-accessibilite-picto {background-image:url(../visuels/public/0-accessibilite-handicapvisuel.png);}
div.cs-accessibilite-contenu .cs-item-accessibilite.cs-categorie-658 .cs-item-accessibilite-picto {background-image:url(../visuels/public/0-accessibilite-handicapmental.png);}
div.cs-accessibilite-contenu .cs-item-accessibilite.cs-categorie-659 .cs-item-accessibilite-picto {background-image:url(../visuels/public/0-accessibilite-handicapmoteur.png);}
div.cs-accessibilite-contenu .cs-paragraphe,
div.cs-accessibilite-contenu .cs-txt {text-align:left !important;}
div.cs-accessibilite-contenu .cs-item-accessibilite .cs-appel-spectacles {padding-top:1.5em;}
div.cs-accessibilite-contenu .cs-item-accessibilite .cs-appel-spectacles {padding-top:1.5em;}


/*PROJET	*/
#item-323 {overflow:hidden;}
div.cs-projet-contenair {background:url(/20242025/visuel-fond.png) fixed no-repeat; background-size:cover;
position: relative; padding:3em 0; }
div.cs-projet-contenu {margin:0 auto; text-align:left; padding:1.5em 0; background:none;}
div.cs-projet-contenu .cs-paragraphe {font-size:1em;}
/*div.cs-projet-contenu .cs-paragraphe {font-size:1.2em;}*/
div.cs-projet-contenu div.cs-ph-left {color:rgb(231,28,35);}
div.cs-projet-contenu div.cs-ph-left {color:rgb(0,0,0) !important;}
div.cs-projet-contenu div.cs-ph-left h2 {font-size:2.5em; text-align:center; font-family:"quicksandbold"; text-transform:uppercase; font-weight:bold; line-height:120%; }
div.cs-projet-contenu div.cs-ph-left .cs-paragraphe {margin:0 2em 0 0; padding:0;}
div.cs-projet-contenu div.cs-ph-left .jcs-reponses {text-align:center; margin:2em 0; font-size:0.85;}
div.cs-projet-contenu div.cs-ph-left .jcs-reponses span {display:inline-block; padding-right:0.5em; padding-bottom:1em; white-space:nowrap;}
#bgvid{position:absolute;right:0;bottom:0;
min-width:100%;min-height:100%;
width:auto;height:auto; z-index:-999;
overflow:hidden;
background:url(../images/background_teasing.jpg) no-repeat;
background-size:cover;}
video{display:block;}


/*PAGE SAISON	*/
#item-273 {background:#FFF;}
div.cs-saison-contenair {margin:0 auto; text-align:left; width:100%; min-width:100%; position:relative; }
div.cs-saison-contenu {margin:0 auto; text-align:left; padding:0;  }
div.cs-saison-contenu h1 {padding:0.2em 0 0.2em 0; margin:0; text-align:center; color:#FFF; background:#2c2c26;}

/*MENU CATEGORIES 	*/
div.cs-saison-contenu .jcs-menu-categorie {padding:0; margin:0; text-align:center; color:#FFF; background:#2c2c26;}
div.cs-saison-contenu .jcs-menu-categorie span {display:inline-block; padding:0.3em 0.75em; background:url("/visuels/public/20162017-gridtile.png") repeat; background-color:rgba(255,255,255,0.3); color:#fff; cursor:pointer; margin:0 0.2em 0.4em 0.2em;}
/*div.cs-spectacle-item.cs-menu-item {background-color:rgba(255,0,0,0.3); color:#fff;}*/
div.cs-saison-contenu .jcs-menu-categorie span.cs-selectionne,
div.cs-saison-contenu .jcs-menu-categorie span:hover {background-color:#fff; color:#000; background-image:none; transition:all 0.5s}
div.cs-spectacle-item {display:inline-block; margin:0; position:relative; overflow:hidden;}

/*MENUS SOUS-CATEGORIES 	*/
div.cs-saison-contenu .jcs-menu-sous-categorie {padding:0; margin:0; text-align:center; display:none;}
div.cs-saison-contenu .jcs-menu-sous-categorie .jcs-menu-sous-categorie-item {display:inline-block; margin:0 1em; cursor:pointer;}
div.cs-saison-contenu .jcs-menu-sous-categorie .jcs-menu-sous-categorie-item:hover, 
div.cs-saison-contenu .jcs-menu-sous-categorie .jcs-menu-sous-categorie-item.cs-selectionne {color:#000;}

.jcs-contenant-carres-saison {}

div.cs-spectacle-item.cs-sans-js .cs-visuel {background-size:cover; background-position:center center; width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.5s ease-out 0s;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
 /* filter: url(grayscale.svg); 
  filter: gray; */}
  
div.cs-spectacle-item.cs-menu-item div.cs-txt {padding:10px;}

div.cs-spectacle-item.cs-sans-js:hover div.jcs-visuel-div {transform:scale(1.03); filter:none;}
div.cs-spectacle-item div.jcs-visuel-div {position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.2s ease-out 0s; background-position:center; background-repeat:no-repeat; background-size:cover;}
div.cs-spectacle-item:hover div.jcs-visuel-div {transform:scale(1.03); filter:none;}

div.cs-spectacle-item div.cs-overlay {position:relative; width:100%; height:100%; left:0; top:100%; background:rgba(0,0,0,0.7); cursor:pointer; opacity:1; transition:all 0.2s ease-out 0s; }
div.cs-spectacle-item:hover div.cs-overlay { /*opacity:1;*/ top:0}
div.cs-spectacle-item .cs-cont {display:table-cell; vertical-align:middle; padding:0 1em;}
div.cs-spectacle-item.js-num-saison .cs-cont {vertical-align:middle !important;}
div.cs-spectacle-item .cs-cont span,
div.cs-spectacle-item .cs-cont .cs-dates,
div.cs-spectacle-item .cs-cont .csLieu {color:#FFFFFF; display:inline-block; font-family:"eurofurence_regular";}
div.cs-spectacle-item span.cs-titre {font-size:1.6em; border-bottom:1px solid #FFFFFF; padding-bottom:0.2em; margin-bottom:0.2em; text-transform:uppercase; line-height:1em; width:100%}
div.cs-spectacle-item span.cs-type {font-size:0.9em; padding-bottom:0.5em; line-height:1em; text-transform:uppercase;}
div.cs-spectacle-item span.cs-dates {}
div.cs-spectacle-item span.cs-dates p.cs-plus-scolaires {padding-top:0.5em; font-size:0.8em; font-style:italic;}
/*div.cs-spectacle-passe-1 {opacity:0.5;}*/
div.cs-spectacle-item .cs-content-top, div.cs-spectacle-item .cs-content-bottom {position:absolute; display:none; padding:0.5em; width:100%; left:0; background:#222; background-color:#000; background:rgba(0,0,0,0.8); color:#FFF; min-height:5px;} 

#item-2732, #item-302, .cs-scolaires-contenu {display:none;}



@-webkit-keyframes zoom 
{
	0%{transform: scale(1);}
	50%{transform: scale(1.2);}
	100%{transform: scale(1);}
}
@-moz-keyframes zoom 
{
	0%{transform: scale(1);}
	50%{transform: scale(1.2);}
	100%{transform: scale(1);}
}
@-o-keyframes zoom 
{
	0%{transform: scale(1);}
	50%{transform: scale(1.2);}
	100%{transform: scale(1);}
}
@keyframes zoom 
{
	0%{transform: scale(1);}
	50%{transform: scale(1.2);}
	100%{transform: scale(1);}
}

.cs-evenement.cs-demo .cs-visuel 
{
	overflow:hidden;
}

.demo-1 .fancybox-overlay {margin:1.2em 0;}
.demo-1 a.jcs-rs-link {visibility:hidden !important;}
.cs-evenement.cs-demo .cs-visuel img
{
	-webkit-animation: zoom 30s infinite ease-out;
	-moz-animation: zoom 30s infinite ease-out;
	-o-animation: zoom 30s infinite ease-out;
	animation: zoom 30s infinite ease-out;
}


/*SPECTACLE FB	*/
.cs-evenement-fixe {position:fixed;top:0; left:0; width:100%; height:100%; overflow:auto; background-color:rgba(255,255,255,1); z-index:100000; display:none;}
.cs-evenement-fixe.cs-visible {display:block;}
.cs-evenement-fixe.cs-cote-gauche {left:-101%;}
.cs-evenement-fixe.cs-cote-droit {left:101%;}
.cs-evenement-fixe.cs-affiche {left:0; transition:left 0.1s;}

.cs-evenement-fixe .jcs-evenement-visuel {width:100%; height:800px; background:center no-repeat; background-size:cover; position:relative; overflow:hidden;}
.cs-video-bg {
	position:absolute;
	min-width: 100%;
	min-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.cs-evenement-fixe .jcs-evenement-visuel .jcs-titre-spectacle { font-size:4em; position:absolute; bottom:0; left:0; right:0; color:#FFF; font-family:'quicksandbold'; text-transform:uppercase; text-align:left;
background: url("/visuels/public/20162017-gridtile.png") repeat rgba(0,0,0,0.1);}
.cs-evenement-fixe .jcs-evenement-visuel .jcs-titre-spectacle span { font-size:0.6em; font-family:'quicksandbook';  }
.cs-evenement-fixe .jcs-evenement-visuel .cs-credits {font-size:0.5em; position:absolute; right:5px; color:#FFF; text-align:left;
bottom:0;}

.cs-evenement {text-align:left; position:relative; margin-bottom:3em;}
.cs-evenement .cs-left {float:left; width:70%;}
.cs-evenement .cs-right {float:right; width:25%; text-align:right;}
.jcs-no-date .cs-evenement .cs-left {float:none; width:100%; min-height:800px;}
.jcs-no-date .cs-evenement .cs-right {display:none;}

.cs-evenement .cs-type {font-family:'quicksandbook'; text-transform:uppercase; font-size:1.8em; color:#333; line-height:100%;
padding-top:0.3em;}
.cs-evenement .cs-public {text-transform:uppercase; color:#999; font-size:0.9em;}
.cs-evenement .cs-public::before {content:"// "}
.cs-evenement .cs-sous-titre {font-weight:bold; margin:1em 0;color:#014757;}
.cs-evenement .cs-distribution {opacity:0.75; font-size:0.9em; margin:2em 0 1em 0;}
.cs-evenement .cs-distribution em {color:#014757;}
.cs-evenement .cs-url {text-align:right; margin:1em 0;}
.cs-evenement .cs-url a {color:#000; font-weight:bold; color:#014757;}
.cs-evenement .cs-critique {opacity:0.7; font-size:0.9em; margin:2em 0 1em 0; padding:0.5em; background:rgba(0,0,0,0.075); 
font-style:italic; }
.cs-evenement .cs-critique em {font-style:normal !important; }

.cs-evenement .cs-top {position:relative;}
.cs-evenement img.cs-type-pot  {height:17em; bottom:0; position:absolute; left:0; z-index:0; }

.cs-evenement .cs-type .jcs-nid {display:inline-block; font-family:'quicksandbook'; text-transform:uppercase;  font-weight:normal; margin:0.5em 0 0 0.5em; padding:1.8em 2em 0.9em 2em; top:0; left:0; background:url(/visuels/public/nid.png) no-repeat; background-size:100% 100%; font-size:0.9em; text-align:center; }

div.cs-appel-spectacles  {text-align:center;}
div.cs-appel-spectacles a {
    cursor: pointer;
    background-color: #014757;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    padding: 0.5em 2em;
}
div.cs-appel-spectacles a:hover { background-color: #000000;}


/*REPRESENTATIONS SCOLAIRES*/
.cs-evenement .cs-titre-spectacle, .cs-evenement .cs-sous-titre-spectacle {font-family:'quicksandbook'; text-transform:uppercase;  clear:both; padding:0; text-align:right; text-transform:uppercase; line-height:100%; }

.cs-evenement .cs-sous-titre-spectacle {font-size:2em; color:#333; }
.cs-evenement .cs-top h2.compagnie {font-family:"eurofurence_lightregular"; font-size:2em; text-align:right; padding-top:0.2em;}

.cs-evenement .cs-medaillon {display:inline-block; max-width:30%; overflow:hidden; margin-bottom:1.5em; position:relative}
.cs-evenement .cs-medaillon img {width:100%;}
.cs-evenement .cs-medaillon-libre span {display:block; position:absolute; font-family:'quicksandbook'; text-transform:uppercase;   text-transform:uppercase; width:100%; text-align:center; font-size:1.3em; top:30%;transform : rotate(-5deg); letter-spacing:0.1em;}

.cs-evenement .cs-texte {text-align:justify;}
.cs-evenement .cs-pp, .cs-evenement .cs-gourmandise {margin:1em 0;}
.cs-evenement .cs-pp span, .cs-evenement .cs-gourmandise span {width:3em; height:3em; border-radius:50%; padding:0.5em; }
.cs-evenement .cs-pp > span {position:relative; float:left; background:#ccc; color:#fff; line-height:2em; }
.cs-evenement .cs-pp > span > span {position:absolute; bottom:-2.2em; right:-2em; background:#fff; }
.cs-evenement .cs-pp > div, .cs-evenement .cs-gourmandise > div {overflow:hidden; position:relative; padding-left:0.5em; font-size:0.9em;  }
.cs-evenement .cs-pp > div > h3.sous-titre, .cs-evenement .cs-gourmandise > div > h3.sous-titre {font-size:2em; margin-bottom:0; text-align:left;}

.cs-evenement .cs-gourmandise span {border-radius:none; position:relative; float:left; background:left top no-repeat url(/visuels/public/20162017-gourmandise.jpg); background-size:contain; min-height:4em}

.cs-evenement .cs-texte p {line-height:1.5em;}
.cs-evenement .cs-texte p a {text-align:center; display:block; font-size:1.6em; font-family:'quicksandbook'; text-transform:uppercase;  color:#444; text-decoration:none;}
.cs-evenement .cs-texte p a.cs-lien-interne {display:inline; font-size:inherit; font-family:inherit; font-weight:bold; text-decoration:none;}
.cs-evenement.cs-lien-en-petit .cs-texte p a {text-align:left; display:inherit; font-size:1em; font-family:inherit; color:#444; text-decoration:none; font-weight:bold;} 
.cs-evenement .cs-texte p a:hover {color:#000;text-decoration:none;}
.cs-evenement .cs-texte .sous-titre {font-size:1.5em; font-family:'quicksandbook'; text-transform:uppercase;  font-weight:normal; margin:0 0 0.2em 0;  }
.cs-evenement .cs-texte .distribution {text-align:left; font-size:1em; color:#666; padding-bottom:0.2em; font-style:italic; }
.cs-evenement .cs-texte .rdp {color:#222; font-size:1.1em; text-align:left; font-style:italic; font-family:"eurofurence_lightregular"; line-height:1.2em;  }
.cs-evenement .cs-texte .cs-compagnie-link {text-align:center; font-family:'quicksandbook'; text-transform:uppercase;  color:#333; margin:1em auto; display:block; font-size:1.5em; text-decoration:none; letter-spacing:0.1em; }
.cs-evenement .cs-texte .cs-compagnie-link:hover {color:#111;}
.cs-evenement .cs-credits {font-size:0.8em; text-align:right; font-style:italic;}

/*REPRESENTATIONS */
.cs-evenement .cs-representations {text-align:right; padding:0.5em; background:rgba(0,0,0,0.1);}
.cs-evenement .cs-representations p.cs-date {font-size:2.2em; text-transform:uppercase;font-family:"eurofurence_regular"; line-height:0.9em;}
.cs-evenement .cs-representations p.cs-date .cs-djnom {font-family:"eurofurence_lightregular"; display:block; font-size:0.8em;}
.cs-evenement .cs-representations p.cs-date .cs-djnum,
.cs-evenement .cs-representations p.cs-date .cs-dmnom {color:#014757;}
.cs-evenement .cs-representations div.cs-infos {font-family:"eurofurence_lightregular"; letter-spacing:1px; margin-bottom:0.5em; position:relative; font-size:1.1em}

.cs-evenement .cs-representations a {
background: rgb(0, 0, 0) none repeat scroll 0% 0%;
display: inline-block;
padding: 0.5em;
line-height: 100%;
color: rgb(255, 255, 255);
font-size: 0.9em;
border-radius: 2px;
text-decoration: none;
margin-bottom: 0.5em; transition:all 0.3s;}

.cs-evenement .cs-representations a:hover {
background-color: rgb(255,255,255);
color: rgb(0,0,0);}

/*REPRESENTATIONS SCOLAIRES */
.cs-evenement .cs-representations .cs-scolaires {opacity:0.7; text-align:left;}
.cs-evenement .cs-representations .cs-scolaires h4 {margin-bottom:0; font-weight:normal !important; font-size:0.8em !important; text-transform:uppercase; }
.cs-evenement .cs-representations .cs-scolaires h4::before {content:"// ";}
.cs-evenement .cs-representations .cs-scolaires p.cs-date  {font-size:1em !important; text-transform:none !important;}
.cs-evenement .cs-representations .cs-scolaires p.cs-date span {display:inline !important; text-transform:none !important; font-family:"eurofurence_regular" !important; color:#014757 !important;font-size:1em !important;}
.cs-evenement .cs-representations .cs-scolaires div.cs-infos {letter-spacing:normal !important; font-size:0.9em !important;}

.cs-evenement .cs-sar,
.cs-evenement .cs-lien-dl {padding-top:5px; }
.cs-evenement .cs-sar a,
.cs-evenement .cs-lien-dl a {cursor:pointer;background-color:#014757; display:block; text-transform:uppercase; text-align:center;color:#fff; text-decoration: none;  transition:all 0.3s; padding:0.5em 0}
.cs-evenement .cs-sar a:hover,
.cs-evenement .cs-lien-dl a:hover {background-color:#000;}


span.jcs-nextprev-spectacle {position:fixed; top:45%; font-family:"quicksandbook"; width:1em; height:1em; overflow:visible; cursor:pointer; color:#fff; text-align:center; background-size:100% 100%; background-repeat:no-repeat;
display:none; z-index:0; font-size:4em;  text-shadow:0 0 0.5px #333;}
span.jcs-nextprev-spectacle.cs-visible {display:block; z-index:100001;}
span.jcs-nextprev-spectacle.cs-precedent {left:30px; background-image:url(/visuels/public/previous-icon.png); background:none;}
span.jcs-nextprev-spectacle.cs-suivant {right:30px; background-image:url(/visuels/public/next-icon.png); background:none;}
span.jcs-close-eve,
span.jcs-back-eve {position:fixed; right:20px; top:10px; background:right top no-repeat; /*background-image:url(/visuels/public/croix.png); */width:1em; height:1em; display:none; line-height:1em; font-size:3em; font-family:"quicksandbook"; cursor:pointer; z-index:0; color:#FFF; text-shadow:0 0 0.5px #333; }
span.jcs-close-eve.cs-visible,
span.jcs-back-eve.cs-visible {display:block; z-index:100001;}

.cs-evenement .jcs-sar {cursor:pointer;}

.cs-evenement .jcs-au-coin-du-bar-cont {padding-top:2em; max-width:175px; display:inline-block; margin:0 auto;}
.cs-evenement .jcs-au-coin-du-bar-cont img {width:100%;}
.cs-evenement .jcs-au-coin-du-bar-cont span {display:block; padding:0; text-align:center; font-size:0.9em; line-height:110%;}
.cs-evenement .jcs-au-coin-du-bar-cont p {font-size:0.7em; line-height:110%; font-style:italic; opacity:0.4; margin-top:0.5em; text-align:left;}
.cs-evenement .jcs-au-coin-du-bar::before {}

.cs-evenement .cs-partenaires-logos {text-align:right; margin-top:2em;}
.cs-evenement .cs-partenaires-logos img {max-width:175px; opacity:0.6;}
.cs-evenement .cs-partenaires-logos.cs-auto img {max-width:100%;}


.cs-evenement.cs-demo .jcs-nextprev-spectacle {position:absolute; top:40%; font-family:"eurofurence_lightregular"; display:block; width:4em; height:4em; overflow:visible; cursor:pointer; color:rgba(0,0,0,0.6); text-align:center; background-size:100% 100%; background-repeat:no-repeat; visibility:hidden; }
.cs-evenement span.cs-precedent {left:2%; background-image:url(/visuels/public/previous-icon.png);}
.cs-evenement span.cs-suivant {right:2%; background-image:url(/visuels/public/next-icon.png);}
.demo-1 .fancybox-close {visibility:hidden;}



table.jcs-plus  {margin:0 20%;} 
table.jcs-plus td  {vertical-align:middle;}
table.jcs-plus td.jcs-txt {margin:0 1em;}
table.jcs-plus td.jcs-txt p  {margin-bottom:0.5em; font-size:0.9em; line-height:110% !important;}
table.jcs-plus td.jcs-acc {font-size:5em; font-weight:bold;} 



.jcs-cont-div {max-width:100%;}
.jcs-contenus-des-menus {overflow:hidden;}
.jcs-contenus-des-menus img {max-height:100%; max-width:100%;}


/*BILLETERIE ET ABO	*/
.jcs-div-bg {
    background-attachment: fixed;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size:cover !important;
    height: 60%;
    margin: 0 auto;
    position: relative;
    width: 100%;
	display:none;
}
div.cs-billetterie-contenair {width: 100%; position: relative; min-width: 100%;}
div.cs-billetterie-contenair .cs-bcont {background:#EEE; width: 100%; position: relative; min-width: 100%;}
div.cs-abonnements-contenair {background: url("https://www.ciexy.com/wp-content/themes/compagnie_xy/img/background-diagonal-dark.png") repeat scroll 0 0 #EEE; width: 100%; position: relative; min-width: 100%;}
div.cs-billetterie-contenu {margin:0; text-align:left; padding:1.5em 5%; background:none;}
div.cs-billetterie-contenu .cs-paragraphe {margin:0; padding:0;}
div.cs-billetterie-contenu .cs-tarifs-div {font-family:"eurofurence_lightregular"; font-size:1.2em; padding:0; margin:0; text-align:left;}
div.cs-billetterie-contenu .cs-tarifs-div .cs-tarifs .cs-entete td {font-weight:bold; font-size:1.4em;}
div.cs-billetterie-contenu .cs-tarifs-div .cs-tarifs td {padding:0.6em 1em; text-align:center; line-height:110%; border-bottom:1px dotted #333; white-space:nowrap;}
div.cs-billetterie-contenu .cs-tarifs-div .cs-tarifs tr td:first-child {padding-left:0; text-align:left; white-space:normal !important;}
div.cs-billetterie-contenu .cs-tarifs-div-av .cs-paragraphe {padding:0; position:relative;}

div.cs-billetterie-contenu .cs-tarifs-div .cs-tarifs-dessous {margin:1em 0;}
div.cs-billetterie-contenu .cs-tarifs-div .cs-tarifs-dessous td {vertical-align:top;}

div.cs-billetterie-contenu h2 {display:block; font-family:'quicksandbook'; text-transform:uppercase;  font-weight:normal; margin:0; padding:0; font-size:2em; line-height:normal;}
div.cs-billetterie-contenu .cs-tarifs-div-av .cs-paragraphe p.cs-tarif {display:block; font-family:"eurofurence_lightregular"; font-weight:normal; font-size:1.7em; padding:0 0 0.2em 0;}
div.cs-billetterie-contenu .cs-tarifs-div-av .cs-paragraphe p.cs-tarif-s {display:block; font-family:"eurofurence_lightregular"; font-weight:normal; font-size:1.2em; padding:0 0 0.2em 0; font-style:italic;}
div.cs-billetterie-contenu .cs-tarifs-div-limite  {vertical-align:bottom;}
div.cs-billetterie-contenu .cs-tarifs-div-limite .cs-paragraphe {padding:0 0 0 2em; font-size:0.8em}
div.cs-billetterie-contenu p.cs-link {font-family:"eurofurence_lightregular"; font-size:1.7em; padding:2em 0 0.5em 0; text-align:center; line-height:normal; }
div.cs-billetterie-contenu p.cs-link a { font-weight:normal; }
div.cs-billetterie-contenu p.cs-link span {display:none;}

div.cs-billetterie-contenu table.cs-table-abos {width:100%; margin:3em 0 1.5em 0;}
div.cs-billetterie-contenu table.cs-table-abos td {text-align:center; vertical-align:top; padding:0 1%; overflow:hidden;}
div.cs-billetterie-contenu table.cs-table-abos td a {font-family:'quicksandbook'; text-transform:uppercase;  font-weight:normal; margin:0; padding:0; font-size:2em; line-height:normal; text-decoration:none; color:inherit; }
div.cs-billetterie-contenu table.cs-table-abos td a span {font-family:"eurofurence_lightregular"; font-style:italic; font-size:0.8em;}

.cs-tel-b  {text-align:center; margin-top:0.7em;}
.cs-tel-b a {
	border-radius:0.2em;
    cursor: pointer;
    background-color: #014757;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    padding: 0.3em 1em;
	font-size:0.7em;
}
.cs-tel-b a:hover { background-color: #000000;}


/*CONTACT	*/
#item-271 {background-color:#FFF; padding-top:3em;}
div.cs-contact-contenair {width:100%; position:relative; color:#111;}
div.cs-contact-contenu {margin:0 auto; text-align:left; padding:1em 0 0 0; color:#FFF; color:inherit;}
#item-271 h1 {text-align:center;}

div.cs-contact-contenu div.cs-cf {float:left; width:65%; }

div.cs-contact-contenu div.cs-formulaire {}
div.cs-contact-contenu div.cs-formulaire label {display:none; padding:1em 0 0.2em 0;}
div.cs-contact-contenu div.cs-form-ele, div.cs-contact-contenu .form-leg {margin-bottom:0.5em; }
div.cs-contact-contenu div.cs-form-ele input, div.cs-contact-contenu div.cs-form-ele textarea {padding:0.4em; font-size:1em; display:block; /*border:1px solid #CCC;*/ border:none; color:#666; background:rgba(0,0,0,0.02);}
div.cs-contact-contenu div.cs-form-submit {display:block; text-align:center; clear:both; margin:1em 0;}
div.cs-contact-contenu div.cs-form-submit input {background:rgba(0,0,0,0.7); color:#FFF; border:none; padding:0.4em 1em; font-size:1.5em; display:inline-block; font-family:"eurofurence_regular";}
div.cs-contact-contenu div.cs-form-submit input:hover {background:rgba(0,0,0,0.5);}

div.cs-contact-contenu div.cs-form-ele img.jcs-cpa {width:150px; float:left; margin-right:1em; display:block;}
div.cs-contact-contenu div.cs-form-ele input.jcs-cpa {width:48%; float:left; margin-right:1em; display:block; padding-top:0; padding-bottom:0;}


div.cs-contact-contenu .cs-middle {}
div.cs-contact-contenu .cs-coordonnees {padding:0.5em; margin-bottom:1.5em; border-radius:0 ; background:rgba(0,0,0,0.02); vertical-align:top;}
div.cs-contact-contenu .cs-coordonnees > div {display:inline-block; width:50%; vertical-align:top;}
div.cs-contact-contenu #map_machecoul {width:100%;}
.leaflet-tile-pane {
  -webkit-filter: grayscale(80%);
  filter: grayscale(80%);
}

div.cs-contact-contenu .cs-equipe {width:30%; float:right;}
div.cs-contact-contenu .cs-equipe li {margin-bottom:0.2em;}

div.cs-contact-contenu .cs-get-map {text-align:center; font-family:"eurofurence_lightregular"; color:#fff; background-color:#000; cursor:pointer; font-size:1.8em; line-height:2em; transition:all 0.4s ease-in-out 0s; text-transform:uppercase; }
div.cs-contact-contenu .cs-get-map:hover, div.cs-contact-contenu .cs-get-map.is-open {color:#000; background-color:#fff; }

div.cs-contact-contenu .jcs-map-contenair {height:0; overflow:hidden;}







/*PAGE FB DE BASE	*/
div.cs-page-fb-contenair { margin:auto; }
div.cs-page-fb-contenu { margin:auto; text-align:left; padding-bottom:2em; color:#333;}

/*PARTENAIRES	*/
div.cs-partenaires-contenu {text-align:justify; padding-bottom:2em; color:#333;}
div.visuel-partenaire { margin:auto 0; display:inline-block; padding:10px; vertical-align:middle;}
div.visuel-partenaire-parag {float:left; margin:0.2em 2em 1.5em 0; }
div.visuel-partenaire-parag img {max-width:15em; max-height:10em; }




/*LOCATION	*/
div.cs-location-contenair {background:url(/visuels/public/location-bg.jpg) center center no-repeat none;}
div.cs-location-contenu {margin:0 auto; text-align:left; }
div.cs-location-contenu div.cs-ph-left {float:left; width:40%;}
div.cs-location-contenu div.cs-ph-right {float:right; width:58%; text-align:right;}
div.cs-location-contenu div.cs-ph-right div.jcs-slide-visuels-paragraphes {margin:0 0 0 auto;}

div.cs-location-contenu div.cs-location-bt { margin-top:0.5em; margin-right:24px;}
div.cs-location-contenu div.cs-location-bt ul.pagination { width:25%; padding:0; float:left; background:rgba(0,0,0,0.4);}
div.cs-location-contenu div.cs-location-bt .slides_container {float:left; margin:0;}

div.cs-location-contenu div.cs-location-bt ul.pagination li {list-style:none; font-family:"eurofurence_regular"; font-size:1.2em;}
div.cs-location-contenu div.cs-location-bt ul.pagination a {color:#FFF; text-decoration:none; padding:0.5em 3em 0.5em 0.5em; border-bottom:1px solid #CCC; display:block; }
div.cs-location-bt ul.pagination li.current a {background:rgba(0,0,0,0.35); color:#eee;}
div.cs-location-bt ul.pagination li a:hover {background:rgba(0,0,0,0.45); color:#eee;}

div.cs-location-contenu div.cs-location-bt div.slides_container .cs-paragraphe {margin:0; }
div.cs-location-contenu div.cs-location-bt div.slides_container .cs-visuel {margin:0; float:left; overflow:hidden;} 
div.cs-location-contenu div.cs-location-bt div.slides_container .cs-conte {overflow:hidden; padding:0.5em 1.5em}
div.cs-location-contenu div.cs-location-bt div.slides_container .js-contenant {overflow:hidden;}


/*SUR-COUCHE FANCYBOX */
.fancybox-opened .fancybox-skin  {box-shadow:none !important; border-radius:0; background:none;}
.fancybox-overlay {background:none; background-color:#FFF;}
.fancybox-close {right:0; position:fixed; top:1em; width:10%; text-align:center; background:url(/visuels/public/croix.png) center top no-repeat; padding-top:30px;}



.jcs-complet {background-color: rgb(243, 0, 0) !important;
    color: rgb(255, 255, 255) !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: center !important;
    text-transform: uppercase !important;
}


div.jcs-max-width {margin-left:auto; margin-right:auto;}


#fb-video {background:rgba(0,0,0,0.85); position:fixed; width:100%; height:100vh; opacity:0; z-index:-1000; display:none; left:0; right:0; left:0; top:0; width:100%; height:100vh;text-align: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-align: center;
align-items: center;overflow: hidden; 
transition:opacity 0.3s ;}
#fb-video span.jcs-close-video {position: fixed;
right: 20px;
top: 10px;
background: none;
width: 1em;
height: 1em;
line-height: 1em;
font-size: 3em;
font-family: "quicksandbook";
cursor: pointer;
z-index: 0;
color: #FFF;
text-shadow: 0 0 0.5px #333;}
#fb-video video {max-width:70%; max-height:70%;}
#fb-video.cs-show {opacity:1; display:flex; z-index:200000;}

.cs-espace-pro .cs-left {float:left; width:60%;}
.cs-espace-pro .cs-right {float:right; width:39%;}


@media screen and (min-width: 768px)
{
	div.jcs-max-width {width:750px !important;}
}
@media screen and (min-width: 992px)
{
	div.jcs-max-width {width:970px !important;}
}
@media screen and (min-width: 1200px)
{
	div.jcs-max-width {width:1170px !important;}
}