/*********************************************************************************
    File:         steelsheet.css
    Author:      
    Created:    
    Version:      

    $Revision: #1 $
    $Date:
    Copyright (c)  TOTAL MARKETING SERVICES S.A.
*********************************************************************************/

/* cacher un div*/

	.cachediv {
		visibility: hidden;
		overflow: hidden;
		bgcolor : red;
	}

/* police par defaut du body */
body{
  color: #000;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 8pt;
  font-weight:normal;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
/* police par defaut des body de pages Interieures */
body.workspace {
  color: #215aa7;
  background-color: transparent;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 8pt;
  font-weight:normal;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

/* police par defaut Tables */ 
table{
  color: #215aa7;
  background-color: transparent;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size: 8pt;
  font-weight:normal;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

/* Definition de la scollbar */
body, textarea {
	overflow-x:auto;
	overflow-y:auto;
  scrollbar-base-color:#C4D4EA;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#C4D4EA;
  scrollbar-highlight-color:#C4D4EA;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#E6EAF1;
}




/*----------------------------------------------------*/
/* Les styles de TEXT
/*----------------------------------------------------*/
.bleu10_bold { background-color: #transparent; color: #215aa7;  font-weight: bold; font-size: 8pt; }
.bleu10 { background-color: #transparent; color: #215aa7;  font-weight: normal; font-size: 8pt; }
.rouge10 {color : #df2f00; font-size : 8pt;}
.rouge10_bold {color : #df2f00; font-size : 8pt; font-weight : bold; }
.noir10_bold {color : #000000; font-size : 8pt; font-weight : bold; }

.noir11 			{color : #000000; font-size : 11px; font-weight : normal; font-family: Verdana;}
.noir11_bold			{color : #000000; font-size : 11px; font-weight : bold; font-family: Verdana;}
.blanc11 			{color : #fff; font-size : 11px; font-weight : normal; font-family: Verdana;}
.blanc11_bold 			{color : #fff; font-size : 11px; font-weight : bold; font-family: Verdana;}
.bleu11_bold 	{ background-color: #transparent; color: #215aa7;  font-weight: bold;   font-size: 11px; }

.rouge12 			{color : #df2f00; font-size : 12px; font-weight : normal; }
.rouge12_bold {color : #df2f00; font-size : 12px; font-weight : bold; }
.blanc12 			{color : #fff; font-size : 12px; font-weight : normal;}
.noir12 			{ background-color: #transparent; color: #000000;  font-weight: normal; font-size: 12px; }
.bleu12 			{ background-color: #transparent; color: #215aa7;  font-weight: normal; font-size: 12px; }
.bleu12_bold 	{ background-color: #transparent; color: #215aa7;  font-weight: bold;   font-size: 12px; }

.bleu14 { background-color: #transparent; color: #215aa7;  font-weight: normal; font-size: 14px; }
.bleu14_bold { background-color: #transparent; color: #215aa7;  font-weight: bold; font-size: 14px; }
.noir14 { background-color: #transparent; color: #000000;  font-weight: normal; font-size: 14px; }
.blanc14 {color : #fff; font-size : 14px; font-weight : normal;}

.rouge16 			{color : #df2f00; font-size : 16px; font-weight : normal; }
.rouge16_bold {color : #df2f00; font-size : 16px; font-weight : bold; }

.patiente { background-color: #transparent; color: #215aa7;  font-weight: normal;  font-size: 24px;   font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }

.railroad { background-color: #transparent; color: #215aa7;  font-weight: bold; font-size: 12px; }

.mandatory 			{color : #df2f00; font-size : 12px; font-weight : bold; }
.mandatoryWarning	{color : #df2f00; font-size : 11px;}
/*----------------------------------------------------*/
/* links */
/*----------------------------------------------------*/
a:link    { color: #df2f00; text-decoration:none;}
a:visited { color: #df2f00; text-decoration:none;}
a:active  { color: #df2f00; text-decoration:none;}
a:selected { color: #df2f00; text-decoration:none;}
a:hover   { color: #fff; background: #df2f00; text-decoration:none;}

/*
a.linkfooter:link    { color: #fff; text-decoration:none;}
a.linkfooter:visited { color: #fff; text-decoration:none;}
a.linkfooter:active  { color: #fff; text-decoration:none;}
a.linkfooter:selected { color: #fff; text-decoration:none;}
a.linkfooter:hover   { color: #df2f00; background: #fff; text-decoration:none;}
*/

a.linkfooter:link    { color: #df2f00; text-decoration:none;}
a.linkfooter:visited { color: #df2f00; text-decoration:none;}
a.linkfooter:active  { color: #df2f00; text-decoration:none;}
a.linkfooter:selected { color: #df2f00; text-decoration:none;}
a.linkfooter:hover   { color: #df2f00; background: #fff; text-decoration:none;}

a.blanc:link    { color: #fff; text-decoration:none;}
a.blanc:visited { color: #fff; text-decoration:none;}
a.blanc:active  { color: #fff; text-decoration:none;}
a.blanc:selected { color: #fff; text-decoration:none;}
a.blanc:hover   { color: #fff; background: #df2f00; text-decoration:none;}

a.tetemenu:link    { color: #3A288B; text-decoration:none;}
a.tetemenu:visited { color: #3A288B; text-decoration:none;}
a.tetemenu:active  { color: #3A288B; text-decoration:none;}
a.tetemenu:selected { color: #3A288B; text-decoration:none;}
a.tetemenu:hover   { color:  #df2f00; background: #fff; text-decoration:none;}

a.lienimage:link    {color: #fff; text-decoration:none;}
a.lienimage:visited {color: #fff; text-decoration:none;}
a.lienimage:active  {color: #fff; text-decoration:none;}
a.lienimage:selected {color: #fff; text-decoration:none;}
a.lienimage:hover   {color: #fff; background: #C4D4EA; text-decoration:none;}

a.aucun:link    {color: #fff; text-decoration:none;}
a.aucun:visited {color: #fff; text-decoration:none;}
a.aucun:active  {color: #fff; text-decoration:none;}
a.aucun:selected {color: #fff; text-decoration:none;}
a.aucun:hover   {color: #fff;  background: #transparent ; text-decoration:none;}

a.bleu10_bold:link { color: #215aa7;}
a.bleu10_bold:visited { color: #215aa7;}
a.bleu10_bold:active { color: #215aa7;}
a.bleu10_bold:selected { color: #215aa7;}
a.bleu10_bold:hover { color: #215aa7; background: #transparent ; text-decoration:none;}

a.bleu10:link { color: #215aa7;}
a.bleu10:visited { color: #215aa7;}
a.bleu10:active { color: #215aa7;}
a.bleu10:selected { color: #215aa7;}
a.bleu10:hover { color: #215aa7; background: #transparent ; text-decoration:none;}


a.vert:link { color: #037108;}
a.vert:visited { color: #037108;}
a.vert:active { color: #037108;}
a.vert:selected { color: #037108;}
a.vert:hover { color: #fff; background: #037108; text-decoration:none;}

a.rouge:link { color: #df2f00;}
a.rouge:visited { color: #df2f00;}
a.rouge:active { color: #df2f00;}
a.rouge:selected { color: #df2f00;}
a.rouge:hover { color: #fff; background: #df2f00 ; text-decoration:none;}

a.orange:link { color: #ED7409;}
a.orange:visited { color: #ED7409;}
a.orange:active { color: #ED7409;}
a.orange:selected { color: #ED7409;}
a.orange:hover { color: #fff; background: #ED7409 ; text-decoration:none;}


/*----------------------------------------------------*/
/* FORMS */
/*----------------------------------------------------*/
SELECT { 
	background-color: #transparent;
	color: #215aa7;
	font-weight: Bold;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
	border-color:black;
	border-width:1;
	}

SELECT.width_fix  { width: 170;	}
SELECT.width_centpourcent { width: 100%;}
SELECT.width_centpourcent_petit { width: 100%; font-size: 8pt;	}
SELECT.petit{font-size: 8pt;}

INPUT{
	border-width:1;
	background-color: #fff;
	color: #215aa7;
	font-weight:Bold;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
	border-color:black;
	} 
INPUT.width_centpourcent { width: 100%;	}
INPUT.width_centpourcent_petit { width: 100%; font-size: 10px;	}
INPUT.petit{font-size: 10px; border-width:1; 	}
INPUT.petitvert{font-size: 10px; border-width:1; color: #037108;}
INPUT.petitrouge{font-size: 12px; border-width:1; color: #df2f00;}
INPUT.transparent {background-color:transparent;}

TEXTAREA {
	background-color: #fff;
	color: #215aa7;
	font-weight:Bold;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
	border-width:1; 
	border-color:black;
	}
TEXTAREA.note {background-color: #FDFAD8;}



/*----------------------------------------------------*/
/* Styles de mise en Form generale du site (homepage,header footer etc...
/*----------------------------------------------------*/
.fondrouge{
	margin: 0px 0px 0px 0px;
	background: #df2f00;
 	color: #fff;
	font-size : 14px;
	font-weight : bold;
}
.fondblanc{
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	text-align : left;
}
.fondbleuclair{
	margin: 0px 0px 0px 0px;
	background: #c4d4ea;
}
.fondfrise{
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	text-align : right;
	vertical-align : middle;
}
.titreecran{
	margin: 0px 0px 0px 0px;
	background: #df2f00;
	color : White;
	font-size : 24px;
	text-align : left;
}
.titreecranconsultation{
	margin: 0px 0px 0px 0px;
	background: #df2f00;
	color : White;
	font-size : 36px;
	text-align : left;
}
.totallogo {
	background : White;
	text-align : center;
	vertical-align : middle;
	width : 207px;
}
.totallogolargeur {
	background : #df2f00;
	text-align : center;
	vertical-align : middle;
	width : 190px;
}
.boitemessage {
	border-left : 1px solid #df2f00;
	border-right : 1px solid #df2f00;
	border-top : 1px solid #df2f00;
	border-bottom : 1px solid #df2f00;
	vertical-align : top;
	text-align : center;
	border-color : #df2f00;
}
.ombre {
	border-right : 3px solid #000000;
	border-bottom : 3px solid #000000;
	vertical-align : top;
	text-align : center;
	border-color :# 000000;
}

.anac {
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	text-align : center;
	border-color : #000000;
	background: #df2f00;
	color : white;
	font-size : 10px; 
	font-weight : bold; 
}
.fds {
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	text-align : center;
	border-color : #000000;
	background: #FF9A00;
	color : black;
	font-size : 8px; 
	font-weight : bold; 
	font-family:Arial;
}

.petitCarre {
	border : 1px solid #8a99cc;
	border-color : #8a99cc;
}


/*----------------------------------------------------*/
/* menu du header.jsp
/*----------------------------------------------------*/

.menuout
{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
font-size: 8pt ;
font-weight: bold;
color: #3A288B;
text-decoration: none;
padding-left:5px;
padding-right:7px;
vertical-align:center;
background-color:#fff;
cursor:hand;
border-left: solid #3A288B 1px;
border-right: solid #3A288B 1px;
border-top: solid #3A288B 1px;
border-bottom: solid #3A288B 1px;
}

.menuover
{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
font-size: 8pt ;
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding-left:5px;
padding-right:7px;
vertical-align:center;
background-color: #ffffff;
cursor:hand;
}

/*----------------------------------------------------*/
/* Style utilisé pour les Tableaux
/*----------------------------------------------------*/
.fondpave{border-left: solid #8a99cc 1px; border-right: solid #8a99cc 1px;border-bottom: solid #8a99cc 1px;border-top: solid #8a99cc 1px;background: #fff;}
.fondpaveBis{border-top: solid #8a99cc 1px;background: #fff;}
.fondpaveBorderLR{border-left: solid #8a99cc 1px; border-right: solid #8a99cc 1px;background: #fff;}
.fondpaveBorderBottom{border-left: solid #8a99cc 1px; border-right: solid #8a99cc 1px;border-bottom: solid #8a99cc 1px;background: #fff;}
.fondpaveBorderTop{border-left: solid #8a99cc 1px; border-right: solid #8a99cc 1px;border-top: solid #8a99cc 1px;background: #fff;}
.titrepave {background:  #8a99cc ; color: #fff; font-weight: bold;  font-size: 8pt;  }
.titrepaveBis {color: #fff; font-weight: bold;  font-size: 8pt;  }
.titrepaverouge {background:  #df2f00 ; color: #fff; font-weight: bold;  font-size: 8pt;  }
.petit_titrepave {background:  #8a99cc ; color: #fff; font-weight: bold;  font-size: 8pt;  }
.petit_titrepave_hand {background:  #8a99cc ; color: #fff; font-weight: bold;  font-size: 8pt; cursor:hand; }
.spacing_table{ border-spacing: 1px;}
/* Propres au flux sotck */
.petit_titrepave_border {text-align: center; background:  #8a99cc ; color: #fff; font-weight: bold;  font-size: 8pt; border-left:1px solid #FFFFFF; }
.caseValeur	        { border:0px solid #000000; color : #2159A5; font-size: 11px;  border-left:1px solid #A8C4EC; border-bottom:1px solid #A8C4EC;}
.cVs	    { border:0px solid #FFFFFF; color : #FFFFFF; font-size: 11px;  border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
.caseValeurRight	{ text-align: right; border:0px solid #000000; color : #2159A5; font-size: 11px;  border-left:1px solid #A8C4EC; border-bottom:1px solid #A8C4EC;}
.caseValeurCenter	{ text-align: center; border:0px solid #000000; color : #2159A5; font-size: 11px;  border-left:1px solid #A8C4EC; border-bottom:1px solid #A8C4EC;}
.inventaireValeur	{ text-align: center; border:0px solid #000000; color : #2159A5; font-size: 11px;  border-left:1px solid #A8C4EC; border-bottom:1px solid #A8C4EC;}
.commentaireValeur	{ text-align: left; border:0px solid #000000; color : #2159A5; font-size: 11px;  border-left:1px solid #A8C4EC; border-right:1px solid #A8C4EC; border-bottom:1px solid #A8C4EC;}
.commentaireValeurRight	{ text-align: right; border:0px solid #000000; color : #2159A5; font-size: 11px;  border-left:1px solid #A8C4EC; border-right:1px solid #A8C4EC; border-bottom:1px solid #A8C4EC;}
.commentaireValeurCenter  { text-align: center; border:0px solid #000000; color : #2159A5; font-size: 11px;  border-left:1px solid #A8C4EC; border-right:1px solid #A8C4EC; border-bottom:1px solid #A8C4EC;}
.statusValeur	{ text-align: center; border:0px solid #000000; color : #2159A5; font-size: 11px;  border-right:1px solid #A8C4EC; border-bottom:1px solid #A8C4EC;}
.blankValeur	{ text-align: center; border:0px solid #000000; color : #2159A5; font-size: 11px;  border-bottom:1px solid #A8C4EC;}

/* Styles utilisés pour les Tableaux qui changent de couleur*/
.tabgray{background-color:#CCCCCC ; color:#215aa7; font-weight: normal; font-size: 8pt; cursor: default;}
.tabnormal{background-color:white; color:#215aa7; font-weight: normal; font-size: 8pt; cursor: default;}
.tabnormal a {color:#215aa7;}
.tabnormal2{background-color:white; color:red; font-weight: normal; font-size: 8pt; cursor: default;}
.tabover{background-color:#df2f00; color:#fff; font-weight: normal; font-size: 8pt; cursor:hand;}
.tabover a{color:#fff;}
.petit_tabnormal{background-color:white; color:#215aa7; font-weight: normal; font-size: 8pt; cursor: default;}
.petit_tabover{background-color:#df2f00; color:#fff; font-weight: bold; font-size: 8pt;cursor:hand;} 
.tabcontradict{color:#215AA7;background-color:#c4d4ea; font-weight: normal; font-size: 8pt; cursor: default;}
.tabcontradict a{color:#215AA7;}
.even{background-color:white; color:#215aa7; font-weight: normal; font-size: 8pt; cursor: default;}
.even td {background-color:white;}
.odd{background-color:#c4d4ea; font-weight: normal; font-size: 8pt; cursor: default;}
.odd td{background-color:#c4d4ea; }
#gauche {  float: left; width : 45%;text-align:left;box-sizing:border-box;} 
#droite {  float: right; width : 45%;text-align:left;box-sizing:border-box;}
#formulaire { width:80%; }
label { width:60%; float:left}
#tableResultat_paginate { text-align:center; }
.paginate_button { margin:5px; }
.padding_left { padding-left:15px; }