@import url("stylesheet/global.css"); 


.texte_centre { position:absolute!important; width:100%;z-index:0!important;}
.vert {color: #70bf46;}
.clickable { cursor : pointer;z-index:1; }
.hidden{display:none!important;}

/* Début en-tête */

/* Début premier bandeau */
#premier_bandeau {
	height : 110px;
	width : 100%;
	
	position:fixed;
	top:0px;
	
	background-color:white;
	z-index:100;
}

#premier_bandeau * {position:relative;}

#logo {
	height : 100px;
	width: 100px;
	
	top: 5px;
	left: 5px;
}

#etablissement {
	top:40px;
}

#infos_patient {
	color:black!important;
	top:30px;
}

#grille_gestion {
	height : 110px;
	width: 110px;
	
	top: 5px;
	right: 5px;
	
	float:right;
	
	position:absolute;
	right:0px;
	top:0px;
}

#grille_nom {
font-size:17px;
padding:16px 0px;
}

#grille_infos {padding:16px 0px;}

/* Fin premier bandeau */

/* Début deuxième bandeau */

#deuxieme_bandeau {
	height : 40px;
	width : 100%;
	
	position:fixed;
	top:110px;
	
	background-color : #818285;
	z-index:100;
}

.fleche { height: auto; width:30px; }

#grille_fonction { top:6px; }

#loupe {
	width : 30px;
	padding:6px 40px;
	top:0px;
}	

#fleche_haut {
	position :fixed;
	left : 400px;
	margin-top : 11px;
	-moz-transform : rotate(270deg);
	-ms-transform : rotate(270deg);
	-o-transform : rotate(270deg);
	-webkit-transform : rotate(270deg);
	transform : rotate(270deg);
}
#fleche_bas {
	position :fixed;
	right : 400px;
	margin-top : 11px;
	-moz-transform : rotate(90deg);
	-ms-transform : rotate(90deg);
	-o-transform : rotate(90deg);
	-webkit-transform : rotate(90deg);
	transform : rotate(90deg);
}																	

/* Fin deuxième bandeau */

/* Début troisième bandeau */

#troisieme_bandeau {
	height : 40px;
	width : 100%;
	
	position:fixed;
	top:150px;
	
	background-color: #a5a7aa;
	z-index:100;
}


#fonction_detail {
	font-size:18px;
	top:11px;
}

#bulle {
	height: 30px;
	float : right;
	padding: 6px 35px;
}

/* Fin troisième bandeau */

/* Début quatrième bandeau */

#quatrieme_bandeau {
	height : 50px;
	width : 100%;
	
	position:fixed;
	top:190px;
	
	background-color: #000;
	z-index:100;
}

#thermometre_fond, #thermometre_graduation {
	width:82%;
	padding:0 9%;
	position:absolute;
}

#thermometre_fond {height:50px;}
#thermometre_graduation {top:40px;height:10px;}
#thermometre_curseur {position:absolute;width:10px;height:inherit;background-color:red;margin-left:9%;}

#valeurclinimetre{
	color:#FFF;
	
	position: absolute;
    left: 2.5em;
    top: 1.5em;
}

#thermometre {
	width:100%;
	height:inherit;
}

#thermometre input {
	display:none;
}

#valeurgrille{
	color:#FFF;
	font-size: 40px;
    
	position: absolute;
    right: 0.5em;
    top: 5px;
}

/* Fin quatrième bandeau */

#fleche_haut, #logo, #loupe, #fleche_bas, #bulle {z-index:5;position:absolute;}

/* Fin de l'en-tête */


/* Début du pied de page */

footer{
	background-color:white;
	
	height : 45px;
	width : 100%;
	
	position : fixed;
	bottom:0px;
	
	padding-bottom:30px;
}


#historique, #enregistrer, #imprimer, #analyse, #acceuil {
	width:18%;
	height:inherit;
	text-align:center;
	position:absolute;

}

#historique {
	background-color: #000080;
	left:1%;
}


#fleche_gauche {
	height:35px;
	position:absolute;
	left:10px;
	padding:5px 15px;
}

#fleche_droite {
	height:35px;
	position:absolute;
	left:70px;
	padding:5px 15px;

	-moz-transform : rotate(180deg);
	-ms-transform : rotate(180deg);
	-o-transform : rotate(180deg);
	-webkit-transform : rotate(180deg);
	transform : rotate(180deg);
}

#date {
	position:absolute;
	width : 10%;
	padding-left : 170px;
	padding-top : 12px;
	font-size:16px;
}

#enregistrer {
	position:absolute;
	width : 18%;
	background-color: #008000;
	line-height:40px;
	left : 61%;
}

#analyse {
	background-color: #008080;
	position:absolute;
	width : 18%;
	line-height:40px;
	left : 81%;
}

#imprimer {
	background-color: #FF0000;
	position:absolute;
	width : 18%;
	line-height:40px;
	left : 21%;
	
}

#acceuil {
	background-color: yellow;
	position:absolute;
	width : 18%;
	line-height:40px;
	left : 41%;
}



/* Fin du pied de page */



/* Début de la liste des fonctions */
.contenu {
	color:black;
	width:60%;
	margin-top:260px;
	margin-left : 20%;
}

