/*Ici le code CSS qui gère la couleur, la police de caractère,
 les bordures, les images de fonds et autres éléments graphiques
 des différentes pages du site*/

/*------------------------------------------------------
----------------------- SOMMAIRE -----------------------
1. TOUTE PAGE
2. NAVIGATION
3. HEADER
4. FOOTER
5. ACCUEIL
6. RUBRIQUE
7. ARTICLE - Livre
8. MOT CLEF
9. PLAN DU SITE
10. COULEUR LIEN : MOT CLEF / PLAN DU SITE
11. RESULTAT RECHERCHE
12. ERREUR 404
--------------------------------------------------------
------------------------------------------------------*/


/*------------------------------------------------------
--------------------- TOUTE PAGE -----------------------
------------------------------------------------------*/

@font-face {font-family: "Perpetua Titling MT";
	src: url("//db.onlinewebfonts.com/t/d461c89ddda0ee0e6493f1cc55e60d4e.eot");
	src: url("//db.onlinewebfonts.com/t/d461c89ddda0ee0e6493f1cc55e60d4e.eot?#iefix") format("embedded-opentype"),
	url("//db.onlinewebfonts.com/t/d461c89ddda0ee0e6493f1cc55e60d4e.woff2") format("woff2"),
	url("//db.onlinewebfonts.com/t/d461c89ddda0ee0e6493f1cc55e60d4e.woff") format("woff"),
	url("//db.onlinewebfonts.com/t/d461c89ddda0ee0e6493f1cc55e60d4e.ttf") format("truetype"),
	url("//db.onlinewebfonts.com/t/d461c89ddda0ee0e6493f1cc55e60d4e.svg#Perpetua Titling MT") format("svg");
}

html {
	background-color:#333;
}

body {
	font-family:Verdana, "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", Arial, sans-serif;
	color:#1a1918;
}

body a {
	text-decoration:none;
}

body a:hover {
	background:none;
}

.main {
	background-color:#f2f2f2;
}

/*------------------------------------------------------
--------------------- NAVIGATION -----------------------
------------------------------------------------------*/

nav {
	background-color:#1a1918;
}

