body 
{
  background-image : url(./images/bg.gif);
  background-attachment:fixed;
	font-family : Arial, sans-serif;
    font-size: 13px; 
	color: black; 
	text-align :justify
}

.titre
{
   font-family: verdana;
   font-size:14px;
   font-weight: bold;
   color: #0000AE;
   display: block;
   height: 40px;
   text-decoration: none;
   text-indent:10px;
   background-image:url(images/ligne.png);
   background-position: left bottom;
   background-repeat: no-repeat;
   }
.titre1
{
   font-family: verdana;
   font-size:14px;
   font-weight: bold;
   color: #0000AE;
   display: block;
   text-decoration: none;
   text-indent:10px;
   }

.titre2
{
   font-family: verdana;
   font-size:8px;
   font-weight: bold;
   color: #0000AE;
   display: block;
   text-decoration: none;
   text-indent:10px;
   }


.sstitre
{
   font-family: verdana;
   font-size:12px;
   font-weight: bold;
   color: #157309;
   display: block;
   height: 15px;
   text-decoration: none;
   text-indent: 9px;
   background-image:url(images/puce2.gif);
   background-position: left center;
   background-repeat: no-repeat;								
   }
   
.valeur
{
   font-family: Verdana;
   font-size:11px;
   color: #000000;
}

.red
{
   font-family: Verdana;
   font-size:12px;
   color: red;
   text-align: center;
   font-weight: bold;
}
 
 li
 {
 list-style-type:none ;
 }
 
a.mv3style
 {
  color :#ffffff ; text-decoration:none; 
 }
#menu1 {
  border:1px solid ;
  border-color:#00000;
  }
  
#contenu {
  width: 810 !important;
  border:1px solid ;
  border-color:#F8921D;
  padding:20px ;
  background-image : url(./images/bgc.gif);
	background-attachment : fixed;
	width:92%;
  text-align:justify;
  margin: 0 auto;
}

  .haut {width: auto;height: 15px;}
  .bas {width: auto;height: 386p;  overflow: auto;}
th /* Les cellules d'en-tête */
{
   color: white;
   font-size:11px;
   font-weight: bold;
   font-family: Verdana; 
	background-image : url(./images/bg1.png);
  }
   
#cadre
{
	background-image : url(./images/div.gif);
	width:608px;
	height:20px;
   background-repeat: no-repeat;
}   
#topmenu
{
	background-image : url(./images/topmenu.gif);
	width:180px;
	height:20px;
   background-repeat: no-repeat;
}   
#backmenu
{
	background-image : url(./images/backmenu.gif);
	width:180px;
	height:20px;
   background-repeat: no-repeat;
}
   
#boitejaune {
   margin: auto; /* Centre le tableau */
   border: 1px solid;
   border-color: #F37F24; 
   border-collapse: collapse;
	background-image : url(./images/bj.png);
   text-align:justify;
   padding: 5px; 
  }
   
#boiteorange {
   margin: auto; /* Centre le tableau */
   border: 1px solid;
   font-weight: bold;
   border-color: #F37F24; 
   border-collapse: collapse;
	background-image : url(./images/bo.png);
   text-align:justify;
   padding: 5px; 
  }

#boiteverte {
   margin: auto; /* Centre le tableau */
   border: 1px solid;
   font-weight: bold;
   border-color: #60A900; 
   border-collapse: collapse;
	background-image : url(./images/bv.png);
   text-align:justify;
   padding: 5px; 
  }


 
a{ color :#0038EE ; text-decoration:none; }

A:hover { color: red ;  text-decoration:underline; }

/* menuCSS */

ul {list-style-type: none;
margin: 0;
padding: 0;}

.menu a{
display: block;
height: 30px;
width: 154px;
background-image:url(images/bgbuton.gif);
background-position: left center;
background-repeat: no-repeat;
}
	 
.menu a:hover{
background:#C34833;
}

/*onglet*/
ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #00844A;
    margin: 0;
}
/*On ne prend aucun des styles par défaut de la liste, et on met une bordure verte sur le bas. 
*/
ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #FFE099;
    margin: 2px 2px 0 2px;
    border: 1px solid #00844A;
}
/*Pour un onglet normal, on le rend flottant sur la gauche. Les éléments ne seront donc plus les uns en dessous des autres, mais accolés les uns aux autres sur une ligne. 
*/
ul#tabnav li.active {
   color: white;
    border-bottom: 1px solid #DFEFDF;
    background-color: #FCCE9C;
}
/*Pour l'onglet actif, on écrase la bordure définie dans le ul#tabnav par une bordure blanche, mais uniquement au niveau de l'onglet. On change aussi la couleur de fond. 
*/
#tabnav a {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
}
/*On force l'empilement aussi par la gauche, mais surtout on fait un affichage block ce qui permet de cliquer partout dans l'onglet pour activer le lien. 
*/
#tabnav a:hover {
   color: white;
    background :#F8921D;
}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:170px;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url(./books/book1/flyer_un_jour.jpg); 
    margin:0; 
    padding: 0; 
    border: 0;
}

.titre_bulle
{
  font-family: verdana;
   font-size:9px;
   font-weight: bold;
   color: #330034;
   text-decoration: none;
   text-indent:5px;
   }
   
   
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent; 
    margin:0; 
    padding: 0; 
    border: 0;
}