body {
	margin:0;
	padding:0;
	background:transparent url("../images/en-tete.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#000000;
}
a {
	outline:0;
}
img {
	border:0;
}
#page {
	background:transparent url("../images/pied-de-page.jpg");
	background-position:bottom center;
	background-repeat:no-repeat;
	width:100%;
}

				/*------ HEADER ------*/

#page div#header {
	width:950px;
	height:275px;
	margin:0 auto;
	text-align:center;
	position:relative;
	overflow:hidden;
}
#page div#header img {
	position:relative;
	top:25px;
}

				/*------ HEADER liste NAVIGATION ------*/

#page div#header ul.navigation {
	background-image: url("../images/navigation.png");
	background-position:center center;
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0;
	padding:0;
	height:120px;
	position:relative;
	top:13px;
	left:0;
}
#page div#header ul.navigation li {
	float:left;
	line-height:120px;
	text-align:center;
}
#page div#header ul.navigation li.menu {
	margin:0 0 0 50px;
}
#page div#header ul.navigation li a {
	font-family:Volkhov;
	font-size:20px;
	font-weight:normal;
	color:#311a0b;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 50px;
	text-shadow:0 1px 0 #e5c288;
	display:block;
}
#page div#header ul.navigation li a:hover {
	font-family:Volkhov;
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 50px;
	text-shadow:0 1px 0 #e5c288;
	background-image: url("../images/selection.png");
	background-position:center center;
	background-size: contain;
	background-repeat:no-repeat;
}
#page div#header ul.navigation li a.actif {
	font-family:Volkhov;
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 50px;
	text-shadow:0 1px 0 #e5c288;
	background-image: url("../images/selection.png");
	background-position:center center;
	background-size: contain;
	background-repeat:no-repeat;
}

				/*------ BODY ------*/

#page #body {
	width:888px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 0;
}

				/*------ BODY division unique (id) INTRO ------*/

#page #body div.intro {
	width:884px;
	height:380px;
	background:transparent url("../images/cadre.png");
	background-position:center center;
	background-repeat:no-repeat;
	padding:2px;
	position:relative;
	margin:0 0 25px 0;
}
#page #body div.intro img {
	opacity:1.0;
}
#page #body div.intro span {
	width:21px;
	height:404px;
	background:transparent url("../images/soleils.png");
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:-10px;
	left:442px;
}
#page #body div.intro div.section {
	width:376px;
	height:298px;
	padding:25px;
	background:transparent url("../images/fond-texte.png");
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:20px;
	left:20px;
}
#page #body div.intro div.section h2 {
	margin:0;
	font-family:Volkhov;
	font-size:40px;
	height:80px;
	line-height:40px;
	color:#fbc316;
	font-weight:normal;
	text-decoration:none;
	font-variant:small-caps;
	text-align:center;
	display:block;
	text-shadow:2px 2px 5px #120c0b;
}
#page #body div.intro div.section p {
	font-family:Georgia;
	font-size:14px;
	color:#ffffff;
	text-align:justify;
	line-height:24px;
	margin-bottom:17px;
}
#page #body div.intro div.section p a {
	font-family:Georgia;
	font-size:14px;
	color:#ffffff;
	text-align:justify;
	line-height:24px;
	text-decoration:underline;
}
#page #body div.intro div.section p a:hover {
	font-family:Georgia;
	font-size:14px;
	color:#b8b6b6;
	text-align:justify;
	line-height:24px;
	text-decoration:none;
}
#page #body div.intro div.section a.bouton {
	background:url("../images/boutons.png") no-repeat scroll 0 -98px transparent;
	text-decoration:none;
	width:186px;
	height:48px;
	display:block;
	margin:0 auto;
}
#page #body div.intro div.section a.bouton:hover {
	background:url("../images/boutons.png") no-repeat scroll 0 0 transparent;
}

				/*------ BODY division unique (id) CONTENU_ETROIT ------*/

