/* ==============================================
   FEUILLE DE STYLES 
   SITE LIGNE PURE CHOCOLAT
   HOME PAGE UNIQUEMENT
   RICHART 2009
   
   ORGANISATION DU SITE EN 6 BLOCS :
   ENTETE : image "Logo Ligne Pure Chocolat"
   LEVEL0 : GLOBAL > NAVIGATION0 + CONTENU0 (NAV-LINEB: NAVB)
   LEVEL1 : GLOBAL > NAVIGATION1 (Navigation prinicipale de gauche) + CONTENU1 (Largeur MAX 617 px : TARGET D'Affichage)
   LEVEL2 : GLOBAL > NAVIGATION2 (NAVL2) + CONTENU2 (3 PICTOS)
   LEVEL3 : GLOBAL > NAVIGATION3 (NAVL3)
   FOOTER : image "Logo footer Ligne Pure Chocolat" 
   
   Couleur:
   Fushia : #B91583
   Marron : #330000
   Marron Clair : #450115
   Violet : #C660A48
   Violet Foncé : #C51128
   Rose clair : #C74B9E 
   Rose pale : #f8b6c1 
   
   optimisé avec http://www.cleancss.com/
   ============================================== */
	/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ELEMENTS --- */
	
	/* Global */



a {
  outline: none;
}

html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 1.25;
	background: #330000; /*marron*/
}

/* Titres */
h1,h2,h3,h4,h5,h6 {
	margin: 1em 0 .5em 0;
}

h1,h2 {
	font-weight: normal;
}

h1 {
	font-size: 2em;
	font-style: italic;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.2em;
	font-style: italic;
}

h4 {
	font-size: 1em;
}

/* Listes */
ul,ol {
	margin: .75em 0 .75em 24px;
	padding: 0;
}

ul {
	list-style: none;
}

li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Paragraphes */
p {
	margin: .75em 0;
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
}

li p {
	margin: .5em 0;
}

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

a:hover,a:focus {
	text-decoration: underline;
}

a img {
	border: none;
}

/* Divers �l�ments de type en-ligne */
em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* Autres*/
img {
	margin: 0;
	padding: 0;
	border: none;
}

hr {
	width: 100%;
	color: #340E01;
	margin: 0;
}

/* --- DEFINITION CONTENU GLOBAL: definir l'affichage du site sur une largeur de 920px--- */
#global {
	width: 920px;
	margin: 0 auto;
	border-left: 0px #330000 solid;
	border-right: 0px #330000 solid;
}

/* --- DEFINITION CHRONOLOGIQUE DES BLOCS --- */
	/* -----------BLOC ENTETE : insertion d'image------------*/
#entete {
	padding: 0;
	margin-top: 12px;
	margin-bottom : 12px;
	text-align: center;
	
}

.bordure_fond{
	background-color: #450115;
}

.copyright{
	color: #B91583;
}

/* -----------BLOC LEVEL0 : NAVIGATION0 + CONTENU0----------*/
#level0 {
	font-size: 11px;
	color: #ffffff;
	margin: 0 0 0 0;
	background: #B91583; /*fushia*/
	height: 24px; /* Meme hauteur que pour Level3 et Level4*/
	border-bottom: 1px #330000 solid;
	width: 920px;
}

/* NAVIGATION DU BLOC LEVEL0*/


#navigation {
	color: #ffffff;
	padding: 0 0 0 0;
	line-height: 2em;
	text-align: left;
}
#navigation a {
	white-space:nowrap;
	color: #ffffff;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	line-height: 2.5em;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

#navigation-top a {
	white-space:nowrap;
	color: #ffffff;
	line-height: 24px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

.border-left{
	width: 1px;
	height: 20px;
	background-color: #000000;
	margin-left: 8px;
	margin-right: 8px;
}

#navigation a:hover,#navigation a:focus,#navigation a:active {
	text-decoration: none;
	background: #C74B9E;
	color: #ffffff;
}

