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

Carousel

*******************************************/
 .diaporama { display:block; }
 
 
.navsub {margin:0;  padding:0; background:none; } 
.carousel {margin:0; padding:0; width:100%; height:170px !important;overflow:hidden; }
.carousel ul {margin:0 !important; padding:0 !important; height:170px; -webkit-margin-before:0; -webkit-margin-after:0; }
.carousel li {background:url(img/diaporama1.png) no-repeat top left;  }
 

.carousel ul li {list-style:none; margin:0; padding:0; width:100%; height:170px !important; overflow:hidden;}
.navsub .spip_logos {padding:0; margin:0 20px; background-color:transparent; float:left;}
.navsub .documents .spip_logos { margin-left:0;}
.carousel h1 { 
	width: 208px;
    margin-top: 68px;
    height: 170px;
    float: left;
	}
.carousel div, .carousel h2 {
	padding:10px;
	width:90%;
	}

.carousel h2 {
	font-size:20pt;}

.navsub .pagination-p,
.navsub .pagination-p a {
	font-size:74pt;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	opacity:0.5;
	color:#990000;
	position:absolute;
	top:125px;
	left:1px;
	z-index:1000;
	}
.navsub .pagination-s,
.navsub .pagination-s a  {
	font-size:74pt;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
	opacity:0.6;
	color:#990000;
	position:absolute;
	top:120px;
	right:5%;
	z-index:1000;
	}
.ie7 .navsub .pagination-p,
.ie7 .navsub .pagination-p a,
.ie7 .navsub .pagination-s,
.navsub .pagination-s a  {
	line-height:70px;
	
}
.navsub .pagination-p a:hover,
.navsub .pagination-s a:hover,
.navsub .pagination-p a:focus,
.navsub .pagination-s a:focus,
.navsub .pagination-p a:active,
.navsub .pagination-s a:active { 
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-moz-opacity:1;
	-webkit-opacity:1;
	opacity:1;
	color:#990000;
	background-color:none; 
	text-decoration:none;}

/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 640px) {

/*.carousel li { background:none;}*/

 .diaporama { display:none; }
 .asurveiller { display:block; }


}

/* end */