legend {
    background-color: #FFA503;
    color: #fff;
    padding: 3px 6px;
}
h3 {
 color: orange;
 text-align: left;
font-style: bold;
font-size:25px;
 font-family: arial;
}

p {
  font-family: arial;
  font-size: 12px;
  font-style: bold;
}
.div_blanc_sur_noir {
	background-color: white;
	color: grey;
	padding: 10px;
	cursor: pointer;
	height:40px
}
.div_blanc_sur_noir:hover{
	color: white;
	background-color: grey;
}
.saisie {
	height:8px;
	font-size: 14px;
}


.bouton {
	background-color: orange;
	color: grey;
	//padding: 10px;
	cursor: pointer;
	height:35px;
	width:200px
}
.bouton:hover{
	color: white;
	background-color: grey;
}
.date {
	background-color: grey;
	color: white;
	text-align: center;
	height:28px
}
.required {
	background-color: #EBEBEB;
	height:25px;
  	font-size: 18px;
}
.lecture {
	background-color: #EBEBEB;
	height:25px;
  	font-size: 18px;
  	/*font-color: #A2A49E;*/
  	font-color: red;
}
.validate-selection {
	background-color: #D4E7F4;
	height:25px;
	font-size: 18px;
}
.message {
	background-color: #D4E7F4;
	font-size: 18px;
	border : 1px solid blue;
}
.field-label {
	font-size: 14px;
}
.cout {
	margin-left: 15px;
}
table {
	background-color: #f0efef;
	border-collapse: collapse;
}
table, td, th {
	//border: 1px solid black;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(200,200,200,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}


.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 500px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}