/* Sticky footer */
html,body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
}
.main{
	min-height: 100%;
}
.wrapper {
	padding-bottom: 35px;
}
.footer {
	height: 35px;
	margin-top: -35px;
}
/* General styling */
body {
	font:12px Helvetica;
	color:#323232;
}
/* Background */
.main {
	background-image:linear-gradient(#FFFFFF,#9EB6CE);
	background-image: -moz-linear-gradient(#FFFFFF, #9EB6CE); /* FF 3.6+ */  
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #ffffff)); /* Safari 4+, Chrome 2+ */  
    background-image: -webkit-linear-gradient(#FFFFFF, #9EB6CE); /* Safari 5.1+, Chrome 10+ */  
    background-image: -o-linear-gradient(#FFFFFF, #9EB6CE); /* Opera 11.10 */  
    background-image: linear-gradient(#FFFFFF, #9EB6CE); /* the standard */  
    z-index: 1;
}

#wrapper-log-modif{
	float:right;	
	font-size:9px !important;
	margin-bottom:10px;
}
.wrapper-interne{
	margin:15px;
}
a{
	color:black;
	text-decoration:none;
}

a.custom:hover{
	cursor:pointer !important;
	text-decoration:underline;
}

label.submit:hover{
	color:#8A9FB4;
	text-decoration:underline;
}
textarea{ resize:none;}
/* Margins */
.mb-1 { margin-bottom: 5px !important; }
.mb-2 { margin-bottom: 10px !important; }
.mb-3 { margin-bottom: 15px !important; }
.mb-4 { margin-bottom: 20px !important; }
.mb-5 { margin-bottom: 40px !important; }
.mt-1 { margin-top: 5px !important; }
.mt-2 { margin-top: 10px !important; }
.mt-3 { margin-top: 15px !important; }
.mt-4 { margin-top: 20px !important; }
.mt-5 { margin-top: 40px !important; }


/****************************************
*	Erreurs
******************************************/
.error {
	color: red;
	margin-left:10px;
}
.required_error {
	box-shadow: 0  0 3px red;
	-webkit-box-shadow: 0px 0px 6px 0px red; 
}
/*********************************************/
hr.custom{
	color: #8A9FB4;
	background-color: #8A9FB4;
	height: 5px;
}
input[disabled],select[disabled],textarea[disabled],radio[disabled],checkbox[disabled]{
	color:black;
}
div.clear{
	clear:both;
}
.button, .button.primary {
	color:white;
	font-weight:bold;
	background-color:#637281;
	border:none;
	cursor:pointer;
	height:25px !important;
	min-width:150px;
}
.button.secondary {
	color: #323232;
	background-color: #f0f0f0;
	border: 1px solid #bec2c4;
}
.obl{
	color:#B9121B;
}
.button-container{
	float:right;
	margin-right:30px;
	margin-bottom:20px;
}
.pointer{
	cursor:pointer
}


.ui-widget-content{
	background:none !important;
	background-color: #DCDCDC !important;
	//background:url(../Img/background.gif) top repeat-x #e2e2e2;
}

.icone{
	position: relative;
    top: 4px;
}

.icone_delete_tab{
	position: relative;
    top: 2px;
}

.input_date{
	width:80px !important;
}
.bold{
	font-weight: bold;
}
/*********/
/*TABLE
**********/
.table_interne{
	margin:-3px;
	width:100%;
}

.align_top{
	vertical-align:top;
}
/***************************************
*		HEADER
****************************************/
.header_title{
	text-align:center;
	font:25px Helvetica;
	font-weight:bold;
	color:#77899B;
}
.header{
	width:1024px;
	margin: 0 auto 0;
	padding-top: 10px;
	text-align:center;
}
/***************************************
*		FOOTER
****************************************/
.footer-inside{
	width:1024px;
	margin: 0 auto;
	padding-top: 10px;
}
.footer-left {
	display: block;
	float: left;
}
.footer-right {
	display: block;
	float: right;
	color: #77899B;
}
/***************************************
*	Menu TOp
***************************************/
.menu_top{
 	background: url("../Img/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #DCDCDC;   
    color: #222222;
    font-weight: bold;
    height:30px;
    padding: 0.2em 0.2em 3px;
    //border-bottom-right-radius: 4px;
    vertical-align:center;
}
/***************************************
*		PAGE DE CONNEXION
****************************************/
.wrapper-connexion{
	width:100%;
	height:100%;
}
.form-bg {
	width: 400px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;	
	background: url(../Img/form-bg.png) top left;
	margin: 20px auto 0;
}
.form-bg form {
	background: #fff url(../Img/bg_form.jpg) repeat-x top left;		
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	height:250px;
}
.form-bg form h2 {
	font-size: 13px;
	font-weight: bold;
	color: #555555;
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 0 #fff;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	line-height: 45px;	
	margin-left:5%;
}
.form-bg input[type="text"], .form-bg input[type="password"] {
	float:right;
	box-shadow: 0px 0px 0px 4px #f2f5f7;
	margin: 2% 10% 3% 2%;
	color: #aeaeae;
	border: 1px solid #bec2c4;
	line-height: 45px;	
	width: 65%;
	height: 30px;
	padding: 0 2% 0 2%;
}

.form-bg input[type="submit"]{
	float:right;
	margin:5% 10%;
	height:33px;
	width:30%;
	border: 1px solid #bec2c4;
	box-shadow: 0px 0px 0px 4px #f2f5f7;	
}

/************************
*	Accueil
*************************/
.accueil_container input[type="button"]{
	margin:3% 10%;
	height:33px;
	width:40%;
	border: 1px solid #bec2c4;
	box-shadow: 0px 0px 0px 4px #f2f5f7;	
	font-weight:bold;
	cursor:pointer;
}

.accueil_container .submit_contener{
	margin-left: auto;
    margin-right: auto;
    text-align:center;
    margin-top:40px;
    height:330px;
}
.accueil_container {
	width: 450px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	margin: 150px auto 0;
	background: #fff url(../Img/bg_form.jpg) repeat-x top left;		
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	height:510px;
	
}

.accueil_container h2 {
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 0 #fff;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	line-height: 45px;	
}

.mention_legal{
	margin-right:20px;
	vertical-align:text-bottom !important;
	float:right;	
	text-align:center;
	font-size:11px;
}
/*************************
Pagination
**************************/
#pagination-digg{
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#pagination-digg li
{
    border:0 ; 
    margin:0 ; 
    padding:0 ; 
    font-size:11px ; 
    list-style:none ; 
    margin-right:2px ; 
    display:inline-block;
}

#pagination-digg a
{
   /* border:solid 1px #9aafe5  */
    margin-right:2px ; 
}

#pagination-digg .previous-off, #pagination-digg .next-off 
{
   /*border:solid 1px #DEDEDE !important; */
    color:#888888 ; 
    /*display:block ; 
    float:left ;*/ 
    font-weight:bold ; 
    margin-right:2px ; 
    padding:3px 4px ; 
}

#pagination-digg .next a, #pagination-digg .previous a 
{
    font-weight:bold; 
}

#pagination-digg .active,
#pagination-digg .active a
{
    background:#253A4E; 
    color:#FFFFFF !important; 
    font-weight:bold ; 
    /*display:block ; 
    float:left ; */
    
}

#pagination-digg a:link, #pagination-digg a:visited 
{
    color:#253A4E; 
    display:block; 
    /*float:left ;*/ 
    padding:3px 6px; 
    text-decoration:none; 
}

#pagination-digg a:hover
{
    /*border:solid 1px #0e509e !important; */
}
/***************************************
*	Liste patient
/***************************************/
.form_recherche_patient {
	padding:15px 0 10px 0px;
}
.form_recherche_patient td.label {
	text-align: right;
	padding-right: 8px;
}
.form_recherche_patient td.input {
	width: 12%;
}
.form_recherche_patient input{
	width: 100%;
	box-sizing: border-box;
}
.form_recherche_patient input.button {
	width: 18%;
	float: right;
	margin-left: 15px;
}
.form_recherche_patient .space{
	padding-left:1%;
}
.form_recherche_utilisateur .space{
	padding-left:2%;
}
.table_liste{
	width:90%;
	margin-left: auto;
    margin-right: auto;
	border:1px solid;
	border-collapse:collapse;
	text-align:center;
	background-color:white;
}

.table_liste th{
	font:14px Helvetica;
	border-bottom:1px solid black;
	height:25px;
	background-color: #8A9FB4;
	color:white;
	font-weight:bold
}
.table_liste td{
	font:12px Helvetica;
	height:20px;
	border-bottom:1px solid;
}
.table_liste tr.hover:hover{
	background-color:#DDEEFF;
	cursor:pointer;	
}
/***************************************
*	CLINIQUE
/***************************************/


.tab-antiepileptiques{
	border:none;
	border-collapse:collapse;
	
}
.tab-antiepileptiques td{
	padding-left:5%;
	border-bottom:1px solid;
}

.tab-antiepileptiques tr{
	background-color:white;
}
.wrapper-dossier-patient{
	background-image:linear-gradient(#FFFFFF,#A2B5BF);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	width:1024px;
	margin: 0px auto 0;
	height:100%;
	min-height:800px;
	border: 2px solid #AAAAAA;
}
#tabs{
	min-height: 100%;
  	margin: 0;
  	padding: 0;
}
#tabs5{
	min-height: 100%;
  	margin: 0;
  	padding: 0;
}

/***************************************
*	ALL CLINIC FORMS (TODO REPLACE ALL OTHER CLASSES WITH THIS ONE? MEANT TO BE GENERIC)
/***************************************/
form.form-clinic{
	margin:20px 0 20px 50px;
}

form.form-clinic label{
	display:block;
	width: 170px;
	float: left;
	margin-bottom:7px;
}
form.form-clinic .help{
	display: inline-block;
	margin: 0 0 0 4px;
}
form.form-clinic input[type="text"], form.form-clinic input[type="password"], form.form-clinic input[type="email"], form.form-clinic input[type="number"], form.form-clinic input[type="date"], form.form-clinic input[type="tel"], form.form-clinic input[type="url"], form.form-clinic input[type="search"], form.form-clinic input[type="time"], form.form-clinic input[type="datetime"], form.form-clinic input[type="datetime-local"], form.form-clinic input[type="month"], form.form-clinic input[type="week"], form.form-clinic input[type="color"]{
	width:150px;
	margin-bottom:7px;
	float: left;
}
form.form-clinic .radio label{
	width: auto;
	margin-right: 25px;
}
form.form-clinic input[type="checkbox"], form.form-clinic input[type="radio"]{
	margin: -2px 5px 7px 0;
	float: left;
}
form.form-clinic button, form.form-clinic .button{
	margin-top: 10px;
	margin-right:7px;
}

/******************************************
* #FORM_INFO_PATIENT
********************************************/

#FORM_INFO_PATIENT div#infos_patient_part1{
	display:inline;
}
/****************/
/* PART 1*/
/****************/
#FORM_INFO_PATIENT div#infos_patient_part1 div{
	display:inline;
	float:left;
}
#FORM_INFO_PATIENT div#infos_patient_part1 div.col1{
	width:30%;
}
#FORM_INFO_PATIENT div#infos_patient_part1 div.col2{
	width:25%;
}
#FORM_INFO_PATIENT div#infos_patient_part1 div.col3{
	width:25%;
}
#FORM_INFO_PATIENT div#infos_patient_part1 div.col4{
	width:20%;
}
#FORM_INFO_PATIENT div#infos_patient_part1 div.col1 label.form_infos_patient{
	width:110px;
}
#FORM_INFO_PATIENT div#infos_patient_part1 div.col2 label.form_infos_patient{
	width:70px;
}
#FORM_INFO_PATIENT div#infos_patient_part1 div.col3 label.form_infos_patient{
	width:40px;
}
#FORM_INFO_PATIENT div#infos_patient_part1 div.col4 label.form_infos_patient{
	width:110px;
}
#FORM_INFO_PATIENT div#infos_patient_part1 div.col4 .error{
	float:right;
	margin-bottom:2px;
}
/****************/
/* PART 2*/
/****************/
#FORM_INFO_PATIENT div#infos_patient_part2 div{
	display:inline;
	float:left;
}
#FORM_INFO_PATIENT div#infos_patient_part2 div{
	width:16.66%;
}

