@CHARSET "UTF-8";

/* Redefinitions des balises HTML de base */

html, body {
	/* height: 100%; */
	margin: 3px;	
	}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	height:100%;
	text-align:center;
}
form {
	margin:0px;
	padding:0px;
}
h1 {
   font-size:1.2em;
}
img {
	border:none;
}
.spacer {
	clear: both;
}
/************************** Definition des liens ***********************************/

A:link {
	color: #333399;
	text-decoration: none;
}
A:visited {
	color: #800080;
	text-decoration: none;
}
A:hover {
	color: #CC0000;
	text-decoration: underline;
}
A:active {
	color: #333399;
	text-decoration: none;
}


.ErreurFatale {
	margin:10px;
	font-size:1.2em;
	text-align:center;
	background-color:red;
	border:3px solid black;
	padding:10px;
}
.ErreurFatale h1 {
	text-align:center;
}
/**************************** Classe Accueil ***********************************/
#DivFenetreBienvenue {
	
	margin:0px;
	padding:5px;
	border: 1px solid none;
	font-size:0.9em;
	background-position: 0% 0%;
	background-repeat:repeat-x;
	background-image:url(../images/SCAP_OmbreInterieure.jpg);		
}
#DivFenetreBienvenue h1 {	
	text-align:center;
	
}



#DivSousBody {
	border:1px solid black;	
	width:970px;	
	margin-left: auto;
	margin-right: auto; 
	padding:0px;
}

#CadrePage {	
	border:0px black solid;
	margin:0px;	
	text-align:left;
	
}



/******************* Conception de la fenêtre principale *******************************************
 - 1 Div avec ID FenetreGenerale. Cette Div contient 2 Div :
 - FenetreSideBar qui contient  la fenetre de gauche pour les annotations
 - FentreContent qui contient les formulaires et les affichages principaux
*/		
#DivFenetreDisclaimer {
	margin:10px;
	padding:10px;
	border: 1px solid black;
	font-size:1em;
		
}

#DivFenetreHelp {
	margin:10px;
	padding:10px;
	border: 1px solid black;
	font-size:0.8em;
	background-color:#FFFFE0;
}
#DivFenetreHelp h2 {
	text-align:center;
}


div#DivFenetreGenerale {	
	background-color:#e1f0f7;
	margin:0px;
	padding:0px;
}	
	
div#FenetreSideBar {	
	float: left;
	width: 245px;
	font-size:0.8em;		
	padding:5px;	
	text-align:center;		
	margin:0px;
}
div#FenetreContent {		
	background-color:white;	
	padding:0px;
	border-left:1px black solid;		
	text-align:center;
	margin-left:250px;	
	margin-bottom:0px;
}
div#FenetreContentHorsMenu {				
	padding:0px;
	margin:0px;	
}

#FenetreContent h1 {
	padding-left:25px;
	background-repeat:no-repeat;
	background-position:left;
	background-image:url(../images/SCAP_fleche_titre.jpg);	
	color: #ff6600;
	font-size:1.0em;	
	text-align:left;
}



/******************** Fin de la structure de la fenêtre principale *******************************/


/* Menu de navigation */
#DivMenuHorizontal {
	
	margin:0px;
	
	padding-top:2px;
	padding-bottom:2px;
	
	text-align:left;
	
	border-bottom:1px black solid;	
	/* border-left:1px black solid; */		
	background-color:#006daa;
	font-size:1.0em;
	font-weight:bold;
}
#DivMenuHorizontal table{
    width: 100%;
}
#DivMenuHorizontal table  td.alignleft{
    text-align: left;
}
#DivMenuHorizontal table  td.alignright{
    text-align: right;
}
#TableauMenuHorizontal {
	
}

#DivMenuHorizontal span {

}

#MenuHorizontal A a:link A:visited A:hover a:active {
	color:white;
}

a.MenuHorizontal:link {
	color:white;
	text-decoration: underline;
}
a.MenuHorizontal:visited {
	color:white;
	text-decoration: underline;
}
a.MenuHorizontal:active {
	color:white;
	text-decoration: underline;
}
a.MenuHorizontal:hover {
	color:white;
	text-decoration: underline;
}




span.EtapeEnCours {
	font-size:1.0em;
	margin:3px;
	padding:3px;
	background-color:white;
	color:#006daa;
	font-weight:bold;
}

span.AutresEtapes {	
	color:white;
	
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	font-size:1.0em;
	/* font-weight:bold; */
	border-left: 1px dashed white;	
}
/*
.DivNavigationPath {
	margin:10px;
}
*/

/********** fin du menu de navigation *******/


.TexteBarre {
	text-decoration:line-through;
	font-size:0.8em;
}

/************ La fenetre depliante *****/

#DivBoiteDepliante {
	margin:5px;
}
#DivBoiteDepliante span {
	font-size:1em;
	font-weight:bold;
}
#DivBoiteDepliante img {
	margin-right:4px;
	margin-left:4px;
}


/************ fin de la fenetre depliante *****/


#DivTopBanner {
	height:108px;
	background-color:#0177bd;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../images/SCAP_Banner.jpg);
	margin:0px;
	padding:0px;
}

#DivFooter {
	border:1px solid black;
	background-color:red;
}

.BandeauBoutonsBas {
	margin:5px;
	text-align:center;
	padding:10px;
}

.InfoText {font-size: 1em; font-weight: bold; padding:2px;text-align:center; }
.MainTitle   {text-align: center; font-size: 1.5em; font-style: italic; font-weight: bold; margin-top: 20px; margin-bottom: 20px }
.WarningText {font-size: 1em; font-style: normal; font-weight: bold; background-color:red; color:white;padding:5px;text-align:center; }
DIV.BodyText {margin-bottom:20px;}

#DisclaimWindow {margin:30px;}

