/* General Style @import url('reset.css'); */

.view {
   width: 790px;
   height: 420px;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
   width: 790px;
   height: 90px;
   position: absolute;
   /*overflow: hidden;*/
   top: 330px;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}

.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 18px;
   padding: 0px;
   background: rgba(0, 0, 0, 0.8);
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 16px;
   font-weight:normal;
   text-align: center;
   position: relative;
   color: #fff;
   left:5%;
   width:90%;
   margin: 5px;
   height:40px;
    overflow: hidden;
  -o-text-overflow: ellipsis; /* pour Opera 9 */
  text-overflow: ellipsis; /* pour le reste du monde */
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   margin-top:5px;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   border: 1px solid #fff; 
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view a.prev {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
   filter: alpha(opacity=0.8);
   opacity: 0.8;
position:absolute;
    float:left;
	left : 10px;
	width: 0; 
	height: 0; 
border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-right: 16px solid #fff;

}


.view a.next {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
   filter: alpha(opacity=0.8);
   opacity: 0.8;
	position:absolute;
    float:right;
	left : 760px;
	width: 0; 
	height: 0; 
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #fff;

}