html, body
{
background-color: black;
overflow-x: hidden;
			}
			
			
			/* LES TROIS BLOCS */

div#livre-truffe-header {
	width:780px;
	height:180px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	background-color:black;

	}
div#livre-truffe-contenu {
	width:780px;
	height:410px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 54px;
	background-color:black;
	}
div#livre-truffe-piedpage {
	width:780px;
	height:150px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color:black;
	}
	
/* PHRASE HAUT DE PAGE */	
	
#truffes-richerenches {
text-align: center;
padding-left: 5px;

}

#truffes-richerenches a{
font-family: "times new roman","arial";
font-size: 17px;
font-weight: bold;
letter-spacing: 6px;
}

/* BANNIERE*/

#vente-tuber-melanosporum {
margin-top: 20px;
margin-bottom: 10px
}

/* MENU HORIZONTAL HAUT */

#livres-truffe-1 {
	float: left
}

#livres-truffe-1 a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 10px;
	width: 96px;
	text-align: center;
	background: url('barremenu1-1.jpg') bottom;
	color: #666
	}
	
#livres-truffe-1 a:hover {
	background-position: top;
	color: #fff
}	

#livres-truffe-2 {
	float: left
}

#livres-truffe-2 a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 10px;
	width: 85px;
	text-align: center;
	background: url('barremenu2-2.jpg') bottom;
	color: #666
	}
	
#livres-truffe-2 a:hover {
	background-position: top;
	color: #fff
}	

#livres-truffe-3 {
	float: left
}

#livres-truffe-3 a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 10px;
	width: 134px;
	text-align: center;
	background: url('barremenu3-3.jpg') bottom;
	color: #666
	}

#livres-truffe-4 {
	float: left
}

#livres-truffe-4 a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 10px;
	width: 170px;
	text-align: center;
	background: url('barremenu4-4.jpg') bottom;
	color: #666
	}
	
#livres-truffe-4 a:hover {
	background-position: top;
	color: #fff
}	

#livres-truffe-5 {
	float: left
}

#livres-truffe-5 a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 10px;
	width: 127px;
	text-align: center;
	background: url('barremenu5-5.jpg') bottom;
	color: #666
	}
	
#livres-truffe-5 a:hover {
	background-position: top;
	color: #fff
}

#livres-truffe-5-bis {
	float: left
}

#livres-truffe-5-bis a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 10px;
	width: 81px;
	text-align: center;
	background: url('barremenu5-5-bis.jpg') bottom;
	color: #666
	}
	
#livres-truffe-5-bis a:hover {
	background-position: top;
	color: #fff
}

#livres-truffe-6 {
	float: left
}

#livres-truffe-6 a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 10px;
	width: 87px;
	text-align: center;
	background: url('barremenu6-6.jpg') bottom;
	color: #666
	}
	
#livres-truffe-6 a:hover {
	background-position: top;
	color: #fff
}

/* MENU HORIZONTAL HAUT COMMENTAIRES */

span.header
{
   display         : block; 
   height          : 30px;  /* Hauteur de l'image */
   line-height     : 220%;  /* Centrer verticalement le texte */
   text-align      : center;
   background      : transparent url('commentaire_extraits.jpg') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
}    

a.info_bulle span.info_bulle
{								   
  display        : none; /* Bloc span caché */
  } 

a.info_bulle:hover span.info_bulle
{				
  display        :  block;    /* Bloc span dévoilé */
  position       :  relative; /* Bloc sorti du conteneur pour pouvoir être positionné */
  
  font-size      : 12px;
  
  width          : 780px;     /* Largeur */
  
  cursor         : default;   
  
  /* Position bulle */
    
     top: 1em;
	 

  
  z-index        : 1000; /* bulle foreground */
} 

span.header2
{
   display         : block; 
   height          : 30px;  
   line-height     : 220%;  
   text-align      : center;
   background      : transparent url('commentaire_photos.jpg') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
}            

