/* GENERAL */


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}


@font-face {
    font-family: 'rbno2_lightregular';
    src: url('rbno2light-webfont.eot');
    src: url('rbno2light-webfont-.eot#iefix') format('embedded-opentype'),
         url('rbno2light-webfont.woff') format('woff'),
         url('rbno2light-webfont.ttf') format('truetype'),
         url('rbno2light-webfont.svg#rbno2_lightregular') format('svg');
    font-weight: normal !important;
    font-style: normal;

}

h1, h2{ font-weight: normal;}

@media screen and (min-width: 120px) and (max-width: 800px) {
  #bio {
    font-size:10px!important;
  }
/*
  a.lien_responsive {
		height:40px!important;
		width:60px!important;
  }
*/
}

@media screen and (min-width: 800px) and (max-width: 1600px) {
  #bio {
    font-size:12px!important;
  }

}

@media screen and (min-width: 1300px) and (max-width: 2400px) {
  #bio {
    font-size:16px!important;
  }
}
html{
	background: #000;
}
#loader-gif{
	position:absolute;
	height:100%;
	width:100%;
	background: #000;
	z-index: 99999;
	top: 0;
}

#loader-gif div{
	background: url('../img/loader.gif') no-repeat;
	padding-top: 30px;
	height: 20px;
	width: 220px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -110px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-family: sans-serif;
	font-size: 15px;
	font-weight: lighter;
}

/* Votre Style */
body { font: 12px "Myriad Pro", "Lucida Grande", sans-serif; text-align: center; margin:0px; padding:0px;background:#000;}
/* inline-block */
.inbl {
	display: inline-block;
	vertical-align: top;
}

#header{
	height:50px;
	background:#fff;
}


#main {
	position:relative;
	overflow:hidden;
}

#main.video-playing{
	padding-bottom: 75px;
	z-index: 1;
}

#container {
	width:100%;
	height:100%;
	display:block;
	position: relative;
	background:none #000;
}

#nav {
	width:100%;
	background:none #000;
	color:#FFF;
	margin:0px;
	height:48px;
	/* border-bottom:2px solid #FFF; */
}

/*#detail #nav {
	height:50px;
}*/


#nav ul li {
	margin-right:4%;
	padding:12px 0;
	font-size:24px;
	font-family: 'rbno2_lightregular';
}

#nav ul li a {
	color:#FFF;
	text-decoration:none;
}

#nav ul {
	margin:0px;
	padding:0px;
	height:100%;
}

#footer {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:75px;
	background:none #000;
	color:#FFF;
	opacity:0;
}
#footer .slider1.ready{
	opacity:1;
	-webkit-transition: opacity 2s linear;
	-moz-transition: opacity 2s linear;
	-o-transition: opacity 2s linear;
	-ms-transition: opacity 2s linear;
	transition: opacity 2s linear;

}

#footer .bx-wrapper{
	margin: 0 40px !important;
}

#footer .slider1 {
	height:100%;
	text-align:left;
}

#footer .slider1 .slide{
	display:inline-block;
	border:1px solid white;
	float: left!important; 
	list-style: none outside none!important; 
	position: relative!important; 
	width: 193px!important; 
	height:65px!important;
	margin-right: 10px!important;
	padding-right:5px;
	cursor:pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;

}

#footer .slider1 .slide:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}


#footer .slider1 .slide .img{
	height:100%!important;
	width:100%;
	background-size: 50%!important;
	background-position: left top;
}
#footer .slider1 .slide .picto,.slider1 .slide .desc{
	display:inline-block;
	color:#fff;
}
#footer .slider1 .slide .picto{
	height:100%!important;
	width:50%;
	background-size:100%;
	background-position:center;
} 
#footer .slider1 .slide .desc{
	padding:5px 0;
	float:right;
	width:44%;
}





/*
.is-mouseover {
	opacity: 0.8;
}
*/

/* TEXTE */


#div_text {	
	height:40%;
	width:25%;
	z-index:5;
	position: absolute;
	top: 0px;
	left: 55%;
	vertical-align:middle;
	background-color:#dc5a42;
	font-family: 'rbno2_lightregular';
	overflow: hidden;
}

#div_text img{
	width: 35px;
	margin-bottom: -2px;
}

