/*

  CHARTE GRAPHIQUE
  jaune : #fff238 / R:255 V:242 B:57
  bleu/gris : #849ebd / R:133 V:158 B:190
  noir : #1c1c1b / R29 V:29 B:27

   #fff238 #849ebd   #1c1c1b


FROM PDF : 
bleu #96AEC7
jaune #FFF263


*/



/****************

  BODY CONFIG

*******/


body {
    font-family: "sofia-light";
   /* overflow:hidden;*/
    
    color: #1c1c1b;
    background:rgba(132, 158, 189, 0.49);	
	
}


/****************

  TEXT SHADOW CONFIG

*******/
/****************

  HOME

*******/

.logo-fresnoy {
    height: 80px;
    padding: 10px;
	
 
}
.home .logo-fresnoy {
	
	display:none;
}
.navbar-brand {
    padding: 5px
}
#logo-panorama img {
    height: 80px;
}
#home {
    height: 100%;
    padding-top: 10px;
    color: #1d1d1b;
    background-color: rgb(132, 158, 189);
}

.dev #home {
	background-color: rgba(132, 158, 189,0);
}
.home .container {
    /*width: 735.6px;*/
}

.home .ring{
	
	/*display:none;*/
	
	border:solid 150px #fff40f;
	border-radius:100%;
	
	width:650px;
	height:650px;
	position:absolute;
	mix-blend-mode:lighten;
	
	left:50%;
	top:200px;
	margin-left:-325px;
	
	pointer-events:none;
	
	overflow:hidden;
	
}

#bg-home .bgcolor {
}

#bg-home {
    /*background-color: #004694;*/
    background-blend-mode: overlay;    
    background-blend-mode: darken;

    background-blend-mode: luminosity;
    
   	
  	background-color: rgba(132, 158, 189, 1);
    background-size: cover;
    background-attachment: fixed;
    
    height: 100%;
    position: relative;
	
	overflow:hidden;
}
#bg-home.no-blendmode {} #bg-home.no-blendmode .bgcolor {
    background-color: rgba(132, 158, 189, .9);
}
#bg-home.no-blendmode #home-main-accordeon {
  
}
#home-main-accordeon {

    /*rgba(133, 158, 190, 0.2);*/
    /*#fff238 #849ebd #1c1c1b */
    margin: 0px auto;
    border-radius: 0px;
    padding-top: 20px;
    overflow:visible;
    border: none;
    
    background-color: rgba(132, 158, 189, 0.79);
    background: none;
    height: inherit;
	
	
	/* RING */
	z-index: 1;
    position: relative;
 }
 
#home .head-title {
    margin: 50px auto 5% auto;
    text-align: center;
	position:relative;
}
#home .head-title h1,
#home .head-title h2,
#home .head-title h3 {
    margin: 0px;
    padding: 0px;
}
#home .head-title h1.logo-panorama img {
    width: 440px;
}
#home .head-title h3 {
    font-size: 16px;
    line-height: 30px;
    color: #fff238;
    /*#fff238 #849ebd #1c1c1b */
}

#home .head-title h3, #home .head-title h3{
	display: none;
}
#home .panel-body a:hover {
    text-decoration: none;
}

#home .menu-lang {
	margin: 10px auto;
}

.panel {
    margin: auto;
}
.panel-title {
    line-height: normal;
    padding: 5px;
    /*width: 66%;*/
    
    max-width: 450px;
    margin: auto;
    text-align: center;
    border-bottom: 1px solid #1c1c1b;
    font-size: 20px;
}
#bg-home .panel-title {
    border-bottom: 1px dotted #1c1c1b;
	color:#1d1d1b;
}
.panel-title a:hover, .panel-title a:visited {
    text-decoration: none;
}
.panel-body {
    overflow-y: auto;
    width: 90%;
    max-width: 700px;
    margin: auto;
}
.panel-body a, #mobile-artists a {
    color: white;
}
#bg-home .panel-body a{
	color: #1d1d1b;
}

nav h4 a {
    text-transform: uppercase;
}


#main-infos,#main-infos h5,#main-infos h6, #mobile-artists li, #mobile-intro p, .event a {
	font-size: 18px;
}

#main-infos h5 strong, #main-infos h4 strong, #main-infos h3 strong, #main-infos h6 strong {
	font-weight: bold;
} 

