@charset "utf-8";

/* ImageFlow Settings
==================================== */
@media screen, projection {
	.imageflow {
		position:relative; 
		text-align:left;
		visibility:hidden;
	}
	
.imageflow{	
	width:537px;
	height: 344px;
	-border:1px solid red;
}
	
	.imageflow, #section_4 .col_gauche.imageflow {
		position:absolute;
		top: -70px;
		left:5000px;
		height: 344px;
		padding: 0 0 50px 0;
	}
	#section_4 .col_gauche #contenu_ressources .col_gauche{
		padding: 0;
		min-height: 385px;
	}
	
	.imageflow .images img {
		border:none;
                cursor: pointer !important;
		position:absolute;
		top:0px;
		background: url("../img/fond_flow.png") no-repeat scroll center bottom #FFF;
		padding: 7px 7px 56px 7px;
		    margin-top:22px;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	#col_droite.article .imageflow img {border:1px solid #FFF;}
	

	
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;
	}
	
	#navigation .imageflow .navigation .caption { 
		
		
	}
	
	.imageflow .navigation{
		z-index:10000;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10001;
		top:20px;
		display:block;
	}
        
        .col_gauche .imageflow .caption
        {
            left: 145px; top: 23px;
            width: 365px !important;
            font: 18px HelveticaNeueLtStd-Cn,arial;
            color: #000000;
        }
	
        .imageflow .scrollbar {
		/* border-bottom:1px solid #b3b3b3; */
		position:relative; 
		visibility:hidden;
		z-index:10002;
		height:1px;
	}
	.imageflow .slider {
		background:url(slider.png) no-repeat;
		height:14px;
		margin:-6px 0 0 -7px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .slideshow {
		cursor:pointer;
		height:14px;
		margin:20px 0 0 20px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .slideshow.pause {
		background:url(button_pause.png) no-repeat;
	}
	.imageflow .slideshow.play {
		background:url(button_play.png) no-repeat;
	}
	#navigation .imageflow .images {
		/* overflow:hidden; */
		position:relative;
		top:-148px;
		height:118px;
		white-space:nowrap;
	}
	
	#secteur .imageflow .images {
		/* overflow:hidden; */
		white-space:nowrap;
		position:relative;
		top:-30px;
	}
	
	#navigation .imageflow .images {/* top:	-147px; */}
	#col_droite #myImageFlow_navigation{ margin-bottom:0; position: relative; top: -20px; }
	
	#col_droite .imageflow .button {
		cursor:pointer;
		height:36px;
		position:relative;
		width:36px;
		top:-38px; /*-15*/
	}
	#col_droite .imageflow .previous {
		background: url(../img/btn_prev.png) top left no-repeat;
		float:left;
		/* margin: -13px 0 0 -65px; */
		left:-56px;
	}
	#col_droite .imageflow .next {
		background: url(../img/btn_next.png) top left no-repeat;
		float:right;	
		/* margin:-2px -49px 0 30px; */
		left:60px;
	}
}


#navigation #myImageFlow{display:none; }

#navigation #myImageFlow_1 .images IMG{
	background: url("../img/fond_flow.png") no-repeat scroll -1px bottom transparent;
    padding: 4px 4px 22px;
}