/* ================= Brightlight ======================= */

BODY{
	background-color: #FFFFFF;
	font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
	font-size:9pt;
	margin:0px  ;
	background-repeat: no-repeat;
	

}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#4b5e6f;
	font-size: 32px;
	letter-spacing :-1px;
	line-height:40px;
	font-weight: normal;
	margin: 0px;		
}
h1.pageStatique{
	
	display:block;
	margin: 15px 0;
	width: 100%;
	text-align: right;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#4b5e6f;
	font-size: 17px;
	letter-spacing :0px;
	line-height:22px;
	font-weight: normal;
	margin: 0px;		
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#4b5e6f;
	font-size: 12px;
	letter-spacing :-1px;
	line-height:19px;
	font-weight: normal;
	margin: 0px;		
}
.bodyPopUp{
	padding-right: 10px;padding-left: 10px;padding-bottom:15px;#width: 99.8%;clear: both;position: relative;
	margin-bottom: 10px;
}

.contenu, .zoneGrise TD,.citation, p, .text,.zonegrise span {
	color:#4b5e6f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;	
}
INPUT.text,select.text{
	color:#000000;
	line-height: normal;
}

.citation{
	color:#5289bb;
}
.logoHomePage{
	top:53px;left: 15px;position: absolute;z-index:150;
}
/*TD{
    font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif; 
	font-size:9pt;

}*/


/*UL, LI { list-style-type: circle; color: #FC6C04; }*/

/* === Portal Styles === */

