@import url('blocs.css');
@import url('extensions.css');

/* Reset */
* {
	margin: 0;
	padding: 0;
}

ul, ol {
	padding-left: 20px;
}

p {
	margin-bottom: 5px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

h5 {
	font-size: 12px;
	margin-bottom: 5px;
}

a img { border: none; }

a { outline: none; }

hr {
	height: 1px;
	line-height: 1px;
	margin: 10px 0px !important;
	color: #fff;
	background-color: #fff;
	border: 0px;
	border-bottom: 1px dashed #f2ae1b;
}

/* Classes génériques */
.skip {
	height: 0;
	width: 0;
	left: -1000em;
	overflow: hidden;
	position: absolute;
}

.clear { clear: both; }

.overflow { overflow: hidden; }

/* Corps du document */
body {
	background-color: #e5f0f7;
	font: 11px Verdana, sans-serif;
	text-align: center;
}

	#globalcontainer {
		width: 855px;
		margin: 0px auto;
		text-align: left;
	}
	
		#header {}
		
			#header h1 {
				width: 855px;
				height: 127px;
				text-indent: -1000em;
				background: url('../images/header-back.jpg') repeat-y top left;
			}
			
				#header h1 a {
					display: block;
					width: 200px;
					height: 115px;
				}
			
			#menu {
				width: 855px;
				height: 52px;
				background: url('../images/menu-back.jpg') no-repeat top left;
			}
			
				#menu ul {
					float: left;
					list-style: none;
					margin: 18px 0px 0px 10px;
				}
				
					#menu ul li {
						display: block;
						float: left;
						width: 91px;
						height: 34px;
						margin-left: 1px;
					}
					
					#menu ul li.presentation { background: url('../images/onglets/presentation.png') no-repeat top left; }
					#menu ul li.nos-centres { background: url('../images/onglets/nos-centres.png') no-repeat top left; }
					#menu ul li.role-medecin { background: url('../images/onglets/role-medecin.png') no-repeat top left; }
					#menu ul li.services { background: url('../images/onglets/services.png') no-repeat top left; }
					#menu ul li.faq { background: url('../images/onglets/faq.png') no-repeat top left; }
					#menu ul li.documents { background: url('../images/onglets/documents.png') no-repeat top left; }
					
						#menu ul li a {
							display: block;
							width: 91px;
							height: 34px;
							text-indent: -1000em;
						}
				
				#menu form {
					float: left;
					padding-left: 20px;
				}
				
					#menu form h4 {
						font-size: 12px;
						text-transform: uppercase;
						color: #fff;
						margin: 8px 0px 0px 45px;
					}
				
					#menu form input {
						float: left;
						width: 130px;
						background: #fff;
						border: 1px solid #aaa;
						margin-top: 3px;
						font-size: 11px;
						font-weight: bold;
						padding: 1px;
					}
					
					#menu form button {
						background: none;
						border: none;
					}
			
			#submenu {
				width: 855px;
				height: 54px;
				line-height: 40px;
				background: url('../images/sub-menu/presentation-back.jpg') repeat-y top left;
			}

				#submenu a {
					display: block;
					background: url('../images/newsletter-inscription.png') no-repeat center right;
					margin-left: 30px;
					width: 260px;
					color: #000;
					font-weight: bold;
					text-decoration: none;
				}
		
		#container {
			height: 1%;
			overflow: hidden;
			background: #fff url('../images/globalContainer-back.png') repeat-y top left;
			position: relative;
		}
		
			#users {
				position: absolute;
				right: 0px;
				top: 0px;
				width: 195px;
				height: 30px;
				background: url('../images/adherent-links-back.png') no-repeat top left;
			}
			
				#users a {
					display: block;
					float: left;
					text-decoration: none;
					color: #fff;
					font-size: 9px;
					width: 76px;
					height: 21px;
					line-height: 21px;
					text-align: center;
					letter-spacing: -0.04em;
				}
			
				#users a.already-user {
					padding: 4px 18px 0px 19px;
				}
				
				#users a.new-user {
					padding-top: 4px;
				}
		
			#left {
				float: left;
				width: 229px;
				color: #fff;
			}
			.page-accueil #left {
				color: #000;
			}
			
				#menuNav {
					margin: 0px 0px 18px 18px; /* 30 18 */
				}
				
					#menuNavTop {
						width: 211px;
						background: #f2ae1b url('../images/left-menu/presentation-top-back.png') repeat-x top left;
					}
					
						#menuNavTop h2 {
							font-size: 17px;
							line-height: 28px;
							padding: 2px 0px 15px 15px;
							margin-right: 25px;
						}
						
						#menuNavTop ul {
							list-style: none;
							padding-left: 15px !important;
						}
						
							#menuNavTop ul li {
								padding: 6px 0px 8px;
								margin-right: 25px;
								border-bottom: 1px dashed #fff;
							}
							
								#menuNavTop ul li a {
									color: #fff;
									text-decoration: none;
								}
								
								#menuNavTop ul li a:hover {
									text-decoration: underline;
								}
					
					#menuNavBottom {
						width: 211px;
						height: 15px;
						background: url('../images/left-menu/presentation-bottom-back.png') no-repeat top left;
						font-size: 1px;
					}
			
			#right {
				float: left;
				width: 506px;
				padding: 15px 0px 15px 30px;
			}
			
				#right h2 {
					width: 395px;
					margin-bottom: 10px;
					font-size: 17px;
					color: #f2ae1b;
				}
				
				#right ul {
					color: #f2ae1b;
					padding-left: 15px;
				}
				
				#right a { text-decoration: none; }
		
		#footer {
			width: 855px;
			height: 41px;
			line-height: 25px;
			background: url('../images/footer-back.png') no-repeat top left;
		}
		
			#footer ul {
				float: left;
				list-style: none;
				padding-left: 40px;
			}
			
				#footer ul li {
					display: inline;
					color: #fff;
				}
				
					#footer ul li a {
						color: #fff;
						text-decoration: none;
					}
					
					#footer ul li a:hover {
						text-decoration: underline;
					}
			
			#footer span {
				float: right;
				color: #fff;
			}
			
				#footer span a {
					color: #99c3df;
					text-decoration: none;
					padding-right: 40px;
					font-size: 10px;
				}
				
				#footer span a:hover {
					text-decoration: underline;
				}
		
		#subfooter {
			text-align: center;
			color: #0287c5;
			font-weight: bold;
			font-size: 11px;
		}