@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

body{
	background-color: #fff;
	color: #000;
	height: 100%;

}

body,h1,h2,h3,p,ul,li,form{
	/* On remet les marges internes et externes à 0 */
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none; /* On enlève le soulignement des textes des liens */
	outline: 0; /* On enlève la bordure en pointillés d'un lien cliqué */
}

ul,ol{
	list-style-type: none; /* On enlève les puces des listes */
}

header,section,aside,footer{
	display: block; /* Corrige un bug d'affichage dans IE 6, 7 et 8 */
}

img{
	border: 0;
}
img a{
	border: 0;
}
/* le header */
header{
	background-color: #1a1a1a;
	text-align: center;
	color: #fff;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
}

.categories-header li{
	font-family: 'PT Sans', sans-serif;
	font-style: italic;
	display: inline-block;
	vertical-align: top;
	padding-right: 0.5%;
	padding-left: 0.5%;
}
	.categories-header li a{
		color: #fff;
	}
		.categories-header li a:hover{
		color: #cc0033;
	}

		.logo-header {
			width: 60%;
			height: 60%;
		}
		.cat-header{
			padding-top: 15px;
			text-decoration: none;
			font-size: 75%;
		}

/* les langues */
		.choose-lang{
			padding-top: 15px;
			font-family: 'PT Sans', sans-serif;
			font-size: 70%;
			color: #fff;
			text-align: right;
		}
		.drapeau{
			width: 20px;
			height: 20px;
		}

/* la liste des produits beauté qui vient sous le header */
.nav-produits-beaute{
	font-family: 'PT Sans', sans-serif;
	color: #c0c0c0;
	font-size: 0.8em;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}
	.nav-produits-beaute li{
		display: inline-block;
	}
		.nav-produits-beaute li a{
			color: #c0c0c0;
			font-style: italic;
	}

/* le conteneur global */
#global{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 2000px;
	min-width: 800px;
	height: auto;
	height: 100%;
}

/* bloc de gauche */
	.left{
		float: left;
		margin-bottom: 30px;
		width: 20%;
		margin-right: 2%;
	}

	.left-produit{
		float: left;
		margin-bottom: 30px;
		width: 28%;
		margin-right: 2%;
	}
		.illu-produits-beaute{
			width: 90%;
			height: 90%;
		}
			.legende-photo{
				font-family: 'PT Sans', sans-serif;
				font-size: 0.9em;
				font-style: italic;
				text-align: center;
				margin-top: 5px;
				margin-bottom: 25px;
			}

	.left-qui{
		float: left;
		margin-bottom: 30px;
		width: 35%;
	}

/*bloc de droite */
.blanc{
		height: 80px;
	}
	.right{
		float: right;
		width: 78%;
		margin-bottom: 30px;
		margin-top: 3%;
	}
	.right-produit{
		float: right;
		width: 70%;
		margin-bottom: 30px;
		margin-top: 3%;
	}
	.right-qui{
		float: right;
		width: 65%;
		margin-bottom: 30px;
		margin-top: 3%;
	}
.logo-ofg{
	margin-top: -20px;
	margin-left: -70px;
}
.logo-ofg2{
	margin-left: 5%;
}

