﻿body {
	margin: 0px;
	/*text-align:center;*/
	margin-left:auto;
	margin-right:auto;
	width:950px;
	background-color:#FFFFFF;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

img
{
border:none;
}

a, a:link, a:visited {
text-decoration:none;
}

#engagements {
float:right;
margin:0;
padding:10px 0 0 0;
width:535px;
}

#engagements p{
color:#fd1dd5;
font:10px "Lucida Grande", Verdana, Tahoma, sans-serif;
text-align:left;
padding:0;
margin:0;
line-height:20px;
}


#engagements a, #engagements a:link, #engagements a:visited {
color:#FD1DD5;
text-decoration:none;
}

#engagements a:hover{
color:#FD1DD5;
text-decoration:underline;
}

div#engagements h1{
font:14px Georgia, "Times New Roman", Times, serif;
color:#666666;
text-align:left;
padding:20px 0 10px 0;
margin:0;
} 

div#engagements h2{
font:14px Georgia, "Times New Roman", Times, serif;
color:#666666;
text-align:left;
padding:20px 0 10px 0;
margin:0;
}

div#moncompte {
float:right;
background: url(../images/espace_client_01.gif) no-repeat right center;
color: #FFF;
margin:0 20px 0 0;
padding:0;
white-space: nowrap;
text-align:center;
width:93px;
height:28px;
text-align:center;
font:13px Georgia, "Times New Roman", Times, serif;
color:#333333;
line-height:24px;
}

div#monpanier {
float:right;
background: url(../images/espace_client_02.gif) no-repeat right center;
margin:0;
padding:0px;
white-space: nowrap;
width:161px;
height:28px;
text-align:center;
font:13px Georgia, "Times New Roman", Times, serif;
color:#333333;
line-height:24px;
}

div#menutop {
clear:both;
}

div#menuleft {
float:left;
width:196px;
}

div#menuleft a, div#menuleft a:link, div#menuleft a:visited {
text-decoration:none;
color:#343434;
}

div#menuleft a:hover {
text-decoration:none;
color:#fe59e0;
}

div#menuleft li{
font:12px Georgia, "Times New Roman", Times, serif;
width:171px;
height:23px;
text-align:left;
padding:0 0 0 20px;
margin:0 0 12px 0;
line-height:20px;
}

div#menuleft ul{
list-style:none;
margin:10px 0 0 0;
padding:0;
}


div#menuleft li.green{
background-image:url(../images/fd_menu_categories_01.gif);
background-repeat:no-repeat;
}
div#menuleft li.orange{
background-image: url(../images/fd_menu_categories_02.gif);
background-repeat:no-repeat;
}
div#menuleft li.blue{
background-image: url(../images/fd_menu_categories_03.gif);
background-repeat:no-repeat;
}
div#menuleft li.purple{
background-image: url(../images/fd_menu_categories_04.gif);
background-repeat:no-repeat;
}
div#menuleft li.grey{
background-image: url(../images/fd_menu_categories_05.gif)  ;
background-repeat:no-repeat;
}
div#menuleft li.black{
background-image: url(../images/fd_menu_categories_06.gif);
background-repeat:no-repeat;
}
div#menuleft li.pink{
background-image: url(../images/fd_menu_categories_07.gif);
background-repeat:no-repeat;
}

#homecontent {
float:right;
width:754px;
margin:0;
padding:0;
height:599px;
}

#pagecontent {
float:right;
width:754px;
margin:0;
padding:0 0 25px 0;
}

#homelink {
padding:21px 0 0 0;
margin:0;
text-align:right;
float:right;
width:201px;
}

#promo {
width:551px;
float:left;
padding:21px 0 0 0;
margin:0;
clear:both;
}

#bestseller {
float:left;
padding:30px 0 0 0;
margin:0;
}

div#bestseller li{
font: 12px Tahoma, Verdana, sans-serif;
font-weight:bold;
width:343px;
height:23px;
text-align:left;
padding:0 0 0 10px;
margin:0;
line-height:20px;
}
div#bestseller table{
font: 12px Tahoma, Verdana, sans-serif;
font-weight:bold;
width:353px;
}
div#bestseller a{
color: #000000;
}

