/*body {
 font: 11px verdana, sans-serif;
 background: #AFA99B url("fond.jpg") top left no-repeat;
 margin: 0;
 padding: 0;
}*/
  
body {
	behavior: url("csshover3.htc"); /*Source: http://www.xs4all.nl/~peterned/csshover.html */
}

select{
	font-size: small !important;
}


/*-------------------------------------------------------------------------------------
Tha Drop-down Menu
-------------------------------------------------------------------------------------*/

.ui-bar.centrer{
	text-align: center;
}

#headerBar .tiers {
  position: relative;
  float: left;
}

#menuBar{
	clear:both;
}

#headerBar #center {
	width: 100%;
	text-align:center;
}
#headerBar #center img{
	padding-top: 3px;
}

#headerBar #select_add{
	margin-top: 1px;
	font-size: small;
	border: 1px solid #777;
	border-radius: 12px;
	background-color: #303030;
	float:right;
}

#headerBar .patient{
	float: left;
	padding: 11px 5px 10px;
}

#headerBar .no_patient{
	float: left;
	font-size: smaller;
	padding: 14px 14px 0px;
}

#headerBar a{
	float: left;
	margin: 2px 5px 2px 5px;
}

a#accueil,
a#mur_patient,
a#confidentialite,
a#dernier_parogramme{
	float:left;
	margin: 4px 12px 4px 5px;
}

a#deconnexion{
	float: right;
}
	
@media all and (min-width: 1000px){
	
	.masquable{
		display: inline !important;
	}
	
	a#deconnexion{
		margin: 4px 5px !important;
	}

	#headerBar{
		padding-left:600px !important;
		padding-right:600px !important;
		padding-bottom: 0px;
	}

	#headerBar #left {
		position: absolute;
		left: 0px;
		width: 600px !important;
	}

	#headerBar #right {
	  width: 600px !important;
	  margin-right: -600px !important;
	}
	
	#headerBar #deconnexion .ui-btn-inner{
		padding: .55em 11px .5em 30px !important;
		height: auto !important;
	}
	
	#headerBar #deconnexion .ui-btn-text{
		display:block!important;
	}
	
	#headerBar #deconnexion .ui-icon.ui-icon-exit{
		left: 5px!important;
	}
}

@media all and (min-width: 750px){

	a#deconnexion{
		margin: 6px 5px;
	}
	
	#headerBar{
		padding-left:300px;
		padding-right:300px;
		padding-bottom: 0px;
	}

	#headerBar #left {
		position: absolute;
		left: 0px;
		width: 300px;
	}
	#headerBar #right {
	  width: 300px;
	  margin-right: -300px;
	}
	
	#headerBar #deconnexion .ui-btn-inner{
		padding: 3px 8px 3px 7px;
		height: 17px;
	}
	
	#headerBar #deconnexion .ui-icon.ui-icon-exit{
		left: 3px;
	}
}
/*-------------------------------------------------------------------------------------
Tha Drop-down Menu
-------------------------------------------------------------------------------------*/

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
}

td
{
	vertical-align: middle;
	padding-left:5px;
	padding-right:5px;
}

.btnNavBar .mainMenuElement  .ui-btn-inner { 
padding-top: 36px !important; 
}


.btnNavBar .ui-btn .ui-icon { 
	width: 32px!important; 
	height: 32px!important;
	padding-top: 5px !important;
	margin-left: -15px !important;
	box-shadow: none!important; 
	-moz-box-shadow: none!important; 
	-webkit-box-shadow: none!important; 
	-webkit-border-radius: 0 !important; 
	border-radius: 0 !important;
}
.btnNavBar  .menuFloat  .ui-btn-inner { 
	padding-top:11px !important;
	padding-bottom:11px !important;
}

.btnNavBar  #menuAucunPatient  .ui-btn-inner { 
	padding-top:15px !important;
	padding-bottom:15px !important;
}

 .pageDiv
 {
	z-index:0 !important;
	position: relative;
 }
 
 .ui-content
 {
	z-index: 1 !important;
	position: relative;
 }
.menuFloat
{
	position:absolute;
	left:0em;
	z-index: 10000 !important;
	display: none;
	width:100%;
}
.ui-grid-solo .ui-block-a 
{
	float:left;
}
.ui-navbar ul, .ui-navbar-expanded ul {
	position: static !important;
}