.texte-descript{
	margin-top: -90px;

}

	.titre-cat{
		font-family: 'PT Sans', sans-serif;
		font-style: italic;
		color: #cc0033;
		font-weight: bold;
		margin-left: 5%;
		font-size: 1.5em;
		margin-bottom: 20px;
	}
		.sous-titre-cat{
			font-family: 'PT Sans', sans-serif;
			color: #cc0033;
			font-weight: bold;
			font-style: italic;
			margin-top: -20px;
			margin-left: 5%;
		}
		.sous-titre-cat2{
			font-family: 'PT Sans', sans-serif;
			color: #cc0033;
			font-weight: bold;
			font-style: italic;
			margin-left: 5%;
		}
			.sous-titre-cat a{
				font-family: 'PT Sans', sans-serif;
				color: #cc0033;
				text-decoration: underline;
			}
				.sous-titre-cat a:hover{
				font-family: 'PT Sans', sans-serif;
				color: #cc0033;
				text-decoration: none;
			}
			.texte-cat{
				font-family: 'PT Sans', sans-serif;
				color: #333333;
				margin-left: 5%;
				font-size: 0.9em;
				line-height: 18px;
			}
				.texte-cat a{
					font-family: 'PT Sans', sans-serif;
					color: #333333;
					text-decoration: underline;
				}
					.texte-cat a:hover{
						text-decoration: none
					}
			.texte-long{
				font-family: 'PT Sans', sans-serif;
				color: #333333;
				margin-left: 5%;
				font-size: 15px;
				line-height: 20px;
				margin-bottom: 80px;
			}
				.texte-long a{
					font-family: 'PT Sans', sans-serif;
					color: #333333;
					text-decoration: underline;
				}
					.texte-long a:hover{
						text-decoration: none;
					}

			.texte-long2{
				font-family: 'PT Sans', sans-serif;
				color: #333333;
				margin-left: 5%;
				font-size: 15px;
				line-height: 20px;
				margin-bottom: 20px;
			}
				.texte-long2 a{
					font-family: 'PT Sans', sans-serif;
					color: #333333;
					text-decoration: underline;
				}
					.texte-long2 a:hover{
						text-decoration: none;
					}
			.intro{
				font-family: 'PT Sans', sans-serif;
				color: #cc0033;
				font-weight: bold;
				font-style: italic;
				margin-top: -20px;
				margin-left: 5%;
			}

	.photo-nine{
		text-align: center;
	}
		.photo-nine img{
			width: 60%;
			height: 60%;
		}

	.photo-pierre{
		text-align: center;
		float: left;
		margin-left: 5%;
		margin-right: 2%;
	}
		
	.photo-alain{
		text-align: center;
		float: left;
	}

	.pastille-cat{
		width: 16%;
		height: 16%;
	}
	.pastille-cat2{
		width: 20%;
		height: 20%;
	}

	.ligne1{
		text-align: left;
		position: relative;
	}
		.ligne1 li{
			display: inline;
			margin-right: 3%;
			margin-left: 3%;
		}
			
	.ligne2{
		text-align: left;
		position: relative;
		margin-top: 5%;
		margin-bottom: 5%;
	}
		.ligne2 li{
			display: inline;
			margin-right: 3%;
			margin-left: 3%;

		}

	.ligne3{
		text-align: left;
		position: relative;
		margin-top: 5%;
		margin-bottom: 5%;
	}
		.ligne3 li{
			display: inline;
			margin-right: 3%;
			margin-left: 3%;

		}
/* produits d'une catégorie */
.produits{
	font-size: 0.7em;
	font-family: 'PT Sans', sans-serif;
	color: #666666;
	text-align: center;

}
	.produits li{
		display: inline-block;
		margin-right: 5%;
		margin-bottom: 80px;
	}
		
#bloc-produits-liens{
	margin-bottom: 80px;
}
.produits-liens{
	font-size: 0.9em;
	font-family: 'PT Sans', sans-serif;
	color: #666666;
	text-align: center;
}
	.produits-liens li{
		display: inline-block;
		text-align: center;
		margin-right: 10%;
		margin-bottom: 30px;
	}
		
		.produits-liens li a{
			color: #c0c0c0;
		}
			.produits-liens li a:hover{
				color: #666666;
		}
	.transp{
		filter: alpha(opacity=10);
		opacity: 0.2;
	}

#produit-descript{
	float: left;
	clear: both;
	width: 40%;
}


