body {
background-color: #003559;
font-size:71%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
a, p, ol, ul, li, h1, h2, h3, .menu {
font-family: Arial, Helvetica, sans-serif;
}

a {
color: #003559;
text-decoration: underline;
}

a:hover {
color: #000;
text-decoration: underline;
}

#commercants a {
color: #29771d;
text-decoration: underline;
}

#commercants a:hover {
color: #000;
text-decoration: underline;
}

h1 {
color: #fff;
font-size:1.25em;
font-weight:bold;
margin:0 0 20px 0;
padding-top:0px;
}

h2 {
color:#000;
font-size:1.25em;
font-weight:bold;
line-height:1.2em;
margin: 0px 0 15px 0;
}
#commercants h2 {
margin: 15px 0 5px 0;
}

h3 {
color: #000;
font-size:1.25em;
font-weight:bold;
line-height:1.2em;
margin:10px 0 0 0;
}

h4 {
font-size: 1.1em;
color: #003559;
font-weight: bold;
margin-bottom: 5px;
}

p  {
color: #000;
font-size: 1.0em;
font-weight: normal;
line-height:1.5em;
margin: 0 0 10px 0;
}

.bleu {
color: #003559;
}

.bold {
font-weight:bold;
}

#page {
width: 791px;
margin:0 auto;
padding: 36px 108px 36px 108px;
background-color: #fff;
}

#header {
background-image: url("images/Logo_GensdAffaires.gif");
background-repeat: no-repeat;
height: 73px;
}

#header_menu {
font-size: 0.9em;
margin: -10px 15px 0 0;
text-align: right;
}

#photo i img {
margin-right: 5px;
}

#texte_accueil {
width: 500px;
padding: 25px 25px 25px 13px;
float: left;
}

#texte_accueil p {
color: #003559;
font-size: 1.2em;
line-height: 1,4em;
}

#bloc_droit {
background-color: #FF9900;
width: 200px;
padding: 10px 25px 25px 25px;
/padding-top: 20px;
margin-top: 5px;
float: right;
}

#bloc_droit p {
font-size: 1.1em;
line-height: 1.1em;
}

#contenu {
width: 791px;
padding-bottom: 25px;
margin-top: 5px;
float: left;
height: 1%;
}

#contenu2 {
width: 791px;
height: 145px;
padding-bottom: 25px;
margin-top: 5px;
float: left;
}

#iframe {
width: 791px;
height: 320px;
}

#texte {
width: 475px;
height: 1%;
padding: 30px 25px 25px 45px;
float: right;
}

#texte_contact {
width: 500px;
padding: 25px 25px 25px 42px;
float: left;
}

#carte {
width: 475px;
padding: 0 0 25px 5px;
float: left;
}

#tableau_asso table {
width: 791px;
margin: 20px 0 35px 0;
padding-right: 25px;
border-width: 0;
}

#tableau_asso table .col1 {
width: 210px;
font-size: 1.25em;
color: #003559;
font-weight: bold;
padding-left: 42px;
}

#tableau_asso table .col2 {
text-align: right;
}

#tableau_asso table td {
padding: 15px 20px 15px 0;
vertical-align: top;
}

.evenements {
width: 489px;
padding: 0px 15px 0 273px;
}

.evenements_gauche {
width: 245px;
text-align: right;
float: left;
margin: 0;
padding: 0 0px 15px 0;
}

.evenements_gauche img {
margin-top: 10px;
}

.evenements_droit {
width: 474px;
padding: 0 15px 5px 20px;
float: right;
margin: 0;
}

.evenements p, .evenements_droit p {
margin-top: 0;
}

.evenements h2 {
margin: 15px 0 2px 0;
}

.evenements_droit h2 {
margin: 5px 0 2px 0;
}

.even_gris {
color: #837F7C;
font-size:1.0em;
}

.gris {
color: #837F7C;
font-weight:bold;
}

.clear {
	clear: both;
}

#footer {
background-image: url("images/Logos_footer.gif");
background-repeat: no-repeat;
background-color: #fff;
background-position: bottom;
border-top: solid 1px #999;
clear:both;
height: 125px;
padding-top: 10px;
text-align: center;	
}

