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

/* Smartphones (portrait and landscape) ----------- 
@media only screen 
and (min-device-width : 240px) 
and (max-device-width : 319px) */
body {
	margin: 0%;
	padding: 0%;
	border: none;
	left: 0%;
	top: 0%;
	background-color: #F9F8EC;
	overflow-y: scroll;
	text-align: center;
	vertical-align: middle;
}
@font-face {
    font-family: 'PrestigeEliteStdBd';
    src: url('PrestigeEliteStdBd.eot');
    src: url('PrestigeEliteStdBd.eot') format('embedded-opentype'),
         url('PrestigeEliteStdBd.woff2') format('woff2'),
         url('PrestigeEliteStdBd.woff') format('woff'),
         url('PrestigeEliteStdBd.otf') format('opentype'),
         url('PrestigeEliteStdBd.svg#PrestigeEliteStdBd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeMondeLivreNormal';
    src: url('LeMondeLivreNormal.eot');
    src: url('LeMondeLivreNormal.eot') format('embedded-opentype'),
         url('LeMondeLivreNormal.woff2') format('woff2'),
         url('LeMondeLivreNormal.woff') format('woff'),
         url('LeMondeLivreNormal.otf') format('opentype'),
         url('LeMondeLivreNormal.svg#LeMondeLivreNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'SegoeScript';
    src: url('SegoeScript.eot');
    src: url('SegoeScript.eot') format('embedded-opentype'),
         url('SegoeScript.woff2') format('woff2'),
         url('SegoeScript.woff') format('woff'),
         url('SegoeScript.otf') format('opentype'),
         url('SegoeScript.svg#SegoeScript') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
a img, a div, a class, img, div, class, a, a:link, a:visited, a:hover, a:active {
	border: none;
	text-decoration: none;
	outline: none;
	background-color: transparent;
}
* {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
        outline: 0;
        border: none;
        color: rgba(0, 0, 0, 0);
}
.container {
	width: 100%;
	height: 100%;
	max-width: 240px;
	margin: auto;
	text-align: center;
	padding: 0%;
	border: none;
	display: table;
	background-color: #F4F3E5;
	vertical-align: middle;
}
.content {
	width: 98%;
	height: auto;
	top: 0%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.2%;
	margin-bottom: 5%;
	text-align: center;
	padding: 0%;
	display: table;
	border: none;
}
.title {
	font-family: 'PrestigeEliteStdBd';
	font-size: 7.5px;
	color: #4C4C4B;
	line-height: normal;
	letter-spacing: 0em;
	word-spacing: 0em;
	width: auto;
	text-align: left;
	display: block;
	margin-top: 1.2%;
	margin-left: 2%;
	padding-right: 1.8%;
	padding-left: 1.8%;
	padding-top: 1%;
	padding-bottom: 1%;
	position: relative;
	z-index: 7;
	clear: none;
	float: left;
}
.title:hover {
	color: #868686;
}

.menu {
	width: 20%;
	z-index: 10;
	margin-top: -0.5%;
	position: relative;
	clear: none;
	float: right;
	margin-right: 3.7%;
	display: block;
	text-align: center;
}
.nav {
	list-style: none;
	width: 100%;
	z-index: 10;
	display: block;
	padding: 0;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: -50%;
	margin-left: auto;
	position: absolute;
	text-align: center;
	top: 0%;
}
.nav li {
	font-family: 'PrestigeEliteStdBd';
	font-size: 6.8px;
	color: #868686;
	letter-spacing: 0em;
	word-spacing: 0em;
	display: inline-block;
	position: relative;
	width: 100%;
	left: 0%;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
	padding-top: 14%;
	padding-bottom: 14%;
	padding-left: 0%;
	padding-right: 0%;
	top: 0%;
	margin-left: 0%;
	cursor: default;
}
.nav li a {
	color: #4C4C4B;
	text-decoration: none;
	text-align: center;
	width: 100%;
	cursor: pointer;
}
.nav li a:hover {
	color: #868686;
}
.menu .nav li ul {
	display: none;
	padding: 0;
	list-style: none;
	width: 100%;
	margin: 0;
	background-color: #F0EDDC;
}
.nav li ul li {
	width: 100%;
	top: 0%;
	display: inline-block;
	text-align: center;
	left: 0%;
	background-color: #F4F3E5;
	margin-top: 2%;
}
.menu .nav li ul .self a {
	color: #868686;
}
.img {
	width: 100%;
	height: auto;
	top: 0%;
	left: 0%;
	text-align: center;
	position: relative;
	display: block;
	padding: 0%;
	border: none;
	margin: 0%;
	z-index: 1;
}
.frame {
	width: 100%;
	height: auto;
	top: 0%;
	margin-top: 14%;
	margin-bottom: 1%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 5px 0px #D5D5CE;
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 1%;
	padding-bottom: 2%;
}
.subtitle {
	font-family: 'SegoeScript';
	font-weight: 100;
	font-size: 7.1px;
	color: #4C4C4B;
	line-height: normal;
	letter-spacing: 0em;
	word-spacing: 0em;
	display: inline-block;
	position: relative;
	cursor: default;
	text-align: right;
	width: 92%;
	z-index: 1;
	margin-right: 6%;
	margin-top: 4%;
	clear: both;
	float: none;
}
.frame2 {
	width: 98%;
	height: auto;
	top: 0%;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	opacity: 1;
	text-align: center;
	background-image: url(graph_paper.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	background-size: 3% auto;
	-moz-background-size: 3% auto;
	-webkit-background-size: 3% auto;
}
.space {
	font-family: 'SegoeScript';
	font-weight: 100;
	font-size: 7.1px;
	color: #4C4C4B;
	line-height: normal;
	letter-spacing: 0em;
	word-spacing: 0em;
	display: inline-block;
	position: relative;
	cursor: default;
	text-align: center;
	width: 98.5%;
	z-index: 1;
	margin-top: 0%;
	margin-left: 1.5%;
	clear: none;
	float: left;
	padding-top: 2.3%;
	padding-bottom: 7%;
}
.years {
	font-family: 'PrestigeEliteStdBd';
	font-weight: 100;
	font-size: 5px;
	color: #4C4C4B;
	line-height: normal;
	letter-spacing: 0em;
	word-spacing: 0em;
	clear: none;
	float: left;
	position: relative;
	cursor: pointer;
	text-align: center;
	z-index: 1;
	display: inline-block;
	padding-right: 3%;
	padding-left: 3%;
	margin-bottom: 0%;
	z-index: 9;
}
.years:hover {
	color: #E62E55;
}
#years23 {
	left: 4%;
}
#years22 {
	left: 22%;
}
#years21 {
	left: 40%;
}
#years20 {
	left: 52%;
}
#years19 {
	left: 0%;
}
#years18 {
	left: 12%;
}
#years17 {
	left: 32%;
}
#years16 {
	left: 47%;
}
#years15 {
	left: 2.5%;
}
#years14 {
	left: 18%;
}
#years13 {
	left: 33%;
}
#years12 {
	left: 50%;
}
#years11 {
	left: 4%;
}
#years10 {
	left: 11%;
}
#years9 {
	left: 32%;
}
#years8 {
	left: 54%;
}
#years7 {
	left: 0%;
}
#years6 {
	left: 8%;
}
#years5 {
	left: 23%;
}
#years4 {
	left: 47%;
}
#years3 {
	left: 10%;
}
#years2 {
	left: 37%;
}
#years1 {
	left: 62%;
}
#years01 {
	left: 54%;
}
.years ul {
	padding: 5%;
	list-style: none;
	width: auto;
	text-align: center;
	position: absolute;
	margin-left: -100%;
	margin-top: -3%;
	display: none;
	z-index: 200;
	white-space: nowrap;
}
.years ul li {
	padding: 5%;
	list-style: none;
	width: 100%;
	text-align: center;
	margin-top: 0%;
	position: relative;
	margin-left: 0%;
	display: inline-block;
	z-index: 200;
}
#years3 ul, #years6 ul, #years9 ul, #years11 ul {
	margin-left: -15%;
}
#years1 ul {
	margin-left: -125%
}
#years12 ul {
	margin-left: -185%
}
.graph {
	width: 95%;
	height: auto;
	text-align: center;
	top: 0%;
	left: 0%;
	display: inline-block;
	padding: 0%;
	cursor: default;
	position: relative;
	margin-top: -0.4%;
	margin-bottom: 3.2%;
	margin-left: -0.1%;
	margin-right: 5.1%;
	clear: both;
}
.photo a {
	font-family: 'LeMondeLivreNormal';
	font-size: 6px;
	color: #EAEAF2;
	line-height: 0.74em;
	font-weight: normal;
	letter-spacing: 0em;
	word-spacing: 0em;
	width: 100%;
	text-align: center;
	top: 0%;
	left: 0%;
	position: relative;
	display: inline-block;
	padding: 0%;
	margin-top: 0%;
	vertical-align: middle;
	cursor: pointer;
}
.footer {
	width: 100%;
	height: 100%;
	max-width: 240px;
	top: 0%;
	text-align: center;
	text-decoration: none;
	margin-bottom: 0%;
	display: inline-block;
	padding-top: 0%;
	padding-bottom: 0%;
	margin-top: 0%;
	position: relative;
}
.designer {
	height: auto;
	width: 44%;
	left: 0%;
	top: 0%;
	padding-top: 1%;
	z-index: 4;
	position: relative;
	display: block;
	clear: right;
	float: right;
	margin-top: 0%;
	margin-right: 1.5%;
	margin-bottom: 0.7%;
	margin-left: 0%;
	text-align: right;
}
.designer a {
	font-family: 'PrestigeEliteStdBd';
	font-size: 5.5px;
	color: #B1B1B1;
	line-height: normal;
	font-weight: normal;
	cursor: pointer;
}
.designer a:hover {
	color: #CACACA;
}
.design {
	height: auto;
	width: 100%;
	left: 0%;
	top: 0%;
	padding: 0%;
	margin: 0%;
	cursor: pointer;
	z-index: 4;
	position: relative;
	clear: none;
	float: left;
}
.c2 {
	height: auto;
	width: 10.5%;
	left: 0%;
	top: 0%;
	padding: 0%;
	z-index: 4;
	position: relative;
	display: block;
	clear: none;
	float: right;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;
}
.d_by {
	display: block;
	width: auto;
	top: 0%;
	border: none;
	position: relative;
	text-align: right;
	clear: none;
	float: right;
	text-decoration: none;
	margin-right: 1%;
	margin-top: 1.2%;
}

