@charset "UTF-8"; @namespace "http://www.w3.org/1999/xhtml"; @namespace epub "http://www.idpf.org/2007/ops"; /*----------------- fonts------------------*/ @font-face { font-family: 'Museo'; font-style: normal; font-weight: 300; src: url('../Font/Museo300-Regular.otf'); } @font-face { font-family: 'Museo'; font-style: normal; font-weight: 500; src: url('../Font/Museo500-Regular.otf'); } @font-face { font-family: 'Museo'; font-style: normal; font-weight: 700; src: url('../Font/Museo700-Regular.otf'); } /*------------------structure-----------------*/ body { font-family: "Museo"; margin-left: 10em; margin-right: 10em; color: black; font-size:1em; background-color:#FFF; line-height: 2em; } div.entete { background-color: #f3f3f3; } /* text decoration*/ h1 { font-size: 3em; line-height:1em ; text-align: center; color: white; text-transform:uppercase; font-weight:700; } h2 { font-weight: 500; margin-top: 2em; margin-bottom: 2em; } h3 { color:#9E9E9E; font-weight:300; margin-top: 1.5em; } h4 { text-align: left; text-decoration:underline; color:#CECECE; font-size: 1em; font-weight: 500; line-height: 1em; } a { text-decoration:none; color:#AFAFAF; } p.legend { font-size:0.8em; text-align:right; font-weight:500; color:#9E9E9E; } div.link_footer { background-color:#f3f3f3 ; color:#463F32; text-align:center; } /* Parallaxe effect */ img { display: block; width: 100%; } .scene { max-width: 400px; margin: 0 auto; padding: 0; } .layer:nth-child(1) { opacity: 0.15; } .layer:nth-child(2) { opacity: 0.30; } .layer:nth-child(3) { opacity: 0.45; } .layer:nth-child(4) { opacity: 0.60; } .layer:nth-child(5) { opacity: 0.75; } .layer:nth-child(6) { opacity: 0.90; }