body {
background : url(lys.jpg) repeat 
}
/* TRUCS UTILES
 Couleurs connues : 
#FFFFCC : Jaune pisseux
#000	: Noir
#fff	: Blanc
#065f94;
#333;
#0055aa;
#007700;
#666666;
#FFFFCC;
#EAEAEA;
#0055aa: Bleu titre

 Fond avec photo (monodimension) : 
background : url(photo_henri_vr.jpg) no-repeat left bottom;
*/

A:hover {
   font-weight : bold;
   font-size : 16px;
   font-family:"Times New Roman", Times, serif;
   color : #0000ff;
   /*background : #6495ED;*/
   background-color : #4eb4ff;
   text-decoration : none;
}

A:visited{
   font-weight : bold;
   font-size : 16px;
   font-family:"Times New Roman", Times, serif;
/*   color : #006969 ;*/
/*   color :   #000;*/
   color : #0000ff;
   text-decoration : none;
}
A:link{
   font-weight : bold;
   font-size : 16px;
   font-family:"Times New Roman", Times, serif;
/*   color :   #000;*/
   color : #0000ff;
   text-decoration : none;
}

a {
font-weight : bold;
}
h1, h2, h3 {
font-family : 'Trebuchet MS', Arial, sans-serif;
font-weight : bold;
}
h1 {
font-size : 1.5em;
}
h2 {
font-size : 1.3em;
text-transform : uppercase;
color : #065f94;
}
h3 {
font-size : 1.1em;
text-transform : uppercase;
color : #333;
letter-spacing : 1px;
}
h1, h2, h3 {
padding : 0;
margin : 10px 15px;
color: #0055aa;
}
p {
padding : 0;
margin : 10px 15px;
color: #000;
}

ul, ol {
margin : 10px 30px;
padding : 0 15px;
color : #007700;
}
ul span, ol span {
color : #666666;
}
img {
	border: none;
}
img.float-right {
  margin: 5px 0px 10px 10px;
}
img.float-left {
  margin: 5px 10px 10px 0px;
}
.floatright2 {
  float:right;
  margin: 5px 10px 10px 10px;
  text-align:center;
}
.floatleft2 {
  float:left;
  margin: 5px 10px 10px 10px;
  text-align:center;
}
code {
  /*margin: 5px 0;*/
margin:0px auto; 
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background-color : #FFFFCC;
  border: 1px solid #EAEAEA;
  border-left: 5px solid #0055aa;
}
blockquote {
margin : 0 0 0 30px;
padding : 10px 0 0 20px;
font-size : 93%;
line-height : 1.5em;
color : #000;
font-weight : bold;
}
blockquote p {
margin-top : 0;
}
#conteneur {
/*height: 100%;*/
margin-left: auto;
margin-right: auto;
padding : 0;
text-align : left;
background : url(marbrev.jpg) repeat;
width : 900px;
/*border: 5px solid #666; */
border: 1px solid #000; 
}
#en_tete {
position : relative;
width : 100%;
height: 160px;
margin-top: -10px;
/*margin : 0;
padding : 0;*/
background : url(marbre.jpg) repeat;
/*border-bottom: 1px solid #000;*/
}
#en_tete #menu {
position : relative;
float : right;
margin-top: 0px;
margin-left: 0px;
width : 100%;/* proportion "occupée" par le menu*/
background-color : #000;
}
#en_tete #bandeau {
position : relative;
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
/*background-color : #000;*/
}
#en_tete #bandeau #recherche {
float:left;
position : absolute;
margin-top: 0px;
margin-left: 40px;
width: 80%;
height:20px;
}
#ancien_contenu {
/*clear : both;*/
margin : 0;
padding : 0;
/*width : 99%;*/
width : 100%;
background : url(marbrev.jpg) repeat;
}
#contenu {
margin : 30px 0 0 0;
padding : 0;
width : 100%;
height: 100%;
background : url(marbrev.jpg) repeat;
}
ul, li {
list-style: none;
padding: 0;
margin: 0;
}
#ancien_centre {
width: 100%;
height: 100%;
float : right;
margin : 30px 0 0 0;
background : url(marbrev.jpg) repeat;
padding : 0;
}
ul#nav {
float: left; /* alignement des cases du menu par rapport à la div "menu"*/
text-align: center; /* alignement du texte dans les cases du menu*/
margin : 0px 0px 0 0px;
padding : 0;
/*background : url("marbre.png") repeat;*/
   background-color : #4eb4ff;
height : auto;
list-style-type : none;

}
ul#nav li {
float : left;
/*width : 110px; largeur des cases du menu*/
width : 180px;
}
ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
display : block;
height : 1%;
color : #fff;
background : #000;
align : center;
/*padding : 0 8px;*/
border-right : 1px solid #fff;
text-decoration : none;
font-weight : normal;
}
ul#nav li a:hover {
background-color : #4eb4ff;
}
ul#nav li a:active {
background-color : #000;
}
ul#nav li div {
float : none;
/*width : 8em; /*FCR */
width : 180px;
position : absolute;
}
ul#nav li div a, ul#nav li div a:link, ul#nav li div a:visited, ul#nav li div a:hover {
display : none;
/*width : 8em; largeur mini du menu "déroulé"*/
width : 180px;
color : #000;
text-decoration : none;
/*background : url("marbre.png") repeat;*/
   background-color : #4eb4ff;
border : 1px solid white;
border-width : 1px 0 0 0;
}
ul#nav li div a:hover {
background-image : none;
background-color : #EEFFFF;
}
ul#nav li div a:focus {
display : block;
}
ul#nav li div span {
position : absolute;
left : -10000px;
}
ul#nav li:hover div a {
display : block;
}
ul#nav li a:focus + div a {
display : block;
}

ul#nav li.over div a, ul#nav li.over div a:link, ul#nav li.over div a:visited, ul#nav li.over div a:hover {
display : block;
}
.float-left  { float: left; }
.float-right { float: right; }

.align-left  { text-align: left; }
.align-right { text-align: right; }


.marquee{
  width: 800;
  height:30px; 
  /*border: 5px #DDDDDD ridge; bordure du marquee */
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;	/* on cache les barres de défilement */
  padding-left: 0px;      /* /!\ pas de padding-left ni de padding right /!\ */
  padding-right: 0px;  
  padding-top: 0px;          /* padding-top et padding-bottom pour un centrage vertical */
  padding-bottom: 0px;
}

/* style du texte qui doit défiler */
.aspectTexte{
 font-size: 15pt;
 font-family: Comic Sans MS;
 color: #FF0000;/* rouge*/
}