body {
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	/*background-image:url(../styles_images/mairiehabsheim/fond.gif);*/
	background-repeat:repeat-y;
	background-position:center;
}

h1, h2, h3, h4, h5, h6, p, ul, li, table, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
p, ul, li, table, td, a {
	font-size:10pt;
}	
h1 {
	margin-top:0px;
	padding-top:0px;
}

#fleche_suivant_grise
{
	background-image:url(../styles_images/mairiehabsheim/suivant_grise.gif);
	width:32px;
	height:32px;
	position:relative;
	left:32px;
	top:-64px;
}

#overcontent {
  position:absolute;
  top:450px;
  left:25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  text-align:center;
}

#fleche_precedent_grise
{
	background-image:url(../styles_images/mairiehabsheim/precedent_grise.gif);
	width:32px;
	height:32px;
	position:relative;
	left:-52px;
	top:0px;
}

#bouton_liste
{
	background-image:url(../styles_images/mairiehabsheim/liste.gif);
	width:32px;
	height:32px;
	cursor:pointer;
	position:relative;
	left:-10px;
	top:-32px;
}

#bouton_caddie
{
	background-image:url(../styles_images/mairiehabsheim/ajoute_panier.gif);
	width:24px;
	height:24px;
	cursor:pointer;	
}

#fleche_suivant
{
	background-image:url(../styles_images/mairiehabsheim/suivant.gif);
	cursor:pointer;
	width:32px;
	height:32px;
	position:relative;
	left:32px;
	top:-64px;
}

#fleche_precedent
{
	background-image:url(../styles_images/mairiehabsheim/precedent.gif);
	cursor:pointer;
	width:32px;
	height:32px;
	position:relative;
	left:-52px;
	top:0px;
}

#general {
	width:800px;
	height: 768px;
	position:relative;
	left:50%;
	margin-left:-400px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	background-image: url(../styles_images/mairiehabsheim/interface_news.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}


#leftcontent {
	position: absolute;
	left:0px;
	/*
	margin-left:391px;
	margin-top:0px;
	margin-right:0px;*/
	margin:0px;
	z-index:6;
	top:111px;
	width:765px;
	height: 25px;
}
#rightcontent {
	position: absolute;
	z-index:2;
	left:200px;
	top:84px;
	width:119px;
	height: 16px;
}
#titrecontent {
	display:none;
	position: absolute;
	z-index:4;
	left:58px;
	top:42px;
	width:405px;
	height: 32px;
}
#centercontent {
	position: absolute;
	padding:5px;
	z-index:15;
	left:230px; /*250*/
	top:103px;
	width:550px; /*595*/
}
#subcenterleft {
	position: absolute;
	z-index:1;
	left:0px;
	top:0px;
	width:430px;
	height: 425px;
}
#subcenterright {
	position: inherit;
	z-index:2;
	left:471px;
	top:-11px;
	width:184px;
}
#interfacehaut {
	position: absolute;
	z-index:0;
	left:86px;
	top:281px;
	height:188px;
	width:1024px;
}
#bandeau {
	position: absolute;
	display:none;
	z-index:5;
	left:0px;
	top:111px;
	height:16px;
	width:768px;
	}
	
#bloccalendrier {
	position:absolute;
	z-index:14;
	left:600px;
	top:200px;
	width:199px;
	/*height:200px;*/
	background-image: url(../styles_images/mairiehabsheim/bt_actu.gif);
	background-repeat: no-repeat;
}
#sous_bloccalendrier {
	position: relative;
	left:0px;
	top:40px;
	/*height:160px;*/
	/*width:199px;*/
}


#blocactu {
	position:absolute;
	z-index:14;
	left:600px;
	top:0px;
	width:199px;
	height:200px;
	background-image: url(../styles_images/mairiehabsheim/bt_news.gif);
	background-repeat: no-repeat;
}
#sous_blocactu {
	position: relative;
	left:0px;
	top:40px;
	/*height:199px;*/
	/*width:145px;*/
}



