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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #330000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
h1 {
	font-size: 24px;
	margin:0;padding:0;
}
h2 {
	font-size: 18px;
}
h4 {
	font-size: 18px;
	color:#FFF;
	}

#container {
	position: relative;
	width: 770px;  
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
}
#header {
	background: url(img/header.jpg) no-repeat;
	height : 187px;
}
#header h1 {
	margin: 0; 
	padding: 10px 0;
}

#headersoft {
	background: url(http://www.interlubriques.com/fs/black/img/headersoft.jpg) no-repeat;
	height : 187px;
}
#headersoft h1 {
	margin: 0; 
	padding: 10px 0;
}

#mainContent {
	padding: 0 20px;
	background: url(img/fond.jpg);
	height :753px;
}
a:hover {
	color: #C06;
}
a:active {
	color: #000;
}
#video1 {
	background: #330000;
	position: absolute;
	top: 245px;
	left: 41px;
	width: 300px; 
	padding: 5px 5px 5px 5px; 
}
#video2 {
	position: absolute;
	top: 245px;
	right: 41px;
	width: 300px; 
	background: #330000;
	padding: 5px 5px 5px 5px; 
}

#video3 {
	position: absolute;
	top: 640px;
	right: 41px;
	width: 300px; 
	background: #330000;
	padding: 5px 5px 5px 5px; 
}
#pub {
	position: absolute;
	top: 540px;
	right: 41px;
	width: 468px; 
	background: #330000;
	padding: 5px 5px 5px 5px; 
}

#pub2 {
	position: absolute;
	top: 487px;
	right: 41px;
	width: 468px; 
border-left:2px solid #000000;
border-top:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
	padding: 5px 5px 5px 5px; 
}
#pub3 {
	position: absolute;
	top: 570px;
	right: 41px;
	background: #330000;
	width: 502px; 
	padding: 5px 5px 5px 5px; 
}


#enter {
	position: absolute;
	top: 430px;
	right: 200px;
	width: 250px; 
border-left:2px solid #000000;
border-top:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
	padding: 5px 5px 5px 5px; 
}

#video4 {
	position: absolute;
	top: 245px;
	left: 41px;
	width: 400px; 
	background: #330000;
	padding: 5px 5px 5px 5px; 
}

#video5 {
	position: absolute;
	top: 552px;
	right: 41px;
	background: #330000;
	width: 502px; 
	padding: 5px 5px 5px 5px; 
}

#video6 {
	position: absolute;
	top: 575px;
	right: 41px;
	width: 545px; 
border-left:2px solid #000000;
border-top:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
	padding: 5px 5px 5px 5px; 
}

#footer {
	position: absolute;
	top: 875px;
	right: 100px;
	height :60px;
}
#footer p {
	margin: 0; 
}

#footer2 {
	position: absolute;
	top: 900px;
	right: 250px;
	height :20px;
}
#footer2 p {
	margin: 0; 
}

#texte {
	position: absolute;
	top: 640px;
	left: 175px;
	width: 210px; 
border-left:2px solid #000000;
border-top:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
padding: 5px 5px 5px 5px; 
}
	
#texte1 {
	position: absolute;
	top: 245px;
	right: 41px;
	width: 240px; 
border-left:2px solid #000000;
border-top:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
padding: 5px 5px 5px 5px; 
}

a {
	color: #f79d00 ;
	
}

.texte {
	font: 10px:
}

#gal1 {
border-left:2px solid #000000;
border-top:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
	position: absolute;
	top: 235px;
	left: 31px;
	width: 310px; 
	padding: 5px 5px 5px 5px; 
}
#gal2 {
border-left:2px solid #000000;
border-top:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
	position: absolute;
	top: 235px;
	right: 41px;
	width: 310px; 
	padding: 5px 5px 5px 5px; 
}