#div_text.is-active{
	height:100%!important;
}
#content_1{
	opacity:0;
	height:0;
}
#content_1.is-active{
	opacity:1;
}

#div_text .bio-wrapper{
	padding-bottom: 10px;	
	cursor: pointer;
}

#div_text h1 {
	font-size:50px;
	margin: 0px 5px 0px;
	color:#000;
	font-weight: normal !important;
}
#div_text h3 {
	font-size:25px;
	margin:0px;
	color:#000;	
	font-weight: normal !important;
}
#div_text span {
	margin:0px;
	color:#FFF;
	font-size:18px;
display:block;	
}
#div_text a#lire_bio {
	cursor:pointer;
	text-decoration:none;
	color:#000;
	text-align:center;
	margin:5px 0px;
	height:48px;
	width:48px;
	display: inline-block;
	background:transparent url(../img/lire_bio.png) no-repeat;
	-webkit-transition: all 250ms ;
	-moz-transition: all 250ms ;
	-ms-transition: all 250ms ;
	-o-transition: all 250ms ;
	transition: all 250ms ;
}
#content_1 {
	text-align:justify;
	font-family:Arial;
	padding:12px;
	font-size:12px;
	opacity:0;
	color:#FFF;
}

#div_text a#lire_bio:hover {
	-webkit-transform: rotate(-360deg);
	-o-transform: rotate(-360deg));
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg); 	
}
#div_text a#lire_bio.open {
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg));
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
/* POP UP AMI */
#popup{
	z-index:9999;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
}
#popup div{
	width: 280px;
	height: 180px;
	margin: -100px 0 0 -160px;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 1;
	background: #000;
	font: 12px "Arial", sans-serif;
	color: #FFF;
	text-align: center;
	padding: 20px;
}

#popup div h1{
	font-size:24px;
	font-family: 'rbno2_lightregular';
	font-weight: normal;
}

#popup div span {
	font-size:24px;
	font-family: 'rbno2_lightregular';
	color: #D15F2C;
}

#popup div #stay, #popup div #leave{
	padding: 4px 10px;
	background: #D15F2C;
	color: #fff;
	font-size: 20px;
	cursor:pointer;
}

#popup div #stay:hover, #popup div #leave:hover{
	text-decoration: underline;
}




/* PLAYERS VIDEO */
#player{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	left: 0;
}

.overlay {
	overflow:hidden;
}
.overlay.is-active{
	height:100%!important;
	width:100%!important;
	margin-left:0!important;
	top: 0px!important;
	left: 0px!important;
	z-index:100!important;
	transition:0.2s all!important;
}

#player0 
{
	z-index:0;
	height:100%;
	width:30%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#player1 
{
	z-index:0;
	height:60%;
	width:25%;
	position: absolute;
	top: 0px;
	left: 30%;

}

#player2 
{
	z-index:0;
	height:60%;
	width:25%;
	position: absolute;
	bottom: 0px;
	left: 55%;
	overflow:hidden;
}

.start-screen{
    left: 0;
    position: absolute;
    top:60%;
    width: 100%;
    cursor: pointer;
}

.start-screen h2 {
	font-family: 'rbno2_lightregular';
	color:#d85d42;
	font-weight: normal;
	margin:0px;
	padding:0px;
	font-size:30px;
}

.start-screen p {
	font-family: 'rbno2_lightregular';
	color:#FFF;
	font-size:25px;
	margin:0px;
	padding:0px;
}

#player1 .start-screen{
	top: auto;
	bottom: 0;
	background: url('../img/play_white.png') 5% center rgba(0,0,0,0.7) no-repeat;
	background-size: 15%;
	padding: 4% 0;
	text-align: left;
}



#player1 .start-screen h2,
#player1 .start-screen p,
#player0 .start-screen .inner-wrap,
#player2 .start-screen h2,
#player2 .start-screen p,
#slider .start-screen h2,
#slider .start-screen p{
	padding-left: 21%;
	text-align: left;
}


#player1 .start-screen .opac-dark,
#player0 .start-screen .opac-dark,
#player2 .start-screen .opac-dark,
#player0 .bouton_lecture,
#player1 .bouton_lecture,
#player2 .bouton_lecture{
	background: none;
	padding: 0;
}

