/*** Fichier CSS | Nature & Savons ***/ 

/***** OCTOBRE 2011 || Alexandra IANNONE *****/

body {
	
	background: url('../images/design/backaccueil.jpg') repeat;
	font-family: Arial, Verdana, "Times New Roman";		/*Plusieurs polices au cas où les autres navigateurs n'arrivent pas à afficher la première*/
	font-size: 13px;
	margin: 0 auto; /* On centre le design*/
	width: 957px;
	height: auto;
}

/*** HEADER (LOGO, PANIER ET TEXTE DU HAUT) ***/

#header {
	width: 957px;
	height: 159px;
	margin-top: 10px;
	background-color: #cdcaae;						
	border-radius:15px 15px 0px 0px; /* /!\ Propriétés CSS 3 : ne fonctionne qu'avec les navigateurs les plus récents /!\ */
	-moz-border-radius:15px 15px 0px 0px;
	-webkit-border-radius:15px 15px 0px 0px;
}

#logo {
	float: left;
	width: 455px;
	height: 129px;
	margin: 5px 0px 5px 45px;
}

#panier {
	float: right;
	margin: 12px 20px 0px 0px;
}

/*#nombreHeader {
	float: right;
	margin-right: 15px;
}*/

/******/

/*** LIENS EN HAUT A DROITE, AU-DESSUS DU PANIER ***/

#panier a:link {
	text-decoration: none;
	color: #000;
}

#panier a:hover {
	text-decoration: underline;
	color: #000;
}

#panier a:visited {
	text-decoration: none;
	color: #000;
}

/******/

/*** MENU DU HAUT ***/

#fond_menu_haut {
	width: 1011px;
	height: 77px;
	background: url('../images/design/barremenu-shadow2.png') no-repeat;
	margin-left: -21px;
	margin-top: -35px;
}

ul.texte_menu_haut {
	font-size:15px; 
	font-weight: bold;
	font-family: Arial, Verdana, "Times New Roman";
	list-style-type: none;
	line-height:72px;
}

li.bouton_gauche {
	float:left;
	padding-left: 60px;
	padding-right: 62px;
}

.texte_menu_haut a:link {
	text-decoration: none;
	color: #fff;
}

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

.texte_menu_haut a:visited {
	text-decoration: none;
	color: #fff;
}

/* LIENS POUR LE MENU DU HAUT **/

h1.texte_menu_haut a:link {
	text-decoration: none;
	color: #fff;
}

h1.texte_menu_haut a:hover {
	text-decoration: none;
	color: #000;
}

h1.texte_menu_haut a:visited {
	text-decoration: none;
	color: #fff;
}

/******/

/* FIL D'ARIANE */

#fil_ariane {
	background: #fff;
	padding: 0px 0px 8px 15px;
	margin-top:	12px;
}


/* LIENS FIL D'ARIANE */

a:link.liens_ariane {
	text-decoration: underline;
	color: #000;
}

a:hover.liens_ariane  {
	text-decoration: none;
	color: #000;
}

a:visited.liens_ariane  {
	text-decoration: underline;
	color: #000;
}

.gras_ariane {
	font-weight: bold;
}

/******/

/*** DIV QUI ENVELOPPE TOUS LES ELEMENTS ***/

#wrapper {
	width: 957px;
	height: auto;
	background-color: #fff;
	border-radius:0px 0px 15px 15px; /* /!\ Propriétés CSS 3 : ne fonctionne qu'avec les navigateurs les plus récents /!\ */
	-moz-border-radius:0px 0px 15px 15px;
	-webkit-border-radius:0px 0px 15px 15px;
}

/******/

/*** PARTIE GAUCHE DU SITE ***/

#conteneur_gauche { /* Ce conteneur est invisible, il sert à placer tous les éléments à gauche */
	float: left;
	width: 255px;
	height: auto;
	margin-top: -5px;
}

#menu_gauche {
	width: auto;
	height: auto;
}

#savons {
	background: url('../images/design/backsavons.jpg') no-repeat;
	width: 231px;
	height: 132px;
	
}

h1.texte_titre_savons {
	font-size:15px; 
	font-family: Arial, Verdana, "Times New Roman";
	text-align: center;
	display: block;
	line-height:48px;
	color: #fff;	
	margin-right: 5px; /* Margin pour centrer correctement */
}

