body
{
color: #a1a2a7;
}

a
{
color: #f15a25;
}

a:hover 	{
		color: #f15a25;
		}
		
.cadre
{
width:20%;
border:1;
border-color:orange;
}

.cadretitre
{
text-align:center;
font-weight:bold;
color:#ffd119;
border:none;
background-color:#e86a39;
font-family: cambria;
}
.cadreint
{
font-weight:normal;
text-align:left;
padding-bottom:5px;
padding-top:5px;
padding-left:20px;
padding-right:20px;
border:none;
background-color:white;
color: #000000;
font-size:13px;
}

li {
 display : list-item;
 list-style-image : url(img/puce.png);
} 
a img 
{ border: 0;
color:#330000 
}



 span {
	position: absolute;
	color: white;
	margin: -2px 0 0 -2px;
	font-weight:bold;
}

p
{
  font-size       : 1.1em; /* Définition de la taille de la police de nos paragraphes */
}

/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #e86a39;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid red; /* Définition des bordures */
} 

a.info_bulle
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  -20px;
    left       :  auto;
    width      :  220px;
    height     :  auto;
    overflow   :  visible;
}