/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}
body{
	background : #131719 url(../pics/global/background2.jpg) top repeat-x;
}
/* 
----------------------------------------------------------------------------- 
CONTENT WRAPPER
-----------------------------------------------------------------------------*/
#content-index{
	width: 900px;
	height:350px;
	margin: auto;
	clear:both;
}
/**>#content{width: 901px;}*/

#pageindex{
	position:relative;
	top:0px;
	width:900px;
	display:block;
	/*height:1000px;*/
}
h1{
	font-family:Georgia;
	line-height:32px;
	font-size:1.6em;
	color:#990000;
	display:inline;
}
#colonne1{
	position:relative;
	top:90px;
	width:550px;
	float:left;
	display:block;
	padding-right:70px;
	left:60px;
}
#colonne1 p{
	font-family:arial;
	font-size:0.9em;
	line-height:20px;
	color:#222;
	width:550px;
	text-decoration: none;
	word-spacing: normal;
}
div.colonne2{
	position:relative;
	top:90px;
	/*width:254px;*/
	height:180px;
	float:left;
	display:inline;
	background-image: url(../pics/index/line200.png);
}
div.colonne2 ul{
	margin-left:30px;
	width:228px;
	height:210px;
}
div.colonne2 li{
	width:220px;
	font-family:Georgia;
	font-size:0.8em;
	color:#333;
	list-style-type: none;
	background-image: url(../pics/index/puce.png);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
	padding-left: 15px;
	padding-bottom:5px;
}
img.on{
	width:316px;
	height:220px;
}
img.off{
	width:240px;
	height:167px;
}
#limit{
	position:relative;
	top:140px;
	width:800px;
	height:12px;
	left:50px;
}
#page{
	position:relative;
	top:0px;
	width:900px;
}

#quality{
	position:absolute;
	height:132px;
	width:386px;
	top:45px;
	right:29px;
}
#paper{
margin:auto;
	position: absolute;
	background: url(../pics/global/paper2.png) center repeat-x ; 
	width: 100%; 
	height: 350px;  
	top: 330px;
	left:0px;	
	z-index:-2;
}

/* 
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header {
	height:335px;
	width:900px;
	margin:auto;
	position:relative;
	background : url(../pics/global/halo.png) top no-repeat;
}
#header p{
	position:absolute;
	font-family: Georgia;
	color: #ddd;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 14px;
	width:550px;
	height:80px;
	top:80px;
	left:290px;
	padding:10px;
}
#hdtxt{
	height:135px;
	width:570px;
	position:absolute;
	right:90px;
	top:60px;
}
#logo{
	position:absolute;
	width:260px;
	top:5px;
	left:0px;
}
#ribbon{
	position:absolute;
	width:671px;
	top:120px;
	left:120px;
}
#header ul{
	list-style-type:none;
	position:absolute;
	right:80px;
	top:20px;
	text-align: right;
	letter-spacing: 0.05em;
	font:normal 14px Georgia, "Times New Roman", serif;
	text-transform: uppercase;
}
#header ul li{
	display: inline;
		padding:0;
}
#header ul li a{
		width:110px;
		color:#aaa;
		text-decoration: none;
		border:0;
		/*padding-left:10px;
		padding-right:10px;*/
}
#header ul li a:hover {
		color:#fff;
		}
#header ul li a.current {
		color:#fff;
		cursor:default;
		font-weight: bold;
		}

 /*
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer{
	width: 900px;
	height:70px;
	margin: auto;
	clear:both;
	/*height: 87px;*/
	text-align:center;
	font-family:Verdana;
	font-size:11px;
	color:#bbb;
	margin-top:20px;
}
#footer p.adresse{
	padding-left:10px;
	left:0px;
	top:0px;
	width:350px;
	float:left;
	text-align:left;
}
#footer p.links{
	width:160px;
	float:right;
	right:0px;
	top:0px;
	text-align:left;
}
#copyright{
float:left;
	top:0px;
	width:200px;
}
#footer a{
	color:#555;
}
/*
----------------------------------------------------------------------------- 
slideshow
-----------------------------------------------------------------------------*/
#slideshow {
    position: absolute;
	overflow: hidden;
	width: 800px;
	z-index:10;
}
#slideshow-container {
	position: absolute;
	top:200px;
	height:250px;
    margin: 0 auto;
	z-index:10;
	margin-left:50px;
}
#slideshow  ul{
    top:0px;
	height:250px;
	overflow: hidden;
	position:relative;
	float:left;
	left:-101px;
	width:1364px;
	text-align:center;
}
#slideshow  ul li{
	float:left;
	width:316px;
	padding:10px;
	text-align:center;
}
#slideshow  ul li img{
	margin:auto;
}
#goright{
	position: absolute;
	z-index:12;
	width:45px;
	height:255px;
	top:-45px;
	left:-33px;
	text-decoration:none;
	border:0px;
}
#goleft{
	position: absolute;
	z-index:12;
	width:45px;
	height:255px;
	top:-45px;
	left:788px;
	text-decoration:none;
	border:0px;
	}
/***************************************************************************************/


/*********************/
/* Hacks/Misc Styles */
/*********************/
.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */