/*

Penser à changer l'URL du menu au déploiement

Je crée la démarquation screen et print
pour rassembler dans une feuille de style 
les attributs commun et en-dessous ceux 
spécifiques à l'impression

Bleu clair : #EDF2F6;
Bleu : #9FC4FF;
Bleu foncé : #7FB0FF;
Bleu (pour le texte) : #0C2E89
Violet : #9FA7FF;

*/


/********************************
			Styles HTML
*********************************/
BODY {
	PADDING: 0px; 
	MARGIN: 0px; 
	FONT-STYLE: normal;
	FONT-SIZE:10px; 
	FONT-FAMILY: Verdana; 
	BACKGROUND-COLOR: #ffffff
}
FORM {
	PADDING: 0px;
	PADDING-left: 5px;
	MARGIN: 0px;
}
P {
	PADDING: 0px; 
	MARGIN: 0px;
}
UL {
	
}
TABLE 
{
	FONT-SIZE:11px;
}

INPUT {
	MARGIN: 1px 0px;
	FONT-SIZE:11px;
}
IMG 
{
	border:0px;
	margin:0px;
}
SELECT {
	FONT-SIZE:11px;
	FONT-FAMILY: Arial;
	BORDER: #333333 1px solid; 
	MARGIN: 1px 0px;  
}
TEXTAREA {
	BORDER: #333333 1px solid; 
	MARGIN: 1px 0px; 
}

A {
	COLOR: #000066; 
	TEXT-DECORATION: underline;
}
A:link {
	COLOR: #000066; 
	TEXT-DECORATION: underline
}
A:visited {
	COLOR: #000066; 
	TEXT-DECORATION: none
}
A:active {
	COLOR: #000066; 
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #8C4436; 
	TEXT-DECORATION: underline
}
H1
{
	FONT-STYLE: normal;
	FONT-SIZE:14px; 
	FONT-FAMILY: Arial;
	background-color:#96bb3a/*#9FA7FF*/;
	padding:3px 10px;
	margin:0px;
}
H2
{
	FONT-STYLE: normal;
	FONT-SIZE:11px; 
	FONT-FAMILY: Arial;
	background-color: #EDF2F6;
	padding:2px 10px;
	margin:0px;
}
HR
{
	color:black;
}
/*****************************************
	Styles des contrôles
******************************************/
.Calendar
{
	font-family : Arial;
	font-size : 8pt;
}
INPUT.Date
{
	width:100px;
	font-family : Arial;
}
/*	Bouton  */
INPUT.Bouton, TD.Bouton INPUT
{
	BORDER: #333333 1px outset;
	FONT-SIZE:11px; 
	background-color:#96bb3a;/*#B691B6;/* #9FA7FF;*/
	font-family : Verdana;
	cursor:pointer;
}
input.Bouton:active {
	border:1px inset 4B5356;/*#333333;*/
}
/* TextBox */
INPUT.Required
{
	background-color:#FFF3AF;
}
INPUT.Disable
{
	background-color:#cccccc;
}
/* ValidationSummary */
TABLE.ValidationSummary
{
	font-weight:bold;
	width:100%
}
.ValidationSummary UL
{
	font-weight:normal;
}
.ValidationSummary LI
{
	font-weight:normal;
	padding:0px;
	margin-left:30px;
	
}
/*
	Tableau
		-> Avec ou sans cadre
		-> Mise en forme de type H1 ou H2
*/
TABLE.AvecCadre, TABLE.AvecCadre TD
{
	border:solid 1px black;
	border-collapse:collapse;
	padding:5px;
}


TABLE.AvecCadreAcc, TABLE.AvecCadreAcc TD
{
	border:solid 3px black;
	border-collapse:collapse;
	padding:5px;
}

TABLE.SansCadre, TABLE.SansCadre TD
{
	border-style:none;
	padding:5px;
}
DIV.TreeView TD, .TreeView TABLE, .TreeView TR
{
	margin:0px;
	padding:0px;
	FONT-SIZE:10px;
	font-weight:bold;
	border:none 0px white;

}
/* Les titres H1 et H2 */
 TR.EnteteH1, TD.EnteteH1
 {
	FONT-STYLE: normal;
	FONT-SIZE:14px; 
	FONT-FAMILY: Arial;
	background-color: #96bb3a;/*#A377A2;/* #9FA7FF; /*#9FC4FF;*/
	padding:3px 10px;
	margin:0px;
	font-weight:bold;
 }
 
 /*Modification 26/11/2008 Louis*/
