/**
 * Feuille de style pour l'appel externe à SAGHE (accès à indext.php)
 * 
 * @copyright Copyright ©SAGHE
 * @author : Patrice Baccaria
 * @version SVN : $Id$
 * @package SAGHE
 */

/****************************************************************************/
/* 						Icones du bandeau haut								*/
/****************************************************************************/

/************************************************/
/***	 pour le logo de SAGHE	 				*/
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/fond_panel.png) top left;
	font: 13px Arial, Helvetica, sans-serif;
	color: #212121;
}

/****************************************************************************/
/* 						Icones du bandeau haut								*/
/****************************************************************************/

/************************************************/
/***	 pour le logo de SAGHE	 				*/
.icone-logo-saghe {
	width: 190px;
	height: 60px;
	background: url(../images/logo_saghe_v2.png) no-repeat;
	cursor: default;
}

.icone-logo-saghe:hover {
	cursor: pointer;
}

/************************************************/
/***	 pour le logo de l'Etablissement		*/
.icone-logo-etablissement {
	height: 60px;
	background-repeat: no-repeat;
	background-position: right;
	cursor: default;
}

.icone-logo-etablissement:hover {
	cursor: pointer;
}

.page {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	/*	padding: 10px 0px;*/
}

.page-titre {
	font: bold 26px arial, tahoma, arial, verdana, sans-serif;
	color: #b07575;
}

.texte-deconnexion {
	font: 11px arial, tahoma, arial, verdana, sans-serif;
	color: #696B6A;
	text-decoration: none;
}

.mention-cnil {
	color: #696B6A; /*15428B*/
	font: italic 10px arial, tahoma, verdana, sans-serif;
	border: 1px solid #99BBE8;
	margin: 20px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
}

.mention-cnil a {
	color: #696B6A; /*15428B*/
}

/************************************************/
/*** pour les tableaux de données du formateur	*/
.tab-info {
	padding: 0px 10px 0px 10px;
}

.tab-info table {
	width: 100%;
	border-collapse: collapse;
	background-color: #f9fcff;
	color: #000000;
	font: bold 12px tahoma, arial, verdana, sans-serif;
}

.tab-info th {
	font: bold 12px tahoma, arial, verdana, sans-serif;
	background-color: #C2D6F0;
	color: #15428B;
	padding: 5px 5px 4px 5px;
	text-align: center;
	border: 3px solid #99BBE8;
}

.tab-info td {
	padding: 5px 0 4px;
	text-align: center;
	border: 3px solid #99BBE8;
}

.tab-info tr:hover {
	background: #cfc; /* //e1ffe1; //#fcf; */
}

/************************************************/
/*** pour les tableaux de données du service	*/
.tab-donnees {
	padding: 20px 10px 0px 10px;
}

.tab-donnees table {
	width: 100%;
	background-color: #f9fcff; /* //#D5E4F5; */
	color: #000000;
	font: 11px tahoma, arial, verdana, sans-serif;
	border: 3px solid #99BBE8;
	border-spacing: 0px 0px;
}

.tab-donnees caption {
	border-spacing: 0px 0px;
	border: 3px solid #99BBE8;
	border-bottom: none;
	font: bold 13px tahoma, arial, verdana, sans-serif;
	background-color: #C2D6F0;
	color: #b07575; /* #15428B; */
	padding: 5px 0px 5px 0px;

	/*	
	margin: 0 0 0 0;
	text-align: center;
	*/
}

.tab-donnees th {
	font: bold 12px tahoma, arial, verdana, sans-serif;
	background-color: #C2D6F0;
	color: #15428B;
	padding: 5px 5px 4px 5px;
	margin: 0 0 0 0;
	text-align: center;
	border-left: 1px solid #99BBE8;
	border-right: 1px solid #99BBE8;
	border-bottom: 3px solid #99BBE8;
}

.tab-donnees td {
	padding: 5px 5px 4px 5px;
	text-align: center;
	border-left: 1px solid #dadada;
}

.tab-donnees tr:hover {
	background: #cfc;
	/* //e1ffe1; //#CCFFCC; //#efefef; //#D5E4F5; //#fcf; */
}

.tab-donnees .row-stripe {
	background-color: #ebf3ff;
}

.tab-donnees .tfoot td {
	font: 10px tahoma, arial, verdana, sans-serif;
	background-color: #C2D6F0;
	text-align: left;
	border-top: 2px solid #99BBE8;
	padding: 2px 2px 2px 10px;
}

.tab-donnees .col-heures-htd {
	text-align: right;
	font: bold 12px tahoma, arial, verdana, sans-serif;
}

.paiement-donnee {
	font: 12px tahoma, arial, verdana, sans-serif;
}

.paiement-donnee-importante {
	font: bold 12px tahoma, arial, verdana, sans-serif;
}

