body	
{ 
  padding : 5px 5px 5px 5px ;
  font: 72%/1.6em Verdana, Arial, Helvetica, sans-serif;
  color : #ffffff;
  background-color : #ffffff; 
  margin: 0px;
}
body.pagedegarde 
{ 
  margin-left : 1em;
  margin-right : 1em;
}
#contenu	
{
  position : relative;
  margin: 0 auto;
  padding : 0em;
  width : 710px;
  top : 45px;
  border-width: 0px;
  border-style: solid; 
  border-color: #84adad;
}
#article        
{ 
  position : absolute;
  top : 0px;
  left : 245px;
  font-size : 12px;
  border-width : 0px; 
  border-style : dashed;
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 0px 15px;
  width : 435px;
  border-color : #84adad;
  background-color : #A5B77A;
}
#note	
{
  position : absolute;
  top : 0px;
  left : 0px;
  font-style : normal;
  font-size : 12px; 
  width : 220px;		 
  border-width : 0px;
  border-color : #6d8e2f;
  margin-top : 1px; 
  margin-left : 0px; 
  margin-right : 0px; 
  margin-bottom : 15px; 
  padding : 0px; 
  padding-top : 0px;
  padding-left : 10px;
  padding-right : 10px;
  color: #ffffff;
  background-color : #C5D19B;
}
#note li
{
	list-style: none;
	margin: 0;
	padding: 0px;
}
#note ul        
{  
  list-style: outside; 
  /*list-style-type: decimal; */
  padding-left : 0px; 
  margin: 12px 0 15px 15px;
} 
#menu:before 
{ 
  content: "Menu"; 
  display : block;        
  font-size: 1.6em;
  font-style : normal;
}
#menu	
{
  border-style : dashed; 
  border-width : 0px; 
  border-color : #6d8e2f; 
  padding-top : 0.5em;
  padding-left : 10px; 
  padding-bottom : 0.5em;
  margin-left : -10px;
}
#menu img
{ 
  vertical-align : middle;
  margin : 0px;
  margin-right : 1em;
}
#banniere	
{
  background : url("logo-oomu-totoro.png") no-repeat 0px 0px ;
  position : relative;
  top : 5px;
  width : 710px;
  background-color: transparent;
  margin : 0px auto;
  padding : 0px; 
  border-style : solid;
  border-width : 0px; 
  border-color : #ff0000; 
  height : 215px;
}
.pagedegarde #banniere
{ 
  border-width : 0px;
  background-color : transparent;
}
#chemin:before 
{ 
  content: "Vous êtes ici : "; 
  display : inline;        
  font-size: 10pt;
  font-style : normal;
}
#chemin
{ 
  position : absolute;
  top : 220px;
  left : 0px;
  margin : 0px 0px 0px 0px;
  padding: 5px 0px 0px 10px;
  border-style : solid;
  border-width : 0px; 
  font-size : 10pt;
  color : #ffffff;
  background-color : #97a25e;
  width : 700px;
  height : 25px;
}
.introduction	
{
  display : none;
  position : absolute;
  left : 240px;
  border-width : 0px;
  border-style : solid;
  padding : 0px; 
  padding-left : 0px;
  padding-right : 0px;
  padding-top : 0em;
  text-align: center;
  font-size: 1em; 
  text-decoration: none; 
  color: #ffffff;
  background-color : #d1dbac; 
  font-weight: bold; 
  letter-spacing: 2px; 
  padding-bottom : 0em;
}
.pagedegarde .introduction
{ 
  background-color : transparent;
  border-width : 0px;
  border-style : none;
  margin-right : 0px;
}
hr 
{ 
  text-align : center;
  width : 80%; 
  border-top : 0px; 
  border-left : 0px; 
  border-right : 0px; 
  border-bottom : 2px; 
  border-style : solid; 
  color : #a1a5a9; 
}
div.popup	
{
  background-color: #FFFFFF; 
  float : none;
  clear : both;
  border-style : solid;
  border-width : 0px; 
  margin : 0em; 
  padding : 1em;                 
} 
#titre		
{ 
  position : absolute;
  top : 0px;
  text-align : left;
  font-style : normal;
  font-size : 1.6em;
  border-style : solid;
  border-width : 0px; 
  margin: 0px 0px 0px 245px;
  padding: 15px 15px 0px 15px;
  background-color : #D1DBAC;
  height : 200px;
  width : 435px;
}
.nom		
{
  font-weight: bold;	         
}
.entete 	
{
  font-family: lucida, times, helvetica, sans-serif;
  font-size: 1.1em;
  text-decoration: none; 
  color: #d39494; 
  font-weight: normal; 
  letter-spacing: 2px; 
  line-height: 1.4em; 
}
.origine        
{
  font-size: 8pt;
  color: #666666; 
  text-align : left;
  font-weight: bold; 
}
.message:before 
{ 
  content : "! ";
  font-size: 0.9em;
  color: #FF0000; 
}
.message	
{
  font-size: 0.9em;
  font-weight : bold;
  color: #FF0000
}
a:link
{
	color: #5a6635;
	text-decoration: none;
}
a:visited 
{
	color: #5a6635;
	text-decoration: none;
}
a:hover 
{
	color: #2b351c;
}
a.sommaire:link 
{
  font-size : 1.6em; 
  font-weight : normal;
  vertical-align : middle; 
  color : #84adad; 
  text-decoration : none
}
a.sommaire:visited 
{ 
  color : #84adad; 
  font-weight : normal;
  vertical-align : middle;
  font-size : 1.6em;
  text-decoration : none;
}
a.sommaire:hover 
{
  font-size : 1.6em;
  color : #f05600;
  vertical-align : middle;
  text-decoration: underline;
}
.sommaire  li   
{
  height : 100px;
  margin-bottom : 2em;
}
.sommaire  ul   
{
  list-style-type : none;
}
div.sommaire	
{
  padding-top : 1em;
  float : left;
  width : 250px;
  margin-right : 0em;		
  border-style : solid; 
  border-left-width : 0px; 
  border-top-width : 0px;
  border-right-width : 0px;
  border-bottom-width : 0px;
}
h1		
{ 
  text-align: left;
  letter-spacing : 1px;
  font-size : 2em;
  font-style : normal;
  font-weight: bolder;
}
h2		
{ 
  font-size: 1.6em; 
  font-style : normal;
  font-weight: normal;
}
h3		
{ 
  font-size: 1.2em;
  font-style : normal;
  font-weight: normal;
}
td		
{
  vertical-align : top;
}
img		
{   
  behavior : url("oomu-ie.htc");
  margin : 0px; 
  margin-top : 0.5em; 
  margin-bottom : 0.5em;
  border-width: 0px;
  border-style: none;
}
table, tr, td
{
  padding : 0px;
  margin : 0px;
}
.commentaire	
{ 
  text-align: left;
  font-size: 0.8em; 
}
div.remarque    
{
  width : 200px
}
.texte	        
{
  text-align : justify;
}
.inclusion	
{
  text-align: left;
  color: #666666;
  font-size: 0.7em;
}
#copyright	
{
  float : right;
  text-align : right;
  font-size: 8pt;
  color: #d39494;
}
.citation	
{ 
  color: #EE7777;
  font-style: italic; 
  text-align : center;
}	
.question	
{ 
  color: #d39494;
  font-style: italic
}
.pagedegarde .introduction 
{  
  border-bottom-width : 0px; 
}
.remarque	
{
  background-color: #DAE8F5;
  padding : 10px;
  font-size: 0.9em; 
  text-decoration: none; 
  color: #666666;
  font-weight: normal; 
  margin : 2em;
  border-width: 0em;
}
.illustration	
{
  float : right; 
  padding-left : 1em;
  margin-left : 1em;  
  margin-right : 0em;          
  margin-top : 1em;               
  margin-bottom : 1em;               
  color : #a1a5a9;
  font-weight: normal; 	
  font-style: normal;
  text-align: center;
  font-size: 0.8em; 
}
ul              
{  
  padding-left :20px; 
  margin-left : 0px; 
}                 
.logo		
{ 
  behavior : url("oomu-ie.htc");
  float : left;
  margin : 0;
  margin-right : 0.5em;
  text-align : center;
}
.adresse		
{
  padding-top : 30px;
  clear : right;
  text-align: right;
  float : right;
}
.pagedegarde .banniere
{
  border-width : 0px;
}
.colonne        
{
  width : 47%; 
}
.colonne  .illustration 
{ 
  margin-left : 0em;   
  margin-right : 0em;               
  margin-top : 1em;               
  margin-bottom : 1em;              		 
  float : none;  
}
.colonne#section1
{ 
  float : left;
  margin-right : 20px;
}
.colonne#section2
{
  float : left;
}
div.colonne1	
{ 
  float : left; 
  border-color : #a1a5a9; 
  border-style : solid; 
  border-width : 0px;
  padding-right : 10px;
  border-right-width : 1px; 
  width : 45%; 
  margin-right : 2%; 
  margin-left : 0%; 
}
div.colonne2	
{ 
  float : left;
  width : 45%;
}
#lien:before 
{ 
  content: "Liens"; 
  color : #666666;
  display : block;        
  font-size: 1.3em; 
  font-style : normal;
  font-weight: bolder; 
}
#lien	
{
  border-style : dashed; 
  border-right-width : 0px; 
  border-top-width : 1px;
  border-left-width : 0px; 
  border-bottom-width : 0px;
  border-color : #6d8e2f; 
  padding-left : 10px; 
  padding-top : 0.5em;
  margin-left : -10px;
}
#lien ul        
{  
  list-style-type: disc; 
}
.vote	
{
  font-size : 0.9em; 
  height : auto;
  width: 200px;
  margin : 0px;	
  padding : 5px;
  text-align : left;
}
#article > .news
{
  font-size : 0.9em;
  font-weight : bolder;
  margin-bottom : 1em;
  border-width: 0px;
  border-bottom-width : 1px;
  border-style : dashed; 
  border-color : #6d8e2f; 
}
#article>.news>h1
{
  margin-left : -0.5em;
  margin-bottom : 1em;
  padding : 0em;
}
.news a:link
{ 
  font-weight : normal;
  color : #555;
}
.news a:visited
{ 
  text-decoration : none;
  font-weight : normal;  
  color : #555;
}
.news a:hover	
{
  color : #f05600;
}
.news
{ 
  font-size: 0.8em; /*8pt;*/
  font-weight: normal; 
  margin : 0em; 
  padding : 0em; 
  margin-bottom : 1em;
  padding-bottom : 1em;
  border-style : dashed; 
  border-right-width : 0px; 
  border-top-width : 0px;
  border-left-width : 0px; 
  border-bottom-width : 1px;
  border-color : #6d8e2f; 
  text-align : justify;
}
#note .news
{ 
  border-style : none;
  font-size : 0.9em;
  padding : 0em;
  padding-bottom : 1em;
}
.navigation 	
{
  font-family : helvetica, times, serif;
  font-size : 9pt;
  font-weight : normal; 
  letter-spacing : 2px; 
  line-height : 1.6em;
}
div.navigation  
{ 
  background-color: #F4F4F4;
  height : 12pt;
  width : 100%;
  float : none; 
  clear : both;
  margin-left : 0em; 
  margin-top : 1em; 
  margin-bottom : 2em;
  padding-top : 1em;
  padding-bottom : 1em;
  border-style : solid;
  border-width : 0px;
  font-weight : bold;
}
div.navigation-precedent
{ 
  padding-left : 1em;
  float : left; 
}
div.navigation-suivant
{
  padding-right : 1em;
  float : right; 
  text-align : right;
}
.navigation a:visited
{ 
  text-decoration : none;
}
.navigation a:hover 	
{
  color : #f05600;
}
div.mozilla-queue 
{   
  float : right; 
  margin : -1em; 
} 
.liste          
{  
  width : 100%; 
  border-style : dashed;
  border-width : 0px; 
  border-bottom-width : 1px; 
  border-color : #a1a5a9;
}
.section        
{  
  width : 100%; 
  clear : both; 
}
.saut           
{  
  clear : both; 
}
.separation
{
  width : 100%;
  border-style : dashed;
  border-width : 0px; 
  border-bottom-width : 0px; 
  border-color : #6d8e2f;
  clear : both;
}
#popup          
{ 
  display : block; 
  z-index : 200; 
}
.datedujour
{ 
  background-color : #DAE8F5;
}
table.calendrier
{ 
  border-style : solid;
  border-width : 0px; 
  border-color : #a1a5a9;  
  text-align : center;
}
.jourChoisi
{ 
  border-style : solid;
  border-width : 1px; 
  border-color : #a1a5a9;
}

