/* polices */
@font-face {
    font-family: 'otama_epregular';
    src: url('../police/otamae.p._regular_macroman/Otama-ep-webfont.eot');
    src: url('../police/otamae.p._regular_macroman/Otama-ep-webfont.eot?#iefix') format('embedded-opentype'),
         url('../police/otamae.p._regular_macroman/Otama-ep-webfont.woff') format('woff'),
         url('../police/otamae.p._regular_macroman/Otama-ep-webfont.ttf') format('truetype'),
         url('../police/otamae.p._regular_macroman/Otama-ep-webfont.svg#otama.epregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.otama_epregular{
	font-family: otama_epregular;
	font-size:1.5em;
}

@font-face {
    font-family: 'goudy_bookletter_1911regular';
    src: url('../police/goudybookletter1911_regular_macroman/goudy_bookletter_1911-webfont.eot');
    src: url('../police/goudybookletter1911_regular_macroman/goudy_bookletter_1911-webfont.eot?#iefix') format('embedded-opentype'),
         url('../police/goudybookletter1911_regular_macroman/goudy_bookletter_1911-webfont.woff') format('woff'),
         url('../police/goudybookletter1911_regular_macroman/goudy_bookletter_1911-webfont.ttf') format('truetype'),
         url('../police/goudybookletter1911_regular_macroman/goudy_bookletter_1911-webfont.svg#goudy_bookletter_1911regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.goudy_bookletter_1911regular{
	font-family: goudy_bookletter_1911regular;
	font-size:1.5em;
}
/* fond */
html {
height:100%;
min-height:40em;
width:100%;
min-width:70em;
background-color:#F4FEFE;
}
@media all and (max-width: 1024px){
	html{min-width:0px;}
}
body {

	margin:auto;
	height:100%;
	width:100%;
	font-family:otama_epregular,Arial,serif;
	font-weight:550;
	/*background-color:rgba(215,221,125,0.1);*/
	background-size:100%;
	background-attachment: fixed; /* Le fond restera fixe */
    background-repeat: no-repeat; /* Le fond ne sera pas répété */
}
/* header */
header{
	background-color:#FEFEFE;
	box-shadow:0 0 30px #F4FEFE inset;
	text-align:center;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:2.5%;
	margin-bottom:0%;
	border-radius:5px;
}
h1{
	font-family:goudy_bookletter_1911regular,arial,serif;
	font-weight:bold;
	font-size:2em;
}
/* nav */
nav
{	
	font-size:1.5em;
	font-weight:normal;
	background-color:none;
    text-align: left;
	padding-top:0%;
	padding-bottom:2%;
	margin-right:0;
	font-family:goudy_bookletter_1911regular,Arial,serif;
}
nav ul
{
    /*list-style-type: none;*/
	margin:0 0 0 15%;
}
nav li
{
    display: inline-block;
	vertical-align:top;
	white-space:nowrap;
	width:24%;
}
@media all and (max-width: 1024px){
	nav li{display:block;}
}

/* footer */
footer{
	font-family:goudy_bookletter_1911regular,arial,serif;
	
	background-color:#FEFEFE;
	box-shadow:0 0 10px #F4FEFE inset;
	width:90%;
	height:5%;
	display:inline-block;
	font-size:1.5em;
	margin-left:5%;
	margin-right:5%;
	margin-top:2.5%;
	margin-bottom:2.5%;
	border-radius:5px;
}
footer .admin{
	display:inline;
	margin-left:45%;
}
footer .copyright{
	font-family:goody_bookletter_1911regular;
	font-size:0.5em;
	display:inline;
	float:right;
	margin-top:1%;
	margin-right:5%;
}
@media all and (max-width:1024px) {
	footer{text-align:center;}
	footer .admin {margin:auto;display:block;}
	footer .copyright{display:block;float:none;margin:auto;}
}
/* section */
section{
	text-align:center;
	margin-left:10%;
	margin-right:10%;
	margin-top:2%;
	margin-bottom:0%;
	/*margin-left:5%;*/
	display:inline-block;
	vertical-align:top;
	min-height: 60%;
	overflow:auto;
	width:80%;
	background-color:#FEFEFE;
	box-shadow:0 0 100px #F4FEFE inset;
	font-size:1.3em;;
	border-radius:5px;
}
/* différents éléments */
.text1{
	font-family: goudy_bookletter_1911regular,Arial,serif;
	font-size:1.1em;
}

.img1{
	height:150px;
	}

.img_scarabe{
  margin:auto;
}
.img_scarabe img{
	cursor:default;
  height: 200px;
  border-style:0;
}
.img_click{
	cursor:default;
}
/* button changement de niveau */
.button{
	box-shadow:0 0 0.1em black;
	border:0.02em solid grey;
	background-color:#FEFEFE;
	color:black;
	font-weight:600;
	font-family:otama_epregular,Courier,serif;
	border-radius:0.5em;
}
.button:hover{
	box-shadow:0 0 0.2em black;
	background-color:#FEFEFE;
}
.button:active{
	box-shadow:0 0 0em black;
	background-color:#FEFEFE;
}
.niveau{
	font-size:1.5em;
}
.ok{
	font-size:0.8em;
}

.link{
	text-align:left;
	margin-left:45%;
}
a{
color:inherit;
text-decoration:inherit;
/*text-shadow:0.1em 0.1em 0.1em black;*/
display:inline-block;
background-color:none;
}

a .link_effect_1{
display:inline-block;
	background-color:#F4FEFE;
	width:0;
	border-bottom:0.1em solid #FEFEFE;
	border-right:0.01em solid #FEFEFE;
	-moz-transition: width border-bottom border-right background-color 1s ;
    -webkit-transition: width border-bottom border-right background-color 1s ;
    -ms-transition: width border-bottom border-right background-color 1s ;
    -o-transition: width border-bottom border-right background-color 1s ;
    transition: width 1s, border-bottom 1s, border-right 1s;
}
a .link_effect_1:hover{
	width:100%;
	border-bottom:0.1em solid black;
	border-right:0.01em solid black;
}
a .link_effect_1:active{
	border-bottom:0.1em solid rgb(50,50,50);
	border-right:0.01em solid rgb(50,50,50);
	background-color:rgb(200,200,200);
	border-bottom:0.1em solid rgba(50,50,50,1);
	border-right:0.01em solid rgba(50,50,50,1);
	background-color:rgba(200,200,200,1);
}
.password{
	margin:20px;
	padding: 5px;
	border: solid 1px #fff;
	box-shadow: inset 1px 1px 2px 0 #707070;
}
.button_ok {
  background: rgb(201,212,221);
  background: rgba(201,212,221,1);
  background-image: -webkit--gradient(top, #3498db, #2980b9);
  background-image: -moz--gradient(top, #3498db, #2980b9);
  background-image: -ms--gradient(top, #3498db, #2980b9);
  background-image: -o--gradient(top, #3498db, #2980b9);
  background-image: -gradient(to bottom, rgb(201,212,221), rgb(201,212,221));
  background-image: -gradient(to bottom, rgba(201,212,221,1), rgba(201,212,221,1));
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-family: Arial;
  color: rgb(0,0,0);
  color: rgba(0,0,0,1);
  font-size: 1em;
  text-decoration: none;
}

.button_ok:hover{
  background: rgb(198,198,198);
  background: rgba(198,198,198,1);
  background-image: -webkit--gradient(top, #3cb0fd, #3498db);
  background-image: -moz--gradient(top, #3cb0fd, #3498db);
  background-image: -ms--gradient(top, #3cb0fd, #3498db);
  background-image: -o--gradient(top, #3cb0fd, #3498db);
  background-image: -gradient(to bottom, rgb(198,198,198), rgb(198,198,198));
  background-image: -gradient(to bottom, rgba(198,198,198,1), rgba(198,198,198,1));
  text-decoration: none;
}
.indice{
	margin:0%;
	font-size:20px;
	color:black;
	-moz-transition: 20s ;
    -webkit-transition: 20s ;
    -ms-transition: 20s ;
    -o-transition: 20s ;
    transition: 20s ;
	font-family:goudy_bookletter_1911regular;
}
.indice_hide{
	font-size:0.01px;
	color:black;
	-moz-transition: font-size 20s ;
    -webkit-transition: font-size 20s ;
    -ms-transition: font-size 20s ;
    -o-transition: font-size 20s ;
    transition: font-size 20s ;
	font-family:goudy_bookletter_1911regular;
}
@media all and (max-width:1024px) {
	.indice_hide{font-size:20px;}
}
.indice:hover .indice_hide{
	font-size:20px;
}