a.info_bulle2 span.info_bulle
{								   
  display        : none; 
} 

a.info_bulle2:hover span.info_bulle
{				
  display        :  block;    
  position       :  relative; 
  
  font-size      : 12px;
  
  width          : 780px;     
  
  cursor         : default;   
  
  
  top            : 1em;     
  left           : -112%;
  
  z-index        : 1000; 
}  

span.header3
{
   display         : block; 
   height          : 30px;  
   line-height     : 220%;  
   text-align      : center;
   background      : transparent url('commentaire_auteurs.jpg') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
}            

a.info_bulle3 span.info_bulle
{								   
  display        : none; 
} 

a.info_bulle3:hover span.info_bulle
{				
  display        :  block;    
  position       :  relative; 
  
  font-size      : 12px;
  
  width          : 780px;     
  
  cursor         : default;   
  
  
  top            : 1em;     
  left           : -135%;
  
  z-index        : 1000; 
}       

span.header4
{
   display         : block; 
   height          : 30px;  
   line-height     : 220%;  
   text-align      : center;
   background      : transparent url('commentaire_pointsdevente.jpg') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
}            

a.info_bulle4 span.info_bulle
{								   
  display        : none; 
} 

a.info_bulle4:hover span.info_bulle
{				
  display        :  block;    
  position       :  relative; 
  
  font-size      : 12px;
  
  width          : 780px;     
  
  cursor         : default;   
  
  
  top            : 1em;     
  left           : -185%;
  
  z-index        : 1000; 
}   

span.header5
{
   display         : block; 
   height          : 30px;  
   line-height     : 220%;  
   text-align      : center;
   background      : transparent url('commentaire_commander.jpg') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
}            

a.info_bulle5 span.info_bulle
{								   
  display        : none; 
} 

a.info_bulle5:hover span.info_bulle
{				
  display        :  block;    
  position       :  relative; 
  
  font-size      : 12px;
  
  width          : 780px;     
  
  cursor         : default;   
  
  
  top            : 1em;     
  left           : -380%;
  
  z-index        : 1000; 
}  

span.header5-bis
{
   display         : block; 
   height          : 30px;  
   line-height     : 220%;  
   text-align      : center;
   background      : transparent url('commentaire_medias.jpg') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
}            

a.info_bulle5-bis span.info_bulle
{								   
  display        : none; 
} 

a.info_bulle5-bis:hover span.info_bulle
{				
  display        :  block;    
  position       :  relative; 
  
  font-size      : 12px;
  
  width          : 780px;     
  
  cursor         : default;   
  
  
  top            : 1em;     
  left           : -755%;
  
  z-index        : 1000; 
}  

span.header6
{
   display         : block; 
   height          : 30px;  
   line-height     : 220%;  
   text-align      : center;
   background      : transparent url('commentaire_contact.jpg') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
}            

a.info_bulle6 span.info_bulle
{								   
  display        : none; 
} 

a.info_bulle6:hover span.info_bulle
{				
  display        :  block;    
  position       :  relative; 
  
  font-size      : 12px;
  
  width          : 780px;     
  
  cursor         : default;   
  
  
  top            : 1em;     
  left           : -797%;
  
  z-index        : 1000; 
}   

/*TEXTE*/

div#phrase-0 {
color: #7C7D7D;
font-size: 21px;
text-decoration: none;
	text-align: center;
    height: auto;
    width: 780px;
    padding-top: 50px;
	border: 0px solid #C0BFBE;
	font-family: times new roman,arial;
	z-index: 1
}   

div#phrase-0 a{
color: #7C7D7D;
font-size: 21px;
text-decoration: none;
	text-align: center;
    height: auto;
    width: 780px;
    padding-top: 0px;
	border: 0px solid #C0BFBE;
	font-family: times new roman,arial;
	z-index: 1
}     