#suite-texte{
	padding-top: 20px;
	clear: left;
}
/*poudres*/
#specialesHD{
	clear: both;
	margin-bottom: -20px;
}
#silk{
	clear: left;
	margin-bottom: -30px;
}
/* conditionnements poudres */
#conditionnements{
	margin-bottom: 20px;
	margin-top: 0px;
	float: left;
	margin-left: 5%;
	font-family: 'PT Sans' sans-serif;
	font-size: 0.7em;
	color: #1a1a1a;
	text-align: center;
}
	#conditionnements a{
	color: #1a1a1a;
	text-decoration: none;
}

	.boite-tamis01{
	margin-top: 60px;
	float: left;
	margin-right: 20px;
}
	.boite-tamis01 a{
		text-decoration: none;
	}
		.boite-tamis01 a.pop{
			position: relative;
			color: #1a1a1a;
		}
			.boite-tamis01 a.pop:hover{
				background: none;
				z-index: 50;
			}

			.boite-tamis01 a.pop span{
				display: none;
			}
				.boite-tamis01 a.pop:hover span{
					display: block;
					position: absolute;
					left: 30px;
					top: -30px;
					font-family: 'PT Sans', sans-serif;
					text-align: center;
					font-size: 10px;
					line-height: 11px;
					width: 150px;
					height: 140px;
					background: #fff;
					padding: 5px;
					border: 1px solid #c0c0c0;
				}

	.pot-plast01{
		margin-top: 28px;
		float: left;
		margin-right: 20px;
	}
		.pot-plast01 a{
			text-decoration: none;
		}
			.pot-plast01 a.pop{
				position: relative;
				color: #1a1a1a;
			}
				.pot-plast01 a.pop:hover{
					background: none;
					z-index: 50;
				}

				.pot-plast01 a.pop span{
					display: none;
				}
					.pot-plast01 a.pop:hover span{
						display: block;
						position: absolute;
						left: 30px;
						top: -30px;
						font-family: 'PT Sans', sans-serif;
						text-align: center;
						font-size: 10px;
						line-height: 11px;
						width: 150px;
						height: 185px;
						background: #fff;
						padding: 5px;
						border: 1px solid #c0c0c0;
					}

		.pot-plast02{
			margin-top: 0px;
			float: left;
			margin-right: 20px;
		}
			.pot-plast02 a{
				text-decoration: none;
			}
				.pot-plast02 a.pop{
					position: relative;
					color: #1a1a1a;
				}
					.pot-plast02 a.pop:hover{
						background: none;
						z-index: 50;
					}

					.pot-plast02 a.pop span{
						display: none;
					}
						.pot-plast02 a.pop:hover span{
							display: block;
							position: absolute;
							left: 30px;
							top: -30px;
							font-family: 'PT Sans', sans-serif;
							text-align: center;
							font-size: 10px;
							line-height: 11px;
							width: 165px;
							height: 230px;
							background: #fff;
							padding: 5px;
							border: 1px solid #c0c0c0;
						}

		.sachet{
			margin-top: 30px;
			float: left;
			margin-right: 20px;
		}
			.sachet a{
				text-decoration: none;
			}
				.sachet a.pop{
					position: relative;
					color: #1a1a1a;
				}
					.sachet a.pop:hover{
						background: none;
						z-index: 50;
					}

					.sachet a.pop span{
						display: none;
					}
						.sachet a.pop:hover span{
							display: block;
							position: absolute;
							left: 30px;
							top: -30px;
							font-family: 'PT Sans', sans-serif;
							text-align: center;
							font-size: 10px;
							line-height: 11px;
							width: 150px;
							height: 200px;
							background: #fff;
							padding: 5px;
							border: 1px solid #c0c0c0;
						}

			.boitier-luxe{
				margin-top: 0px;
				float: left;
				margin-right: 20px;
			}
				.boitier-luxe a{
					text-decoration: none;
				}
					.boitier-luxe a.pop{
						position: relative;
						color: #1a1a1a;
					}
						.boitier-luxe a.pop:hover{
							background: none;
							z-index: 50;
						}

						.boitier-luxe a.pop span{
							display: none;
						}
							.boitier-luxe a.pop:hover span{
								display: block;
								position: absolute;
								left: 30px;
								top: -30px;
								font-family: 'PT Sans', sans-serif;
								text-align: center;
								font-size: 10px;
								line-height: 11px;
								width: 185px;
								height: 250px;
								background: #fff;
								padding: 5px;
								border: 1px solid #c0c0c0;
							}

				.rotho{
					margin-top: 80px;
					float: left;
					margin-right: 20px;
				}
					.rotho a{
						text-decoration: none;
					}
						.rotho a.pop{
							position: relative;
							color: #1a1a1a;
						}
							.rotho a.pop:hover{
								background: none;
								z-index: 50;
							}

							.rotho a.pop span{
								display: none;
							}
								.rotho a.pop:hover span{
									display: block;
									position: absolute;
									left: 30px;
									top: -30px;
									font-family: 'PT Sans', sans-serif;
									text-align: center;
									font-size: 10px;
									line-height: 11px;
									width: 150px;
									height: 147px;
									background: #fff;
									padding: 5px;
									border: 1px solid #c0c0c0;
								}

/* bloc étendu */
	#plan{
		position: relative;
		clear: both;
		text-align: center;
	}
	
	.map-google{
		margin-left: 5%;
		width: 700px;
		height: 500px;
	}
#chemin-fer{
	clear: both;
	text-align: center;
}
/*le footer */
	.push{
		height: 85px;
	}

footer{
	height: 85px;
	clear: both;
	background-color: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	font-family: 'PT Sans', sans-serif;
	line-height: 12px;
	border-top: solid 1px #c0c0c0;
	padding-top: 10px;
	color: #c0c0c0;
	font-size: 10px;
	text-align: center;
}

	footer li{
		display: inline-block;
		margin-right: 8%;
		vertical-align: top;
	}
		footer li a{
			text-decoration: underline;
			color: #c0c0c0;
		}
			.titre-footer{
				font-weight: bold;
				color: #c0c0c0;
			}