/* CSS Document */

body {
	background: url(images/bg.jpg) #e6e9eb repeat-x;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
/********************************** POUR REMPLACEMENT DES POLICES EN FLASH    **************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/***************************************************************************************************/
#conteneur{
	width:840px;
	height:730px;
	position:absolute;
	left:50%;
	margin:0 0 0 -420px;
	background:url(images/bg-header.jpg) repeat-x;
}
#conteneurNav{
	width:840px;
	min-height:600px;
	height:auto;
	height:600px !important;
	/*height:700px;pour dream*/
	float:left;
	position:absolute;
	left:50%;
	margin:0 0 0 -420px;
	background:url(images/bg-header.jpg) repeat-x;
}
#logo{
	position:absolute;
	width:280px;
	height:90px;
	background:url(images/logo-mv.gif) no-repeat;
}
#logo h1{
	text-indent:-5000px;
}
#logo a{
	display:block;
	width:280px;
	height:90px;
	text-indent:-5000px;
}
#flash{
	width:590px;
	height:453px;;
	position:absolute;
	top:146px;
}
#menuCollection{
	position:absolute;
	top:146px;
	left:591px;
	background:url(images/bg-menucollection.jpg) no-repeat;
	width:249px;
	height:453px;
	margin:0;
	padding:0;
	list-style:none;
	color:#cbd2d4;
}
.lien{
	font-weight:bold;
	font-size:1em;
	margin:0;
	padding:10px 0 0 15px;
	text-decoration:none;
	color:#FFFFFF;
}
.lien a{
	text-decoration:none;
	color:#FFFFFF;
}
.legende{
	font-size:0.85em;
	margin:0;
	padding:0 0 0 15px;
}
#headline{
	text-indent:-5000px;
	margin:0;
	padding:0;
	position:absolute;
	top:605px;
	width:840px;
	height:25px;
	background:url(images/accroche.jpg) no-repeat center;
}
#texteAccueil{
	position:absolute;
	top:635px;
	left:115px;
	text-align:justify;
	font-size:13px;
	width:650px;
	padding:0;
	margin:0;
	color:#6f7e84;
}
#texteAccueil a{color:#556064;}

.titrePage{
	text-indent:-5000px;
	position:absolute;
	top:145px;
	text-align:justify;
	font-size:0.9em;
	width:840px;
	height:50px;
	padding:0;
	margin:0;
}
#presentation{background:url(images/titres/presentation.jpg);}
#activites{background:url(images/titres/activites.jpg);}

#colRomance{background:url(images/titres/collection-romance.jpg);}
#colAudace{background:url(images/titres/collection-audace.jpg);}
#ColAilleurs{background:url(images/titres/collection-ailleurs.jpg);}
#colIntemporel{background:url(images/titres/collection-intemporel.jpg);}
#colEssentiel{background:url(images/titres/collection-essentiel.jpg);}
#colVolteface{background:url(images/titres/collection-volteface.jpg);}

#nouveaute{background:url(images/titres/nouveautes.jpg);}
#nouveauteDeco{background:url(images/titres/nouveautes-deco.jpg);}
#nouveauteTech{background:url(images/titres/nouveautes-technique.jpg);}

#accLit{background:url(images/titres/accessoires-lit.jpg);}
#accFen{background:url(images/titres/accessoires-fenetre.jpg);}

#contactUs{background:url(images/titres/contact.jpg);}

#espacePro{background:url(images/titres/professionnel.jpg);}

#espacePresse{background:url(images/titres/presse.jpg);}

#texteNav{
	position:absolute;
	float:left;
	top:210px;
	left:10px;
	text-align:justify;
	font-size:0.9em;
	width:820px;
	padding:0;
	margin:0;
}

#texteNav p{
color:#374144;
text-align:justify;
font-size:0.9em;
line-height:1.6em;
margin:0; 
padding:5px 0 20px 0;
}

#texteNav p a{color:#374144; text-decoration:underline;}
#texteNav p a:hover{color:#80356f; text-decoration:none;}

