@CHARSET "UTF-8";

* {
	margin: 0;
	/* Annule toutes les marges par défaut, étant différentes selon les navigateurs et pour une meilleure compatibilité */
	padding: 0;
	/* Annule tous les remplissages par défaut, étant différents selon les navigateurs et pour une meilleure compatibilité */
}

label {
	display: block;
	width: 400px;
	float: left;
}

.validbutton {
	display: block;
	width: 450px;
	float: right;
}

input,textarea,select,option {
	background-color: #7FFFD4;
}

input,textarea,select {
	padding: 3px;
	border: 1px solid #7FFFD4;
	border-radius: 2px;
	width: 200px;
	box-shadow: 1px 1px 2px #7FFFD4 inset;
}

input[type=submit],input[type=reset] {
	width: 200px;
	margin-left: 2px;
	box-shadow: 1px 1px 1px #7FFFD4;
	cursor: pointer;
}

form {
	background-color: #7FFFD4;
	display: inline;
}

div#featurenav {
	background-color: #7FFFD4;
}

.features {
	display: inline;
	border: 1px grey solid;
	border-radius: 2px/2px;
	margin: 12px
}

.featureslink {
	text-decoration: none;
	display: inline;
	margin: 12px
}

.Selectyoung {
	width: 600px;
	background-color: grey;
}

.topheader {
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	border: 1px grey solid;
	border-radius: 2px/2px;
}

.topheader  td {
	width: 600px;
	border: 1px grey solid;
	border-radius: 2px/2px;
	text-align: center ;
}

body {
	margin: 0; /* pour éviter les marges */
}

.searchresult tr, td{
	border: 1px grey solid;
	border-radius: 2px/2px;
}

#HISTORIQUESITUATION{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border: 1px grey solid;
	border-radius: 2px/2px;
	}
	
.HISTSITUATIONzone form{
	
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 1px grey solid;
	border-radius: 2px/2px;
}
.HISTSITUATIONzone TEXTAREA{
	
	
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border: 1px grey solid;
	border-radius: 2px/2px;
}


#ecoute{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border: 1px grey solid;
	border-radius: 2px/2px;
	}
	
.textzone form{
	
	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 1px grey solid;
	border-radius: 2px/2px;
}
.textzone TEXTAREA{
	
	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 1px grey solid;
	border-radius: 2px/2px;
}
.searchresult {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 1px grey solid;
	border-radius: 2px/2px;
}

.searchresult tr, td{
	
	
	border: 1px grey solid;
	border-radius: 2px/2px;
}

#global {
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	height: 600px;
	border: 1px black solid;
	border-radius: 2px/2px;
}



.centrage {text-align: center;}


/*calendrier*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #7FFFD4;
} /* This hover code won't work for IE */

.output
{
font-family:Arial;
font-size: 10pt;
color:black;
padding-left: 3px;
padding-top: 3px;
border: 1px solid #7FFFD4;
width: 100px;
background: #fff;
}
.shadow
{
width:102px;
position:relative;
top: 2px;
left: 2px;
background: #555;
}
.shadow div{
position:relative;
top: -2px;
left: -2px;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #7FFFD4; }
.autocomplete-suggestions strong { font-weight: normal; color: #7FFFD4; }