@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h2 { color:#164175;}
table{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a {text-decoration:none;}
a:hover { text-decoration:underline;}

/*-------- PAGE DE CONNEXION ---------*/

#site{background-image:url(img/background.jpg);	background-repeat:repeat-x;	background-position:bottom;	width:690px; height:440px;}
#logo{background:url(img/logo.jpg) no-repeat bottom; height:165px;}	
#fond_titre{width:527px; height:30px; margin-top:13px;}
#fond_titre_gauche{background: url(img/rouge_gauche.jpg) no-repeat;	width:16px;	height:30px; float:left;}
#fond_titre_droite{background: url(img/rouge_droite.jpg) no-repeat;	width:16px;	height:30px; float:left;}
#fond_titre_centre{background: url(img/rouge.jpg) repeat-x;	width:495px; height:30px; float:left;}
#titre{margin-top:4px; font-size:16px; color:#FFFFFF; font-weight:bold; text-align:left; float:left;}
#statut{margin-top:8px; color:#FFFFFF; text-align:right; float:right;}
#connexion{margin-top:50px;	width:260px;}
#texte{float:left; width: 110px; height: 40px; text-align:right;}
#texte p{ margin:4px 10px 0 0;}
#formulaire{ float:left; width: 150px; height: 40px;}
#bouton { float:right;}

/*-------- PAGE SIGAL ---------*/

#sigal{width:100%; min-width:700px; height:100%;}
#fond_titre_sigal{width:100%; height:30px; margin-top:13px; float:left;}
#fond_titre_sigal_centre{background: url(img/rouge.jpg) repeat-x; width:90%; height:30px; float:right;}
#fond_titre_sigal_droite{background: url(img/rouge_droite.jpg) no-repeat; width:10%; height:30px; float:right;}
#titre_sigal{margin:4px 0 0 10px;; font-size:16px; color:#FFFFFF; font-weight:bold; text-align:left; float:left;}
#deconnect a{margin:8px 0 0 10px; color:#FFFFFF; text-align:left; float:left; width:85px; text-decoration:none;}
#deconnect a:hover{ text-decoration:underline;}
#choix_ticket{margin:0px 0 0 0; color:#FFFFFF; text-align:right; float:right; width:200px;}
#ok_ticket{ background:url(img/btn_ok.gif) no-repeat; width:27px; height:22px; color:#FFFFFF; border:none; text-decoration:none; text-align:center;}
#ok_ticket:hover{ background:url(img/btn_ok_hover.gif) no-repeat;}
#menu{ width:160px; float:left; margin-top:20px;}
#menu a{text-decoration:none;}
#btn_menu{ background:url(img/btn_menu.gif) no-repeat; width:100%; height:40px; color:#FFFFFF; text-decoration:none; cursor:pointer; padding:1px 0 1px 0}
#btn_menu p{ margin:5px 0 0 10px;}
#btn_menu p:hover{ color: #E5E5E5;}
#contenu{ float:left; width:70%; padding:20px 0 0 0;}
#footer{ width:100%; height:40px; background:url(img/background2.jpg) repeat-x; float:left;}
#pr_scr a{margin:8px 0 0 10px; color:#FFFFFF; text-align:right; float:right; width:150px; text-decoration:none;}


/*---------- TABLEAU ADMIN_USER ----------*/

#tableau_admin{text-align:center; margin-top:30px;}
#tableau_admin tr td a{ text-decoration:none; color:#000;}
#tableau_admin tr td a:hover{ color:#666;}
#tableau_admin tr td a img{ border:none;}
#tableau_case_texte{ height:30px; vertical-align:top;}
#agence { background:url(img/agence.jpg) no-repeat center; cursor:pointer;}
#agence:hover{ background-image:url(img/agence_hover.jpg);}
#new_agence { background:url(img/new_agence.jpg) no-repeat center; cursor:pointer;}
#new_agence:hover{ background-image:url(img/new_agence_hover.jpg);}
#hotliner { background:url(img/hotliner.jpg) no-repeat center; cursor:pointer;}
#hotliner:hover{ background-image:url(img/hotliner_hover.jpg);}
#new_hotliner { background:url(img/new_hotliner.jpg) no-repeat center; cursor:pointer;}
#new_hotliner:hover{ background-image:url(img/new_hotliner_hover.jpg);}
#refresh { background:url(img/refresh.jpg) no-repeat center; cursor:pointer;}
#refresh:hover{ background-image:url(img/refresh_hover.jpg);}

/*-------- TABLEAU NOUVELLE AGENCE -------*/

#tableau_new_agence{margin-top:30px;}
#tableau_new_agence tr td{ padding:0 10px 10px 0;}
#tableau_new_agence_texte{text-align:right;}
#tableau_new_agence_input{text-align:left;}


/*------- TABLEAU NOUVEAU TICKET -----------*/

#tableau_ticket{ margin-top:30px;}
#tableau_ticket tr td{ padding:0 10px 10px 0;}


/*------- TABLEAU TICKETS OUVERTS ---------*/

#tableau_ticket_ouvert { margin:20px 0 20px 0;}
/*#tableau_ticket_ouvert a{color:#000; text-decoration:underline;}
#tableau_ticket_ouvert :hover{ color:#333; text-decoration:underline;}*/
#rouge{background:url(../img/rouge_tableau.jpg) repeat-x bottom; color:#000; cursor:pointer;}
#rouge:hover{background:url(../img/rouge.jpg) repeat-x center; color:#000; cursor:pointer;}


/*-------- PAGE VISU TICKET --------*/

#tableau_visu_info{ width:98%; border-collapse:collapse;}

.administrateur{color:#DF1432;}
.hotliner{color: #E85B6E;}

/* autre */
.titre{ background:url(../img/rouge.jpg) repeat-x center; font-weight:bold; color:#FFF; height:30px;}

/*-------- Infobulles  --------*/
a.info {position: relative;color: black;text-decoration: none;}
a.info span { display: none;}/* on masque l'infobulle */
a.info:hover {
      background: none; /* correction d'un bug IE */
      z-index: 500; /* on définit une valeur pour l'ordre d'affichage */     
      cursor: help; /* on change le curseur par défaut en curseur d'aide */
    }

a.info:hover span { 
    display: inline; /* on affiche l'infobulle */
    position: absolute;
    white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
    top: 30px; /* on positionne notre infobulle */
    left: 20px;			       
    background: white;
    color: green;
    padding: 3px;
    border: 1px solid green;
    border-left: 4px solid green;
    text-decoration : none;
}