#FORM_INFO_PATIENT div#infos_patient_part2 div{
	width:16.66%;
}
#FORM_INFO_PATIENT div#infos_patient_part2 input.form_infos_patient{
	margin-top:5px;   
}
#FORM_INFO_PATIENT div#infos_patient_part2 select.form_infos_patient{
	margin-top:5px;   
}
#FORM_INFO_PATIENT div#infos_patient_part2 label.form_infos_patient{
	width:166px;   
}
/****************/
/* PART 3*/
/****************/
#FORM_INFO_PATIENT div#infos_patient_part3 div{
	display:inline;
	float:left;
}
#FORM_INFO_PATIENT div#infos_patient_part3 div.col1{
	width:16.66%;
}
#FORM_INFO_PATIENT div#infos_patient_part3 div.col2{
	width:83.34%;
}
/****************/
/* PART 4*/
/****************/
#FORM_INFO_PATIENT div#infos_patient_part4 div{
	display:inline;
	float:left;
}
#FORM_INFO_PATIENT div#infos_patient_part4 div.col1{
	width:35%;
}
#FORM_INFO_PATIENT div#infos_patient_part4 div.col2{
	width:35%;
}
#FORM_INFO_PATIENT div#infos_patient_part4 div.col3{
	width:30%;
}
#FORM_INFO_PATIENT div#infos_patient_part4 div.col1 label.form_infos_patient{
	width:130px;
}
#FORM_INFO_PATIENT div#infos_patient_part4 div.col2 label.form_infos_patient{
	width:130px;
}
#FORM_INFO_PATIENT div#infos_patient_part4 div.col3 label.form_infos_patient{
	width:143px;
}
#FORM_INFO_PATIENT div#infos_patient_part4 div.col3 label.form_infos_patient2{
	width:120px;
	float:left;
}
#FORM_INFO_PATIENT div#infos_patient_part4 .error{
	margin-left:120px;
	margin-bottom:2px;
	float:left;
}
/****************/
/* PART 5*/
/****************/
#FORM_INFO_PATIENT div#infos_patient_part5 div{
	display:inline;
	float:left;
}
#FORM_INFO_PATIENT div#infos_patient_part5 div.col1{
	width:24%;
}
#FORM_INFO_PATIENT div#infos_patient_part5 div.col2{
	width:44%;
}
#FORM_INFO_PATIENT div#infos_patient_part5 div.col3{
	width:32%;
}