.sousMenuFloat
{
	position:absolute;
	left:0em;
	z-index: 100;
	display: none;
	width:100%;
}
#main .menuFloat li,
.menuFloat .sousMenuFloat li{
	width: 20%;
	margin-right: 0px;
}

#menuDeroulant li span.ui-btn-inner{
	padding-bottom: .3em;
}
	
#menuDeroulant li span.ui-btn-text
{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}

#menuDeroulant li	a.mainMenuElement span.ui-btn-text{
	font-size: x-small;
	padding-bottom: 0px;
	font-style: italic;
}


#header-patient
.select_add
{
  font-size: small;
  border: 1px solid #777;
  border-radius: 12px;
  padding: 11px;
  background-color: #303030;
  margin: 0 9px;
}
	
#medical_form
{
	width: 580px;
	margin: auto;
}

#medical_form
#header
.ui-btn-text
{
	font-size: smaller;
}

#add_patient_form .ui-select
{
	width: 610px;
	border-spacing: 0px;
}


.ui-btn-inner {
	overflow: visible !important;
}

.ui-controlgroup-vertical .ui-radio .ui-btn, .ui-controlgroup-vertical .ui-checkbox .ui-btn{
	width:100%;
}


#categorie_item{
	display: inline;
	width: auto !important;
}

#categorie{
	padding: 10px 0 20px 0;
}

#centre,
#central_column_forms{
	margin: auto;
	width: 738px;
}

#page_title_header strong{
	color: #999;
}

#centre h1,
#central_column_forms h1,
#central_column_landscape h1{
	font-size: 1.67em;
}

#wall_header h1 a:hover{
	text-decoration: underline;
}


#centre h2,
#central_column_forms h2,
#central_column_landscape h2{
	font-size: 1.34em;
	padding-top: 1.5em;
}

#centre h3,
#central_column_forms h3,
#central_column_landscape h3{

}

#centre h4,
#central_column_forms h4,
#central_column_landscape h4{
	margin: 0.3em;
}

#centre h5,
#central_column_forms h5,
#central_column_landscape h5{
	font-size: 1em;
}

#central_column_landscape{
	margin: auto;
	width: 1022px !important;
}

#result_list{
	font-size: small;
}

.type-interior .content-secondary {
	border-right: 1px solid #ccc;
	border-left: 0;
	border-top: 0;
}
.type-home .ui-content {
}
.type-interior .ui-content {
	padding-bottom: 0;
}
.content-secondary .ui-collapsible-contain {

}
.content-secondary .ui-collapsible-heading {
	margin: 0;
}
.content-secondary .ui-collapsible-heading-collapsed,
.content-secondary .ui-collapsible-content {
	padding:0;
	margin: 0;
}

@media all and (min-width: 650px){
	
	.masquable{
		display:none;
	}

	#headerBar #deconnexion .ui-btn-text{
		display:none;
	}
	
	.type-interior .ui-content {
		background-position: 45%;
		overflow: hidden;
	}
	.content-secondary {
		text-align: left;
		float: left;
		width: 45%;
		background: none;
		border-top: 0;
		border-right: 3px solid #ccc;
	}
	.content-secondary,
	.type-interior .content-secondary {
			background: none;
	}
	.type-index .content-secondary {
		padding: 0;
	}
	.type-index .content-secondary .ui-listview {
		margin: 0;
	}

	.ui-mobile #jqm-homeheader {
		padding: 0;
	}
	.content-primary {
		width: 45%;
		float: right;
		margin-top: 30px;
		margin-right: 1%;
		padding-right: 1%;
	}
	.content-primary ul:first-child {
		margin-top: 0;
	}
	.content-secondary h2 {
		position: absolute;
		left: -9999px;
	}
	.type-interior .content-primary {
		margin: 0;
	}
	/* fix up the collapsibles - expanded on desktop */
	.content-secondary .ui-collapsible-heading {
		display: none;
	}
	.content-secondary .ui-collapsible-contain {
		margin:0;
	}
	.content-secondary .ui-collapsible-content {
		display: block;
		margin: 0;
		padding: 0;
	}
	.type-interior  .content-secondary .ui-li-divider {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	
	.column_report {
		width: 50% !important;
	}
	
	.table_report,
	.page_layout_table,
	.option_table{
		width: 90% !important;
	}	
  
  #header-patient
    .patient{
    display: none;
  }
  
  #header-patient .select_add {
    padding: 11px 6px !important;
    margin: 0 5px;
  }
  
  #monsuivis{
	width: 300px;
  }
}

