/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body {
	color:#333333;
	font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif;
	font-size:12px;
}

h1 { color:#000000; font-size: 1.1em; font-weight:bold; }
h2 {
	color:#CC3333;
	font-size: 1.3em;
	font-weight: bolder;
}
h3 {
	color:#000000;
	font-size: 1.7em;
	font-weight:bold;
	padding-top: 40px;
}
h4 {
	color:#000000;
	font-size: 1em;
	font-weight: bold;
	padding-left: 75px;
}
h5 {
	color:#333333;
	font-size: 1em;
	text-decoration: inherit;
}
h6 {
	color:#999999;
	font-size: 0.67em;
}
p {
	color:#333333;
	font-size: 1em;
}
ul, ol {
	color:#666666;
	font-size: 1em;
}
li {
	color:#999999;
	font-size: 1em;
	list-style-image: URL(http://www.epicerie-strasbourg.fr/images/bullet-saveursepices.png);
}
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color:#CCCCCC;
} /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input {
	border-width:thin;
	padding:3px;
	color:#000000;
}
textarea {
	border-width:thin;
	padding:3px;
	color:#333333;
}
em { }
strong { }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{
	float:left;
	margin-right:1em;
}
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact horizontal */
#frmEnvoi{ width:790px; }
.divformulaire{
	width:480px;
	float:left;
	padding-right:10px;
	padding-top: 100px;
}
#divmessage{
	width:300px;
	float:left;
	padding-top:100px;
}
#frmEnvoi input, textarea{
	background-color:transparent;
	padding:5px;
	border:#000000 solid 1px;
}
#frmEnvoi .INPUT2{ border:none;}
#frmEnvoi .field{ text-align:right; padding-top:10px; }
#frmEnvoi .champ { height:15px; width:200px; }
#frmEnvoi textarea{ height:140px; width:250px; }

/* Accueil */
.habill{ float:right; padding:0 0 0 15px;}
.texteAccueil{ padding-left:100px;}
.texteAccueilCopy {
	padding-left:110px;
}
#dewplayer {
	border: medium dashed #81181b;
}

.chocolat {
	float: right;
	padding-right: 200px;
}