@charset "utf-8";
/* CSS Document */

/**
 * @author  ( VECTOR communication )
 */
 
/* import external eot/ttf files */
@font-face {
	font-family: 'ArialN';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/ArialN.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/ArialN.ttf') format('truetype'),
		 url('../fonts/ArialN.woff') format('woff'), 
		 url('../fonts/ArialN.svg') format('svg');
}


body{
	margin:0;
	padding:0;
	
	background-color:#000;
	color:#fff;
	
	font-family: ArialN, Arial, Helvetica, sans-serif;
}

a{
	color:#c38f91;
	text-decoration:none;
	outline:none;
}

#container{
/*
	position:relative;
	width:1000px;
	height:594px;
	margin:3px auto 0 auto;
	overflow:hidden;
	border:1px solid #fff;
*/
	position:absolute;
	top: 50%;
	left: 50%;
	width:1000px;
	height:594px;
	margin-top: -297px; /*set to a negative number 1/2 of your height*/
	margin-left: -500px; /*set to a negative number 1/2 of your width*/
	border: 0px solid #ccc;
}

#header{
	position:relative;
	width:100%;
	height:60px;
	padding:20px 0 0 20px;
	overflow:hidden;
	
	border:0px solid #fff;
}

#scrollDiv,
#loadingDiv{
	overflow:hidden; 
	height:510px; 
	width:1000px; 
	margin:0 auto 0 2px;
}
#loadingDiv{
	position:absolute;
	width:960px; 
	background-color:#000;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
	z-index:100;
}
#loadingDiv #ajaxloader{
	margin:222px 0 0 447px;
}

#content{
	position:relative;
	width:100%;
	height:510px; 
	overflow:hidden;
	margin-left:20px;	
	border:0px solid #fff;
}

#header ul{
	margin:0;
	padding:0;
	margin-top:5px;
}
#header ul li{
	display:inline;
	padding-right:3em;
	font-size:0.9em;

	list-style:none;
	list-style-type:none;	
}
#header a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
#header a.active{
	color:#891f21;
}
#header a:hover{
	color:#891f21;
	text-decoration:none;
}

#header ul#sub{
	margin-top:0;
}

#header ul#sub li{
	font-size:0.7em;
	padding-right:1em;
}

#header ul#sub li a.rubrique{
	color:#891f21;
}

#header #logo,
#dummyclose{
	position:absolute;
	top:2px;
	left:580px;
	width:400px;
	text-align:right;
	border:0px solid #fff;
	color:#891f21;
	text-transform:uppercase;
	font-weight:bold; 
	
	z-index:1000;
}
#dummyclose{	
	border:0px solid #fff;
	left:660px;
	width:325px;
	height:20px;
	z-index:1001;
}
#header #logo a{
	color:#891f21;
}

#header #langue{
	position:absolute;
	top:30px;
	left:840px;
	width:140px;
	text-align:right;
	border:0px solid #fff;
	font-size:0.9em;
	color:#891f21;
	text-transform:uppercase;
/*	font-weight:bold; */
}

#print{
	position:relative;
	border:0px solid #fff;
	font-size:1.1em;
	color:#891f21;
	text-transform:uppercase;
	margin:0 0 10px 0px;
}
a #print{
	color:#fff;
}
a:hover #print{
	color:#891f21;
}

#contenu{
	width:1000px;
	overflow:hidden;
}

#liste{
	position:relative;
	width:338px;
	float:left;
	margin-right:12px;
	overflow:hidden;
	border:0px solid #fff;
}
#grille{
	position:relative;
	width:608px;
	float:left;
	overflow:hidden;
	border:0px solid #ff0;
}
#liste .date,
#liste .legende{
	border:0px solid #fff;
	position:relative;
	float:left;
	height:25px;
	overflow:hidden;
	font-size:0.8em;
	line-height:0.9em;
}
#liste .date{
	overflow:hidden;
	width:35px;
	border:0px solid #ff0;
}
#liste .legende{
	overflow:hidden;
	width:303px;
	border:0px solid #fff;
}
#liste .line04{
	border-top:2px solid #000;
}
#liste a{
	color:#fff;
	text-decoration:none;
}
#liste a:hover,
#liste a.active{
	color:#891f21;
	text-decoration:none;
}

#liste .mask,
#grille .mask{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
	display:none;
	z-index:100;
}

#grille .vignette{
	position:relative;
	float:left;
}
#grille .vignette img{
	margin:1px;
}

/* add class to change cursor on mousedown */
.mouseDown{
	cursor:move;
}