#FORM_INFO_PATIENT div#infos_patient_part5 div.col1 label.form_infos_patient{
	width:100px;
}
#FORM_INFO_PATIENT div#infos_patient_part5 div.col2 label.form_infos_patient{
	width:110px;
}
#FORM_INFO_PATIENT div#infos_patient_part5 div.col3 label.form_infos_patient{
	width:160px;
}
#FORM_INFO_PATIENT div#infos_patient_part5 div.col1 .error{
	margin-left:100px;
	margin-bottom:2px;
}
#FORM_INFO_PATIENT div#infos_patient_part5 div.col3 .error{
	margin-left:150px;
	margin-bottom:2px;
}
/************************************************/
#FORM_INFO_PATIENT div#antiepileptiques{
	border:1px solid;
	width:100%;
	height:150px; 
	overflow-y : scroll;
	margin-bottom:10px;
}

#FORM_INFO_PATIENT label.form_infos_patient{
	display:block;
   	float: left;
   	margin-bottom:5px;
}
#FORM_INFO_PATIENT select.form_infos_patient{
   	margin-bottom:5px;   	
   	float: left;
}
#FORM_INFO_PATIENT input.form_infos_patient{
   	margin-bottom:5px;   	
   	float: left;
}
#FORM_INFO_PATIENT number.form_infos_patient{
   	margin-bottom:5px;   	
   	float: left;
}

#FORM_INFO_PATIENT input[type=text]{
	width:150px;	
}
#FORM_INFO_PATIENT select{
	width:155px;	
}
#FORM_INFO_PATIENT {
	font-size:11px !important;
}

/******************************************
* FORM_EVOLUTION_CLINIQUE
********************************************/

#FORM_EVOLUTION_CLINIQUE div.container_left{
	float:left;	
	width:49%;
	display:inline;
}
#FORM_EVOLUTION_CLINIQUE div.container_left{
	border-right:3px solid #8A9FB4;
}

#FORM_EVOLUTION_CLINIQUE div.container_right{
	float:right;	
	width:49%;
	display:inline;
	padding-left:10px;
}


