/******************/ /* TAG PRINCIPAUX */ /******************/
body {
	background-color: #FFFFFF;
	background-image: none;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: non !important;
}

table {
	background-color: #FFFFFF;
	border-collapse: separate;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	border: 1px solid #000000;
	float: non !important;
}

strong {
	color: #FF0000;
}

.table_mission {
	border-collapse: separate;
	border-width:3px; 
        border-style:solid; 
        border-color:black;
	float: non !important;
}

.table_planning {
	background-color: #333333;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #000000;
	float: non !important;
}

.table_noborder {
	background-color: transparent;
	border-collapse: collapse;
	border-width: 0px;
	float: non !important;
}

tr {
	height: 22px;
	float: non !important;
}

img {
	border-collapse: collapse;
}

a img {
	border: none;
	text-decoration: none;
}

#image {
	border-collapse: collapse;
	height: 150px;
	max-width: 1000px;
        display: none;
}

#image_mission {
	border-collapse: collapse;
	height: 80px;
        width: 200px;
        padding: 20px 0px 0px 200px;
        float: left;
}

#photo {
	border-collapse: collapse;
	height: 100px;
	max-width: 1000px;
}

.piedpage{
    text-align: center;
    position: fixed;
    bottom: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold; 
    width: 1200px;
    height: 50px;
}

/************** SCALABLE **********************/
dl.scalable {
	background: #eee url(../images/acj.gif) repeat;
	margin: 0;
	padding: 0;
	float: left;
}

dl.scalable dt {
	background: transparent url(../images/acj_top_left.gif) no-repeat top
		left;
	color: #000;
	margin: 0;
	padding: 0
}

dl.scalable dt a {
	background: transparent url(../images/acj_top_right.gif) no-repeat top
		right;
	display: block;
	vertical-align: middle;
	text-align: left;
	margin: 0;
	padding: 1em 1.5em .2em 1.5em
}

dl.scalable dd {
	background: transparent url(../images/acj_bottom_left.gif) no-repeat
		bottom left;
	margin: 0;
	padding: 0
}

dl.scalable p {
	background: transparent url(../images/acj_bottom_right.gif) no-repeat
		bottom right;
	margin: 0;
	padding: 1.33em 1.5em 2.33em 1.5em
}

/**********/ /*  EXPIRED SESSION */ /**********/
#expired {
	margin-top: 50px;
	background-color: #FFFFFF;
	width: 500px;
	position: absolute;
	margin-left: -250px;
	left: 50%;
	border: 1px solid #666699;
}

/**********/ /*  LOGIN */ /**********/
#login {
	margin-top: 200px;
	background-color: #FFFFFF;
	width: 500px;
	position: absolute;
	margin-left: -250px;
	left: 50%;
	border: 1px solid #666699;
	height: 160px;
}

.title_log {
	background-color: #BBBBBB;
	background-image: none;
	text-align: center;
	color: #FFFFFF;
	font-weight: 600;
	height: 25px;
	line-height: 2em;
}

/*******************/ /* HEADER */ /*******************/
.welcome{
        text-align: right;
	font-size: 14px;
	font-weight: 400;
	text-indent: 10px;
	width: 1180px;
	height: 20px;
	margin-bottom: 20px;
	color: #666699;
        display: none;
}
#main {
	background-color: #FFFFFF;
	width: 1200px;
	position: absolute;
	margin-left: 0px;
	left: 5%;
        border: 1px solid #FFFFFF;
}

#logo {
	text-align: center;
	width: 1000px;
	height: 150px;
	margin: 5px 0px;
        display: none;
}

#menu_top {
	width: 1000px;
	height: 30px;
	margin-bottom: 20px;
}

.menu_button {
	float: left;
	background-image: url(../../images/menuBtn.jpg);
	text-align: center;
	display: none;
	line-height: 2em;
	width: 120px;
	height: 30px;
}

.menu_button a:visited,.menu_button a:link,.menu_button a:active {
	color: #594B61;
	text-decoration: none;
	display: none;
}

.menu_button .menu_button a:hover {
	color: #594B61;
	text-decoration: underline;
	display: none;
}

.menu_buttonOn {
	float: left;
	background-image: url(../../images/menuBtnOn.jpg);
	text-align: center;
	display: none;
	line-height: 2em;
	width: 120px;
	height: 30px;
}

