/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:640px;
	height:263px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:263px;
}

/** 
 * 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;
}

/** 
 * Style rules for Demo page
 */
* {
  margin:0;
  padding:0;
  color:#ccc;
}
a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
hr{
height:2px;
width:80%;
border:outset;
margin:15px auto;

}


body {
  background:url('img/bg_body.jpg') repeat-x #393737;
}

#slider {
  margin:0 auto;
  width:960px;
}
#slider h1 {
  display:block;
  width:960px;
  height:114px;
  margin:auto;
  background:transparent url(img/bg_pagecontainer_h1.png) no-repeat top left;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
  border:none;
}
#lettre {
  margin:30px auto 0 auto;
  display:block;
  width:560px;
  font-size:14px;
}
#lettre input[type=submit], input[type=text], textarea {
 border:2px outset #A6BEDE;
 font-weight:bold;
 cursor:pointer;
 color:#000000;
 }
#lettre input[type=submit]:hover, input[type=text]:hover, textarea {
 border:2px outset white;
 background-color:white;
 }
#lettre input[type=submit]:active, input[type=text]:active, textarea {
 border:2px inset #A6BEDE;
 background-color: #CCCCCC;
 color:black;
 }
 #lettre select{
 color:#CC0000;
 }
 #lettre select:hover{
 color: #FF0000;
 }
#lettre h1 {
text-align:center;
font-size:24px;
font-family: "Arial Black";
}
#lettre h2 {
text-align:center;
font-size:18px;
font-family: "Arial Black";
}
#lettre a {
text-decoration:underline;
font-size:12px;
font-family: "Arial Black";
}

#temoignages {
margin:auto;
padding:15px;
font-style:italic;
font-weight:bolder;
border: #99FF00 5px inset;
background-color: #99CC00;
}
#temoignages p{
color: #333;
}
#temoignages img{
margin:10px;
border:dashed;

}



#footer {
margin:30px auto;
  display:block;
  width:560px;
}