@charset "utf-8";

form{
	margin:0;
	padding:0;
}

body {
	background-color: #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#929395;
	overflow-x:hidden;
}

a img{
	border:none;
}

#bandeau{
	height:120px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
}

#logo{
	width:150px;
	height:135px;
	float:left;
	position:absolute;
	top:60px;
	z-index:20;
}

#menu{
	width:700px;
	float:right;
}

#compte{
	text-align:right;
}

#nav{
	position:relative;
	float:right;
	width:750px;
	top:60px;
}

#home_footer{
	padding:10px;
	float:left;
	position:relative;
	z-index:2;
}

form{
	padding:0px;
}

input{
	font-size:10px;
}

#recherche, #recherche input{
	color:#999999;
}
#newsletter{
	color:#999999;
}
#textfield{
	color:#999999;
}


#recherche a{
	text-decoration:none;
	color:#FFFFFF;
}

#newsletter a{
	text-decoration:none;
	color:#FFFFFF;
}

.stock{
	float:right;
}

.bouton{
	text-align:center;
	padding:2px;
	border:1px solid #e83583;
	float:right;
	width:120px;
}

.bouton a{
	text-decoration:none;
	color:#e83583;
}

.spacer{
	float:left;
	width:20px;
	text-align:center;
}

*********MENUS DEROULANTS***********


/* CSS issu des tutoriels http://css.alsacreations.com */

dl, dt, dd, ul, li {
margin: 0;
padding-top: 2px;
padding-bottom:2px;
padding-left:3px;
padding-right:3px;
list-style-type: none;
}


dl {
float: left;
position: relative;
margin: 0 2px;
padding-left:3px;
padding-right:3px;
}

dt {
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding-left:0px;
}

dt a {
	cursor:default;
	text-decoration:none;
	color:#8b9298;
}

dt a:hover{
	color:#ec82ac;
}

dd {
position: absolute;
width:575px;
background-color:#cccccc;
padding:3px;
margin-top:0px;
display:none;
text-align:left;
padding-left:-30px;
border:1px solid #FFFFFF;
}


dd a{
color:#808080;
font-size:13px;
text-decoration:none;
}

dd a:hover{
	color:#ec82ac;
}

 ******************************

#extraits td{
	padding:5px;
}

#samples{
	height:115px;
}

*******************************SCROLLER***************************************

#example {
	position: relative;
	top: 0px;
	left: 0px;
	width: 375px;
	padding: 10px;
	border: none;
	overflow:hidden;
	height: 900px;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}
#example p {
	margin: 0px;}


#Layer2 {
	position:absolute;
	left:281px;
	top:375px;
	width:270px;
	height:57px;
	z-index:2;
}
#Layer3 {
	position:absolute;
	left:-11px;
	top:248px;
	width:278px;
	height:64px;
	z-index:2;
	overflow: visible;
}
#Layer4 {
	position:absolute;
	left:258px;
	top:426px;
	width:39px;
	height:35px;
	z-index:2;
}
#transparent {
	position:absolute;
	left:0px;
	top:0px;
	width:1200px;
	height:2000px;
	z-index:10;
	filter:alpha(Opacity=70);
	opacity:0.7;
	background-color: #FFFFFF;
	visibility:  hidden ;
}
#Confirm {
	position:absolute;
	left:250px;
	top:211px;
	width:317px;
	height:400px;
	z-index:11
	filter:alpha(Opacity=100);
	opacity:1.0;
	visibility:  hidden ;	
}

a{
	text-decoration:none;
	color:#FFFFFF;
}

#footer{
	width:100%;
	text-align:center;
	color:#808080;
}

#footer a{
	color:#808080;
	text-decoration:none;
}

.admin a{
	color:#666666;
}

.admin input{
	height:20px;
	font-size:14px;
}

#submit {
	text-align: left;
	width: 18px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	border-width: 0px;
	border-style: hidden;
	font-size: 11px;
	color: white;
	background-color: #8B9298;
}