@charset "utf-8";
/*
	Featured Content Slider
	by: Chris Coyier
*/
* {
	margin : 0;
	padding : 0;
}

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }



	/*PAGE STRUCTURE*/

#page-wrap { 
	width: 550px;
	margin-left:400px;
	position: relative;
	min-height: 230px;
	/*background: url(imagesecran/bg.png) top center; */
}

#toppagewrap {
	background: url(imagesecran/bg.png) top center;
	width:550px;
	height: 230px;
	position: absolute;
	top:0;
	left:0;
	z-index:100;
	}



	/*TYPOGRAPHY*/

ul											{ list-style: square inside; }

a:hover, a:active							{ color: white; }

blockquote									{ padding: 0 20px; 
											  margin-left: 20px;
											  border-left: 10px solid #ccc;
											  font-size: 14px; 
									  		  font-family: arial,Georgia, serif; 	
											   
											  margin-top: 16px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 492px; 
											  height:250px;
											  position: absolute;
											  top:15px;
											  left: 27px;
											
											  }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left;
											  margin: 0 0 0 0;
											  padding: 0 50px 0 0;
											   }

.stripViewer								{ position: relative; /*Largeur du bloc d'affichage des grandes images*/
											  overflow: hidden;
											  width: 495px; 
											  height: 208px;
											  }

.stripViewer .panelContainer				{ position: relative;/*position des grandes images dans le container*/
											  left: 0;
											  top: 2px; }
											  
.stripViewer .panelContainer .panel			{ float: left; /*Taille et position des grandes images dans le container*/
											  height: 90%;
											  position: relative;
											  width: 495px; }
											  
.stripNavL, .stripNavR, .stripNav			{ display: none; }

.nav-thumb 									{ 
											  margin: 10px 0 0 0 ; /* Action sur le menu des images*/
											  padding: 0 0 0 20px;
											  }

#movers-row									{ margin: 0px auto; }/* Action sur le menu des images*/

#movers-row div								{ width: 16%; float: left;}/* Action sur lelien clicable du menu images*/

#movers-row div a.cross-link 				{ float: right; }

.photo-meta-data							{ background:url(imagesecran/transpBlack.png); /*Bande transparente noir sur les images*/
											  padding: 5px;
											  height: 30px; 
											  margin-top: -50px;
											  position: relative;
											  color: white;
											  }
											  
.photo-meta-data5							{ background:url(imagesecran/transpBlack.png); /*Bande transparente noir sur les images*/
											  
											  height: 100px; 
											  margin: 0;
											  position: relative;
											  color: white;
											  }											

.photo-meta-data2							{
											  background:url(imagesecran/transpBlack.png); /*Bande transparente noir sur les images*/
											  
											  height: 200px; 
											  margin: 0 0 0 139px;
											  position: relative;
											  color: white;

	}

.photo-meta-data3{
		background:url(imagesecran/transpBlack.png); /*Bande transparente noir sur les images*/
											  padding: ;
											  height: 200px; 
											  margin: 0 0 0 0px;
											  position: relative;
											  color: white;

	}
	
	
.photo-meta-data6							{
											  background:url(imagesecran/transpBlack.png); /*Bande transparente noir sur les images*/
											  
											  height: 30px; 
											  margin-top: -208px;
											  position: relative;
											  color: white;

	}
	
.photo-meta-data span 						{ font-size: 13px;
														}

.cross-link									{ display: block; /*Placement des liens image menu*/
											  width:130px;
											  margin-top: 10px; 
											  position: relative;
											  padding-top: 0px;
											  z-index: 9999;
											  }

.active-thumb 								{ background: transparent url() top center no-repeat;
											  padding: 10px 0 0 0px;
											  
											  }

#header h1 {
			font-size:18px;
			font-family:Arial, Helvetica, sans-serif;
			padding: 10px 0 0 0;
			}