#page #body div#contenu_etroit {
	width:630px;
	float:left;
	margin:0 36px 0 0;
}
#page #body div#contenu_etroit img {
	margin:15px 0 15px 0;
}
#page #body div#contenu_etroit img:hover {
	opacity:0.8;
}
#page #body div#contenu_etroit h1 {
	font-family:Volkhov;
	font-size:21px;
	font-style:normal;
	font-weight:bold;
	font-variant:small-caps;
	color:#fbc316;
	margin:15px 0 0 0;
	display:block;
}
#page #body div#contenu_etroit p {
	font-family:Georgia;
	font-size:14px;
	font-weight:normal;
	color:#b8b6b6;
	text-align:justify;
	line-height:24px;
}
#page #body div#contenu_etroit p a {
	font-family:Georgia;
	font-size:14px;
	font-weight:normal;
	color:#b8b6b6;
	text-align:justify;
	line-height:24px;
}
#page #body div#contenu_etroit p a:hover {
	font-family:Georgia;
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	text-align:justify;
	line-height:24px;
	text-decoration:none;
}
#page #body div#contenu_etroit table {
	width:630px;
	border-style:none;
	caption-side:top;
	margin:0;
	padding:0;
}
#page #body div#contenu_etroit caption {
	font-family:Georgia;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#fbc316;
	text-align:left;
	margin:30px 0 10px 0;
}
#page #body div#contenu_etroit th, td {
	font-family:Georgia;
	font-size:14px;
	font-weight:normal;
	color:#b8b6b6;
	text-align:left;
	vertical-align:top;
}
#page #body div#contenu_etroit .numero {
	width:20px;
	table-layout:fixed;
	text-align:left;
}
#page #body div#contenu_etroit .auteurs {
	width:330px;
	table-layout:fixed;
	text-align:left;
}
#page #body div#contenu_etroit .annee {
	width:35px;
	table-layout:fixed;
	text-align:right;
}

				/*------ BODY division récurrente (class) LATERAL ------*/

#page #body div#lateral {
	width:222px;
	float:left;
	padding:15px 0 0 0;
}
#page #body div#lateral .gallimard {
	background:transparent url("../images/boutons.png") no-repeat scroll 0 -312px;
	text-decoration:none;
	width:222px;
	height:66px;
	display:block;
	margin:0 0 15px 0;
}
#page #body div#lateral a.gallimard:hover {
	background:transparent url("../images/boutons.png") no-repeat scroll 0 -196px;
}
#page #body div#lateral ul.contact {
	margin:35px 0 0 0;
	padding:10px 0 0 0;
	width:222px;
	background:transparent url("../images/fond-contacts.png");
	background-position:center center;
	background-repeat:no-repeat;
}
#page #body div#lateral ul.contact li {
	width:222px;
	height:60px;
	display:block;
	font-family:UnifrakturCook;
	font-size:22px;
	text-align:center;
	line-height:60px;
	color:#ffffff;
	font-weight:normal;
}
#page #body div#lateral ul.contact li a.fumee {
	background:transparent url("../images/icones.png") no-repeat scroll center -57px;
	text-decoration:none;
	width:222px;
	height:62px;
	display:block;
}
#page #body div#lateral ul.contact li a.fumee:hover {
	background:transparent url("../images/icones.png") no-repeat scroll center 19px;
}
#page #body div#lateral ul.contact li a.pigeon {
	background:transparent url("../images/icones.png") no-repeat scroll center -209px;
	text-decoration:none;
	width:222px;
	height:62px;
	display:block;
	font-weight:normal;
}
#page #body div#lateral ul.contact li a.pigeon:hover {
	background:transparent url("../images/icones.png") no-repeat scroll center -132px;
}
#page #body div#lateral ul.contact li a.telecopieur {
	background:transparent url("../images/icones.png") no-repeat scroll center -366px;
	text-decoration:none;
	width:222px;
	height:62px;
	display:block;
}
#page #body div#lateral ul.contact li a.telecopieur:hover {
	background:transparent url("../images/icones.png") no-repeat scroll center -290px;
}
#page #body div#lateral ul.restrictions {
	background:transparent url("../images/restrictions.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	width:222px;
	margin:30px 0 0 0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}