/*#fonctions_liste {
	overflow-y:scroll;
	overflow-x:hidden!important;
}
/* 
.listesondage {
	width:100%;
	height:30px;
	margin-top:20px;
} */

.fonctions_liste_nom {
display : block;
width : 30%;
float : left;
font-style : italic;
font-weight : bold; 
}

/* .fonctions_liste_valeurs {
	width:70%;
	height:inherit;
	display:inline;
	float:right;
}
 */
.fonctions_liste_ligne0 {
width : 98%;
margin-left : 1%;
padding-top : 10px;
padding-bottom : 10px;
border-bottom : solid 1px grey;
}

.fonctions_liste_ligne {
width : 98%;
margin-left : 1%;
padding-top : 10px;
padding-bottom : 10px;
border-bottom : solid 1px grey;
}

.fonctions_liste_valeur0 {
display : inline-block;
text-align : center;
font-weight : bold; 
font-size : 1.4em;
margin-left: 0.40%;
margin-right: 0.40%;
}
.fonctions_liste_valeur {}

.fonction_current {text-decoration:underline;font-weight:bold;}

#champs {
	display : block;
	overflow-y:scroll;
	overflow-x:hidden!important;	
}
/* Fin de la liste des fonctions */



/* Début du radar */

#spidergraphcontainer {
	position: absolute;
	top:250px;	
}
	.diagramText {
	color: black;
	font-size:14px;
}

/* Fin du radar */


















#fleche_middle_gauche, #fleche_middle_droite, #fleche_bottom_gauche, #fleche_bottom_droite
{
	width : 44px;
	height : 44px;
	z-index : 10000;
	position : fixed;
}



#fleche_middle_gauche, #fleche_bottom_gauche { left : 0; }
#infos, #bulle, #loupe, #fleche_middle_droite{ right : 0; }



#fleche_middle_gauche img {float:right;}
#fleche_middle_gauche img, #fleche_middle_droite img {height:100%;}
#fleche_bottom_gauche img, #fleche_bottom_droite img {height:30px;width:auto;}

#fleche_after:after
{
	right: 30px!important;
}





.libelle {z-index:5;position:relative;}





/* Début corps de page index */






section, article	{	margin : 0 auto;	}
section {top : 88px;}									

/* Formulaire de connexion */
#blocconnexion input, #blocconnexion select, #createPatient input, #createPatient select
{
	height : 35px;
	line-height : 40px;										/* Centrage vertical du texte */
	margin : 0px auto 20px auto;
	display : block;
	border : 0px;
	border-radius : 17px;							
}
#blocconnexion, #createPatient { margin-top : 235px; }
input[type="text"], input[type="password"], input[type="date"], input[type="search"], select, select option
{
	width : 39.5%;
								
	padding-left : 7%;
		
	box-shadow : 0px 1px 8px rgba(32, 28, 29, 0.5) inset;						/* Ombre portée */
	
	background-color : #fafafa;
	background-image : linear-gradient(to top, #f4f4f4, #fff); 					/* Norme W3C */
	background-image : -moz-linear-gradient(to top, #f4f4f4, #fff); 			/* Firefox */
	background-image : -webkit-linear-gradient(bottom, #f4f4f4, #fff); 			/* Chrome, Safari */
	background-image : -o-linear-gradient(to top, #f4f4f4, #fff); 				/* Opera */
	background-image : -ms-linear-gradient(to top, #f4f4f4, #fff); 				/* IE */
	
	font-family : "Helvetica Neue LT Pro 33 Thin Extended Oblique";
	color : #636363;
	font-size : 11px;
}

#blocconnexion input[type="text"] {float: left; margin-left: 7%!important;}
input[type="password"] {float: right; margin-right: 7%!important;}

select, select option { width : 87%; }
input[type="submit"], input[type="button"]
{
	width : 50%;

	background-color : #818285;

	color : white;
	font-size : 13px;
	text-align : center;
}


article { margin-top : 35px; width : 80%; }

#totalScore {
	position: fixed;
	bottom: 50px;
	right: 30px;
	font-size: 40px;
	color: red;
}

#inline-search input[type="radio"] {
    margin-left:10px;
	margin-right: 10px;
	display: inline;
}

#inline-search {
	text-align: center;
}

#liste {
	list-style-type: none;
	text-align: center;
}

#liste li {
	margin-top: 10px;
	margin-left: 10px;
}






/* Fin corps de page index */
/* Début corps de page main */








#swipe-container span
{
	-webkit-transition : all 0.5s ease-in-out; 		/* pour Webkit */
    -moz-transition : all 0.5s ease-in-out; 		/* pour Firefox 4+ */
    -o-transition : all 0.5s ease-in-out;			/* pour Opera 10.5+ */
	transition : all 0.5s ease-in-out;				/* pour tous (W3C) */
}

.active {display:block;}.inactive {display:none;position:relative;z-index:-10000;}

/* Fin corps de page main */




/* Admin */

#blocparamadmin h2 {
	color: #000000;
}

#blocparamadmin img {
	width: 200px;
	height: 45px;
}

#blocparamadmin label {
	width: 50%;
	margin-left: 40%;
	color: #000000;
}

#blocparamadmin input {
	display: inline;
	margin-right: 20px;
}

#submitbutton {
	margin-left: 42%;
	width: 200px;
}