/* =========== */
/*  StyleSheet Harmonie Project.com
/*  Created by Alexandre Collin
/*  16/01/2010
/* =========== */

/* 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: #f2f2f2;
	color: #000;
}

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

a.light-purple, a.light-purple:visited  {
	color: #c878ff;
	padding: 2px 4px;
}

a.light-purple:hover {
	background: #c878ff;
	color: #fff;
}

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

.clear { clear: both; }
strong { font-weight: bold; }

.dark-purple { color: #5f00a4; }
.light-purple { color: #c878ff; }

/* Header
------------------------------------------------------- */
	
	/**** Navbar ****/
	#header {
		background: url('../img/bg-header.png') no-repeat 0 0;
		min-height: 205px;
		height: 205px;
		margin: 5px 0 0 0;
	}
	
	/*** Hack for ie6 ***/
	* html #header {
		background: url('../img/bg-header.png') no-repeat -3px 0;
		min-height: 205px;
		height: 205px;
		margin: 5px 0 0 0;
	}
	
		#header ul#navbar {
			font: 13px/1.231 Arial, sans-serif;
			margin: 143px 20px 0 0;
			float: right;
		}
		
			#header ul#navbar li {
				float: left;
				font-size: ;
				font-weight: bold;
				line-height: 32px;
				margin: 0 10px;
			}
			
				#header ul#navbar li a,
				#header ul#navbar li a:visited {
					color: #fff;
				}
				
				#header ul#navbar li a:hover {
					color: #c878ff;
				}

/* Content
------------------------------------------------------- */
	#content { }
	
		#content #left-side {
			min-height: 200px;
			width: 280px;
			float: left;
			padding: 0 0 10px 2px;
		}
		
			#content #left-side .bloc {
				background: url('../img/cornerbr-leftside.png') no-repeat bottom right;
				width: 274px;
				padding: 0 6px 7px 0;
				margin: 0 0 8px 0;
			}
			
				#content #left-side .bloc h2 {
					font-size: 1.1em;
					color: #424242;
					padding: 0 0 3px 3px;
				}
				
				#content #left-side .bloc h3 {
					font-weight: bold;
				}
				
				#content .dotted-separator {
					height: 1px;
					min-height: 1px;
					border-top: 1px dashed #dedede;
					margin: 10px 2px;
				}
			
				#content #left-side .bloc .cnt {
					border-top: solid 1px #cdcdcd;
					background: #fff;
					min-height: 30px;
				}
			
			/**** Navigation Bloc ****/
			#content #left-side #navig ul {
				padding: 5px;
			}
			
				#content #left-side #navig ul li {
					border-bottom: solid 1px #dedede;
					padding: 1px 1px;
				}
				
					#content #left-side #navig ul li a {
						display: block;
						padding: 2px 2px;
					}
				
					#content #left-side #navig ul li a:hover {
						background: #c878ff;
						color: #fff;
					}
				
				#content #left-side #navig ul li.last {
					border: none;
				}
				
				#content #left-side #navig ul li.current {
					font-weight: bold;
					color: #5f00a4;
				}
					
					#content #left-side #navig ul li.current a {
						padding-left: 5px;
						border-left: solid 6px #c878ff;
					}
			
					#content #left-side #navig ul li.current a:hover {
						color: #424242;
						background: #fff;
						cursor: default;
					}
					
				
			
			/**** Coordonnées Bloc ****/
			#content #left-side #coord span.map a,
			#content #left-side #coord span.map a:visited {
				color: #b068e1;
				font-size: 0.7em;
				padding: 1px 2px;
			}
			
			#content #left-side #coord span.map a:hover {
				background: #b068e1;
				color: #fff;
				padding: 1px 2px;
			}
			
				
			#content #left-side #coord .cnt {
				padding: 10px;
			}
	
		#content #right-side {
			background: url('../img/bg-rightshide-content2.jpg') repeat-y 0 0;
			width: 646px;
			min-height: 200px;
			margin: 0 3px;
			padding: 0 15px 10px 15px;
			float: right;
		}
		
			#content #right-side h2 {
				color: #5f00a4;
				font-size: 1.5em;
				margin: 3px 0 8px 0;
			}
			
			#content #right-side h3 {
				font-size: 1.3em;
				color: #c878ff;
				margin: 5px 0 4px 0;
			}
			
			#content #right-side p {
				line-height: auto;
				text-align: justify;
				margin: 12px 0 8px 0;
			}
			
			#content #right-side ul {
				list-style: disc;
				list-style-position: inside;
				margin: 0 0 0 10px;
			}
			
				#content #right-side ul.binter li {
					margin: 10px 0;
					line-height: 1.3em;
				}
				
			#content #right-side .tarif {
				border-left: solid 5px #ccc;
				padding: 0 0 0 15px;
				margin: 20px 0;
			}
				
				#content #right-side .tarif p,
				#content #right-side .tarif ul {
					margin: 0;
					border: solid 1px #fff;
				}
			
			#content #right-side #reference {}
				
				#content #right-side #reference h3 { 
					margin: 15px 0 10px 0;
					border-bottom: solid 1px #ccc;
				}
				
			#content #right-side #present-future ul ul {
				list-style-position: ;
				list-style: square;
			}
			
			#content #right-side #formations h3 {
				background: #5f00a4;
				color: #fff;
				padding: 2px 5px;
				margin-top: 20px;
			}
			
			#content #right-side #formations h4 {
				font-size: 1.3em;
				color: #c878ff;
				margin: 5px 0 4px 0;
			}
			
			#content #right-side #formations .info {
				text-align: center;
				margin: 20px 0 40px 0;
			}
			
				#content #right-side #formations .info a {
					padding: 4px 7px;
					border: solid 1px #aaa;
					font-weight: bold;
				}
				
				#content #right-side #formations .info a:hover {
					color: #fff;
					background: #333;
				}
				
			#content #right-side #contact h3 {
				color: #5f00a4;
			}
			
			#content #right-side #calendrier {
					width: 355px;
					margin: 0 0  0 30px;
			}
			
			#content #right-side #calendrier ul {
				list-style: none;
			}
			
				#content #right-side #calendrier ul li {
					border: solid 1px #ccc;
					border-left: solid 3px #ccc;
					width: 350px;
					margin: 3px 0;
					padding: 5px 10px;
				}
				
				#content #right-side #calendrier ul li.info {
					background: #5f00a4;
				}
				
				#content #right-side #calendrier ul li a {
					color: #fff;
				}
			
			#info {
				margin: 20px 0;
			}
				
				#info .notification_error ul {
					padding: 5px 10px;
					background: #ffe0e7;
					border: solid 1px #ce0030;
				}
			
				#info .notification_ok {
					padding: 5px 10px;
					border: solid 1px #259f00;
					background: #e7ffe0;
				}
				
				
