/* COULEURS
Rose-violet : #FF00F9
Noir-vert : #003000

Orange: rgb(255,120,50) #ff7832
        rgb(255,100,0) #ff6400
Noir-bleu: rgb(0,0,76) #00004c // rgba(0,0,54,.9) for simulating transparence


*/


/* ------ DISPLAY ------ */
body{margin:0 auto;overflow:hidden;width:1000px;}
#header,#content{position:relative;}
#header{z-index:0;min-height:350px;}
#header a{display:block;}
#header h2{position:absolute;right:30px;top:293px;z-index:10;}
.en #header h2{top:286px;}
#header h3{position:absolute;right:113px;top:433px;z-index:0;}
.en #header h3{right:113px;/*136px*/top:426px;}

#nav{height:35px;left:0;position:fixed;top:0;width:100%;z-index:1000;}
#nav > ul{width:1000px;word-spacing:-1em;}
#nav > ul > li{display:inline-block;word-spacing:normal;}
#nav > ul > li > ul { display:none; }
#nav > ul > li:hover > ul { display:block; }

#content{min-height:300px;z-index:10;}
#content:after{clear:both;content:'';display:block;height:0px;overflow:hidden;visibility:hidden;width:0px;}
#content>article,
#content>aside{float:left;}
#content>article{width:625px;}
#content>article hgroup{position:relative;}
#content>article h1 img{display:inline-block;vertical-align:bottom;}
#content>article h5 img{position:absolute;top:0;right:0;}
#content>article .gallery figure{width:100%;height:100%;position:relative;}
#content>article .gallery figure>figcaption{width:314px;height:100%;position:absolute;top:0;left:-314px;}
#content>article .gallery:hover figure>figcaption{left:0;}

#home #content>article{width:auto;}
#home.fr #content>article:first-child>section{width:50%;display:inline-block;vertical-align:bottom;}
#home #content>article:nth-child(2)>section{width:33%;display:inline-block;vertical-align:top;}
#home #content>article .thumb{width:50%;display:inline-block;vertical-align:top;}
#home #content>article .thumb img{display:block;}

#a-lire-a-voir #content>article{width:100%;}
#a-lire-a-voir #a-voir{width:1145px;}
#projets-selectionnes #content>article{width:auto;float:none;}
#projets-selectionnes #content .selectionne h2,
#projets-selectionnes #content .selectionne h3{display:inline;}
#projets-selectionnes #content .selectionne p img{display:block;}
#jury #content .jury-spectateurs li{display:inline;}

a.gallery{display:inline-block;height:150px;width:150px;vertical-align:top;}
a.gallery:hover{width:314px;}

#content>aside{width:325px;}
#content>aside #calendrier h3,
#content>aside #calendrier ol,
#content>aside #calendrier p{display:inline-block;vertical-align:top;}

#content>aside #calendrier h3{width:26%;}
#content>aside #calendrier ol,
#content>aside #calendrier li>p{width:74%;}

#content .col{display:inline-block;vertical-align:top;width:50%;}

#footer{}
#footer>.in{word-spacing:-1em;}
#footer .col{display:inline-block;vertical-align:top;word-spacing:normal;}
#footer .col-1{width: 315px;}
#footer .col-1 a{display:block;float:left;}
#footer .col-2{width:285px;}

/* ------ STYLE ------ */
*,*:select{outline:none;}
#header{}
#header h1,#header h2{ margin:0;opacity:.9; }
#nav,
#nav > ul > li:hover > ul{
  background-color:rgba(0,0,54,.9);
  box-shadow: 0 0 10px #3a3a3a;
  -moz-box-shadow: 0 0 10px #3a3a3a;
  -webkit-box-shadow: 0 0 10px #3a3a3a;
  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#3a3a3a');
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#3a3a3a')";
}
#nav > ul{margin:0 auto;padding:0;position:relative;}
#nav > ul > li{margin:.1em 1em 0 0;}
#nav > ul > li.first{margin-left:1em;}
#nav > ul > li.last{position:absolute;right:-1em;padding-left:1em;padding-right:1em;border-left:1px solid #fff;}
#nav > ul > li > ul {margin:0 -1em;}
#nav > ul > li > ul > li {padding:.25em 0;}
#content{}
#content>article,
#content>aside{margin-left:25px;}

