/************************
*		GENERAL			*
************************/

body {
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	color: #000;
	background-color: #AAB;
}
a {
	color:black;
	text-decoration:underline;
	font-style:italic;
}
a:active {color:#F00;}

.lienMarque a, 
#demandeDocumentations a {
	text-decoration:none;
}

img {border:0;}

hr {margin: 20px 0 ;}

#conteneur {
	border:1px solid;
	width:750px;
	background-color: #FFF;
	margin: 0px 0px;
	padding:10px 10px 0px 0px;
}

#menuAccessibilite{
display:none;
}

#entete{}

#logo {padding-left: 10px;}

#titre{	position: absolute;	left: 250px;top: 20px;}

#titre h1 {
	margin: 0px;
	text-indent:-10000px;
	background: url('images/titre.gif');
	height:60px;
	width:500px;
}
#titre h2 {
margin: 0px;
padding-left: 20px;
text-align:justify;
font-size: 0.7em;
width: 400px;}

#contenu{clear:both;}

#partieDroite{
	margin-top: 20px;
	margin-left: 200px;
}
#piedPage {
	margin-top: 20px;
	border-top:1px solid black;
	text-align: center;
	clear:both;
	font-size: 1em;
	font-weight: bold;

}

/* MENU */
#menuGeneral {padding-top:0px;}
.titreMenu {
	text-align : center;
	background-color: #AAB;
	border-top: 1px solid;
	border-bottom:1px solid;
}
.active {
	color:#bbb;
	font-size:0.9em;
}
#menus {
	float:left;
	width:180px;
}
#menus ul {margin: 0px;padding: 0px;}

#menus li {
	padding-left: 10px;
	margin:10px 0px 0px 0px;
	list-style-type: none;
}
#menus li:hover {
	background-color: #AAB;
	color: #000;
	margin:8px 0px 0px 0px ;
	border-top: 1px solid;
	border-bottom:1px solid;
}
#li_promotion {
color: red;
font-weight:bold;
}
#menus a {text-decoration:none;}
#menu a:hover {color: #000;}
#erreur {
	position: relative;
	left: 100px;
	width: 350px;
	color:#111;
	text-align:justify;
}
#erreur a{color:#222;text-decoration:underline;}
#erreur a:hover{color: #E22;}
.spacer {height:50px;}
#vignettes{
float:right;
margin: 0px;
padding: 0px;
}
/************************
*		ACCUEIL			*
************************/
#spacer_accueil {height: 450px;}
#logoLiterie, #illustrationLiterie, 
#logoStressless, #illustrationStressless, 
#logoCinna, #illustrationCinna ,
#logoBurov, #illustrationBurov,
#logoTempur, #logoLattoflex {position:absolute;}

#illustrationBurov {left: 450px;top: 200px;width:200px;}
#logoBurov {top: 180px;left:580px;width:130px;}
#illustrationCinna {left: 260px;top:  240px;width:200px;}
#logoCinna {top: 230px;left:230px;width:150px;}
#illustrationStressless {top: 350px;left: 480px;width:200px;}
#logoStressless {top: 350px;left:630px;width:150px;}
#illustrationLiterie {top: 360px;left: 280px;width:200px;}
#logoLiterie {top: 380px;left:220px;width:178px;}
#logoTempur {top:490px;left:220px;width:178px;}
#logoLattoflex {top: 510px;left:370px;width:178px;}

/************************
*		PRODUIT			*
************************/

#commentPage {
	text-align:justify;
	padding-right:5px;
}
#commentPage h4 {
	font-style:italic;
	font-size: 1.5em;
	padding: 0;
	margin:0;
}
#commentPage h5 {
	font-style:italic;
	padding: 0;
	margin-top:0;
	text-indent: 4em;
}
.citation {
	font-style: italic;
	margin:0;
	padding:0;
}
.auteur {
	font-weight: bold;
	font-size: 0.9em;
	text-align: right;
	margin:0;
	padding:0;
}
.aideNavigation {
	font-style: italic;
	font-size: 0.8em;
	color: #666;
}
.aideNavigation img {
	vertical-align:middle;
}
.illustration {
	display: inline;
	padding: 10px;
}
.zoom_image {text-align:center;}
.illustration img, .zoom_image img  {border:1px solid #000;}

.lienMarque {
	margin-top: 10px;
	text-align:right;
	font-size: 0.85em;
	font-style: italic;
}
.lienMarque img {vertical-align: middle;}
#demandeDocumentations {
	margin-top: 20px;
	text-align:right;
}
#demandeDocumentations img {vertical-align:middle;}


/************************
*	  contacter			*
************************/
fieldset {
	border:0;
	padding:0px 0;
        margin : 2px 0;
}
label {
	float:left;
	width: 15em;
}
input {margin: 1px 0;}
label.detail {
	padding-right: 5em;
	margin-bottom: 1em;
	width: 25em;
	text-indent: 2em;
}
label:before {
	content:url(images/info.png);
	vertical-align: middle;
}
input[type=submit] {
	margin-left: 14.4em;
	margin-top: 2em;
}

/************************
*	  Promotions		*
************************/
.promotion {
margin-top: 10px;
border-top:1px solid;
}
.promotion h5 {
margin:2px;
font-size: 1.4em;
text-align:center;
}
.promo_date {
text-align : center;
font-style:italic;
}
.promo_descriptif {
font-weight: bold;
margin:2px;
}
.promotion img {
border:1px solid;
}
.promo_photo {
text-align:center;
}