.random-aw {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #1c1c1b;
    font-size: 19px;
    margin-left: 270px;
}
.random-aw a {
    color: #1c1c1b;
}
.next-event {
    font-size: 19px;
    width: 400px;
    margin: auto;
    z-index: 1;
    display: none;
}
.next-event a {
    color: #1c1c1b;
}
#home-mobile-accordeon {
	
	overflow:hidden;
} 

#main-artists .panel-body {
    height: 300px;
    width: 100%;
}
#home-mobile-accordeon .panel-body {
    height: 250px; /* desable scrolling (ipad and so) */
}
#main-intro .panel-body,
#main-intro-accordeon .panel-body {
    height: 250px;
    /*max-width: 450px;*/
    width: inherit;
}

#main-intro {
	font-size: 17px;
}

#main-infos .panel-body {
    height: 250px;
}
#main-artists ul {
  columns: 2 100px;
  -moz-columns: 2 100px;
  -webkit-columns: 2 100px;
  
}
#mobile-artists ul {
    columns: 3 100px;
    -moz-columns: 3 100px;
    -webkit-columns: 3 100px;
}
#main-artists li {
    font-size: 20px;
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: inherit;
    display: block;
    white-space: nowrap;
}
#main-artists li a:before,
#mobile-artists a:before {
    content: "o";
    font-family: "sofia-medium";
}
/*
jaune : #fff238 / R:255 V:242 B:57
bleu/gris : #849ebd / R:133 V:158 B:190
noir : #1c1c1b / R29 V:29 B:27
*/

#main-artists li a.film:before,

#mobile-artists a.film:before,
#mobile-artists a.film:hover {
    color: #1c1c1b;
}
#main-artists li a.installation:before,

#mobile-artists a.installation:before,
#mobile-artists a.installation:hover {
    /*color: #fff238;*/
    color: #f1e20f;
}
#main-artists li a.performance:before,

#mobile-artists a.performance:before,
#mobile-artists a.performance:hover {
    color: #778fad;
}
#main-artists li:hover {
    color: #849ebd;
}
#main-artists li a:hover, #mobile-artists li a:hover {
    text-decoration: none;
}
#home .event {
    margin: auto;
    width: 100%;
}
#home .event .event-title {
    font-size: 18px;
}
#home .event .event-date {
    font-size: 16px;
}

#home hr{
	border-top-color:#1d1d1b;
	margin:0px;
}

#main-events .scroll {
    height: 300px;
}
/*
menu

*/

.navbar-inverse,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle {
    background-color: transparent;
    border-color: transparent;
}
.navbar-inverse.active {
    background-color: #96AEC7;
}
#mobile-events {
    margin: auto;
}
/*

event


*/

#event {
    position: absolute;
    height: 100%;
    width: 100%;
    /*background-size: cover;*/
	/*background-position: center 0px;*/ /* Js switch*/
}
.event #infos {
    /*background-size: cover;*/
    
    /*background-repeat: repeat;*/ /* bug ipad*/ 
}
.event .head {
    height: 100px;
    margin-top: 30px;
}
.event head h1 {
    height: 200px;
    font-weight: bold;
}
.event .time,
.event time hr {
    display: block;
    color: #1c1c1b;
    text-align: center;
    margin: 0;
    padding: 0;
}
.event .time.day {
    font-size: 50px;
    line-height: 30px;
    font-weight: bold;
}
.event .time.month {
    font-size: 25px;
    font-weight: bold;
}
.event time hr {
    background: #1c1c1b;
}
.event .time.hour {
    font-size: 14px;
    font-weight: bold;
}
.event #infos {
    overflow: hidden;
	padding:0px;
}
.event .body {
    color: #1c1c1b;
}
.event .body p ~ br {
    display: none;
}
/*
FOOTER

*/

.footer-partners {
    background: #849ebd;
    position: fixed; /*  */
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 0px;
}
.footer-partners ul {
    text-align: center;
}
.footer-partners li {
    vertical-align: middle;
}
.footer-partners img {
    max-height: 32px;
    max-width: 70px;
    margin: 10px 20px 0px 0px;
}
/* ***************

Artist


 ************ */

body.artwork {
    overflow: hidden;
	position:fixed; /* ipad scroll desable*/
	width:100%; /*  - > ipad scroll desable*/
}



#medias{
  overflow: hidden;
  height: 100%;
  background-color: #849ebd;
  background-blend-mode: lighten;
  background-size: cover;
  color: #fff238; /*  #fff238 #849ebd   #1c1c1b */
}
#medias.no-blendmode{
  background-color: #7132a7;
}