.tab-donnees .align-center {
	text-align: center;
}

.tab-donnees .align-right {
	text-align: right;
}

.tab-donnees .th-vide {
	background-color: #f9fcff;
	border-bottom: 0px none;
}

.tab-donnees .col-vide {
	width: 0;
	background-color: #f9fcff;
}

/*****************************************************/
/*** pour les tableaux des totaux de la page service */
.tab-total {
	padding: 20px 10px 0px 10px;
}

.tab-total table {
	background-color: #f9fcff;
	color: #000000;
	font: 12px tahoma, arial, verdana, sans-serif;
	border: 3px solid #99BBE8;
	border-spacing: 0px 0px;
}

.tab-total th {
	background-color: #C2D6F0;
	color: #15428B;
	padding: 8px 5px 8px 5px;
	margin: 0 0 0 0;
	text-align: center;
	border-left: 1px solid #99BBE8;
	border-right: 1px solid #99BBE8;
	border-bottom: 2px solid #99BBE8;
}

.tab-total td {
	width: 110px;
	padding: 5px 8px 4px 5px;
	text-align: right;
	border-left: 1px solid #dadada;
}

.tab-total tr:hover {
	background: #cfc;
}

.tab-total .row-stripe {
	background-color: #ebf3ff;
}

.tab-total .col-heures-total {
	font: bold 13px tahoma, arial, verdana, sans-serif;;
}

.tab-total .col-heures {
	font-style: italic;
}
/*
.tab-total .th-0 {
	border-bottom: 0px none;
	border-right: 0px none;
}
*/
.tab-total .th-vide {
	background-color: #f9fcff;
	border-bottom: 0px none;
}

.tab-total .col-vide {
	width: 0px;
	background-color: #f9fcff;
}

/************************************************/
/*** pour lesmessages d'erreur					*/
.msg-erreur {
	padding: 20px 10px 0px 10px;
}

.msg-erreur table {
	width: 50%;
	background-color: #ebf3ff; //# D5E4F5;
	color: #000000;
	font: bold 12px tahoma, arial, verdana, sans-serif;
	border: 3px solid #99BBE8;
	border-spacing: 0px 0px;
}

.msg-erreur td {
	padding: 10px 5px 10px 5px;
	vertical-align: top;
}

.msg-erreur .td-form {
	padding: 5px 0px 5px 0px;
	vertical-align: text-bottom;
}

.msg-erreur .bouton {
	cursor: default;
}

.msg-erreur .bouton:hover {
	cursor: pointer;
}

.msg-erreur .icon-error {
	width: 32px;
	height: 32px;
	background: url(../images/icon-error.png) no-repeat;
	margin: 0px 10px 5px 10px;
}

.msg-erreur .icon-info {
	width: 32px;
	height: 32px;
	background: url(../images/icon-info.png) no-repeat;
	margin: 0px 10px 5px 10px;
}

.icon-succes {
	width: 16px;
	height: 16px;
	background: url(../images/success16.png) no-repeat;
	margin: 0px 10px 5px 10px;
}

.icon-erreur {
	width: 16px;
	height: 16px;
	background: url(../images/stop16.png) no-repeat;
	margin: 0px 10px 5px 10px;
}

.msg-erreur .icon-question {
	width: 32px;
	height: 32px;
	background: url(../images/icon-question.png) no-repeat;
	margin: 0px 10px 5px 10px;
}

.msg-erreur .icon-warning {
	width: 32px;
	height: 32px;
	background: url(../images/icon-warning.png) no-repeat;
	margin: 0px 10px 5px 10px;
}

.msg-erreur-critique table {
	/*	border: 3px solid #FFAAAA;*/
	background-color: #FCC9C9;
	font-weight: normal;
}

/* begin css tabs */
.tabmenu .tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 12px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #99BBE8; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 5px 40px;
	/* THIRD number must change with respect to padding-top (X) below */
}

.tabnav li { /* do not change */
	display: inline;
}

.tabnav li a { /* settings for all tab links */
	padding: 5px 10px 5px 10px;
	/* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 2px solid #99BBE8;
	/* #6c6;  set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #D6E4FB;
	/*cfc set unselected tab background color as desired */
	color: #15428B; /* //#666; set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

.tabnav .tab a:hover { /* settings for hover effect */
	background: #cfc; /* D6E4FB set desired hover color */
}

.tabnav .tab-selectionne { /* settings for selected tab */
	border-bottom: 1px solid #D6E4FB;
	/* set border color to page background color */
	background-color: #cfc;
	/* D6E4FB set background color to match above border color */
}

.tabnav .tab-selectionne a {
	background-color: #cfc; /* D6E4FB */
	color: #15428B;
	position: relative;
	top: 1px;
	padding-top: 6px;
}