body {

	background-color:#eee8cd;

	font-family: Arial; 

              

	font-size : 13pt;

	border-style: solid;

	text-align : justify;

	border-color : #CD0000;

	border-width : 20px;

	margin-left : 0;

	margin-right : 0;

}


ol li {  display: list-item;  list-style-position: outside;  }
ol li::marker {  font-weight: bold; }


img.menu-lien { border : 0; }

hr.section { color : #CD0000; background : #CD0000; width : 50%; height : 5px; }

/* Barre menu avec icones */

div.menu-haut {

	border-bottom: solid #CD0000 0px;

	border-top: solid #CD0000 0px;

	background-color:#CD0000;

}



/* Corps */

div.corps p {

	margin-left : 5%; 

	margin-right : 5%; 
	margin-top: 10px;

}

div.corps blockquote {

	margin-left : 10%; 

	margin-right : 5%; 

}

div.corps table {

	margin-left : 5%; 

	margin-right : 5%; 

}

div.corps ol, div.corps ul {

	margin-left : 5%; 

	margin-right : 5%; 

}



.texte { color : #000000; font-weight : normal; }

cite {	font-style: italic ; }

citeem { text-decoration : underline; }



/* Table de classe "Data" */

div.corps table.data {

	border : 1;

}

div.corps tr.data_head {

	background-color:#CD0000;

	color : white;

}

div.corps tr.impaire {

	background-color:#bdb76b;

}

div.corps td.first {

	margin-left : 5%; font-style: italic ;font-weight : normal; 

}



/* Cartouche d'entete */

div.entete {

	background-color: #CD0000;

	border-bottom: solid #CD0000 5px;

	border-top: solid #CD0000 5px;

	margin-left : 0%; 

	margin-right : 0%; 

}





/* Menu de navigation positionné en haut et en bas d'une page */

p.an_pub { 	font-stretch : ultra-condensed;

		font-family :  "Courier New";

		font-size : 250%;

		font-weight : bolder;

		color : #FFFFFF;

		margin-top : 0px;

		MARGIN-RIGHT: 10%;



}

td.an_pub {

	vertical-align : text-top;

}

p.cartouche {

	margin-top : 0px;

	font-weight : bolder;	

}





/* Référence   un texte dans l'entete */

p.cartouche .ouvrage { color : #FFFFFF ; }







/* Zone de Titre */

div.titre {

	border-bottom: solid #CD0000 5px;

	text-align: center;

	font-family :  "Courier New";

	font-weight : bold;

	font-size : 11pt;



}



div.img_droite { float : right; } /* zone   droite : portrait de l'auteur */

.portrait {	

	border : 0;

	margin : -20px 0px 0px 0px;

	padding : 0px 0px 0px 0px;

}



/* Titres, ss-titres... */ 

p.titre {

	color : #CD0000;

	font-size : 250%;

	font-weight : bold;

        line-height : 120%;

        margin-left : 3%; 

	margin-right : 3%; 

	

}

p.ss-titre {

	color : #CD0000;

	font-size : 180%;

	font-style : italic;

        line-height : 120%;

}





p.auteur {

	font-size : 140%;

	color : #757575;

	line-height : 120%;

	text-align: center;

}

p.auteur a {

	font-size : 140%;

	color : #757575;

	line-height : 50%;

	text-align: center;

	text-decoration : none;

}

p.auteur a:hover {

	text-decoration : underline;

}

p.date-pub {

	font-size : 150%;

	color : #757575;

	text-align: center;

}



/* corps du texte */

div.corps {

	width: 97%; 

	padding: 1em; 

}



div.corps a { color : black; font-weight : bold; }  /* Lien initial */

div.corps a:visited  { font-weight : normal; }  /* Lien déja  lu */

div.corps a:hover  { color : #CD0000; }  /* Survol du lien vers une notice de journal */



div.corps p .titre-journal { font-style : italic; }

p.date-lettre {	text-align : right; } /* Date d'une lettre, article, etc. (haut/droite) */

p.signature {	font-style : italic; /* Signature d'une lettre, article, etc. */

		text-align : right; }

p.formule_intro {		text-align: center; } /* formule du type "cher tonton, etc.. */

div.corps p .ouvrage  { font-style : italic; }  /* Titre d'un livre (sans lien href) */



div.corps p .bio  { color : black; font-weight : bold; }  /* Lien initial vers une notice biographique */

div.corps p .bio:visited  { font-weight : bold; }  /* Lien vers une notice biographique déj  lue */

div.corps p .bio:hover  { color : #CD0000; }  /* Survol du lien vers une notice biographique */



div.corps p .revue  { font-style : italic; color : black; font-weight : bold; }  /* Lien vers une notice de journal */

div.corps p .revue:visited  { font-weight : bold; }  /* Lien vers une notice de journal déj  lue */

div.corps p .revue:hover  { color : #CD0000; }  /* Survol du lien vers une notice de journal */



div.corps p .orga  { font-style : italic; color : black; font-weight : bold; }  /* Lien vers une notice de journal */

div.corps p .orga:visited  { font-weight : bold; }  /* Lien vers une notice de journal déj  lue */

div.corps p .orga:hover  { color : #CD0000; }  /* Survol du lien vers une notice de journal */







/* notes */

div.ftndiv {

	color : #CD0000;

 	margin-bottom: 25px;

}

p.footnotehr {

	color : #FFFFFF;

	background-color : #CD0000;

	font-size : 300 %;

	font-weight : bold;

	padding : 0px 0px 0px 20px;

}



.footnote_text {

	color : #CD0000;

	font-size : 80%;

	text-indent : 0%;

	margin-left : 5%; 

	margin-right : 5%; 

}

div.ftndiv ul {

	color : #CD0000;

	font-size : 80%;

	text-indent : 0%;

	margin-left : 5%;

	margin-right : 7%;

}

p.footnote_text a { color : #CD0000; text-decoration : none; }

p.footnote_text a:hover { color : #CD0000; font-weight : bold; } 



a.footnote {

	font-weight : bold;

	color : #000000;

}

a.footnote:hover {

	font-weight : bold;

	color : #CD0000;

}

a.footnote:visited {

	font-weight : normal;

	color : #000000;

}

a.fnref {

	font-weight : bold;

	color : #CD0000;

} 

a.fnref:hover {

	font-weight : bold;

	color : #000000;

} 



/* Zone finale de la page */

div.final {



	border-top : solid #CD0000 5px;

	MARGIN-LEFT: 0%; MARGIN-RIGHT: 0%; 

}

table.final { MARGIN-LEFT: 0%; MARGIN-RIGHT: 0%; }

body.sommaire { border-width : 0px; }
li.sommaire { color: #CD0000; }
body.sommaire table { margin: 0px auto; }
body.sommaire table td:last-child {	padding-left: 50px; }

header {	background-color: #CD0000; }
header table { width: 100%; }
header table td:first-child { text-align: left; width:15px;  overflow: hidden; }
header table td:last-child {	text-align: right; }
header h1 {
	color:#eee8cd;
	font-family :  "Courier New";
	color: lightgray;
	text-align: center;
	font-size: 40pt;
	line-height: 0pt;
}
div.corps table tr td:first-child { color: #CD0000; font-size: 100%; }
header h2 {
	color: lightgray;
	font-family :  "Courier New";
	text-align: center;
	font-size: 30pt;
	line-height:15pt;
}
header h3 {
	color: lightgray;
	font-family :  "Courier New";
	text-align: center;
	font-size: 24pt;
	line-height:5pt;
}


footer {
	border-top: solid medium #CD0000;
   position:relative;
   bottom: 0;
   padding:0;
   width: 100%;
   right: 0px;
}
footer table { width: 100%;margin-left: auto; margin-right: auto; text-align: center;  }

footer table td:first-child { width: 15%; text-align: left; }
footer table td:last-child { width: 15%; text-align: right; }
ul.navigation {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0 auto;
}
li {
    display: table-cell;
    word-wrap: break-word;
}

div.final  table td:first-child { width: 15%; text-align: left; }
div.final  table td:last-child { width: 15%; text-align: right; }


hr.footnotehr::after {

	content : "Notes";

	font-size : 14pt;

	font-weight : bold;

	color : #CD0000;

	background-color : silver;

	text-align: center;

}

/* Sommaires */

ul.sommaire {

	list-style : disc;

	text-align : left;

	margin-top:0;

	margin-bottom:0;

	font-size : 80%;	

}

.txt_sommaire { font-weight : bold; }

ul.sommaire li { color : #CD0000; font-weight : bold; margin-left : 0; }

ul.sommaire li a { text-decoration : none; }


/* table class=foot (footer ne marche pas) */

	table.foot {  width: 100%;	}
	table.foot td:first-child { text-align: left; }
	table.foot td:last-child { text-align: right; }
	table.foot td { text-align: center; }
	table.navig {
		max-width: fit-content;  
		margin-left: auto;  
		margin-right: auto;
	}



/* Figures */

div.illustration {

	align : middle;

}

div.illustration p.legende {

	text-align : center;

	font-size : 90%;

	color : #CD0000;

	font-weight : bold;

	font-stretch : ultra-condensed;

	font-family :  "Courier New";

	vertical-align : top;

}

div.illustration p.image {

	text-align : center;

}



/* Heading */

h3 {

	color : #CD0000;

	font-weight : bold;

	font-size : 150%;

}

h4 {visited

	margin-left : 5%; 

	font-family :  "Courier New";

	font-size : 130%;

	font-weight : bold;

}



/* Surlignage correspondant à des langues étrangères */

.fr_texte { background: yellow; } /* En français dans le texte */

.uk_texte { background: lightblue; } /* En anglais dans le texte */



/* Style utiles pour les documents de type "lettre" */

p.addr-lettre {	text-align : right; } /* Addresse en tête d'une lettre, article, etc. (haut/droite) */

p.politesseav {	text-align : center; } /* Formule de politesse initiale : mon cher... */

p.politessear { text-indent : 10%; } /* Formule de politesse finale : votre dévoué... */



*/ Annexes dans un premier document */

p.titre-annexe { text-align : center; color : #FFFFFF; background-color : #CD0000; font-weight : bold; }

p.ss-titre-annexe { text-align : center; color : #CD0000; font-weight : bold; }

p.image {  text-align : center; } /* Image centree */



.std { color : black; font-weight : normal; }



/* =====================================*/

/* Adjustments for Mobile Devices       */

/* =====================================*/



@media (max-width: 480px) {

  p { font-size: 12pt; margin-left: 1%; margin-right: 1%; margin-bottom: 4pt; margin-top: 4pt; line-height: 125%; }

  p.indentb { margin-left: 6%; margin-right: 1%; }

  p.quoteb { margin-left: 6%; margin-right: 1%; }

  p.index { margin-left: 6%; margin-right: 1%; }

  h1 { font-size: 18pt; margin-left: 1%; margin-right: 1%; }

  h2 { font-size: 16pt; margin-left: 1%; margin-right: 1%; }

  h3 { font-size: 14pt; margin-left: 1%; margin-right: 1%; }

  h4 { font-size: 13pt; }

  h5 { margin-left: 1%; }

  h6 { margin-left: 1%; }

  img { width: 150px; height: auto; }

  img.auto {width: auto ; height: auto; }

  blockquote {margin-left: 1%; }

}



/* Tables des notes de bas de page                                                                          */

/* Creer une <tables class="notes", puis une ligne (<tr>) par note, et 2 cellules <td>       */

/* Exemple de ligne:                                                                         */

/* <tr>                                                                                      */

/* 		<td><a class="sdfootnotesym" id="sdfootnote1sym" href="#sdfootnote1anc">1</a></td>   */

/* 		<td>                                                                                 */

/* 			<p>Ligne I.</p>                                                                  */

/* 			<p>Ligne iI.</p>                                                                 */

/* 		</td>                                                                                */

/* 	</tr>                                                                                    */

	

table.notes    { width:90%; margin-left : 5%; margin-right : 5%; color : #CD0000; font-size : 80%;   }

table.notes td:first-child { text-align: right; }

table.notes td:first-child::before { content: "["; }

table.notes td:first-child::after { content: "]"; }

table.notes td { vertical-align: top; }

table.notes td:first-child a { color : #CD0000; text-decoration : none; }

table.notes td:first-child a:hover { color : #CD0000; font-weight : bold; }

table.notes p { color : #CD0000; margin: 0; }