/* ---------- Déclarations générales --------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
body.is-loading *, body.is-loading *:before, body.is-loading *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after 
{ -moz-animation: none !important; -webkit-animation: none !important; -ms-animation: none !important; animation: none !important; -moz-transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; transition: none !important; }	

/*	-------------------- Définitions globales de la page ------------------- */
#contenu_page 			{ max-width:1320px; margin:auto; background-color:#f2ede7; margin-bottom:15px; }

.left 					{ display: inline-block; margin-left:20px; margin-right:20px; float: left; }
.right 					{ display: inline-block; margin-left:20px;  float: right; }
.centre 				{ text-align:center; }
@media only screen and (max-width: 1050px)  { .left	{float: none; margin-left: 5%;} .right {float: none; margin-left: 5%;} }

.ligne_boutons			{ max-width:180px; padding:0px; text-align:center; padding:0px; margin-top:5px; margin-bottom:5px;  }
.ligne_boutons img		{ max-width:36px; max-height:36px; }

.separateur 			{ height:50px; width:211px; margin:auto; margin-top:15px; margin-bottom:15px; background:url("../images/site/separateur.gif") no-repeat; }
.set_icones				{ background:url('../images/site/icones.png') no-repeat; }
.petit_separateur		{ height:30px; width:300px; margin:auto; margin-top:15px; margin-bottom:15px; background:url("../images/site/stylo_plume.png") no-repeat; }
.grand_separateur		{ clear:both; height:100px; width:45%; margin:auto; margin-top:15px; margin-bottom:15px; background:url("../images/site/separateur_grand.webp") no-repeat; }
@media only screen and (max-width: 1300px)  { .grand_separateur  	{ width:60%; } }
@media only screen and (max-width: 1100px)  { .grand_separateur  	{ width:75%; } }
@media only screen and (max-width: 900px)   { .grand_separateur  	{ width:90%; } }
@media only screen and (max-width: 800px)   { .grand_separateur  	{ width:100%;} }
.stylo_debut_menu		{ width:30px; height:45px; margin:0px; padding:0px; padding-top:0px; display: inline-block; vertical-align: bottom; border:none; box-shadow:none; background:url(../images/site/stylo_debut_menu.png) no-repeat; }
.stylo_debut_h3			{ width:90px; height:20px; margin:0px; margin-right:5px; padding:0px; padding-bottom:5px;display: inline-block; vertical-align: bottom; border:none; box-shadow:none; background:url(../images/site/stylo_debut_h3.png) no-repeat; }




