/***********************************************
* Mise en page
***********************************************/

/* 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;
	margin-left: auto;
	margin-right: auto;
	width:1024px;
	min-height:700px;
	background-color: #DCE5ED;	
}
#wrapper-log-modif{
	float:right;	
	font-size:9px !important;
	margin-bottom:10px;
}
#wrapper-title {
	background-color:#8A9FB4;	
	text-align: left;
	margin-bottom: 20px;;
	padding-left:20px;
	padding-top:5px;
	min-height:30px;
}
#wrapper-title label{
	color:white  !important;
	font-size:18px;
	font-weight:bold;
	font-style:bold;
	vertical-align:middle;
}
#wrapper-main{
	width:100%;
	height:100%;
	display: inline-block;	
	margin-bottom:20px;
	min-height: 620px;
	background-image: linear-gradient(#ffffff, #a2b5bf);
    border-radius: 4px;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);	
}
#wrapper-left{
	float: left;
	margin-left:20px;
	width: 150px;	
	min-height:600px;
	height:100%;
}
#wrapper-right{
	float:right;
	width:853px;
	border-left: 1px solid #4a72a4;
	min-height: 680px;
	margin-bottom:15px;
}
#wrapper-content{
	margin: 0 10px 0 15px
}
#wrapper-center{	
	width:95%;
	min-height: 680px;
	margin-left: auto;
    margin-right: auto;
}
.wrapper-submit{
	float:right;
	margin-top:10px;
	vertical-align:bottom;
}
#header{
	text-align :center;
	font-size: 25px !important;
}
#footer {
	text-align: center;
	clear: both;
}
div.clear{
	clear:both;
}

/*******************************************
/*	Left menu
*********************************************/
#menu-left .selected{
	background:none !important;
	background-color:#8A9FB4!important; 
	
} 
#menu-left .selected span{ 
	color:white !important;
}
#menu-left{
	float: right;
	width:150px;
}

#menu-left ul {
	list-style: none; /* on supprime le style par défaut de la liste */
	padding: 0; /* pas de marge intérieure */
	margin: 0; /* ni extérieure */
	border-bottom:1px solid;
}

#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;
	color:black;
}
#menu-left a:hover {	
	background:none;
	background-color:#8A9FB4!important; 
	border-top:1px solid black;
	border-left:1px solid black;
	color:white;
}

/*****************************************/
.error {
	color: red;
	padding-left:20px;
}
.required_error {
	box-shadow: 0  0 3px red;
	-webkit-box-shadow: 0px 0px 6px 0px red; 
}

.obl{
	color:#B9121B;
}
.input_date{
	width:80px !important;
}
a{
	color:black;
	text-decoration:none;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style:italic;
}
/***************************************
*		fieldset
****************************************/
fieldset.custom {
	border:2px solid #8A9FB4;
    border-radius:3px;	
	margin-left: 6px;
	margin-right: 6px;
}
fieldset.custom legend {
	color : #8A9FB4;
	font-weight:bold;
}

/***************************************
*		Menu
****************************************/
div#nav{
	padding-bottom:10px;
}
#menu 
{
	padding:0;
	width:1022px;
	list-style : none; 
	line-height : 30px; 
	margin-bottom:10px;	
	float: left;
	margin: auto;
    text-align:center;	
	font-size : 15px; /* hauteur du texte : 12 pixels */    
	border-bottom:1px solid #555555; 
	border:1px solid #919191;   
	background:transparent url(../Img/OFF.gif) repeat-x top left;
}
#menu li{
	float : left;
}
#menu a /* Contenu des listes */
{
	width : 115px; 	
	display: block; 
	text-decoration : none;
	color:#637281;
  	font-size:12px;
  	font-weight:bold;
  	border-right:1px solid #919191;   
}
#menu a:hover  
{
	background-color:#A2B5BF!important; 
  	color:white !important;
}
/***************************************
*		HEADER
****************************************/
.header_title{
	font:25px Helvetica;
	font-weight:bold;
	color:black; 
	margin: auto;
}
.header{
	width:1024px;	
	margin: auto;
	text-align:center;
	padding-top:Sx;
	padding-bottom:5px;
}

.header img{
	vertical-align:middle;
}
.header label{
	line-height:32px;
	vertical-align:middle;
}
/***************************************
*		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;
}
/***************************************
*		PAGE DE CONNEXION
****************************************/
.wrapper-connexion{	
	margin-top:100px;
	width:100%;
	height:100%;
}
.form-bg {
	width: 400px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;	
	background: url(../Img/bg_form.jpg) 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;	
}

/****************************************************
*	Button
******************************************************/
.button{
	color:white;
	font-weight:bold;
	background-color:#637281;
	border:none;
	cursor:pointer;
	height:25px !important;
	min-width:100px;
}
/***************************************
*	Liste patient
/***************************************/
#FORM_RECHERCHE_PATIENT div.form_champs{
	width:20%;
	display:inline;
	float:left;
}


.table_liste{
	width:100%;
	margin: auto;
	border:1px solid;
	border-collapse:collapse;
	text-align:center;
	background-color:white;
	margin-top:15px;
}

.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;	
}

/*************************
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
{
    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; */
}



/***********************************************
*	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;
}
/***********************************************
*	Fiche patient
***********************************************/
#FORM_PATIENT label.form_fiche_patient{
	display:block;
    width: 155px;
   	float: left;
   	margin-bottom:5px;
}
#FORM_PATIENT input.form_fiche_patient{
	width:150px;	 	
   	margin-bottom:5px;
   	float:left;
}
#FORM_PATIENT textarea{
	resize: none;
}
#FORM_PATIENT{
	margin:100px;
}
/***********************************************
*	liste utilisateurs
***********************************************/
#FORM_RECHERCHE_UTILISATEUR div.form_champs{
	width:25%;
	float:left;
	display:inline;
}
/***********************************************
*	Fiche utilisateurs
***********************************************/
#FORM_UTILISATEUR label.form_fiche_utilisateur{
	display:block;
    width: 155px;
   	float: left;
   	margin-bottom:5px;
}

#FORM_UTILISATEUR select.form_fiche_utilisateur{
	width:155px;	 	
   	margin-bottom:5px;
   	float:left;
}
#FORM_UTILISATEUR input[type="text"].form_fiche_utilisateur,input[type="password"].form_fiche_utilisateur{
	width:150px;	 	
   	margin-bottom:5px;
   	float:left;	
}
#FORM_UTILISATEUR{
	margin:60px;
}