.plusGros{ color:#80356f; font-size:1em; font-weight:bold;}
.plusSmall{ color:#6f7475; font-size:0.75em; font-weight:bold;}

#texteNav p.presentationGamme{ background:url(images/img-pages/bg-prescollection.jpg) no-repeat; width:740px; height:115px; color:#374144; font-size:1.2em; padding:15px 20px 0 60px;}
#texteNav p.presentationGamme2{ background:url(images/img-pages/bg-prescollection.jpg) no-repeat; width:740px; height:115px; color:#374144; font-size:1.2em; padding:15px 20px 0 60px; line-height:22px;}
.colore{ color:#80356f; font-weight:bold;}

.produitFiche{width:250px; float:left; padding:0; margin:7px 11px; display:inline;height:245px;}
.produitFicheVide{width:250px; float:left; padding:0; margin:7px 11px; height:245px; display:inline;}
.produitFiche h3{ background:url(images/bg-h3-produit.gif) no-repeat; font-size:1em; color:#363f42; padding:5px 0 5px 5px; margin:0;}
#texteNav .produitFiche p.txtProduit{ margin:0; padding:0 10px 0 10px; width:230px; line-height:15px; height:50px; font-size:0.85em; background:#ebecec;}

.aDroite{ margin:0 0 0 10px}
.aGauche{ margin:0 10px 0 0}

#footerIndex{ position:absolute; width:840px; top:730px; background:url(images/bg-footer.jpg) repeat-x; padding:7px 0 0 0; height:22px; text-align:right;}
#footerIndex a{ font-size:0.75em; font-weight:bold; color:#5c676b; text-decoration:none; margin:0 15px 0 0; padding:0;}
#footerIndex a:hover{color:#80356f; text-decoration:underline;}


#footer{ clear:both; background:url(images/bg-footer.jpg) repeat-x; margin:10px 0 0 0; padding:7px 0 0 0; height:22px; text-align:right;}
#footer a{ font-size:0.75em; font-weight:bold; color:#5c676b; text-decoration:none; margin:0 15px 0 0; padding:0;}
#footer a:hover{color:#80356f; text-decoration:underline;}


/********************* MENU HORIZONTAL ************************/

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}

#menu {
position : absolute;
left: 285px;
top: 63px;
}

#menu dl{
margin:0 0 5px 0;
}

/** Qui sommes nous ? **/
#menu dt#quiNous a {
text-indent:-3000px;
display:block;
background:url(images/btn-qui.jpg) no-repeat center top;
width:140px;
height:30px;
}
#menu dt#quiNous a:hover {
text-indent:-3000px;
display:block;
background:url(images/btn-qui.jpg) no-repeat center bottom;
width:140px;
height:30px;
}

/** Collections **/
#menu dt#collection a {
text-indent:-3000px;
display:block;
background:url(images/btn-coll.jpg) no-repeat center top;
width:100px;
height:30px;
}
#menu dt#collection a:hover {
text-indent:-3000px;
display:block;
background:url(images/btn-coll.jpg) no-repeat center bottom;
width:100px;
height:30px;
}

/** nouveautes **/
#menu dt#nouvo a {
text-indent:-3000px;
display:block;
background:url(images/btn-new.jpg) no-repeat center top;
width:100px;
height:30px;
}
#menu dt#nouvo a:hover {
text-indent:-3000px;
display:block;
background:url(images/btn-new.jpg) no-repeat center bottom;
width:100px;
height:30px;
}

/** accessoires **/
#menu dt#access a {
text-indent:-3000px;
display:block;
background:url(images/btn-acc.jpg) no-repeat center top;
width:100px;
height:30px;
}
#menu dt#access a:hover {
text-indent:-3000px;
display:block;
background:url(images/btn-acc.jpg) no-repeat center bottom;
width:100px;
height:30px;
}


/** contact **/
#menu dt#contact a {
text-indent:-3000px;
display:block;
background:url(images/btn-cont.jpg) no-repeat center top;
width:100px;
height:30px;
}
#menu dt#contact a:hover {
text-indent:-3000px;
display:block;
background:url(images/btn-cont.jpg) no-repeat center bottom;
width:100px;
height:30px;
}


#btnHaut{
position:absolute;
right:0;
/*width:333px;*/
width:331px;
height:35px;
}
#btnHautNav{
position:absolute;
right:0;
/*width:480px;*/
width:495px;
height:35px;
}
/** menu retour accueil **/
a#backHome {
float:left;
text-indent:-3000px;
display:block;
background:url(images/btn-home.jpg) no-repeat center top;
width:147px;
height:35px;
}
a#backHome:hover {
background:url(images/btn-home.jpg) no-repeat center bottom;
}

/** menu professionnel **/
a#prof {
float:left;
text-indent:-3000px;
display:block;
background:url(images/btn-pro.jpg) no-repeat center top;
width:186px;
height:35px;
}
a#prof:hover {
background:url(images/btn-pro.jpg) no-repeat center bottom;
}

