2 lines
8.3 KiB
CSS
2 lines
8.3 KiB
CSS
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,select,input,textarea{color:#222}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.lb,h1,h2,h3,nav li,.bulle span.annextt{font-family:'Libre Baskerville', serif;font-style:italic}h3{font-style:normal}.dr,body{font-family:'Droid Serif', serif}.op,.btn,.sstt{font-family:'Open Sans', sans-serif}.clear{clear:both}html,body{font-size:17px;height:100%;width:100%}a{color:#fff;text-decoration:none}a:active,a:focus{outline:none}#triptique{background:url("../img/triptique.jpg") 50% 50% no-repeat scroll #000;background-size:cover}#intro{background:url("../img/intro.jpg") 50% 50% no-repeat scroll #000;background-size:cover}#guerre{background:url("../img/guerre-de-coree.jpg") 50% 50% no-repeat scroll #000;background-size:cover}#pres,#portrait,#guerre,#coree{bottom:0;position:absolute;width:100%}#guerre{height:100%;overflow:hidden}h1,h2,h3{color:#fff}h1,h2,h3,p{margin:0}h1,p{color:#fff;font-size:7.5em;text-align:center;width:100%}h2{font-size:6.4em;margin-bottom:0.125em}h3{font-size:2.3em;margin-bottom:1.56em}p{font-size:1em;margin-bottom:4.8em;opacity:.55}#introcontent p{font-size:1.44em;margin-bottom:7.8em}#introcontent,#introsstitre,#introtitre{position:relative;text-align:right;width:52%}#introcontent p,#introsstitre h3,#introtitre h2{display:inline-block;position:relative;text-align:left;width:70%}#introsstitre h3{width:85%}#introtitre h2{width:78%}#footer{bottom:0;position:absolute;text-align:center;width:100%}.btn{border:1px solid #fff;display:inline-block;letter-spacing:0.2em;margin-bottom:4.8em;padding:1.4em 5.75em}.btn:hover{background-color:#fff;color:#000}#guerre h1{font-size:5.5em;margin-bottom:0.4em}#guerre p{font-size:1.8em;line-height:1em;opacity:1}#content{margin:auto;padding:6.3em 0;position:relative}#content .desc{margin:auto;max-width:39em}#content h3,#content p{color:#000;font-size:1.26em;margin-bottom:6.67em;text-align:left}#content h3{font-size:2.27em;margin-bottom:1.44em}.desc img{height:auto;margin-bottom:6.67em;width:100%}.pi{height:100%;position:relative;width:100%;z-index:-1}.imggrid{margin:0 auto 6.3em;width:75.63em}.imggrid img,.imggrid .smallgrid{float:left}.imggrid img{height:auto;width:46.89em}.imggrid .smallgrid img{clear:both;height:auto;margin:0 1.26em 1.26em 0;width:27em}.imggrid .smallgrid img.lastimggrid{margin:0 1.26em 0 0}.imgfull{height:auto;margin-bottom:6.3em;width:100%}.player{background-color:#262626;height:5.46em;margin:0 auto 6.67em;width:61.34em}.ceb{display:inline-block;vertical-align:middle}.cef{height:100%;margin-left:-2px;width:2px}ul,li{margin:0;padding:0}nav{background-color:#000;height:0%;overflow:hidden;position:fixed;text-align:center;width:100%;z-index:90}nav li{color:#fff}nav li li{font-size:1.26em;margin-top:-2em;opacity:0}.intitule{font-size:2.44em;font-style:normal}.sstt{font-size:1.58em;font-style:normal}nav li:hover li:hover{opacity:1}nav .ceb>ul{margin-bottom:1.66em}nav ul ul{margin-bottom:3.95em;margin-top:1.76em;overflow:hidden}.sepnav{background-color:#fff;display:inline-block;height:1px;margin-bottom:2.57em;width:16.81em}nav li:hover li{margin-top:0;opacity:.4}nav li,.btn{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}#burger{cursor:pointer;padding:1.73em;right:1em;top:1em;position:fixed;z-index:100}#burger img{height:auto;width:1.68em}.player img{cursor:pointer;height:auto;padding:1.68em 0 0 2.1em;width:1.72em}.timeline{background:url("../img/vid.jpg") 50% 50% scroll transparent;background-size:cover;display:none;height:100%;position:fixed;width:100%;z-index:80}.currenttml{background-color:rgba(0,0,0,0.85);bottom:3.36em;display:inline-block;height:5.46em;left:50%;margin-left:-33.6em;position:absolute;width:67em}.currentline{margin-left:2.52em;position:relative;width:54.6em}.baseline{background-color:#827e7e;height:2px;margin-top:2.86em;width:100%}.line{background-color:#fff;height:2px;position:absolute;top:0;width:66%}.frame{height:0.67em;overflow:hidden;position:absolute;top:-0.3em;width:0.67em}.frame img{height:auto;position:relative;width:0.67em}.puceactive{top:-0.95em}.f1{left:0%}.f2{left:15%}.f3{left:20%}.f4{left:35%}.f5{left:65%}.f6{left:80%}.bulle{background-color:#fff;height:18.4em;left:65%;margin-left:-5.9em;margin-top:-20.15em;padding:0.15em;position:absolute;width:12.38em}.bulle span,.bulle p{color:#000;font-size:0.5em;opacity:1;padding:0 1.76em;text-align:left;width:20.84em}.bulle p{margin-bottom:0;text-align:justify}.bulle img{height:auto;width:100%}.bulle img.bulbot{bottom:-1.76em;height:1.76em;left:4.43em;position:absolute;width:auto}.bulle span.annextt{font-size:1.52em;padding:0 0.7em}.bulle span.annexsstt{font-size:0.6em;padding:0 1.48em}@media screen and (max-width: 1676px){html,body{font-size:15px}}@media screen and (max-width: 1452px){html,body{font-size:13px}}@media screen and (max-width: 1229px){html,body{font-size:11px}}@media screen and (max-width: 1005px){html,body{font-size:9px}}
|