/* CSS Document */

	@import url('../css/lime.reset.css');

	html { background-color:#fff; overflow-y:scroll; }

	body {
		color:#6B6350;
		font-family:Arial, sans-serif;
	}

	address { display:inline; }

	/* Template */
	.cols-2, .cols-3, .cols-4 { overflow:hidden; }

	.col, .col-1, .col-2, .col-3, .col-4, .span-2, .span-3 { float:left; }

	.cols-2 {/* 50% 480px */}
		.cols-2 > .col,
		.cols-2 > .col-1,
		.cols-2 > .col-2 { width:50%; }
/*
		.cols-2 .col-1 { background-color:#ccccff; }
		.cols-2 .col-2 { background-color:#ffe0a2; }
*/
	.cols-3 {/* 33.33% 320px */}
		.cols-3 > .col,
		.cols-3 > .col-1,
		.cols-3 > .col-2,
		.cols-3 > .col-3 { width:33.33%; }
/*
		.cols-3 .col-1 { background-color:#ccccff; }
		.cols-3 .col-2 { background-color:#ffe0a2; }
		.cols-3 .col-3 { background-color:#a2e4ff; }
*/
		.cols-3 > .span-2 { width:66.66%; /* 66.66% 640px */ /*background-color:#ccffcc;*/ }

	.cols-4 {/* 25% 240px */}
		.cols-4 > .col,
		.cols-4 > .col-1,
		.cols-4 > .col-2,
		.cols-4 > .col-3,
		.cols-4 > .col-4 { width:25%; }
/*
		.cols-4 .col-1 { background-color:#ccccff; }
		.cols-4 .col-2 { background-color:#ffe0a2; }
		.cols-4 .col-3 { background-color:#a2e4ff; }
		.cols-4 .col-4 { background-color:#ffcccc; }
*/
		.cols-4 > .span-2 { width:50%; /* 50% 480px */ /*background-color:#ccffcc;*/ }
		.cols-4 > .span-3 { width:75%; /* 75% 720px */ /*background-color:#ccffcc;*/ }

/*
		flash accueil
*/
		.flash{
			z-index:1000;
			margin:0 auto;
			height:365px;
			width:1px;
			position:relative;
			bottom:703px;
			right:480px;
			background-color:#fff;
			}


	#flashcontent {
		height: 100%;
	}
   /* 1.0. Resets ############################### */

	ul#navigation,
	#nav-utility ul,
	#list-services ul,
	#left-content div#list ul,
	ul.singles {
		list-style:none;
		padding:0;
		margin:0;
	}


   /* 1.1. Page ############################### */

	.wrapper {
		position:relative;
		width:970px;
		margin:0 auto;
	}


   /* 1.2. Header ############################# */

	#header {
		position:relative;
		height:105px;
		padding:0 7px;
		}

		#header ul#navigation {
			position:absolute; bottom:0; right:7px;
			padding:0 0 18px;
			}
			#header ul#navigation li {
				display:inline;
				text-align:right;
				padding:0 0 0 12px;
				}
				#header ul#navigation li a {
					font-size:14px;
					font-weight:bold;
					text-transform:uppercase;
					}
					ul#navigation li a:link,
					ul#navigation li a:visited {
						color:#6B6350;
					}
					ul#navigation li a:focus,
					ul#navigation li a:hover,
					ul#navigation li a:active {
						color:#9b8f74;
					}

					/* .current */
					ul#navigation li a.current:link,
					ul#navigation li a.current:visited {
						color:#6b6350;
					}
					ul#navigation li a.current:focus,
					ul#navigation li a.current:hover,
					ul#navigation li a.current:active {
						color:#000;
					}


		#nav-utility {
			position:absolute; top:0; right:0;
			background:url(../img/nav-utility.png) no-repeat right top;
			height:35px;
			width:600px;
			padding-right:7px;
			}
			#nav-utility ul {
				float:right;
				}
				#nav-utility ul li {
					float:left;
					}
					#nav-utility ul li a {
						float:left;
						display:block;
						height:25px;
						padding:0 10px;
						line-height:25px;
						text-transform:uppercase;
						}
						#nav-utility ul li a:link,
						#nav-utility ul li a:visited {
							color:#71706C;
						}
						#nav-utility ul li a:focus,
						#nav-utility ul li a:hover,
						#nav-utility ul li a:active {
							background:#6b6350;
							color:#fff;
						}

		a#logo {
			position:absolute; bottom:24px;
			display:block;
			height:74px;
			width:154px;
		}


   /* 1.3. Footer ############################# */

	#footer {
		clear:both;
		background:url(../img/footer.png) no-repeat;
		height:30px;
		margin-top:10px;
		padding:10px 17px;
		color:#6b6350;
		text-transform:uppercase;
		}
		#footer a:link,
		#footer a:visited {
			color:#6b6350;
		}
		#footer a:focus,
		#footer a:hover,
		#footer a:active {
			color:#000;
		}

		#footer p.float-left { float:left; margin:0; padding:0; line-height:30px; }
		#footer p.float-right { float:right; margin:0; padding:0; line-height:30px; }


   /* 1.4. Content ############################ */

	#container {
		position:relative;
		width:956px;
		margin:0 auto 0 auto;
		font-size:12px;
		}

		#flash {
			height:600px;
			width:100%;
		}
		#gmap {
			border:1px solid #000;
			height:250px;
			width:610px;
			margin:0 0 10px 0;
		}
		#gmap2 {
			border:1px solid #000;
			height:430px;
			width:610px;
			margin:20px 0 20px 0;
		}

		.gmap_info {
			height:180px;
			width:300px;
			/*margin-bottom:20px;*/
		}

		#right-content {
			float:right;
			width:615px;
			padding:0 0 20px 25px;
			}
			#right-content img.photo,
			#right-content img.single-photo {
				background:#9b8f74;
				}
				#right-content img.single-photo {
					float:left;
					margin-right:10px;
					margin-bottom:30px;
				}

			#right-content p.single-description,
			#right-content p.single-specialty {
				padding:5px 0 1em 0;
				line-height:1.6;
				}
				#right-content p.single-description {}
				#right-content p.single-specialty {}


			#right-content a:link {
				/*border-bottom:1px solid #6B6350;*/
				}
				#right-content a:link,
				#right-content a:visited {
					border-bottom-color:#6B6350;
					color:#6B6350;
				}
				#right-content a:focus,
				#right-content a:hover,
				#right-content a:active {
					border-bottom-color:#3C372A;
					color:#9B8F74;
				}
				
				


		#left-content {
			float:left;
			background:url(../img/shade-bottom.png) no-repeat right bottom;
			width:316px;
			padding-bottom:40px;
			}
			#left-content h1 {
				display:block;
				background:url(../img/shade-top.png) no-repeat right bottom;
				width:100%;
				padding-top:24px;
			}

			#left-content div#list {
				background:#9b8f74 url(../img/shade-list.png) repeat-y right;
				padding:16px 0 16px;
				}
				#left-content div#list ul {
					overflow:hidden;
					background:url(../img/seperator.png) no-repeat 16px bottom;
					width:100%;
					}
					#left-content div#list ul li {
						float:right;
						width:300px;
					}
					#left-content div#list ul li a {
						display:block;
						background:url(../img/seperator.png) no-repeat left top;
						width:295px;
						padding:9px 0 8px 5px;
						}
						#left-content div#list ul li a:link,
						#left-content div#list ul li a:visited {
							color:#fff;
						}
						#left-content div#list ul li a:focus,
						#left-content div#list ul li a:hover,
						#left-content div#list ul li a:active {
							background:#fff;
							color:#6b6350;
						}

						/* .current */
						#left-content div#list ul li a.current:link,
						#left-content div#list ul li a.current:visited {
							background:#fff;
							color:#6b6350;
						}
						#left-content div#list ul li a.current:focus,
						#left-content div#list ul li a.current:hover,
						#left-content div#list ul li a.current:active {
							color:#6b6350;
						}


		.diaporama, .gallery {
			overflow:hidden;
			width:100%;
			padding-bottom:10px;
			}
			.diaporama img { float:left; }
			.diaporama img.mid { margin:0 5px; }

			.gallery img { float:left; margin-right:5px; }


		#splash.fr, #splash.fr a { background-image:url(../img/splash-fr.jpg); }
		#splash.en, #splash.en a { background-image:url(../img/splash-en.jpg); }

		#splash, #splash a {
			display:block;
			background-repeat:no-repeat;
			}
			#splash {
				height:376px;
				width:956px;
			}

			#splash #flash {
				position:absolute; left:0;
				height:365px;
				width:606px;
			}

			#splash a {
				position:absolute; right:0;
				height:115px;
				width:340px;
				text-indent:-9999em;
				}
				a#splash-entreprise:link,
				a#splash-entreprise:visited {
					top:0;
					background-position:right 0;
					}
					a#splash-entreprise:focus,
					a#splash-entreprise:hover,
					a#splash-entreprise:active {
						background-position:right -376px;
					}
				a#splash-urgence:link,
				a#splash-urgence:visited {
					top:125px;
					background-position:right -125px;
					}
					a#splash-urgence:focus,
					a#splash-urgence:hover,
					a#splash-urgence:active {
						background-position:right -501px;
					}
				a#splash-visite:link,
				a#splash-visite:visited {
					top:250px;
					background-position:right -250px;
					}
					a#splash-visite:focus,
					a#splash-visite:hover,
					a#splash-visite:active {
						background-position:right -626px;
					}


		#list-services {
			background:#9b8f74;
			width:916px;
			padding:20px;
			}
			#list-services ul {
				background:url(../img/seperator.png) no-repeat left bottom;
				width:305px;
				}
				#list-services ul li {
					background:url(../img/seperator.png) no-repeat left top;
					padding:10px 0;
					font-size:12px;
				}
				#list-services ul li a {}
					#list-services ul li a:link,
					#list-services ul li a:visited {
						color:#fff;
					}
					#list-services ul li a:focus,
					#list-services ul li a:hover,
					#list-services ul li a:active {
						color:#6b6350;
					}


		ul.singles {
			width:100%;
			}
			ul.singles li {
				float:left;
				width:153px;
				margin:0 0 20px 0;
				text-align:center;
				}
				ul.singles li img { display:inline; margin-top:5px; }

				ul.singles li a {
					font-size:12px;
					font-weight:bold;
					text-transform:uppercase;
					}
					ul.singles li a:link,
					ul.singles li a:visited {
						color:#6B6350;
					}
					ul.singles li a:focus,
					ul.singles li a:hover,
					ul.singles li a:active {
						color:#000;
					}

				ul.singles li a img {
					border:1px solid #fff;
					}
					ul.singles li a:link img,
					ul.singles li a:visited img {
						border-color:#9b8f74;
					}
					ul.singles li a:focus img,
					ul.singles li a:hover img,
					ul.singles li a:active img {
						border-color:#000;
					}


   /* 1.3. Form ############################### */

	form {}

		label {
			display:inline;
			font-size:13px;
			text-transform:uppercase;
		}
		label.error { display:block; color:#AD3737; margin-bottom:15px; }

		input.text, textarea.text {
			border:1px solid #dbdbdb;
			width:613px;
			padding:2px 0;
			margin:2px 0 15px;
			font-size:13px;
			}
			textarea.text { height:120px; margin-bottom:5px; }

			input.error, textarea.error { border-color:#AD3737; margin-bottom:5px; }

		label.check {
			float:left;
			line-height:27px;
			}
			label.check input {
				position:relative; top:-0.5px;
				margin:0 5px 0 0;
			}

		input.submit {
			float:right;
			background:#6b6350;
			border:0;
			padding:5px 10px;
			color:#fff;
			font-size:12px:
			text-transform:uppercase;
			}
			input.submit:hover { background:#000; }


/* ############################################
   3. Typography
   ############################################ */

	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
		margin:0;
	}

	#right-content h2 {
		font-size:36px;
		font-weight:bold;
		padding-top:14px;
	}

	h1, h2 {
		font-size:24px;
		padding:0 0 0.5em;
	}

	h3 {
		clear:both;
		display:block;
		background:url(../img/head-bg.png) repeat-y;
		padding:6px 8px;
		margin:0 0 2px;
		color:#fff;
		font-size:13px;
		text-transform:uppercase;
		font-weight:bold;
		}
		h3 a {}
			h3 a:link,
			h3 a:visited {
				color:#fff;
				font-weight:bold;
			}
			h3 a:focus,
			h3 a:active {
				color:#fff;
				font-weight:bold;
			}


	h6 {
		font-size:16px;
		font-weight:bold;
	}

	#right-content p {
		padding:0.5em 0;
		font-size:13px;
		line-height:1.3;
	}
	#right-content p.summary {
		padding-bottom:1.5em;
		font-style:italic;
	}
	
	#right-content a.rendez_vous {
		color:white;
	}
				
	#right-content a.rendez_vous:hover {
		color:#9B8F74;
	}

/* ############################################ */