.corps {
	FONT-SIZE: 10pt;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.minicorps {
	FONT-SIZE: 9pt;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
SPAN.nomcategorie {
	FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.titre {
	FONT-SIZE: 16pt;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.minititre {
	FONT-SIZE: 12pt;
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.soutitre {
	FONT-SIZE: 10pt;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.element_menu_modules {
	text-align:right;
}
SPAN.description {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif}
SPAN.titrepopup {
	FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.phraseDefilante{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #222222;
}
.popup{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #222222;
}
.resultat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #555555;
}
.numeropage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #555555;
}
.numeropagecourante {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #660000;
	text-decoration: none;
}
.autrepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #2222FF;
}
a.autrepage:link {
	color: #2222FF;
}
a.autrepage:visited {
	color: #2222FF;
}
a.autrepage:hover, a.autrepage:visited:hover {
	color: #000088;
}
a.autrepage:active, a.autrepage:visited:active {
	color: #660000;
}
.erreur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FF0000;
	font-weight: bold;
}
.titrepage {
	font-family: Optima, Verdana, Arial;
	font-size: 24pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.titremodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #003366;
	text-decoration: none;
}	

.soustitremodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003366;
	text-decoration: none;
}

div#blocrubrique ul{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #003366;
	white-space:nowrap;
}
div#blocrubrique li {
	list-style-type: none;
	display: inline;
}
div#blocrubrique a {
	text-decoration: none;
	padding: 7px 10px;
	color: #003366;
}
div#blocrubrique a:link{
	color: #003366;
}
div#blocrubrique a :visited{
	color: #003366;
}
div#blocrubrique a :hover{
	color: #003366;
}

#blocarticle {
	position:absolute;
	left:-37px;
	_left:3px;
	width:750px;
}


div#blocarticle ul{
	margin: 0px;
	/*padding: 0px;
	padding-top: 3px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	/*color: #003366;*/
	white-space:nowrap;
	line-height: 20px;
	
}
div#blocarticle ul li {
	list-style-type: none;	
	display: block;	
	/*height:40px;*/
}

div#blocarticle ul li a {
	text-decoration: none;
	/*color: #666666;*/
	font-weight:bold;
	padding-left: 5px;
	padding-right: 5px;
	/*padding-top:6px;*/	
	display:table-cell;
	background-repeat:no-repeat;
	background-image:url(../styles_images/mairiehabsheim/bouton.gif);  /*bibi*/
	padding-left:30px;
	padding-top:5px;	
	line-height:20px;
	width:183px;
	_width:213px;
	height: 35px;	
}

div#blocarticle ul li a:link{
	color: #000000;	
}
div#blocarticle ul li a:visited{
	/*color: #666666;*/
	color:#000000;
}
div#blocarticle ul li a:hover{
	color: #000000;
}


div#blocarticle ul li a#lienactif , a#lienactif:link , a#lienactif:hover , a#lienactif:active , a#lienactif:visited
{
	color: #000000;
	/*background-color:transparent;*/
}
/*
div#blocarticle ul li a#lienactif.lienAccueil
{
	background-image:url();
}
*/


div#blocarticle ul li span#souspages {
	display:none;
	position:absolute;
	top:40px;
	left:-37px;/**-12px**/
	_left:3px;
	
	
}

div#blocarticle ul li span#souspages ul{
	position:relative;
	margin: 0px;
	/*margin-left:-20px;*//*10*/
	/*padding: 10px 13px;*/
	font-family: Arial, Helvetica, sans-serif;
	/*color: #003366;*/
	white-space:normal;
}
	