#slider .start-screen .opac-dark{
	background: none;
	padding-left: 25px;
	position:absolute;
}

#player1 .start-screen h2, #player2 .start-screen h2, #slider .start-screen h2 {
	font-size:25px;
	/* color:#FFF; */
	font-weight: normal;
}

#player1 .start-screen p,#player2 .start-screen p  {
	font-size:18px; 
}

#player0 .start-screen,
#player1 .start-screen,
#player2 .start-screen,
#slider .start-screen{
	border-top-left-radius: 55px;
	margin-left: 5%;
	width: 95%;
	background: url('../img/play_white_center.png') -1% center rgba(0,0,0,0.7) no-repeat;
	padding: 4% 0;
	border-bottom-left-radius: 55px;
	top: auto;
	bottom: 10%;
	background-size: 22%;
}

.bouton_lecture{
	cursor:pointer;
	width:100%;
	height:100%;
	background:url(../img/play_white.png) center no-repeat;
	background-size:25%;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

.bouton_lecture:hover{
	transform: scale(1.1);
}

#slider .start-screen{
	background: url('../img/diapo_white.png') 0 center rgba(0,0,0,0.7) no-repeat;
	min-height: 55px;
}

#slider.activebox .start-screen{
	border-top-left-radius: 0;
	margin: 0;
	width: 100%;
	background: none;
	padding: 0;
	border-bottom-left-radius: 0;
	top: 0;
	bottom: auto;
	background-size: 22%;
}

#slider.activebox .start-screen h2,
#slider.activebox .start-screen p{
	padding-left: 0;
	text-align: center;
}

.video{
	background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* */

#arbre
{
	height:100%!important;
	width:20%!important;
	background-size:cover!important;
	background:#5e5d5b url(../img/combined.png) no-repeat!important;
	position: absolute!important;
	top: 0px!important;
	right: 0px!important;
	color:#000;
}

/* DIAPORAMA */
.bouton_diapo{
	cursor:pointer;
	width:100%;
	height:100%;
	background:url(../img/diapo_white.png) center no-repeat;
	background-size:25%;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

.bouton_diapo:hover{
	transform: scale(1.1);
}
.bouton_diapo{
	cursor:pointer;
	width:100%;
	height:100%;
	background:url(../img/diapo_white.png) center no-repeat;
	background-size:25%;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

.bouton_diapo:hover{
	transform: scale(1.1);
}

#slider 
{
	height:40%;
	width:25%;
	background-repeat: no-repeat;
    background-position: center center;
	background-size: cover !important;
    z-index: 100;
	position: absolute;
	bottom: 0px;
	left: 30%;
	background-color:#2b2b2b;
	cursor:pointer;
	transition:0.2s all;
}
#slider.activebox{
	height:100%;
	width:100%;
	left:0;
	transition:0.3s all;
	
}
#slider.activebox #galerie{
	padding-top: 50px;
}

#slider.activebox .start-screen h2{
	font-size: 30px;
}

#galerie .mCustomScrollbar .mCSB_buttonUp,
#galerie .mCustomScrollbar .mCSB_buttonDown{
	left: -3px;
}

#galerie .mCustomScrollBox>.mCSB_scrollTools{
	height: 98.5%;
}

#slider.activebox .start-screen{
	top: 0;
}

#open_galerie {
	height:100%;
	width:100%;
}

#player.fullscreen{
	display: block !important;
}

.fullscreen{
	z-index:10000;
}

a#retour_fullscreen {
	position:fixed;
	cursor:pointer;
	color:#DC5A42;
	font-weight:normal;
	top:10px;
	right:10px;
	display:none;
	padding-bottom: 10px;
	background: #000;
}

#diapo-page a#retour_fullscreen,
#timeline-page a#retour_fullscreen{
	display: block;
}

#nav ul li.pam-retour{
	margin: 0;
	padding: 0;
}

#nav ul li.pam-last{
	margin-right: 0;
}

.retour_galerie {
	position:fixed;	
	cursor:pointer;
	top:10px;
	right:10px;
	display:block;
	font-family: 'rbno2_lightregular';
    font-size: 24px;
	color:#fff;
	font-weight:normal;
	padding:12px 0;
}

