body {
	font-family: trebuchet MS, helvetica, calibri, verdana;
	font-size: 11px;
	text-decoration: none;
	background-color: #FFFFFF;
	cursor: default;
}

.buffy {display:block; }
.buffy * {display:block; height:1px; background: #FFFFFF; }
.buffy1 {margin-left:4px; margin-right:4px; }
.buffy10 {margin-left:3px; margin-right:4px; background:#6D6868; height:2px}
.buffy20 {margin-left:2px; margin-right:2px; border-right:2px solid #6D6868;}
.buffy2 {margin-left:1px; margin-right:1px; border-right:2px solid #6D6868;}
.buffy3 {margin-left:1px; margin-right:1px; border-right:2px solid #6D6868;}
.buffy4 {border-right:2px solid #6D6868;}
.buffy5 {border-right:2px solid #6D6868;}
.buffyfg {background: #FFFFFF; border-right:2px solid #6D6868; height:55%;}

select{font-family: trebuchet MS, helvetica, calibri, verdana; max-width: 280px;}

/*
input[type="text"] {
	position: absolute;
	width:55%;
	float: left;
	margin-left:37%;
	margin-top:1.5%;
	font-size: 12px;
}
*/

textarea {font-size: 12px;background-color: #FFFFFF;border: 1px solid black; width: 98%;height: 88%;margin-left: 1%;top: 10%;}

b {left: 1%;text-decoration: underline ;font-size: 14px;}

a {text-decoration:none;color:#000000;}

a:active {text-decoration: underline overline;}

.zone1 {position: absolute; font-size: 16px; top: 2%; left: 1%; width: 63%; height: 21%; text-align: left; z-index:0;}
.zone2 {position: absolute; font-size: 12px; top: 26%; left: 1%; width: 16%; height: 67%; text-align: left; z-index:0;}
.zone8 {position: absolute; top: 93%; left: 1%; width: 16%; height: 4.7%; text-align: left; z-index:0;}
.zone3 {position: absolute; top: 26%; left: 19%; width: 45%; height: 67%; text-align: left; z-index:0;}
.zone100 {position: absolute; top: 28%; left: 19%; width: 45%; height: 65%; text-align: left; z-index:5; /*background-color: #B0CDFB; opacity:0.8; border: 1px solid black;*/}

/**** pour avoir une zone de couleur *****/
.zone9 {position: absolute; top: 26%; left: 19%; width: 45%; height: 71.7%; z-index:1;}
/*****************************************/
.zone4 {position: absolute; font-size: 12px; top: 5%; left: 66%; width: 32.7%; height: 41%; text-align: left; overflow-y:auto; z-index:2; padding-top:1%;}
.zone5 {position: absolute; top: 48%; left: 66%; width: 32.7%; height: 45%; text-align: left; z-index:2;}
.zone6 {position: absolute; top: 93%; left: 66%; width: 32.7%; height: 4.7%; text-align: left; z-index:2;}
.zone7 {position: absolute; top: 2%; left: 66%; width: 32.7%; height: 3%; text-align: left; z-index:2;}

/**** pour avoir des ombres portées *****/
.zone10 {position: absolute; top: 2.5%; left: 1.5%; width: 63%; height: 21%; text-align: left; z-index:0;}
.zone20 {position: absolute; top: 26.5%; left: 1.5%; width: 16%; height: 71.7%; text-align: left; z-index:0;}
.zone90 {position: absolute; top: 26.5%; left: 19.5%; width: 45%; height: 71.7%; z-index:0;}
.zone40 {position: absolute; top: 2.5%; left: 66.5%; width: 32.7%; height: 95.7%; text-align: left; overflow-y:auto; z-index:0;}
/*****************************************/

.sous_zone11{position: absolute; top: 0%; left: 0%; width: 33%; height: 20%; text-align: left;}
.sous_zone12{position: absolute; top: 20%; left: 0%; width: 33%; height: 20%; text-align: left;}
.sous_zone13{position: absolute; top: 40%; left: 0%; width: 33%; height: 20%; text-align: left;}
.sous_zone14{position: absolute; top: 60%; left: 0%; width: 33%; height: 20%; text-align: left;}
.sous_zone15{position: absolute; top: 80%; left: 0%; width: 33%; height: 20%; text-align: left;}

.sous_zone16{position: absolute; top: 0%; left: 33%; width: 33%; height: 20%; text-align: left;}
.sous_zone17{position: absolute; top: 20%; left: 33%; width: 33%; height: 20%; text-align: left;}
.sous_zone18{position: absolute; top: 40%; left: 33%; width: 33%; height: 20%; text-align: left;}
.sous_zone19{position: absolute; top: 60%; left: 33%; width: 33%; height: 20%; text-align: left;}
.sous_zone110{position: absolute; top: 80%; left: 33%; width: 33%; height: 20%; text-align: left;}

.sous_zone111{position: absolute; top: 0%; left: 66%; width: 33%; height: 20%; text-align: left;}
.sous_zone112{position: absolute; top: 20%; left: 66%; width: 33%; height: 20%; text-align: left;}
.sous_zone113{position: absolute; top: 40%; left: 66%; width: 33%; height: 20%; text-align: left;}
.sous_zone114{position: absolute; top: 60%; left: 66%; width: 33%; height: 20%; text-align: left;}
.sous_zone115{position: absolute; top: 80%; left: 66%; width: 33%; height: 20%; text-align: left;}

.sous_zone20{position: absolute; top: 1%; text-align: left; left: 6%}
.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: 91.5%; left: 5%; width: 90%; height: 6.5%; text-align: center;}

.sous_zone81{position: absolute; top: 10%; left: 1%; width: 98%; height: 80%; text-align: center;}

.sous_zone61{position: absolute; top: 10%; left: 1%; width: 31%; height: 80%; text-align: center; }
.sous_zone62{position: absolute; top: 10%; left: 34%; width: 31%; height: 80%; text-align: center; }
.sous_zone63{position: absolute; top: 10%; left: 67%; width: 31%; height: 80%; text-align: center; }

.sous_zone71{position: absolute; top: 1%; left: 1%; width: 24%; height: 98%; text-align: center;}
.sous_zone72{position: absolute; top: 1%; left: 26%; width: 24%; height: 98%; text-align: center;}
.sous_zone73{position: absolute; top: 1%; left: 51%; width: 24%; height: 98%; text-align: center;}
.sous_zone74{position: absolute; top: 1%; left: 76%; width: 24%; height: 98%; 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: 0%; left: 0%; width: 49%; z-index:2;}
div.sous_zone31 {margin-top:5px;}
.sous_zone32 {position: relative; float: right; top: 0%; left: 0%; width: 49%;  z-index:1;}
div.sous_zone32 {margin-top:5px;}

/*
#v_age b{position: absolute; margin-left:1%; margin-top:2%; text-decoration: none; font-weight:normal; }
#v_age input{position: absolute; margin-left:35%; margin-top:-7%; width: 55%;}
#v_pseudo b{position: absolute; margin-left:1%; margin-top:5%; text-decoration: none; font-weight:normal; }
#v_pseudo input{position: absolute; margin-left:36%; margin-top:-5%;}
#v_transgenre b{position: absolute; margin-left:1%; margin-top:5%; text-decoration: none; font-weight:normal; }
#v_transgenre input{position: absolute; margin-left:36%; margin-top:-5%;}
*/
#v_diagnostic div{z-index:5; margin-bottom:10%;}
#v_resume b{left:1%; text-decoration: none; color:#000000;}

#p_1 input[type="checkbox"] {position: absolute; float: left; margin-left:7%; margin-top:5%}
#p_1 label{position: absolute; float: left; margin-left:15%; margin-top:4%}
#p_0 {display:none;}
#p_controle {position: absolute; top: 75%; left: 66%; z-index: 10; width: 32%; border: 3px double red;}

.zone1 b {left:6%;}
.zone1 select{position: absolute; width:85%; font-size: 12px; float: left; margin-left:7%; margin-top:1.5%;}
.zone2 div{cursor:pointer;}
.zone3 select{width:85%; float: left; margin-top:3%;}
.zone3 input[type="checkbox"] {width:6%; margin-top:0%;}
.zone7 div{height:73%; cursor:pointer;}

.mandatory {color:red;}
.mandatory select{border: 1px solid #FF0000;}

div[name!=""] {color:red;}

.resume{color:blue;}
.group {font-size: 75%}
.helpdesc {cursor: pointer;}
.masque {display:none; position: absolute; top: 21%; left: 26%; width: 37%; height: 71%; text-align: left; border: solid 1px black;}

/**** style du pavé numérique *****/
.pn_general {float:left; top:10%; left:7.4%; position:relative; z-index:20; display:none; background:#FFFFFF; border:2px solid #000000; padding: 5px; height:164px;}
.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:left; text-align:center; margin-top:79px; margin-left:10px;}*/
/*****************************************/


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