#medias .body{
  margin-top: 100px;
  height: 80%;
}

#medias.desactive{
  height: 0px;
  overflow: hidden;
}

#medias li a.video {
	position:relative;
}
#medias li a.video:before{
	content:"";
	display:block;
	position:absolute;
	background:url(../assets/picto-play.png) no-repeat center center;
	background-size:20px 20px;
	width:100px;
	height:50px;
	z-index: 1;
}

.artwork #medias {
	text-shadow: 1px 1px 1px #333;
	font-size: 16px;
}

#current-gallery.desactive:hover .galerie-show-info{
	display:block;
	opacity:1;

}


.galerie-show-info{
	opacity:0;
	display:none;
	
	position:absolute;
	
	background:rgba(255,255,255,0.1);
	
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
}

.galerie-show-info span{
	
	
	background:rgba(255,255,255,0.5);
	position:relative;

	top:40%;
	margin:-100px auto 0 auto;
	padding:10px 0px;
	width:400px;
	
	font-size:40px;
	color:#67686a;
	
	display:block;
	text-align:center;
	
}

.gallery-name {
	background: rgba(255,255,255,0.6);
	    padding: 3px;
	    font-size: 12px;
	    text-shadow: none;
	    color: #545454;
}

#current-gallery {
  height: 800px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  top:0px;
  background: #849ebd;
  z-index: 2;
  
}

#current-gallery .carousel{
  display: none;
  position: relative;
  height: 100%;
  text-shadow: 0px 0px 10px rgba(0,0,0,1);
}

#current-gallery .author-name {
	position:absolute;
	width:100%;
	text-align:center;
	bottom:95px;
	color: white;
	text-shadow: 1px 1px 2px #000000;
	font-size: 20px;	
	z-index:1;
}

#current-gallery .author-name em:before{
	content: " ─ ";
}
.carousel-indicators li{
  text-shadow: 0px 0px 1px rgba(0,0,0,1);

}

#current-gallery.desactive{
  cursor: pointer;
}


#medias.active + #current-gallery{
  top:100%;

}


a.display-medias {
  color: white

}


#current-gallery.desactive .carousel-control, #current-gallery.desactive .carousel-indicators, #current-gallery.desactive .carousel-caption {
  display:none;
}


#current-gallery .carousel-inner, #current-gallery .carousel-inner .item{
  height: 100%;
}

#current-gallery .carousel-inner img {
  height: auto;
  width: auto;
  max-width: none;
  margin: auto;


}
#current-gallery .carousel-inner .item {
  text-align: center;
}
#current-gallery .carousel-inner .item.video {

  /*z-index: 15;*/
  /*height:100%;*/
  width: 100%; /* js margin */
}
#current-gallery .carousel-inner .item.video video{

  width: 100%;

}



/*
LEFRESNOY


*/

.lefresnoy #infos {
   
}
.lefresnoy #infos .scroll {
    height: 200px;
}

.lefresnoy #infos .tab-pane.scroll {
	overflow: none;
	padding: 0px 10px 0px 0px;
	margin:0px;
}

.lefresnoy .row {
	margin:0 ;
}

/*
Infos*/

#infos {
    position: absolute;
    top: 50%;
    z-index: 15;
    left: 0;
    right: 0;
    background-image: "";
    background-color: #fff238;
    /* #fff238 #849ebd   #1c1c1b*/
    
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-position: centre bottom;
	margin: 0 auto;
	
	
}
#infos.no-blendmode {
    background-color: rgba(255, 242, 57, .6);
}
#infos.desactive {
    cursor: pointer;
	height:100%;
}

/*#infos.desactive ~ .nicescroll-rails{}*/ /* bug menu scroll hidden */ 

#infos.desactive ~ #ascrail2003,
#infos.desactive ~ #ascrail2002
{
	display:none;
}






#infos.desactive h1.title{
	position: absolute;
	bottom: -67px;
}
#infos.desactive h2.author{
	margin-top: -32px;
	font-size: 2em;
}

#infos.desactive h3 {
	display: none;
}

#infos h1,
#infos h3 {
    font-size: 30px;
    max-width: 505px;
}

#infos h1 .contour {
    word-wrap: break-word;
}

#infos h2.subtitle {
	font-size: 20px;
	margin-top:5px;
}

