/* ==============================================
   FEUILLE DE STYLES CSS
   ============================================== */

/* Page */
html {
	height: 100%; 
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Lovers Quarrel', cursive;
	/* font-family: 'Allura', cursive; */
	font-size: 28px;
	line-height: 28px;
	color: white;
}

/*
}
h1 {
	margin: 24px 0 12px 0;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal;
	font-size: 30px; 
	font-style: italic;
}
*/


#global {
	min-height: 100%;
	overflow: hidden;
	margin:0 auto;
}

#entete {
	background: #FFFFFF;
	padding-top: 15px;
	margin-bottom: 0px;
	text-align:center;
}

#entete img {
	padding:0;
	margin:0;
	width:200px;
}

#navigation {
	background: #FFFFFF;
	padding-top:10px;
	padding-bottom:15px;
}

#navigation ul {
	margin: 0;
	padding:0;
	list-style: none;
	text-align: center;
}
#navigation li {
	display:inline;
}
#navigation a {
	color: #BE6533;
	padding-right: 25px;
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	
	-webkit-transition:0.7s all;
}



/* unvisited link */
#navigation a:link {
    /* color:#456798 ; */
	color: #696969;
	/* color: #852454; */
}

/* visited link */
#navigation a:visited {
    /* color: #852454; */
	color: #696969;
}

/* mouse over link */
#navigation a:hover, #navigation a:focus {
	color:#852454;
	text-shadow:10px 10px 15px rgba(0,0,0,0.5);
	/* text-decoration:underline overline; */
	
}

/* selected link */
#navigation a:active {
    color: #FF0000;
	
-webkit-animation-name:deplacer;
-webkit-animation-duration:0.1s;
-webkit-animation-iteration-count:5;

-moz-animation-name:deplacer;
-moz-animation-duration:0.1s;
-moz-animation-iteration-count:5;

-o-animation-name:deplacer;
-o-animation-duration:0.1s;
-o-animation-iteration-count:5;

animation-name:deplacer;
animation-duration:0.1s;
animation-iteration-count:5;
	/* text-shadow:0 10px 10px rgba(0,0,0,1); */
	/* text-decoration: overline; */
}



@-webkit-keyframes deplacer{
	0%{text-decoration:underline;}
	/* 25%{left:300px;top:0;} */
	/* 75%{top:200px;left:300px;} */
	100%{text-decoration:none;}
}



#contenu {
	background: #000000;
	text-align:center;
	padding-top:40px;
	padding-bottom:50px;
	/* overflow:visible scroll; */
}

#contenu #couv{
	width:80%;
	padding-right:160px;
	/* overflow:none; */
}

#pied {
	position:relative;
	background: #FFFFFF;
	color: #E6A948;
	padding: 5px 20px;
	font-size: 24px;
}

#copyright {
	/* background:violet; */
	padding:0;
	margin:0;
	margin-bottom:5px;
	float:left;
	color: #848F63;
}

#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}

#fb {
	/* background:yellow; */
	position:absolute;
	left:50%;
	margin-left:-60px;
}

#legal {
	/* background:green; */
	padding:0;
	margin:0;
	float:right;
}

#legal a {
	text-decoration:none;
}