.attention				{ color: red; font-weight:bold; }
.note_repere			{ font-weight:bold; color:orangered; font-family: Arial; }
.auteur					{ font-size:small; text-align:right; font-style:italic;}
code, .code				{ display:block; text-align:left; line-height:18px; padding:4px; border:1px solid yellow; background-color:#565246; color:white; margin-top:3px; margin-bottom:-10px;}

.encadrage_avec_ombre 	{ border:1px solid #5e4b2b; box-shadow:2px 2px 10px #5e4b2b; vertical-align:bottom; }
.fond_couleur			{ background-color:wheat; }
.no_shadow			  	{ border:none; box-shadow:none; }

.nav_header_pub			{ text-align:center; min-height:50px; margin:0px; margin-top:2px; padding:0px; padding-top:5px; padding-bottom:5px; background-color:wheat; color:#5e4b2b; }
.footer_pub				{ clear:both; text-align:center; margin:0px; padding:0px; background-color:white;}
.bloc_300x250 			{ display: inline-block; width:300px; height:250px; }
.bloc_300x600 			{ display: inline-block; width:300px; height:600px; margin:auto;}
.bloc_970x90 			{ display: inline-block; width:970px; height:90px; margin:auto; text-align:center; }
@media only screen and (max-width: 990px)  { .bloc_970x90  { width:728px; height:90px; } }
@media only screen and (max-width: 750px)  { .bloc_970x90  { width:468px; height:60px; } }
@media only screen and (max-width: 490px)  { .bloc_970x90  { width:320px; height:50px; }}
.bloc_970x250			{ display: inline-block; width:970px; height:250px; margin:auto; padding:0px; text-align:center; }
@media only screen and (max-width: 990px)  { .bloc_970x250  { width:728px; height:90px; } }
@media only screen and (max-width: 750px)  { .bloc_970x250  { width:468px; height:60px; } }
@media only screen and (max-width: 490px)  { .bloc_970x250  { width:300px; height:250px; } }


.no_aff_basse_res		{ }
@media only screen and (max-width: 1320px)  { .no_aff_basse_res	{ display: none; } }

p.ligne_nav				{ padding:0px; line-height:20px; margin-bottom:40px; padding-top:10px; }
p.ligne_nav:before		{ display:block; float:left; font-family:arial; line-height:20px; font-size:60px; content:"\261E"; color:#a85d02; padding-left:15px; padding-right:15px; }

.puce_1						{ padding-left:5px;}
.puce_2						{ padding-left:15px;}
.puce_3						{ padding-left:30px;}
.puce_1:after				{ color: darkred; }
.puce_2:after				{ color: orangered;}
.puce_3:after				{ color: lightcoral;}
*[class*="puce_"] 			{ display:block; float:left; padding-right:12px; border:0px; font-family:arial; font-size:small; }
*[class*="puce_"]:after 	{ content:"\25BA"; text-shadow:1px 1px 1px lightslategray; }

.footer_links				{ clear:both; margin:0px; padding:5px; font-size:small; background:url('../images/site/back3.png'); }
.set_icones.icone_footer 	{ width:31px; height:31px; float:left; margin-right:6px; }
.icone_footer.i_div 		{ background-position: -204px -1px;  }
.icone_footer.i_commu 		{ background-position: -172px -1px; }
.icone_footer.i_part		{ background-position: -140px -1px; }
.block_col_4 b  			{ display:block; height:25px; padding-top:6px;  }
.nav_header 				{ text-align:center; min-height:90px; margin:0px; margin-top:2px; padding:0px; padding-top:5px; padding-bottom:5px; background-color:wheat; color:#5e4b2b; }
.nav_header_a 				{ max-width:1320px; margin:auto; display:block; overflow:hidden; text-align:center; color:#5e4b2b; font-size:large; font-style: oblique; font-weight: bold; font-family: Georgia, Arial, sans-serif; line-height: 1.5; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly;}
.nav_header_a li			{ display: inline-block; }
.nav_header_a li a 			{ padding-left: 25px; padding-bottom: 10px; }
@media only screen and (max-width: 850px) 	{ .nav_header_a li		{ display: block; text-align:left; } }


/* ------------------- Page ------------------ */
body { margin:auto; color:#61551b; background-color:#f2ede7; font-family: 'Trebuchet MS', Georgia, Verdana,  Arial, sans-serif; font-size:medium; line-height: 1.65; }
@media only screen and (max-width: 850px) 	  	{ body { font-size:120%; line-height: 1.65; } }
@media screen and (max-width: 480px)			{ html, body { min-width: 320px; }  }


/* ------ Grille des blocks d'affichage ------ */
.block_ligne_complete  		  { max-width:1320px; margin:auto; display:block; overflow:hidden;}
.block_ligne_complete::after  { clear:both; }

.block_col_1  { width: 6.6666666666667%; /*border:1px solid blueviolet;*/   }
.block_col_2  { width: 15%; 			 /*border:1px solid cyan;*/	 }
.block_col_3  { width: 23.333333333333%; /*border:1px solid yellow;*/}
.block_col_4  { width: 31.666666666667%; /*border:1px solid orange;*/}
.block_col_5  { width: 40%; 			 /*border:1px solid blue;*/  }
.block_col_6  { width: 48.333333333333%; /*border:1px solid green;*/ }
.block_col_7  { width: 56.666666666667%; /*border:1px solid gray;*/  }
.block_col_8  { width: 65%; 			 /*border:1px solid purple;*/}
.block_col_9  { width: 73.333333333333%; /*border:1px solid pink;*/  }
.block_col_10 { width: 81.666666666667%; /*border:1px solid darkgoldenrod;*/  }
.block_col_11 { width: 90%; 			 /*border:1px solid indigo;*/}
.block_col_12 { width: 98.333333333333%; /*border:1px solid olive;*/ }

.block_col_3_spe  	{ width: 310px; }
.block_col_9_spe	{ width: 73.5%;   }
@media only screen and (max-width: 1150px) 	{ .block_col_4	{ min-width: 260px; } }

*[class*="block_col_"]{
margin-left  : 0.7%;
margin-right : 0.1%;
margin-top   : 5px;
margin-bottom: 5px;
float: left;
display: block;
}
@media only screen and (max-width: 850px) 							{ [class*="block_col_"] { width: 100%; /*border:1px solid blueviolet;*/ } }
@media only screen and (min-width: 1251px) and (max-width: 1300px) 	{ .block_col_9_spe	{ width: 72.5%;	/*border:1px solid cyan;*/   } }
@media only screen and (min-width: 1200px) and (max-width: 1250px) 	{ .block_col_9_spe	{ width: 71.4%; /*border:1px solid yellow;*/ } }
@media only screen and (min-width: 1150px) and (max-width: 1200px) 	{ .block_col_9_spe	{ width: 70.5%;	/*border:1px solid orange;*/ } }
@media only screen and (min-width: 1100px) and (max-width: 1150px) 	{ .block_col_9_spe	{ width: 68.7%;	/*border:1px solid blue;*/   } }
@media only screen and (min-width: 1050px) and (max-width: 1100px) 	{ .block_col_9_spe	{ width: 67.4%;	/*border:1px solid green;*/  } }
@media only screen and (min-width: 1000px) and (max-width: 1050px) 	{ .block_col_9_spe	{ width: 65.8%;	/*border:1px solid gray;*/   } }
@media only screen and (min-width: 950px)  and (max-width: 1000px)	{ .block_col_9_spe	{ width: 64.2%; /*border:1px solid purple;*/ } }
@media only screen and (min-width: 900px)  and (max-width: 950px) 	{ .block_col_9_spe	{ width: 62.2%;	/*border:1px solid pink;*/   } }
@media only screen and (min-width: 850px)  and (max-width: 900px)	{ .block_col_9_spe	{ width: 59.9%;	/*border:1px solid darkgoldenrod;*/ } }

/* ------------ Balises de titre ------------- */
h1, h2, h3, h4, h5, h6 	{ text-align:left; color:#5c4803; font-family: Helvetica, sans-serif; line-height: 1.5; }
h1 						{ text-align:center; color:#5e4b2b; font-size:x-large; margin-top:3px; padding-top:10px; padding-bottom:10px; background-color:#cebea7; }
h2 						{ font-size:x-large; margin-left:7px; margin-top:20px; margin-bottom:20px; border-bottom:1px solid #5c4803;}
h3						{ font-size:large; margin-top:35px; margin-bottom:5px; margin-left:25px; }
h4						{ text-align:center; margin-top:5px; padding-top:10px; padding-bottom:10px; color:#5e4b2b; background-color:#cebea7; }



/* ----------- Balises générales ------------- */
a, a:visited			{ color: #a85d02; }
a:hover 				{ color: #4e4d4b; }
@media only screen and (max-width: 850px) { a { font-size:125%; line-height: 2; } }

header 					{ text-align:center; background-color:#f4cc8e; margin:0px; padding:0px; }
img 					{ max-width: 100%; height: auto; vertical-align:bottom;}
hr						{ clear:both; height:1px; max-width:50%; margin:auto; margin-top:20px; margin-bottom:20px; border-top:1px solid #cebea7; box-shadow: 0px 1px 1px 0px silver; }
strong, b				{ font-weight: bold; }
em, i					{ font-style: italic; }
ul						{ margin-left:3px; margin-top:5px; padding-bottom:8px;}
li						{ list-style:none; padding-left:5px; padding-bottom:3px; line-height:25px; }
ol, ul					{ list-style-position:inside; }
p						{ text-align:justify; margin-top:10px; margin-bottom:10px; margin-left:20px; margin-right:20px; font-family: Verdana, Arial, sans-serif;}
@media only screen and (max-width: 768px) 	{ p	{ margin-left:8px; margin-right:8px; } }

nav						{ display: inline-block; max-width:315px; vertical-align:top; margin-left:3px;  border-left:4px double silver; font-family: Helvetica, Arial, Georgia, 'Trebuchet MS', Verdana,  sans-serif;}
@media only screen and (max-width: 768px) 	{ nav { font-size:medium; } }

footer 						{ margin:auto; margin:0px; padding:2px; background-color:#4e4d4b; border-top:4px solid #b1aea9; font-family: Helvetica, Verdana, 'Trebuchet MS', Georgia, Arial, sans-serif; }
footer p					{ margin-top:5px; margin-bottom:5px; line-height:18px; text-align:center; font-size:small; color:#878684; }
footer a, footer a:visited	{ color:#B3C2D9; }
footer a:hover				{ text-decoration:underline; color:white; }

/*	------------------- Navigation entre les pages ------------------------- */
.navigation_page					{display:block; max-width:620px; min-height:60px; text-align:center; margin:auto; margin-top:35px; margin-bottom:35px; border-top:1px solid #a85d02; border-bottom:1px solid #a85d02;}
.navigation_page a , .navigation_fleche_gauche a , .navigation_fleche_droite a , .navigation_page a:visited , .navigation_fleche_gauche a:visited , .navigation_fleche_droite a:visited
									{display: inline-block; vertical-align:top; margin-top:15px; margin-bottom:15px; text-align:center; padding:8px 15px; background-color:#e8e3cd; border:1px solid #a85d02; }
.navigation_page a:hover, .navigation_fleche_gauche a:hover , .navigation_fleche_droite a:hover
									{background-color:#5e4b2b; border:1px solid white; color:white;}
.navigation_page_encours a , .navigation_page_encours a:visited
									{display: inline-block; vertical-align:top; margin-left:5px; text-align:center; padding:8px 15px; background-color:silver; border:1px solid gray; color:white; }
.navigation_page_encours a:hover	{background-color:#5e4b2b; border:1px solid white; color:white;}
.navigation_page a 					{margin-left:5px;}	
.navigation_fleche_gauche a 		{margin-right:30px;}
.navigation_fleche_droite a 		{margin-left:30px;}
/* ------------------------------------------------------------------------- */
/*	-- Section spéciale pour les blocs de l'index de la lecture en ligne --- */
.bloc_lecture			{ max-width:95%; padding:0px; margin:auto; margin-top:25px; margin-bottom:25px;  background-color:#f1e8d9; border:2px solid #d8923d; }
.bloc_lecture_img		{ float:right; vertical-align:top; max-width:350px; margin:10px 10px 10px 20px; }
acronym:hover			{ cursor: help; }
/* ------------------------------------------------------------------------- */
/*	-- 			Section spéciale pour la page d'index générale ----			 */
.index					{ margin:auto; position:relative; max-width:1000px; padding:0px; margin-top:25px; margin-bottom:5px; }
.index_block_section	{ position:relative; float:left; max-width:320px; height:680px; padding:0px; margin:auto; margin-top:5px; margin-bottom:50px; margin-left:10%;  background-color:#f1e8d9; border:2px solid #d8923d; }
.index_block_section h3	{ text-decoration: underline; font-size:large;margin:0px;padding:0px;margin-bottom:5px;font-style:italic;text-align:center;color:#9b6817;font-family: Georgia, Arial, sans-serif;}
.index_footer_block		{ text-align:center; padding:0px; margin-top:5px; margin-bottom:15px; }

.set_icones.choix_section 		{ width:62px; height:62px; display:block;  margin:auto;  position:absolute; top:650px; left:124px; }
.choix_section.i_edition 		{ background-position: -1px -1px;  }
.choix_section.i_edition:hover 	{ background-position: -64px -1px; }
.choix_section.i_lecture 		{ background-position: -1px -64px;}
.choix_section.i_lecture:hover 	{ background-position: -64px -64px;}
/*	-- 			Section spéciale pour la page d'index générale ----			 */
/* ------------------------------------------------------------------------- */
.cadre_conteneur_texte	{ max-width:95%; margin:2px; margin:auto; border:2px solid silver; padding:10px; color:black; border-radius: 10px; background-color:#f5f6f6; background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#d7d5e5 49%,#dddfe3 80%,#f5f6f6 100%); }
.zyl_table 		{ max-width:95%; margin:2px; margin:auto; text-align:center; font-size:medium; font-family: Verdana, Georgia, Arial, sans-serif; }
.zyl_table th	{ border:1px solid white; padding:5px; font-style: oblique; background-color:#cebea7; }
.zyl_table td	{ border:1px solid white; padding:5px; background-color:wheat; }
td.sous_titre	{ border:1px solid silver; padding:5px; background: silver; color: brown; font-style: italic; }
/* ------------------------------------------------------------------------- */
.bd_texte_600	{ max-width:560px; margin:auto; margin-top:1px; margin-bottom:40px; padding:20px; background-color:#e8e3cd; border:1px solid #61551b; font-family: Georgia, Tahoma, Arial,  'Trebuchet MS',  sans-serif;}
.bd_texte_750	{ max-width:770px; margin:auto; margin-top:1px; margin-bottom:40px; padding:15px; background-color:#e8e3cd; border:1px solid #61551b; font-family: Georgia, Tahoma, Arial,  'Trebuchet MS',  sans-serif;}
/* ------------------------------------------------------------------------- */