#content>article{margin-top:-35px;}
#content>article a.gallery{background-color:#000;margin:7px 5px;overflow:hidden;position:relative;}
#content>article a.gallery:nth-of-type(6n):hover{margin-left:-160px;z-index:20000;}
#content>article a.gallery figcaption{background-color:rgba(0,0,0,.75);color:white;}
#content>article a.gallery figcaption p{margin:0;padding:.3em;}

#content>aside{margin-top: 306px;}
#content>aside #calendrier h2{counter-reset:item;}
#content>aside #calendrier h3{margin:0;}
#content>aside #calendrier ul>li{margin-top:.5em;}
#content>aside #calendrier ol{list-style:none;margin:0 0 0 0;padding:0;}
#content>aside #calendrier ol li{margin:0 0 0 1.5em;padding:0;}
#content>aside #calendrier ol li:before { display:inline-block; content: counter(item) "/"; counter-increment: item; margin:0 .5em 0 -1.5em; width:1em;}
#content>aside #calendrier p{margin:0;}
#content>aside #calendrier footer{margin-top:1em;}

#content .col>.in{padding:0 .5em;}

.en #content>aside{margin-top: 285px;}
#content h1#page-title,.bigTitle{margin:0;}
#content #telechargement h1,
#content #a-voir h1{margin:1em 0 0 0;}
#content h2{margin:1em 0 0 0;}
#content h3{margin:1em 0 0 0;}
#content p{margin:.5em 0;}
#content ul{list-style:none;margin:0;padding:0;/*text-align:center;*/}
#content iframe{margin-top:1em;}

#content #edito h1{margin:.5em 0 0 0;}

#content>aside>*{margin-bottom:3em;}
#content #date h2{margin:0;}
#content #date p{margin:0 0 1em 0;}
#content #telechargement ul li{display:inline;}
#content #telechargement ul li:not(:first-child){border-left:1px solid #ff7832;padding-left:.3em;margin-left:.3em;}

#footer{border-top:1px solid #555;margin-top:4em;}
#footer>.in{border-top:1px solid #CCC;}
#footer .col{margin-left:25px;}
#footer .col-1{margin-top:.375em;}
#footer .col p>img{margin-top:.5em;}
img#logoMusee{margin:0 0 0 32px;}
img#logoTheatre{margin:0 0 0.5em;}

nav a.select{/*text-decoration:underline;*/opacity:.75;}

#home #content>article{margin-top:35px;}
#home #content>article #edito>.in{padding-right:35px;}
#home #content>article a.thumb{background-color:#000;margin:1em 0;}
#home #content>article a.thumb img{margin:auto;}
#home #content .laureat>.in{padding-right:1em;}
#home #content .laureat h1{margin:1.5em 0 0 0;}
#home #content .laureat h2,
#home #content .laureat h3,
#home #content .laureat h4,
#home #content .laureat h5{margin:.35em 0 0 0;}

#projets-selectionnes #content .selectionne{margin-top:2em;}
#projets-selectionnes #content .selectionne h1{margin:1em 0 0 0;}
#projets-selectionnes #content .selectionne h4{margin:0}

#jury #content .jury-spectateurs li:not(:last-child):after{content:',';}

a.gallery{
-webkit-transition: width .5s 0s;
   -moz-transition: width .5s 0s;
     -o-transition: width .5s 0s;
        transition: width .5s 0s;
}
#content>article a.gallery:nth-of-type(6n){
-webkit-transition: width .5s 0s, margin .5s;
   -moz-transition: width .5s 0s, margin .5s;
     -o-transition: width .5s 0s, margin .5s;
        transition: width .5s 0s, margin .5s;
}
a.gallery:hover{
  -webkit-transition: width .25s .25s;
     -moz-transition: width .25s .25s;
       -o-transition: width .25s .25s;
          transition: width .25s .25s;

}
a.gallery figure>figcaption{
  -webkit-transition: left .5s;
     -moz-transition: left .5s;
       -o-transition: left .5s;
          transition: left .5s;
}