#FORM_EVOLUTION_CLINIQUE label.form_evolution_clinique{
	display:block;
    width: 160px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_EVOLUTION_CLINIQUE select.form_evolution_clinique{
   	margin-bottom:7px;   	
   	float: left;
   	width:115px;
}
#FORM_EVOLUTION_CLINIQUE number.form_evolution_clinique{
   	margin-bottom:7px;   	
   	float: left;
}
#FORM_EVOLUTION_CLINIQUE input.form_evolution_clinique{
   	margin-bottom:7px;   	
   	float: left;
}
/******************************************
* FORM_EVOLUTION_CHIRURGIE_ANAPAH
********************************************/

#FORM_EVOLUTION_CHIRURGIE_ANAPAH div.container_left{
	float:left;	
	width:40%;
	display:inline;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH div.container_right{
	float:right;	
	width:55%;
	display:inline;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH div.container_right div.container_left{
	float:left;	
	width:50%;
	display:inline;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH div.border{
	border-left:3px solid #8A9FB4;
	padding-left:15px;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH div.container_right div.container_right{
	float:right;	
	width:50%;
	display:inline;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH label.form_evolution_chir_anapah{
	display:block;
    width: 160px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH label.form_evolution_chir_anapah2{
	display:block;
    width: 120px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH input.form_evolution_chir_anapah{
	width:130px;	
	margin-bottom:7px;   	
   	float: left;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH select.form_evolution_chir_anapah{
	width:135px;	
	margin-bottom:7px;   	
   	float: left;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH select.form_evolution_chir_anapah2{
	width:365px;	
	margin-bottom:7px;   	
   	float: left;
}
#FORM_EVOLUTION_CHIRURGIE_ANAPAH textarea.form_evolution_chir_anapah{
	margin-bottom:7px;   	
   	float: left;
}


/******************************************
* FORM_EVOLUTION_TRAITEMENT
********************************************/
#FORM_EVOLUTION_TRAITEMENT div.cadre{
 	border: 2px solid #8a9fb4;
    border-radius: 3px;
    margin-left: 6px;
    margin-right: 6px;
}
#FORM_EVOLUTION_TRAITEMENT div.cadre div.cadre_container{
	margin:10px;
}

#FORM_EVOLUTION_TRAITEMENT div.container_left{
	float:left;	
	width:35%;
	display:inline;
}
#FORM_EVOLUTION_TRAITEMENT div.container_right{
	float:right;	
	width:65%;
	display:inline;
}
#FORM_EVOLUTION_TRAITEMENT label.form_evolution_traitement{
	display:block;
    width: 80px;
   	float: left;
   	margin-bottom:7px;
}

#FORM_EVOLUTION_TRAITEMENT label.form_evolution_traitement_radio{
	display:block;
   	float: left;
   	margin-bottom:7px;
   	width:100px;
}
#FORM_EVOLUTION_TRAITEMENT label.form_evolution_traitement_radio2{
	display:block;
   	float: left;
   	margin-bottom:7px;
   	width:130px;
}
#FORM_EVOLUTION_TRAITEMENT label.form_evolution_traitement_autre{
	display:block;
    width: 150px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_EVOLUTION_TRAITEMENT input[type=text].form_evolution_traitement{
	margin-bottom:7px;   	
   	float: left;
}
#FORM_EVOLUTION_TRAITEMENT number.form_evolution_traitement{
	margin-bottom:7px;   	
   	float: left;
}
#FORM_EVOLUTION_TRAITEMENT select.form_evolution_traitement{
	margin-bottom:7px;   	
   	float: left;
}
#FORM_EVOLUTION_TRAITEMENT select.form_evolution_traitement_autre{
	margin-bottom:7px;   
	width:160px;	
   	float: right;
}

#FORM_EVOLUTION_TRAITEMENT textarea.form_evolution_traitement{
	margin-bottom:7px;   	
   	float: left;
}
.tab-chimios{
	border-collapse:collapse;
}
.tab-chimios th{
	height:20px;
	background-color:white;
	border-bottom:1px solid;
}
.tab-chimios td{
	background-color:white;
	border-bottom:1px solid;
	text-align:center;
}
/***************************************
*	Matrice
/***************************************/
#FORM_MATRICE{
	margin:20px 0 20px 50px;
}

#FORM_MATRICE label.form_matrice{
	display:block;
    width: 170px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_MATRICE input.form_matrice, #FORM_MATRICE select.form_matrice {
	width:150px;	 	
   	margin-bottom:7px;   	
   	float: left;
}
/***************************************
*	adnc
/***************************************/
#FORM_ADNC{
	margin:20px 0 20px 50px;
}

#FORM_ADNC label.form_adnc{
	display:block;
    width: 170px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_ADNC input.form_adnc{
	width:150px;	 	
   	margin-bottom:7px;   	
   	float: left;
}
/***************************************
*	adnt
/***************************************/
#FORM_ADNT{
	margin:20px 0 20px 50px;
}

#FORM_ADNT label.form_adnt{
	display:block;
    width: 170px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_ADNT input.form_adnt{
	width:150px;	 	
   	margin-bottom:7px;   	
   	float: left;
}
/***************************************
*	arn
/***************************************/
#FORM_ARN{
	margin:20px 0 20px 50px;
}

#FORM_ARN label.form_arn{
	display:block;
    width: 170px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_ARN input.form_arn{
	width:150px;	 	
   	margin-bottom:7px;   	
   	float: left;
}

/***************************************
*	prelevement
/***************************************/
#FORM_PRELEVEMENT div.container_left{
	float:left;
	width:60%;	
	display:inline;
}
#FORM_PRELEVEMENT div.container_right{
	float:right;	
	width:40%;
	display:inline;
}

#FORM_PRELEVEMENT div.container_bottom{
    width: 100%;
  /*  float:left;*/
}

