body, html {
	font-family: "Lucida Grande", Tahoma,  Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	_font-size:14px;
	margin:0%;
	height:100%; 
	/*background-color:#20201E;*/
}

*{
	padding:0;
	margin:0;
}

p{
	margin-bottom:15px;
}

/***************************/
/** Framework of the page **/
/***************************/

/*#header {
	background:transparent url(../img/design/logo-medetic.jpg) top left no-repeat;
	height:129px;
}

#menu {
	width:200px;
	vertical-align:top;
	padding-left:10px;
	padding-top:10px;
	border-right:solid 1px #C2BEB7;
}

#content {
	vertical-align:top;
	padding-left:25px;
	padding-top:25px;
}

#footer {
	vertical-align:top;
	text-align:center;
	background:#C2BEB7;
}

#table-content {
	width:900px;
}*/

#content {
	width:900px;
	border-right:solid 1px #C2BEB7;
}

#header {
	background:transparent url(../img/design/logo-medetic.jpg) top left no-repeat;
	height:129px;
}

#menu {
	float:left;
	width:215px;
	vertical-align:top;
	padding-left:10px;
	padding-top:10px;
	/*border-right:solid 1px #C2BEB7;*/
}

#main {
	float:right;
	width:639px;
	vertical-align:top;
	padding-left:25px;
	padding-top:5px;
	padding-right:10px;
	border-left:solid 1px #C2BEB7;
}

#footer {
	clear:both;
	height:30px;
	vertical-align:top;
	text-align:center;
	/*background:#C2BEB7;*/
	background:transparent url(../img/design/footer-background.jpg) top left repeat-x;
}

/***************************/
/**         Menu          **/
/***************************/

#ul-menu {
	list-style-type:none;
}

#ul-menu li {
	padding-top:5px;
	padding-bottom:5px;
}

a.menu-link:link, a.menu-link:visited{
	padding-left:15px;
	padding-top:5px;
	display:block;
	width:200px;
	height:20px;
	_height:25px;
	text-decoration:none;
	color:blue;
	_font-size:12px;
}

a.menu-link:hover{
	/*background:#D9EFC2;*/
	background:transparent url(../img/design/menu-hover.jpg) top left no-repeat;
}

a.menu-selected {
	/*background:#A2C281;*/
	background:transparent url(../img/design/menu-selected.jpg) top left no-repeat;
	font-weight:bold;
}

/***************************/
/**         Titres        **/
/***************************/

h1 {
	font-size:16px;
	margin-bottom:15px;
}

h2 {
	font-size:13px;
	margin-bottom:15px;
}


/***************************/
/**  Drapeaux et banner   **/
/***************************/

#div-flag {
	float:right;
	text-align:center;
	font-size:10px;
}

#div-flag  img {
	border:none;
	margin-left:4px;
	margin-right:4px;
}

#div-village-seniors {
	float:right;
}

#div-village-seniors  img {
	border:none;
	margin-right:80px;
}

.link-banner {
	text-decoration:none;
	color:black;
}

/***************************/
/**  Contenu de la page   **/
/***************************/

p {
	text-align:justify;
	text-indent:25px;
	_font-size:12px;
	line-height:15px;
}

.ul-content {
	margin-left:40px;
	margin-bottom:15px;
	line-height:16px;
}

.intro {
	text-indent:0px;
	border:solid 1px #A2C281;
	background:#D9EFC2 url(../img/design/quote.gif) top left no-repeat;
	padding:15px;
	padding-left:45px;
}

.intro strong {
	font-weight:normal;
}

.gras {
	font-weight:bold;
}

.centered {
	text-align:center;
}

.tooltip {
	text-decoration:none;
	color:#253F08;
	font-weight:bold;
}

.span-email {
	color:blue;
}

.link-mention:visited, .link-mention:link {
	text-decoration:none;
	line-height:30px;
	color:#1F1F1F;
}

.link-mention:hover {
	color:black;
}

.link:link, .link:visited {
	text-decoration:none;
	color:blue;
}
.link:hover {
	text-decoration:underline;
}


/***************************/
/**Tableaux page contacts **/
/***************************/

.table-contact {
	margin-bottom:15px;
	border-bottom:solid 1px #A2C281;
}

 .td-photo {
	padding:5px;
	padding-left:10px;
 }
 
 .td-name {
	font-weight:bold;
 }
 
 #map {
	margin-left:auto;
	margin-right:auto;
 }
 
/***************************/
/**       Hacks IE        **/
/***************************/

ul.ul-content li{
	_font-size:12px;
}

.table-contact {
	_font-size:12px;
}

.link-mention {
	_font-size:12px;
}

#main {
	_width:689px;
}

#menu {
	_width:210px;
	
}