#page #body div#lateral ul.restrictions li {
	width:182px;
	padding:0 20px;
}
#page #body div#lateral ul.restrictions li h2 {
	width:182px;
	font-family:Volkhov;
	font-size:21px;
	font-variant:small-caps;
	color:#fbc316;
	text-align:center;
	line-height:20px;
	margin:20px 0 15px 0;
	text-shadow:2px 4px 6px #0b0e0a, 1px -4px 6px #2e372b;
}	
#page #body div#lateral ul.restrictions li p {
	color:#b8b6b6;
	font-family:Georgia;
	font-size:14px;
	text-decoration:none;
	line-height:20px;
	text-align:justify;
	margin-bottom:20px;
}
#page #body div#lateral ul.restrictions li p a {
	font-family:Georgia;
	font-size:14px;
	color:#b8b6b6;
	text-align:justify;
	line-height:20px;
	text-decoration:underline;
}
#page #body div#lateral ul.restrictions li p a:hover {
	font-family:Georgia;
	font-size:14px;
	color:#ffffff;
	text-align:justify;
	line-height:20px;
	text-decoration:none;
}

				/*------ BODY division récurrente (class) CONTENU LARGE ------*/

#page #body div.contenu_large {
	width:888px;
	margin:0 auto;
}
#page #body div.contenu_large h1 {
	font-family:Volkhov;
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	font-variant:small-caps;
	text-align:left;
	color:#fbc316;
	clear:left;
}

				/*------ BODY division récurrente (class) CONTENU_LARGE liste SERIES ------*/

#page #body div.contenu_large ul.series {
	list-style-type:none;
	margin:10px 100px 30px 100px;
	padding:0;
	overflow:hidden;
}
#page #body div.contenu_large ul.series li {
	float:left;
}
#page #body div.contenu_large ul.series li a {
	font-family:Georgia;
	font-size:15px;
	text-decoration:none;
	font-variant:small-caps;
	padding:0 20px;
	color:#fbc316;
}
#page #body div.contenu_large ul.series li a:hover {
	font-family:Georgia;
	font-size:15px;
	text-decoration:none;
	font-variant:small-caps;
	padding:0 20px;
	color:#b8b6b6;
}


				/*------ BODY division récurrente (class) CONTENU_LARGE / LIVRE ------*/
								
								
#page #body div.contenu_large .livre {
    float: left;
	border:none;
	margin:10px 0 40px 0;
	padding:0;
	width: 50%;
	font-variant:normal;
	height:auto;
	display:block;
	overflow:hidden;
}
#page #body div.contenu_large .livre img {
	float:left;
	margin:0 20px 20px 0;
	width: 30%;
	border-style:solid;
	border-width:2px;
	border-color:#4b3f01;
}
#page #body div.contenu_large .livre img:hover {
	opacity:0.8;
}
#page #body div.contenu_large .livre h2 {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-variant:normal;
	line-height:24px;
	color:#fbc316;
	margin:0 0 20px 0;
}
#page #body div.contenu_large .livre h2 a {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-variant:normal;
	line-height:24px;
	color:#fbc316;
	text-decoration:none;
	margin:0 0 20px 0;
}
#page #body div.contenu_large .livre h2 a:hover {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-variant:normal;
	line-height:24px;
	color:#b8b6b6;
	text-decoration:none;
	margin:0 0 20px 0;
}
#page #body div.contenu_large .livre p {
	font-family:Georgia;
	font-size:14px;
	font-weight:normal;
	font-variant:normal;
	line-height:24px;
	color:#b8b6b6;
	margin:0;
	padding-right:20px;
}
#page #body div.contenu_large .livre a.resume {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-variant:normal;
	color:#ff3f3f;
	margin:15px 0 0 0;
	display:block;
}
#page #body div.contenu_large .livre a.resume:hover {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-variant:normal;
	color:#a42a16;
}

				/*------ BODY division récurrente (class) CONTENU_LARGE / UL ------*/


