/*Normalise les marges et le remplissage*/
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;}
/*Normalise les tailles de polices pour les en-têtes*/
h1, h2, h3, h4, h5, h6
{font-size: 100%;}
/*Supprime list-style pour les listes*/
ol, ul
{list-style: none;}
/*Normalise les styles et graisses de fontes*/
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}
/*Supprime les bordures dans les tableaux*/
table
{border-collapse: collapse; border-spacing:0;}
/*Supprime les bordures dans les éléments fieldset et img*/
fieldset, img
{border: 0;}
/*Aligne le texte à gauche dans caption et th*/
caption, th
{text-align: left;}
/*supprime les apostrophes doubles (guillemets anglais) autour de q*/
q:before, qu:after
{content:'';}
html{
text-align:center;
}
body { 
position: relative;
color: #f8f8f9; 
font-size: 70%; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
margin-left: auto; 
margin-right:auto; 
width: 750px;
text-align: justify; 
background-color : black;
background-repeat: no-repeat;
}
#imagedefond{
position: absolute;
top: 0;
z-index:0;
}
#titreGle{
position: absolute;
top:-500px;
display: none;
}
#htpage{
height:92px;
width:800px;
position: relative;
}
#logoemaginart { 
position: relative;
float: left; 
top: 2px; 
left: -40px; }
#sstitrelogo {
position : relative;
float: left;
display: inline;
width : 300px;
left: 0px;
top: 0px;
font: italic 150% Verdana, Geneva, Helvetica, Arial, sans-serif;
letter-spacing: -2px;
}
#langue {
position: relative;
float: right;
width: 100px;
right: 0px;
top: 10px; 
}
#langue li { 
display: inline;
text-align: right;
padding-right: 10px;
width: 20px;
font-size: 14px;
color: #671618;
}
#langue li a:hover{color: #fff;}
#menuhaut{
	position: relative;
	float: right;
	width: 500px;
	top: -10px;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/fddegrade.png);
	bottom: 100px;
	left: -100px;
}
#menuhaut li{
display: inline;
text-align: right;
padding-right: 10px;
padding-left: 10px;
font-size: 14px;
border-bottom: #bdbdbd solid 2px;
background: transparent url(../images/fddegrade.png) repeat 0 0;
}
#menuhaut li a{
	color: #97681a;
	text-decoration: none;
	}
#menuhaut li a:hover{
background: transparent url(../images/fdcadres.png) repeat 0 0;
color: #ffffff;}
#menuuser{
	position: relative;
	float: right;
	width: 500px;
	right: 0px;
	top: -5px;
	left: -100px;
	font-size: 8px;
	font-weight: bold;
	background-image: url(../images/fddegrade.png);
}
#menuuser li{
display: inline;
text-align: right;
padding-right: 10px;
padding-left: 10px;
font-size: 14px;
border-bottom: #bdbdbd solid 2px;
background: transparent url(../images/fddegrade.png) repeat 0 0;
}
#menuuser li a{
	color: #97681a;
	text-decoration: none;
	}
#menuuser li a:hover{
background: transparent url(../images/fdcadres.png) repeat 0 0;
color: #ffffff;}
#menuuser #user{
font-size: 1.2em;
border-bottom: none;
}
#content {
position: relative;
width:100%;
}
#contentleft{
position: absolute;
width: 250px;
padding-right:10px;
left: 0;
background: transparent url(../images/fddegrade.png) repeat 0 0;}
#contentleft a{
	color: #9098c6;
	text-decoration: none;}
#contentleft a:hover{
background: transparent url(../images/fdcadres.png) repeat 0 0;
color: #ffffff;}
#contentmain{
z-index: 100;
position: absolute;
width: 300px;
padding:10px;
left: 260px;
top: 210px;
background: transparent url(../images/fdcadres.png) repeat 0 0;}
#contentmain #form {
width: 500px;
left: 160px;
top: 310px;
}
#contentright{
z-index: 1;
position: absolute;
width: 200px;
left: 595px;}
#contentleft {
width: 200px;
padding-top: 28px;
padding-left: 15px;
 }
#contentleft p {}
#contentleft h2 {text-indent: -15px;}
#ours{
position: relative;
top: 460px;
width: 100%;
}
#logodigigraphie{
position: absolute;
z-index: 10;
left: 95px;
top: 365px;
}
#ours{
position:relative;
width:800px;
left: auto;
right: auto;
text-align: center;
top: 100%;
}
#content #ours ul {
	width: 100%;
	display: inline;
}
#ours li{
display: inline;
padding-right: 10px;
padding-left: 10px;
color: #671618;
text-align: center;
}
#ours li a{
color: #863236;
	text-decoration: none;}
#ours li a:hover{
color: #fff}
#google {
	position: absolute;
	visibility: visible;
	z-index: 0;
	top: 0px;
	right: -220px;
}
#contentmain h3 {
	color: #6666FF;
	left: -2em;
	position: relative;
}
#contentmain h2 {
	color: #FFFFFF;
	font-size: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	position: absolute;
	top: -5em;
	width: 500px;
}
#contentright img {
z-index: 1;
	margin: 1px;
}
#content img:first-child{
margin-top: 100px;
}
#contentleft img {
	margin-top: 2px;
}
#contentleft img:first-child {
margin-top: 10px;
}
#contentmain #news {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #CC0000;
	position: absolute;
	z-index: 100;
	width: 160px;
	text-align: center;
	top: -100px;
	text-decoration: blink;
}
#negatif .menu1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #996600;
	text-decoration: none;
}
a:link {
	text-decoration: none;
	color: #996600;
}
#scene_fiche {
	position: absolute;
	top: 150px;
}
#photos img {
	border: 2px solid #FFFFFF;
}
#scene_fiche #validCommande {
	position: absolute;
	left: 300px;
	width: 500px;
	top: 160px;
}