a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {line-height: 1}

ol,ul {list-style: none}

blockquote,q {quotes: none}

blockquote:after,
blockquote:before,
q:after,
q:before {content: "";content: none}

table {border-collapse: collapse;border-spacing: 0}

/* FONT FACES 
********************/
@font-face {
  font-family: 'Akzidenz-Regular';
  src: url("../fonts/AkzidenzGroteskStd-Reg.otf") format('truetype');
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'Akzidenz-Light';
  src: url("../fonts/AkzidenzGroteskStd-Light.otf") format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'Akzidenz-Medium';
  src: url("../fonts/AkzidenzGroteskStd-Md.otf") format('truetype');
   /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }	
@font-face {
  font-family: 'Akzidenz-Bold';
  src: url("../fonts/AkzidenzGroteskStd-Bold.otf") format('truetype');
   /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
	/*
html {
 touch-action:none;
}
html, body {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
*/
a:hover {
cursor: auto;
}

/**************** STRUCTURE ************************/
body{font-family: 'arial';color:black;background-size:cover;background-repeat: no-repeat;overflow-y: hidden;letter-spacing:0.32px}

body::-webkit-scrollbar { 
    display: none; 
}

.col-1 {width: 6.6%;}
.col-2 {width: 13.2%;}
.col-3 {width: 19.8%;}
.col-4 {width: 26.4%;}
.col-5 {width: 33%;}
.col-6 {width: 39.6%;}
.col-7 {width: 46.2%;}
.col-8 {width: 52.8%;}
.col-9 {width: 59.4%;}
.col-10 {width: 66%;}
.col-11 {width: 72.6%;}
.col-12 {width: 78.9%;}
.col-13 {width: 85.8%;}
.col-14 {width: 92.4%;}
.col-15 {width: 99%;}



a,a:hover,a:focus{color:black;text-decoration: none}
.page{display:none;position:fixed;top:0;left:0;height:1080px;width:1860px;background-repeat: no-repeat;padding:0 60px}
#page_lieu{display:block}
#page_biographie{position:relative;}
em{font-style: italic}
sup{position: relative;bottom: 1px;font-size: .7em;line-height: .7em;vertical-align:super;text-decoration:none;}
.header{position:fixed;top:0px;left:0px;width:auto;z-index:9}
h1{font-size: 25px;color:rgba(255, 255, 255, 0.6);margin-bottom:10px;letter-spacing:0.8px;text-transform: uppercase;font-family:Akzidenz-Bold}
h2{font-size: 16px;color:rgba(255, 255, 255, 0.6);margin-bottom:10px;text-transform: uppercase;font-family:Akzidenz-Medium}

.biographie{background:#6aa087}
.theme{background:#b27574}
.lieu{background:#ae9142}
.nav-bar{position:fixed;bottom:0;left:0;height:106px;text-align: center;width:784px;z-index:1;margin:0 568px}
.nav-bar ul{display:block;width:100%}
.nav-bar ul li{height:46px;float:left;margin-right:0px;padding:46px 0px 23px 0px;text-transform: uppercase;width:258px;text-align: center;color:white;position:relative;margin-right:5px}
.nav-bar ul li a{display:block;position:relative;width:80%;margin:0 auto}
.nav-bar ul li.last{margin-right:0}
.nav-bar ul li.actif{background:#FFF;}
.nav-bar ul li.nav_lieu a span{padding-left:60px}
.nav-bar ul li.nav_lieu svg{display:block;width:35px;position:absolute;left:50px;top:-65px;stroke:#fff;fill:none;stroke-miterlimit:10;stroke-width:1.4px;}
.nav-bar ul li.actif.nav_theme{background:#b27574}
.nav-bar ul li.nav_theme a span{padding-left:60px}
.nav-bar ul li.nav_theme svg{display:block;width:40px;position:absolute;left:35px;top:-65px;fill:#fff;}
.nav-bar ul li.actif.nav_biographie{background:#6aa087}
.nav-bar ul li.nav_biographie{}
.nav-bar ul li.nav_biographie a span{padding-left:60px}
.nav-bar ul li.nav_biographie svg{display:block;width:45px;position:absolute;left:-2px;top:-65px;stroke:#fff;fill:none;stroke-miterlimit:10;stroke-width:1.4px;}


.nav-bar ul li a{font-family:Akzidenz-Regular;text-transform: uppercase;font-size: 20px;color:inherit;}
#wrap_lang_selector{position:fixed;left:60px;bottom:45px;}
#wrap_lang_selector a{margin-left:10px;font-family:Akzidenz-Regular;text-transform: uppercase;font-size: 20px;color:white;opacity:0.6;text-decoration: none;}
#wrap_lang_selector a.actif{opacity:1;text-decoration: underline;cursor:default;}
#wrap_lang_selector a.border{border-right:solid 2px white;padding-right:10px}

#wrap_credits{position:fixed;right:60px;bottom:45px;}
#wrap_credits a{margin-left:10px;font-family:Akzidenz-Regular;text-transform: uppercase;font-size: 20px;color:white;opacity:0.6;text-decoration: none;}
#wrap_credits a.actif{opacity:1;text-decoration: underline;cursor:default;}
#wrap_credits a.border{border-right:solid 2px white;padding-right:10px}


#wrap_credits{position:fixed;right:60px;bottom:45px;}
#wrap_credits a{margin-left:10px;font-family:Akzidenz-Regular;font-size: 20px;color:white;opacity:1;text-decoration: underline;}
.modal{text-align:center;width:100%;height:100%;left:0;top:0;z-index:9999999999;position:fixed;display:none}
.modal_close{position:absolute;right:20px;top:20px;background:url("../icon/icon_modal_close.png");width:15px;height:15px; }
.wrap_modal{padding:50px}

.btn_modal{font-family: 'Akzidenz-Regular';font-size:30px;color:#FFF;position:absolute;width:281px;height:66px;padding-top:40px}
.btn_modal:hover,.btn_modal:active{color:white}
.btn_modal.last{margin-right:0}
.wrap_btn_modal{margin-top:50px;text-align: center}

#mask_modal{z-index:9999999998}
.wrap_session{background: white;width:888px;height:464px;position:absolute;left:512px;top:308px}
.wrap_session .count_session{font-family: 'Akzidenz-Regular';font-size:80px;color:black;margin-top:36px}
.wrap_session .txt_session_1{font-family: 'Akzidenz-Regular';font-size:40px;color:black;;margin-top:47px}
.wrap_session .txt_session_2{font-family: 'Akzidenz-Regular';font-size:28px;color:black;;margin-top:11px}
.num_version{font-family: 'Akzidenz-Regular';font-size:24px;color:black;;margin-top:11px;position:absolute;left:1820px;top:100px}

.filtered {position: absolute;width:100%;height:100%;left:0;top:0;}
.filtered_bkg{-webkit-filter: grayscale(100%);filter: grayscale(100%);width:100%;height:100%;opacity:0.5}

.home-layout .home_app{width:50%;margin:200px auto}
.home-layout{background: gray;}
.home-layout .home_app h1{font-size: 3em;text-transform: uppercase;margin-bottom:50px}
.home-layout .home_app ul{padding-left:50px}
.home-layout .home_app ul li{margin-bottom:30px}
.home-layout .home_app ul li a{color:white;font-size:1.5em}

/**************** LIEU ************************/
.btn_camp{position:absolute;width:270px;max-width:350px}
.btn_camp a{font-family: 'Akzidenz-Regular';font-size:19px;position:relative;z-index:10;padding:20px;text-align: center;display:inline-block;border:solid 1px white;border-radius:10px;color:white;min-width: 130px;}
.btn_camp span{font-family: 'Akzidenz-Regular';font-size:15px;z-index:9;position:absolute;left:00px;top:-25px;padding:6px 10px 10px 10px;text-align: center;display:inline-block;border:solid 1px white;text-transform: uppercase;background:white}
.btn_camp span img{width:5px;margin-right:5px}
.menu_map.left{position:absolute;left:60px;top:15%}
.menu_map.right{position:absolute;right:160px;top:15%}
.menu_map li{border-radius:5px;margin-bottom:20px;width:280px;box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.20);}
.menu_map li a{font-family: 'Akzidenz-Light';font-size:19px;color:#FFF;padding:25px;display:block}
.btn_lieu{display:block;font-family: 'Akzidenz-Regular';font-size:19px;color:#FFF;padding:22px 25px;width:230px;position:absolute;text-align: center;z-index:3}
.btn_lieu.carte_primaire{border-radius:10px;border:solid 1px white;width:auto}
.btn_lieu.carte_primaire.carte_sommaire{border-radius:10px;border:solid 1px white;width:auto;background:white}
.btn_lieu.carte_primaire.carte_sommaire img{width:20px;margin-right:20px}
.btn_lieu:hover,.btn_lieu:active{color:white}

.btn_lieu.btn_lieu_poi{padding:0}
.btn_lieu_poi .btn_lieu_top{padding:22px 25px 0 25px;display:block;background:blue}
.btn_lieu_poi .btn_lieu_bottom{display:block;;background:red;float:left;height:22px}
.btn_lieu_poi .btn_lieu_corner{display:block;float:left;width: 0;height: 0;border-style: solid;}


.btn_poi{display:block;border-radius:60px;width:60px;height:60px;border:solid 2px white;position:absolute;display:none;box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.4);;z-index:2}
.btn_poi svg{fill:none;stroke-miterlimit:10;stroke-width:2px;position:absolute;left:15px;top:15px}
.btn_poi_static{display:block;border-radius:13px;width:13px;height:13px;border:solid 1.4px white;position:absolute;z-index:1}

.btn_circle{position:absolute;z-index:3;display:block}

.wrap_carte_secondaire{position:fixed;width:1920px;height:1080px;z-index:10;left:0px;display:none}

/**************** THEME ************************/
.menu_theme.theme_1{margin:160px 0 0 0px}
.menu_theme.theme_2{margin:165px 0 0 0px}
.menu_theme.theme_3{margin:155px 0 0 0px}
.menu_theme li{margin:0 20px 20px 0;float:left;position:relative;color:white}
.menu_theme li.theme_1{width:587px;height:300px;}
.menu_theme li.theme_2{width:436px;height:200px;}
.menu_theme li.theme_3{width:284px;height:186px;}

.menu_theme li a{display:block;color:white;padding:30px 20px 20px 20px;font-family:Akzidenz-Light;font-size:30px;position: absolute;width:80%;height:100%;left:0;top:0;z-index: 99;line-height:33px}
.menu_theme li a span{display:block;margin-top:10px;font-family:Akzidenz-Medium;text-transform: uppercase;font-size:16px;color:white}
.menu_theme li.theme_3 a{font-size:23px;line-height:27px;padding-top:19px}
.menu_theme li.theme_3 a span{font-size:14px;}
.menu_theme .btn_lieu_corner{position:absolute;right:0;bottom:0;display:none;width: 0;height: 0;border-style: solid;}
.menu_theme .btn_lieu_corner.vu{display:block}

/**************** BIOGRAPHIE ************************/
.menu_biographie{margin:245px 0 0 0px}
.menu_biographie li{width:373px;height:501px;margin:0 20px 10px 0;float:left;position:relative;text-align: center;padding:47px 30px 30px 30px; color:white}
.menu_biographie li a{padding-bottom:60px;line-height: 1.5em;font-size: 30px;font-family:Akzidenz-Light; color:white;-webkit-user-select: none;line-height:34px;
				-khtml-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none; }
.menu_biographie li a span.bio_date{font-size:25px;margin-top:8px;line-height:20px;display:block;font-family:Akzidenz-Light; color:white}
.menu_biographie li a span.bio_nat{font-size:16px;margin-top:13px;line-height:20px;display:block;font-family:Akzidenz-Medium;text-transform: uppercase; color:white}
.menu_biographie li img{width:346px;margin-bottom:17px;display:inline-block;border-radius:173px;height:346px}
.menu_biographie .btn_lieu_corner{position:absolute;right:0;bottom:0;display:none;width: 0;height: 0;border-style: solid;}
.menu_biographie .btn_lieu_corner.vu{display:block}


/**************** FICHES ************************/
#wrap_fiches{position:absolute;left:60px;top:34.5px;z-index: 99999;height: 100%;display:none;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
#wrap_fiches .wrap_fiche{display:inline-block;float:left;margin-right:20px;white-space:normal;width:587px;z-index: 9999;}
.fiche{padding:35px 35px 28px 35px;color:black;height:100%;background:#f4f5f5;max-height:822px;overflow-y:scroll;position:relative;}




.fiche_titre{font-family:Akzidenz-Light;font-size:40px;line-height:43px;margin:0 0 18px 0;}
.fiche_titre span{display:block;font-size:28px;margin-top:14px}
.fiche_sstitre{font-size:16px;margin:0 0 34px 0;font-family:Akzidenz-Medium;text-transform: uppercase;}
.fiche img{width:100%;
-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
}
.fiche img.img2{margin-top:35px}
.fiche_legende{margin:5px 0 0 0;font-family:Akzidenz-Light;font-size:12px;opacity:0.5;line-height: 15px}
.fiche_txt{margin:34px 0 0 0;font-family:Akzidenz-Light;font-size:17px;line-height: 27px;}

.wrap_fiche .fiche.variable{height:auto;overflow-y:hidden}
.wrap_fiche.biographie .fiche img{width: 255px;margin-left: 150px;border-radius:128px;height:255px;margin-bottom:19px}
.wrap_fiche.biographie .fiche .fiche_titre{text-align:center}
.wrap_fiche.biographie .fiche .fiche_sstitre{text-align:center;line-height:1em}

.wrap_fiche.biographie{background:none}
.wrap_fiche.theme{background:none}
.wrap_fiche.lieu{background:none}

.wrap_fiche.biographie .fiche{padding-top:49px;background:#f4f5f5;height:auto;max-height:934px}
.wrap_fiche.theme .fiche{padding-top:74px;background:#f4f5f5;max-height:908px}
.wrap_fiche.lieu .fiche{padding-top:74px;background:#f4f5f5;max-height:908px}
.wrap_fiche.lieu .fiche hr{background:#ae9142;height:2px;margin-top:34px}

.wrap_fiche.lieu .fiche svg{display:block;width:30px;position:absolute;left:36px;top:-37px;fill:none;stroke-miterlimit:10;stroke-width:1.4px;}
.wrap_fiche.theme .fiche svg{display:block;width:38px;position:absolute;left:36px;top:-37px;}
.wrap_fiche.biographie .fiche svg{display:block;width:41px;position:absolute;left:38px;top:-35px;fill:none;stroke-miterlimit:10;stroke-width:1.4px;}




.mask{position:fixed;left:0;top:0;background: black;width:1980px;height:1080px;;background-color:rgba(0,0,0,.7);display:none}
#mask_fiche{z-index:99998}

#close_fiche{position:fixed;right:35px;top:34px;z-index:99999;display:none;width:50px;height:50px;}
#close_fiche img{width:50px;height:50px}


.wrap_bkg{position:fixed; left:0;width:0;background:black;z-index: 99999999;width:100%;height:100%;display:none;}
.wrap_bkg #bkg_img{margin:0 auto;}
.wrap_bkg #bkg_img img{display:block;height:100%;}
.wrap_bkg #wrap_bkg_legende_credits{position:absolute;left:0;bottom:0;padding-bottom:25px;padding-top:20px;min-height:30px;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));width:100%}
.wrap_bkg #bkg_img .bkg_legende{font-family:Akzidenz-Light;font-size:15px;color:white;line-height: 18px}
.wrap_bkg #bkg_img .bkg_credits{font-family:Akzidenz-Light;font-size:13px;color:white;margin-top:10px}






/*
 * 
 rgba(0, 70, 176, 0.4)
 */