/* Use for the background color of portal page header sections */
.headerBgColor {  background-color: #FFFFFF}

/* Tab background color */
.titlebar{ background-color: #CCCCCC; }

/* Used when tabs are being displayed as text vs GIFs */
.tabselected{
	background-color: #026F93;
	font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
	font-size:9pt;
	font-weight: bold;
	color: white;
	text-decoration:none; 
	VERTICAL-ALIGN: middle;
}
.tabunselected{
	background-color: white;
	font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
	font-size:9pt;
	font-weight: bold;
	color: #026F93; 
	text-decoration:none; 
	VERTICAL-ALIGN: middle;
}

.homebackground { 
	background-color: #FFFFFF;
	position:relative;
    width:800px;
    margin:0 auto;

}

.detailbackground { background-color: #FFFFFF; }
.contentbgcolor { background-color: #FFFFFF; }

/* === Portlet Styles ==== */

.portletcontainer {
	border : 0px solid #FFFFFF;
	/*background-color: #FFFFFF;*/
    /*font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;*/
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

.portletbordgauche {
	background-color: #FFFFFF;
    font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
}

.portletcontainernologin {
	border : 1px solid #6F7E8C;
	background-color: #FFFFFF;
    font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
    padding: 5px;
}

.portletcontainerBlended {
    font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
}

.portlettitlebar{
	background-color: #FFFFFF;
	color: #8E354C;
	font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
	font-size:9pt;
	font-weight: bold;
}

.portlettitlebarimage{
	background-color: #FFFFFF;
	color: #8E354C;
	font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
	font-size:9pt;
	font-weight: bold;
}

.portlettitlebarimagebordwithoutborderleft{
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #8E354C;
	font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
	font-size:9pt;
	font-weight: bold;
}


.portlettitlebarimagebord{
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #8E354C;
	font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
	font-size:9pt;
	font-weight: bold;
}

/* exact duplicate of .portlettitlebar until we convert completely to .portlettitlebar */

.portletbanner{
	color: #026F93;
	FONT-SIZE:12pt;
	font-weight: bold;
}
.portletheader{
	color: #026F93;
	font-weight: bold;
}
.portletcontent {
	/*font-size:9pt;*/
	font-size:11px;
}

.portletfooter{
	font-size:8pt;
	background-color: #eeeeee;
}

/* ================= Content ======================= */

/* style used for content/page heading */
.pageheader{
  FONT-FAMILY:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR:#000000;
  LINE-HEIGHT: 18pt;
  FONT-SIZE:14pt;
  FONT-WEIGHT:bold;
}

/* use for any instructional text */
.instructions{
  FONT-FAMILY:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR:#000000;
  FONT-SIZE:9pt;
}

.contentheading{
	color: #026F93;
	FONT-SIZE:12pt;
	font-weight: bold;
}
.header{
	width: 774px;
	top:0px;
	left:0px;
	position:relative;
	text-align: right;
	border-width:0 0 0 1px;
	border-color:#DBDFE2;
	border-style: solid;
}

.minortext{
	font-size:8pt;
}
.headerlink{
	FONT-SIZE:12pt;
	font-weight: bold;
}

/* use for any error message text */
.errorMessage{
  FONT-FAMILY:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR:red;
}

/* Use for lists where we want the row colors to be the same each row. */
.row {
  BACKGROUND-COLOR: white;
}

/* Use for adding space at end of line items list. */
.emptyRow {
  HEIGHT: 15px;
}


form {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}


/* Use for all labels that are associated with some sort of input field. */
.fieldlabel{
  FONT-WEIGHT:bold;
  align: right;
}

/* Style pour marche ouvert */
.marcheferme { COlOR:red; }

.marcheouvert { COlOR:green; }


/* Styles provenant du main.css du repertoire styles */
p {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

.text, TD, INPUT, SELECT {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

.textbold {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color:#4B5E6F;
}

.texttab {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF;
}



.textblack {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000 !important; 
}

.titcol {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;
}

.titre {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#39658C; font-weight: bold;
}

.onclickLien {
	color: #0082C8;
	text-decoration: underline;
	cursor: pointer;
}

a {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#0082C8;
}

a.table_header_link {
	color: #FFFFFF;
	text-decoration: underline;
}

a.vert_table_header_link{
	color: #0082C8;
	text-decoration: underline;
}

a.nav,span.nav {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; 
  color:#4b5e6f;cursor: pointer;line-height:16pt; 
}
.copyright {
  font-size: 11px; text-decoration:none; 
  color:#4b5e6f;line-height:11pt; color: #4B5E6F;
}

a.navH2,span.navH2 {
  font-family: Verdana; text-transform: uppercase;color:#8e354c; font-size: 12px;line-height:22px; text-decoration:none; cursor: pointer;font-weight: bold;letter-spacing:-1px;
}
.menuBgColor {
	background-color:#F6F7F8;
	width: 159px;
}

.menuLeft{
	border-color:#DBDFE2;
	border-width:0 1px 1px 0px;
	border-style:solid;
	background-color:#F6F7F8;
	width: 150px;
	
}
#menuLeft {
	margin-bottom: 10px;
}

#menuLeft TD {
	padding-left:7px;
}

.mainContent{
	border-color:#DBDFE2;
	border-width:1px 1px 0 1px;
	border-style: solid;	
	width: 775px;
}
.rightContent{
	padding-bottom: 10px;
}
 

a.position01 {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; color:#FFFFFF; font-style: italic; font-weight: bold
}

a.02position {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; color:#FFFFFF; font-style: italic; font-weight: bold
}

a.03position {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color:#FFFFFF; font-style: italic
}

a.textnav,span.textnav {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color:#4b5e6f ; cursor: pointer
}

a.textnav:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color:#4b5e6f ;
}

a.alphabet {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; color:#FFFFFF
}

a.chiffre {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color:#FFFFFF
}

select.statusbar {  background-color: #E5EAEF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}


.textitalique { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; ; font-style: italic}

.titleparts { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #333333}


.tableau { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	border: solid;
	border-color: #999999;
	border-width: 1px 0px 1px 1px;
	empty-cells : show;
	text-align:center;
}

.entete {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	border: solid;
	border-color: #999999;
	border-width: 0px 1px 1px 0px;

}

.cellule { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	padding: 0px 5px;
	border: solid;
	border-color: #999999;
	border-width: 0px 1px 0px 0px;
}


.tabHorizontal { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	border: solid;
	border-color: #999999;
	border-width: 0px ;
	empty-cells : show;
	text-align:center;
}

.enteteTabHorizontal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	border: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #999999;
	color:#FFFFFF;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
}

/* =================Debut styles table.tag======================= */

TABLE.renderer TR TD {
	padding:			2px 5px 2px 5px;
	min-height: 		30px;
	height: 			30px;
}

TABLE.renderer TR TD * {
	vertical-align: 	middle;
}

table {
 #border-collapse: collapse;
}
/* =================Fin styles renderer table.tag======================= */

.triTabHorizontal {
	font-weight: bold;
	border: solid;
	border-width: 0px 0px 1px 1px;
	border-color: #999999;
}


.celluleTabHorizontal,.cellulePortletHorizontal { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	padding: 0px 5px;
	border-left: 1px solid #999999;
	border-bottom: 1px dotted #999999;
	border-top: 0px hidden;
	border-right: 0px hidden;
	border-collapse: collapse;
	
}
.cellulePortletHorizontal{
	border-left: 0px ;
}
.celluleTabHorizontalCol1{
	border-left: 0px hidden !important;
}
.formulaire .celluleTabHorizontal{
	padding: 5px;
}
.formulaire .enteteTabHorizontal{
	padding: 3px;
}
.entetePage{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; ;line-height: 22px;color: #4B5E6F;
	border-bottom: 1px dotted #999;
	width: 100%;
	padding: 5px 0px;
	
}
.entetePage a,.entetePage span{
	padding: 5px ;
	color: #4B5E6F !important;
	
}
.contenuStatique{
	padding-left:10px;
	padding-right:10px;
}

.textvert { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; ; color: #009933}

.textrouge { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; ; color: #000000}

.textliens { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}

.textliensbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}


.titreStat { font-size: 10px; font-weight: bold; text-align:center;border-top: none ;border-bottom: 1px solid #CCC;}

/* ==================zone grise pour les criteres de recherche============================== */

.zoneGrise {
	background-color:#dbdfe2;
	text-align:center;
	border-radius:3px;
}
.zoneGrisBleu {
	background-color:#E7EEF4;;
	border-radius:3px;
	padding: 10px 0px 7px 0px;
}
.zoneGrisBleu td{
	padding: 0px 7px;
}



.zoneErreur{
	border-radius:3px;	
	border: 1px solid #CAD0D4; 
}


/* ==================zone grise pour les criteres de recherche============================== */
.zoneResultatErreur {
	border-color:#CCCCCC;
	border-style: solid;
	border-width: 1;
	width:100%;
	
} 

.couleurTelErreur{
	color:#D5336C;
}




/* ========== Styles pour l'affichage du menu haut et des icones Impression, save, close ============= */

#iconeHeader {
	MARGIN: 0px; padding: 0px ;VERTICAL-ALIGN: bottom;  right: 0px; z-index: 0;
	background-color: #8395a3;height: 45px;display: inline;
	position: absolute;width: 333px;#width: 331px;
}

#iconeHeader UL {
	FONT-SIZE: 9px; MARGIN: 0px; LIST-STYLE-TYPE: none; PADDING:0px;height: 45px;
}
#iconeHeader A,#iconeHeader SPAN {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px;PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; COLOR: white; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#iconeHeader A SPAN {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px;PADDING-BOTTOM: 0px; COLOR: white; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#iconeHeader A {
	padding: 8px 0px;
}

#iconeHeader LI {
	FLOAT: right; MARGIN: 0px; VERTICAL-ALIGN: bottom; LIST-STYLE-TYPE: none;border-left: 1px dotted #FFFFFF;height: 100%; width: 110px;text-align: center;vertical-align: middle;
}
#iconeHeader A:hover {
	background-color: #9DADBA;
}
/* ========================================= */
.infoValeur{
	position:relative;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	padding-top: 15px;
	color: #4B5E6F;	
}
/* ========================================= */
.infoEnteteOAM{
	position:relative;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
	height: 10px;
	padding-top: 15px;
}

.titreContent{
	font-size: 16px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#024F76;
	float: left;	
	clear:both;
}

.zoneStatusBar{
	position:relative;
	padding-bottom: 45px;
	width:100%;
	margin-top: 0px;
	clear: both;
}
	
.sbulle {
    background:#ffa; 
    padding:4px; text-align:left;
    border:2px solid black; 
}

.patienterRech{
	width:400px; 
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
    padding-bottom: 5px;
	border-color:#999999;
	border-style: solid;
	margin-top:10px;
	margin-left:35%;
	border-width: 1px;
}
.patienterRech span{
	color: #4B5E6F;
}

a img {
	border: none;
}
.texttabblack, .texttabblackFirst {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight: bold; text-align: left;
  border-bottom:1px solid #999; border-left:0px; 
}


.paddingTab{
	padding:0 5px;
	border: 0px ;
	border-bottom: 1px #CCC dotted;
	border-collapse: collapse;
}
.footer{
	text-transform: uppercase;width:775px !important;height:30px !important;
}

.footer a{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	 text-transform: uppercase;
	 color:#ffffff !important; 
	 font-size: 10px;
	 line-height:30px;
	text-decoration:none;
}

div.topMenu{
	height:45px;
	background-color:#4B5E6F;
	width:100%;
}
	
.ongletBackground{
	background-color: #4B5E6F;
	color:#ffffff !important; 
	border-width:0px;
	position: absolute;width: 90%;
	height: 45px;
}

.ongletBackground a{
	color:#ffffff !important;
	text-decoration: none;
	border-width:0px;
	text-decoration: none;
	line-height: 23px;
	vertical-align: middle;
	padding: 5px;
	white-space: nowrap;
}

.menuPopConsultation {
	padding: 0px 5px;
	display: inline;
}


.arrondi, .menuPopConsultation  a:hover ,.toto a:hover {
	background: #FFF;
	color: #4B5E6F !important;;
}
.popUpAide{
	width: 370px;
	margin-left: 10px;
	margin-bottom: 40px;
}


	
.alphaBlanc {
background: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background: rgba(255, 255, 255, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* For IE 8*/
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
}



.menuSeparator{
	padding-left:0px !important;
	background: url("/images/share/separator_menu.gif") repeat-x ; 
	background-position-y:6px;
}
.menuSeparator IMG{
	margin:11px 0 !important;
}
.separateur{
	background: url("/images/share/separator_menu.gif") repeat-x ; 
}
.separateurBloc{
	background: url("/images/share/separator_bloc.gif") repeat-x ; 
}

.btn input {
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	border: none;
	float:left;
}
.btn {
	float: right;
	display: inline; /*For ignore double margin in IE6*/
}

.btn  a, .btn  span, #menu ul{
	text-decoration: none;
	float:left;
	color: #FFF;
	cursor: pointer;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	border: none;
}

.btn  a span,.btn  span input {
	margin: 0 5px 0 -5px;
	padding: 1px 8px 5px 13px;
	
	float:left;
}

/* =================gestion des onglets dynamiques======================= */
#menu {
	position:relative;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: bottom;		
	height: 18px;
	margin: 22px 0 11px 0px;
}
#menu ul{
	float: right;
	margin: 0px;
}