/** OS 06.01.2016 **/
#FORM_PRELEVEMENT div.container_bottom div.container_left{
	border: 1px solid #8a9fb4;
    float:left;
    width:39%;  
    display:inline;
}
#FORM_PRELEVEMENT div.container_bottom div.container_right{
	border: 1px solid #8a9fb4;
    float:right;    
    width:59%;
    display:block;
    /*margin-right: 10%;*/
}
/** OS 21.03.2016 **/
#FORM_PRELEVEMENT div.container_bottom div.container_under{
    border: 1px solid #8a9fb4;
    float:right;    
    width:59%;
    display:block;
}

#FORM_PRELEVEMENT{
	margin:20px 0 20px 20px;
	/*margin:20px 50px 20px 50px;*/
}

#FORM_PRELEVEMENT div.container_bottom label.form_arn{
    display:block;
    width: 145px;
    float: left;
    margin-bottom:7px;
}
#FORM_PRELEVEMENT div.container_bottom input.form_arn{
    width:145px;        
    margin-bottom:7px;      
    float: left;
}
#FORM_PRELEVEMENT div.container_bottom .form_arn_comment{
    width:145px;        
    margin-bottom:7px;      
    float: left;
}
#FORM_PRELEVEMENT div.container_bottom select.form_arn{
    width:150px;        
    margin-bottom:7px;      
    float: left;
}

/** END OS 06.01.2016 **/


#FORM_PRELEVEMENT label.form_arn{
	display:block;
    width: 140px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_PRELEVEMENT input.form_arn{
	width:145px;	 	
   	margin-bottom:7px;   	
   	float: left;
}
#FORM_PRELEVEMENT select.form_arn{
	width:150px;	 	
   	margin-bottom:7px;   	
   	float: left;
}
#FORM_PRELEVEMENT select#PRV_HISTO_ANA,
#FORM_PRELEVEMENT select#PRV_DIAG_INTEGRE {
	width:330px ! important;	
}

#FORM_PRELEVEMENT textarea.form_arn_comment{
    width:145px;        
    margin-bottom:7px;      
    float: left;
   /* rows:2;*/
    height:25px;
}
/***************************************
*	infos-bio
/***************************************/

#FORM_INFOS_BIOS div.container_left{
	float:left;
	width:60%;	
	display:inline;
}
#FORM_INFOS_BIOS div.container_right{
	float:right;	
	width:40%;
	display:inline;
}
#FORM_INFOS_BIOS label.form_infos_bios{
	display:block;
    width: 100px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_INFOS_BIOS select.form_infos_bios{
	width:150px;	 	
   	margin-bottom:7px;   	
   	float: left;
}
div#resume_chromosome div.container_left{
	float:left;
	width:42%;	
	display:inline;
}
div#resume_chromosome div.container_mid{
	float:left;
	width:26%;	
	display:inline;
}
div#resume_chromosome div.container_right{
	float:right;	
	width:23%;
	display:inline;
}
div#resume_chromosome div.container_left label.form_infos_bios{
	display:block;
    width: 130px;
   	float: left;
   	margin-bottom:7px;
}
div#resume_chromosome div.container_mid label.form_infos_bios{
	display:block;
    width: 100px;
   	float: left;
   	margin-bottom:7px;
}
div#resume_chromosome div.container_right label.form_infos_bios{
	display:block;
    width: 85px;
   	float: left;
   	margin-bottom:7px;
}
/***************************************
* chromosomes
****************************************/

#FORM_CHROMOSOMES div.container_left{
	float:left;
	width:40%;	
	display:inline;
}

#FORM_CHROMOSOMES div.container_right{
	float:right;	
	width:60%;
	display:inline;
}
#FORM_CHROMOSOMES div.container_left div.container_left{
	float:left;
	width:50%;	
	display:inline;
}
#FORM_CHROMOSOMES div.container_left div.container_right{
	float:left;
	width:50%;	
	display:inline;
}
#FORM_CHROMOSOMES label.form_chromosomes{
	display:block;
    width: 50px;
   	float: left;
   	margin-bottom:7px;
} 
#FORM_CHROMOSOMES label.form_chromosomes2{
	display:block;
    width: 130px;
   	float: left;
   	margin-bottom:7px;
} 
#FORM_CHROMOSOMES select.form_chromosomes{
	width:90px;	 	
   	margin-bottom:7px;   	
   	float: left;
}

/***************************************
*   IHC
*   duplication et renommage de FORM_PRELEVEMENTS
/***************************************/
#FORM_IHC div.container_left{
    float:left;
    width:60%;  
    display:inline;
}
#FORM_IHC div.container_right{
    float:right;    
    width:40%;
    display:inline;
}

#FORM_IHC div.container_bottom{
    width: 100%;
  /*  float:left;*/
}

#FORM_IHC div.container_bottom div.container_left{
       border: 1px solid #8a9fb4;
    float:left;
    width:39%;  
    display:inline;
}
#FORM_IHC div.container_bottom div.container_right{
       border: 1px solid #8a9fb4;
    float:right;    
    width:59%;
    display:block;
    /*margin-right: 10%;*/
}
#FORM_IHC{
    margin:20px 0 20px 50px;
    /*margin:20px 50px 20px 50px;*/
}

#FORM_IHC div.container_bottom label.form_arn{
    display:block;
    width: 145px;
    float: left;
    margin-bottom:7px;
}
#FORM_IHC div.container_bottom input.form_arn{
    width:145px;        
    margin-bottom:7px;      
    float: left;
}
#FORM_IHC div.container_bottom .form_arn_comment{
    width:145px;        
    margin-bottom:7px;      
    float: left;
}
#FORM_IHC div.container_bottom select.form_arn{
    width:150px;        
    margin-bottom:7px;      
    float: left;
}

