@charset "utf-8";
/* CSS Piano */
/*
*/

body{
	margin:0;
}

/*********** Partition ***********/
#partition{
	position:relative;
	margin-top:50px;
}

.trait{
	height:14px;
	border-bottom:1px solid #333;
}
.trait_mini{
	height:14px;
	border-bottom:1px solid #333;
	width:30px;
	margin-left:70px;
	position:absolute;
	top:75px; /* on le place au 1er do */
	display:none;
}

.cle_sol{
	background:url(img/cle_sol.png) no-repeat;
	width:50px;
	height:110px;
	position:absolute;
	top:-8px;
}

.cle_fa{
	background:url(img/cle_fa.png) no-repeat;
	width:40px;
	height:45px;
	position:absolute;
	top:14px;
}

.note{
	background:url(img/note.png) no-repeat;
	width:34px;
	height:50px;
	position:absolute;
	top:48px; /* do*/
	left:75px;
}

#nom_note{
	text-transform:uppercase;
	font-weight:bold;
	color:#43d362;
}


/******* FORM CONTACT AJAX **********/
#form_contact{
	display:none; /*par defaut on le cache et on le montre en JS pour �viter la descativation de JS */
}

#form_error,#form_resultat .erreur{color:#F00;}
#form_resultat .succes{color:#090;}

/********* REPSONSIVE MODIFS ***************/

@media (max-width: 767px) {
  /* AJOUT PERSO */
  #options{
	 margin-top:60px;
	}
}