html {
	font-size: 100%; 
}
body {
	margin: 0;
	padding: 10px 20px; 
	font-family: Arial, Helvetica; 
	font-size: .8em; 
	line-height: 1.25; 
	color: #350485;
	background: #ffffe0; /*jaune très clair*/
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; 
}

h1 {
	font-size: 3em; font-weight: normal;
	font-style: none;
}
h2 {font-size: 1.5em; font-weight: bold;}
h3 {font-size: 1.2em;}
h4 {font-size: 0.8em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; 
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
	font-size: 1.3em ;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
	}

/* Citations */
blockquote, q {
	font-size: 1.2em;
	font-style: normal;
	font-family: Arial, Helvetica;;
	color: black;
	text-align: justify ;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
 /* pour les titres d'ouvrages cités*/
cite {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* Liens */
a {
	color: #b32121;
	text-decoration: none;
}
a:hover, a:focus {
	background: white;
	color: #b32121;
	/*font-weight: normal;*/
}

a img {
	border: none;
}

/*pour les notes*/
    a.bulle {
      position:relative;
      color:#b32121; /*#396a86; */
      text-decoration:none; 
      font-family:arial, helvetica; 
      text-align:center; 
      font-size:0.9em;
    }
    
    a.bulle:hover {
       background: none; 
       z-index: 50; 
    }
    
    a.bulle span { 
      display: none;
    }
    
    a.bulle:hover span {
       display: block; 
       position: absolute;
       top: 20px; 
       left: -13em;
	    /*option remplaçant les 3 lignes précédentes:
		float:left;*/
       font-family:arial, helvetica; 
       text-align:justify; 
       font-size:0.9em;
       font-weight:normal;
       width:290px;
       background: white;
       padding: 5px;
       border: 1px solid black;
       }
	   
	a.bulle2 {
      position:relative;
      color:mediumblue; /*#396a86; */
      text-decoration:none; 
      font-family:arial, helvetica; 
      text-align:center; 
      font-size:1em;;
    }
    
    a.bulle2:hover {
       background: none; 
       z-index: 50; 
    }
    
    a.bulle2 span { 
      display: none;
    }
    
    a.bulle2:hover span {
       display: block; 
       position: absolute;
       top: -15em; 
       left: -12em;
	    /*option remplaçant les 3 lignes précédentes:
		float:left;*/
       font-family:arial, helvetica; 
       text-align:justify; 
       font-size:0.8em;
       font-weight:normal;
       width:500px;
       background: white;
       padding: 5px;
       border: 1px solid black;
       }   

/* --- COULEURS --- */

#entete {
	color: #b32121;
	background: #ffffe0; /* jaune */

}

/*menu */
#navigation {
	background: #ffffe0; /* jaune */
	/* border:solid;
	border-color: #e6dfdf; */
}
#navigation a {
	color: #b32121;
	font-weight: bold;
	}
#navigation a:hover, #navigation a:focus {
	background: white;
}

/* Contenu principal */
#contenu {
	color: #350485;
	background: #ffffe0; 
	/* border:solid;
	border-color: #e6dfdf; */
}
#contenu a {
	/*color: #350485;*/
}
#contenu a:hover, #contenu a:focus {
	/*color: #6E5122;*/
}
#contenu strong {
	font-weight: bold;
}
#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.45em ;
	color: black ;
	text-align: center ;
}
#contenu h2 img
{
	border:none
}
	
#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	font-size: 1.3em ;
	color: #b32121 ;
	text-align: center ;
}
#contenu h4
{
	margin-left: 15px ;
	padding-left: 5px ;
	font-size: 1.3em ;
	color: black ;
	text-align: center ;
	line-height: 10px ;
}

/*pour les sous-titres de l'article*/
#contenu h5 {
text-decoration : underline; 
color : #000000; 
font-size: 1.4em ;
/*border-bottom : 1px; 
border-bottom-style : solid; 
border-bottom-color : black;*/
} 
#contenu h6 {
text-decoration : none; 
color : blue; 
font-size: 1.4em ;
font-weight: normal;
}
#contenu p, #contenu li
{
	text-align: justify ;
	font-size: 1.35em ;
	/*text-indent: 2em ;*/
	color: black ;
	font-weight: normal
}

/* --- POSITIONNEMENT --- */

/* Page 
body {
	padding: 20px 50px; /*retrait autour du conteneur principal */
/*	border:solid;
	border-color: #e6dfdf; 
}
*/
body {
	padding: 10px 5px;
}
#global {
	width: 980px; 
	margin: 0 auto; 
}

/* En-tête */
#entete {
	padding: 20px 0;
}
#entete h2 {
	margin: 0;
}
#entete h2 img {
	float: right;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Menu de navigation */
#navigation {
	width: 200px; 
	float: left; /* -pour que les 2 blocs soient cote à cote */
}
#navigation ul {
	margin: 0;
	padding: 20px 10px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%; /* -> 3 */
	padding: 6px 6px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	margin-left: 18%; /* -> 4 */
	margin-bottom: 20px;
	padding: 10px 20px;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p {
	line-height: 1.5;
	}
#contenu li {
	line-height: 1.5;
	list-style-type:none;
	list-style-position:outside
	}
#tab td, #tab th
{
	font-size: 1.2em ;
	line-height: 1.3em ;
	color: black ;
	font-weight: normal;
}

	
#contenu .image1 {float: left; margin: 15px 16px 6px 0;}
#contenu .image2 {float: right; margin: 10px 6px 6px 20px;}

/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
	color: black ;
}

/* Mention de paternité */
#copyright {
	margin-left: 20%;
}