#menu ul li {
	float: right;
	display: inline; /*For ignore double margin in IE6*/
	margin-left: 6px;
	margin-right: 0px
}

#menu ul li a {
	text-decoration: none;
	float:left;
	color: #FFF;
	cursor: pointer;
}

#menu ul li a span {
	margin: 0 2px 0 -2px;
	padding: 1px 8px 5px 13px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}


/*red*/
.btn.red  a, .btn.red  span, #menu  ul li a.actif{
	background: url("/images/share/button_red_fonce.gif") no-repeat top right;
}
.btn.red  a span,.btn.red  span input, #menu  ul li a.actif span {
	background: url("/images/share/button_red_fonce.gif") no-repeat top left;	
}
.btn.red  a:hover, .btn.red span:hover, #menu ul li a:hover  {
	background: url("/images/share/button_red_clair.gif") no-repeat top right; 	
}
.btn.red  a:hover span,.btn.red span:hover input, #menu  ul li a:hover span   {
	background: url("/images/share/button_red_clair.gif") no-repeat top left;
}
/*blue*/
.btn.blue a,.btn.blue  span, #menu  ul li a{
	background: url("/images/share/button_blue_fonce.gif") no-repeat top right; 	
}
.btn.blue a span,.btn.blue  span input, #menu  ul li a span {
	background: url("/images/share/button_blue_fonce.gif") no-repeat top left;	
}
.btn.blue a:hover , .btn.blue span:hover {
	background: url("/images/share/button_blue_clair.gif") no-repeat top right; 	
}
.btn.blue a:hover span, .btn.blue span:hover input {
	background: url("/images/share/button_blue_clair.gif") no-repeat top left;
}
#critRechercheForm h3{
	line-height: 30px;
}
a:link{
text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
div.btn a:hover, #menuLeft a:hover, a.menuPopConsultation:hover {
    text-decoration: none;
}
#menuLeft a:hover{
	color:#222325;
}
#menuLeft a.navH2:hover{
	color:#8E354C;
}



