* {
	box-sizing: border-box;
}

body {
	background: #dbdbdb;
	padding: 0;
	margin: 0;
}

.wrapper {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#header {
	display: block;
	width: 100%;
	height: 312px;
	margin: 0;
	padding: 0;
	position: relative;
	margin-bottom: 10px;
}

.logo {
	background: url(../images/header/logo.jpg) no-repeat left top;
	display: inline-block;
	width: 46px;
	height: 45px;
	position: absolute;
	top: 7px;
	left: 10px;
}

#header h1 {
	position: absolute;
	top: 90px;
	left: 15px;
	color: #1d1d1d;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 24px;
	z-index: 200;
}

#header h1 small {
	font-size: 11px;
	margin-left: 200px;
	line-height: 40px;
}

#header .menu {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 10;
}

#header .menu li {
	list-style: none;
	display: inline-block;
	border: 1px solid #d9d9d9;
	margin-left: 2px;
	margin-right: 2px;
}

#header .menu a {
	top: 0;
	left: 0;
	text-decoration: none;
	display: block;
	width: 244px;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	background: rgba(255,255,255,.1);
	color: #fff;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 13px;
	z-index: 100;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: #a0a0a0 no-repeat center center;
}

#imageArea {
	position: absolute;
	top: 0;
	right: 0;
	width: 482px;
	height: 287px;
	padding: 0;
	z-index: 1;
}

#imageArea span {
	margin: 0;
	width: 482px;
	height: 287px;
	position: absolute;
	top: 0;
	right: 0;
}

.fr #img1 {
	background: url(../images/header/header1.jpg) no-repeat right top;
}

.ja #img1 {
	background: url(../images/header/header5.jpg) no-repeat right top;
}

.fr #img2 {
	background: url(../images/header/header2.jpg) no-repeat right top;
	z-index: 2;
}

.ja #img2 {
	background: url(../images/header/header6.jpg) no-repeat right top;
	z-index: 2;
}

#img3 {
	background: url(../images/header/header3.jpg) no-repeat right top;
	z-index: 3;
}

#img4 {
	background: url(../images/header/header4.jpg) no-repeat right top;
	z-index: 4;
}

#header .menu #btn-langues a {
	background-image: url(../images/header/menu-gogaku.png);
}

#header .menu #btn-art a {
	background-image: url(../images/header/menu-geijutsu.png);
}

#header .menu #btn-culturelles a {
	background-image: url(../images/header/menu-bunka.png);
}

#btn-langues a:hover, #btn-langues:active {
	background-color: #797920;
}

#btn-art a:hover, #btn-art:active {
	background-color: #cc6600;
}

#btn-culturelles a:hover, #btn-culturelles:active {
	background-color: #009999;
}

#langswitch {
	position: absolute;
	top: 15px;
	left: 240px;
	font-size: 10px;
	font-family: sans-serif;
	line-height: 10px;
	z-index: 80;
}

#langswitch a {
	color: #b0b0b0;
}

.ja-gothic {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;;
}

.flag {
	display: inline-block;
	position: absolute;
	top: 0;
	right: -20px;
	width: 18px;
	height: 11px;
}

.flag-jp {
	background: url(../images/header/flag-jp.jpg) no-repeat center bottom;
}

.flag-fr {
	background: url(../images/header/flag-fr.jpg) no-repeat center bottom;
}

.footer {
	font-family: 'Muli', sans-serif;
	color: #fff;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 40px;
}