body {
	background-image: url(fond.jpg);
	margin: 20px;
}


.ejsmenu
{
	color:#000000;
	text-decoration:none;
}
.ejsmenuoff {color: #FFFFFF;text-decoration:none;}

.popper
{
	POSITION: absolute;
	z-index:15;
	left:99px
}

#topgauche
{
	position:absolute;
	z-index:10;
	margin:5
}

A:visited
{
	text-decoration:none;
}

/*A:hvisited
{
	text-decoration:none;
}*/


A:link
{
	text-decoration:none;
}

.mv2style
{
	color:#000000;
	text-decoration:none;
}

a{
	color: #333333;
	text-decoration: none;
}

/*a:hover {
	color: #FF9900;
	text-decoration: none;
}*/

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.petitselect {
	height:21px;
	font-size:90%;
}

.gridselect {
	height:21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index : 0;
}
.gridinput {
	height:19px;
	font-size:88%;
}

/*************************************************/
			/*STYLE DE POLICE*/
/*************************************************/
.bleuArea {
	color: #505F6B;
}
.homepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333333;
}
.Ajouter {
	font-size: 10px;
	text-decoration: none;
}

.CurseurHelp{
	cursor:  help;
}

.curseurNotAllowed{
	cursor:not-allowed;
}

/*************************************************/
/*          Info Zone de commentaire libre       */ 
/*************************************************/
.alert{
        padding: 8px 35px 8px 14px;
    }
 .customalert {
     font-family: Arial, Helvetica, sans-serif;
     font-weight: 600;
     font-size: 12px;
     text-align: center;
 }
 .adaptable-alert-info {
     color: #697d8e;
     background-color: #f0f0f0;
     border-color: #bce8f1;
 }
 .close{
     float: right;
     font-size: 14px;
     font-weight: 600;
 }
 
 .close:hover, .close:focus {
     color: #ff9d0a;
     cursor: pointer;
 }
 
 .alert .close {
     position: relative;
     top: -2px;
     right: -21px;
     line-height: 20px;
 }
 
 button.close {
     -webkit-appearance: none;
     padding: 0;
     cursor: pointer;
     background: none;
     border: 0;
     color: #63717c;
 }








/*************************************************/
			/*HABILLAGE TABLEAU*/
/*************************************************/
#menuOrange {
	background-image: url(menu_orange.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 15px;
	padding-left: 5px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	text-indent: 3px;
	text-transform: uppercase;
}
#box {
	background-image: url(degrade_box.jpg);
	width: 34px;
	text-align: center;
}

#fondboite {
	background-image: url(fond.jpg);
	height: 350px;
	width:600px;
	padding:30px 0px;
	border: 2px groove #AEAEAE;
}
#petitfondboite {
	background-image: url(fond.jpg);
	height: 100px;
	width:600px;
	padding-left: 50px;
	padding-top: 50px;
}


#valider {
	padding-top: 4px;
}


#utils {
		width:700px;
		}

#fonctions 	{
			float:left;
		}

#defiler {
		float:right;
	 }


#menuGris {
	color: #FFFFFF;
	background-image: url(menu_gris.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	text-indent: 5px;
}
#menuTexte {
	color: #333333;
	background-image: url(menu_texte.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 3px;
	height: 15px;
	text-decoration: none;
}
#menuTexteOff {
	color: #9d9d9d;
	background-image: url(menu_texte.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 3px;
	height: 15px;
}
#titreBoite {
	text-indent: 4px;
	line-height: normal;
	height: 17px;
	width:120px;
	background-image: url(degrade_titre2.jpg);
	border: 1px solid #666666;
	font-weight: bold;
}
#boite {
	padding: 4px;
}
#boiteGauche {
	padding-left: 5px;
	background-image: url(degrade_boite.jpg);
	color:white;
	padding-right: 8px;
	height: 21px;
	width:160px;
}
#boiteGaucheDouble {
	padding-left: 5px;
	background-repeat: no-repeat;
	background-image: url(degrade_boite.jpg);
	color:white;
	padding-right: 8px;
	height: 21px;
	width:160px;
	padding-top : 2px;

}
#boiteGaucheLarge {
	padding-left: 5px;
	background-image: url(degrade_titre4.gif);
	color:white;
	padding-right: 8px;
	height: 21px;
	width:350px;
}


#grosseBoiteGauche {
	padding-left: 5px;
	background-image: url(degrade_droits.gif);
	color:white;
	padding-right: 8px;
	height: 21px;
	width:50%;
}