.menu_buttonOn a:visited,.menu_buttonOn a:link,.menu_buttonOn a:active {
	color: #594B61;
	text-decoration: none;
	display: none;
}

.menu_buttonOn a:hover {
	color: #594B61;
	text-decoration: underline;
	display: none;
}

.menu_buttonClick {
	float: left;
	background-image: url(../../images/menuBtnClick.jpg);
	text-align: center;
	display: none;
	line-height: 2em;
	width: 120px;
	height: 30px;
}

.menu_buttonClick a:visited,.menu_buttonOn a:link,.menu_buttonOn a:active
	{
	color: #FFFFFF;
	text-decoration: none;
	display: none;
}

.menu_buttonClick a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	display: none;
}

.menu_buttonClick_planning {
	float: left;
	background-image: url(../../images/menuBtnClick.jpg);
	text-align: center;
	display: none;
	line-height: 2em;
	width: 120px;
	height: 30px;
}

.menu_buttonClick a:visited,.menu_buttonOn a:link,.menu_buttonOn a:active
	{
	color: #FFFFFF;
	text-decoration: none;
	display: none;
}

.menu_buttonClick a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	display: none;
}



.menu_logout {
	float: left;
	background-image: url(../../images/logout.jpg);
	text-align: center;
	display: none;
	line-height: 2em;
	width: 40px;
	height: 30px;
}

.menu_logoutOn {
	float: left;
	background-image: url(../../images/logoutOn.jpg);
	text-align: center;
	display: none;
	line-height: 2em;
	width: 40px;
	height: 30px;
}

.menu_logoutClick {
	float: left;
	background-image: url(../../images/logoutClick.jpg);
	text-align: center;
	display: none;
	line-height: 2em;
	width: 40px;
	height: 30px;
}

.menu_logoutOn a:hover {
	text-decoration: none;
	display: none;
}

/**********/ /* FOOTER */ /**********/
#bottom {
	float: left;
	background-color: #FFFFFF;
	/*background-image: url(../../images/ltdweb.png);*/
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 20px;
	width: 1200px;
	height: 70px;
        display: none;
}

/*******************/ /*   PAGE POPUP    */ /*******************/
.popup {
	background-image: none;
	background-color: #FFFFFF;
}

#principale_popup { /* Entre header et footer */
	width: 830px;
	float: left;
	text-align: center;
	float: non !important;
}

.titre_popup {
	background-image: none;
	background-color: #FFFFFF;
	text-align: center;
	float: left;
	font-size: 26px;
	text-decoration: underline;
	font-weight: 700;
	width: 800px;
	letter-spacing: 0px;
	margin-bottom: 0px;
	color: #000000;
}

.titre_popup2 {
	background-image: none;
	background-color: #FFFFFF;
	float: left;
	height: 0px;
	width: 800px;
	margin-bottom: 10px;
}

.printable_titre_popup {
	background-color: #FFFFFF;
	text-align: center;
	font-size:26px;
	text-decoration: underline;
	font-weight: 700;
	width: 1045px;
	letter-spacing: 0px;
	margin-bottom: 20px;
	color: #000000;
}

.add_object_popup { /* Ajouter Object dans pop up*/
	width: 800px;
	text-align: left;
	text-indent: 2px;
	margin: 20px 0px;
}

.button_bottom_popup {
	float: left;
	text-align: center;
	margin: 10px 0px;
	width: 800px;
	display: none;
}

.button_print {
	float: left;
	text-align: right;
	margin: 10px 0px;
	display: none;
}

.hidden_onprint {
	display: none;
}

/*******************/ /* PAGE PRINCIPALE */ /*******************/
#principale { /* Entre header et footer */
	width: 1200px;
	text-align: center;
	margin: 0px;
	float: non !important;
}

#alert { /* seulement pour la page seeCompany.jsp */
	float: left;
	text-align: center;
	width: 165px;
	border: 2px solid #666699;
}

#seeCompany { /* seulement pour la page seeCompany.jsp */
	float: right;
	width: 800px;
}

.seeDetailInfo {
	/* Block avec 2 div a l'interieur: 1 gauche, 1 Droite */
	width: 940px;
	text-align: center;
	margin: 0px 10px;
	float: left;
}