#navigation-top a:hover,#navigation-top a:focus,#navigation-top a:active {
	text-decoration: none;
	background: #C74B9E;
	color: #ffffff;
}
/* -----------BLOC LEVEL1 (Largeur 920px fixe) : NAVIGATION1 + CONTENU1------------- */
#level1 {
	width: 920px;
	margin: 0px auto;
	padding: 0;
	overflow: hidden;
}

/* MENU*/
#menu{
	background: #B91583; /*fushia*/
	width: 200px;
	padding: 0px 0 0 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	vertical-align: top;
}

#menu ul,#menu_fondu ul {
	color: #ffffff;
	margin: 0;
	list-style: none;
}
#menu ul.topmenu ,#menu_fondu ul.topmenu{
	min-height: 352px;
  height:auto !important;
  height:360px;
}

#menu ul.topmenu li.first ,#menu_fondu ul.topmenu li.first {
	margin-top: 8px ;
}

#menu ul.topmenu li.next ,#menu_fondu  ul.topmenu li.next {
	margin-top: 17px ;
	margin-bottom: 2px ;
}

#menu ul.topmenu li ,#menu_fondu ul.topmenu li{
	margin-bottom: 2px;
	color: #ffffff;
	margin-top: 7px;
	list-style: none;
}

#menu ul.topmenu li a ,#menu_fondu ul.topmenu li a{
	padding-left: 15px;
}

#menu ul.topmenu li ,#menu_fondu ul.topmenu li{
	color: #ffffff;
	margin-top: 7px;
	margin-bottom: 0px;
	padding: 0;
	list-style: none;
}

#menu ul.topmenu li a ,#menu_fondu ul.topmenu li a{
	padding-left: 12px;
}

#menu ul.topmenu li ul li ,#menu_fondu ul.topmenu li ul li{
	margin-top: 1px;
	margin-bottom: 1px;

}

#menu ul.topmenu li ul li a ,#menu_fondu ul.topmenu li ul li a{
	padding-left: 24px;
}


#menu ul.topmenu a ,#menu_fondu ul.topmenu a{
	color: #ffffff;
	display: block;
	height: 1%;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

#menu a.selectable:hover,#navigation1 a.selectable:focus,a.selected ,#menu_fondu a.selectable:hover,#navigation1 a.selectable:focus,a.selected {
	color: #ffffff;
	background: #761342;
}


/* MENU_FONDU*/
#menu_fondu {
	background: #B91583; /*fushia*/
	width: 200px;
	padding: 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	background-image: url(../images/fondu_bas_menu.jpg);
	background-repeat: repeat-x ;
	background-position: bottom;
	vertical-align: top;
	/*	border-left: 3px #340E01 solid;*/ /*Bordure � gauche*/
}


#selectedMenu{
	background: #761342;
	padding-right: 5px;
}

#selectedMenu a {
	color: #ffffff;
	text-align: right;
}

.subMenu{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #340E01; /*marron*/
	vertical-align: middle;
	padding-bottom: 6px;
	padding-top: 5px;
	padding-left: 12px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

.subMenu a{
	
}

#subnavlist1 a {
	padding: 0px 1px 0px 15px;
	margin: 0;
}

#subnavlist1 ul {
	padding: 0;
	margin: 0;
}

/* CONTENU DU BLOC LEVEL1 */
#contenu1 {
	color: #ffffff;
	padding-left: 20px;
	padding-top: 2px;
}

#contenu1 a {
	color: #ffffff;
}

#contenu1 a:hover,#contenuP a:focus {
	color: #ffffff;
}

#contenu1 strong {
	color: #ffffff;
}

#contenu1>:first-child {
	margin: 0px;
}

#contenu1 p,#contenu1 li {
	line-height: 1.5;
}

#contenu{
	vertical-align: top;
	width: 720px;
}