/* ------ FONTS ------ */
body{color:#00004c;font: 200 1em/1.3em "Yanone Kaffeesatz","Helvetica",sans-serif;}
b, strong{font-weight:400;}
a, a:visited{color:inherit;text-decoration:none;}
a:hover{color:#ff7832;text-decoration:underline;}
em{font-style:normal;font-variant:small-caps;text-transform:none;}
/*em{font: 400 1em 'Gentium Basic', serif;}*/


#nav{color:#fff;font-size:22px;line-height:1.3em;text-transform:uppercase;}
#nav ul>li.last a sup{font-size:.6em;}

#content h1#page-title,
#content>article>section>h1,
.bigTitle{font-weight:200;color:#ff7832;font-size:125px;line-height:1em;text-transform:uppercase;}
#content #edito h1{font-size:95px;}

#content h2{font-weight:400;color:#ff7832;font-size:1.3em;line-height:1em;text-transform:uppercase;}
#content h3{font-weight:200;color:#ff7832;font-size:1em;line-height:1em;text-transform:uppercase;}
#content h3 strong{color:#00004c;}

body:not(#home) #content>article>section{font-size:1.5em;line-height:1.3em;}
#content>article>section#other{margin-top:3em;}
#content>article figure{text-align:center;}
#content>article ul{font-weight:400;}
#content>article ul strong{font-size:.8em;font-weight:200;text-transform:uppercase;}
#content>article figcaption{text-align:left;font-size:.8em;line-height:1.1em;}
#content>article footer p{font-size:.8em;}

#content>aside #calendrier ol{line-height:1em;text-transform:uppercase;}
#content>aside #calendrier footer p{font-weight:400;}

#home #content .laureat h2,
#home #content .laureat h3,
#home #content .laureat h4,
#home #content .laureat h5,
#projets-selectionnes #content .selectionne h1,
#projets-selectionnes #content .selectionne h2,
#projets-selectionnes #content .selectionne h3,
#projets-selectionnes #content .selectionne h4{color:#00004c;font-size:1em;line-height:1em;font-weight:200;text-transform:none;}

#home #content .laureat h2,
#projets-selectionnes #content .selectionne h1{color:#ff7832;font-size:2em;line-height:1em;text-transform:uppercase;}
#home #content .laureat h3,
#projets-selectionnes #content .selectionne h2{text-transform:uppercase;}
#home #content .laureat h5,
#projets-selectionnes #content .selectionne h3{text-transform:uppercase;}
#projets-selectionnes #content .selectionne h3:before{content:' - ';}
#home #content .laureat h4,
#projets-selectionnes #content .selectionne h4{color:#ff7832;}

#home #content .laureat h1{color:#ff7832;font-size:3em;line-height:1em;text-transform:uppercase;}
#home #content .laureat footer p{font-size:1em;}
#home #content .laureat footer em,
#home #content .laureat footer strong{color:#ff7832;}


#content #date h2{color:#00004c;text-transform:uppercase;font-size:48px;line-height:1em;}
#content #date p{font-size:1.5em;}

#content #telechargement h1{font-weight:200;color:#ff7832;text-transform:uppercase;}

#content p.big{color:#ff7832;font-size:1.35em;line-height:1.3em;}
#content p.big em{font-style:normal;}
#content p.big strong{text-transform:uppercase;}
#content .jury-spectateurs li{font-weight:400;}

#content>aside li strong{text-transform:uppercase;}

#footer{font-size: .75em;line-height: 1.1em;}
#footer p{ margin: .5em 0;
  transition: position .3s;
  -moz-transition: position .3s;
  -o-transition: position .3s;
  -webkit-transition: position .3s;
}

.small{font-size:.8em;line-height:1em;}

/* ------ g.u.i. ------ */
#gui{
  color:#ccc;
	font: italic 600 9px 'Baskerville', 'Georgia', serif;
	display:block;
	position:fixed;
	bottom:6px;
	right:1em;
	z-index:10000;
	text-decoration:none;
}
#gui>*{font: italic 600 9px 'Baskerville', 'Georgia', serif;}
.js #gui h4{display:none;}


/* ------ TWEET ------ */
#jstwitter{margin-left:25px;margin-top:-35px;width:625px;display:none;float:left;}
body.twitter #jstwitter{display:block;}
body.twitter #content > article{margin-top:0;}
body.twitter #content > article h1#page-title{margin-top:.5em;}
body.twitter #content > aside{position:absolute;top:0;right:0;}
#jstwitter>.in{}
#jstwitter>.in .tweet{margin:1em;}
#jstwitter>.in .tweet .text{font-size:2em;line-height:1.3em;}
#jstwitter>.in .tweet.title .text{font-weight:bold;}