/*
 * Styles en général
 */
img.bouton {
	padding-right: 5px;
}
img.bouton:hover {
	cursor: pointer;
}

td.titre {
	font-weight: 900;
	font-size: large;
	font-style: italic;
	letter-spacing: -2px;
	color: #0f135d;
}
td.titrepetit {
	font-weight: 600;
	font-size:medium;
	font-style: italic;
	letter-spacing: -2px;
	padding-left: 30px;
	color: #0f135d;
}

span.textegris {
	color: #59595b;
	font-weight: normal;
	font-size:small;
	letter-spacing: 0px;
	position: relative;
	left: -30px;
	top: -10px;
}

#fiche {
	background-color: #bce0f8;
	border-color: #ffffff;
	border-top-style: solid;
	border-left-style: solid;
	border-width: 5px;
	padding: 10px;
	position: fixed;
	top: 175px;
	left: 210px;
	right: 0px;
	bottom: 0px;
	z-index: 50;
	overflow-x: hidden;
	overflow-y: auto;
	visibility:hidden;
}

div.fichecontenu {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: -10px;
	color: #59595b;
	background-color: #e2ecf5;
	border-style: solid;
	border-right-style: none;
	border-width: 1px;
	border-color: #ffffff;
}

div.fichecontenumenu {
	position: fixed;
	top: 185px;
	right: 15px;
}



/*tableau de résultat*/
table.resultat {
	padding: 15px;
	color: #59595b;
	border: none;
	border-spacing: 0px 0px;
}


tr.resultat {
	
}

tr.resultat:hover {
	background-color: #bce0f8;
	cursor: pointer;
}

td.footerresultat{
	text-align: center;
	font-size: large;
	letter-spacing: -2px;
	padding-top: 10px;
}

span.footerresultatinactif {
	color: #a7a8ab;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

span.footerresultat {
	color: #081058;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
span.footerresultat:hover {
	color: #dedfe3;	
	background-color: #081058;
	cursor: pointer;
}

th.resultat {
	text-align: center;
	font-weight: 900;
	font-size: large;
	font-style: italic;
	letter-spacing: -2px;
	color: #081058;
	border-bottom-style: dotted;
	border-width: thin;
	border-bottom-color: #ffffff;
}

th.resultat:hover {
	color: #dedfe3;	
	background-color: #081058;
	cursor: pointer;
}

/*tableau de présentation*/
table.presentation {
	width: 70%;
	padding: 15px;
	color: #59595b;
	border: none;
	border-spacing: 0px 0px;
}
tr.presentation {
	margin: 5px;
}
tr.presentation:hover{
	background-color: #bce0f8;
}
td.presentationlabel {
	font-style: italic;
	color: #a7a8ab;
	text-align: left;
	width: 30%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5%;
}


/*
 * Les principaux DIV
 */

#bandeau {
	/* le bandeau-titre */
	position: fixed;
	color: white;
	font-family: sans-serif;
	line-height: 15px;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 129px;
	/*background-color: #529ed2;*/
	padding-left: 5px;
	background-image: url(../image/fond_bandeau.png);
	
}
#menu {
	/* le DIV du menu */
	position: fixed;
	top: 129px;
	left: 0px;
	bottom: 0px;
	width: 197px;
	background-color: #bce0f8;
}
#grosConteneur {
	/* Le DIV qui contient la zone-titre et la zone de contenu */
	position: fixed;
	top: 129px;
	left: 197px;
	bottom: 0px;
	right: 0px;
	font-family: sans-serif;
	background-color: #e2ecf5;
}
#titleZone {
	/* le DIV de la zone-titre */
	height: 50px;
}
#conteneur{
	/* le DIV de la zone de contenu */
	position: fixed;
	bottom: 0px;
	top: 179px;
	left: 160px;
	right: 0px;
	overflow: auto;
}





/*
Fenêtre Alert
*/

#communication{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	visibility: hidden;
	z-index: 55;
}
#comBox{
	max-height: 75%;
	max-width: 50%;
	border-style: solid;
	border-width: 5px;
	padding: 10px;
	font-family: sans-serif;
	background-color: #bce0f8;
	border-color: #ffffff;
	
}
#comBoxMessage{
	color: #59595b;
	overflow: auto;
	background-color: #e2ecf5;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	padding: 10px;
}

#comBoxMessage a{
	text-decoration: none;
	font-weight: 500;
	color: #59595b;
	cursor:pointer;
}
#comBoxMessage a:hover {
	text-decoration: none;
	color: #02109f;
}

#comBoxBouton{
	text-align: center;
	margin-top: 10px;
	z-index: 56s;
}

/*
 * Détails du Menu
 */

.groupeMenu {
	/* les "parties" du menu */
	text-align: center;
	font-family: sans-serif;
	margin-bottom: 5px;
}
.groupeMenu a {
	text-decoration: none;
	color: #021059;
	cursor:pointer;
	vertical-align:middle;
}
.groupeMenu a:hover {
	text-decoration: none;
	color: #bce0f8;
}
.titreGroupeMenu{
	background-color: #7db3d7;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
.menuElem{
	/* les "sous-parties du menu */
	text-align: left;
	font-size: 10pt;
}
.menuElem a {
	text-decoration: none;
	font-style: normal;
	margin-left: 5px;
	margin-top:5px;
	margin-bottom: 5px;
}
.menuElem a:hover {
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	color: #7db3d7;
}

/*
 * DIV composant la zone-titre (pour le titre de sous-partie)
 */

#titreAction{
	position: absolute;
	top: 0px;
	left: 5px;
	font-size: large;
	font-weight: bold;
	opacity: 0.4;
	letter-spacing: -1px;
}
#titreActionParticule{
	position: absolute;
	top: 0px;
	left: 48px;
	font-size: xx-large;
	font-weight: normal;
	opacity: 0.2;
	letter-spacing: -1px;
}
#titreActionModule{
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: x-large;
	font-weight: bolder;
	opacity: 0.6;
	letter-spacing: 0px;
}

/*
 * Elements de formulaires
 */
#zoneFormulaire {
	width: 70%;
	margin-left: 15%;
	padding: 10px;
	vertical-align: middle;
}
table.form {
	width: 95%;
	padding: 15px;
	color: #59595b;
	border: none;
	border-spacing: 0px 5px;
}
tr.form {
	margin: 5px;
}

tr.form:hover{
	background-color: #cbd4e7;
}
tr.erreur{
	background-color: #c80000;
	color: #500000;
}
tr.erreur:hover{
	background-color: #d0595a;
	color: #500000;
}
td.label {
	text-align: right;
	width: 25%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 2px;
}
td.formElem {
	padding-right: 5px;
	padding-left: 2px;
	font-style: italic;
}
input.text {
	width: 99%;
}
input.password {
	width: 99%;
}
tbody {
	border-style: solid;
}
button {
	margin-left: 5px;
}