/* -----------BLOC LEVEL2 : NAVIGATION2H + CONTENU2H---------- */
#level2 {
	min-width: 920px;
	background: #B91583;
	height: 80px;
	border-top: 3px #340E01 solid;
	border-bottom: 0px #340E01 solid;
	padding: 0px 0px 0px 0;
	text-align: left;
	color: #ffffff;
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
}

/* NAVIGATION DU BLOC LEVEL2*/
#navigation2 {
	background: #B91583; /*fushia*/
	width: 200px;
	padding: 0px 0 0 0;
	margin: 0;
	float: left;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
}

#navigation2 ul {
	color: #ffffff;
	margin: 0;
	list-style: none;
}

#navigation2 li {
	color: #ffffff;
	margin: 0;
	padding: 0 0 2px 0;
	list-style: none;
}

#navigation2 li a {
	color: #ffffff;
	display: block;
	padding: 4px 5px 0px 6px;
	line-height: 1.5;
	font-size: 14px;
	text-decoration: none;
}

#navigation2 li a:hover,#navigation2 li a:focus {
	color: #ffffff;
	background: #761342;
}

/* CONTENU DU BLOC LEVEL2 */
#contenu2 {
	color: #ffffff;
	margin-left: 200px;
	padding: 0 0 0 0;
	text-align: center;
}

#contenu2 a {
	margin: 0;
}

#contenu2 img {
	margin: 0;
	padding: 0px 0 0px 0;
}

/* -----------BLOC LEVEL3 : NAVIGATION3---------------- */
#level3 {
	min-width: 920px;
	height: 26px;
	margin: 0;
	padding: 0;
	color: #B91583;
}

/*NAVIGATION DU BLOC LEVEL3*/
#navigation3 {
	float:right;
	list-style: none;
	overflow: hidden; /* Cr�ation du contexte de formatage */
}

#navigation3 li {
	float: left;
	width: auto;
	margin-bottom :10px;
	margin-left : 5px;

	padding: 0 1px 0 10px;
	color: #B91583;
}

#navigation3 a {
	display: block;
	color: #B91583;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 0.1em;
	padding: 4px 0;
	text-decoration: none;
}

#navigation3 a:hover,#navigation3 a:focus,#navigation3 a:active {
	text-decoration: none;
	color: #ffffff;
}

#navigation3 { /* Contexte de formatage pour IE6 */
	overflow: visible;
	height: 1%;
}

/* -----------BLOC LEVEL4 : NAVIGATION4---------------- */
#level4 {
	background: #B91583;
	min-width: 920px;
	height: 24px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 11px;
}

/*NAVIGATION DU LEVEL4*/
#navigation4 {
	position: absolute;
	list-style: none;
	padding: 0;
	overflow: hidden; /* Cr�ation du contexte de formatage */
	text-align: center;
}

#navigation4 li {
	float: left;
	width: auto;
	border-left: 1px solid #340E01;
	margin: 0 5px 0 0;
	padding: 0 10px 0 10px;
	color: #fff;
}

#navigation4 a {
	display: block;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 13px;
	text-align: center;
	text-decoration: none;
}

#navigation4 a:hover,#navigation4  a:focus,#navigation4  a:active {
	text-decoration: none;

}

#navigation4 { /* Contexte de formatage pour IE6 */
	overflow: visible;
	height: 1%;
}

/* -----------BLOC FOOTER : insertion d'image ---------------*/
#footer {
	color: #B91583;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
}

/* ----------PAGE COLLECTION --------------------------------*/

#panier {
	margin-left: 1px;
	padding-left: 15px;
	padding-top: 2px;
	background-color: #f8b6c1;
	color: #000000;
	min-height: 500px;
	height:auto !important;
  height:500px;
}

#panier_contenu {
	padding-left: 20px;
	padding-right: 25px;
}

#panier a.simpleLink {
	color: #000000;
	text-decoration: underline;
}

.lignek{
	color: #000000 !important;
}

#account_login {
	margin-top:5px;
	padding-left: 30px;
	padding-top: 2px;
}

#checkout {
	padding-left: 30px;
	padding-top: 2px;
}

