@media screen, projection {

/* set #content to take space after right menu */
	
#content {
	margin-right:0;
}

/* form */

#formWrapper { clear:both; }

#formWrapper option { padding-right:1ex; }

#formWrapper input { margin-right:1ex; }

#formWrapper label {
	font-weight:bold;
	cursor:pointer;
}

#formWrapper h6 {
	font-size:1em;
}

#formWrapper form fieldset fieldset {
	margin-bottom:1ex;
}

#formWrapper form div,
#formWrapper fieldset fieldset fieldset {
	height:1%;
	padding:3px 0 3px 1%;
	margin:0;
	clear:both;
	background-color:#efebdd;
}

#formWrapper form>fieldset>fieldset>div::after,
#formWrapper form fieldset fieldset::after {
	content:"";
	display:block;
	height:1px;
	clear:both;
	margin-top:-1px;
}

#formWrapper form .even,
#formWrapper form .even div {
	background-color:#fbf8f1;
}

#formWrapper form div label,
#formWrapper fieldset fieldset label,
#formWrapper form h6 {
	float:left;
	width:29%;
	padding-top:3px;
}

#formWrapper fieldset fieldset fieldset div {
	display:inline;
	padding:0;
	clear:none;
}

#formWrapper fieldset fieldset fieldset input,
#formWrapper fieldset fieldset fieldset select {
	width:auto;
	position:static;
	margin-right:0;
}

#formWrapper div.hours label,
#formWrapper div.minutesAndSeconds label,
#formWrapper div.devise label,
#formWrapper div.minstayperiod label {
	position:absolute;
	left:-1000em;
}

#formWrapper div.payperiod label,
#formWrapper #language label {
	display:inline;
	float:none;
}

#formWrapper div img {
	vertical-align:middle;
}

#formWrapper fieldset #files_list {
	padding-left:29%;
}

#formWrapper fieldset div.images div {
	display:block;
}

#formWrapper fieldset div.images h6 {
	width:auto;
	float:none;
	text-align:center;
}

#formWrapper fieldset div.images ul {
	padding:1ex;
	text-align:center;
}

#formWrapper fieldset div.images li {
	display:inline;
	margin:0 1ex;
	list-style:none;
}

#formWrapper .sbt {
	background-color:transparent;
	text-align:center;
}

#formWrapper .sbt input {
	padding:2px 1ex;
}

/* mandatory */

#formWrapper .mandatory label strong {
	color:red;
}

#formWrapper p.mandatory {
	padding:1ex;
	margin:0;
	clear:both;
	color:red;
	text-align:center;
}

/* location menu builder and custom map points */

#formWrapper #locMenuBldr div,
#formWrapper #custMapPts div {
	width:49%;
	float:left;
	clear:none;
}

#formWrapper #locMenuBldr label,
#formWrapper #custMapPts label {
	width:auto;
	float:none;
}

#formWrapper #locMenuBldr select,
#formWrapper #custMapPts select {
	display:block;
	width:90%;
	margin:0 auto;
}

.JSON #locMenuBldr *,
.JSON #custMapPts * {
	display:none;
}

.JSON #locMenuBldr h6,
#locMenuBldr.show *,
.JSON #custMapPts h6,
#custMapPts.show * {
	display:block;
}

.JSON #custMapPts h6 a,
.JSON #locMenuBldr h6 a {
	display:inline;
}

/* legends */

#formWrapper legend {
	display:none;
}

#formWrapper #accountForm legend {
	display:block;
}

#formWrapper #accountForm h6.legend {
	width:auto;
	padding:3px 1ex 2px;
	float:none;
	background-color:#c7b249;
	color:#fff;
	behavior:url(/OpenAtlas/css/hover.htc);
}

#formWrapper #locMenuBldr h6.legend:hover,
#formWrapper #locMenuBldr h6.hover,
#formWrapper #custMapPts h6.legend:hover,
#formWrapper #custMapPts h6.hover{
	background-color:#cfbd65;
}

#formWrapper #accountForm h6.legend a {
	height:1%;
	display:block;
	color:#fff;
}

/* link for map popup and suggest buttons */

#formWrapper a.showMap,
#formWrapper div.suggest a {
	padding:0 1ex;
	margin-right:1px;
	background-color:#c6b249;
	border:1px solid #c6b249;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#formWrapper a.showMap:hover,
#formWrapper a.showMap:focus,
#formWrapper div.suggest a:hover,
#formWrapper div.suggest a:focus {
	border-color:#fff;
}

/* suggest */

#formWrapper div.suggest {
	display:none;
}

#formWrapper div.show {
	display:block;
}

/* menu above the form */

* html #quickMenu ul {
	margin-bottom:-1ex;
}

#quickMenu ul {
	float:left;
	width:100%;
	background-color:#c7b249;
	font-size:.9em;
}

#quickMenu li {
	float:left;
	list-style:none;
}

li#QM2 {
	float:right;
}

#quickMenu a {
	float:left;
	height:1.45em;
	min-height:17px;
	padding:3px 0 2px;
	color:#fff;
	font-weight:bold;
}

li#QM1 a {
	padding-top:8px;
	padding-right:25px;
	padding-left:8px;
	position:relative;
	margin-top:-5px;
	background:url(../gfx/icons/icoAddLifePoint.gif) no-repeat 100% 50%;
}

li#QM2 a {
	padding-right:24px;
	padding-left:34px;
	background:#9b904e url(../gfx/icons/icoYourLifePoint.png) no-repeat 3px 50%;
	border-left:1px solid #fff;
}

}

#formWrapper a.okButton, a.cancelButton {
	background-color:#e7e3d5;
	padding: 5px 5px 5px 5px ;
	text-decoration:none ;
	border-color:#C69D6C ; 
	border-style:solid;
	border-width:1px;	
	color:black;
}	
	

#formWrapper	a.okButton:hover, 
				a.okButton:focus, 
				a.cancelButton:hover,
				a.cancelButton:focus {
	background-color:#d2d186;
	padding: 5px 5px 5px 5px ;
	text-decoration:none ;
	border-color:#c0bf7a ; 
	border-style:solid;
	border-width:1px;	
	color:black;
}


#toto{
	background-color:#bab7ac;
padding:10px 10px 10px 10px ; 
border-color:#EEEEEE rgb(222, 222, 222) rgb(222, 222, 222) rgb(238, 238, 238);
border-style:solid;
border-width:1px;
cursor:pointer;
display:block;
float:left;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:100%;
font-weight:bold;
margin:0pt 7px 0pt 0pt;	
}