#FORM_IHC label.form_arn{
    display:block;
    width: 145px;
    float: left;
    margin-bottom:7px;
}
#FORM_IHC input.form_arn{
    width:145px;        
    margin-bottom:7px;      
    float: left;
}
#FORM_IHC select.form_arn{
    width:150px;        
    margin-bottom:7px;      
    float: left;
}
/* 
#FORM_IHC select#PRV_HISTO_ANA{
    width:330px ! important;    
}
*/
#FORM_IHC textarea.form_arn_comment{
    width:145px;        
    margin-bottom:7px;      
    float: left;
    rows:2;
    wrap:off;
    text-align:left;
    height:25px;
}
#FORM_IHC span.form_arn_comment{
    float: left;
    font-size:0.9em;
    margin-bottom:7px;
    margin-left:150px;
}


/***************************************
*	Admin
/***************************************/






.wrapper-admin{
	//background:DC  repeat-x top left;		
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
	width:1024px;
	margin: 0px auto 0;
	min-height:800px;
}

.wrapper-admin .contener{
	witdh:580px;
	margin-left:220px;
	margin-top:30px;
	font-size:12px;
}
.wrapper-admin .left-menu {
	float: left;
	margin-top:40px;
	margin-left:10px;	
	width: 200px;
	border-right:1px solid #375D81;
	height:700px;
}
.wrapper-admin .left_menu_selected{
	background:none !important;
	/* background-color: #6495ED !important;  */
	background-color:#A2B5BF!important; 
	
} 
.wrapper-admin .left_menu_selected span{ 
	color:white !important;
}


.wrapper-admin #menu-left ul {
	list-style: none;
	padding: 0; 
	margin: 0; 
	border-bottom : solid 1px;
	padding-top:20px;
}

.wrapper-admin #menu-left a {
	display: block;
	padding: 5px 5px 5px 10px; 
	height: 20px;
	text-decoration: none;
	text-align: left;
	font-size: 16px;
	background:transparent url(../Img/OFF.gif) repeat-x top left;
	border-top:1px solid;
	border-left:1px solid;
	
}
.wrapper-admin #menu-left a:hover {	
	background:none;
	background-color:#A2B5BF!important; 
	border-top:1px solid black;
	border-left:1px solid black;
	color:white;
}
.wrapper-admin #menu-left li a.active {
	background:none;
	background-color:#A2B5BF!important; 
	border-top:1px solid black;
	border-left:1px solid black;
	color:white;
}

/***************************************************************/
#FORM_UTILISATEUR td{
	height:20px;
} 

#FORM_UTILISATEUR input[type="text"],input[type="password"]{
	width:200px;	
}
#FORM_UTILISATEUR select{
	width:205px;
	height:22px;	
}
.title{
	height:30px;
	width:95%;
	background-color:#637281;
	padding-left:20px;
	color:white;
	font-size:16px;
	display: table-cell;
	width:770px;
    vertical-align: middle ;
}


/***********************************************
*	Gestion droit
***********************************************/
#GESTION_DROIT table{
	min-width:50%;
	max-width:98%;
	background-color:white;
	border-collapse: collapse;
	border:1px solid black;
}
#GESTION_DROIT th{
	height:25px;
	border-bottom:1px solid black;
	background-color:#8A9FB4;
	color:white;
}
#GESTION_DROIT tr{
	height:20px;
}
#GESTION_DROIT td{
	border-bottom:1px solid black;
	text-align:center;
}

/*************************************************
*	Tabs de références
*************************************************/
.tab_ref{
	background-color:white;
	border-collapse: collapse;
	text-align : center;
	border:1px solid;
	margin-bottom:20px;
	width:50%;
}

.tab_ref th{
	border-bottom : 1px solid;
	height:30px;
	background-color : #8A9FB4;
	color:white;
	font-weight:bold;
	font-size:14px;
}
.tab_ref td{
	border-bottom : 1px solid;
	height:25px;
}
/****************************************************
*
*	CRB
*
*****************************************************/
.tab_liste{	
	text-align:center;
	border-width:1px;
	table-layout:auto;
	width: 100%;
	border-collapse:collapse;
	border: 1px solid black;
}
.tab_liste td{	
	border-color:#8FA3AD;
	text-align:center;
	border-width:1px;
	padding-right:5px;
	padding-left:5px;
	height:30px;
}
.tab_liste th{
	text-align:center;
	border-width:1px;	
	background-color: #8A9FB4;
	color:white;
	font:13px Helvetica;
	font-weight:bold;
	height:30px;
}
.tab_liste tr{
	background-color : white
}

.tab_liste td{
	border-bottom: 1px solid black;
}

fieldset.custom {
	border:2px solid #8A9FB4;
    border-radius:3px;	
	margin-left: 6px;
	margin-right: 6px;
}
fieldset.custom legend {
	color : #8A9FB4;
	font-weight:bold;
}
table.genes_table {
	width:100%;
	height: 100%;
	border-spacing:0px;
	margin: 0 0 20px 0;
}
table.genes_table > tr {
	vertical-align:top;
}
table.genes_table td {
	height: 100%;
}
fieldset.custom2 {
	border:1px solid #8A9FB4;
    border-radius:3px;
	padding: 3px;
	margin: 0 0 0 6px;
	height: 100%;
	min-height: 100%;
}
fieldset.custom2 legend {
	color : #8A9FB4;
	font-weight:bold;
}

/** OS 06.01.2016 **/
fieldset.custom3 {
    border:1px solid #8A9FB4;
    border-radius:3px;  
    margin-left:    6px;
    margin-right:   6px;
}
fieldset.custom3 legend {
    color : #8A9FB4;
    font-weight:bold;
}

.form_table{
	margin:20px;
}
.form_table td{
	margin:5px
}

