@import url(http://fonts.googleapis.com/css?family=Ultra|Lobster);





html, body {
	width: 100%;
	height: 100%;
	position: relative;
}


.conteneur {
	width: 100%;
	height: 100%;
}


/*------------------------------------------------------*/
/* chose = le contenu que vous rajoutez par-dessus les images */
.chose-conteneur {
	width: 100%;
	position: absolute;
	top: 170px;
	left: 0px;
		
}


.chose {
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	text-align: center;
	position: relative;
}


.chose-img {
	position: relative;
	bottom: -5px;
	max-width: 800px;
}


.slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.diapos {
  height: 100%;
  /* Clear fix */
  overflow: hidden;
  *zoom: 1;
  /**
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.slide {
  height: 100%;
  float: left;
  clear: none;
}






/*------------------------------------------------------*/
/* IMAGES D'ARRIÈRE-PLAN */
.un {
	background-image: url(../images/bg01.jpg);
}

.deux {
	background-image: url(../images/bg02.jpg);
}

.trois {
	background-image: url(../images/bg03.jpg);
}

.quatre {
	background-image: url(../images/bg04.jpg);
}














/*------------------------------------------------------*/
/*  POINTS SERVANT À NAVIGUER */
.points {
  position: absolute;
  bottom: 30px;
}

.points_item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid #fff;
 
}


.points_item:hover {
	background: #fff;
}

.points_item--current {
	background: #000;
}





/*------------------------------------------------------*/
/* MISE EN FORME DES FLÈCHES */

.fleche {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}



.fleche_gauche {
	bottom: 50%;
	left: 20px;
	background-image: url(../images/fleche_g.png);
	
}

.fleche_gauche:hover {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.fleche_droite {
	bottom: 50%;
	right: 20px;
	background-image: url(../images/fleche_d.png);
}

.fleche_droite:hover {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}





/*------------------------------------------------------*/
/* MISE EN FORME DU TEXTE */

.aout {
	font-family: 'Lobster', cursive;
	font-size: 4.8em;
	line-height: 0.8em;
	text-transform: none;
	color: #CCC;
}

.date {
	font-family: 'Ultra', serif;
	font-size: 7em;
	line-height: 1em;
	letter-spacing: -0.01em;
}



.aout_sombre {
	font-family: 'Lobster', cursive;
	font-size: 4.8em;
	line-height: 0.8em;
	text-transform: none;
	color: #3b4842;

}

.date_sombre {
	font-family: 'Ultra', serif;
	font-size: 7em;
	line-height: 1em;
	letter-spacing: -0.01em;
	color: #e0d0aa;
	text-shadow: 0px 2px 3px #666;
	
}