/* MENU CATEGORIE "SAVONS" */

ul.menu_principal {
	list-style-type: none;
	font-size: 14px;
	line-height: 20px;
	margin-top: -2px;
	margin-left: 10px;
}

/******/

/* LIENS POUR LE MENU PRINCIPAL */

ul.menu_principal a:link {
	text-decoration: none;
	color: #000;
}

ul.menu_principal a:hover {
	text-decoration: underline;
	color: #000;
}

ul.menu_principal a:visited {
	text-decoration: none;
	color: #000;
}

/* CATEGORIE "SHAMPOINGS" */

#shampoings {
	background: url('../images/design/backshampoings.png') no-repeat;
	width: 252px;
	height: 74px;
	margin-top: -5px;
}

h1.texte_titre_shampoings {
	font-size:15px; 
	font-family: Arial, Verdana, "Times New Roman";
	text-align: center;
	display: block;
	line-height:70px;
	color: #fff;
	margin-right: 25px;
}

/* LIENS POUR LA CATEGORIE "SHAMPOINGS" */

h1.texte_titre_shampoings a:link {
	text-decoration: none;
	color: #fff;
}

h1.texte_titre_shampoings a:hover {
	text-decoration: underline;
	color: #fff;
}

h1.texte_titre_shampoings a:visited {
	text-decoration: none;
	color: #fff;
}

/* CATEGORIE "CREMES" */

#cremes {
	background: url('../images/design/backcremes.png') no-repeat;
	width: 223px;
	height: 70px;
	margin-top: -17px;
}

h1.texte_titre_cremes {
	font-size: 15px; 
	font-family: Arial, Verdana, "Times New Roman";
	text-align: center;
	display: block;
	line-height:62px;
	color: #fff;
	margin-right: 6px;
}

/* LIENS POUR LA CATEGORIE "CREMES" */

h1.texte_titre_cremes a:link {
	text-decoration: none;
	color: #fff;
}

h1.texte_titre_cremes a:hover {
	text-decoration: underline;
	color: #fff;
}

h1.texte_titre_cremes a:visited {
	text-decoration: none;
	color: #fff;
}

/*** CADRE NEWSLETTER ***/

#newsletter {
	background: url('../images/design/backnewsletter.png') no-repeat;
	width: 192px;
	height: 141px;
	margin-top: 5px;
	margin-left: 15px;
}

h1.texte_titre_newsletter {
	font-size: 15px; 
	font-family: Arial, Verdana, "Times New Roman";
	text-align: center;
	display: block;
	line-height:42px;
	color: #000;
	margin-right: 6px;
}

#formulaire_newsletter {
	text-align: center;
	margin-top: -16px;
	line-height: 17px;
}

input.bouton_nl{
	margin-top: 30px;
	margin-left: 58px;
	background: url('../images/design/backabonne.png') no-repeat;
	border: none;
	width: 114px;
	height: 20px;
	cursor: pointer;
}

/*** CADRE RESEAUX SOCIAUX ***/

#reseaux_sociaux {
	width: 191px;
	height: 190px;
	margin: 15px;
}

/*** PARTIE DROITE DU SITE ***/

#conteneur_droite { /* Ce conteneur est invisible, il sert à placer tous les éléments à droite du menu */
	float: right;
	width: 700px;
	height: auto;	
}

h1.bienvenue {
	font-size: 18px;
	text-align: center;
	line-height: 40px;
}

/* CARROUSEL */

#conteneur_carrousel {
	width: 650px;
	height: 350px;
	margin: 21px 0px 43px 8px;
}

#carrousel {
	width: 650px;
	height: 350px;
	margin: 0 auto; /* On centre les images du carrousel */
	position: relative;
}

/* POSITIONNEMENT DES BOUTONS POUR LE CARROUSEL */

.bx-next {
position: relative;
bottom: 185px;
left:576px;
z-index:1;
width: 30px;
height:30px;
border: 0;
}

.bx-prev {
position: relative;
bottom: 185px;
right:-15px;
z-index:1;
width: 30px;
height:30px;
border: 0;
}

/* CADRE DES GARANTIES */

