/** 
 * Slideshow style rules.
 */
#slideshow {
padding-top: 10px;
margin:0 auto; 
width:948px;
height:298px;
position:relative;

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:887px;
  height:298px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:867px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:298px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}


.contenu-slide {font-family: Tahoma; font-size: 12px; color: #FFFFFF; padding-left: 30px; 
               padding-right: 10px; padding-top: 0px; padding-bottom: 60px}            
.contenu-slide H1 {font-family: Tahoma; font-size: 18px; color: #FFFFFF; font-weight: bold;}
.contenu-slide H2 {font-family: Tahoma; font-size: 12px; color: #663300; padding-left: 180px; font-weight: normal;}
.contenu-slide H3 {font-family: Tahoma; font-size: 12px; color: #663300; padding-left: 250px; font-weight: normal;}


.lien-utiles-titre {font-family: Tahoma; font-size: 20px; color: #FFA800; font-weight: bold; padding-left:20px; padding-right:5px}


.lien-utile {font-family: Tahoma; font-size: 12px; color: #FFA800; font-weight: bold; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; text-align:left;}
.lien-utile a {font-family: Tahoma; font-size: 12px; color: #FFA800; font-weight: bold}


.contenu-slide2 {font-family: Tahoma; font-size: 14px; padding-left: 10px; 
               padding-right: 20px; padding-top: 5px; padding-bottom: 60px}            
.contenu-slide2 H1 {font-family: Tahoma; font-size: 18px; color: #00000; font-weight: bold;}
.contenu-slide2 H2 {font-family: Tahoma; font-size: 12px; color: #FFFFFF; font-weight: normal;}
.contenu-slide2 H2 a {font-family: Tahoma; font-size: 12px; color: #FFFFFF; font-weight: normal;}

.title {font-family: Tahoma; color: #FFFFFF; font-size: 14px; font-weight: bold;
               margin-left: 20px; 
               padding-left: 30px; padding-right: 20px; padding-top: 5px; 
               padding-bottom: 5px; background-image: 
               url('../images_V2/fleche-infos.jpg'); background-repeat: 
               no-repeat; background-position-y: center; cursor: pointer; cursor: hand; text-align:left;
}
               
               
 .point-infos {font-family: Tahoma; font-size: 12px; color: #663300; padding-left: 20px; 
              padding-right: 20px; padding-top:5px; padding-bottom:10px; text-align:left;}
               
 .point-infos  a {font-family: Tahoma; font-size: 12px; color: #663300; font-weight: normal;}
 .point-infos  a:hover {font-family: Tahoma; font-size: 12px; color: #ffffff; font-weight: normal;}
 
 
 .titre-commentaire {font-family: Tahoma; font-size: 14px; color: #FF7200; font-weight:bold; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px}
 
 .commentaire {font-family: Tahoma; font-size: 12px; color: #333333; padding: 20px}
 .commentaire-ville {font-family: Tahoma; font-size: 12px; color: #333333; font-weight:bold; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0}
 .commentaire-nom {font-family: Tahoma; font-size: 12px; color: #333333; font-weight:bold; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0}

 
 .espace-pub-text {font-family: Arial; font-size: 16px; color: #FFA800; font-weight: bold; 
               padding-top: 10px; padding-bottom: 30px};