#deroul_boiteGauche {
	padding-left: 5px;
	background-image: url(degrade_boite.jpg);
	color:white;
	padding-right: 8px;
	height: 21px;
	width:100px;
}
#boiteDroite {
	text-indent: 4px;
	padding-left: 5px;
}


#boiteAjouter {
	background-color: #FFFFFF;
	height: 20px;
	padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #666666;
}

/***********************************************/
/************Pour les barres de menus **********/
/***********************************************/

.story {
	font-size: 80%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#bandOrangeSimple {
	text-indent: 4px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white;
	background-image: url(degrade_titre2.jpg);
	border: 0px;
	/*font-weight: bold;*/
}
#bandOrange {
	text-indent: 4px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white;
	background-image: url(degrade_titre2.gif);
	border: 0px;
	/*font-weight: bold;*/
}
#bandGris {
	text-indent: 4px;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:white;
	background-image: url(degrade_titre4.gif);
	border: 0px;
	/*font-weight: bold;*/
}

#entete
{
   width: 800px;
   height: 100px;
   margin-bottom: 3px;
}

a.boutonAvecRole {
	background-color:darkorange;
	border-width:1px;
}
a.boutonSansRole {
	border-style:solid;
	border-width:0px;
	background-color:transparent;
}

.bouton {
	background-color: transparent;
	border: 0;
	cellspacing: 0;
	color : #505F6B;
}
.bouton-orange {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 15px;
	background-color: transparent;
	border: 0;
	cellspacing: 0;
	color : #666666;
	font-weight: normal;
}

.PetitMenuHaut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	border-left-style: 0;
	padding-right: 8px;
	text-align: right;
	vertical-align: right;
}

#degradeGris {
	background-color: #CCCCCC;
	background-image: url(glbnav_background.gif);
	height: 32px;
}

#degradeGrisGauche {
	background-color: #999999;
	background-image: url(gblnav_left.gif);
	width: 5px;
}

#degradeGrisDroite {
	background-color: #999999;
	background-image: url(glbnav_right.gif);
	width: 5px;
}

.TitreDocument {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bolder;
	color: #666666;
	padding-left: 8px;
}

/***********************************************/
/************ fin des barres de menus **********/
/***********************************************/

/***********************************************/
/************ zones boites de saisie  **********/
/***********************************************/

#gauche
{	float:left;
	padding-left: 8px;
	width:300;
}

#bas_gauche
{	float:left;
	padding-left: 8px;
}


#droite
{
	float:left;
	text-indent:10px;
	padding-left:8px;
	margin-left:10px;
}

#bas_droite
{
	float:left;
	padding-left: 8px;
}


#cala
{
	padding-left: 8px;
	margin-top: 5px;
	width: 20px;
	height:20px;
}
#calb
{
	padding-left: 8px;
	margin-top: 5px;
	width: 20px;
	height:20px;
}

.libelles
{
	float:left;
	margin-top: 5px;
	padding-left: 8px;
	width: 55px;
	text-align:left;
}

.input
{
	padding-right: 8px;
	height: 30px;
	border:0px;
	cellspacing:2px;
	width:130px;
	background-image: url(degrade_boite.jpg);
}

#inputdate
{
	height: 21px;
	width:110px;
}

.input_date
{
	height: 21px;
	width:110px;
}

#inputnorm
{
	height: 21px;
	width:190px;
}
#inputnormdouble
{
	height: 42px;
	width: 390px;
}
#inputnormdoublehauteur
{
	height: 63px;
	width: 390px;
}
#selectnorm
{
	width:190px;
	height:21px;
}
#selectplus
{
	width:250px;
	height:21px;
}

.titresaisie
{
	background-image: url(degrade_boite.jpg);
	padding-right: 0px;
	font-style: normal;
	font-weight: normal;
	font-color: black;
	height: 21px;
	border:0px;
	cellspacing:0px;
	width:130px;
}

.entrees select
{
	text-align:right;
}

.entrees
{
	float:left;
	margin-top: 5px;
	padding-left: 3px;
	/*	width: 110px;*/
	text-align:left;
	align:left;
}

#saisie
{	float:left;
	margin-top: 2px;
	width: 800px;
	height:40px;
}

.bouton_image
{
	float:right;
}

.affichercases
{
	float:right;
	text-align:left;
}

#boutons_page
{
	border:0px;
}

.bouton_droits
{
	background-image: url(menu_texte.gif);
}