/*Modification 2708 lmo*/
TR.EnteteH2Acc, TD.EnteteH2Acc, SPAN.EnteteH2Acc
 {
	FONT-STYLE: normal;
	FONT-SIZE:25px; 
	FONT-FAMILY: Verdana;
	background-color:#96bb3a;/*:#A377A2; /*#FFEF0D;*/
	padding:2px 10px;
	margin:0px;
	font-weight:bold;
 }
 
 TR.EnteteH2, TD.EnteteH2, SPAN.EnteteH2
 {
	FONT-STYLE: normal;
	FONT-SIZE:10px; 
	background-color: #96bb3a;/*#A377A2;/*#A7BEDF;*/
	padding:2px 10px;
	margin:0px;
	font-weight:bold;
 }
 
TR.EnteteH2 A:active,TR.EnteteH2 A:link ,  
TD.EnteteH2 A:active , TD.EnteteH2 A:link ,
SPAN.EnteteH2 A:active,SPAN.EnteteH2 A:link,
TR.HeaderRow A:active, TR.HeaderRow A:link, TR.HeaderRow A:active, TR.HeaderRow A:visited,
TR.EnteteH1 A:active, TR.EnteteH1 A:link, TR.EnteteH1 A:visited,
TD.EnteteH1 A:active, TD.EnteteH1 A:link, TD.EnteteH1 A:visited,
SPAN.EnteteH1 A:active, SPAN.EnteteH1 A:link, SPAN.EnteteH1 A:visited,
TD.OngletOn A:active,  TD.OngletOn A:link,TD.OngletOn A:visited
{
	text-decoration:none;
}
A.Help IMG
{
	border:0px;	
	margin:0px;
}
/*Donne un cadre au image si besoin*/
INPUT.AvecBord, IMG.AvecBord
{
	border:solid 3px #FFE96F;
}
/*****************************************
	Bannière, menus et MasterPage

Menu - Gris				: #cccccc
Menu - Bleu clair		: #344475
Menu - Bleu foncé		: #858FAC
Bannière - Bleu ciel 	: #edf2f6

******************************************/
/*
	BanniereCentre :
		- Cache les bords du lien vers l'accueil sur l'image 
		- Donne une couleur de fond à la bannière (bleu ciel)
*/
TABLE.BanniereCentre 
{
	background-color: #A377A2;/*#9FA7FF;/*#edf2f6;*/
}

TABLE.BanniereCentre IMG 
{
	display:block;
	border-style:none;
	margin:0px;
	padding:0px;
}

.Menu
{
	width:100%;
	background-color:#cccccc;
}
.MenuItemStatic
{
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	width:100px;
	
}
.MenuItemStatic a
{
	display:block;
	width:100%;
	background-color: #cccccc;
	color:#000000;
	margin:0px;	
	padding:5px 10px;
	text-decoration:none;
}
.MenuItemStatic a:visited
{
	background-color: #cccccc;
	color:#000000;
	text-decoration:none;
}
.MenuItemStatic a:hover,a:active
{
	background-color: #4B5356 /*#344475*/;
	color:#ffffff;
	text-decoration:none;
}
.MenuDynamic 
{

}
.MenuItemDynamic
{
	font-size: 10px;
	background-color: #858FAC;
	color:#ffffff;
	
}
.MenuItemDynamic a
{
	display:block;	
	text-decoration:none;
	color:#ffffff;
	padding:5px 10px;
	
}

.MenuItemDynamic
{
	color:#0C2E89;
	FONT-SIZE:11px;
	font-weight:normal;
	font-family:Arial;
	text-align:left;
	padding:0px 5px;
	
}

.MenuItemDynamic a:hover
{
	color:#4B5356/*#0C2E89*/;
	font-weight:bolder;
	text-decoration:none;
}

IMG.imgBannerCentre
{
	width:100%;
}
/*****************************************
	Styles du GridView
******************************************/
TABLE.GridView, TABLE.DetailsView
{
	border:solid 1px black;
	padding:15px;
}

