@charset "UTF-8";
/* CSS Document */

#DN_body
{
	margin:0;
	padding:0;
	
	color:#000000;
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-size:12pt;
	
	background-color:#ffffff;
}

#DN_body img
{ 
	margin:0;
	padding:0;
	border:none;
	color:#000000;
}

#DN_body p
{
	margin:0;
	padding:0;
}

#DN_body a
{
	color:#000000;
	font-weight:bold;
}

#DN_body a:link,
#DN_body a:visited,
#DN_body a:hover,
#DN_body a:active
{
	text-decoration:underline;
}

#DN_body h1,
#DN_body h2,
#DN_body h3,
#DN_body h4
{
	margin:0;
	padding:0;
}

#DN_body b,
#DN_body .bold
{
	font-weight:bold;
}


/* ------------------------------------------ */
/* ------------------ GAME ------------------ */
/* ------------------------------------------ */

#DN_site
{
	width:1000px;
	height:750px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	
	background-color:#ffffff;
}

#DN_titre
{
	width:1000px;
	height:131px;
	top:108px;
	
	color:#2d2d37;
	font-family:"gotham-black", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
	position:absolute;
	z-index:199;
	
	cursor:default;
	-moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
#DN_titre h1
{
	margin-top:22px;
}
#DN_titre h1 .ligne-1
{
	color:#bd3a1d;
	font-size:53px;
	letter-spacing:-0.5px;
	display:block;
}
#DN_titre h1 .ligne-2
{
	margin-top:-18px;
	font-size:67px;
	display:block;
}

#DN_titre .soustitre
{
	margin-top:2px;
	font-size:27px;
	font-family:"helvetica-neue", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#DN_chargement
{
	width:1000px;
	bottom:240px;
	
	position:absolute;
	z-index:200;
}

#DN_site .bt-quiz
{
	position:absolute;
	top:0px;
	right:0px;
	
	z-index:8;
	cursor:pointer;
}


/* ------------------------------------------- */
/* ------------------ INTRO ------------------ */
/* ------------------------------------------- */

#DN_intro
{
	width:1000px;
	height:750px;
	position:absolute;
	left:0px;
	top:0px;
	
	z-index:100;
	background-color:#ffffff;
	background-image:url(../IMAGES/bg-intro.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
#DN_intro h1
{
	position:relative;
	top:50px;
	
	font-size:24pt;
	color:#ffffff;
}
#DN_intro #DN_loading
{
	position:absolute;
	left:390px;
	bottom:40px;
}
#DN_intro .bt-page
{
	position:absolute;
	bottom:110px;
	
	color:#ffffff;
	font-size:25px;
	font-family:"impacted", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
	background-position:top center;
	background-repeat:no-repeat;
	
	cursor:pointer;
	display:none;
	opacity:0;
	
	-moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
#DN_intro .bt-page .categorie
{
	width:100%;
	line-height:28px;
	position:absolute;
	bottom:19px;
	left:0px;
}
#DN_intro #DN_intro-2-1 .categorie span
{
	font-size:42px;
}

#DN_intro #DN_intro-1-1
{
	left:80px;
	width:258px;
	height:259px;
	background-image:url(../IMAGES/bt-les-origines.png);
}
#DN_intro #DN_intro-2-1
{
	left:351px;
	width:298px;
	height:299px;
	background-image:url(../IMAGES/bt-le-jour-j.png);
}
#DN_intro #DN_intro-3-1
{
	right:80px;
	width:258px;
	height:259px;
	background-image:url(../IMAGES/bt-la-liberation.png);
}

#DN_intro .bt-credits
{
	position:absolute;
	bottom:10px;
	left:10px;
	
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	text-decoration:underline;
	text-transform:uppercase;
	text-align:left;
	
	cursor:pointer;
}

#DN_bt-hub
{
	top:95px;
	z-index:8;
}
.bt-hub
{
	position:absolute;
	bottom:0px;
	right:0px;
	
	z-index:200;
	cursor:pointer;
}

/* ------------------ CREDITS ------------------ */

#DN_credits
{
	width:667px;
	height:321px;
	padding-top:122px;
	position:absolute;
	left:166px;
	top:290px;
	
	display:none;
	opacity:0;
	
	background-image:url(../IMAGES/bg-credits.png);
	z-index:101;
}

#DN_credits .bt-fermer-credits
{
	position:absolute;
	top:-24px;
	left:9px;
	
	cursor:pointer;
}

#DN_credits p
{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	font-family:"rockwell", Arial, Helvetica, sans-serif;
}
#DN_credits p.top
{
	margin:22px 0px 8px 0px;
	
	color:#d8d3be;
	font-size:16px;
	text-transform:uppercase;
}

#DN_body #DN_credits a
{
	color:#ffffff;
	text-decoration:none;
}


/* ------------------------------------------ */
/* ------------------ MENU ------------------ */
/* ------------------------------------------ */

#DN_menu
{
	width:1000px;
	height:51px;
	position:absolute;
	top:130px;
	left:0px;
	
	z-index:8;
	background-image:url(../IMAGES/bg-menu.png);
	background-position:top center;
	background-repeat:no-repeat;
}
#DN_menu .bt-page.menu
{
	position:absolute;
	top:10px;
	
	color:#FFF;
	font-size:14pt;
	font-weight:bold;
	font-family:"helvetica-neue", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
	cursor:pointer;
	display:none;
	
	-moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
#DN_menu .bt-page.menu.on
{
	border-bottom:1px solid #ffffff;
}
#DN_menu .bt-page.sousmenu
{
	padding-left:4px;
	border-left:1px solid #64605d;
	position:absolute;
	top:55px;
	
	color:#b6b2a7;
	font-size:11px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	text-transform:uppercase;
	text-align:left;
	
	cursor:pointer;
	
	-moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
#DN_menu .bt-page.sousmenu.on
{
	border-left:1px solid #000000;
	color:#ffffff;
	font-size:13px;
}
#DN_menu .bt-page.sousmenu img
{
	position:absolute;
	left:-13px;
	top:-28px;
}
#DN_menu .bt-page.sousmenu span
{
	margin:1px 0 1px;
	padding:2px;
	
	background-color:#64605d;
	display:inline-block;
}
#DN_menu .bt-page.sousmenu.on span
{
	background-color:#000000;
}

#DN_menu .picto
{
	position:absolute;
	left:29px;
	top:39px;
}

#DN_menu #DN_menu-1-1
{
	left:20px;
}
#DN_menu #DN_menu-2-1
{
	left:378px;
}
#DN_menu #DN_menu-3-1
{
	left:758px;
}

#DN_menu #DN_sousmenu-1-1
{
	left:36px;
}
#DN_menu #DN_sousmenu-1-2
{
	left:234px;
}
#DN_menu #DN_sousmenu-2-1
{
	left:412px;
}
#DN_menu #DN_sousmenu-2-2
{
	left:588px;
}
#DN_menu #DN_sousmenu-3-1
{
	left:845px;
}


/* -------------------------------------------- */
/* ------------------ OBJETS ------------------ */
/* -------------------------------------------- */

#DN_inventaire
{
	width:233px;
	height:45px;
	position:absolute;
	left:25px;
	top:-50px;
	
	z-index:200;
	background-image:url(../IMAGES/bg-inventaire.png);
	background-position:top center;
	background-repeat:no-repeat;
}

#DN_inventaire img
{
	position:absolute;
	top:0px;
	
	cursor:pointer;
	display:none;
	opacity:0;
}

#DN_inventaire img#DN_inventaire-1
{
	left:1px;
	background-image:url(../IMAGES/objets/inventaire-1.png);
}
#DN_inventaire #DN_inventaire-2
{
	left:51px;
	background-image:url(../IMAGES/objets/inventaire-2.png);
}
#DN_inventaire #DN_inventaire-3
{
	left:100px;
	background-image:url(../IMAGES/objets/inventaire-3.png);
}
#DN_inventaire #DN_inventaire-4
{
	left:143px;
	background-image:url(../IMAGES/objets/inventaire-4.png);
}
#DN_inventaire #DN_inventaire-5
{
	left:182px;
	background-image:url(../IMAGES/objets/inventaire-5.png);
}

#DN_site .bt-objet
{
	width:60px;
	position:absolute;
	cursor:pointer;
	z-index:2;
}
#DN_site .bt-objet.on
{
	
}


/* ------------------------------------------- */
/* ------------------ PAGES ------------------ */
/* ------------------------------------------- */

#DN_site .page
{
	width:1000px;
	height:750px;
	position:absolute;
	bottom:0px;
	left:0px;
	
	background-position:top center;
	background-repeat:no-repeat;
	
	display:block;
	opacity:0;
	z-index:1;
}

#DN_site .page h2,
#DN_lightbox h2,
#DN_credits h2,
#DN_quiz h2,
#DN_site .page h3
{
	display:none;
	visibility:hidden;
	opacity:0
}

#DN_page-1-1
{
	background-image:url(../IMAGES/bg-1.jpg);
}

#DN_page-1-2
{
	background-image:url(../IMAGES/bg-1.jpg);
}

#DN_page-2-1
{
	background-image:url(../IMAGES/bg-2.jpg);
}

#DN_page-2-2
{
	background-image:url(../IMAGES/bg-2.jpg);
}

#DN_page-3-1
{
	background-image:url(../IMAGES/bg-3.jpg);
}

/* ------------------ CARTE ------------------ */

#DN_site .carte
{
	position:absolute;
	background-color:#CCC;
}

#DN_site .carte img
{
	position:absolute;
	display:block;
	
	-moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}

#DN_site .carte .bt-play
{
	position:absolute;
	bottom:-1px;
	left:0px;
	
	cursor:pointer;
	z-index:1;
	
	-moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}

/* ------------------ TEXTE G/D ------------------ */

#DN_site .gauche,
#DN_site .droite,
#DN_site .texte
{
	text-align:left;
	position:absolute;
	background-repeat:no-repeat;
}

#DN_site .texte h4
{
	margin-bottom:10px;
	line-height:28px;
	
	color:#d8d3be;
	font-size:25px;
	font-family:"impacted", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#DN_site .texte h4.petit
{
	margin-bottom:6px;
	line-height:18px;
	
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	font-family:"rockwell", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#DN_site .texte p
{
	line-height:20px;
	
	color:#ffffff;
	font-size:14px;
	font-family:"rockwell", Arial, Helvetica, sans-serif;
}
#DN_site .texte p.petit
{
	text-align:center;
	line-height:15px;
	font-size:12px;
}
#DN_site .texte .date
{
	margin-bottom:14px;
	display:inline-block;
	
	font-size:30px;
	font-family:"impacted", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#DN_site .texte .intitule
{
	margin-bottom:6px;
	line-height:18px;
	
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	font-family:"rockwell", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#DN_page-1-1 .gauche
{
	background-image:url(../IMAGES/img-gauche-1.png);
}
#DN_page-1-1 .droite
{
	background-image:url(../IMAGES/img-droite-1.png);
}
#DN_page-1-2 .gauche
{
	background-image:url(../IMAGES/img-gauche-2.png);
}
#DN_page-1-2 .droite
{
	background-image:url(../IMAGES/img-droite-2.png);
}
#DN_page-2-1 .gauche
{
	background-image:url(../IMAGES/img-gauche-3.png);
}
#DN_page-2-1 .droite
{
	background-image:url(../IMAGES/img-droite-3.png);
}
#DN_page-2-2 .gauche
{
	background-image:url(../IMAGES/img-gauche-4.png);
}
#DN_page-2-2 .droite
{
	background-image:url(../IMAGES/img-droite-4.png);
}
#DN_page-3-1 .gauche
{
	background-image:url(../IMAGES/img-gauche-5.png);
}
#DN_page-3-1 .droite
{
	background-image:url(../IMAGES/img-droite-5.png);
}

/* ------------------ BLOC ------------------ */

#DN_site .bt-plus
{
	position:absolute;
	cursor:pointer;
	z-index:2;
}

#DN_site .bloc,
#DN_site .tresor
{
	width:200px;
	height:100px;
	position:absolute;
	left:60px;
	top:120px;
	
	background-position:top center;
	background-repeat:no-repeat;
	
	cursor:move;
	display:block;
	opacity:0;
	z-index:200;
	
	-moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
#DN_site .tresor
{
	width:485px;
	height:346px;
	position:absolute;
	left:257px;
	top:282px;
	
	cursor:default;
	background-image:url(../IMAGES/bg-objet.png);
	z-index:300;
}

#DN_site .bloc h4,
#DN_site .tresor h3
{
	padding-bottom:12px;
	position:relative;
	top:40px;
	
	color:#ffffff;
	font-size:25px;
	font-family:"impacted", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
	background-image:url(../IMAGES/sous-ligne.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	
	display:inline-block;
}
#DN_site .tresor h3
{
	top:18px;
	color:#302113;
	background-image:url(../IMAGES/sous-ligne-bis.png);
}
#DN_site .bloc h5
{
	margin-bottom:6px;
	line-height:20px;
	
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	font-family:"rockwell", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#DN_site .bloc h6
{
	line-height:20px;
	
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	font-family:"rockwell", Arial, Helvetica, sans-serif;
}
#DN_site .bloc p,
#DN_site .tresor p
{
	line-height:19px;
	
	color:#d8d3be;
	font-size:14px;
	font-family:"rockwell", Arial, Helvetica, sans-serif;
}
#DN_site .tresor p
{
	line-height:17px;
	color:#5b4831;
}

#DN_site .bloc .info,
#DN_site .tresor .info
{
	position:absolute;
	text-align:left;
}
#DN_site .tresor .info
{
	width:437px;
	left:28px;
}
#DN_site .bloc img,
#DN_site .tresor img
{
	position:absolute;
}

#DN_site .bloc .bt-fermer
{
	position:absolute;
	right:31px;
	top:28px;
	
	cursor:pointer;
}
#DN_site .tresor .bt-fermer
{
	position:absolute;
	right:6px;
	top:1px;
	
	cursor:pointer;	
}

#DN_lightbox
{
	width:1000px;
	height:750px;
	
	position:absolute;
	left:0px;
	top:0px;
	
	background-image:url(../IMAGES/bg-lightbox.png);
	background-position:center;
	background-repeat:repeat;
	
	z-index:250;
	display:none;
	opacity:0;
}
#DN_lightbox p
{
	position:relative;
	top:232px;
	
	color:#2d2d37;
	font-size:35px;
	font-family:"impacted", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
	display:inline-block;
}


/* ------------------------------------------ */
/* ------------------ QUIZ ------------------ */
/* ------------------------------------------ */

#DN_quiz
{
	width:1000px;
	height:750px;
	position:absolute;
	left:0px;
	top:0px;
	
	display:none;
	opacity:0;
	
	z-index:100;
	background-color:#ffffff;
	background-image:url(../IMAGES/quiz/bg-quiz.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#DN_quiz .bt-fermer-quiz
{
	position:absolute;
	top:206px;
	left:175px;
	
	z-index:101;
	cursor:pointer;
}

#DN_quiz #DN_iframe
{
	width:667px;
	height:443px;
	position:absolute;
	left:166px;
	top:230px;
	
	overflow:hidden;
	
	z-index:100;
	background-image:url(../IMAGES/quiz/bg-quiz-intro.png);
	background-position:top center;
	background-repeat:no-repeat;
}