html {
	margin-left: 0;
	padding: 0;
	background-color: #A92E41;
	height: 100%
	}

#top {
	
	width:100%;
	height:80px;
	top:0;left:0;
	position:fixed;
	background:#252020;
	overflow:hidden;
	text-align:center;
	word-spacing: 200%;
	font-size: 300%;
	font-size: 4.5vmin;
	font-family: serif;
	letter-spacing: 4px;
	border-bottom: solid white 2px;
	box-shadow: 0 8px 10px rgba(15,14,10,0.8);
  text-shadow:2px 2px 6px #AA0000;
	z-index:5;
	transition: all .25s ease-in-out;
	background-image:url(../images/japan_logo.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size:13% ;

}

#top:hover {
	height:120px;
	font-size:5.3vmin;
	word-spacing:120%
}

#top a {
	color:rgb(200,200,200)
}

#top a:hover {
	color:rgb(190, 62, 97);
}

#top a#actuel{
	color:rgba(255, 25, 75,0.7);
}

#top a#actuel:hover{
	color:rgba(255,0,0,1)
}



/* end of the #top navigation */

body { 
	position:relative;
	font: 125% georgia, sans-serif;
	line-height: 1.9;
	color: rgb(85, 87, 83);  
	background-color: #ffceA5;
	margin: 0% 5%; 
	padding: 1%;
	box-shadow:	8px 0px 5px 3px rgba(0,0,0,0.5),-8px 0px 5px 3px rgba(0,0,0,0.5);
	min-height:100%;
	margin-top:80px;
	z-index:1;
	}


body::before{
	content: "";
  background: url(../images/background.jpg);
  opacity: 0.72;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
	position:absolute;
  z-index:-1;
}

p {  
	margin-left:2%;
	text-align: justify;
	font-size: 115%;
	}
h1 {
	margin-right:10%;
	padding-left:3%;
	border-bottom:2px solid maroon;
	border-radius: 0 0 75px;
	border-spacing: 2px;
	letter-spacing: 4px;
	font: bold 4em georgia;
	color: rgb(65, 62, 53);
	
}

h2 {
	text-align: center;
	font-size: 400%;
	font-family:"Times New Roman";
	color: rgb(160, 80, 83);
	letter-spacing: 2px;
	text-shadow:2px 1px 2px #AA0000 ;
}

section h2::after{
	content:"";
	display:block;
	margin:auto;
	width: 90%;
  height:25px;
	background-image:url("../images/bordure.png")
}

h3 {
	color:black;
	font-family:Ubuntu;
	font-size:180%;
	font-weight:100;
	font-style:italic;
	letter-spacing: 4px;
	text-shadow:3px 3px 6px #95A7C3 ;
	text-align:center;
	overflow:auto;
}

section h3::after{
	content:"";
	display:block;
	margin:auto;
	width: 100%;
  height:55px;
	background-image:url("../images/vector_border.jpg");
	background-size: contain;
	border-radius:40px;
	
	
}

/* float of section part */
section.left{
	float:left;
	display:inline-block;
	width:45%
}

section.right{
	float:right;
	display:inline-block;
	width:45%;
}


section.middle {
	clear:both;
	margin:5%;
	
}

section.middle h2 {
	margin-top:0;
}

section.middle::before{
	content:"";
	display:block;
	margin:auto;
	width: 90%;
  height:25px;
	background-image:url("../images/bordure.png");
}

/* end of float part */


em {
	text-shadow: 1px 1px 2px #b5b783
}

.lieu {
	text-shadow: 1px 1px 1px #633083
}

li::first-letter{
	font-size:150%;
}


ol em {
	font-family: monospace;
}


figure{
	background-color:rgba(195,170,160,0.8);
	float:left;
	padding:2%;
	border: solid blueviolet 0.5px;
	display:inline-block;
  width: 50%;
	margin:5px 20px 10px 20px;
	height:50%;
}

figure:nth-of-type(2n+1){
	float:right;
}


figure img {
	border: solid 1px; 
	width:100%
}

section.middle figure {
	border: double brown 5px;
	
}

table{
	height:100%;
	border:solid black;
	margin-left:5%;
	position:relative;
	white-space:nowrap;
	font-size:90%;
}

caption{
	text-decoration: underline;
	font-size:110%;
	text-align: center;
}


table td{
	height:100%;
	margin:0;
}

table td:nth-child(2n) {
	border:solid black;
	background-color: #cf9cf5;
	padding:0;
	margin:0;
}

table td {
	border:solid black;
	background-color: #faacc5;
	padding:0;
	margin:0;
}


a { 
	font-weight: bold; 
	text-decoration: none; 
	color: #C31083;
	}

a:hover{ 
	text-decoration: underline; 
	color: #9685AA;
	}

a:active{
	color: #9656FF;
}

a[href^="#"] {
	color:#7065D5;
}

a img {
	opacity:0.8;
}

a img:hover {
	opacity:1
}

@media screen and (max-width: 890px) {
	table {
		font-size:60%
	}

}

@media screen and (max-width:1000px){
		#top {
		background-image:none;
	}
	
} 

@media screen and (max-width: 500px) {
	body{
		font-size:85%
	}
}

@media print {
	#top {
		display:none;
	}
	body {
		font-size:70%
	}
	figure{
		display:none;
	}
	img {
		display:none
	}
	body ol {
		font-size:110%;
	}
	body h1 {
		font-size:100%;
	}
}