#nav ul li.pam-info{
	position: absolute;
	right: 10px;
	margin: 0;
	padding: 10px 0 0 0;
}

#info_fullscreen_tree{
	position: absolute;
	left: 5px;
	bottom: 15px;
	z-index: 200;
	width: 25px;
	height: 25px;
}

#info_fullscreen img,
#info_fullscreen_tree img{
	width: 100%;
	border: none;
	outline: none;
}

/* galerie */ 
#galerie {
	height:100%;
	width:100%;
	background:none no-repeat #000 center center;
}

#galerie .legende,#galerie .copyright{
	display:none;
}

/*slider historique*/
#footer{
	z-index:500;
}
#detail #footer{
	z-index: 0;
}
#footer ul{
	padding:0;
}




a.lien_responsive {
	float:left;
	width:120px;
	margin:10px 8px 0;
	text-decoration: none !important;
	height: 135px;
}
a.lien_responsive .vignette-wrap{
	height:80px;
	background-size:cover;
	background-position:center top;
	border:1px solid #4f4d4d;
	display: block;
	
}
a.lien_responsive img {
	width:100%;
	height:100%;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	border:none;
}

.desc.desc-rubrique{
	color: #fff;
	text-decoration: none !important;
	text-align: left;
	font-size: 11px; 
	font-family: Arial, sans-serif !important;
}


.tooltip {
		height:15px;
		width:15px;
		display:block;
		color:red;
		font-size:26px;
	}
#dialog {
		height:250px;
		width:300px;
	}

.content{margin:0px; width:95%;height:250px; padding:8px; overflow:auto;}


.vco-container .content{margin:0px; width:auto; height:auto; padding:0; overflow:inherit;}


/* .content p:nth-child(even){color:#FFF; font-family:Georgia,serif; font-size:17px; font-style:italic;} */
/* .content p{color:#FFF; font-family:Georgia,serif; font-size:17px; font-style:italic;} */
/* .content p:nth-child(3n+0){color:#FFF;} */


/*****************/
/* PAGES DU MENU */
/*****************/

/*contenus*/
.pagemenu .item_texte{
	font: 12px "Arial", sans-serif;
	color: #7f7e7e;
	text-align:justify;
}

.pagemenu .item_texte h1{
	font-size:24px;
	font-family: 'rbno2_lightregular';
}

.pagemenu .item_texte h2{
	font-size:22px;
	font-family: 'rbno2_lightregular';
}

.pagemenu .item_texte h1 span{
	color:#DC5A42;
}
.pagemenu .item_texte p>strong{
	color:#bfbebd;
}

/*divers*/
.pagemenu .menu_ouvert {
    background: url("../img/fleche_menu.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.pagemenu .menu_ouvert a {
    color: #DC5A42!important;
}

.pagemenu #arbre{
	position:absolute;
	left:100%;
	z-index:5;
	overflow: visible;
}

.pagemenu #arbre #treebox{
	left: 0 !important;
}

.pagemenu #arbre:hover{
	left: 80%;
}

.pagemenu #arbrebtn{
	position:absolute;
	top:45%;
	left:-52px;
	width:52px;
	height:57px;
	cursor:pointer;
	background:url('../img/show-tree.png') center center no-repeat;
	transition:all 500ms;
	z-index:10;
}

.pagemenu #arbrebtn.ouvert{
	left:0px;
	background:url(../img/btn_ouvert2.png);
	transition:all 500ms;
	z-index:10;
}

.pagemenu ::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

.pagemenu  ::-webkit-scrollbar-track {
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

.pagemenu  ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;}


  
#objets #accordion1{
	overflow:hidden;
}

#objets #accordion1 ul li.active div{	
	overflow:auto;
}

#contexte #container{
	min-height:100%!important;
	min-width:100%;
	background:#000;
}

#personnes-portraits .nomG{
	font-size:32px;
	font-family: 'rbno2_lightregular';
	color:#7f7e7e;
}
#personnes-portraits .nomG span{
	color:#DC5A42;
}
#personnes-portraits .titre{
	font-size:20px;
	font-family: 'rbno2_lightregular';
	color:#fff;
}


