@charset "UTF-8";
body {
	margin:0;
	padding:0;
	height:100%; /* this is the key! */
	text-align: center;
	background: url(../images/bg-body.jpg) repeat-x fixed center top;
	font: 100% Verdana, Geneva, sans-serif;
}
.oneColFixCtrHdr #container {
	left:0;
	top:0;
	padding:0;
	width:800px;
	color:#333;
	background:#FFF url(../images/bg-container.png) no-repeat right bottom;
	margin: 0px auto;
	text-align: left;
	position: relative;
}


/* ***** HEADER ***** */


.oneColFixCtrHdr #header {
	padding: 0;
	background: url(../images/bg-header.jpg) no-repeat right top;
	height: 200px;
	margin: 0px;
}
.oneColFixCtrHdr #header-logo  {
	background: url(../images/lgo-ecoloboutique.png) no-repeat;
	float: left;
	height: 108px;
	width: 183px;
	margin-top: 0px;
	margin-left: 40px;
	text-indent: -9999px;
}
/* ***** MENU ***** */


#menu {
	width: 800px;
	min-height: 65px;
	z-index: 950;
	position: absolute;
	color: #666;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	background: url(../images/bg-ul.png) no-repeat;
}


.oneColFixCtrHdr #mainContent {
	background: url(../images/ombre-menu.png) no-repeat left top;
	padding: 70px 50px 30px;
}
p , li, label{
	font-size: 0.8em;
}
table.agenda td {
	font-size: 0.8em;
	vertical-align: top;
}
li  {
	font-size: 0.8em;
	margin-bottom: 0.3em;
}
h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #9C0;
}
h2 {
	color: #9C0;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
}
h3 {
	color: #999;
	font: bold 1em Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 5px;
}
th {
	background: url(../images/bg-panel.png) repeat-x;
	height: 25px;
}
a {
	color: #666;
}
a:hover {
	color: #999;
	text-decoration: none;
}
.oneColFixCtrHdr #footer {
	text-align: center;
	font-size: 0.8em;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.oneColFixCtrHdr #mention {
	text-align: center;
	font-size: 0.8em;
	margin: 30px auto;
	width: 800px;
}
.oneColFixCtrHdr #mention a {
	color: #CF6;
	text-decoration: none;
}
.oneColFixCtrHdr #mention a:hover {
	color: #FFF;
	text-decoration: underline;
}
.zero-dechet {
	background: url(../images/ico-zero-dechet.png) no-repeat;
	height: 153px;
	width: 152px;
	text-indent: -9999px;
	position: absolute;
	left: 715px;
	top: 230px;
	z-index: 1050;
}
.pierre  {
	height: 360px;
	width: 302px;
	text-align: right;
	background: url(../images/lgo-ecoloboutique.png) no-repeat 0px 250px;
	float: right;
}
#frame {
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #999;
	height: 280px;
	width: 375px;
}
#fadeshow1 {
	height: 280px;
	width: 375px;
}
table.paddbottom td{
	padding-bottom: 15px;
}
.width33pct {
	width: 33%;
}
.width-input {
	width: 325px;
}
table.produits td {
	vertical-align: top;
	width: 50%;
	padding-right: 20px;
}
table.produits h2 {
	vertical-align: top;
	border-bottom: 1px solid #999;
	font-size: 1em;
	padding-bottom: 0.3em;
}
table.produits td ul {
	margin-top: 10px;
}
table.fournisseurs td {
	text-align: center;
	padding-right: 15px;
	padding-left: 5px;
	padding-bottom: 15px;
}
table.heures {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
table.heures td, table.heures th{
	font-size: 0.8em;
	padding: 0.5em 0.8em;
	text-align: center;
	margin: 0px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}
table.heures th {
	margin: 0px;
	padding: 0.5em 0.8em;
	font-size: 0.75em;
}
.clearfloat {
	clear: both;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.marge20 {
	margin-right: 22px;
	margin-bottom: 18px;
}
.padding30 {
	padding-right: 30px;
}
.center {
	text-align: center;
}
.t-auto {
	background: url(../images/t-auto.png) no-repeat 10px center;
	height: 41px;
}
.t-alagenda {
	background: url(../images/t-agenda.png) no-repeat;
	height: 41px;
	width: 165px;
	text-indent: -9999px;
}
.t-cheveux {
	background: url(../images/t-cheveux.png) no-repeat 10px center;
	height: 41px;
}
.t-contact {
	background: url(../images/t-contact.png) no-repeat;
	height: 41px;
	width: 279px;
	text-indent: -9999px;
}
.t-corporel {
	background: url(../images/t-hygiene.png) no-repeat 10px center;
	height: 41px;
}
.t-direction {
	background: url(../images/t-direction.png) no-repeat;
	height: 41px;
	width: 295px;
	text-indent: -9999px;
}
.t-divers {
	background: url(../images/t-divers.png) no-repeat 10px center;
	height: 41px;
}
.t-enfants {
	background: url(../images/t-enfants.png) no-repeat 10px center;
	height: 41px;
}
.t-envrac {
	background: url(../images/t-envrac.png) no-repeat 10px center;
	height: 41px;
}
.t-fournisseurs {
	background: url(../images/t-fournisseurs.png) no-repeat;
	height: 41px;
	width: 271px;
	text-indent: -9999px;
}
.t-levee-de-fonds {
	background: url(../images/t-levee-de-fonds.png) no-repeat;
	height: 41px;
	width: 229px;
	text-indent: -9999px;
}
.t-maison {
	background: url(../images/t-maison.png) no-repeat 10px center;
	height: 41px;
}
.t-mission {
	background: url(../images/t-mission.png) no-repeat;
	height: 41px;
	width: 215px;
	text-indent: -9999px;
}
.t-nourriture {
	background: url(../images/t-nourriture.png) no-repeat 10px center;
	height: 41px;
}
.t-produits {
	background: url(../images/t-produits.png) no-repeat;
	height: 41px;
	width: 203px;
	text-indent: -9999px;
}
.t-reconnaissances {
	background: url(../images/t-reconnaissance.png) no-repeat;
	height: 43px;
	width: 374px;
	text-indent: -9999px;
}
.t-soins {
	background: url(../images/t-corporel.png) no-repeat 10px center;
	height: 41px;
}
.menutop  {
	width: 348px;
	height: 36px;
	margin-left: 225px;
}
ul.hdrmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
	background: url(none);
	font: 90% Georgia, "Times New Roman", Times, serif;
}
ul.hdrmenu li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 116px;
	float: left;
	height: 36px;
}
ul.hdrmenu a{
	display: block;
	color: #999;
	text-decoration: none;
	margin: 0px;
	padding-top: 0.75em;
	background: url(../images/mna-header.gif) no-repeat;
	height: 32px;
}
ul.hdrmenu a:hover {
	color: #666;
	background: url(../images/mnahover-header.gif) no-repeat;
}
.postit {
	height: 255px;
	width: 220px;
	background: url(../images/postit-1.png) no-repeat;
	float: left;
	padding-right: 59px;
	padding-left: 40px;
	padding-top: 45px;
}
.postit-2 {
	position: absolute;
	left: 285px;
}
.postit-3 {
	position: absolute;
	left: 530px;
}
.postit p{
	margin: 0px;
	padding: 0px;
	font-size: 0.75em;
}
.postit h1 {
	color: #666;
	margin: 5px 0px;
	padding: 0px;
	font: bold 1.8em/0.8em "Courier New", Courier, monospace;
}
.postit-position {
	position: absolute;
	left: 290px;
}
.postit-position-2 {
	position: absolute;
	left: 481px;
	top: 1000px;
}
.concours {
	height: 138px;
	width: 217px;
	position: absolute;
	top: 45px;
	float: left;
	left: 335px;
}