.leftInfo {
	float: left;
	margin-left: 15px;
	width: 390px;
}

.rightInfo {
	float: right;
	margin-left: 15px;
	width: 410px;
}

.titre {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	width: 1200px;
	height: 20px;
	margin-bottom: 100px;
	color: #666699;
}

.titre2 {
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	text-indent: 10px;
	text-transform: uppercase;
	width: 980px;
	height: 20px;
	margin-bottom: 20px;
	color: #666699;
}

.info { /* information */
	width: 960px;
	color: #7D7D7D;
	text-align: center;
	margin: 10px;
}

.infoerrors { /* information sur les erreurs*/
	width: 600px;
	text-align: left;
	padding: 10px;
	border: 1px solid #6f4d19;
	margin-left: auto; 
  	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.info2 {
	/* information pour la premiere page seulement, differente width */
	color: #7D7D7D;
	text-align: center;
	margin: 10px;
}

.infoEmp { /* information sur les employés */
	color: #7D7D7D;
	text-align: center;
	margin: 10px;
	cursor: pointer;
	width: 380px;
}

.star { /* Champ Obligatoire */
	color: #AA0000;
        display: none;
}

.inf { /* Info sur le Champ */
	color: #7D7D7D;
        display: none;
}

.add_object { /* Ajouter Object */
	width: 980px;
	text-align: left;
	text-indent: 90px;
	margin: 20px 0px;
}

.categorie {
	display: inline;
	margin: 50px;
}

/* Planning, Couleur des cellules d'un planning */
.noday {
	vertical-align: top;
	text-align: center;
	background-color: #7D7D7D;
}

.holiday {
	vertical-align: top;
	text-align: center;
	background-color: #FFFFCC;
}

.jour_normal {
	vertical-align: top;
	text-align: center;
	background-color: #EEEEEE;
}

.formation {
	color: green;
	font-weight: bold;
	font-style: italic;
}

.exceptional {
	color: #0292CC;
	font-weight: bold;
}

.absent {
	color: red;
	font-weight: bold;
}


.modif {
	color: #FF8EC6;
	font-weight: bold;
}

.annul {
	color: #FFC1D8;
	font-weight: bold;
}

.retard {
	color: #FF9900;
	font-weight: bold;
}

.replaced {
	color: #E06316;
	font-weight: bold;
}

.indispo {
	background-color: #3FD8FF;
}

/* Boutons Annuler, Suivant... du bas de la page */
.button_bottom {
	float: left;
	text-align: center;
	margin: 10px 0px;
	width: 960px;
	display: none;
}

.print_button{
        float: left;
	text-align: right;
	margin: 10px 0px;
	width: 1200px;
        display: none;
}

.hidden4print{
    display: block;
}

.text_no_border{
        border:none;
}


/* Couleurs pour les tableaux */
.couleurMenu { /* Couleur du Menu de table */
	background-color: #DCDCDC;
	background-image: none;
	color: #000000;
}

.couleurDark { /* Couleur 1 ligne sur 2 */
	background-color: #EEEEEE;
}

.couleurLight { /* Couleur 1 ligne sur 2 */
	background-color: #FFFFFF;
}

.couleurClosedDark { /* Couleur 1 ligne sur 2 */
	background-color: #9EF280;
}

.couleurClosedLight { /* Couleur 1 ligne sur 2 */
	background-color: #BBFFA3;
}

.couleurModif { /* Couleur de modif */
	background-color: #FFCC99;
}

.couleurEven { /* Couleur de modif */
	background-color: #FFDDEE;
}

.couleurHol { /* Couleur de modif */
	background-color: #FFFFCC;
}

.couleurSun { /* Couleur de modif */
	background-color: #EEFFDD;
}

.couleurHolSun { /* Couleur de modif */
	background-color: #FFA500;
}

.couleurPb {
	background-color: #ECA6A6;
}

.couleurEx {
	background-color: #A3E4FF;
}

.couleurDevis {
	background-color: #A3E474;
}

/* Liens */
a:visited,a:link,a:active {
	color: #444499;
	text-decoration: none;
        display: none;
}

a:hover {
	color: #444499;
	text-decoration: underline;
}