/* =========== */
/*  StyleSheet FDSC-Conseil
/*  Created by Alexandre Collin
/*  39/10/09
/* =========== */

/* General
------------------------------------------------------- */
body {
	font: 13px/1.231 "Lucida Grande", Lucida, Verdana, sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
	background-color: #fff;
	color: #333;
}

a, a:hover, a:visited {
	color: #333;
	text-decoration: none;
}

.orange {	color: #ff6200;	}
.blue {	color: #66bfff;	}
.blue-mid { color: #0094ff; }


.wrapper {
	width: 978px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

strong {
	font-weight: bold;
}

.by {
	display: none;
}

/* Header
------------------------------------------------------- */
	
	/**** Navbar ****/
	#navbar {
		margin: 25px 0 10px 0;
		color: #b7b7b7;
		font-size: 0.9em;
	}
	
		#navbar ul li {
			float: right;
			padding: 0 10px;
			margin: 0;
			border-right: solid 1px #6f6f6f;
		}
			
			#navbar ul li a, 
			#navbar ul li a:visited, 
			#navbar ul li a:hover {
				color: #6f6f6f;
			}
		
		#navbar ul li.first {
			border: 0;
		}
		
	#header {
		background: url('../img/header_bg.png') repeat-x 0 0;
		height: 201px;
		width: 100%;
		margin: 0;
	}
	
		#header .logo {
			background: url('../img/logo_bg.jpg');
			margin: 0 0 0 0px;
			width: 185px;
			height: 161px;
			padding: 21px 0 0 22px;
			float: left;
		}
	
		#header .logo a h1 {
			background: url('../img/logo-fdsc-conseil-white.jpg') no-repeat 0 0;
			display: bloc;
			height: 147px;
			width: 159px;
			outline: none;
		}
		
			#header .logo a h1 span {
				display: none;
			}
			
		#header .vline {
			background: url('../img/header_vline.png') no-repeat 0 0;
			width: 1px;
			height: 183px;
			float: left;
		}
		
		#header .title {
			float: left;
			color: #fff;
			margin: 60px 15px;
			width: 260px;
		}
		
			#header .title strong {
				font-size: 1.6em;
			}
			
			#header .title p {
				font-size: 1.1em;
			}
		
		#header ul {
			float: right;
			margin: 3px 0 4px 7px;
			text-align: right;
		}
		
			#header ul li {
				height: 24px;
				line-height: 24px;
				padding: 0 5px;
				font-size: 1.1em;
			}
			
			
				#header ul li a {
					color: #fff;
				}
				
				#header ul li a:hover {
					color: #0094ff;
				}
				
				#header ul li a:visited {
					color: #fff;
					font-size: 0.9em;
				}
			
			#header ul li.current {
				background: #0094ff;
			}
	
	
/* Body
------------------------------------------------------- */
	#content {
		margin: 15px 0;
 	}

		#content #left-side {
			width: 330px;
			float: left;
			margin: 0 0 0 10px;
		}
		
			#content #left-side h2 {
				font-size: 1.2em;
				font-weight: bold;
				margin: 0 0 15px 0;
			} 
			
			#content #left-side h3 {
				font-size: 1em;
				font-weight: bold;
			}
			
				#content #left-side #coord {
					border-left: solid 7px #eee;
					padding: 0 0 0 15px;
					width: 270px;
				}
			
				#content #left-side #coord p {
					margin: 0 0 5px 0;
					padding: 5px;
					border-bottom: solid 1px #eee;
				}
			
				#content #left-side span.map a,
				#content #left-side span.map a:visited {
					font-size: 0.8em;
					color: #005fb0;
					padding: 2px;
				}
				
				#content #left-side span.map a:hover {
					background: #005fb0;
					color: #fff;
				}
			
			#content #left-side ul#presta {
				font-size: 0.9em;
			}
			
				#content #left-side ul#presta li {
					background: no-repeat 0 0;
					min-height: 60px;
					width: 245px;
					padding: 0 15px 0 70px;
				}
				
				#content #left-side ul#presta li a:hover { color: #ff6200;}
				
				#content #left-side ul#presta li h3 {
					font-weight: bold;
					margin: 0 0 3px 0;
					font-size: 1.1em;
				}
				
				#content #left-side ul#presta li p  {
					font-size: 1em;
				}
				
				#content #left-side ul#presta li.separator {
					background: url('../img/presta-hseparator.png') no-repeat 50px 0;
					min-height: 1px;
					height: 1px;
					padding: 0;
					margin: 12px 0;
				}
			
				#content #left-side ul#presta li.bilan-comp { background-image: url('../img/bilan-fdcs-thumb.jpg'); }
				#content #left-side ul#presta li.conseil-rh { background-image: url('../img/conseil-rh-fdcs-thumb.jpg'); }
				#content #left-side ul#presta li.coaching { background-image: url('../img/coaching-fdcs-thumb.jpg'); }
				#content #left-side ul#presta li.formation { background-image: url('../img/formation-fdcs-thumb.jpg'); }
				#content #left-side ul#presta li.atelier { background-image: url('../img/atelier-fdcs-thumb.jpg'); }
				#content #left-side ul#presta li.orientation-scolaire { background-image: url('../img/orientation-scolaire-fdcs-thumb.jpg'); }
				#content #left-side ul#presta li.crea-entreprise { background-image: url('../img/creation-entreprise-fdcs-thumb.jpg'); }
	
		#content #right-side {
			width: 615px;
			float: right;
			margin: 0 10px 0 0;
		}
				#content #right-side #index-desc p {
					margin: 20px 15px 0 15px;
				}
				
					#content #right-side #index-desc p span.blue-item {
						font-size: 1.2em; font-weight: bold; margin: 15px 0 5px 0; color: #005fb0;					
					}
		
				#content #right-side h2 {
					font-size: 1.6em;
					font-weight: bold;
					margin: 0 0 15px 0;
				}
				
				#content #right-side p {
					text-align: justify;
					line-height: 1.6em;
					margin: 10px 0;
				}
				
					#content #right-side ul.disc-list {
						list-style: inside disc;
						line-height: 1.5em;
					}
					
						#content #right-side ul.disc-list ul {
							list-style: inside circle;
							line-height: 1.5em;
						}
						
							#content #right-side ul.disc-list ul li { 
								margin: 0 0 0 15px;
							}
				
				.separator {
					background: url('../img/presta-hseparator.png') no-repeat 0 0;
					min-height: 1px;
					height: 1px;
					margin: 15px auto;
					width: 170px;
				}
				
				blockquote {
					display: block;
					padding: 0 60px;
					width: 510px;
					font-style: italic;
				}

					blockquote:before, blockquote:after {
						color: #69c;
						display: block;
						font-size: 700%;
						width: 50px;
						font-style: normal;
					}
					
					blockquote:before {
						content: open-quote;
						height: 0;
						margin-left: -0.55em;
					}
					
					blockquote:after {
						content: close-quote;
						height: 50px;
						margin-top: -50px;
						margin-left: 520px;
					}

/* Footer
------------------------------------------------------- */
#footer {
	border-top: solid 1px #dcdcdc;
	margin: 20px 0;
	padding: 5px;
	width: 100%;
	color: #999;
	font-size: 0.8em;
}

	#footer a {
		color: #999;
	}

	#footer p {
		text-align: center;
	}