TABLE.GridView TD, TABLE.DetailsView TD
{
	border:solid 1px black;
	border-collapse:collapse;
	padding:5px;
}
TD.DESC
{
    background-image: url(../Images/Fleche_bas.gif);
    background-repeat:no-repeat;
    background-position:right;
}
TD.ASC
{
    background-image: url(../Images/Fleche_haut.gif);
    background-repeat:no-repeat;
    background-position:right;
}
TR.HeaderRow
{
	background-color:#96bb3a;/*#B691B6;/*#AFCCFF;*/
	font-weight:bold;
}
TR.HeaderRow TH
{
	border:solid 1px black;
	FONT-SIZE:11px;
}
/*
	Attention la mise en forme sous IE est un peu capricieuse
	SPAN désigne l'élément sélectionné
*/
TR.PagerDataRow
{
	FONT-STYLE: normal;
	FONT-FAMILY: Arial;
	background-color:#96bb3a;/*#B691B6;/*#AFCCFF;*/
	font-weight:normal; 
}
TR.PagerDataRow TABLE TD
{
	background-color:#FFFFFF;
	padding:3px;
}
TR.PagerDataRow * SPAN
{
	font-weight:bold;
	background-color:#EDF2F6;
	padding:2px;	
}
TR.ItemRow
{
	background-color:White;
}
/*Pour les champs Fields des DetailsView on décrit également l'élément TD*/
TR.AlternatingRow, TD.AlternatingRow
{
	background-color:#EDF2F6;
}
TR.EditRow
{
	background-color:#96bb3a/*#9FA7FF*/;
}
TR.SelectedItemRow
{
	background-color:#B691B6;/*#7FB0FF;*/
}
TR.MouseOverRow
{
	cursor : pointer;
	background-color:#4B5356;/*#B691B6;/*#9FC4FF;*/
}
/*	
	Le cadrage est porté par l'élément TABLE,
	mais doit être appliqué sur les TR (GridView) et les TD (FormView et DetailsView)
*/
TABLE TR.EmptyRow,TABLE TR.EmptyRow TD
{
	border:1px solid black;
	background-color:#EDF2F6;
	color:Red;
	font-weight:bold;
	FONT-SIZE:11px;
	padding:5px;
}
/********************************
		Classes spécifiques 
*********************************/
TABLE.Onglet
{	/*Pour que les tableaux se touchent*/
	margin-bottom:-1px;
	border-collapse:collapse;
}

/* Rajout avec Stéphane 26/11/2008*/

TD.Acc
{
	font-weight:bold;
}



TD.OngletOn
{	
	background-color:#B691B6;/*#9FC4FF;*/
	font-weight:bold;
}
TD.OngletOff 
{	
	background-color:#EDF2F6;
	font-weight:normal;
}
TD.Important, SPAN.Important
{
	font-weight:bolder;
}
TD.Alerte, SPAN.Alerte
{
	font-weight:bolder;
	color:Red;
}
TD.OK, SPAN.OK
{
	font-weight:bolder;
	color:#006F19;
}
DIV.Contenu 
{
	/* margin-top : Nécessaire pour que le bord du liseret n'écrase pas le haut du tableau */
	margin-top:1px; 
	padding-left:5px;
}
SPAN.LabelOK 
{
	color:#118F3A;
	font-weight:bold;
}
SPAN.InfoImpression 
{
	display:inline;
	font-style:italic;
}
/* Pour les variations sur la liste des contrats*/
SPAN.VariationRouge
{
	color:Red;
	font-weight:bolder;
}
SPAN.VariationVerte
{
	color:#118F3A;
	font-weight:bolder;
}
SPAN.VariationBleu
{
	color:#EF8100;
	font-weight:bolder;
}
/* Défini les ascenseurs dans les tableaux */
DIV.Ascenseur
{
	text-align:left;
	border:solid 1px #cccccc;
	overflow:auto;
}
/* Pour l'impression des fiches contrats
Chaque balise DIV de ce type provoque un saut de page
 */