#daisy {
	font-size:10px;
	font-weight:normal;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

#daisy a:hover{
	text-decoration: underline;
}

#ambiance_image {
	float:left;
	margin-right:15px
}

#ambiance_titre {
	font-size:16px;
	font-weight:normal;
	font-family: Arial, sans-serif;
}

#ambiance_texte {
	padding-left:10px;
	font-size:15px;
	font-family: Arial, sans-serif;
	text-align:left;
	vertical-align: bottom;
}

.scrollable {
	margin:auto;
}

.trait {
	BORDER-RIGHT: 0px; 
  BORDER-TOP: 0px; 
  MARGIN-TOP: 10px; 
  FLOAT: left; 
  HEIGHT: 1px; 
  BACKGROUND-COLOR: #b91583;
  padding: 0;
  color: #b91583;
  border: 0;
}

hr {
	background-color:#B91583;
	color : #B91583;
	height:2px;
	border:0;
}


/* ----------PAGE ARTICLE --------------------------------*/

#article_image {
	float:left;
	margin-right:15px
}

#article_titre_p{
	margin-top:25px;
	padding-bottom: 0px;
}

#article_titre {
	height:24px;
	font-size:15px;
	font-weight:bold !important;
	font-family: Arial, sans-serif;
}

#article_titre_underline{
	font-weight:normal;
	font-size: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#article_titre_underline span{
	padding-left: 25px;
	padding-right: 2px;
}

#article_reference {
	margin: 0px;
	padding-top:0px;
	padding-bottom:20px;
	font-size:14px;
	font-family: Arial, sans-serif;
	text-align:left;
	vertical-align: top;
	color:#B91583;
	
}

#article_reference span{
	padding-left: 25px;
}


#article_description {
	margin: 0 0 0 0;
	padding-bottom:20px;
	font-size:14px;
	font-family: Arial, sans-serif;
	text-align:left;
	vertical-align: bottom;
}

#article_description_td{
	padding-left: 25px;
}

#article_poids span{
	padding-left: 25px;	
}


#article_prix {
	color: #B91583;
	font-weight:bold; 
	font-size: 20px;	
}

#article_prix span{
	padding-left: 25px;	
}

#table_ajout_panier {
	border-spacing: 0;
	border-collapse: collapse ;
	border: 0;
}

#nom_quantite {
	padding-left: 25px;
	padding-right: 8px;
}

#table_quantite {
	padding: 0;
	border-spacing: 2px;
}

#img_up {
	vertical-align: bottom;
	width: 20px;
	height: 10px;
}

#img_down {
	vertical-align: top;
	width: 20px;
	height: 10px;
}

#quantite {
	border:0;
	width:20px;
	height:18px;
	text-align:center;
	margin-right: 8px;
}

#panier_add {
	padding-left:10px;
	padding-top:5px;
	overflow:hidden
}

#tabs {
	width:100%;
	float: left;
	margin-top: 10px;
}
#tabs ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#tabs li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#span_description, #span_composition {
	width:250px;
	margin-left: 0px;
	font-weight: normal;	
	font-size: 1.1em;
	padding-bottom: 2px;
	margin-bottom: 0px;
} 

#tab-description div {
	width:695px;
	background-color:#C74B9E;
	height:125px;
	overflow-y:auto;
}

#tab-composition div {
	width:695px;
	background-color:#C74B9E;
	height:125px;
	overflow-y:auto;
	font-size: 9px;
}

#tab-description2 div {
	width:700px;
	background-color:#C74B9E;
	height:250px;
	overflow-y:auto;
}

#tab-composition2 div {
	width:690px;
	background-color:#C74B9E;
	height:250px;
	overflow-y:auto;
	font-size: 9px;
}

#client_already{
	float:left;
	width:300px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#client_not{
	float: right;
	width:300px;
}

.title_login{
	color: #B91583;
	font-size: 1.5em;
}

