/* style CSS de la page Events galerie */

H1 .h1 .csc-firstHeader{
  
}

h1{
  size: 14px;
}


ul li h2{
  font-style: italic;
  font-size: 16px;
  margin-bottom: 20px;
  
}

.events_category{
	width: 668px;
	height: 129px;	
	background-image:url("../images/bck_gallery.png");
	margin:0px;
	padding: 0px;
	padding-left: 4px;
	padding-top: 4px;
	_height: 40px;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/bck_gallery.png', sizingMethod='image');
}

.box{
  position: absolute;
  overflow: hidden;
  height: 129px;
}

.events_pic{
   float:left;
   width: 93px;
   height: 95px;
   margin-left: 15px;
   margin-right:15px;
   margin-top:18px;
   overflow: hidden;
}

.events_pic img{
  margin-left: -10px;
}

.masque{
  float: left;
  position: relative;
  width:621px;
  overflow: hidden;
  height: 127px;
}

.box div{
  float: left;
  height: 100%;
  width: 93px;
  margin-right: 22px;
  margin-left: 0px;
  margin-top: 10px;
}
.box .img_row{
  width: 598px;
  margin: 0px;
  padding-left: 23px;
  line-height: 8;
  float:left;
}

.box .img_row img{
  vertical-align: middle;
}

.box .img_row a{
  background:none;
  list-style: none;
}

.prev{
 _position:relative;
  float: left;
  width: 22px;
  height: 75px;
  margin: 0px;
  cursor: pointer;
  padding-top: 52px;
  _padding-top: 0px;
  _height: 30px;
  _margin-top: 48px;
  _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/left.png', sizingMethod='scale');
}

.next{
_position: relative;
  float: left;
  width: 22px;
  height: 75px;
  margin: 0px;
  cursor: pointer;
  padding-top: 52px;
  padding-left:2px;
  _padding-top: 0px;
  _height: 30px;
  _margin-top: 48px;
  _width: 20px;
   _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/right.png', sizingMethod='scale');
  
}

.diaporama{
  position: relative;
  z-index: 11;
  font-size: 10px;
  margin-left: 465px;
  float: left;
  width: 70px;
  height: 23px;
  margin-top: -20px;
  background-image:url("../images/onglet.png");
  padding-left: 39px;
  line-height: 23px;
  
  _background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/onglet.png', sizingMethod='scale');
}

.allessehen{
  position: relative;
  z-index: 10;
  font-size: 10px;
  width: 70px;
  float: left;
  height: 23px;
  margin-top:-23px;
  margin-left: 546px;
  background-image:url("../images/onglet.png");
  line-height: 23px;
  padding-left: 39px;
}

.diaporama a, .allessehen a{
 color: black;
 font-size: 10px;
 list-style-type: none;
 background: none;
 padding: none;
 margin-left: -8px;
 font-weight: normal;
}

/* Details galerie */

.events_cat{
  font-size: 22px;
  width: 400px;
  font-weight: bold;
  color: #CC0000;
}

.events_textcat{
  list-style-type: disc;
  width: 400px;
  list-style-position: inside;
  font-size: 20px;
  font-weight: bold;
  font-style: italic; 
  color: #404040;
}

.events_text{
  margin-top: 10px;
  padding-left: 50px;
  margin-left: -50px;
  padding-top: 30px;
  width:675px;
  height: 408px;
  background-image: url("../images/bck_main_dg.png");
  _background-image:none;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/templates/images/bck_main_dg.png', sizingMethod='scale');
}

.events_textcontent{
  width: 285px;
  float: left;
}

.events_content{
  margin-bottom: 30px;
}

.events_date, .events_photo{
  font-weight: bold;
  font-size: 11px;
  color: #404040;
}

.events_date{
  margin-bottom: 20px;
}

.events_title{
  font-family: Georgia;
  font-size: 18px;
  color: #CC0000;
  margin-bottom: 20px;
}

/* Sample 6*/
#box{
	position:absolute;
	width:318px;	
	height: 425px;
}

#box span{
	display:block;
	float: right;
}
#handles{
  float:left;
	margin-top: -85px;
	_width: 260px;
}

.mask{
  margin-top: -430px;
  margin-left: 351px; 
  #margin-left: 185px;
  _margin-left: 42px;
  _margin-top: -400px;
	position:absolute;
	width:318px;
	height:425px;
	_height: 393px;
	overflow:hidden;
}

.sample .buttons{
	clear:both;
	text-align:center;
}

.mini{
  height: 93px;
  width: 93px;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  padding-left: -10px;
  margin-bottom: 20px;
}

.miniatures{
  width: 590px;
  margin-top: 50px;
  margin-left: 20px;
}

/* ********************************** */

.thumbs div{
  float: left;
	height:55px;
  margin-right: 5px;
  padding-top: 3px;
  padding-bottom: -2px;
	cursor:pointer;
}

.thumbs div img{
	border:none
}

.events_back{
  float: right;
  margin-top: -48px;
  margin-right: -24px;
  overflow: hidden;
}


.events_back a{
	padding-left: 0px;
	background-image: none;
  width: 44px;
  height: 44px;
}

.events_content div .xavier{
display: none;
}

.events_content .csc-textpic {
  display: none;
}