.tr1{display:inline;font-size:30px;font-family:Verdana;}
.tr2{display:inline;text-align:center;font-size:30px;font-family:Verdana;font-weight:bold;}
.logo{margin-left:10px;margin-top:-10px;}
header{height:137px;background-color:rgb(133, 204, 251);}
#titre{display:block;text-align:center;margin:0 auto;width:600px;color:black;}
body{width:1300px;margin:auto;background:radial-gradient(white, rgb(133, 204, 251));}
p{font-family:Calibri, Verdana, Georgia, sans-serif;}
a img{border:0;}
.table { border-collapse:collapse;}
.td-entete{font-size: 20px;font-weight: bold;border: black solid;padding: 1px 3px;text-align: center;background-color:rgb(37, 63, 96);color:white;}
.imgfloat{float:right;margin-left:6px;padding:4px;box-shadow: 0 0 18px;}
footer{text-align:center;background:rgb(37, 63, 96);border-radius:12px;font-size:18px;color:white;}
.intro{font-size:19px;}
.anni{font-size:24px;padding:15px;width:560px;height:30px;vertical-align:middle;text-align:center;box-shadow: 0 0 18px;background:white;}
.section{display:inline-block;width:272px;height:150px;text-align:center;margin:8px;}
.cadre{box-shadow: 0 0 18px;background:white;text-align:justify;padding:20px;font-size:18px;}
#map {
	height: 400px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

#menu, #menu ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
}
#menu ul li{
display:inherit;
border-radius:0;
font-size:14px;
width:272px;
}
#menu ul li:hover{
border-radius:0;
width:272px;
}
#menu ul li:last-child{
border-radius:0 0 8px 8px;
}
#menu ul{
position:absolute;
max-height:0;
width:272px;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu li:hover ul{
max-height:90em;

}
/* background des liens menus */
#menu li:first-child{
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(2){
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(3){
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(4){
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(5){
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(6){
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(7){
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(8){
background-color:rgb(37, 63, 96);
}
#menu li:last-child{
background-color:rgb(37, 63, 96);
}
/* background des liens sous menus */
#menu li:first-child li{
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(2) li{
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(3) li{
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(4) li{
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(5) li{
background-color:rgb(37, 63, 96);
}
#menu li:nth-child(6) li{
background-color:rgb(37, 63, 96);
}
#menu li:last-child li{
background-color:rgb(37, 63, 96);
}
/* background des liens menus et sous menus au survol */
#menu li:first-child:hover, #menu li:first-child li:hover{
background-color:rgb(236, 254, 224);
}
#menu li:nth-child(2):hover, #menu li:nth-child(2) li:hover{
background-color:rgb(236, 254, 224);
}
#menu li:nth-child(3):hover, #menu li:nth-child(3) li:hover{
background-color:rgb(236, 254, 224);
}
#menu li:nth-child(4):hover, #menu li:nth-child(4) li:hover{
background-color:rgb(236, 254, 224);
}
#menu li:nth-child(5):hover, #menu li:nth-child(5) li:hover{
background-color:rgb(236, 254, 224);
}
#menu li:nth-child(6):hover, #menu li:nth-child(6) li:hover{
background-color:rgb(236, 254, 224);
}
#menu li:nth-child(7):hover, #menu li:nth-child(7) li:hover{
background-color:rgb(236, 254, 224);
}
#menu li:nth-child(8):hover, #menu li:nth-child(8) li:hover{
background-color:rgb(236, 254, 224);
}
#menu li:last-child:hover, #menu li:last-child li:hover{
background-color:rgb(37, 63, 96);
}
/* les a href */
#menu a{text-decoration:none;display:block;padding:8px 30px;color:#fff;font-family:arial;}
}
#menu ul a{
padding:8px 0;
}
#menu li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu li:hover a, #menu li li:hover a{
color:#000;
}

* {font-family: "Microsoft Sans Serif", sans-serif}