#personnes-portraits .item_texte{
	background:#000;
	opacity:0.92;
	overflow:auto;
}
#personnes-portraits .item_texte .detail-personnes{
	margin:10px;
}

#personnes-portraits .pers-hide{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    float: right;
    font-family: 'rbno2_lightregular';
    font-size: 24px;
    padding: 5px 12px;
}
#personnes-portraits .pers-hide:first-letter{
	text-transform: capitalize;
}

#lieux #map .opener,
#themes #map .opener{
	/*width:100px;
	height:75px;*/
	position:absolute;
	cursor:pointer;
}
#lieux #map .opener>div,
#themes #map .opener>div{
	display:none;
}

#lieux .item_texte h1,
#themes .item_texte h1{
	margin-top:0;
}

#lieux .ui-widget,
#themes .ui-widget{
	background:#000!important;
}

#lieux .ui-widget-overlay,
#themes .ui-widget-overlay {
	background:#000000 !important;
	opacity: 0.5 !important;
}
	
#lieux .ui-dialog-titlebar,
#themes .ui-dialog-titlebar{
	background:#000!important;
	margin:0!important;
	border:0!important;
	border-radius:0!important;
	float:right;
}

#lieux .ui-dialog,
#themes .ui-dialog {
    left: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    position: absolute;
    top: 0;
}
#lieux .ui-dialog .ui-dialog-titlebar,
#themes .ui-dialog .ui-dialog-titlebar {
    padding-bottom: 0.4em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.4em;
    position: relative;
	width:90%;
}
#lieux .ui-dialog .ui-dialog-title,
#themes .ui-dialog .ui-dialog-title {
    float: none;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.1em;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}
#lieux .ui-dialog .ui-dialog-titlebar-close,
#themes .ui-dialog .ui-dialog-titlebar-close {	
	cursor:pointer;
	border:none;
	width:auto;
	height:21px;
	line-height: 12px !important;
}

#lieux .ui-dialog .ui-dialog-titlebar-close:focus,
#lieux .ui-dialog .lien_responsive:focus,
#themes .ui-dialog .ui-dialog-titlebar-close:focus,
#themes .ui-dialog .lien_responsive:focus{
	outline: none;
}
#lieux .ui-dialog .ui-dialog-titlebar-close span,
#themes .ui-dialog .ui-dialog-titlebar-close span {
	display:none;
}
#lieux .ui-dialog .ui-dialog-titlebar-close:after,
#themes .ui-dialog .ui-dialog-titlebar-close:after {
	content:"Fermer";
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    float: right;
    font-family: 'rbno2_lightregular';
    font-size: 24px;
    padding: 5px 5px;
}



#lieux .ui-dialog .ui-dialog-content,
#themes .ui-dialog .ui-dialog-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    position: relative;
}
#lieux .ui-dialog .ui-dialog-buttonpane,
#themes .ui-dialog .ui-dialog-buttonpane {
    background-image: none;
    border-bottom-width: 0;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-width: 1px;
    margin-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.4em;
    padding-right: 1em;
    padding-top: 0.3em;
    text-align: left;
}
#lieux .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
#themes .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
#lieux .ui-dialog .ui-dialog-buttonpane button,
#themes .ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0.4em;
    margin-top: 0.5em;
}
#lieux .ui-dialog .ui-resizable-se,
#themes .ui-dialog .ui-resizable-se {
    background-position: 16px 16px;
    bottom: -5px;
    height: 12px;
    right: -5px;
    width: 12px;
}

/* PAGES EN CONSTRUCTION */

#construction{
	background:url(../img/construction_fonce.png)no-repeat center center #000;
	text-align:center;
	font-family:'rbno2_lightregular';
	color: #FFFFFF;
	font-size:88px;
	height:100%;
}
#construction span{
	display: inline-block;
    left: 50%;
    margin-left: -245px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
	color:#7F7E7E;
}
#construction a{
	position:absolute;	
	cursor:pointer;
	top:0px;
	right:10px;
	text-decoration:none;
	font-family: 'rbno2_lightregular';
    font-size: 24px;
	color:#fff;
	background:#000;
	font-weight:normal;
	padding:12px 0;
}

.opac-dark{
	background: rgba(0, 0, 0, 0.42);
	padding: 0 10px;
}





