.carousel {
  height: 215px;
  margin-bottom:20px;
  }

.carousel-photo {
  height: 172px;
  margin-bottom:10px;
  overflow: hidden;
  }

#carousel_video1,
#carousel_video2 {
  margin: 0 0 0 0;
  width: 600px;
  height: 215px;
  overflow: hidden;
  float: left;
  }
.carousel_box {
  float: left;
  width: 200px;
  height: 225px;
  text-align: left;
  }

.carousel_box img {
  width: 180px;
  height: 135px;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.6);
  margin: 5px auto auto auto;
  background:#555;
  display:block;
  }
.carousel_box p,
.carousel_box h3 {
  width: 195px;
  text-align:center;
  }
.carousel_box h3 {
  font-family: 'Unkempt', 'Comic Sans MS', Verdana, Sans-serif;
  margin: 5px auto auto auto;
  font-size:16px;
  line-height:0.9em;
  }
.carousel_box p {
  margin: 3px auto auto auto;
  font-size:13px;
  line-height:1em;
  /*color:#754;*/
}

.carousel_prev,
.carousel_next {
	width:24px;
	height:150px;
	float: left;
	overflow:hidden;
  display:block;
}

/*
.carousel_prev {
	margin-right:10px;
}
.carousel_next {
	margin-left:10px;
}
*/

.carousel_next input[type=button],
.carousel_prev input[type=button]
{
	width:24px;
	height:24px;
	background: none;
	display:inline-block;
	text-align:center;
	margin-top:60px;
	border:0;
	padding-left:80px; /* pour masquer le texte */
	cursor:pointer;
	overflow:hidden;
	background:url(/design/fleches.png) no-repeat;
	outline: none; /* pour supprimer l'effet de selection dans Chrome */
}

.carousel_next input[type=button].hide,
.carousel_prev input[type=button].hide
{

  display:none;
}

.carousel_next input[type=button]
{
	background-position: 0 0;
}
.carousel_prev input[type=button]
{
	background-position: 0 -24px;
}

.carousel_next input[type=button]:disabled
{
	background-position: -24px 0;
	cursor:default;
}
.carousel_prev input[type=button]:disabled
{
	background-position: -24px -24px;
	cursor:default;
}