@media all and (min-width: 750px){

	.type-home .ui-content,
	.type-interior .ui-content {
		background-position: 39%;
	}
	.content-secondary {
		width: 34%;
	}
	.content-primary {
		width: 56%;
		padding-right: 1%;
	}	
	.type-interior .ui-content {
		background-position: 34%;
	}
	
	.column_report {
		width: 40% !important;
	}
	
	.table_report,
	.page_layout_table,
	.option_table	{
		width: 90% !important;
	}
	
	#monsuivis{
		width: 400px;
	}

}

@media all and (min-width: 1000px){
	#monsuivis{
		width: 588px;
	}
}


@media all and (min-width: 1400px){
  #monsuivis{
	width: 1050px;
  }
}

@media all and (min-width: 1200px){
	.type-home .ui-content{
		background-position: 38.5%;
	}
	.type-interior .ui-content {
		background-position: 30%;
	}
	.content-secondary {
		width: 30%;
		padding-right:1%;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	.content-primary {
		width: 50%;
		margin-right: 5%;
		padding-right: 3%;
	}
	.type-interior .content-primary {
		width: 60%;
	}
	
	.column_report {
		width: 30% !important;
	}
	
	.table_report,
	.page_layout_table,
	.option_table	{
		width: 80% !important;
	}
  
  #header-patient
    .patient{
    display: inline !important;
  }
}
@media all{
	#centre
	.typeItDesc, .drawItDesc{
		border: none !important;
	}
	
	#centre
	.sigPad {
    margin: 0;
    padding: 0;
    width: 1024px;
	}
	
	.column_report .ui-select .ui-btn{
		float: right !important;
	}
}

.priority_field{
	font-size: x-small;
}

#centre table{
  border-width: 1px;
  border-style: solid;
  border-color: #ebebeb;
  margin: auto;
  margin-bottom: 10px;
  width:100%;
}

#small_central_column{
  padding-top: 15px;
  width: 300px;
  margin:auto;
}

#central_column_forms table {
  width: 100%;
  max-width: 738px;
  margin: auto;
}

#centre table{
  border-spacing: 1px;
}


#centre td,
#centre th{
  padding: 4px;
  text-align: center;
}

#erase_cancel_confirm{
	width: 300px;
	margin: auto;
}

#centre th{
  
  background-image: -webkit-linear-gradient(#111, #666 1px, #222, #111 27px);  
  background-image: -moz-linear-gradient(top, #111, #666 1px, #222, #111 27px) !important;
  background-color: #222;
  color: #FFF;
  font-weight: normal;
  text-shadow: 2px 2px 2px #000;
}


#medical_form tr:nth-child(2n+2){
  background-color: #f6f6f6;
}

#centre tr:nth-child(2n){
  background-color: #f1f1f1;
}

tr.pied {
  background-color: #f1f1f1;
}

#fake_footer{
	padding: 3px;
	margin-top: 90px;
	font-size: x-small;
	width:100%
}

#error_alert{
	color: red;
}

#submit_button{
	padding-top: 10px;
	margin: auto;
	width:20%;
}

#confirm_button{
	padding-top: 10px;
	margin: auto;
	width:55%;
}

#confirm_button
.left,
#small_section
.left
{
	float: left;
}

#confirm_button
.right,
#small_section
.right{
	float: right;
}

#clinic_button{
	max-width: 500px;
	margin:auto;
}

#clinic_button
.ui-btn-text{
	max-width: 400px;
}

#labo_section
.add_ordon{
	width: 250px;
}


#add_ordon
.add_ordon ui-select{
	width: 350px;
	float: left;
}

#add_ordon
.ui-btn input{
	width: 150px;
	float: right;
}

#dual_buttons_tests_labo
.ui-btn input{
	width: 250px;
}

#dual_buttons_tests_labo{
	width: 548px;
}


#dbselect
input.ui-input-text,
#dbselect
textarea.ui-input-text,
#dbselect
.ui-input-text{
	width:90%;
}

#suivistoggle a{
	color: #333;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

#suivistoggle a:hover{
	color: black;
}

.drag{
	border:0px;
}

.hi{
	visibility:hidden;
}

.hi:hover{
	visibility:visible;
}

#liste_procedure  .check_field .ui-btn.ui-btn-block.ui-btn-icon-notext{
	padding:10px;
}