/************************************
*	Menu onglet
*************************************/
 .menu_onglet {
	list-style: none;
	margin-left:-40px;
	height: 20px;
 }
 .menu_onglet.underlined {
	border-bottom: 1px solid #89a;
 }

 .menu_onglet li {
	display: inline; /* affichage horizontal */
	cursor:pointer;
 }

 .menu_onglet li a {
	color: #000000;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size:12px !important;
	padding: 5px 20px;   
	margin-top:-5px;
 	height: 15px;
	background: url("../Img/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
	background-color:#8A9FB4;
	border: 1px solid #89a;
	text-decoration: none;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 5px 5px 0 0;        
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
}    
.menu_onglet li a:hover, .menu_onglet li a:focus{
	background: url("../Img/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
	border: 1px solid #999999;
  	color: #000;
  	cursor:pointer;
}
.menu_onglet li a.active {
	background: #A2B5BF;
	
}
.menu_onglet li a.active .title_onglet{
	background: #A2B5BF;
	color:white;
	font-weight: bold;
	cursor:pointer
}

.title_onglet{
	color:black;
	font-weight: bold;
	cursor:pointer
}
/**********************************************
*	wrapper
*************************************************/
#wrapper-main{
	width:100%;
	height:100%;
	display: inline-block;
	margin-bottom:20px;
	min-height: 620px;	
}
#wrapper-right{
	float:right;
	width:872.5px;	
	min-height: 680px;
	margin-bottom:15px;
	
	border-left:1px solid  #89a;;
}
#wrapper-content{
	margin: 20px 10px 0 10px
}
/******************************************
* LEFT MENU
********************************************/
#wrapper-left{
	margin-top:10px;
	float: left;
	width:120px;
	height:650px;
}
#wrapper-left ul {
	margin-top:50px;
	list-style: none; /* on supprime le style par défaut de la liste */
	border:none;
	margin-left:-40px;
}
#wrapper-left ul li{
	margin-bottom:5px;
}
#wrapper-left li a {
	border-radius: 3px 0 0 3px;   
	display: block;
	padding: 5px 0px 5px 10px; /* aucune marge intérieure */
	height: 20px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	font-size: 14px;
	background: url("../Img/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
	border-left:1px solid #89a;
	border-top:1px solid #89a;
	border-bottom:1px solid #89a;
	cursor:pointer;
}
#wrapper-left li a:hover{
	background: url("../Img/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
  	color: #000;
  	cursor:pointer;
}
#wrapper-left  li a.active{
	background: #A2B5BF;
	border: 1px solid #999999;  	
}
#wrapper-left  li a.active .title_onglet{
	color: white;
}
/****************************************************
*	Prelevement
*****************************************************/
.rappel_prelevement{
	padding:10px 0;
	width:1024px;
	background-color:#8A9FB4;
	color:white;
	margin-top:-15px;
	margin-left:-15px;
	border-bottom: 2px solid #AAAAAA;
	text-align:center;
	display: table;
}
.rappel_prelevement span{
	font-weight:bold;
	font-size:12px;
	display: table-cell;
	padding: 0 10px;
	text-overflow: ellipsis;
}	
/***************************************************
*	Info Bio
******************************************************/
#FORM_INFOS_BIOS select{
	width:130px;
}

a[data-fluidbox] {
    background-color: #eee;
    border: none;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    margin-bottom: 1.5rem;
}
    a[data-fluidbox].fluidbox-opened {
        cursor: -webkit-zoom-out;
        cursor: -moz-zoom-out;
    }

a[class^='float'] {
    margin: 1rem;
    margin-top: 0;
    width: 33.33333%;
}
a.float-left {
	float: left;
	margin-left: 0;
}
a.float-right {
	float: right;
	margin-right: 0;
}
a[data-fluidbox] img {
	display: block;
	margin: 0 auto;
	opacity: 0;
	max-width: 100%;
	transition: all .25s ease-in-out;
}
#fluidbox-overlay {
	background-color: rgba(255,255,255,.85);
	cursor: pointer;
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 500;
}

.fluidbox-wrap {
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    z-index: 400;
    transition: all .25s ease-in-out;
}
.fluidbox-opened .fluidbox-wrap {
	z-index: 600;
}

.fluidbox-ghost {
    background-size: cover;
    background-position: center center;
    position: absolute;
    transition: all .25s ease-in-out;
}



/********************************
*	Genes
***********************************/
#FORM_EXONS{
	font-size:10px;
}
#FORM_EXONS select{
	width:70px !important;
}
#FORM_EXONS select.MGMT{
	width:100px !important;
}
#FORM_EXONS .exons_alteres{
	width:140px !important;
}
#FORM_EXONS div.exons_alteres {
	border: 1px solid;
	height: 60px;
	overflow-y: auto;
}
.tab-exons{
	border:none;
	border-collapse:collapse;
}
.tab-exons tr{
	background-color:white;
}
.tab-exons td{
	padding-left:5%;
	border-bottom:1px solid;
	height: 18px !important;
}

/**********************************
*	Requetes
**********************************/
/* Common */

.card {
	border: 1px solid #8A9FB4;
	margin: 5px 0;
	padding: 0 10px 5px 10px;
}
.card h3 {
	margin: 3px 0;
}
a {
	color: #637281;
}
.card p {
	margin: 3px 0;
}
.card .description {

}
.card .date {
	font-style: italic;
	color: #777;
}
.card .tag {
	display: inline-block;
	padding: .25em .4em;
	font-size: 100%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	color: #fff;
	background-color: #6c757d;
	margin-left: 7px;
}
.card img.favorite {
	margin-left: 5px;
	cursor: pointer;
}

/* One view page */

