 
body{

	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#DFDFDF;
	background-color:#a10000;
}


#global{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#content {
	background-image:url(../../img/ligne-ombrage.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	margin-left:1px;
/*	background-color:#0000CC;*/
	width:1000px;
	
}

a {
text-decoration:none;
}

a:hover {
text-decoration:none;
}

a img{
	border:0px;
}

p{
	margin:2px;
	padding:0px;
	font-size:9px;
	color:#ababab;
	font-weight:normal;
	text-align:justify;
}

select{
background-color:#666666;
color:#a2a2a2;
border:none;
width:210px;
}

.clearer {

	clear:both;
	height:0;
	font-size:0px;
	line-height:0px;
}

span {
color:#fff;
font-size:11px;
font-weight:bold;
}

.texte-biosoft {
color:#deda00;
font-size:14px;
}

.texte-biosoft2 {
color:#deda00;
font-weight:bold
}

/**************************************************

	HEADER DE LA PAGE


*************************************************/
#header{
	background-image: url(../../img/header2.jpg);
	background-repeat:no-repeat;
	height:155px;
	
}

#titre-site{
	position:absolute;
	padding-top:15px;
	*padding-top:25px;
	padding-left:70px;
}

h1 {


}

h2 {
	font-size:14px;
	color:#666666;
}

h3 {
	font-size:14px;
	color:#fff;
	padding:5px;
	margin:0px;
}

h4 {
	font-size:10px;
	color:#fff;
	margin-left:1px;
	margin-top:-175px;
}

h5 {
	font-size:40px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#a10000;
	margin-left:22px;
	margin-top:1px;
	font-weight:normal;
}

h6 {
	font-size:14px;
	color:#000000;
	margin-left:5px;
	margin-top:0px;
}


#espace-pro{
	width:365px;
	height:30px;
	border: #fff solid 1px;
	position:relative;
	left:609px;
	top:65px;
	background-color:#3f3f3f;
}

.form1{
	margin:0px;
	padding:0px;
	margin-top:3px;
	font-size:10px;
	margin-left:4px;
}

.form2{
	margin:0px;
	padding:0px;
}

#form_contact{
 padding:0px;
 margin:0px;
 }

.input-text{

	color:#ababab;
	font-size:10px;
	background-color:#666666;
	border-color: #5c5c5c;
	border-style: solid;
	margin-left:2px;
}

.input-text2{

	color:#ababab;
	font-size:10px;
}

.btn-envoyer{

	background-color:#a10000;
	border-color: #a10000;
	border-style: solid;
	color:#fff;
	font-weight:bold;
	padding:0;
	margin:0;
	font-size:10px;
	margin-left:8px;
}


/**************************************************

	FIN DU HEADER DE LA PAGE


*************************************************/

/**************************************************

	MENU EN HAUT DE LA PAGE <=> menu_haut.php


*************************************************/

#menu{
	text-align:right;
	margin-top:90px;
	margin-right:20px;
}


#menu ul{
	padding:0px;
	margin:0px;
	list-style-type:none;		
}

#menu ul li{
	display: inline;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}

#menu ul li a{
	padding:8px;
	background-color:#000000;
	border-style:solid;
	border-width:1px;
	border-color:#fff;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	margin-left:0px;
	margin-right:4px;
	color:#fff;
}

#menu ul li a:hover{
	background-color:#c8c6c6;
}

#menu ul li a:active {
	border-left: 1px solid #fff;
}

#menu .menuselected { 

	padding:8px;
	background-color:#c8c6c6;
	border-style:solid;
	border-width:1px;
	border-color:#fff;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	margin-left:0px;
	margin-right:4px;
	color:#fff;
}
/**************************************************

	FIN DU MENU HAUT

*************************************************/

/**************************************************

	COLONNE GAUCHE DE LA PAGE <=> menu_haut.php


*************************************************/

#colonne-gauche{
	width:178px;
	float:left;
	padding-left:23px;
	position:relative;
	top:-51px;
	*top:-59px;
}

.slogan{
width:178px;
font-size:9px;
text-align:center;
margin-bottom:24px;
}

.langueencour{ padding:0px 4px 0px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:bold; text-decoration:none;}

.langue{ padding:0px 4px 0px 4px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-decoration:none;}

.drapeaux{
padding-top:10px;
padding-bottom:10px;
}