.nav ul {
	font-family:"Perpetua Titling MT";
	font-variant-caps: caps;
	font-size:1.5rem;
	line-height:2rem;
	border-width:0.1em 0;
	border-style:solid;
	border-color:#e6c317;
	background-image:url("../IMG/element_graphique/signe_anciens.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

body .nav a {
	background:none;
	color:#fff;
}

body .nav a:hover {
	background:none;
	color:#e6c317;
}

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

header {
	background-image:url("../IMG/element_graphique/bandeau_header.png");
}

.arbo {
	font-family:"Perpetua Titling MT";
	font-variant-caps: caps;
	font-weight:bold;
	font-size:2rem;
	color:#fff;
}

header label {
	font-variant-caps: caps;
	font-weight:bold;
	color:#fff;
}

header .formulaire_recherche .text {
	border-radius: 1em 0 0 1em;
}

header .formulaire_recherche .submit {
	background-color:#f2f2f2;
	border-radius: 0 1em 1em 0;
}


/*------------------------------------------------------
----------------------- FOOTER -------------------------
------------------------------------------------------*/

.footer {
	background-color:#333333;
	border-top:0px none;
	color:#fff;
}

.footer span, .footer a {
	color:#e6c317;
}

/*------------------------------------------------------
----------------------- ACCUEIL ------------------------
------------------------------------------------------*/

.chapo {
	background-color:#fff;
	font-weight:bold;
	font-size:1rem;
}

.chapo strong {
	color:#8a9199;
	font-family:"Perpetua Titling MT";
	font-variant-caps: caps;
	font-weight:bold;
	font-size:2rem;
}

h2 {
	background-color:#1a1918;
	border-radius:0 50px 50px 0;
	color:#fff;
	font-family:"Perpetua Titling MT";
	font-variant-caps: caps;
	font-size:1.5rem;
}

.agenda:hover h2 {
	color:#e6c317;
}

.parus_flexbox .titre_paru {
	background-color:#fff;
}

.titre_paru a {
	color:#8a9199;
}

h3 {
	border-bottom:0.1em solid #8a9199;
	font-family:"Perpetua Titling MT";
	font-variant-caps: caps;
	font-size:1.5rem;
	font-weight:bold;
}

.titre_paru .soustitre {
	font-size:1.2rem;
	font-style:italic;
	text-decoration:underline #8a9199;
}

.description {
	text-align:justify;
}

/*------------------------------------------------------
----------------------- RUBRIQUE -----------------------
------------------------------------------------------*/

.article_flexbox .article_content {
	background-color:#fff;
}

.article_content a {
	color:#8a9199;
}

.article_content p {
	text-align:justify;
}

.text_left p {
	text-align:left;
}

.article_content .description {
	font-weight:bold;
}

.article_content .bloc_mot-clef {
	color:#1a1918;
	font-size:0.9rem;
	font-style:italic;
	line-height:1.9rem;
}

.article_content h6 {
	text-decoration:underline #1a1918;
}

.article_content li {
	margin-bottom:0;
}

.article_content strong {
	font-size:1rem;
}

.pagination {
	font-weight:bold;
}

.pagination .on, .pagination a:hover {
	background-color:#1a1918;
	color:#e6c317;
}

.pagination a {
	background-color:#fff;
	color:#1a1918;
}

.sommaire {
	background-color:#fff;
	color:#8a9199;
}

.sommaire a {
	color:#8a9199;
	font-family:"Perpetua Titling MT";
	font-size:1.2rem;
	line-height:2rem;
}

.rubrique-5 h3, .rubrique-8 h3, .rubrique-9 h3, .rubrique-10 h3, .rubrique-11 h3, .rubrique-12 h3 {
	color:#8a9199;
}

.rubrique-4 .content {
	background-color:#fff;
}

/*------------------------------------------------------
------------------- ARTICLE - Livre --------------------
------------------------------------------------------*/
.page_article .article_content {
	background-color:#fff;
	font-weight:normal;
}

.page_article h1, .page_mot h1{
	background-color:#fff;
	font-family:"Perpetua Titling MT";
	color:#8a9199;
}

/*------------------------------------------------------
---------------------- MOT CLEF ------------------------
------------------------------------------------------*/

.page_mot .cartouche {
	background-color:#fff;
}

.aside {
	background-color:#fff;
}

.aside h2 {
	background-color:transparent;
	border-bottom: 0.1em solid #8a9199;
	border-radius:0;
}


/*------------------------------------------------------
-------------------- PLAN DU SITE ----------------------
------------------------------------------------------*/

.page_plan .main {
	background-color:#fff;
}

.section_plan {
	border-bottom: 0.1em solid #8a9199;
}

.section_plan h1 a {
	color:#8a9199;
	font-family:"Perpetua Titling MT";
}

/*------------------------------------------------------
------- COULEUR LIEN : MOT CLEF / PLAN DU SITE ---------
------------------------------------------------------*/

.page_mot .menu_articles a:hover, .aside h2, .aside a:hover, .aside .on, .section_plan a:hover {
	color:#8a9199;
}

.page_mot .menu_articles a, .aside a, .section_plan a{
	color:#1a1918;
}

/*------------------------------------------------------
------------------ RESULTAT RECHERCHE ------------------
------------------------------------------------------*/

.page_recherche .cartouche {
	background-color:#fff;
}

.page_recherche .cartouche h1 {
	color:#8a9199;
	font-family:"Perpetua Titling MT";
}

.page_recherche .menu a:hover {
	color:#8a9199;
}

.page_recherche .menu a{
	color:#1a1918;
	font-weight:bold;
}

/*------------------------------------------------------
--------------------- ERREUR 404 -----------------------
------------------------------------------------------*/
.page_404 .main {
	background-color:#fff;
}

.page_404 .cartouche h1 {
	color:#8a9199;
	font-family:"Perpetua Titling MT";
}