@charset "utf-8";
/* CSS Document */
/*===============================
	global style resetting */
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,p, blockquote, th, td {
	margin:0;
	padding:0;
}

html, body, form, fieldset {
	color: #787878;
	line-height:1.4em;
}

img {border:0;}

address, caption, cite,th{
	font-style:normal;
	font-weight:normal;
}

ol, ul {list-style:none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 {font-size:100%}

em,.italic{
	font-style:italic
}

b,strong{
	font-weight:bold;
	color:#FFF;
}

input.btn {width:auto !IMPORTANT}
input{ border:none;}

.clear{
	clear:both;
}

/**
**LINK
**/
a,a:link,a:visited,a:active,a:link{ 
	text-decoration:none; 
	color:#e1001a; /*Rouge*/
}

/*html{overflow-y: scroll;overflow-x: hidden; overflow:-moz-scrollbars-vertical;}*/

/*===============================*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #787878;
	background-color:#000;
}
html > body{
	overflow: visible !important;
}

/**
**FOND FIXE
**/
#fondGeneral{
	position:absolute;
	width:2000px;
	height:1200px;
	top:0;
	left:0;
	background-image:url(../images/interface/bgFondGeneral3.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	z-index:1;
}

/**
** CONTAINER GENERAL
**/
#container{
	position:absolute;
	top:50%;
	left:50%;
	width:792px;
	height:486px;
	margin-top:-243px;
	margin-left:-396px;
	background:transparent;
	padding:0 0 0 0;
	z-index:2;
}
	#container #logo{
		position:relative;
		display:block;
		float:left;
		width:82px;
		height:160px;
		margin-top:-45px;
		padding-left:25px;
		/*border:1px solid #000;*/
		z-index:99;
}

/**
** CHOIX LANGUE
**/
#logoChoixLangue{
	width:82px;
	margin:45px auto;
}

#separationLangue{
	text-align:center;
	width:787px;
	margin:100px auto;
}

	#separationLangue #separation{
		width:787px;
		height:5px;
		background-image:url(../images/interface/separationLangue.png);
		background-repeat:no-repeat;
		background-position:center;
		margin:25px auto;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/interface/separationLangue.png');
	}
	#separationLangue a, #separationLangue a:link,#separationLangue a:visited, #separationLangue a:active{
		color:#FFF;
		font-style:italic;
		font-size:13px;
		display:block;
	}
	#separationLangue a:hover{
		color:#e1001a;
	}

/**
** MENU ACTU
**/
#menuActu {
	float:left;
	width: 648px; 
	height:21px;
	margin: 12px 0 0 27px;
	padding:2px;
	border: 1px solid #3d3d3d;
	background-image:url(../images/interface/bgMenuActu.jpg);
	background-position:left;
	background-repeat:repeat-x;
	font-size:12px;
	overflow:hidden;
}
	#menuActu h1{
		float:left;
		width: 80px; 
		height:18px;
		padding:2px 0 0 0;
		text-align:center;
		text-transform:uppercase;
		font-weight:normal;
		background-image:url(../images/interface/bgBtnMenuActu.jpg);
		background-position:left;
		background-repeat:repeat-x;
	}
	
	#menuActu h1.actuActive{
		color:#FFF;
	}
	
	#menuActu span.date{
		color:#969696;
		font-style:italic;
		float:left;
		padding:2px 0 0 0;
		margin:0 5px 0 5px;
	}
	
	#menuActu h2{
		float:left;
		color:#575846;
		font-style:italic;
		font-weight:normal;
		padding:2px 0 0 0;
	}
	
	#menuActu a.suite, #menuActu a.suite:link, #menuActu a.suite:active, #menuActu a.suite:visited{
		float:right;
		width: 80px; 
		height:18px;
		padding:2px 0 0 0;
		text-align:center;
		font-size:10px;
		color: #787878;
		font-weight:normal;
		background-image:url(../images/interface/bgBtnMenuActu.jpg);
		background-position:left;
		background-repeat:repeat-x;
		margin:0 10px 0 0;
		overflow:hidden;
	}
	
	#menuActu a.suite:hover{
		color:#e1001a;
	}
	
	#menuActu a.autre, #menuActu a.autre:link, #menuActu a.autre:active, #menuActu a.autre:visited{
		float:right;
		width: 80px; 
		height:18px;
		padding:2px 0 0 0;
		text-align:center;
		font-size:10px;
		color: #787878;
		font-weight:normal;
		background-image:url(../images/interface/bgBtnMenuActu.jpg);
		background-position:left;
		background-repeat:repeat-x;
	}
	
	#menuActu a.autre:hover{
		color:#e1001a;
	}
	