div#phrase-1 {
color: #B26111;
font-size: 18px;
text-decoration: none;
	text-align: center;
    height: auto;
    width: 780px;
    padding-top: 70px;
	border: 0px solid #C0BFBE;
	font-family: times new roman,arial;
	z-index: 1
}   

div#phrase-1 a{
color: #B26111;
font-size: 18px;
text-decoration: none;
	text-align: center;
    height: auto;
    width: 780px;
    padding-top: 0px;
	border: 0px solid #C0BFBE;
	font-family: times new roman,arial;
	z-index: 1
}     

div#phrase-1 a:hover {
color:#EAA027;
font-size: 18px;
	text-align: center;
    height: auto;
    width: 780px;
    padding-top: 0px;
	border: 0px solid #C0BFBE;
	font-family: times new roman,arial;
	z-index: 1
}    

div#phrase-2 {
color: #B26111;
font-size: 18px;
text-decoration: none;
	text-align: center;
    height: auto;
    width: 780px;
    padding-top: 50px;
	border: 0px solid #C0BFBE;
	font-family: times new roman,arial;
	z-index: 1
}   

div#phrase-2 a{
color: #B26111;
font-size: 18px;
text-decoration: none;
	text-align: center;
    height: auto;
    width: 780px;
    padding-top: 0px;
	border: 0px solid #C0BFBE;
	font-family: times new roman,arial;
	z-index: 1
}     

div#phrase-2 a:hover {
color:#EAA027;
font-size: 18px;
	text-align: center;
    height: auto;
    width: 780px;
    padding-top: 0px;
	border: 0px solid #C0BFBE;
	font-family: times new roman,arial;
	z-index: 1
}    


/* PAS DE CONTOUR SUR LES LIENS IMAGES*/

img {
border: none
}

/* MENU BAS*/

#livres-truffe-1-bas {
	float: left;
}

#livres-truffe-1-bas a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 16px;
	width: 172px;
	text-align: center;
	background: url('barremenu1_basse_r.jpg') bottom;
	color: #666
	}
	
#livres-truffe-1-bas a:hover {
	background-position: top;
	color: #fff
}	

#livres-truffe-2-bas {
	float: left
}

#livres-truffe-2-bas a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 16px;
	width: 128px;
	text-align: center;
	background: url('barremenu2_basse_r.jpg') bottom;
	color: #666
	}
	
#livres-truffe-2-bas a:hover {
	background-position: top;
	color: #fff
}	

#livres-truffe-3-bas {
	float: left
}

#livres-truffe-3-bas a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 16px;
	width: 193px;
	text-align: center;
	background: url('barremenu3_basse_r.jpg') bottom;
	color: #666
	}
	
#livres-truffe-3-bas a:hover {
	background-position: top;
	color: #fff
}	

#livres-truffe-4-bas {
	float: left
}

#livres-truffe-4-bas a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 16px;
	width: 126px;
	text-align: center;
	background: url('barremenu4_basse_r.jpg') bottom;
	color: #666
	}
	
#livres-truffe-4-bas a:hover {
	background-position: top;
	color: #fff
}	

#livres-truffe-5-bas {
	float: left
}

#livres-truffe-5-bas a {
	display: block;
	outline: none;
	font-size : 0px;
    letter-spacing: -50px;
	height: 16px;
	width: 161px;
	text-align: center;
	background: url('barremenu5_basse_r.jpg') bottom;
	color: #666
	}
	
#livres-truffe-5-bas a:hover {
	background-position: top;
	color: #fff
}

/* MENU ADDITONNEL BAS*/

#livre-truffe-truffes-bas {
color:#373636;
font-size: 12px;
padding-left: 3px;
padding-top: 30px;
}

#livre-truffe-truffes-bas a{
text-decoration: none;
font-size: 11.4px;
font-family: "times new roman","arial";
color:#313130;
}

#livre-truffe-truffes-bas-2 {
padding-left: 1px
}