a.BD:link {}
a.BD:visited {}
a.BD:hover {cursor:'hand';color: #FF9900;}

a.BM:link
{
	color:#000000;
}
a.BM:hover
{	cursor:'hand';
	color:#FFFFFF;
}

/*** pour les actions menu titre ***/
a.menu_titre:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: transparent;
	color : #505F6B;
}
a.menu_titre:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: transparent;
	color : #505F6B;
}
a.menu_titre:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor:'hand';
	color:#FF9900;
	background-color: transparent;
}

/*****************************************/
/************ fin zones boites  **********/
/*****************************************/

#ecran_requete
{
	margin-top:5px;
	height:600px;
	width:700px;
}

#entete_req
{
	height:110px;
	width:800px;
}

#requete
{
	float:left;
	width:240px;
	height:290;
}

#outils
{
	float:left;
	padding-left:25px;
	z-index:1;
	width:200px;
}

/*********************************************/
/** style de la zone d affichage des droits **/
/*********************************************/

.areaconnect
{	float:left;
	padding-left: 8px;
	width: 350px;
}

.areacare
{	float:left;
	padding-left: 8px;
	width: 120px;
}

.areaplus
{	float:left;
	padding-left: 8px;
	width: 240px;
}

#titreareaconnect
{
	color: #FFFFFF;
	background-image: url(degrade_titre2.gif);
	height: 15px;
	padding-left: 5px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	text-indent: 3px;
	text-transform: uppercase;
}

#titreareacare
{
	background-image: url(degrade_titre2.gif);
	background-repeat: no-repeat;
	height: 15px;
	padding-left: 5px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	text-indent: 3px;
	text-transform: uppercase;
}

#titreareaplus
{
	background-image: url(degrade_titre2.gif);
	background-repeat: no-repeat;
	height: 15px;
	padding-left: 5px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	text-indent: 3px;
	text-transform: uppercase;
}

#col1
{
	color: #FFFFFF;
	background-image: url(menu_gris.gif);
	background-repeat: no-repeat;
	text-indent: 5px;
	padding-left: 10px;
	text-align: center;
	width: 80px;
	align:center;
}

/************************************/
/*** styles pour requetes         ***/
/************************************/

#requeteexec
{
	visibility:hidden;
}

#filtres
{
}


#criteresGauche {
	color: #FFFFFF;
	background-image: url(menu_gris.gif);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 5px;
	height: 23px;
}

.bgBarRed {
background: #ff0000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-weight : bold;
}

/*** style popup droits ***/

#grandtitre
{
	float:left;
	width: 800px;
	height:25px;
}

#premier
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float:left;
	text-align:center;
	width:550px;
	height:25px;
}

#premierDroits
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float:left;
	text-align:center;
	width:512px;
	height:25px;
}

#deuxieme
{
	float:left;
	text-align:left;
	width:550px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF9900;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}
.element
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	width: 510px;
	height:50px;
}
.nom
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	width: 100px;
	height:20px;
}

.nomDroits
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	width: 120px;
	height:20px;
}

.caseServices
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	width: 80px;
	text-align:center;
	height:20px;
	background-color:#FF9900;
}
.case
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	width: 80px;
	text-align:center;
	height:20px;
}
.casetitre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float:left;
	width: 80px;
	text-align:center;
	height:20px;
}


#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

#messageInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 12px;
	color: #000000;
}


/******** style pour grid *****/
.active-row-highlight {background-color: #DDDDDD;}
.active-row-highlight .active-row-cell {background-color: #DDDDDD;}
.active-cell-highlight {background-color: #DDDFFF;}
.active-scroll-corner .active-box-item {background: #DDDDDD;}
.active-scroll-top .active-box-item {background: #DDDDDD;}
.active-scroll-left .active-box-item {background: #DDDDDD;}
.active-scroll-bars {scrollbar-face-color: #DDDDDD;scrollbar-track-color: #DDDDDD;}

#pageLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#erreur
{
	background-color: #FF9900;
}

#saisietopics
{
	position:absolute;
	left:20px;
	top:135px;
	VISIBILITY: hidden;
}

#visutopics
{
	position:absolute;
	left:20px;
	top:135px;
	VISIBILITY: hidden;
}
#zonereponse
{
	position:absolute;
	left:20px;
	top:135px;
	VISIBILITY: hidden;
}

#progressBar
{
	VISIBILITY: hidden;
}

#upload
{
	VISIBILITY: hidden;
}

#loading
{
	VISIBILITY: hidden;
}

.ztexte
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/****************** Page login  *******************/
#mdpOublie{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;
	font-style: italic;
}
#mdpOublie:hover{
	color:#FF9900;
}