/**
** AUTRES ACTUS
**/
#autresActusBloc{
	float:left;
	position:relative;
	z-index:99;
	width: 668px;
	
}
#autresActus {
	position:absolute;
	width: 485px;
	margin: 5px 0 0 107px;
	padding:5px 2px 5px 2px;
	border: 1px solid #3d3d3d;
	background-color:#1e1e1e;
	font-size:12px;
	
}
	
			/* scrollable div area */
			#scrollable1 {
				float: left;
				width: 485px;
				height: 150px;
				/*white-space: nowrap;*/
				overflow: hidden;
			}
			
			/* vertical track */
			#track1 {
				float: left;
				width: 10px;
				height: 150px;
				margin-left: 10px;
				background-color: #787878;
				cursor: pointer;
			}
			
			/* vertical track handle */
			#handle1 {
				width: 10px;
				height: 10px;
				background-color: #e2001a;
				cursor: pointer;
			}
	
	#autresActus .actusListe{
		float:left;
		margin:0 0 5px 0;
	}
	
	.actusListe{
		width: 485px;
	}
	
	#autresActus span.date{
		color:#969696;
		font-style:italic;
		float:left;
		padding:2px 0 0 0;
		margin:0 5px 0 5px;
	}
	
	#autresActus h2{
		float:left;
		color:#575846;
		font-style:italic;
		font-weight:normal;
		padding:2px 0 0 0;
	}
	
	#autresActus a.suite, #autresActus a.suite:link, #autresActus a.suite:active, #autresActus a.suite:visited{
		float:right;
		width: 80px; 
		height:18px;
		padding:2px 0 0 0;
		text-align:center;
		font-size:10px;
		color: #787878;
		font-weight:normal;
		background-image:url(../images/interface/bgBtnMenuActu.jpg);
		background-position:left;
		background-repeat:repeat-x;
		margin:0 7px 0 0;
		overflow:hidden;
	}
	
	#autresActus a.suite:hover{
		color:#e1001a;
	}

/**
** CONTENT
**/
#content{
	float:left;
	/*background-color:#FF0000;*/
	width:740px;
	height:340px;
	padding:10px 25px 0 25px;
	color:#fff;
	margin:0;
	clear:left;
}

/**
** SIDEBAR LEFT
**/
#sideBarLeft{
	float:left;
	width:109px;
	height:340px;
	/*background-color:#00FF00;*/
}
	#sideBarLeft h1{
		color:#e1001a;
		font-weight:normal;
		text-transform:uppercase;
	}
	
	ul#sideBarLink{
		padding:125px 0 0 0;
	}

	ul#sideBarLink li{
		margin:0 0 10px 15px;
	}
		
	    ul#footer li a:link, ul#footer li a:active, ul#footer li a:visited{
			text-decoration:none;
			color:#969696;
			
		}
		
		ul#sideBarLink li a, ul#sideBarLink li a:link, ul#sideBarLink li a:active, ul#sideBarLink li a:visited{
			text-decoration:none;
			color:#969696;
			text-transform:uppercase;
			font-size:12px;
			font-weight:bold;
			
		}
		
		ul#sideBarLink li a:hover{
			color:#e1001a;
		}

    a.video{
		display:block;
		width:100px;
		height:100px;
		background-image:url(../images/interface/montage_M45.gif);
		background-position:center center;
		background-repeat:no-repeat;
	}
/**
** CONTENT TEXT SCROLABLE2
**/
/* scrollable div area */
#scrollable2 {
	float: left;
	width: 610px;
	height: 340px;
	/*white-space: nowrap;*/
	overflow: hidden;
}

/* vertical track */
#track2 {
	float: left;
	width: 10px;
	height: 340px;
	margin-left: 10px;
	background-color: #787878;
	cursor: pointer;
}

/* vertical track handle */
#handle2 {
	width: 10px;
	height: 10px;
	background-color: #e2001a;
	cursor: pointer;
}