/* Footer
------------------------------------------------------- */
#footer {
	border-top: solid 1px #dcdcdc;
	margin: 20px 5px;
	padding: 5px;
	color: #999;
	font-size: 0.8em;
}

	#footer a {
		color: #999;
	}

	#footer p {
		text-align: center;
	}
	
	#footer .author a {
		color: #bbb;
	}
	
	
/* Forms Style
------------------------------------------------------- */

	form {
		width: 550px;
		text-align: left;
	}
	

	fieldset {
		margin: 0;
		border: 0;
		padding: 0;
	}

	legend {
		display: none;
	}

	form h3 {
		clear: both;
		padding: 5px 0px 10px 0px;
		font-size: 14px;
	}

	form label {
		display: block;
		width: 310px;
		line-height: 14px;
		padding: 0px 0px 12px 0px;
	}

	form input {
		display: block;
		margin-top: 3px;
	}

	form select {
		float: left;
		display: block;
	}

	form label.field-address,
	form label.field-city,
	form label.field-email {
		clear: left;
	}


	form label.field-first,
	form label.field-last,
	form label.field-compagny,
	form label.field-email {
		float: left;
		margin: 0px 10px 0px 0px;
		width: 240px;
	}
	
	form label.field-phone {
		float: left;
		margin: 0px 10px 0px 0px;
		width: 190px;
	}

	form label.field-first input,
	form label.field-last input,
	form label.field-compagny input,
	form label.field-email input {
		float: left;
		width: 220px;
		padding: 0px 3px;
		height: 20px;
		border: solid 1px #aaa;
		font-weight: bold;
	}
	
	form label.field-phone input {
		float: left;
		width: 170px;
		padding: 0px 3px;
		height: 20px;
		border: solid 1px #aaa;
	}


	textarea {
		display: block;
	}

	form input#checkbox_1,
	form input#checkbox_2,
	form input#checkbox_3,
	form input#checkbox_4,
	form input#checkbox_5 {
		clear: both;
		float: left;
		padding: 0px;
		margin: 0px;
	}
	
	form .checkb {
		width: 100px;
		float: left;
	}
	
	input, textarea { 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px; 
		font: 13px/1.231 "Lucida Grande", Lucida, Verdana, sans-serif;
	}
	

	form label.field-checkbox {
		clear: none;
		margin: 0px 0px 0px 25px;
		padding: 0px 0px 15px 0px;
	}

	form textarea {
		margin-top: 3px;
		padding: 3px;
		border: solid 1px #aaa;
	}