#garanties {
	width: 698px;
	height: 175px;
	margin-left: -20px;
	margin-top: 20px;
	padding-bottom: 20px;
	clear: both;
	border:none;
}

/******/

/*** FOOTER ***/

#footer {
	width: 957px;
	height: auto;
	background-color: #414140;
	clear:both;
	text-align: center;
	padding: 8px 0 8px 0;
	color:#fff;
	font-size: 14px;
	margin-bottom: 10px;
	border-radius:0px 0px 15px 15px; /* /!\ Propriétés CSS 3 : ne fonctionne qu'avec les navigateurs les plus récents /!\ */
	-moz-border-radius:0px 0px 15px 15px;
	-webkit-border-radius:0px 0px 15px 15px;
}

.copyright {
	font-size: 11px;
	line-height: 20px;
}

/******/

/* LIENS DU FOOTER */

#footer a:link {
	text-decoration: none;
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
	color: #fff;
}

#footer a:visited {
	text-decoration: none;
	color: #fff;
}

/******/

/*** PAGE QUI AFFICHE TOUS LES PRODUITS ***/

.tableau_produits {
	width: 92%;
	margin: 0px 0px 5px 12px;
	text-align: center;
}

.tableau_produits td  {
	border: none;
	width: 208px;
	float:left;
	padding: 2px;
}

.tableau_produits h1 {
	font-size: 14px;
}

.liens_produits {
	line-height: 30px;
}

a:link.liens_produits  {
	text-decoration: underline;
	color: #000;
}

a:hover.liens_produits  {
	text-decoration: none;
	color: #000;
}

a:visited.liens_produits  {
	text-decoration: underline;
	color: #000;
}

/******/

/*** FICHE PRODUIT ***/

.presentation_produit {
	margin-top: 20px;
	width: 685px;
	height: auto;
}

td.nom_produit {
	text-align: justify;
	padding: 3px 3px;
}

.nom_produit h1 {
	font-size: 16px;
	font-weight: bold;
}

td.prix_produit {
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	padding-right: 5px;
}
td.description_produit {
	text-align: justify;
	padding: 13px 3px;
}

.description_produit p {
	text-align: justify;
	width: 365px;
}

td.ajout_panier {
	text-align: right;
}

input.btn_ajout_panier {
	background: url('../images/design/ajouterpanier-orange.jpg') no-repeat;
	border: none;
	width: 244px;
	height: 45px;
	cursor: pointer;
}

input.btn_ajout_panier_gris {
	background: url('../images/design/ajouterpanier-grey.jpg') no-repeat;
	border: none;
	width: 244px;
	height: 45px;	
}

.stock_y {
	font-weight: bold;
	color: green;
}

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

.stock_w {
	color: #de6400;
	font-weight: bold;
}

/******/

/*** ONGLETS DE LA FICHE PRODUIT ***/

#navigation {
    list-style-type: none;
    padding-bottom: 27px;
    border-bottom: 1px solid #9EA0A1;
    margin-left: 0;
	width: 640px;
}

#navigation li {
    float: left;
    height: 21px;
    background-color: #efede1;
    margin: 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin: 1px 2px 0 2px;  /* Pour IE  */
    border: 1px solid #9EA0A1;
	padding: 2px 8px 1px 8px;
	border-radius:5px 5px 0px 0px; /* /!\ Propriétés CSS 3 : ne fonctionne qu'avec les navigateurs les plus récents /!\ */
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
}

#navigation li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#navigation a
{
    display: block;
	color: #666;
    text-decoration: none;
    padding: 2px;
}

#boite_onglets {
    border-bottom: 1px solid #9EA0A1;
    padding-bottom: 15px;
	width: 679px;
	height: auto;
	margin-bottom: 10px;
	margin-top: 25px;
	text-align: justify;
}

#cadre_comm {
    padding-bottom: 15px;
    border-bottom: 1px solid #9EA0A1;
    margin: 0 0 15px 0;
	width: 679px;
}

/******/

/*** CONNEXION AU COMPTE ***/

#cadre_connexion_compte_gauche {
	float:left;
	margin-right: 45px;
	margin-left: 35px;
	width: 280px;
}

/*#cadre_connexion_compte_droite {
	float:left;
	margin-right: 45px;
	margin-left: 35px;
}*/