.check_field .ui-icon.ui-icon-arrow-u{
	border-radius: 3px;
	background: rgba(0,0,0,.2);
}

#centre  #menu_categorie tr{
	background-color: white;
}

#centre  #menu_categorie td{
	padding: 0px;
	margin: 0px;
	height:32px;
}

#drag  #menu_categorie td{
	padding: 0px;
	margin: 0px;
}

#menu_categorie .ui-collapsible,
#menu_categorie a.boutton,
#drag .ui-collapsible
{
	margin: 0px;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

#menu_categorie a.ui-btn.boutton .ui-btn-inner {
	text-align: left;
	padding-left: 40px;
}

#menu_categorie #drag .ui-btn {
	margin: 2px auto;
	width: 750px;
}

.drag .boutton {
	margin: 0 -8px;
}

.drag .boutton .ui-btn-inner{
	text-align: left;
	padding-left: 40px;
}

.drag .ui-btn-corner-all{
	-moz-border-radius: .5em /*{global-radii-buttons}*/;
	-webkit-border-radius: .5em /*{global-radii-buttons}*/;
	border-radius: .5em /*{global-radii-buttons}*/;
}

.drag .ui-btn-inner{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}


.texte
.ui-body-d .ui-link:visited{
	color: black;
}

#specialIcon{
	position: initial !important;
	top: 0% !important;
	margin-top: 0px !important;
}

.interieur{
	margin:	10px;
	width: 100%;
}

#recherche_fermer,
#recherche_ouvert{
	height: 62px;
	margin-bottom: 12px;
}

#moduleConversHeaderTable{
	border: none!important;
}

#small_section .horizontal_checkbox{
	width:intrinsic;
	margin:auto;
}

li.fix-grid-solo{
	float: left!important;
}

a.ui-btn.sansSousCategorie{
	margin:0;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

a.ui-btn.sansSousCategorie .ui-btn-inner{
	text-align: left;
	padding-left: 40px;
}

section.mementos div.memento{
	border: 1px solid #aaa;
	background-color: #FDFDFD;
}

section.mementos div.rangee{
	width:700px;
	margin:auto;
}

section.mementos div.initiales{
	font-size: small;
	font-weight: bold;
	float:right;
	height:0px;
}

section.mementos div.initiales div.decoration{
	margin-top: 8px;
	padding: 2px;
	border-top: none !important;
	border-right: none !important;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border: solid 1px #aaa;
	background: #FFF7A7;
	position: relative;
	z-index: 2;
}

section.mementos div.initiales div.lettres{
	cursor: default;
	opacity: 0.70;
	padding: 1px 4px;
	margin-top: -8px;
	background-color: #FDFDFD;
}

section.mementos div.memento.top{
	height:0.5em;
	border-bottom: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

section.mementos div.memento.bottom{
	cursor: pointer;
	height:0.5em;
	position:relative;
	z-index: 0;
	border-top: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

section.mementos div.memento.bottom .fleche{
	height: 8px;
	width: 100%;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url("../pic/up.png");
}

section.mementos .ui-input-text{
	height:220px;
	z-index: 1;
	font-size:small;
	border: 1px solid #aaa;
	color: #333;
	margin: 0px;
	border-radius: 0px;
	background-color: #FDFDFD;
	position: relative;
}


section.mementos .ui-input-text.important{
	height:78px;
	z-index: 1;
	font-size:small;
	border: 1px solid #aaa;
	color: #333;
	margin: 0px;
	border-radius: 0px;
	background-color: #FDFDFD;
	position: relative;
}

section.mementos .ui-input-text.ui-focus{
	background-color: #FFFFFD;
	-moz-box-shadow: 0 0 13px rgb(240, 240, 30);
	-webkit-box-shadow: 0 0 12px rgb(240, 240, 30);
	box-shadow: 0 0 13px rgb(240, 240, 30);
}

.motDePasse table.formulaire{
	border-radius:0.5em;
}

.motDePasse table.formulaire td.etiquette{
	width:225px;
}

.confirmation{
	font-size:x-small;
	text-shadow: none;
	padding:5px;
}

.retour img{
	cursor: pointer;
}

.assignpopup {
	width: 25em;
	min-height: 30em;
	line-height: 1.5;
}

.assignloading {
	margin-top: 2em;
	text-align: center;
}

.assignloading img {
	width: 3em;
	padding: 0.5em;
}