body {font-family: arial, verdana, trebuchet MS, helvetica, calibri ; 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;}

/***** 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: 2px 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%; left: 75%; width: 24.5%; height: 31%; text-align: left; overflow-y:auto; z-index:0; padding-top:1.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: 90%; height: 6.5%; text-align: center; }
.sous_zone22{position: absolute; top: 15%; left: 5%; width: 90%; height: 6.5%; text-align: center;}
.sous_zone23{position: absolute; top: 23.5%; left: 5%; width: 90%; height: 6.5%; text-align: center;}
.sous_zone24{position: absolute; top: 32%; left: 5%; width: 90%; height: 6.5%; text-align: center;}
.sous_zone25{position: absolute; top: 40.5%; left: 5%; width: 90%; height: 6.5%; text-align: center;}
.sous_zone26{position: absolute; top: 49%; left: 5%; width: 90%; height: 6.5%; text-align: center;}
.sous_zone27{position: absolute; top: 57.5%; left: 5%; width: 90%; height: 6.5%; text-align: center;}
.sous_zone28{position: absolute; top: 66%; left: 5%; width: 90%; height: 6.5%; text-align: center;}
.sous_zone29{position: absolute; top: 74.5%; left: 5%; width: 90%; height: 6.5%; text-align: center;}
.sous_zone210{position: absolute; top: 83%; left: 5%; width: 90%; height: 6.5%; text-align: center;}
.sous_zone212{position: absolute; top: 93%; left: 1%; width: 98%; height: 6.5%; 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: 13%; 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: 10%; left: 1%; width: 45%; height: 80%; text-align: center; }
.sous_zone62{position: absolute; top: 10%; left: 51%; width: 45%; height: 80%; text-align: center; }
/*.sous_zone63{position: absolute; top: 10%; left: 67%; width: 30%; height: 80%; text-align: center; }*/

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

.sous_zone81{position: absolute; top: 10%; left: 1%; width: 98%; height: 80%; text-align: center;}
/***** 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 {left: 10%; border:2px solid #000000; width:850px; height:470px; margin-top:10px; padding-left:10px; padding-top:10px; position:relative; z-index:6;}*/
#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%;}
/*#TB_window{width: 630px; left: 197px; top: 14.5px; display: block;}*/

.zone1 b {left:6%;}
/*.zone1 select{position: absolute; width:85%; float: left; margin-left:7%; margin-top:1.5%;}*/
.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%;}
/*.zone3 input[type="checkbox"] {width:6%; margin-top:0%;}*/
.zone7 div{height:73%; cursor:pointer;}
.zone100 select {width: 250px;}
/**** FIN EXCEPTIONS *****/


div[name!=""] {color:red;}
.mandatory {color:red;}
.mandatory select{border: 1px solid #FF0000;}
.resume{color:blue;}
.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 *****/
/*.clear {overflow: hidden; width: 100%;}
a.bouton {display: block; float: left; font: normal 90% helvetica, calibri; height: 32px; margin-right: 6px; padding-right: 18px; text-decoration: none; width:92%;}
a.bouton span {display: block; line-height: 22px; padding: 5px 0 5px 19px;}
a.bouton_clicked span {color: green;}*/
a.bouton span {font-size:20px; margin:0; padding:8px 10px 10px; color:white; vertical-align:center; -moz-box-shadow: 0px -20px 10px -10px rgba(0,0,0,0.3) inset; -moz-border-radius: 30px 30px 30px 30px;}
.bouton{background:none repeat scroll 0 0; float:left; margin:1em; }
#btn_pathologie {background:none; color:#000000;}
#btn_pathologie span {background:none; padding: 0 0 0 2px; /*font-size: 1.2em;*/}
/***** FIN GESTIONS DES BOUTONS *****/

/***** GESTION DE LA ZONE COMMENTAIRE *****/
/*.propos {position: absolute; width: 1%;top: 1.5%; left: 0%; height: 21%; background: green;}
#propos {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;}
#propos TD {font-size: 12px; font-weight: bold;}
#propos .c1 {background:#A8E09D;}*/
/***** FIN GESTION DE LA ZONE COMMENTAIRE *****/

/* 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>
*/