/**
** SON
**/
#son{
	position:absolute;
	bottom:-3px;
	left:5px;
	text-align:left;
	margin:0;
	width:16px;
	height:16px;
}
/**
** FLAGS
**/
#flags{
	position:absolute;
	bottom:-5px;
	left:21px;
	text-align:left;
	margin:0;
}

/**
** FOOTER
**/
ul#footer{
	position:absolute;
	bottom:-5px;
	right:5px;
	text-align:right;
	list-style:none;
	margin:0;
}

	ul#footer li{
		float:left;
		margin:0 0 0 15px;
	}
		
		ul#footer li a, ul#footer li a:link, ul#footer li a:active, ul#footer li a:visited{
			text-decoration:none;
			color:#969696;
			
		}
		ul#footer li a.contact{
			font-size:12px;
			text-transform:uppercase;
		}
		
		ul#footer li a:hover{
			color:#e1001a;
		}
		
/**
** PRODUIT
**/
#produitDescription{
	float:left;
	width:215px;
	height:235px;
}
	#produitDescription h1{
		font-style:italic;
		font-size:12px;
	}
	#produitDescription h1 span{
		color:#e1001a;
	}
	
#produitImage{
	float:left;
	width:375px;
	height:235px;
	margin:0 0 0 20px;
}
	#produitImage a{
		cursor:pointer;
	}
	#produitImage img{
		border:1px solid #8d8d8d;
	}

#produitListe{
	clear:both;
	width:535px;
	margin:0 auto;
}

#produitGlider{
	float:left;
	height:95px;
	margin:10px 10px 0 10px;
}

	#produitGlider div.scroller { 	
		width: 470px; 
		height: 95px;
		overflow: hidden;
	}
		#produitGlider div.scroller div.section {	
			float:left;
			width:148px;
			height:90px;
			border:1px solid #8d8d8d;
			background-image:url(../images/interface/bgDivImgListe.jpg);
			background-position:0 0;
			background-repeat:repeat-x;
			padding:0;
			margin:0 10px 0 0;
		}
		#produitGlider div.scroller div.content {
			width: 10000px;
		}

/*div.produitImgListeDiv{
	float:left;
	width:148px;
	height:90px;
	border:1px solid #8d8d8d;
	background-image:url(../images/interface/bgDivImgListe.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:0;

}*/

img.produitImgListe{
	float:left;
	filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
}

img.produitImgListe:hover, img.iehover, img.produitActif{
	filter:alpha(opacity=100);-moz-opacity:100;opacity:100;
	cursor:pointer;
}


	
a.btnProduitLeft, a.btnProduitLeft:link, a.btnProduitLeft:active, a.btnProduitLeft:visited{
	float:left;
	width:22px;
	height:22px;
	margin:45px 0 0 0;
	cursor:pointer;
	background-image:url(../images/interface/btnLeft.png);
	background-position:0 0;
	background-repeat:no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/interface/btnLeft.png');
}

a.btnProduitRight, a.btnProduitRight:link, a.btnProduitRight:active, a.btnProduitRight:visited{
	float:left;
	width:22px;
	height:22px;
	margin:45px 0 0 0;
	cursor:pointer;
	background-image:url(../images/interface/btnRight.png);
	background-position:0 0;
	background-repeat:no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/interface/btnRight.png');
}

#coordonnees{
	width:250px;
	text-align:center;
	margin:0 auto;
	margin-bottom:25px;
}

.makeDivClickable {
	height:340px;
	width: 610px;
	overflow: hidden;
	position: absolute;
}
.posDiv {
	margin-left: 0px;
	margin-top: -3px;
}

.gifSize {
	height:340px;
	width: 610px;
}

.makeDivClickable2 {
	height:484px;
	width: 484px;
	overflow: hidden;
	position: absolute;
}
.posDiv2 {
	margin-left: 0px;
	margin-top: 0px;
}

.gifSize2 {
	height:484px;
	width: 484px;
}

.imgHomeCollection{
	margin:0 0 0 25px;
}

a.lienHomeCollection{
	display:block;
	width:120px;
	margin:0 auto;
	color:#e1001a;
	padding-top:5px;
}
a.lienHomeCollection:hover{
	color:#969696;
}
.response-error{
	color:#ff0000;
}