.ib-container article{
	width: 240px;
	height: 300px;
	background:#fffafa;
	float: left;
	border: 5px solid #669999;
	text-align: center;
	text-transform: none;
	margin: 15px;
	box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 1px 3px 10px rgba(0,0,0,0.2);
}
.ib-container article:hover{
	display: block;
	width: 240px;
	height: 300px;
	background: #fff;
	float: left;
	border: 5px solid #980019;
	text-align: center;
	text-transform: none;
	margin: 15px;
	*z-index: 999;
	-webkit-backface-visibility: hidden;
	box-shadow: 
		0px 0px 0px 8px rgba(255,255,255,1), 
		1px 1px 3px 15px rgba(0,0,0,0.2);
}
.ib-container article div span{
	font-size: 20px; /* ne pas changer*/
	font-family: "Book Antiqua",sans-serif;
	padding: 3px;
	display: block;
	color:  #980019;
	text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);
	text-transform: uppercase;
	*opacity: 0.8;
}

.cd-section {
  padding: 2em 5%;
  text-align: center;
}

.cd-modal-action a {
 text-decoration: none;
}

.cd-modal-action .btn2 {
  display: inline-block;
  height: 2em;
  background-color: #669999;
  width: 10em;
  border-radius: 5em;
  color: white;
  line-height: 2em;
  white-space: nowrap;
  font-weight: 700;
}

.cd-modal-action .btn3 {
  display: inline-block;
  background: #708090;
  border-radius: 5em;
  color: white;
  line-height: 3em;
  font-size:0.6em;
  font-weight: bold;
  white-space: nowrap;
  padding:3px 10px 0px 10px;
}

.boutton {
	background:beige;
	padding:10px;
	font-family: "Book Antiqua",sans-serif;
	font-size:12px;
	text-decoration:none;
	color:white;
	border-radius: 5px;
	border: 2px solid silver;
}
.boutton:hover{
	background:#669999;
	padding:10px;
	font-family: "Book Antiqua",sans-serif;
	font-size:12px;
	text-decoration:none;
	color:white;
	border: 2px solid silver;
	*border-radius: 5px;
}

/*----------------------------------------------------
-----------------style image hover--------------------
------------------------------------------------------*/


/* CONTENT */
#content {margin-top:25px; }
#content img {background:url('../images/bg2.jpg'); border: 5px solid transparent; box-shadow: 6px 6px 5px #d1d1d1}

/* PROFILES */
.profiles, .info { list-style:none; cursor:pointer; }
.profiles > li { width:150px; height:200px; float:left; margin:50px; margin-bottom:100px; }
.info, .pic { position:absolute; }
.info { font-family: 'Lato', sans-serif; color:#fff; font-size:15px; padding:5px;padding-top:40px;
         background-color:#a3a3a3; width:220px; height:280px; opacity:0;
		 text-align:center; }
.info a { font-weight:bold; font-size:25px; color:#fff; text-decoration:none; }
.info a:hover { text-decoration:underline; }
.pic { width:220px; height:280px; }

/* EXPLODE */
#explode .info { transition: all 0.7s; transform: scale(0.8); }
#explode .pic { transition: all 0.7s; }
#explode li:hover .info { opacity:1; transform: scale(1); }
#explode li:hover .pic { opacity:0; transform: scale(1.4); }