.Guide  {
	font-size:0.8em;	
	background-color:#FFCE00;
	border:1px black solid;
}

DIV.BandeauBoutonDroit {
	text-align:right;
	margin-top:30px;
	margin-bottom:30px;
	margin-right:30px;
	}
	
/***************** Les elements de la fenetre principale ******************************************************/

#DivTableauPrincipal {
		text-align:left;		
		padding:5px;
		font-size:1em;
}

#TableauPeriode,#TableauSalaire,#TableauCalcul,#TableauPension,#TableauSaisieDates, #TableauAllocations, #TableauTotal {	
	width:600px;
	border : 1px solid black;
	font-size:0.8em;	
}
#TableauSaisiePeriodeService {
	border : 1px solid black;
	font-size:0.8em;		
}

#TableauSalaire TD,#TableauSaisiePeriodeService TD,#TableauPeriode TD ,#TableauCalcul TD,#TableauPension TD,#TableauSaisieDates TD,#TableauAllocations TD,#TableauTotal TD {
	border : 1px solid black;	
}



.TDAvertissement {
	font-weight:bold;
	text-align:center;
	font-size:1em;
	font-style:italic;
}
.TDImpossible {
	font-weight:bold;
	text-align:center;
	font-size:1em;
	font-style:italic;
	background-color:red;
}

.CelluleTotalCalcul {
	font-weight:bold;
}

#TableauSaisiePeriodeService TD {
	padding:5px;
}

#TableauPeriode TH, #TableauPension TH, #TableauAllocations TH, #TableauTotal TH {
	font-weight:bold;
	border : 1px solid black;
	background-color:#CDCDD2;
	
}
#TableauTotal{
    margin-left:auto;
    margin-right:auto;
    border-spacing: 3px;
    padding: 5px;
}
#DivBoutonTableauAge {
	margin:0px;
	padding:0px;
}

.SousTotal {
	border:0px;
	font-weight:bold;
	font-size:1em;
	padding:3px;
	margin:0px;
	background-color:#e1f0f7;
	text-align:right;
}
.Total {
	border:0px;
	font-weight:bold;
	font-size:1.2em;
	padding:3px;
	margin:0px;
	background-color:#006daa;
	color:#FFFFFF;
	text-align:right;
}


#TableauBoutonsTableauPeriodes TD {
	border:0px solid black;
	font-size:0.8em;
}

#DivSaisiePeriodeService {
	text-align:right;
	margin:10px;
	font-size:1.2em;	
}

h3 {
	font-size:1em;
	background-color:red;
}

.BoiteSaisieNombre {
	text-align:right;
}

.PeriodeSaisieBox, .AllocSaisieBox {
	text-align:right;
}
 
.TDLibellePeriode {
	text-align:left;
}
.TDLibelleSalaire, .TDLibelleAge {
	font-weight:bold;
	background-color:#CDCDD2;
	text-align:left;
}
.TDLibelleCalcul {
	text-align:left;
}
.TDValeurCalcul {
	text-align:right;
}
.TDTotalCalcul {
	font-weight:bold;
}
.TDHintSalaire, .TDHintPension {
	font-size:0.8em;
	font-style:italic;
	
	text-align:left;
}

.TDLibelleSousTotal {
	text-align:left;	
	font-weight:bold;
	font-size:1em;	
	background-color:#e1f0f7;	
}
.TDLibelleTotal,.TDLibelleTotalAllocations,.TDTotalLibellePension,.TDTotalLibelleTotal {
	text-align:left;
	background-color:#006daa;
	color:#FFFFFF;	
	font-weight:bold;
	font-size:1.2em;	
}

.TDValeurTotalAllocations,.TDTotalValeurPension,.TDTotalValeurTotal
{
	text-align:right;
	background-color:#006daa;
	color:#FFFFFF;	
	font-weight:bold;
	font-size:1.2em;	
}

.TDValeur {
	text-align:right;
} 

.DetailsEntreParentheses {
	font-size:0.7em;
	font-style: italic;
}
.FormElement {
	font-size: 1em;
	}



#DivHelpPrintingMessage {
	text-align:left;
	margin-top: 10px;
	padding:5px;
}
#DivHelpPrintingMessage h2 {
	font-size:1.2em;
}
#DivHelpPrintingMessage img {
	margin-right:5px;
}

#DivDetailsNote {
	text-align:left;
	margin:10px;
	font-size:0.8em;
	
}

#DivDroitAuxAllocs {
	margin:5px;
	font-size:0.8em;
}

.GuideSubtitle {  font-size: 1.4em; font-weight: bold; text-align: left; 
               margin-top: 8px; margin-bottom: 6px; margin-right: 6px; font-style:italic }
.GuideBodyText    { text-align: left;  margin-left: 10; 
               margin-top: 6px; margin-bottom: 4px ; margin-right: 6px }
.GuideSubText    { text-align: left; font-family: Arial, sans-serif; font-size: 0.6em; margin-left: 20px; margin-right: 20px;
               margin-top: 6px; margin-bottom: 4px ;  }
.GuideImportant {   font-weight: bold; text-align: left; 
               margin-top: 6px; margin-bottom: 2px; font-style:italic ; margin-right: 6px }
.GuideImportantText    { text-align: left;   margin-left: 20px; margin-right: 20px;
               margin-top: 4px; margin-bottom: 4px ; font-style:italic}
.GuideMaintitle { font-size: 1.4em; font-weight: bold; text-align: left; 
               margin-top: 12px; margin-bottom: 12px; ; margin-right: 6px  }


.estimate { text-transform: uppercase;}

.turkeyWarning {
	color: #ff2831;
	font-size:1.0em;
	text-align:center;

}
/********* PRINT EXCEPTIONS ************/
.print {
        display: none;
}