.titreMenuHaut
{
   background-color:#556627;	
   height:120px;
   width:800px;
}
.titre
{
   color:white; 
   text-align:center;
   vertical-align:middle;
   font-size: 30px;
   height:90px;
   width:800px;
}
.menuHaut
{
   text-align:center;
   vertical-align:middle;
   height:30px;
   width:120px;
}
.lienHaut
{
   color:white; 
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold; 
   text-decoration:none;
}
.menuGauche
{
   background-color:#9ACD32;	
   vertical-align:top;
   height:880px;
   width:150px;
}

.lienGauche
{
   color:white; 
   font-family:"Arial";
   font-weight:bold; 
   font-size: 14px;
   text-decoration:none;
}
.zoneTexte
{
   background-color:#99FF99;	
   vertical-align:top;
}
.textBasic
{
   font-family:"Arial";
   font-size: 12px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
 .textBasicGras
{
   font-family:"Arial";
   font-size: 12px;
   font-weight:bold; 
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
.news
{
   background-color:#99FF99;	
}
.listeTitreParagraphe
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }

 .listeTitreChapitre
{
   font-family:"Arial";
   font-size: 16px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   font-weight:bold; 
   margin:0;
 }

 
 .listeTitreLecon
{
   font-family:"Arial";
   font-size: 16px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }

.titreParagraphe
{
   font-family:"Arial";
   font-size: 18px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
.titreLecon
{
   font-family:"Arial";
   font-size: 20px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
 .titreDocument
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
 .titreTypeDocument
{
   font-family:"Arial";
   font-size: 16px;
   font-weight:bold; 
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
 .document
{
   font-family:"Arial";
   font-size: 16px;
   font-weight:bold; 
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
   height:30px;
   width:800px;
 }
 .titreMembreAnnee
{
   font-family:"Arial";
   font-size: 16px;
   font-weight:bold; 
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
 }
 .membreAnnee
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
 } 
 .titreMembreInformation
{
   font-family:"Arial";
   font-size: 16px;
   font-weight:bold; 
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
 }
 .membreAttribut
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
 }
 .membreInformation
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
 }
 .titreMembreListe
{
   font-family:"Arial";
   font-size: 16px;
   font-weight:bold; 
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
 }
 .membreListe
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
 }
 
  .erreur
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   font-weight:bold; 
   text-align:center;
   vertical-align:middle;
   color:red;
 }

.tabTitreNews
{
   background-color:#C0C0C0;	
 }

.titreNews
{
   font-family:"Arial";
   font-size: 18px;
   font-weight:bold; 
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
 }
 .dateTitreNews
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
 }
  .nomNews
{
   font-family:"Arial";
   font-size: 12px;
   font-style:italic;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
   width:200px;
 }
 .news
{
   font-family:"Arial";
   font-weight:bold; 
   font-size: 14px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
 }
 .divCommentaire
{
	height:200px; 
	overflow: auto;
}
 
.tabTitreBook
{
   background-color:#C0C0C0;	
 }

.titreBook
{
   font-family:"Arial";
   font-size: 18px;
   font-weight:bold; 
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
 }
 .dateTitreBook
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
 }
  .nomBook
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
   width:200px;
 }
 .book
{
   font-family:"Arial";
   font-weight:bold; 
   font-size: 14px;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
 }
 .mailingA4
{
   height:29.7cm;
   width:21cm;
}
 .carteMembreTitre
{
   font-family: Arial;
   font-weight:bold; 
   font-size: 14pt;
}
 .carteMembreLabel
{
   font-family: Arial;
   font-weight:bold; 
   font-size: 10pt;
}
 .carteMembreValue
{
   font-family: Arial;
   font-size: 10pt;
}
 .divCompte
{
	height:200px; 
	overflow: auto;
}
.tabTitreJustif
{
   background-color:#C0C0C0;	
 }
.titreJustif
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold; 
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
 }
.valJustif
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
 }
.tabMvt
{
   background-color:#00CCFF;	
 }
.titreMvt
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold; 
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
 }