.requete_view{
	margin:10px;
	position: relative;
	overflow: auto;
}
.requete_view .card {
	margin-bottom: 25px;
}
.resultat_requete{
	overflow-y : scroll;
	overflow-x : scroll;
	height:680px;
}
.dataTables_length, .dataTables_filter {
	margin-bottom: 10px !important;
}
.dt-buttons {
    float: right !important;
    margin-left: 10px;
}
.dt-button {
    color: white !important;
    font-weight: bold;
    font-size: 12px !important;
    border: none !important;
    background: #637281 !important;
    padding: 5px 10px !important;
    cursor: pointer;
}
.dt-button-link {
	background: none !important;
	padding: 15px 0 0 0 !important;
}
.tab_requetes{
	width:100%;
	margin: 0 auto 5px auto !important;
	border-collapse: collapse !important;
	text-align:center;
	background-color:white;

}
.tab_requetes th, .tab_requetes td {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	border:1px solid #aaa;
	height:25px;
}
.tab_requetes tbody th, .tab_requetes tbody td, .tab_requetes thead tr.search th {
	padding: 3px 3px !important;
}

.tab_requetes th{
	background-color: #8A9FB4;
	color:white;
	font-weight:bold;
}
.tab_requetes tr.odd {
	background-color: #f9f9f9;
}
.tab_requetes input{
	box-sizing:border-box;
	width: 100%;
}
.tab_requetes .search th {
	position: relative;
}
.tab_requetes .filter {
	display: block;
	margin: 2px 12px 2px 2px;
}
.tab_requetes .switch {
	display: block;
	width: 14px;
	margin: 5px 0 2px 2px;
	position: absolute;
	top: 0;
	right: 0;
}
.tab_requetes .switch img {
	max-width: 10px;
	height: auto;
}

/* Vue du SQL */
.sql_requete {
	width: 99%;
	margin: 0 auto;
}

.sql_requete .syntaxhighlighter {
	border: 1px solid #89a !important;
}

/* Page gestion des requêtes */
.form_requete {
	width: 99%;
	margin: 0 auto;
}

/* Page de liste de requetes */

.requete_views{
	margin:10px;
	position: relative;
	overflow: auto;
}
.facettes {
	border: 1px solid #8A9FB4;
	width: 20%;
	height: 680px;
	margin-right:20px;
	margin-top:5px;
	padding: 0 10px 5px 10px;
	float: left;
}
.facettes p {
	margin: 8px 0;
}
.facettes input[type="radio"] {
	margin-top: -1px;
	vertical-align: middle;
}
.facettes input[type="checkbox"] {
	margin-top: -1px;
	vertical-align: middle;
}
.ui-inputtext {
	margin-bottom: 15px;
}
hr {
	border: 0;
	border-top: 1px solid #bbb;
}
.requete_views .card {
	float: left;
	width: 73%;
}
.requete_views .pagination {
	bottom: -10px;
	left: 205px;
}
.nipOld {
	display: none;
}


/*********************************************
/Dico
/*********************************************/

.tab_dico{
	width:100%;	
	margin-left: auto;
    margin-right: auto;
	border:1px solid;
	border-collapse:collapse;
	text-align:center;
	background-color:white;
}

.tab_dico th{
	font:14px Helvetica;
	border-bottom:1px solid black;
	height:25px;
	background-color: #8A9FB4;
	color:white;
	font-weight:bold;
	border-right:1px solid black;
}
.tab_dico td{
	font:12px Helvetica;
	height:25px;
	border-bottom:1px solid;
	border-right:1px solid black;
}
.tab_dico tr.pair{
	background-color:#F7F7F0;
}
.tab_dico tr.impair{
	background-color:#FFFFFF;
}
.tab_dico tr.hover:hover{
	background-color:#8CC6D7;
	cursor:pointer;	
}
.dico-data{
	overflow-y : scroll;
	overflow-x : scroll;
	height:750px;	
}
/*********************************************************/
.message_empty_res {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
hr.custom2{
	color: #8A9FB4;
	background-color: #8A9FB4;
	height: 6px;
}

#FORM_EXTRACTION_CSV {
	margin-top:5px;
}

.sticky
{
    position: fixed;
    top: 70%;
    left:70%;
}
/****************************************************
*	Gestion FORM_UTILISATEUR
******************************************************/
#FORM_UTILISATEUR label.form_utilisateur{
	display:block;
    width: 100px;
   	float: left;
   	margin-bottom:7px;
}
#FORM_UTILISATEUR input.form_utilisateur{
	width:150px;	 	
   	margin-bottom:7px;   	
   	float: left;
}
/****************************************************
*	Formulaire
******************************************************/

.FORM input[type='text']{
	width: 200px;
	display: block;
	padding: .3rem .5rem;
	line-height: 1.2;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.FORM textarea{
	width: 200px;
	display: block;
	padding: .3rem .5rem;
	line-height: 1.15;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.FORM label.label_form{
	display: block; 
    width: 150px;
   	float: left;
	margin-top: 0.3rem;
}
.FORM input[disabled] {
	background-color: #e9ecef;
	opacity: 1;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

/***************************************************
*    GWAS
****************************************************/
.table_liste_gwas{
	width:90%;
	margin-left: auto;
    margin-right: auto;
	border:1px solid;
	border-collapse:collapse;
	text-align:center;
	background-color:white;
}

.table_liste_gwas th{
	font:normal 12px Helvetica;
	border: 1px solid black;
	height:25px;
	background-color: #8A9FB4;
	color:white;
}
.table_liste_gwas td{
	font:12px Helvetica;
	height:20px;
	border: 1px solid black;
}
.table_liste_gwas tr.hover:hover{
	background-color:#DDEEFF;
	cursor:pointer;	
}