.cadre_compte {
	border: 1px solid #9EA0A1;
	width: 280px;
	height: auto;
	border-collapse: collapse;
}

.cadre_compte_droite {
	border: 1px solid #9EA0A1;
	width: 280px;
	height: auto;
	border-collapse: collapse;
	margin: 0 5px 12px 5px;
}

.cadre_compte_droite td {
	padding: 4.5px;
}

.cadre_compte td {
	padding: 6px;
}

.bouton_cadre_compte {
	text-align: center;
}

h2.titre_cadre_compte {
	text-align: center;
	padding: 0;
	margin: 0;
}

.top_row_cadre_compte {
	text-align: center;
	background-color: #efede1;
	color: #666;
	border-bottom:1px solid #9EA0A1;
}

/******/

/*** PANIER ***/

.tableau_panier {
	border: 1px solid #9EA0A1;
	width: 680px;
	height: auto;
	border-collapse: collapse;
	margin: 8px 0 8px 0;
}

.tableau_panier td {
	border: 1px solid #9EA0A1;
}

.top_row_panier {
	text-align: center;
	background-color: #efede1;
	color: #666;
}

.photo_produit_panier {
	width: 200px;
	text-align: center;
}

.nom_produit_panier {
	width: 190px;
	text-align: justify;
	padding: 6px;
}

.qte_produit_panier {
	width: 110px;
	text-align: center;	
}

.suppr_produit_panier {
	width: 50px;
	text-align: center;
}

.prix_produit_panier {
	width: 60px;
	text-align: center;
}

.prix_livraison_panier td {
	text-align: right;
	padding: 3px 13px 3px 0;
	width: auto;
	height: 30px;
	border: #fff;
}

.total_panier  td{
	text-align: right;
	padding: 3px 13px 3px 0;
	height: 30px;
	border: #fff;
	font-weight: bold;
}

.navigation_panier {
	list-style-type: none;
	float: right;
	margin-right: 30px;
}

.navigation_panier  li{
	display: inline;
	padding-left: 15px;
}

.total_a_payer td {
	text-align: right;
	padding: 3px 13px 3px 0;
	width: auto;
	height: 30px;
	border: #fff;
}

/*** COMMANDE ***/

.bouton_valider_commande {
	margin-left: 600px;
	margin-bottom: 10px;
	display: block;
	
}

.img_procedure {
	display: block;
	margin: 0 auto 15px;
}

/******/

/*** PLAN DU SITE ***/

.plan {
	width: 650px;
	height: auto;
	margin-left: 20px;
	border: none;
}

.cat_plan {
	display: block;
	margin-left: 17px;
}

.titre_tab_plan {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 10px;
}

/******/

/*** PAIEMENT ***/

#paiement_cb {
	width: 600px;
	height: auto;
	margin: 10px -2px 10px;
	padding: 5px;
}

#fin_transaction {
	width: 600px;
	height: auto;
	margin-left: 40px;
	text-align: center;
}

/******/

/*** AUTRES PROPRIETES GENERALES ***/

p {
	text-align: justify;
	width: 660px;
}

h2 {
	font-size: 15px;
	line-height: 30px;
}

.contact  input{
	width: 300px;
}

textarea {
	width:300px;
	height: 120px;
	font-family: Arial;
	font-size: 13px;
}

a:link {
	text-decoration: underline;
	color: #6e916e;
}

a:hover {
	text-decoration: none;
	color: #6e916e;
}

a:visited {
	text-decoration: underline;
	color: #7f7f7f;
}

table {
	border: none;
}

.valide {
	color: green;
	border: 2px solid;
	padding: 7px;
	margin-top: 20px;
}

.erreur {
	color: red;
	border: 2px solid;
	padding: 7px;
	margin-top: 20px;	
}

.ingredients {
	text-align: justify;
	margin: 0 40px 10px 2px;
}

.ingredients li {
	padding: 5px;
}

.liste_cgv {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.lien_haut_page {
	margin: 10px 0 10px 500px;
	display: block;
}

.savonnerie {
	display: block;
	margin: 20px 0 20px 55px;
}

.labels {
	margin-left: 150px;
}

.labels td {
	padding: 15px;
}

/******/