@charset "UTF-8";
/* CSS Document */

body {
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#global {
	width: 610px;
}

h2 {
text-align:center;
}

h5 {
text-align:justify;}

img {
border:0;
}

/* En-tête */
#entete {	
	background-image:url(http://www.huiles-et-sens.com/images/header.gif);
	width: 100%;
}


/* Bloc central */
#centre {
	background-image:url(http://www.huiles-et-sens.com/images/fond.gif);
	width: 580px;
	overflow: hidden; 
	padding: 0 15px 0 15px;
}


/* colonne de gauche */
#gauche {
	float: left; 
	width: 200px;
	padding-right: 15px;
}

form img{
display:block;}

#acheter {
padding-top: 20px;
display:block;
}

#ingredients ul, #materiel ul{
text-align: left;
font-size: smaller;
line-height: 25px;
list-style-type:none;
padding:0;
margin:0;}

#ingredients img{
padding-top: 10px;
display:block;}

#materiel img{
padding-top: 20px;
display:block;
}


/* checkboxes customisées pour formulaire*/
.checkbox, .radio {
	width: 25px;
	height: 19px;
	background: url(http://www.huiles-et-sens.com/images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	padding-left: 10px;
}
.radio {
	background: url(http://www.huiles-et-sens.com/images/radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 25px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 19px;
	background: url(http://www.huiles-et-sens.com/images/select.gif) no-repeat;
	overflow: hidden;
}


/* colonne de droite */
#droite {
	margin-left: 215px;
	text-align:justify;
}

#preparation img{
padding-top: 20px;
display:block;}

#conseils img{
padding-top: 20px;
display:block;}

/*infos subsidiaires, centre*/

#infos {
	background-image:url(http://www.huiles-et-sens.com/images/fond.gif);
	width: 580px;
    padding: 0 15px 0 15px;
	text-align:justify;
}

#infos ul li{
list-style-type: square;
}

#recommandations img{
padding-top: 20px;
display:block;}

#services {
	background-image:url(http://www.huiles-et-sens.com/images/fond.gif);
	background-repeat: repeat-y;
	width: 100%;
	height:54px;
	padding: 0 15px 0 15px;
}

#services img {border: none;}

#commenter {
width:193px;
height:54px;
float:left;
}

#imprimer {
width:136px;
height:54px;
float:left;
}

#envoyer {
width:193px;
height:54px;
float:left;
}


/* Footer */
#footer {
	background-image:url(http://www.huiles-et-sens.com/images/footer.gif);
	width: 100%;
}