.drapeaux a{
	margin-left:2px;
	margin-right:2px;
	text-decoration:none;
}

#edito{
	width:188px;
	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	margin-bottom:10px;
}

#date{	
	font-size:10px;
	color:#ababab;
	position:absolute;
	margin-top:0px;
	margin-left:26px;
	text-align:right;
	width:160px;
}

.newsletter{
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	margin-bottom:10px;
	width:183px;
	background-color:#3f3f3f;
	border-color: #a10000;
	border-style: solid;
	border-width:1px;
}

.zone-select{
margin-top:5px;
margin-bottom:5px;
width:174px;
margin-left:2px;
border:1px solid #5c5c5c;

}

.zone-select2{
width:54px;
border:1px solid #5c5c5c;

}



/**************************************************

	FIN DU MENU HAUT

*************************************************/

/**************************************************

	main DE LA PAGE


*************************************************/
#main{
	width:570px;
	margin-left:23px;
	margin-right:5px;
	position:relative;
	top:0px;
	float:left;
}

#img-lit{

	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:560px;
	height:231px;
	margin-left:3px;
	margin-top:0px;
	background-image:url(../img/schloff.jpg);
}

#bon-dormeur{

	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:275px;	
	height:250px;
	margin-left:3px;
	margin-top:10px;
	position:relative;
}

#pub-biosoft{

	float:right;
	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:275px;
	height:250px;
	/*background-image:url(../img/pub-biosoft.jpg);*/
	margin-top:10px;
	margin-right:6px;
}

.detail{
text-align:right;
color:#dbdbdb;
font-size:14px;
font-weight:bold;
line-height: 16pt;
position:absolute;
top:320px;
margin-left:90px;
}

.detail2{
text-align:justify;
text-align:right;
color:#fff;
font-size:13px;
margin-top:95px;
margin-right:10px;
}

.detail3{
color:#858585;
font-size:11px;
margin-top:120px;
margin-left:5px;
}

#liste3{
margin:0px;
padding:0px;
margin-left:10px;
padding-left:5px;
}


#fond-pub{

	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:558px;
	height:26px;
	margin-left:3px;
	margin-top:9px;
	*margin-left:6px;
	*margin-top:-5px;
	background-image:url(../../img/fond-pub.jpg);
	text-align: center;
}

#pub-matelas-mars{

	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:176px;
	height:181px;
	margin-left:3px;
	margin-top:4px;
	float:left;
}

#pub-sommier{

	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:176px;
	height:181px;
	margin-left:13px;
	margin-top:4px;
	float:left;
}

#pub-oreiller{

	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:176px;
	height:181px;
	margin-left:13px;
	margin-top:4px;
	float:left;
}


/**************************************************

	FIN DU main

*************************************************/

/**************************************************

	Colonne droite DE LA PAGE


*************************************************/
#colonne-droite{
	width:175px;
	height:700px;
	float:left;
	margin-right:25px;
	margin-top:0px;
}

#carte{

	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:173px;	
	height:231px;
	background-color:#3f3f3f;
	float:right;
	margin-bottom:10px;
/*	background-image:url(../../img/carte2.jpg);*/

}

#catalogue{

	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:173px;	
	height:250px;
	background-color:#3f3f3f;
	float:right;
	margin-bottom:10px;
	background-image:url(../../img/catalogue.jpg);
}

#titre-guide{
padding-top:20px;
padding-left:90px;
}

#club-sommeil{

	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	width:173px;	
	height:212px;
	background-color:#3f3f3f;
	float:right;
	background-image:url(../../img/club-sommeil3.jpg);
}

#descriptif{
	font-size:11px;
	margin-top:100px;
	color:#FFFFFF;
	margin-left:5px;
}
/**************************************************

	FIN De la colonne droite

*************************************************/

/**************************************************

	LISTE DES PRODUITS <=> liste-matelas, 
	liste-sommier, liste-accessoires


*************************************************/

#fond-liste{
width:560px;

}

#titre-produit{
color:#000000;
font-size:18px;
text-align:center;
font-family: "Baskerville Old Face";
font-size: 26px;
margin-top:10px;
margin-bottom:15px;

}


.produit{
	width:546px;
	height:69px;
	border-color: #fff;
	border-style: solid;
	border-width:1px;
	margin-left:6px;
	margin-bottom:9px;
	background-image: url(../../img/fond-produit.png);
}