#footer p {
color: #003559;
font-size: 0.9em;
line-height: 1.1em;
}

/*- Menu header------------------------------------------------------ */

#menu {
	width: 791px;
	height: 34px;
	margin: 16px 0 5px 0;
   }
		
#menu ul {
	height: 34px;
	width: 791px;
	margin:0;
	padding:0;
	list-style:none;
	display: block;
	position: relative;
   }
		
#menu li {
	position: relative;
	display: block;
	float: left;
   }
#menu .croissant {
	height: 34px;
	width: 131px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_croissant.gif) no-repeat left top;
   }
#menu .croissant2 {
	height: 34px;
	width: 131px;
	display: block;
	background: url(images/menu_croissant.gif) no-repeat left -68px;			
	}

#menu .association {
	height: 34px;
	width: 125px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_association.gif) no-repeat left top;
   }
#menu .association2 {
	height: 34px;
	width: 125px;
	display: block;
	background: url(images/menu_association.gif) no-repeat left -68px;			
	}
#menu .commercants {
	height: 34px;
	width: 145px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_commercants.gif) no-repeat left top;
   }
#menu .commercants2 {
	height: 34px;
	width: 145px;
	display: block;
	background: url(images/menu_commercants.gif) no-repeat left -68px;			
	}
#menu .evenements {
	height: 34px;
	width: 138px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_evenements.gif) no-repeat left top;
   }
#menu .evenements2 {
	height: 34px;
	width: 138px;
	display: block;
	background: url(images/menu_evenements.gif) no-repeat left -68px;			
	}
#menu .carte {
	height: 34px;
	width: 93px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_carte.gif) no-repeat left top;
   }
#menu .carte2 {
	height: 34px;
	width: 93px;
	display: block;
	background: url(images/menu_carte.gif) no-repeat left -68px;			
	}
#menu .telechargement {
	height: 34px;
	width: 159px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_telechargement.gif) no-repeat left top;
   }
#menu .telechargement2 {
	height: 34px;
	width: 159px;
	display: block;
	background: url(images/menu_telechargement.gif) no-repeat left -68px;			
	}

#menu a:hover {
	background-position: left -34px;			
	display: block;
	height: 34px;
	}
#menu li span {
	background-position: left -68px;			
	display: block;
	height: 34px;
	}
	
/*- Menu gauche------------------------------------------------------- */

#menugauche {
	width: 243px;
	height: 304px;
	padding-bottom: 15px;
	float: left;
   }
		
#menugauche ul {
	height: 76px;
	width: 243px;
	margin:0;
	padding:0;
	list-style:none;
   }
		
#menugauche li {
	margin: 0;
	padding: 0;
   }
	
#menugauche li img {
	margin-bottom: -2px;
   }
	
#menugauche .gastronomie {
	height: 76px;
	width: 243px;
	display: block;
	background: url(images/menu_gastronomie.gif) no-repeat left top;
   }
	
#menugauche .loisirs {
	height: 76px;
	width: 243px;
	display: block;
	background: url(images/menu_loisirs.gif) no-repeat left top;			
	}
	
#menugauche .art {
	height: 76px;
	width: 243px;
	display: block;
	background: url(images/menu_art.gif) no-repeat left top;			
	}

#menugauche .histoire {
	height: 76px;
	width: 243px;
	display: block;
	background: url(images/menu_histoire.gif) no-repeat left top;			
	}

#menugauche .categories {
	height: 76px;
	width: 243px;
	display: block;
	background: url(images/menu_categories.gif) no-repeat left top;			
	}

#menugauche .telecharger {
	height: 76px;
	width: 243px;
	display: block;
	background: url(images/menu_telecharger.gif) no-repeat left top;			
	}

#menugauche .carte_ecran {
	height: 76px;
	width: 243px;
	display: block;
	background: url(images/menu_carte_ecran.gif) no-repeat left top;			
	}

#menugauche .imprimer {
	height: 76px;
	width: 243px;
	display: block;
	background: url(images/menu_imprimer.gif) no-repeat left top;			
	}

#menugauche a:hover {
	background-position: left -76px;			
	display: block;
	height: 76px;
	}