DIV.sautPageApres {
  page-break-after:always;
}
DIV#HistoriqueConducteurs
{
	height:178px;
}
DIV#RechercheContrat
{
	border-style:none;
	height:100px;
	
}
DIV#OptionsVehicules
{
	height:200px;
	width:340px;
}
DIV#Accueil
{
	width:600px;
	text-align:justify;
}
DIV#AdminUser
{
	height:300px;
	overflow:auto;
}
/*****************************************
	Page d'erreur
******************************************/
#Erreur P
{
	color:#000080;
	font-size:13px;
	font-weight:bold;
	margin:10px;
}
#Erreur H1
{
	color:#000080;
	font-size:16px;
	font-weight:bold;
	margin:10px;
}
#Erreur h4
{
	color:#000080;
	FONT-SIZE:11px;
	font-weight:bold;
}
#Erreur TABLE.details
{
	FONT-SIZE:11px;
	width:100%;
	color:#000080;
	background-color:#CFE0FF;
}
/*****************************************
	Connexion
******************************************/
#formConnexion TD.authentification 
{
	font-family: Arial;
	font-weight:bold;
	font-size:12;
	padding-left:30px;
	color: #000080;
	background-color: #A377A2;
}
/*****************************************
	Legende
******************************************/
DIV#Legende
{
	margin-left:30px;
}
DIV#Legende TR TD
{
	vertical-align:top;
	text-align:justify;
}
DIV#Legende TR TD IMG
{
	margin:3px;
	vertical-align:middle;
}
DIV#Legende EnteteH1 IMG
{
	text-align:right;
}
/*Pour le menu d'aide il y a une petite subtilité
Le positionnement du bloc Contenu est faite en relatif
par rapport au bloc qui l'encadre (le ContentHolder)
*/
DIV#MenuAide
{
	position:absolute;	
	width:300px;	
}
DIV#Aide
{
	width:900px;
}
DIV#ContenuAide 
{
	position:relative;	
	border-left:solid 1px #cccccc;
	padding-left:10px;
	height:700px;
	width:600px;
	left:300px; /*<<--- Largueur du menu*/
	top:0px;
	overflow:auto;
	text-align:justify;
	padding-right:10px; /* Pour éviter que le texte ne touche le bord de l'ascenseur*/
}
/* Techiques de sioux pour centrer les images */
DIV#ContenuAide IMG
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    border:solid 1px #cccccc;
}
DIV#ContenuAide LI
{
	margin-bottom:5px;
}


/* Ajouts CCOU */
.column_string
{
	width:140px;
	/*text-align:center;*/
}
.column_string_Field
{
	/* = .column_string - 10 */
	width:130px;
}
.column_int
{
	width:140px;
}
.column_int_Field
{
	/* = .column_int - 10 */
	width:130px;
}
.column_bool
{
	width:80px;
}
.column_bool_Field
{
	/* = .column_bool - 10 */
	width:70px;
}
.column_search
{
	text-align:center;
	width:70px;
}
.Uc_Title
{
	padding: 0px 5px 0px 5px;
	border: solid 1px black;
	clear:both;
	
	FONT-STYLE: normal;
	FONT-SIZE:11px; 
	FONT-FAMILY: Verdana;
	color:#FFE96F;
	background-color:#27497F;
	margin:0px;
	font-weight:bold;
}
.EnabledBg
{
	background-color: #ffd;
	border: solid 1px #7f9db9;
	padding: 2px 1px;
	margin: 1px 1px;
	FONT-SIZE:10px; 
	FONT-FAMILY: Verdana, GENEVA, Arial; 
	width:200px;
}
.DisabledBg
{
	background-color:#f8f8ff;
	border: solid 0px #7f9db9;
	padding: 2px 2px;
	margin: 2px 1px;
	FONT-SIZE:10px; 
	FONT-FAMILY: Verdana, GENEVA, Arial; 
	width:198px;
}
.arrondi_hd
{
	background-image: url(../../Images/arrondi_hd.png);
	background-position: right top;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.arrondi_bg
{
	background-image: url(../../Images/arrondi_bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.arrondi_bd
{
	background-image: url(../../Images/arrondi_bd.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.arrondi_h
{
	background-image: url(../../Images/black.png);
	background-position: top;
	background-repeat: repeat-x;
}
.arrondi_b
{
	background-image: url(../../Images/black.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
.arrondi_g
{
	background-image: url(../../Images/black.png);
	background-position: left;
	background-repeat:repeat-y;
	width: 16px;
}
.arrondi_d
{
	background-image: url(../../Images/black.png);
	background-position: right;
	background-repeat:repeat-y;
	width: 16px;
}
.calendar_noborder
{
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}