/* CSS Document */

body{
	 counter-reset: partie;
	text-align: center ;
	/*background-color:#0369; */
	background-color:#326699 ; /* Bleu foncé */
	color:#fff;
	/*font-size:small;*/
	/*margin:2em 1%;*/
	padding:0;


}



#Page{
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  height:630px;
  color: #420F00 ; 
  font-family: Arial,Arial,Times,serif;  
  position : relative;
  border-width: 1px 2px 2px 1px ;
  border-style: solid ;
  border-color : black ;
  background-color: #f5f8fc; /* Bleu  clair */
  }

#Logo { 	
  position: absolute;   
	top: -10px;
	left:10px;
  height: 150px;
  width: 150px;
  border:0;
  z-index:100;
   }  
#Logo img{ border:0;}

#Entete{
  position : absolute ;
  top : 0 ;
  left : 0 ;
  z-index:10;
  width:750px;
  height : 50px ;
	text-indent:85px;
  /* border: 1px solid rgb(15, 17, 120); */
 /*
  border-width:2px 2px 0px 2px;
  border-style:solid;
  border-color:black;
  */
 	background-color: #f5f8fc; /* Bleu  clair */
  color: #326699 ;
	text-align: center;
 	padding-top: 15px; 
	font-weight: bold;
	font-size: 120%;
	
}
#Entete a{text-decoration:none; 	color : black;}
#SousTitre{
text-align: centre ;
font-family:courrier ;
	font-weight: normal;
	color : black;
	font-size: 15px;
	font-style:italic;
}

#Entete h1{font-size: 150%;
	font-weight: bold;}


#Menu{
  position : absolute ;
  top : 65px ;
  left : 0 ;
  z-index:10;
  width:150px;
  height : 520px ;
  text-align: centre;  
 	padding-top : 10px ;
	/*background-color: rgb(15, 17, 120);  Bleu */
	background-color: #f5f8fc; /* Bleu  clair */
  /* color: white; */
  color: #326699 ;
 /*
  border-width:0px 0px 2px 2px;
  border-style:solid;
  border-color:black;*/
 /*	border: 1px solid rgb(15, 17, 120);*/ 
 	line-height:180%;
 	overflow:auto ; 
}

#Menu .Titre{	margin-top : 40px ; font-weight: bold;line-height:100%;font-size: 150%;}
#Menu a {display:block;   color: #326699 ;
  text-decoration:none;}

#Menu a:link, a:visited{
  color: #326699 ;
  text-decoration:none;
}


#Menu a:hover {  background-color: #b5c8e9;	color: rgb(0, 153, 102); }

#Menu a:active {
 background-color: #FFCC01;	color: #326699;}

#Drapeaux a{display:inline;}
#Drapeaux a:hover{border:1;display:inline;}
#Drapeaux img{border:0;}

#Contenu{
/*	padding : 10px,10px, 10px,10px ;*/
/*  margin : 10px,10px, 10px,10px ;*/
  position : absolute ;
  top : 65px ;
  left : 150px ;
  padding : 10px;
  z-index:20;

  width:570px;
  height : 510px ;
  text-align: justify;  
  background-color:white ;
  overflow:auto ;
  border: 1px dotted rgb(15, 17, 120); 
  /*border-left: 1px solid rgb(15, 17, 120);
  border-right : 2px solid black;
  border-bottom : 2px solid black;
  */
  list-style-position : inside;
 
}  

#Contenu a, a:link, a:visited, a:hover, a:active{
  color:blue;
  text-decoration:underline;
  display:inline;
}

#Contenu h1{
  font-size: 150%;
	font-weight: bold;
	text-indent:10px;
	color: #326699 ;
}

#Contenu h1:before {

  content: "Partie " counter(partie, decimal) " : ";
  counter-increment: partie;  /* Ajoute 1 au chapitre */
  counter-reset: chapitre;      /* Remet la section ŕ zéro */
 
}

#Contenu h2:before {
  content: counter(chapitre, upper-latin) ". ";
  counter-increment: chapitre;  /* Ajoute 1 au chapitre */
  counter-reset: section;      /* Remet la section ŕ zéro */ 
}

#Contenu h2{
  font-size: 140%;
	font-weight: bold;
	font-style:italic;
	text-indent:20px;
	color: #326699 ;
}

#Contenu h3:before {
  content: counter(section, decimal) "- ";
  counter-increment: section;  /* Ajoute 1 au chapitre */
  counter-reset: soussection;      /* Remet la section ŕ zéro */
}

#Contenu h3{
  font-size: 130%;
	font-weight: bold;
	text-indent:30px;
	color: #326699 ;
}

#Contenu h4:before {
  content: counter(soussection, lower-latin) ". ";
  counter-increment: soussection;  /* Ajoute 1 au chapitre */
  counter-reset: alinea;      /* Remet la section ŕ zéro */
}

#Contenu h4{
  font-size: 120%;
	font-weight: italic;
	text-indent:40px;
	color: #326699 ;
}

#Contenu h5:before {
  content: counter(alinea, lower-roman) "- ";
  counter-increment: alinea;  /* Ajoute 1 au chapitre */
}

#Contenu h5{
  font-size: 110%;
	font-weight: bold;
	text-indent:50px;
	color: #326699 ;
}

#PiedDePage{
 position : absolute ;
 top : 600px ;
  left : 0 ;
  width:750px;
  height : 25px ;
 
 	font-size: 80%;   
 	font-weight:bold;
	text-align: center; 
	padding-top: 5px;

}

#PiedDePage a, a:link, a:visited { 	color: #326699 ; text-decoration:none; }
#PiedDePage a:hover {  text-decoration:underline; }



a {
  color:white;
  text-decoration:none;
}

a:link {
  
}

a:visited {
 
}

a:hover {
 
  text-decoration:underline;
}

a:active {
  color:yellow;
}