/* Charte */
/* Vert pomme : #afcf40 */

body{
	background-color:#333;
	color:white;
	font-family:arial, sans-serif;
	font-size:14px;
	line-height:1.5;
}

.conteneur{
	/* largeur et centrage */
	max-width:1000px;
	margin:0 auto;
	padding:40px;
}

p,img,h1,h2,h3,blockquote, nav{
	margin-bottom:20px;
}

.titre-site{
	font-size:500%;
	text-align:center;
	font-family:"Time New Roman", Times, serif;
	color:#ccc;
}

.titre-site a{
	color:#ccc;
	text-decoration:none;
}

.titre-site a:hover{
	text-shadow:0px 0px 20px #afcf40;
}

.titre-site span{
	font-size:130%;
	color:#afcf40;
}

/* Navigation */

nav{
	border-top:2px solid #afcf40;
	border-bottom:2px solid #afcf40;
	padding:20px;
}

nav ul{
	list-style-type:none;
}

nav ul li{

}

nav ul li a{
	color:white;
	text-decoration:none;
	font-weight:bold;
	padding-left:25px;
}

nav ul li a:hover{
	color:#afcf40;
	text-shadow:0px 0px 5px white;
}

nav ul li a.pageactive{
	color:#afcf40;
	border-left:15px solid #afcf40;
	padding-left:10px;
}

/* Contenu */

h1,h2,h3,h4{
	font-weight:normal;
}

h1{
	font-size:400%;
	/* Ombre portée pour le texte */
	text-shadow:0px 0px 30px #afcf40;
}

h2{
	font-size:300%;
	color:#afcf40;
	padding-top:40px;
}

blockquote{
	font-style:italic;
	font-family:"Time New Roman", Times, serif;
	border-left:5px solid #afcf40;
	padding:40px;
}

footer{
	text-align:center;
	color:#afcf40;
	padding:40px;
}

img{
	max-width:100%;
	height:auto;
}