@media screen  and (max-width: 1050px) {
	.start-screen p {
		font-size: 18px;
	}
	
	.start-screen h2,
	#player1 .start-screen h2,
	#player2 .start-screen h2,
	#slider .start-screen h2,
	#div_text h3{
		font-size: 20px;
	}
	
	#div_text h1{
		font-size: 25px;
	}
	#div_text img{
		width: 22px;
	}
}

html.small-window .start-screen h2,
html.small-window #player1 .start-screen h2,
html.small-window #player2 .start-screen h2,
html.small-window #slider .start-screen h2,
html.small-window #div_text h3{
	font-size: 20px;
}

html.small-window #div_text h1{
	font-size: 25px;
}

html.small-window .bloc_pers .nom_pers{
	width: auto;
	height: auto;
	padding: 5px 10px;
}

html.small-window #personnes-portraits .nomG{
	font-size: 22px;
}

html.small-window #div_text img{
	width: 22px;
}

#mentions-legales header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
#mentions-legales #main{
	color: #fff;
	font-family: arial;
	font-weight: normal;
}
#mentions-legales #main #copy{
	padding: 40px 0;
	width: 80%;
	margin: 0 auto;
	text-align: left;
}


#mentions-legales #main a{
	color: #DC5A42;
	text-decoration: none;
}

#mentions-legales #main a:hover, #mentions-legales #main a:focus{
	text-decoration: underline ;
}

#mentions-legales a#retour_fullscreen{
	display: block !important;
	z-index: 5;
	display: block;
	color: #fff;
	font-size: 20px;
	font-family: 'rbno2_lightregular';
	text-decoration: none;
}



#webdocu-timeline{
	height: 100%;
	width: 100%;
}

/*timeline*/
.vco-storyjs .caption, .media-container .credit {
	font-size: 16px !important;
}

.vco-storyjs ul{
	list-style:none;
	color: #AAAAAA;
	font-size: 12px;
	font-family: arial,sans-serif !important;
	list-style-type:square !important;
	
	
}
.vco-storyjs li{
	line-height: 2 !important;
	font-size: none !important;
}

.flag-content h3{
	color: #fff !important;
}

.vco-timeline .vco-navigation .timenav .time .time-interval div.era{
	margin-top: 2px !important;
	font-size: 14px; 
}

div.era{
	margin-left: 17px !important;
}


	
#themes #mask {
	overflow: hidden;
	background:url('../img/theme-bg.jpg') #d6d6d6 no-repeat;
/* 	background:url('../img/test3.jpg') #d6d6d6 no-repeat; */
	height:100%;
	width: 100%;
	background-size: auto 100%;
	background-position: center;
    left: 0;
    right: 0;
    margin: 0;
}

#themes #map {
    height: 100%;
	background-size: 100% 100%;
	background-position: center;
	margin: 0 auto;
	position: relative;
}
	
#themes #map .opener{
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
	
	opacity: 1;
	filter: alpha(opacity=100);
}


#themes #map .opener:hover{
	opacity: 0.4;
	filter: alpha(opacity=40);
}



#nc-page #container{
	border-top: 6px solid #000;
}

#nc-page #container .left,
#nc-page #container .right{
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
	color: #fff;
	font-size: 19px;
	line-height: 28px;
    font-family: 'rbno2_lightregular';
}

#nc-page #container .left .bottom-block,
#nc-page #container .left .top-img{
	border-right: 3px solid #000;
}
#nc-page #container .right .bottom-block,
#nc-page #container .right .top-img{
	border-left: 3px solid #000;
}

#nc-page #container .top-img{
	height: 58%;
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin-bottom: -36px;
}

#nc-page #container .copyright{
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
	opacity: 0;
}

#nc-page #container .top-img img{
	width: 100%;
	display: block;
}

#nc-page #container .bottom-block{
	position: relative;
	height: 42%;
}

#nc-page #container .left:hover .copyright,
#nc-page #container .right:hover .copyright{
	opacity: 1;
}

#nc-page #container .left .top-img{
	background: url('../img/geo.jpg') no-repeat center center;
	background-size: cover;
}
#nc-page #container .right .top-img{
	background: url('../img/histoire.jpg') no-repeat center center;
	background-size: cover;
}