#infos h3 {
    margin: 0px;
    padding: 0px;
    font-size: 25px;
}
#infos h3 {
    color: #1c1c1b;
}
#infos .nationality {
    color: #849ebd;
}
#infos .head {} #infos.desactive .head h1,
#infos.desactive .head h2,
#infos.desactive .head h3 {
    font-size: 1em;
}

#infos .head {
	position:relative;
}

#infos .head h3 span:before {
    content: " - "
}
#infos .head h3 span:first-child:before {
    content: ""
}
#infos .head h3 span:empty {
    display: none;
}

.artist-show-info{
	opacity:0;
	
	background:#fff238;
	color:#849ebb;
	
	 position: absolute;
	 top: -0px;
	 right:0px;
	 
	 padding:2px 0px;
	 width:60px;
	 text-align:center;
	 
}
#infos.desactive .artist-show-info{
	opacity:1;
	top: -30px;
		
}


#infos .headimage img {
   width: 175px;
   height: 175px;
   position: absolute;
   top: -80px;
   margin-bottom: -250px;
   right:110px;
}
#infos .headimage img + img {
	top:-80px;
	right:-10px;
	
}


#infos.desactive .headimage img {
	border: 5px solid #000;
    top: -50px;
	
	margin: 0;
	width: 85px;
	box-shadow: 1px 1px 2px #555;
	 
	z-index:2;
	
	opacity:0;
	
}

#infos.desactive .headimage img + img  {
	right:80px;
	z-index:1;
	
}



#infos.desactive .body {
    /*display: none;*/
}
#infos .nav-tabs {
    border-bottom: none;
    margin: 20px 0px 20px 0px;
}
#infos .nav-tabs li {
    cursor: pointer;
    margin-right: 20px;
    height: 24px;
}
#infos .nav-tabs>li>a {
    font-size: 12px;
    background: none;
    border: none;
    padding-left: 0px;
    text-transform: uppercase;
    color: white;
    margin: 0px;
    padding: 0px;
    color: #1c1c1b;
}
#infos .nav-tabs>li.active>a {
    border-bottom: 1px solid #1c1c1b;
}
#infos .tab-pane {
    text-align: justify;
}
#infos .tab-pane.scroll {
    /*height: 300px;*/
    /*Calculé en JS*/
    max-height: none;
    overflow: auto;
   /* margin-right: 10px;*/
    /*margin-left: 10px;*/
    margin-left: 0px;
    padding-right: 10px;
}
#infos .bio.scroll {
    height: 300px;
    overflow: auto;
    margin-right: 10px;
    padding-right: 10px;
}
.carousel-indicators {
    bottom: 20px;
}
.download-media {
    position: absolute;
    color: white;
    bottom: 260px;
    width: 100%;
    display: block;
    text-align: center;
}
.download-media:hover {
    text-decoration: none;
    color: white;
}
.nav-aw{
	width:100%;
	height:100%;
}

.nav-aw a{
    position: absolute;
    bottom: 50%;
    top: auto;
    margin-top: 0px;
    color: #1c1c1b;
    font-size: 30px;
    text-decoration: none;
    opacity: 1;
	padding:0px
}
.desactive .nav-aw a {
    display: none;
}
.nav-aw a:hover {
    text-decoration: none;
    opacity: .5;
    color: #1c1c1b;
}
.nav-aw .next {
    right: 0;    
}
.nav-aw .prev {
    left: 0;
   /* display: none;*/
}
/* OVERIDE BOOTSTRAP */

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
    box-shadow: 1px 1px 5px #000000;
}

.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 75px;
	pointer-events:none;
}
/* OVERIDE SCAFFOLDING */

.img-circle {
    background-color: black;
}


a.download-media {
	display: none;
}

/* @S */
.event {
	/*margin-bottom: 15px;*/
	margin: 0px;
}
.event blockquote {
	margin: 0;
	padding:5px ;
}
.event blockquote p {
	font-size: 12px;
	
}
.event #infos h1,
.event #infos h3 {
	max-width: none;
}

.event .event-title, .event .event-date {
	display: inline-block;
}
.event .event-title{
	max-width: 250px;
}
.event .event-date {
	float: right;
}

.event .event-title a:hover{
	text-decoration:none;
}

/* */

h6 {
	font-weight: bold;
}

/* PORTRAIT MESSAGE */
#portrait-message {
	display: none;
}




/*

	Groupe set scolaires

*/


body.groupes h2 {
	
	font-size:20px;
	
}