.produit-titre{
	font-size:22px;
	height:30px;
	float:left;
	margin-top:15px;
	margin-left:10px;
	color:#FFFFFF;
}

.produit-sous-titre{

	font-size:14px;
	color:#FFFFFF;
}

.produit-detail{
	color: #a10000;
	font-size:12px;
	font-weight:bold;
	height:49px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}

.produit-detail2{
	color:#666666;
	font-size:11px;
	height:49px;
	margin-top:4px;
	left:160px;
	position:absolute;

}

.produit-design{
	width:546px;
	height:151px;
	border-color: #fff;
	border-style: solid;
	border-width:1px;
	margin-left:5px;
	margin-bottom:5px;
}

.produit-intitule-design{
	margin-top:15px;
	margin-left:10px;
	color:#FFFFFF;
	position:absolute;
}

.produit-detail-design{
	color: #bbbbbb;
	font-size:12px;
	font-weight:bold;
	height:49px;
	margin-top:85px;
	margin-left:10px;
	position:absolute;
}
/*
.produit-resume-accessoire{
	font-size:11px;
	width:110px;
	height:30px;
	margin-top:40px;
	margin-left:3px;
	color:#a10000;
	position:absolute;
}
*/
.produit-resume-accessoire{
	font-size:11px;
	color:#a10000;
	font-weight:normal;
}

#div-accessoire{

}

.accessoires{
	width:264px;
	border-color: #fff;
	border-style: solid;
	border-width:1px;
	margin-left:6px;
	margin-bottom:9px;
}

.accessoires-gauche{
	width:264px;
	border-width:0px;
	float:left;
}

.accessoires-droite{
	width:264px;
	border-width:0px;
	float:left;
	margin-left:10px;
	
}

.produit-titre-accessoire{
	font-size:10px;
	width:100px;
	height:30px;
	position:absolute;
	margin-top:8px;
	margin-left:3px;
	color:#FFFFFF;
}

.produit-detail-accessoire{
	font-size:12px;
	height:30px;
	position:absolute;
	margin-top:15px;
	margin-left:5px;
	color:#FFFFFF;
}
/**************************************************

	FIN DE LA LISTE DES PRODUITS

*************************************************/

/**************************************************

	detail d'un produit <=> detail-produit.php

*************************************************/

#fond-produit{
/*	width:560px;
	height:720px;
	background-image: url(../img/fond-produit.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left:23px;
	margin-left:223px;
	margin-right:3px;
	position:relative;
	top:-33px;
	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	background-color:#3f3f3f;*/
	
	width:560px;
	margin-left:26px;
	margin-right:10px;
	position:relative;
	top:0px;
	float:left;
	background-image: url(../../img/fond-produit.gif);
	background-repeat:no-repeat;
	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	background-color:#3f3f3f;
	margin-bottom:10px;

}

#detail-gauche-produit{
	width:318px;
	height:661px;
	background-image: url(../../img/fiche-produit3.jpg);
	margin-top:26px;
	margin-left:4px;
	margin-bottom:4px;
	border-color: #fff;
	border-style: solid;
	border-width:1px;
	position:relative;

}

#detail-droite-produit{
	width:223px;
	height:661px;
	float:right;
	margin-top:26px;
	margin-right:7px;
	margin-bottom:4px;
}

#description{
	width:223px;
	height:238px;
	border-color: #fff;
	border-style: solid;
	border-width:1px;
	margin-bottom:5px;
	/*background-image: url(../img/trait-produit.gif);
	background-repeat:repeat-y;*/
	background-color:#000000;
}

.gros-titre{
margin-top:10px;
font-size:30px;
}

.liste-puce{
	list-style-image:url(../../img/puce.png);
	color:#bbbbbb;
	font-size:12px;
	margin-top:0px;
	padding-left:40px;
}

.liste-puce2{
	list-style-image:url(../../img/carre-rouge.gif);
	margin-top:5px;
}

.liste-puce3{
	list-style-image:url(../../img/carre-rouge.gif);
	margin-top:5px;
	padding-left:200px;
}

.liste-puce4{
	list-style-image:url(../../img/puce_plan.png);
	margin-top:5px;
	padding-left:10px;
}


#detail-produit{
	width:300px;
	margin-left:10px;
}

.dimension-garantie{
	width:223px;
	border-color: #fff;
	border-style: solid;
	border-width:1px;
	margin-bottom:5px;
	background-color:#3f3f3f;
}