div#blocarticle ul li span#souspages ul li {
	list-style-type: none;
	/*display:block;*/
	display:none;
	white-space:normal;
	
}
div#blocarticle ul li span#souspages ul li a {
	display:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	text-decoration: none;
	color: #000000;
	/*display:table-cell;	*/
	padding-left:30px;
	padding-top:5px;	
	line-height:20px;
	width:183px;
	_width:213px;
	height: 35px;	
}
div#blocarticle ul li span#souspages ul li a:link{
	color: #000000;
}
div#blocarticle ul li span#souspages ul li a:visited{
	color: #000000;
}
div#blocarticle ul li span#souspages ul li a:hover{
	color: #FFFFFF;	
}

div#blocarticle ul li span#souspages ul li a#lienactif , a#lienactif:link , a#lienactif:hover , a#lienactif:active , a#lienactif:visited
{
	color: #000000;	
}


div#blocarticle ul li span#souspages ul li ul#souspages1  {
}
div#blocarticle ul li span#souspages ul li ul#souspages1 li {
}

div#blocarticle ul li span#souspages ul li ul#souspages1 li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}


div#blocarticle ul li span#souspages ul li ul#souspages1 li a:link{
	color: #000000;
}
div#blocarticle ul li span#souspages ul li ul#souspages1 li a:visited{
	color: #000000;
}
div#blocarticle ul li span#souspages ul li ul#souspages1 li a:hover{
	
	color: #440000;	
}



.soustitremodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003366;
	text-decoration: none;
		
}




#blocmodule {
	display:none;
	position: absolute;
	height: 132px;
	width: 283px;
	left: 2px;
	top: 300px;
	
}
div#blocmodule ul{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #003366;
/*	white-space:nowrap;*/
/*	line-height: 20px;*/
}
div#blocmodule li {
	list-style-type: none;
	display: block;
}
div#blocmodule a {
	text-decoration: none;
	background-image:url(../styles_images/mairiehabsheim/bouton.gif);
	background-repeat:no-repeat;
	display:table-cell;
	width:213px;
	height: 35px;	
	color: #003366;
}
div#blocmodule a:link{
	color: #003366;
}
div#blocmodule a :visited{
	color: #003366;
}
div#blocmodule a :hover{
	color: #003366;
}



