/* ---------------------------------------------------- */  
/* SLIDESHOW 
/* ---------------------------------------------------- */  
#slideshow {  
	width: auto;
	/*height: 184px;
	margin: 2px 0 0 0;
	padding: 0px 0px 0 0px;*/
	background-image: url('background.png');
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height:210px;
margin-left:0px;
width:100%;
background:none ;
padding-bottom:0;
z-index:0;

}

#slideshow ul {  
	margin: 0;  
	padding: 0;  
	list-style-type: none;  
	height: 1%; /* IE fix */
}  

#slideshow ul:after {  
	content: ".";  
	clear: both;  
	display: block;  
	height: 0;  
	visibility: hidden;
}              
/* ---------------------------------------------------- */  
/* SLIDESHOW > SLIDES 
/* ---------------------------------------------------- */  
#slideshow .slides { 
	width: auto;
	overflow: hidden;
	padding: 0 25px 6px 0px;
	-padding: 0 25px 10px 0px;
	background-color:#FFFFFF;
	margin-left:32px;
	height:200px;
	
} 

#slideshow .slides ul {  
margin-left:8px;
}

#slideshow .slides li {  
	width: auto;
	float: left;  
	padding: 4px 0 0 0;
	background-color:#FFFFFF;
	height:200px;
	width:445px !important;
} 

#slideshow .slides h2 {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#C9D100;
	margin-top:0px;
	float:left;
	width:85%;
	margin-bottom:7px;
}

#slideshow .slides p {
	width:auto;
	font-size:12px;
	color:#585859;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}

#slideshow .slides a {
	color: #33BBDC;
	float:left;
	-float:none;
}

#slideshow .slides img {
	/*float: left;*/
	/*margin: 0 15px 0 0;*/
}  
/* ---------------------------------------------------- */  
/* SLIDESHOW > NAVIGATION 
/* ---------------------------------------------------- */  
#slideshow .slides-nav {
	width: auto;
	margin: 0px 0px 0 0;
	/*padding: 10px 0 10px 0;*/
	border-top: 1px solid #FFF;
	border-color: DarkOrange;
	padding: 5px 0px 0 10px;
	position: absolute;
	left: 25px;
	top: 150px;
	right: 25px;
	color:black;
	display:none;

}

#slideshow .slides-nav li {
	margin: 0 5px 0 0;
	border: 1px solid #FFF;
	border-color: DarkOrange;
	float: left;
}

#slideshow .slides-nav li a {
	display: block;
	padding: 1px 4px 1px 4px;
	/*color: #FFF;*/
	text-decoration: none;
	color: DarkOrange;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
	/*background-color: #252525;*/
	background-color: white;
/*	background-color: red;*/
}

.js #slideshow .slides-nav li.on a {

}

.js #slideshow #cycle_next{
	height: 16px;
	width: 13px;
	position: absolute;
	right: 55px;
	top: 10px;
	background-image: url("http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-gauche.png");
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	z-index:9999;
		 -background: none; /* Il faut supprimer l'image de fond 
    s'il y en a une de déclarée dans la feuille de styles principale */ 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( 
    src="http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-gauche.png", sizingMethod="crop"); 
}
.js #slideshow #cycle_next:hover{

	background-image: url("http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-gauche-h.png");
	 -background: none; /* Il faut supprimer l'image de fond 
    s'il y en a une de déclarée dans la feuille de styles principale */ 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( 
    src="http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-gauche-h.png", sizingMethod="crop");

}
.js #slideshow #cycle_prev{
	height: 16px;
	width: 13px;
	position: absolute;
	right: 35px;
	top: 10px;
	background-image: url("http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-droite.png");
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	z-index:9999;
	 -background: none; /* Il faut supprimer l'image de fond 
    s'il y en a une de déclarée dans la feuille de styles principale */ 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( 
    src="http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-droite.png", sizingMethod="crop");
}
.js #slideshow #cycle_prev:hover{

	background-image: url("http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-droite-h.png");
	 -background: none; /* Il faut supprimer l'image de fond 
    s'il y en a une de déclarée dans la feuille de styles principale */ 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( 
    src="http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-droite-h.png", sizingMethod="crop");

}
.js #slideshow #cycle_pause{
	margin: -12px 0 0 490px;
	color: #FFF;
	cursor: pointer;
	float: left;
}

.js #slideshow #cycle_resume{
	margin: -12px 0 0 10px;
	color: #FFF;
	cursor: pointer;
	float: left;
}

#cycle_resume.resume,#cycle_pause.pause {
	text-decoration: underline;
} 
#lesProjets #slideshow{ height:170px;}
#lesProjets .slides{ background:none; margin-left:5px; height:170px;}
#lesProjets .slides ul{ width:100%;}
#lesProjets .slides li{ background:none;}
#lesProjets #slideshow h2{ display:none;}
#lesProjets #slideshow li{width:238px; height:165px; position:relative; margin-left:8px}
#lesProjets #slideshow p{margin:0; position:absolute; bottom:5px; color:#FFFFFF;width:95%; }
#lesProjets #slideshow img{margin:0; z-index:1;}
#lesProjets .tieProjet{z-index:999999; background-image: url(http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/back-proj.png);padding:3px 4px 3px 8px; }
#lesProjets .imgProjet{color:red;}
#lesProjets .tieProjet .titreProjet{font-size:14px; font-weight:bold;z-index:9999999; width:100%; }



.js #lesProjets #slideshow #cycle_next{
	height: 16px;
	width: 13px;
	position: absolute;
	left: 0px;
	top: 80px;
	background-image: url(http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-gauche.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	z-index:9999;
}
.js #lesProjets #slideshow #cycle_next:hover{

	background-image: url(http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-gauche-h.png);

}
.js #lesProjets #slideshow #cycle_prev{
	height: 16px;
	width: 13px;
	position: absolute;
	right: 7px;
	top: 80px;
	background-image: url(http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-droite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	z-index:9999;
}
.js #lesProjets #slideshow #cycle_prev:hover{

	background-image: url(http://www.pole-mer-bretagne.com/templates/pole-mer-home/img/zone-actus-fleche-droite-h.png);

}



*+html .slides h2{height:41px; }