.title_login2{
	font-size: 1.3em;
	background-color: #B91583;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 1px;
	vertical-align: middle;
	color: #FFFFFF;
}

.sous_titre2{
	font-size: 11px;
	background-color: #B91583;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 1px;
	vertical-align: middle;
	color: #FFFFFF;
}

.label_chk{
	width: 100px;
	display:block;
	float:left;
	vertical-align: bottom;
}


#panier_add_g{
	height:30px;
	width: 20px;
	 background: url(../images/bouton_G_clickable.png); 
}

#panier_add_d{
	height:30px;
	width: 20px;
	background: url(../images/bouton_D_clickable.png);
}

#panier_add_m{
	height:30px;
	background: url(../images/bouton_central_clickable.png);
	padding-top:2px;
	vertical-align: top;
}

a.normalButton {
	background-color: #B91583;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	border: 1px solid #B91583;
	white-space: nowrap;
	vertical-align:middle;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}


a.normalButton:hover{
	background-color: #C74B9E;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #B91583;
	color: #FFFFFF;
	text-decoration: none;

}

a.normalButton:ACTIVE{
	background-color: #C74B9E;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

a.backButton {
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #C74B9E;
	font-size:  11px;
	text-align: center;
}

a.backButton:hover {
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #B91583
}

a.backButton:ACTIVE{
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #B91583;
}

a.backButtonBlack {
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #C74B9E;
	font-size:  11px;
	color: #000000;
	min-width: 125px;
	text-align: center;
}

a.backButtonBlack:hover{
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #B91583
}

a.backButtonBlack:ACTIVE{
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-color: #B91583;
}

#article_continue_viste{
	margin-top: 60px;
}

.categorie_description{
	vertical-align: bottom;
	font-size: 11px;
}

.categorie_description p{
	margin-bottom: 0px;
}

#titre_page{
	background:url(../images/ballotin_small.png);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-bottom:1px;
	vertical-align:bottom;
	font-size: 1.4em;
	font-style:italic;
	height: 25px;
	border-bottom: 1px solid #FFFFFF;
}

a.stdlink{background:url(../images/puce_fleche_rose.png);background-repeat: no-repeat; background-position: center left; padding-left:8px;}

.soustitre{
	font-size: 12px;
	font-style:italic;
	border-bottom: 1px solid #FFFFFF;
}

#account_table{
	margin-top: 20px;
}

#account_table p{
	background:url(../images/mac_framboise_small.png);
	background-repeat: no-repeat;
	padding-left:15px;
	font-size: 12px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-style: normal;
	border-bottom: 1px solid #FFFFFF;
}


#account_table div{
	padding-top: 3px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
}




.account_subg{
	padding-right: 10px;
	padding-bottom: 15px;
	vertical-align: top;
}

.account_subd{
	padding-left: 10px;
	padding-bottom: 15px;
	vertical-align: top;
}

td.account_subg:hover a{
	text-decoration: none;
	color: #B91583;
}

#account_table td.account_subd:hover p{
		border-bottom: 1px solid #B91583;
}

#account_table td.account_subg:hover p{
		border-bottom: 1px solid #B91583;
}

td.account_subd:hover a{
	text-decoration: none;
	color: #B91583;
}

.obligatoire{
	color: red;
}

.error{
	font-weight: bold;
	color: red;	
}

.headerTable td{
	background-color: #B91583;
	color: #FFFFFF;	
}


.footerTableSpace{;
	line-height: 4px;
}

.footerTable td{
	background-color: #B91583;
	color: #000000;
}

.title_item{
	white-space: nowrap;
}

#rchInput{
	border: 0;
	background-color: #C74B9E;
	color: #FFFFFF;
}

.engagementTable{
	margin-top:30px;
	border: 1px solid #FFFFFF;
	width: 430px;
}

a.tooltip{
	margin-left: 6px;
	margin-right: 6px;
}

.lidisc{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:0.5em 1.5em;
}

.majuscule{
	text-transform :uppercase;
}

#nb_produits{
	font-size: 12px;
}