a.titremodule:link {
	color: #004A91;
}
a.titremodule:visited {
	color: #004A91;
}
a.titremodule:hover, a.titremodule:visited:hover {
	color: #004A91;
}
a.titremodule:active, a.titremodule:visited:active {
	color: #004A91;
}
.datemodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #555555;
	text-decoration: none;
	font-style: italic;
}
.descriptionmodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #555555;
	text-decoration: none;
}
.lienbandeau {
	font-family: Optima, Verdana, Arial;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
.mois {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #003366;
	text-decoration: none;
	text-transform: uppercase;
}
.moiscourant {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #660000;
	text-decoration: none;
	text-transform: uppercase;
}
.titreinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
.dateinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #555555;
	text-decoration: none;
	font-style: italic;
}
.descriptioninfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #555555;
	text-decoration: none;
}
.liensouligne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #555555;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a:hover, a:visited:hover {
	color: #333333;
}
a:active, a:visited:active {
	color: #660000;
}
a.lienbandeau:link {
	color: #555555;
}
a.lienbandeau:visited {
	color: #555555;
}
a.lienbandeau:hover, a.lienbandeau:visited:hover {
	color: #333333;
}
a.lienbandeau:active, a.lienbandeau:visited:active {
	color: #660000;
}
a.moiscourant:link {
	color: #660000;
	
}
a.mois:link {
	color: #003366;
}
a.mois:visited {
	color: #003366;
}
a.mois:hover, a.mois:visited:hover {
	color: #003366;
}
a.mois:active, a.mois:visited:active {
	color: #003366;
}
a.moiscourant:visited {
	color: #660000;
}
a.moiscourant:hover, a.moiscourant:visited:hover {
	color: #660000;
}
a.moiscourant:active, a.moiscourant:visited:active {
	color: #660000;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
}
.nomscolonnes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
.refarticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
.nomarticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color:#333333;
}
.prixarticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
.evenement_jour {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #DDDDDD;
	width: 100px;
	font-size: 10pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight:bold;
}
.evenement_evenements {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 220px;
	font-size: 10pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
.evenement_separateur1 {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #DDDDDD;
	width: 4px;
}
.evenement_separateur2 {
	border-top: 1px solid #000000;
	width: 4px;
}
.evenement_fintableau {
	border-top: 1px solid #000000;
}
.evenement_categories {
	vertical-align:top;
}
.evenement_liste {
	vertical-align:top;
	text-align:left;
}
.articlestl {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #DDDDDD;
}
.articlest {border-top: 1px solid #000000; background-color: #DDDDDD;}
.articlestr {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #DDDDDD;
}
.articlescl {
	border-left: 1px solid #000000;
	border-top: 1px solid #BBBBBB;
	background-color: #EEEEEE;
}
.articlesc {border-top: 1px solid #BBBBBB; background-color: #EEEEEE;}
.articlescr {
	border-right: 1px solid #000000;
	border-top: 1px solid #BBBBBB;
	background-color: #EEEEEE;
}
.articlesbl {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #EEEEEE;
}
.articlesb {border-bottom: 1px solid #000000; background-color: #EEEEEE;}
.articlesbr {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #EEEEEE;
}
.totalcommande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
.calendarNav1 	{ font-family: Verdana, Arial, Helvetica; font-size: 9pt; font-style: normal; background-color: #940014}
.calendarTop1 	{ font-family: Verdana, Arial, Helvetica; font-size: 11pt; font-style: normal; color: #FFFFFF; font-weight: bold;  background-color: #940014}
.calendarToday1 { font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-weight: bold; color: #940014; background-color: #FFF9AD;}
.calendarDays1 	{ width:20px; height:20px; font-family: Verdana, Arial, Helvetica; font-size: 9pt; font-style: normal; color: #999999; background-color: #FFFFFF; text-align: center}
.calendarHL1 	{ width:20px; height:20px;font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-style: normal; color: #FF0000; background-color: #00FF00; text-align: center}
.calendarHeader1{ font-family: Verdana, Arial, Helvetica; font-size: 9pt; background-color: #D0D0D0; color: #555555;}
.calendarTable1 { background-color: #940014; border: 1px #940014 solid}

.Entete_cmd {
	font-size: 18px;
	font-weight: bold;	
}

.entourepanier{
/*border-bottom:2px solid #810100;
border-top:2px solid #810100;
border-left:2px solid #810100;
border-right:2px solid #810100;

width:220px;*/
}

.entetePanier{
font-weight:bold;
}

.prixarticle {
display:none;
}

.detailPanier{
}

.lignePanier{
}

#bouton_liste
{
	background-image:url(../../upload/images/94/csback.gif);
	background-repeat:no-repeat;
	width:94px;
	height:14px;
	cursor:pointer;
	position:absolute;
	left:230px;
	top:400px;
}

#fleche_suivant_grise
{
	background-image:url(../../upload/images/94/csnext_gris.gif);
	width:40px;
	height:30px;
	position:absolute;
	left:450px;
	top:20px;
	display:block;
}

#fleche_precedent_grise
{
	background-image:url(../../upload/images/94/csforward_gris.gif);
	width:40px;
	height:30px;
	position:absolute;
	left:50px;
	top:20px;
	display:block;
}

#fleche_suivant
{
	background-image:url(../../upload/images/94/csnext.gif);
	cursor:pointer;
	width:40px;
	height:30px;
	position:absolute;
	left:450px;
	top:20px;
	display:block;
}

#fleche_precedent
{
	background-image:url(../../upload/images/94/csforward.gif);
	cursor:pointer;
	width:40px;
	height:30px;
	position:absolute;
	left:50px;
	top:20px;
	display:block;
}