.dimension-garantie-texte{
color:#fff;
font-size:11px;
font-weight:bold;
}


#produits-associes{
	width:223px;
	height:325px;
	border-color: #fff;
	border-style: solid;
	border-width:1px;
	margin-bottom:5px;
	background-color:#000000;
}

.texte-rouge{
	color: #a10000;
	font-size:12px;
	font-weight:bold;
}

.texte-rouge2{
	color: #a10000;
	font-size:11px;
}

.texte-rouge3{
	color: #a10000;
	font-size:12px;
	margin-top:5px;
	margin-left:5px;
	font-weight:bold;
}

.texte-produit-associe{
	margin-left:5px;
	margin-top:5px;
	margin-bottom:2px;
	
}

#titre-navigation{
margin-top:7px;
margin-left:5px;
font-size:11px;
font-weight:bold;
}

.lien-navigation{
color:#fff;
}

.pic-zoom {

}


/* style the initial image size 100px x 75px no border and 5pixel padding */
.pic-zoom a img {

	width:318px;
	height:242px;
	border:0;
}

/* style the size, background color, border and margin of the submenu links */
.pic-zoom a {

	width:318px;
	height:242px;
}
/* style position of the links on hover */
.pic-zoom a:hover {

	position:relative;
}
/* keep the large image hidden with a position absolute to take it out of the page flow */
.pic-zoom a img.bigger {

	visibility:hidden; position:absolute; z-index:0;
}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.pic-zoom a:hover img {

	width:500px; 
	height:381px;
	position:absolute;
	left:-15px; top:0px;
	border:0;
	border:1px solid #888;
	padding:5px;
	background:#ccc;
}

/**************************************************

	FIN DE LA LISTE DES PRODUITS

*************************************************/
#fond-page{
/*	width:560px;
	height:720px;
	background-image: url(../img/fond-page.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left:23px;
	margin-left:223px;
	margin-right:3px;
	position:relative;
	top:-33px;
	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	background-color:#3f3f3f;*/
	
	width:560px;
	min-height:720px;
	margin-left:26px;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	top:0px;
	float:left;
	border-color: #a10000;
	border-style: solid;
	border-width:1px;
	background-color:#3f3f3f;
	background-image: url(../../img/fond-page.gif);
	background-repeat:no-repeat;

}

.cadre_contenu{
	width:535px;
	border-color: #828282;
	border-style: solid;
	border-width:1px;
	margin-left:6px;
	margin-bottom:9px;
	padding-left:5px;
	padding-right:5px;
	background-color:#3f3f3f;
	
}

.titre_obligatoire{
color: #a10000;
font-style:italic;

}

.img_gauche{
float:left; padding-right:10px; padding-top:5px;

}
.img_droite{
float:right; padding-left:10px; padding-bottom:5px; margin-top:15px;

}

.liens{
color:#fff;
}

.liens:hover{
font-weight:bold;
}

.titre_merci{
margin-left:20px;
}

.cadre_espace_pro {
width: 350px;
border: #FFFFFF solid 1px;
margin-left:90px;
padding:5px 5px 5px 5px;

}

.cadre_espace_pro a {
color:#fff;
text-decoration:underline;
}

.cadre_espace_pro a:hover{
color:#a10000;
text-decoration:underline;
}
/**************************************************

	FOOTER DE LA PAGE


*************************************************/

#footer {
	background-image: url(../../img/footer.jpg);
	background-repeat: no-repeat;
	width:1000px;
	height:164px;
	margin-left:1px;
}

#menu_bas1 {

	padding-top:10px;
	padding-left:147px;
	width: 800px;
	height:15px;
	color:#fff;
	list-style-type: none;
}

.lien {

	list-style:none;
	text-decoration: none;
	color: #fff;
}

#menu_bas2 {

	padding-top:30px;
	padding-left:200px;
	width: 800px;
	height:15px;
	color:#fff;
	list-style-type: none;
}

#menu_bas3 {

	padding-top:30px;
	padding-left:290px;
	width: 600px;
	height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	list-style-type: none;
}

/**************************************************

	FIN DU FOOTER

*************************************************/
hr {
	 color: #400000;
	 background-color: #400000;
	 border: 0;
	 width:400px;
	 height: 1px;
	 margin-left:5px;
 }
 
