body {
  background: #E8ECF5 url("/images/interface2/banniere.jpg") no-repeat;
  margin:O;
  padding:O;
	font-size: 14px;
	font-family:sans-serif;
	text-indent:0;
  }
img{
  border: none;
  }
BUTTON, SELECT,OPTION, INPUT,FORM, textarea {font-size:1em;}
  
#logo {
   position:absolute;
   top:0;
   right:0;
/*   float:right;
   padding-left:0;
   padding-top:15px;
*/   z-index:-1;
  }

div#accueil {margin:auto;text-align:center; }

#photoframe {
  width:auto;
  height:auto;
  float:left;
  background: url(/images/interface/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/interface/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

#photoframe img {
  background-color: #EEE;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 


  
P, table {
	font-size: 0.9em;
	line-height: 1em;
	text-indent: 2em;
	padding : 0 1em 0.3em 1em;
	text-align: justify;
	color : #888;
}


TD { 
	font-size: 1em;
	line-height: 1em;
	text-indent: 0;
	text-align: left;
	color : #006;
    border: none;
    padding:0;
}

UL, OL  { 
	font-size: 1em;
	line-height: 1em;
	text-indent: 0;
	text-align: justify;
	color : #DDD;
}

blockquote { text-indent : 0em; width:80%}


p.placard {
  position:absolute;
  width:30%;
  height:30%;
  top:30%;
  left:30%
  text-align:center;
}

.D{
  text-align:right;
  }

.C{
  text-align:center;
  }
.G{
  text-align:left;
  }
.J{
  text-align:justify;
  }


P.lettrine: first-letter {
	font-size: 1.5em; 
	color: #666666; 
	font-weight: bold;
}
P.centre {
	text-align: center; 
	text-indent: 0em;
	vertical-align:top;
}

P.warning {
	text-align: center; 
	text-indent: 0em;
	color:red;
}
P.thanks {
	text-align: center; 
	text-indent: 0em;
}

P.erreur {
	color:#f00;
	font-size:0.8em;
}

.hilight {background-color:#ccc;color:red;}

/*H1 {
	position: absolute;
	top: 30px;
	left: 200px;
	text-align: left;
	padding: 0px;
	font-size: 1.8em;
	color: #00C;
	font-weight: bold;
	padding: 0em;
	margin: 0em;

}*/
H1#ombre{
  position: absolute;
	top: 30px;
	left: 130px;
	text-align: left;
	padding: 0px;
	font-size: 1.8em;
	font-weight: bold;
	padding: 0em;
	margin: 0em;
  background: transparent; 
  color: #CCF;
  text-shadow: black 1px 1px 8px;
}

H1{
	text-align: left;
	margin: 0em;
	padding: 0 0 0 20px;
	font-size: 1.8em;
	color: #666;
	font-weight: bold;
}

H2 {
	font-size: 1.4em;
	color: #777;
	font-weight: bold;
	padding: 0 0 0 30px;
	text-align: left;
}

H3 {
	font-size: 1.3em;
	color: #888;
	font-weight: bold;
	padding: 0 0 0 40px;
	text-align: left;

}
H4 {
	font-size: 1.2em;
	color: #888;
	font-weight: bold;
	padding: 0 0 0 50px;
	text-align: left;
}

.Note { position:absolute; z-index:25; top:0; visibility:hidden; 
		    font-size: 0.8em; background-color: yellow; color:#000000; 
				font-style:normal;padding: 4px; border: 1px inset #FF00FFF; 
				text-align:center}
.NoteP { position:absolute; z-index:25; top:0; visibility:hidden; 
		    font-size: 0.8em; background-color: yellow; color:#000000; 
				font-style:normal;padding: 4px; border: 1px inset #FF00FFF; 
				text-align:center;
				  float:left;
  display:block;
}
p.NoteT {padding:0; border:0; margin:0;width:auto;}
SUB, SUP { 
  font-size: .6em 
}

p#recherche {
margin:auto;
width:400px;
}

div#diapo{
  width:98%;
  text-align:center;
  text-indent:0;
}

div.diapoComment{
  position:absolute;
  left:0;
  width:98%;
font-family:serif;  
font-size:1.2em;
  text-align:center;
  text-indent:0;
}


A.info:link    { color:blue;text-decoration:underline }  
A.info:visited { color:blue;text-decoration:underline }
A.info:hover   { color:blue;text-decoration:underline } 
A.info:active  { color:blue;text-decoration:underline }