/* LA CSS */
/* source image : http://www.taches-et-couleurs.com/images/peinture/Glace-brisee.jpg 
				  http://www.hdwpapers.com/yoda_screenshot_wallpaper-wallpapers.html
*/

/* DEFINITION DES POLICES */
@font-face {font-family: 'Costura_light'; src: url('polices/Costura/costura_regular.otf');}
@font-face {font-family: 'Kingthings_Xstitch'; src: url('polices/Kingthings-Xstitch/Kingthings_Xstitch.ttf');}
@font-face {font-family: 'Mountains_of_Christmas'; src: url('polices/mountains-of-christmas/MountainsofChristmas.ttf');}
@font-face {font-family: 'Faux_Snow'; src: url('polices/Faux-Snow-BRK/fauxsnow.ttf');}

/* CSS */
body{background-color:black;}

/* NAV */
#boutton_jouer{left:200px;}
#boutton_accueil{left:400px;}
button{position:fixed; width:100px; top:10px; font-size:16px; background-color:lime; border-radius:5px; border: 3px #e0faff solid; text-align:center;  padding:3px 5px 3px 5px; cursor:pointer; color:#e0faff;}
button:hover{font-weight:bold; color:white; border-color:white;}

/* ACCUEIL */
#accueil{margin-top:50px; margin-left:50px; width:900px; border-radius:5px; border:5px #d0f0ff solid;background-image:url('aurore-boreale-01.jpg');background-position:1000px -100px;}
header{text-align:center;}
.flocon{font-family:Faux_Snow;}
h1{color:#d0f0ff; text-shadow:2px 2px 0px blue; font-size:40px; font-family:Kingthings_Xstitch;}
#histoire, #comment_jouer{background-color:#f0fdff; border-radius:5px;margin:15px; color:blue;border-right:4px #d0f0ff solid; border-bottom:4px #d0f0ff solid}
h2{margin-left:50px; font-size:20px; color:navy; text-decoration:underline; font-family:Costura_light;}
p{padding-left:3px; padding-right:3px; font-family:Mountains_of_Christmas;}
footer{padding:5px; color:silver; text-shadow:2px 2px 0px black;}

/* JEU */
/* source image : http://www.le-baroudeur.com/wp-content/gallery/aurores-boreales/aurore-boreale-03.jpg */
#jeu{position:fixed; background-image:url('aurore-boreale-03.jpg'); background-position:0px -1124px; display:none;}

#perso{position:fixed; background-color:#e0faff; border-radius:20px; border: 2px white solid;}

#mort{position:fixed; background-color:rgba(255,255,255,0.5); display:none;}
#text_mort{color:white; margin:auto; position:relative;display:none; cursor:pointer; left:150px; top: 250px; font-family:Costura_light; text-shadow:2px 2px 0px black; font-size:22px; }
#text_mort:hover{color:#d0f0ff; }
#neige_magie{position:fixed; display:none;}

/* OBJETS DU JEU */
.plateforme{position:fixed; background-color:blue;border:2px white solid; border-radius:5px;}
.item{position:fixed; background-color:black; border-radius:50px; border:2px white solid; }
.neige{width:2px; height:2px; position: fixed; background-color:white; }

/* STATS */
#stats{position:fixed; display:none; background-color:white; border-radius:5px; text-shadow:2px 2px 0px white;}
#stats div{color:black; font-size:30px; position:fixed;}
#jauge{background-color:navy; border-radius:3px;}
#jauge div{background-color:lime;}