/* Css global du site ecolepiano-malestroit.com */


/*---------------------------------------*/
/*           CSS GENERALES               */
/*---------------------------------------*/

* {margin: 0; padding: 0}

body {
	color: #666451; 
	font: 14px Georgia;
	background: #545342;
	text-align: center;
}

.stop { clear: both; }

.gauche { float: left; }

h2 {
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	color: #AE343E;
	margin-bottom: 15px;
}

.rouge { color: #E51F00; }

/*---------------------------------------*/
/*             CSS HEADER                */
/*---------------------------------------*/

#titre_global {
	position: relative;
	background-color: #E1DEB4;
	border-bottom: solid 3px #ffffff;
	height: 100px;
}

	#titre {
		position: relative;
		margin: 0 auto;
		width: 950px;
		height: 100px;
		text-align: left;
	}
	
		#titre a#logo {
			display: block;
			width: 550px;
			height: 100px;
			background: url(../img/ecole_piano_malestroit.gif) no-repeat top left;
		}
		
			#titre h1 span { display: none; visibility: hidden; }
			
		#titre a#drapeau img {
			float: right;
			margin-top: -90px;
			margin-right: 30px;
			border: 1px solid #E1DEB4;
		}
		
		#titre a#drapeau img:hover {
			border: 1px solid #FFFFFF;
		}
		


#navigation_globale {
	position: relative;
	background: url(../img/navigation_fond.gif) repeat-x top left;
	height: 203px;
}

	#navigation {
		position: relative;
		margin: 0 auto;
		width: 950px;
		height: 203px;
		text-align: left;
	}

		#menu {
			float: left;
			margin-left: 130px!important;
			margin-left: 65px;
			margin-top: 12px;
		}

		#menu ul { list-style-type: none; }
		
		#menu ul li a#ecole, #menu ul li a#concours, #menu ul li a#stage, #menu ul li a#galerie, #menu ul li a#contact {
			position: relative;
			display: block;
			width: 375px;
			height: 35px;
			padding-left: 55px;
			line-height: 35px;
			background: url(../img/note.gif) no-repeat 15px 0;
			font-family: Georgia;
			font-size: 16px;
			font-style: italic;
			color: #ffffff;
			text-decoration: none;
			border-bottom: solid 1px #434336;
		}
		
		#menu ul li#sans_border a { border-bottom: none; }

		#menu ul li a#ecole:hover, #menu ul li a#concours:hover, #menu ul li a#stage:hover, #menu ul li a#galerie:hover, #menu ul li a#contact:hover { 
			background:  url(../img/note_hover.gif) no-repeat 15px 0 #605E4D;
		}
		
	#navigation img {
		z-index: 10;
		position: absolute;
		left: 660px;
		top: -65px;
	}

/*---------------------------------------*/
/*             CSS CONTENT               */
/*---------------------------------------*/
	
#content_global {
	position: relative;
	background-color: #E1DEB4;
	border-top: solid 3px #ffffff;
	border-bottom: solid 3px #ffffff;
	padding-top: 17px;
	padding-bottom: 17px;
}

	#content {
		position: relative;
		margin: 0 auto;
		width: 910px;
		background-color: #EEE9C9;
		padding: 20px;
		text-align: left;
	}	
	
	
/*---------------------------------------*/
/*             CSS FOOTER                */
/*---------------------------------------*/
footer_global {
	position: relative;
	background: url(../img/footer_fond.gif) repeat-x top left;
}

	#footer {
		position: relative;
		margin: 0 auto;
		width: 950px;
		padding-top: 5px;
		padding-bottom: 10px;
		font-family: Georgia;
		font-style: italic;
		font-size: 12px;
		letter-spacing: 1px;
		color: #8D8A70;
	}
	
		#footer a { text-decoration: none; color: #8D8A70; }
		
		#footer a:hover { text-decoration: underline; color: #8D8A70; }