/** menu presse **/
a#press {
float:left;
text-indent:-3000px;
display:block;
background:url(images/btn-presse.jpg) no-repeat center top;
width:145px;
height:35px;
}
a#press:hover {
background:url(images/btn-presse.jpg) no-repeat center bottom;
}

#menu dl {
float: left;
}
#menu dd {
border-left:1px solid #a5abad;
}
#menu li {
display: inline;
padding:0 7px;
height:15px;
border-right:1px solid #a5abad;
}

#menu a{
text-decoration:none;
color: #515d61;
font-size:14px;
}
#menu a:hover{
text-decoration:none;
color: #80356f;
font-size:14px;
}

#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
top:45px;
left: 0;
font-size: 1em;
width: 555px;
}
#smenu1{ margin:0 0 0 -30px;}
#smenu2{ margin:0 0 0 -30px;}
#smenu3{ margin:0 0 0 110px;}
#smenu4{ margin:0 0 0 290px;}

/**************************************************************/
/************************  PAGE CONTACT   *********************/

#colGauche{ width:450px; float:left;}
#colDroite{ width:355px; float:left; margin:0 0 0 15px;}

form{ margin:0; padding:0;}
fieldset{margin:0; padding:0; border:0;}
#1erLigne{ height:1px; border-top:1px dashed #cfd3d7;}

#colGauche h3{color:#80356f; font-size:1.1em; font-weight:bold; border-bottom:1px solid #cfd3d7; margin:0; padding:0;}
#colGauche p{margin:10px 0; padding:0 0 10px 0; border-bottom:1px dashed #cfd3d7;}
#colGauche p span{ width:130px; float:left; display:block; margin:0; padding:0; font-weight:bold; font-size:1em;}
#colGauche input{ border:1px solid #e5e7e7; width:305px;  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#515d61;} 
#colGauche textarea{ border:1px solid #e5e7e7; width:305px; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#515d61;} 
#colGauche p .box{ width:20px; border:none; margin:0 5px 0 0;}
#btn{ text-align:center; padding:10px;}
#btn input{ width:130px; padding:2px 0; color:#FFF; font-size:14px; font-weight:bold; background:#80356f;}

#colDroite h3{color:#80356f; font-size:1.1em; font-weight:bold; border-bottom:1px solid #cfd3d7; margin:0; padding:0;}
#colDroite #coord{ margin:45px 0 0 0;}
#colDroite p{margin:10px 0; padding:0 0 10px 0; border-bottom:1px dashed #cfd3d7;}
#colDroite p span{ width:130px; float:left; display:block; margin:0; padding:0; font-weight:bold; font-size:1em;}
#colDroite input{ border:1px solid #e5e7e7; width:210px;  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#515d61;}

#colDroite #adresse{ font-size:14px;}
#colDroite #telFax{font-size:14px; background:url(images/tel.gif) no-repeat; padding-left:70px;}
#colDroite #eMail{font-size:14px; background:url(images/mail.gif) no-repeat; padding-left:70px; line-height:40px; height:40px;}
#colDroite #eMail a{ text-decoration:none;}


/******************** PAGE REVUE DE PRESSE (ACTUS) *****************/
#colGaucheActus { width:520px; float:left;}
#colGaucheActus h3{color:#80356f; font-size:1.1em; font-weight:bold; border-bottom:1px solid #cfd3d7; margin:0; padding:0;}
#colGaucheActus p{float:left; margin:10px 0 0 0; padding:0; }
#colGaucheActus span{float:left; display:block; margin:0; padding:10px 0 10px 0; font-weight:bold; font-size:0.9em; color:#80356f;}
#colGaucheActus ul {float:left; margin:0 0 0 20px; padding:0; font-size:0.9em; color:#374144; list-style-type:circle;}
#colGaucheActus ul li {margin:0; padding:0; list-style-type:circle; }
#colGaucheActus #aTelecharger {float:left; margin:20px 0 0 0; padding:0 5px 0 5px; background:url(images/bg-a-telecharger.jpg) repeat-x;  height:26px; color:#FFFFFF; line-height:26px; font-size:0.9em;}
#colGaucheActus #aTelecharger a { text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:0.9em;}


#colDroiteActus{ width:275px; float:left; margin:0 0 0 25px;}
#colDroiteActus h3{color:#80356f; font-size:1.1em; font-weight:bold; border-bottom:1px solid #cfd3d7; margin:0 0 10px 0; padding:0;}
#colDroiteActus a {margin:10px 0; padding:0; text-decoration:none; font-weight:bold;  color:#374144; }
#colDroiteActus p {margin:0px 0; padding:0 0 10px 0; border-bottom:1px dashed #cfd3d7;}