/* formulaire */
#page note h2{
	width:60%;
	Color: black;
}
#note {
	color: black;
}
#note h2 {
	color: black;
}
#note h2 a:{
	color: black;
}
#note h2 a:hover{
	color: black;
	text-shadow: 0px 1px 0px black;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
    -webkit-border-radius:4px; 
	background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
	box-shadow: 8px 8px 5px #444;
	border: 1px solid #333;	
	}
.form{
	border-radius: 50px;
	border: 4px solid  #4d4d4d;
	font-family: 'Roboto', 'Helvetica', sans-serif;
	max-width : 800px;
   	max-width : 100% ;
	height:20%;
    margin-left: 5%;
    margin-right: 5%;	
}
.id_label{
	with:80%;
}
.titreNote{
	width: 60%;
	margin:auto;
	border-radius: 5px;
	border-style:double;
	border-collapse: separate;
	background-color :#716767;
	color: white;
}
.titreNote input{
	background-color : #bcb2b2/*#FDEF5D*/;
	margin-top: 3px;
	margin-bottom : 3px;
	border-collapse: separate;
}
.textNote{
	width: 60%;
	max-height:5%;
	margin:auto;
	border-radius: 10px;
	border: 2px solid  #4d4d4d;
	border-collapse: separate;
	background-color : #a39e9e/*#F7FF00*/;	
}

.textNote textarea{
	margin-top: 2%;
	max-height:5%;
	width : 98%;
	padding-bottom: -10%;
	background-color :#D1D1D1 /*#d1caca#FBFF87*/;
}
.note{
	width : 100%;
    margin-left: auto;
    margin-right: auto;
}