/* Download Links - Used for browsers that don't support any video.
-------------------------------------------------------------------------------- */
@media all and (orientation:portrait) {
.frame2 {
	width: 98%;
	height: auto;
	top: 0%;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	opacity: 1;
	text-align: center;
	background-image: url(graph_paper.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	background-size: 3% auto;
	-moz-background-size: 3% auto;
	-webkit-background-size: 3% auto;
}
}
@media all and (orientation:landscape) {
.frame2 {
	width: 98%;
	height: auto;
	top: 0%;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	opacity: 1;
	text-align: center;
	background-image: url(graph_paper.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	background-size: 3% auto;
	-moz-background-size: 3% auto;
	-webkit-background-size: 3% auto;
}
}

/* Smartphones and iPhone (portrait and landscape)----------- */
@media only screen 
and (min-width : 320px) and (max-width: 349px) {
.container {
	max-width: 320px;
}
.title {
	font-size: 10.5px;
	margin-left: 5%;
}
.menu {
	width: 18.8%;
	margin-top: -0.5%;
	margin-right: 6.7%;
}
.nav li {
	padding-top: 14%;
	padding-bottom: 14%;
}
.nav li {
	font-size: 8.7px;
}
.frame {
	width: 94%;
	margin-top: 8%;
}
.subtitle {
	font-size: 9.5px;
}
.years {
	font-size: 6.4px;
}
.photo a {
	font-size: 7.8px;
}
.footer {
	max-width: 320px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 6px;
}
.c2 {
	width: 16%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones and iPhone ----------- */
@media only screen
and (min-width: 350px) and (max-width: 389px) {
.container {
	max-width: 360px;
}
.title {
	font-size: 11.5px;
	margin-left: 6%;
}
.menu {
	width: 17.8%;
	margin-top: -0.5%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 13%;
	padding-bottom: 13%;
}
.nav li {
	font-size: 9.5px;
}
.frame {
	width: 92%;
	margin-top: 7.6%;
}
.subtitle {
	font-size: 10.5px;
}
.years {
	font-size: 7px;
}
.photo a {
	font-size: 8.5px;
}
.footer {
	max-width: 360px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 6.5px;
}
.c2 {
	width: 15.5%;
}
.d_by {
	margin-top: 1.4%;
}
}

/* Smartphones and iPhone(portrait and landscape) ----------- */
@media only screen
and (min-width: 390px) and (max-width: 469px) {
.container {
	max-width: 400px;
}
.title {
	font-size: 12px;
	margin-left: 6%;
}
.menu {
	width: 17%;
	margin-top: -0.5%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 13%;
	padding-bottom: 13%;
}
.nav li {
	font-size: 10px;
}
.frame {
	width: 92%;
	margin-top: 7.2%;
}
.subtitle {
	font-size: 11px;
}
.years {
	font-size: 7.3px;
}
.photo a {
	font-size: 9px;
}
.footer {
	max-width: 400px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 6.8px;
}
.c2 {
	width: 12%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones and iPhone (portrait and landscape) ----------- */
@media only screen
and (min-width: 470px) and (max-width: 529px) {
.container {
	max-width: 480px;
}
.title {
	font-size: 13.5px;
	margin-left: 6%;
}
.menu {
	width: 15.7%;
	margin-top: -0.3%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 12%;
	padding-bottom: 12%;
}
.nav li {
	font-size: 11.5px;
}
.frame {
	width: 92%;
	margin-top: 5.5%;
}
.subtitle {
	font-size: 12.5px;
}
.years {
	font-size: 8.3px;
}
.photo a {
	font-size: 10px;
}
.footer {
	max-width: 480px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 7.2px;
}
.c2 {
	width: 12%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 530px) and (max-width: 589px) {
.container {
	max-width: 540px;
}
.title {
	font-size: 14.5px;
	margin-left: 6%;
}
.menu {
	width: 15.4%;
	margin-top: -0.3%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 10%;
	padding-bottom: 11%;
}
.nav li {
	font-size: 12.5px;
}
.frame {
	width: 92%;
	margin-top: 5.5%;
}
.subtitle {
	font-size: 13.5px;
}
.years {
	font-size: 9.3px;
}
.photo a {
	font-size: 11px;
}
.footer {
	max-width: 540px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 7.5px;
}
.c2 {
	width: 11%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width: 590px) and (max-width: 689px) {
.container {
	max-width: 640px;
}
.title {
	font-size: 16px;
	margin-left: 6%;
}
.menu {
	width: 14.2%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 8.5%;
	padding-bottom: 13.5%;
}
.nav li {
	font-size: 13.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.subtitle {
	font-size: 15px;
}
.years {
	font-size: 10.3px;
}
.graph {
	margin-top: -0.4%;
	margin-bottom: 3.4%;
}
.photo a {
	font-size: 12px;
}
.footer {
	max-width: 640px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 8px;
}
.c2 {
	width: 10.5%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 690px) and (max-width: 757px) {
.container {
	max-width: 720px;
}
.title {
	font-size: 18px;
	margin-left: 6%;
}
.menu {
	width: 13.6%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 8%;
	padding-bottom: 9%;
}
.nav li {
	font-size: 15.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.subtitle {
	font-size: 17px;
}
.years {
	font-size: 11.5px;
}
.photo a {
	font-size: 14px;
}
.footer {
	max-width: 720px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 8.5px;
}
.c2 {
	width: 10%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 758px) and (max-width: 839px) {
.container {
	max-width: 800px;
}
.title {
	font-size: 19px;
	margin-left: 6%;
}
.menu {
	width: 13.4%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 7%;
	padding-bottom: 8%;
}
.nav li {
	font-size: 16.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.subtitle {
	font-size: 18px;
}
.years {
	font-size: 12px;
}
.photo a {
	font-size: 15px;
}
.footer {
	max-width: 800px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 9px;
}
.c2 {
	width: 9%;
}
.d_by {
	margin-top: 1.2%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 840px) and (max-width: 919px) {
.container {
	max-width: 854px;
}
.title {
	font-size: 20px;
	margin-left: 6%;
}
.menu {
	width: 12.8%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 7%;
	padding-bottom: 8%;
}
.nav li {
	font-size: 17px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.subtitle {
	font-size: 19px;
}
.years {
	font-size: 12.5px;
}
.photo a {
	font-size: 16px;
}
.footer {
	max-width: 854px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 9.5px;
}
.c2 {
	width: 8.5%;
}
.d_by {
	margin-top: 1%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 920px) and (max-width: 979px) {
.container {
	max-width: 960px;
}
.title {
	font-size: 22px;
	margin-left: 6%;
}
.menu {
	width: 12.6%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 6%;
	padding-bottom: 7%;
}
.nav li {
	font-size: 18.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.subtitle {
	font-size: 20.5px;
}
.years {
	font-size: 13px;
}
.photo a {
	font-size: 17px;
}
.footer {
	max-width: 960px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 10px;
}
.c2 {
	width: 8%;
}
.d_by {
	margin-top: 1%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width: 980px) and (max-width: 1399px) {
.container {
	max-width: 1024px;
}
.title {
	font-size: 23px;
	margin-left: 6%;
}
.menu {
	width: 12.6%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 6%;
	padding-bottom: 7%;
}
.nav li {
	font-size: 19.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.subtitle {
	font-size: 21.5px;
}
.years {
	font-size: 13.5px;
}
.photo a {
	font-size: 18px;
}
.footer {
	max-width: 1024px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 10.5px;
}
.c2 {
	width: 8%;
}
.d_by {
	margin-top: 1.8%;
}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1400px) {
.container {
	max-width: 1400px;
}
.title {
	font-size: 26px;
	margin-left: 6%;
}
.menu {
	width: 11%;
	margin-top: 0%;
	margin-right: 7.7%;
}
.nav li {
	padding-top: 5%;
	padding-bottom: 6%;
}
.nav li {
	font-size: 21.5px;
}
.frame {
	width: 92%;
	margin-top: 4%;
}
.subtitle {
	font-size: 24px;
}
.years {
	font-size: 16px;
}
.graph {
	margin-top: -0.4%;
	margin-bottom: 4%;
}
.photo a {
	font-size: 19px;
}
.footer {
	max-width: 1400px;
}
.designer {
	width: 21%;
}
.designer a {
	font-size: 11px;
}
.c2 {
	width: 7.5%;
}
.d_by {
	margin-top: 2%;
}
}