body {font-family: calibri, arial, verdana, trebuchet MS, helvetica ; font-size: 13px; text-decoration: none; background-color: #FFFFFF; cursor: default;}
select{/*font-family: verdana, trebuchet MS, helvetica, calibri;*/ max-width: 250px;}
textarea {/*font-size: 14px;*/ background-color: #FFFFFF;border: 1px solid black; width: 98%;height: 92%;margin-left: 1%;top: 10%;}
b {left: 1%; /*font-size: 16px;*/}
a{cursor:pointer; text-decoration: none; color:black;}

/***** GESTIONS DES ZONES *****/
.zone1 {position:absolute;  top: 1.5%; left: 1%; width: 73.5%; height: 21%; text-align: left; /*border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC;*/}
.zone2 {position: absolute; top: 26%; left: 1%; width: 16%; height: 67%; text-align: left; /*border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC;*/}
.zone8 {position: absolute; top: 93%; left: 1%; width: 16%; height: 4.7%; text-align: left; z-index:0; /*border-right: 2px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;*/}
.zone3 {position: absolute; top: 26%; left: 17.5%; width: 57%; height: 71.7%; text-align: left; z-index:0; font-size: 15px; /*border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC;*/}
.zone100 {position: absolute; top: 26%; left: 17.5%; width: 57%; height: 69.7%; text-align: left; z-index:5; margin-top:1%; font-size: 15px; /*border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC;*/}
/*.zone50 {position: absolute; top: 48%; left:75%; width:24.5%; height:6%; text-align: center; z-index:2; color:red;}*/
.zone4 {position: absolute; top: 14.5%; left: 75%; width: 24.1%; height: 31.5%; text-align: left; overflow-y:auto; z-index:0; padding-top:0.5%; padding-left:4px; font-size:11px;/*border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC;*/}
.zone5 {position: absolute; top: 48%; left: 75%; width: 24.5%; height: 42%; text-align: left; z-index:2; /*border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC;*/}
/*.zone5 {position: absolute; top: 54%; left: 75%; width: 24.5%; height: 36%; text-align: left; z-index:2; }*/
.zone6 {position: absolute; top: 91%; left: 75%; width: 24.5%; height: 6.7%; text-align: left; z-index:2; /*border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC;*/}
.zone7 {position: absolute; top: 1.5%; left: 75%; width: 24.5%; height: 12%; /*text-align: left;*/ z-index:0;}

	/**** pour avoir des ombres portées *****/
	.zone10 {position: absolute; top: 2.5%; left: 1.5%; width: 68%; height: 21%; text-align: left; z-index:-10;}
	.zone20 {position: absolute; top: 26.5%; left: 1.5%; width: 15%; height: 71.7%; text-align: left; z-index:-10;}
	.zone90 {position: absolute; top: 26.5%; left: 17.5%; width: 53%; height: 71.7%; z-index:-10;}
	.zone40 {position: absolute; top: 2.5%; left: 67.5%; width: 31%; height: 95.7%; text-align: left; overflow-y:auto; z-index:-10;}
	/*****************************************/
	
/***** FIN GESTIONS DES ZONES *****/

/***** GESTIONS DES SOUS-ZONES *****/
.sous_zone11{position: absolute; top: 0%; left: 0%; width: 25%; height: 20%; text-align: left; padding-left: 1%; margin-top: 0.5%; /*border: solid 1px black;*/}
.sous_zone12{position: absolute; top: 20%; left: 0%; width: 25%; height: 20%; text-align: left; padding-left: 1%;}
.sous_zone13{position: absolute; top: 40%; left: 0%; width: 25%; height: 20%; text-align: left; padding-left: 1%;}
.sous_zone14{position: absolute; top: 60%; left: 0%; width: 25%; height: 20%; text-align: left; padding-left: 1%;}
.sous_zone15{position: absolute; top: 80%; left: 0%; width: 25%; height: 20%; text-align: left; padding-left: 1%;}
.sous_zone16{position: absolute; top: 0%; left: 25%; width: 25%; height: 20%; text-align: left; margin-top: 0.5%;}
.sous_zone17{position: absolute; top: 20%; left: 25%; width: 25%; height: 20%; text-align: left;}
.sous_zone18{position: absolute; top: 40%; left: 25%; width: 25%; height: 20%; text-align: left;}
.sous_zone19{position: absolute; top: 60%; left: 25%; width: 25%; height: 20%; text-align: left;}
.sous_zone110{position: absolute; top: 80%; left: 25%; width: 25%; height: 20%; text-align: left;}
.sous_zone111{position: absolute; top: 0%; left: 50%; width: 25%; height: 20%; text-align: left; margin-top: 0.5%;}
.sous_zone112{position: absolute; top: 20%; left: 50%; width: 50%; height: 20%; text-align: left;}
.sous_zone113{position: absolute; top: 40%; left: 50%; width: 25%; height: 20%; text-align: left;}
.sous_zone117{position: absolute; top: 40%; left: 75%; width: 25%; height: 20%; text-align: left;}
.sous_zone114{position: absolute; top: 60%; left: 50%; width: 50%; height: 20%; text-align: left;}
.sous_zone115{position: absolute; top: 80%; left: 50%; width: 25%; height: 20%; text-align: left;}
.sous_zone116{position: absolute; top: 80%; left: 75%; width: 25%; height: 20%; text-align: left;}
.sous_zone118{position: absolute; top: 0%; left: 75%; width: 25%; height: 20%; text-align: left; margin-top: 0.5%;}
/*.sous_zone119{position: absolute; top: 40%; left: 49%; width: 16%; height: 20%; text-align: left;}*/

.sous_zone20{position: absolute; top: 1%; text-align: center; /*left: 6%;*/ width:100%;}
.sous_zone21{position: absolute; top: 6.5%; /*left: 5%; */width: 98%; height: 6%; text-align: center; }
.sous_zone22{position: absolute; top: 14.5%; /*left: 5%; */width: 98%; height: 6%; text-align: center;}
.sous_zone23{position: absolute; top: 22.5%; /*left: 5%;*/ width: 98%; height: 6%; text-align: center;}
.sous_zone24{position: absolute; top: 30.5%; /*left: 5%;*/ width: 98%; height: 6%; text-align: center;}
.sous_zone25{position: absolute; top: 38.5%; /*left: 5%;*/ width: 98%; height: 6%; text-align: center;}
.sous_zone26{position: absolute; top: 46.5%; /*left: 5%;*/ width: 98%; height: 6%; text-align: center;}
.sous_zone27{position: absolute; top: 54.5%; /*left: 5%;*/ width: 98%; height: 6%; text-align: center;}
.sous_zone28{position: absolute; top: 62.5%; /*left: 5%;*/ width: 98%; height: 6%; text-align: center;}
.sous_zone29{position: absolute; top: 70.5%; /*left: 5%;*/ width: 98%; height: 6%; text-align: center;}
.sous_zone210{position: absolute; top: 78.5%; /*left: 5%;*/ width: 98%; height: 6%; text-align: center;}
.sous_zone212{position: absolute; top: 89%; /*left: 1%;*/ width: 98%; height: 6%; text-align: center;}

.sous_zone30 {position: absolute; top: 0%;  text-align: center; width: 18%; height:4%; left:82%; margin-top:-2%; z-index:4;}
.sous_zone31 {position: relative; float: left; top: 1%; left: 0%; width: 49%; z-index:2; margin-top:1.5%; padding-left:4px}
.sous_zone32 {position: relative; float: right; top: 1%; left: 0%; width: 49%;  z-index:1; margin-top:1.5%;}
.sous_zone33 {position: relative; float: right; top: 1%; left: 2%; width: 34%;  z-index:6; margin-top:1.5%; /*border: 1px solid #CCCCCC;*/}

/*.sous_zone51 {position: absolute; top: 6%; left: 5%; width: 40%; height: 80%; text-align: center;}
.sous_zone52 {position: absolute; top: 6%; left: 50%; width: 10%; height: 80%; text-align: center;}
.sous_zone53 {position: absolute; top: 6%; left: 62%; width: 10%; height: 80%; text-align: center;}
.sous_zone54 {position: absolute; top: 6%; left: 74%; width: 10%; height: 80%; text-align: center;}
.sous_zone55 {position: absolute; top: 6%; left: 86%; width: 10%; height: 80%; text-align: center;}*/
.sous_zone51 {position: absolute; top: 2%; left: 1%; width: 45%; height: 11%; text-align: center;}
.sous_zone52 {position: absolute; top: 2%; left: 50%; width: 10%; height: 13%; text-align: center;}
.sous_zone53 {position: absolute; top: 2%; left: 62%; width: 10%; height: 13%; text-align: center;}
.sous_zone54 {position: absolute; top: 2%; left: 74%; width: 10%; height: 13%; text-align: center;}
.sous_zone55 {position: absolute; top: 2%; left: 86%; width: 10%; height: 13%; text-align: center;}
.sous_zone56 {position: absolute; top: 17%; left: 1%; width: 99%; height: 80%; text-align: center;}

.sous_zone61{position: absolute; top: 6%; left: 1%; width: 45%; height: 65%; text-align: center; }
.sous_zone62{position: absolute; top: 6%; left: 51%; width: 45%; height: 65%; text-align: center; }
/*.sous_zone63{position: absolute; top: 10%; left: 67%; width: 30%; height: 80%; text-align: center; }*/

.sous_zone71{position: absolute; top: 2%; left: 1%; width: 45%; height: 36%; text-align: center;}
.sous_zone72{position: absolute; top: 2%; left: 51%; width: 45%; height: 36%; text-align: center;}
.sous_zone73{position: absolute; top: 51%; left: 1%; width: 45%; height: 36%; text-align: center;}
.sous_zone74{position: absolute; top: 51%; left: 51%; width: 45%; height: 36%; text-align: center;}

.sous_zone81{position: absolute; /*left: 1%;*/ height: 80%; top: -20%; width: 98%;}
/***** FIN GESTIONS DES SOUS-ZONES *****/

/***** EXCEPTIONS *****/
#v_diagnostic div{z-index:5; margin-bottom:10%;}
#v_resume b{left:1%; text-decoration: none; color:#000000;}
#p_0 {display:none;}
#p_controle {background-color:#FFE2A9; border:1px double red; left:75%; position:absolute; top:1.5%; width:24.5%; z-index:10;}
#p_controle b{margin-left:1%;}
#aff_age {position: absolute; margin-top:2%; margin-left: 2%;}
#table_departement {border:2px solid #000000; font-size:16px; height:540px; left:5%; margin-top:-60px; padding-left:10px; padding-top:10px; position:relative; width:900px; z-index:6;}
#table_departement td {width: 120px; }
#table_departement label {position:relative; margin-left: 2px; font-size:100%;}
#aff_departement {margin-top:2%; margin-left: 68%;}
#v_pseudo {margin-top:-1%;}

.zone1 b {left:6%;}
.zone1 select{width:85%;}
.zone1 input[type="checkbox"] {position: absolute;	/*margin-left:4%;*/ margin-top:2%;}
.zone1 label {position: absolute; margin-left: 15%; /*margin-top: 1.5%;*/ /*font-size: 0.95em;*/}
.zone1 a{float:left; margin:2% 0 0 0%; /*font-size: 0.95em;*/}
.sous_zone111 label {margin-left: 20%; margin-top: 3%;}
.sous_zone112 label {margin-left: 9%; margin-top: 3%;}
.sous_zone113 b{/*font:normal 12px helvetica, calibri;*/ text-decoration:none;}
.sous_zone113 input[type="text"] {width:68%; }
.sous_zone117 label {margin-left: 20%; margin-top: 3%;}
.sous_zone115 label {margin-left: 20%; margin-top: 3%;}
.sous_zone116 label {margin-left: 20%; margin-top: 3%;}
.sous_zone118 label {margin-left: 20%; margin-top: 3%;}
.sous_zone118 label {margin-left: 20%;}

.zone3 select{width:85%; float: left; margin-top:3%;}
.zone100 select {width: 250px;}
/**** FIN EXCEPTIONS *****/

div[name!=""] {color:red;}
.mandatory {color: #632828;}
.mandatory select{border: 1px solid #632828;}
.mandatory a.abtn {color: #632828;}
.mandatory a#btn_enquete {color: red; font-weight: bold; text-decoration: underline /*blink*/;}
.resume{/*color:blue;*/}
.resumecache {display:none;}
.group {/*font-size: 16px;*/}
.helpdesc {cursor: pointer;}
.masque {display:none; position: absolute; top: 21%; left: 26%; width: 37%; height: 71%; text-align: left; border: solid 1px black;}

/***** GESTION DU PAVE NUMERIQUE *****/
.pn_general {float:left; left:3.4%; position:relative; z-index:6; display:none; background:#FFFFFF; border:2px solid #000000; padding: 5px; height:164px; margin-top:14%; width:200px;}
.pn_gauche {float:left; width:108px; margin-left:10px; margin-top:10px;}	
.pn_touche {width:30px; height:30px; float:left; line-height:30px; text-align:center; cursor:pointer; border:outset; font-weight:bold;}
.pn_touche1 {width:66px; height:30px; float:left; line-height:30px; text-align:center; cursor:pointer; border:outset; font-weight:bold;}
.pn_droite {float:right; text-align:center; padding-top:79px; margin-left:10px;}
/***** FIN GESTION DU PAVE NUMERIQUE *****/

/***** GESTIONS DES BOUTONS *****/
.bouton  {font-size:14px; margin-left:1%; margin-top:1%; display:block; padding:5px 0px 0px; /*width:98%;*/ text-align:center;}
a.bouton_clicked  {color:green;}
#btn_pathologie {background:none; color:#000000;}
/***** FIN GESTIONS DES BOUTONS *****/

/***** GESTIONS DES ZONES AUTO-COMPLETE SIS+ *****/
.ac_input {background-color:white;}
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;overflow: hidden;
}
.ac_loading {background: white url('indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A;color: white;}

/***** FIN GESTIONS DE LA ZONE SIS+ *****/

/***** GESTION DE LA ZONE TRANSFERT *****/
#v_transfert {position: absolute; width: 1%;top: 1.5%; left: 0%; height: 21%; background: green;}
#transfert_text {border-left: 1px solid buttonhighlight; border-right: 1px solid buttonshadow;	border-top: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow;
	cursor: default; z-index: 210; display: none;
	float: left; position: relative; background: #FFFFFF;}
#transfert_text TD {font-size: 12px; font-weight: bold;}
#transfert_text .c1 {background:#A8E09D;}
/***** FIN GESTION DE LA ZONE TRANSFERT *****/

/* code pour le multiselect
<div style="overflow-y:scroll; overflow-x:hidden; background=#FF0000" class="sous_zone112">
 <input type="checkbox" name="chk" id="c1"/><label for="c1">texte 1</label><br />
 <input type="checkbox" name="chk" id="c2"/><label for="c2">texte 2</label><br />
 <input type="checkbox" name="chk" id="c3"/><label for="c3">texte 3</label><br />
 <input type="checkbox" name="chk" id="c4"/><label for="c4">texte 4</label><br />
 <input type="checkbox" name="chk" id="c5"/><label for="c5">texte 5</label><br />
</div>
*/
.affiche_propos {background-color:transparent; z-index:100; left:-220%; top:-70%; height:180%; width:205%; position:absolute; font-size: 18px;}