/* CSS Document */
*{
margin:0;
padding:0;
}
body {
	background-image:url(images/chess-bground-01.jpg);
	background-position:center top;
}
.clean{
clear:both;
}
span.intro{
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:13px;
}
.text01{
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:13px;
}
.shop2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCCCCC;
}
#site{
position:relative;
width:800px;
margin-left:auto;
margin-right:auto;
}
#header{
position:relative;
width:800px;
height:101px;
background-image:url(images/sda-header.png);
background-position:top left;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}
#header #nom_site{
position:absolute;
width:360px;
height:101px;
top:0px;
left:0px;
}
#header #nom_site a{
display:block;
width:360px;
height:101px;
text-indent:-9999px;
}
#header #video{
position:absolute;
width:398px;
height:49px;
left:374px;
top:25px;
}
#menu{
position:relative;
width:800px;
margin-left:auto;
margin-right:auto;
background-image:url(images/sda-menu.png);
background-position:left top;
}
#menu .table_style{
margin-left:5px;margin-top:2px;
}
#menu .croix{
margin-top:2px;
}
#menu .faq{
margin-top:2px;
}
#contenu{
position:relative;
width:800px;
margin-left:auto;
margin-right:auto;
}
#footer{
position:relative;
width:800px;
margin-left:auto;
margin-right:auto;
background-image:url(images/sda-footer_01.png);
background-repeat:no-repeat;
background-position:top left;
height:72px;
padding-top:72px;
}
#footer_picto{
position:relative;
width:200px;
float:left;
}
#footer_texte{
position:relative;
width:500px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align:center
}
#footer_texte a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FF9933;
text-decoration:none;
}
#footer_texte a:hover{
color:#996699;
}
/* Menus */
#collection{
position:absolute;
background-color:#ffffff;
z-index:5000;
width:123px;
border:1px solid #555555;
left:95px;
margin-top:2px;
}
#collection .collection_liste{
position:relative;
background-color:#000000;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #555555;
border-right:1px solid #555555;
text-align:left;
z-index:5000;
}
#collection .collection_liste a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
font-weight:bold;
text-decoration:none;
color:#cccccc;
margin-left:5px;
z-index:5000;
}
#collection .collection_liste a:hover{
color:#ff9900;
}
#hs{
position:absolute;
background-color:#ffffff;
z-index:5000;
width:180px;
border:1px solid #555555;
left:394px;
margin-top:2px;
}
#hs .hs_liste{
position:relative;
background-color:#000000;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #555555;
border-right:1px solid #555555;
text-align:left;
z-index:5000;
}
#hs .hs_liste a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
font-weight:bold;
text-decoration:none;
color:#cccccc;
z-index:5000;
margin-left:5px
}
#hs .hs_liste a:hover{
color:#ff9900;
}
/** Contact **/
#gauche{
position:relative;
float:left;
}
#droite{
position:relative;
float:right;
}
.legolas{
width:477px;
height:310px;
}
.contact{
width:320px;
padding-top:10px;
}
.contact .texte{
width:270px;
margin-left:8px;
padding:5px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:13px;
}
.contact .texte a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FF9933;
text-decoration:none;
}
.contact .texte a:hover{
color:#996699;
}
.contact .texte .intro{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
/* Home */
	.home_gauche{
	width:284px;
	}
    .gratuit{
	position:relative;
	width:284px;
	height:246px;
	background-image:url(images/fond_gratuit.png);
	background-position:top left;
	background-repeat:no-repeat;
	}
	.gratuit p{
	position:relative;
	top:50px;
	margin-left:20px;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;	
	}
	.descriptif{
	position:relative;
	width:284px;
	margin-top:15px;
	}
	.descriptif p{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;	
	margin-top:10px;
	}
	/* echiquier 3*/
	.collection_gauche{
width:292px;
height:700px;
}
.collection_description{
position:relative;
margin-left:10px;
width:280px;
}
.collection_menu{
position:relative;
margin-left:10px;
width:280px;
}

#cadre{
position:relative;
margin-top:8px;
width:468px;
height:468px;
background-image:url(images/fond_cadre2.jpg);
background-position:top left;
background-repeat:no-repeat;
right:0px;
}
#base{
position:relative;
width:453px;
height:454px;
top:7px;
left:8px;
}
    .gratuit_collection{
	position:absolute;
	width:284px;
	height:246px;
	background-image:url(images/fond_gratuit.png);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:4;
	right:0px;
	}
	.gratuit_collection p{
	position:relative;
	top:50px;
	margin-left:20px;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;	
	z-index:4;
	}
#roi_spectral{
position:absolute;
width:300px;
height:600px;
top:30px;
left:200px;
z-index:10;
}
#titre_roi_spectral{
position:absolute;
width:300px;
height:208px;
z-index:20;
top:530px;
left:220px;
}