div#bestseller ul{
list-style:none;
margin:0;
padding:0;
}

div#bestseller table{
 border-collapse:collapse;
}
div#bestseller td{
margin:0;
padding-left:5px;
padding-right:5px;
}

div#bestseller li.pink{
background-color:#fd1dd5;
color:#FFF;
}
div#bestseller tr.pink{
background-color:#fd1dd5;
color:#FFF;
}

div#bestseller li.grey{
background-color:#eeedf0;
color:#000;
}
div#bestseller tr.grey{
background-color:#eeedf0;
color:#000;
}

div#bestseller li.darkgrey{
background-color:#E2DEE8;
color:#000;
}
div#bestseller tr.darkgrey{
background-color:#E2DEE8;
color:#000;
}

#homefleche {
float:right;
padding:75px 0 0 0;
margin:0;
text-align:left;
width:28px;
}

#vignette {
float:right;
width:170px;
padding:30px 0 0 0;
margin:0;
}

#vignette .cadre{
border:10px #E2DEE8 solid;
margin:0;
padding:0;
}

#piedpage {
margin:0;
padding:0;
clear:both;
border-top:#fd1dd5 10px solid;
background-color:#343434;
height:100px;
}

#piedpage p{
font: 11px/16px Tahoma, Verdana, sans-serif;
color:#FFF;
padding:15px 0 0 0;
margin:0;
text-align:center;
}

#piedpage a, #piedpage a:link, #piedpage a:visited {
color:#FFF;
text-decoration:none;
} 

#piedpage a:hover {
text-decoration:none;
color:#FD1DD5;
}

.imgleft {
float:left;
}

.imgright {
float:right;
}

.flux {
clear:both;
}

.form {
border: #343434 solid 1px;
background-color:#FFFFFF;
color:#343434;
width:140px;
margin:2px 0 2px 0;
text-align:left;
}

#newsletter {
text-align:left;
margin:0;
padding:5px 0 0 0;
}

#newsletter h1 {
font:14px Georgia, "Times New Roman", Times, serif;
color:#fe59e0;
padding:0 0 3px 0;
margin:0;
line-height:10px;
}

#newsletter h2 {
font:14px Georgia, "Times New Roman", Times, serif;
color:#fe59e0;
padding:0 0 3px 0;
margin:0;
line-height:10px;
}

#newsletter .form {
border: #fe59e0 solid 1px;
background-color:#fe59e0;
color:#FFF;
width:140px;
margin:2px 0 2px 0;
}

#showroom {
text-align:left;
margin:0;
padding:10px 0 0 5px;
}

#showroom h1 {
font:14px Georgia, "Times New Roman", Times, serif;
color:#fe59e0;
padding:0 0 3px 0;
margin:0;
line-height:10px;
}

#showroom h2 {
font:14px Georgia, "Times New Roman", Times, serif;
color:#fe59e0;
padding:0 0 3px 0;
margin:0;
line-height:10px;
}

#floatright {
float:right;
}

#floatleft{
float:left;
}

/* PAGE CATALOGUE */

#historique {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#999999;
text-align:left;
margin:0;
padding:10px 0 0 0;
}

#historique a:link, #historique a:visited {
color:#999999;
}

#historique a:hover {
text-decoration:underline;
}

#navigation {
font:10px Tahoma, Verdana, sans-serif;
color:#666666;
margin:0;
padding:10px 0 10px 0;
text-align:right;
clear:both;
}

#navigation a, #navigation a:link, #navigation a:visited {
color:#000000;
}

#navigation a:hover {
color:#666666;

}
/* PAGE DETAIL PRODUIT  /////////////////////////////////////////////////////////////////////////////*/
#titredetailprod, #titrecatalogue {
	margin-bottom:30px;
}


#titredetailprod h1 {
font:26px/24px "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight:lighter;
padding:10px 0 10px 0;
margin:0;
color:#fd1dd5;
text-align:left;
}  


#titredetailprod h2 {
font:26px/24px "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight:lighter;
padding:10px 0 10px 0;
margin:0;
color:#fd1dd5;
text-align:left;
} 

.detailzoom {
border: #e3e0e9 1px solid;
margin:10px 13px 0 0;
padding:0;
float:left;
}