#livre-truffe-truffes-bas-2  a{
text-decoration: none;
font-size: 11px;
font-family: "times new roman","arial";
color:#313130;
}

#livre-truffe-truffes-bas-2 a:hover {
color: #C0BFBE;
}

/* MENU ADDITONNEL BAS COMMENTAIRES*/

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
	text-align: center;
    font-style: normal;
	font-family: arial;
	font-size: 10px;
    display: block;
    position: absolute;
    top: 30px;
    left: 0px;
    padding: 5px;
    color: #C0BFBE;
    border: 0px solid #373636;
    width:760px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}                      

a.tooltip2 em {
    display:none;
}
a.tooltip2:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip2:hover em {
	text-align: center;
    font-style: normal;
	font-family: arial;
	font-size: 10px;
    display: block;
    position: absolute;
    top: 30px;
    left: -53px;
    padding: 5px;
    color: #C0BFBE;
    border: 0px solid #C0BFBE;
    width:760px;
}
a.tooltip2:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}  

a.tooltip3 em {
    display:none;
}
a.tooltip3:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip3:hover em {
	text-align: center;
    font-style: normal;
	font-family: arial;
	font-size: 10px;
    display: block;
    position: absolute;
    top: 30px;
    left: -116px;
    padding: 5px;
    color: #C0BFBE;
    border: 0px solid #C0BFBE;
    width:760px;
}
a.tooltip3:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}    



a.tooltip5 em {
    display:none;
}
a.tooltip5:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip5:hover em {
    text-align: center;
	font-style: normal;
	font-family: arial;
	font-size: 10px;
    display: block;
    position: absolute;
    top: 30px;
    left: -249px;
    padding: 5px;
    color: #C0BFBE;
    border: 0px solid #C0BFBE;
    width:760px;
}
a.tooltip5:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}   

a.tooltip5bis em {
    display:none;
}
a.tooltip5bis:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip5bis:hover em {
    text-align: center;
	font-style: normal;
	font-family: arial;
	font-size: 10px;
    display: block;
    position: absolute;
    top: 30px;
    left: -350px;
    padding: 5px;
    color: #C0BFBE;
    border: 0px solid #C0BFBE;
    width:760px;
}
a.tooltip5bis:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}   

a.tooltip7 em {
    display:none;
}
a.tooltip7:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip7:hover em {
	text-align: center;
    font-style: normal;
	font-family: arial;
	font-size: 10px;
    display: block;
    position: absolute;
    top: 30px;
    left: -436px;
    padding: 5px;
    color: #C0BFBE;
    border: 0px solid #C0BFBE;
    width:760px;
}
a.tooltip7:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}     

a.tooltip8 em {
    display:none;
}
a.tooltip8:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip8:hover em {
	text-align: center;
    font-style: normal;
	font-family: arial;
	font-size: 10px;
    display: block;
    position: absolute;
    top: 30px;
    left: -488px;
    padding: 5px;
    color: #C0BFBE;
    border: 0px solid #C0BFBE;
    width:760px;
}
a.tooltip8:hover em span {
	text-align: center;
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}       

a.tooltip9 em {
    display:none;
}
a.tooltip9:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip9:hover em {
	text-align: center;
    font-style: normal;
	font-family: arial;
	font-size: 10px;
    display: block;
    position: absolute;
    top: 30px;
    left: -573px;
    padding: 5px;
    color: #C0BFBE;
    border: 0px solid #C0BFBE;
    width:760px;
}
a.tooltip9:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}  

a.tooltip10 em {
    display:none;
}
a.tooltip10:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip10:hover em {
	text-align: center;
    font-style: normal;
	font-family: arial;
	font-size: 10px;
    display: block;
    position: absolute;
    top: 30px;
    left: -653px;
    padding: 5px;
    color: #C0BFBE;
    border: 0px solid #C0BFBE;
    width:760px;
}
a.tooltip10:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}