#nc-page #container .left .bottom-block{
	background: url('../img/left-bg.jpg') no-repeat center center;
	background-size: cover;
}
#nc-page #container .right .bottom-block{
	background: url('../img/right-bg.jpg') no-repeat center center;
	background-size: cover;
}

#nc-page #container .bottom-block p{
	position: absolute;
	bottom: 10px;
	line-height: 18px;
	text-align: right;
	right: 10px;
	margin: 0;
	max-width: 80%;
	font-size: 15px;
	margin: 0;
	z-index: 20;
}

#nc-page h2{
	font-size: 30px;
	color: #DC5A42;
	text-transform: uppercase;
	margin: 0;
	padding: 4px 0;
	background: rgba(0,0,0, 0.8);
}

/*
@media screen and (max-width: 1310px) {
	#nc-page #container .bottom-block p{
		font-size: 15px;
		line-height: 22px;
	}
}
*/

#nc-page #container .button{
	cursor:pointer;
	height:46px;
	line-height: 46px;
	width: 256px;
	text-align: center;
	position: absolute; 
	background:#D85D42;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
	z-index: 10;
	top: 50%;
	margin-top: -23px;
	left: 50%;
	margin-left: -128px;
}

#nc-page #container .button a{
	display: block;
	height: 100%;
	width: 100%;
	color: #fff;
	text-decoration: none;
	font-size: 30px;
}






#lexique #container{
	color: #fff;
	text-align: left;
}

#lexique .directory{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	max-width: 1070px;
	position: relative;
	
}

#lexique .directory .inner-wrap{
	height: 100%;
	clear: both;
	overflow: hidden;
	position: relative;
	padding: 0 15px;
}

#lexique .directory .master-view{
	height: 92%;
	position: absolute;
	top: 4%; bottom: 4%;
	left: 0;
	width: 25%;
	font-family: 'rbno2_lightregular';
	font-size: 25px;
	font-weight: lighter;
	border: 1px solid #5e5e5e;
	border-radius: 5px;
}

#lexique .directory .lexique-header{
	color: #5e5e5e;
	border-bottom: 1px solid #5e5e5e;
	width: 100%;
	display: block;
	padding-left: 5px;
}

#lexique .directory .mCSB_container{
	margin-right: 20px !important;
}

#lexique .directory .detail-view{
	height: 92%;
	position: absolute;
	top: 4%; bottom: 4%;
	right: 0;
	width: 70%;
	font-size: 14px;
	font-weight: lighter;
	color: #d2d2d2;
	line-height: 18px;
}

#lexique .directory .detail-view h2,
#lexique .directory .detail-view h3{
	font-family: 'rbno2_lightregular';
	font-weight: lighter;
}

#lexique .directory .detail-view h2{
	color: #DC5A42;
	font-size: 32px;
}

#lexique .directory .detail-view h3{
	font-size: 26px;
}

#lexique .directory .detail-view h4{
	font-size: 19px;
	font-family: 'rbno2_lightregular';
	font-weight: lighter;
	margin: 10px 0 5px;
}

#lexique .directory .detail-view a{
	color: #DC5A42;
	text-decoration: none;
}

#lexique .directory .detail-view a:hover{
	text-decoration: underline;
}

#lexique .directory .detail-view ul li{
	margin-bottom: 5px;
}

#lexique .directory .detail-view .source{
	padding: 15px 0 0;
	color: #999;
}

#lexique .directory .name{
	cursor: pointer;
	padding-left: 10%;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	line-height: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 4px 0;
}

#lexique .directory .name p{
	margin: 0;
}

#lexique .directory .name:hover,
#lexique .directory .name.active{
	background-color: #DC5A42;
}


#diapo-page .placeholder .img-content {
	text-align: left;
}

#diapo-page .placeholder .img-content .legend{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 10px;
}


#diapo-page .placeholder .img-content .copyright{
	font-size: 10px;
	line-height: 14px;
}


/*


#objets #accordion1 ul li .containerObj{
	width: 0 !important;
	position: absolute;
	right: 0;
	left: auto !important;
}

#objets #accordion1 ul li .containerObj div{
	left: auto !important;
}

#objets #accordion1 ul li.active .containerObj{
	width: 190px !important;
}
*/