#detailproduit {
float:right;
text-align:left;
width: 382px;
font:12px/14px Arial, Helvetica, sans-serif;
color:#343434;
border-left:#e3e0e9 1px solid;
padding:0 0 5px 20px;
margin:15px 0 0 0;
}

#detailproduit p{
padding:0 0 5px 0 0;
margin:0 0 20px 0;
}

#detaildescription {
float:left;
width:195px;
}

#detaildescription p{
font: 11px/13px Arial, Helvetica, sans-serif;
color:#000;
padding:4px 10px 0 0;
margin:0;
}

#detaildescription h1 {
font:11px/13px "Trebuchet MS", Tahoma, Verdana, sans-serif;
color:#999999;
padding:0;
margin:0;
}

#detaildescription h2 {
font:13px/15px "Trebuchet MS", Tahoma, Verdana, sans-serif;
color:#000;
font-weight:lighter;
text-transform:uppercase;
padding:15px 0 5px 0;
margin:0;
}

#detaildescription h3 {
font:11px/13px "Trebuchet MS", Tahoma, Verdana, sans-serif;
color:#999999;
padding:0;
margin:0;
}

#detaildescription select {
border:#999999 1px solid;
font: 11px Tahoma, Verdana, sans-serif;
color:#000;
padding:0 1px;
margin:0;
width:170px;
}



#detailprix {
border:#e3e0e9 1px solid;
padding:15px 0;
margin:0;
text-align:center;
font: 22px "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-weight:bolder;
color:#fd1dd5;
}

#zoneSaisiePanier {
float:right;
font: 11px/14px Tahoma, Verdana, sans-serif;
color:#999999;
border-left: #E3E0E9 1px solid;
padding: 0 0 0 20px;
}

#detailpanier p {
margin:0;
padding:8px 0;
}

#detailpanier input {
width:165px;
border:#b8b8b8 1px solid;
color:#fd1dd5;
font:12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-weight:bold;
text-align:center;
}

.produitAssocie {
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.vignetteProduit{ min-height:170px;}

/* PAGE CONTENU TYPE ///////////////////////////////////////////////////////*/

#pagetype {
padding:0;
margin:0;
text-align:left;
vertical-align:top;
}

#pagetype h1 {
font:30px/24px "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight:lighter;
padding:20px 0 8px 0;
margin:0;
color:#343434;
}

#pagetype h2 {
font:13px "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight:lighter;
padding:1px 2px;
margin:8px 0 5px 0;
color:#FFF;
background-color:#343434;
width:610px;
}

#pagetype h3 {
font:16px "Trebuchet MS", Tahoma, Verdana, sans-serif;
color:#343434;
font-weight:bold;
padding:5px 0 0 0;
margin:0;
}

#index_content h1 {
font:22px/22px "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight:lighter;
padding:0 0 2px 0;
margin:0;
color:#343434;
}

#index_content h2 {
font:18px/18px "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight:lighter;
padding:8px 0 2px 0;
margin:0;
color:#343434;
}

#index_content h3 {
font: 11px/11px Tahoma, Verdana, sans-serif;
color:#FFFFFF;
padding:10px 0 0 0;
margin:0;
text-align:center;
}

#pagetype  p, #pagetype  table {
font: 12px/18px Arial, Helvetica, sans-serif;
color:#343434;
margin:0;
padding:5px 0 10px 0;
width:610px;
}

#pagetype input, #pagetype textarea, #pagetype select {
background-color:#E3E0E9;
color:#FD1DD5;
margin:2px;
border:#999999 1px solid;
}

#pagetype a, #pagetype a:link, #pagetype a:visited {
color:#FD1DD5;
}

#pagetype a:hover {
color:#000;
}

.erreur{
color:Red;
}
.info { display:block; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #20446B; }
.memo {font-family: Verdana,Arial,Helvetica,sans-serif; color: #707070; font-size: 9px; font-style: italic; vertical-align:bottom;}

 #couleur_index {
font:22px/22px "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight:lighter;
padding:0 0 2px 0;
margin:0;
color:#FD1FD5;
}

#couleur2_index {
font:18px/18px "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight:lighter;
padding:8px 0 2px 0;
margin:0;
color:#FD1FD5;
}