.valMvt
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
 }
 .divMvt
{
	height:200px; 
	overflow: auto;
}
.tabComptes
{
   background-color:#00CCFF;	
 }
.titreLibelleCompte
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold; 
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
.titreValCompte
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
 .libelleCompte
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold; 
   text-decoration:none;
   text-align : left;
   vertical-align:middle;
 }
.valCompte
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : right;
   vertical-align:middle;
 }
 .titreComptes
{
   font-family:"Arial";
   font-size: 16px;
   font-weight:bold; 
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
 .titreLibelleCheque
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold; 
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
.titreValCheque
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
 .libelleCheque
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : left;
   vertical-align:middle;
 }
.valCheque
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : right;
   vertical-align:middle;
 }
  .imprimeTitreLibelleCheque
{
   font-family:"Arial";
   font-size: 12px;
   font-weight:bold; 
   text-decoration:none;
   text-align : left;
   vertical-align:middle;
 }
.imprimeTitreValCheque
{
   font-family:"Arial";
   font-size: 12px;
   font-weight:bold;    
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
 .imprimeLibelleCheque
{
   font-family:"Arial";
   font-size: 12px;
   text-decoration:none;
   text-align : left;
   vertical-align:middle;
 }
.imprimeValCheque
{
   font-family:"Arial";
   font-size: 12px;
   font-weight:bold;    
   text-decoration:none;
   text-align : right;
   vertical-align:middle;
 }
 .leconPLettre
{
   color: black; 	
   font-family:"Saysettha";
   text-decoration: none;   
   text-align:center;
   font-size: 30px;
   font-weight:bold; 
   vertical-align:middle;
}
 .leconPLettreSelection
{
   color: red; 	
   font-family:"Saysettha";
   text-decoration: none;   
   text-align:center;
   font-size: 30px;
   font-weight:bold; 
   vertical-align:middle;
}
 .leconPBalise
{
   font-family:"Arial";
   text-decoration: none;   
   text-align:center;
   font-size: 14px;
   font-weight:bold; 
   vertical-align:middle;
}
 .leconLSyllabeLao
{
   font-family:"Saysettha";
   text-decoration: none;   
   text-align:center;
   font-size: 30px;
   vertical-align:middle;
}

 .leconLSyllabeLaoCouleur
{
   color:red; 
   font-family:"Saysettha";
   text-decoration: none;   
   text-align:center;
   font-size: 30px;
   font-weight:bold; 
   vertical-align:middle;
}


 .leconLTraduction
{
   font-family:"Arial";
   text-decoration: none;   
   text-align:center;
   font-size: 14px;
   vertical-align:middle;
}
.zoneTexteE
{
   background-color:WHITE;	
   vertical-align:top;
}
 .leconEBalise
{
   font-family:"Arial";
   text-decoration: none;   
   text-align:center;
   font-size: 14px;
   font-weight:bold; 
   vertical-align:middle;
}
 .leconILettre
{
   color: black; 	
   font-family:"Saysettha";
   text-decoration: none;   
   text-align:center;
   font-size: 40px;
   font-weight:bold; 
   vertical-align:middle;
}

.leconILibelle
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
 .leconITitre
{
   font-family:"Arial";
   font-size: 18px;
   text-decoration:none;
   font-weight:bold; 
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
 .leconIEtape
{
   font-family:"Arial";
   font-size: 12px;
   text-decoration:none;
   font-weight:bold; 
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
 .leconIEtapeTexte
{
   font-family:"Arial";
   font-size: 12px;
   text-decoration:none;
   font-weight:normal; 
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
 .boutonLettre {
   color: black; 	
   background-color: grey;
   font-family:"Saysettha";
   font-size: 18px;
   text-align : center;
   text-decoration:none;
   font-weight:bold; 
   width : 75px;
}
 .boutonLettreOK {
   color: black; 	
   background-color: green;
   font-family:"Saysettha";
   font-size: 18px;
   text-align : center;
   text-decoration:none;
   font-weight:bold; 
   width : 75px;
}
 .boutonLettreKO{
   color: black; 	
   background-color: red;
   font-family:"Saysettha";
   font-size: 18px;
   text-align : center;
   text-decoration:none;
   font-weight:bold; 
   width : 75px;
}
.hidden {
   display: none;
}

.visible {
   display: inline;
}
 .boutonClavier {
   color: black; 	
   width : 75px;
   font-family:"Saysettha";
   font-size: 24px;
   text-align : center;
   text-decoration:none;
}
 .boutonDictee {
   color: black; 	
   width : 50px;
   font-family:"Saysettha";
   font-size: 20px;
   text-align : center;
   text-decoration:none;
}
.zoneDictee {
  width:100%;
  color:black;
  font-family:"Saysettha";
  font-size:18pt;
  padding:5px;
}
.zoneDicteeOK {
  width:100%;
  color:green;
  font-family:"Saysettha";
  font-size:16pt;
  padding:5px;
}
.zoneDicteeKO{
  width:100%;
  color:red;
  font-family:"Saysettha";
  font-size:16pt;
  padding:5px;
}
 .boutonPrevNext {
   color: black; 	
   width : 50px;
   font-size: 18px;
   text-align : center;
   text-decoration:none;
}
 .boutonStartStop {
   color: black; 	
   width : 100px;
   font-size: 14px;
   text-align : center;
   text-decoration:none;
}

.boutonPrint {
   color: black; 	
   width : 100px;
   font-size: 14px;
   text-align : center;
   text-decoration:none;
}
.boutonAlter {
   color: black; 	
   width : 100px;
   font-size: 14px;
   text-align : center;
   text-decoration:none;
}
.boutonSave {
   color: black; 	
   width : 100px;
   font-size: 14px;
   text-align : center;
   text-decoration:none;
}
.boutonCancel {
   color: black; 	
   width : 100px;
   font-size: 14px;
   text-align : center;
   text-decoration:none;
}

.titreBilan
{
   font-family:"Arial";
   font-size: 20px;
   text-decoration:none;
   text-align : justify;
   vertical-align:middle;
   margin:0;
 }
 
 .titreLibelleBilan
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold; 
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
.titreValBilan
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
 .libelleBilan
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : left;
   vertical-align:middle;
 }
.valBilan
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : right;
   vertical-align:middle;
 }

 .defautTabHeaderClass
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
 .defautTabCellClass
{
   border:black solid;
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : left;
   vertical-align:middle;
 }
 .tabCellGrasClass
{
   border:black solid;
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : left;
   vertical-align:middle;
 }
 .nombreTabCellClass
{
   border:black solid;
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : right;
   vertical-align:middle;
 }
 .nombreTabCellGrasClass
{
   border:black solid;	
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : right;
   vertical-align:middle;
   font-weight:bold;    
 }
 .defautAttributClass
{
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
 .defautValeurClass
{
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : left;
   vertical-align:middle;
 }
  .defautMessageClass
{
   color:red; 
   font-family:"Arial";
   font-size: 14px;
   text-decoration:none;
   text-align : left;
   vertical-align:middle;
 }

 
 .boutonStandard {
   color: black; 	
   width : 100px;
   font-size: 14px;
   text-align : center;
   text-decoration:none;
}
.menuGauche
{
   background-color:#9ACD32;	
   vertical-align:top;
   height:880px;
   width:150px;
}
 .menuItemStandard {
   color: black; 	
   background-color:#9ACD32;	
   width : 100%;
   font-size: 12px;
   font-weight:bold;    
   text-align : center;
   text-decoration:none;
}
.noResultClass {
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }
 
 .carteTableHeaderClass {
   font-family:"Arial";
   font-size: 14px;
   font-weight:bold;    
   text-decoration:none;
   text-align : center;
   vertical-align:middle;
 }

.newroman12
{
   font-family:"Times New Roman";
   font-size: 12px;
}