#page #body div.contenu_large ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#page #body div.contenu_large ul li {
	display:block;
	position:relative;
}
#page #body div.contenu_large ul li figure {
	font-family:Georgia;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	font-variant:normal;
	text-align:center;
	line-height:24px;
	color:#b8b6b6;
	float:right;
	width:400px;
	height:970px;
	margin:auto;
}
#page #body div.contenu_large ul li div {
	width:450px;
	position:absolute;
	top:0;
	left:0;
}
#page #body div.contenu_large ul li div h2 {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	color:#fbc316;
	margin:20px 0 0 0;
}
#page #body div.contenu_large ul li div h2 a {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color:#fbc316;
}
#page #body div.contenu_large ul li div h2 a:hover {
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#b8b6b6;
	text-decoration:underline;
}
#page #body div.contenu_large ul li div p {
	font-family:Georgia;
	font-size:14px;
	line-height:24px;
	color:#b8b6b6;
	float:none;
	text-align:justify;
	margin:0;
	
}
#page #body div.contenu_large ul li div p a {
	width:630px;
	font-family:Georgia;
	font-size:14px;
	line-height:24px;
	text-decoration:none;
	color:#b8b6b6;
}
#page #body div.contenu_large ul li div p a:hover {
	width:630px;
	font-family:Georgia;
	font-size:14px;
	line-height:24px;
	color:#ffffff;
	text-decoration:underline;
}

								/*------ FOOTER (pied de page) ------*/

#page #footer {
	width:888px;
	margin:0 auto;
	overflow:hidden;
}
#page #footer ul {
	list-style-type:none;
	margin:20px 0 170px 0;
	padding:0;
	overflow:hidden;
}
#page #footer ul li {
	float:left;
	width:262px;
	margin:0 50px 0 0;
}
#page #footer ul li.dernier {
	margin:0;
}
#page #footer ul li a {
	display:block;
}
#page #footer ul li a.liste {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -318px;
	text-decoration:none;
	width:260px;
	height:268px;
}
#page #footer ul li a.liste:hover {
	background:transparent url("../images/interface.png") no-repeat scroll 0 0;
}
#page #footer ul li a.resumes {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -1590px;
	text-decoration:none;
	width:260px;
	height:268px;
}
#page #footer ul li a.resumes:hover {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -1272px;
}
#page #footer ul li a.propos {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -954px;
	text-decoration:none;
	width:260px;
	height:268px;
}
#page #footer ul li a.propos:hover {
	background:transparent url("../images/interface.png") no-repeat scroll 0 -636px;
}
#page #footer ul li p {
	font-family:Georgia;
	font-size:14px;
	color:#ff3f3f;
	text-align:center;
	line-height:24px;
}
#page #footer ul li p a {
	display:inline;
	font-family:Georgia;
	font-size:14px;
	color:#ff3f3f;
	text-align:center;
	line-height:24px;
}
#page #footer ul li p a:hover {
	display:inline;
	font-family:Georgia;
	font-size:14px;
	color:#ff3f3f;
	text-align:center;
	line-height:24px;
	text-decoration:none;
	display:inline;
}
#page #footer span {
	text-align:center;
	margin:0 0 65px 0;
	font-family:"Trebuchet MS";
	color:#ff3f3f;
	display:block;
	font-size:10px;
}
#page #footer span a {
	font-family:"Trebuchet MS";
	text-decoration:underline;
	color:#ff3f3f;
}
#page #footer span a:hover {
	font-family:"Trebuchet MS";
	color:#ff3f3f;
	text-decoration:none;
}