form {
	margin: 0; padding: 0;
}

textarea, select, option, input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* form error */

div#internal_error {
font-weight: normal;
display: block;
border: 2px solid #ff0000;
padding: 10px 10px;
margin: 10px 10px 0 0;
background-color:#f5f5f5;
width:679px;
}

div#internal_error h5 {
	font-size: 1.4em; font-weight: bold;
	color: #ff0000;
}

/* layout */

.label span {
	float: left; display: block;
}

/* labels */
label {font-weight:bold;}

label.form_label1 {
	display: block; float: left;
	width: 170px; height: 20px;
	margin: 0; padding: 0 20px 0 0;
	text-align: right;
}

label.form_label1b {
	display: block; float: left;
	width: 170px;
	margin: 2px 0 0 0; padding: 0 20px 8px 0;
	line-height: 1.1em;
}

label.form_label2 {
	display: block; float: left;
	height: 20px; width: 32px;
	margin: 0; padding: 0 5px 0 0;
	text-align: right;
}

label.form_label3 {
	display: block; float: left;
	height: 20px; width: 29px;
	margin: 0; padding: 0 5px 0 0;
	text-align: right;
}

label.form_label3b {
	display: block; float: left;
	height: 20px; width: 55px;
	margin: 0; padding: 0 5px 0 0;
	text-align: right;
}

label.form_label4 {
	display: block; float: left;
	height: 20px; width: 60px;
	margin: 0; padding: 0 5px 0 0;
}

label.form_label5 {
	float: left;
	margin: 0 10px 0 30px; padding: 0;
	width: 140px;
	line-height: 22px;
}

label.form_label6 {
	float: left; clear: both;
	margin: 0 10px 0 0; padding: 0;
	line-height: 22px;
}


/* input text */
input.form_input1,
input.form_input2,
input.form_input2b,
input.form_input3,
input.form_input3b,
input.form_input4,
input.form_input5,
input.form_input6 {
display: block; float: left; height: 20px; line-height: 20px;
font-size: 1.1em; color: #313131; text-indent: 2px;margin: 0 0 10px 0; padding: 0;
background-color: #f5f5f5;
border: 1px solid #abacad
}

select.form_input1 {
border:1px solid #abacad;
background-color: #f5f5f5;
height:23px; line-height: 20px;
margin: 0 0 10px 0;
display: block; float: left;
width: 295px;
}

select.form_input2 {
border:1px solid #abacad;
background-color: #f5f5f5;
height:23px; line-height: 20px;
margin: 0 0 10px 0;
display: block;
width: 50px;
}

input.form_input1 { width: 295px;}
input.form_input2 { width: 36px;}
input.form_input2b { width: 45px; }
input.form_input3 { width: 213px;}
input.form_input3b { width: 188px;}
input.form_input4 { width: 168px;}
input.form_input5 { width: 420px;}
input.form_input6 { width: 136px;}


/* picture sending*/
div#form_picture_sendingbox {
	width: 680px;
margin-top:5px;
	background-color: #f5f5f5;
	border: 1px solid #abacad;
}

div#form_picture_sending {
	margin: 8px 10px;
	background-color: #fff;
padding:10px;
}

div#form_picture_sending ul { margin: 0 0 10px 0; padding: 0; }
div#form_picture_sending p { margin: 0; padding: 0; }
div#form_picture_sending li { padding: 0; margin: 0 0 0 15px; }

/* input file */

label.form_input {
	clear: both; float: left;
	width: 160px;
	margin: 7px 0 0 0; padding: 0 20px 8px 0;
	line-height: 1.1em;
}

label.form_input2 {
	clear:both;	float: left;
	width: 160px;
	margin: 7px 0 0 0; padding: 0 20px 8px 0;
	line-height: 1.1em;
}

input.form_file4 {
	float: left; height: 20px; line-height: 20px; width: 370px;
	font-size: 1.1em; color: #313131;
	margin: 7px 0 0 0; padding: 0;
	border: 1px solid #abacad;
}

input.form_file4b {
	display: block;
	height: 20px; line-height: 20px; width: 370px;
	font-size: 1.1em; color: #313131;
	margin: 7px 0 0 0; padding: 0;
	border: 1px solid #abacad;
}

div.form_file_others {
	display: block; float: left;
}

div.form_file_inputs {
	height: 180px;
}

/* input radio */
input#field_gender_1, input#field_gender_2 {
	height: 20px; line-height: 20px;
	margin: 0 4px 0 0; padding: 0;
}

/* span */
span.form_span1 { float: left; padding-right: 10px; }

/* calvitie visuel */
div.calvitie_type {
	display: block; width: 690px; height: 259px;
	background: url(/content/layout/calvitie_type.jpg) top left no-repeat;
}

div.calvitie_type_femme {	
	display: block; width: 690px; height: 259px;
	background: url(/content/layout/calvitie_type_femme.jpg) top left no-repeat;
}

div.calvitie_type label, div.calvitie_type_femme label {
	float: left; display: block;
	position: relative;
	font-weight: bold;
}

div.form_membre_famille {
	float: left; width: 150px;
}

/* radio homme */
label.calvitie_type_1 {	top: 90px; left: 80px;}
label.calvitie_type_2 {	top: 90px; left: 230px;}
label.calvitie_type_3 {	top: 90px; left: 385px;}
label.calvitie_type_3v { top: 90px; left: 500px;}
label.calvitie_type_4 {	top: 190px; left: 80px;}
label.calvitie_type_5 {	top: 190px; left: 230px;}
label.calvitie_type_6 {	top: 190px; left: 385px;}
label.calvitie_type_7 {	top: 190px; left: 525px;}

/* radio femme */
label.calvitie_type_1f { top: 90px; left: 50px;}
label.calvitie_type_2f { top: 90px; left: 175px;}
label.calvitie_type_3f { top: 90px; left: 317px;}
label.calvitie_type_4f { top: 90px; left: 466px;}
label.calvitie_type_5f { top: 190px; left: 75px;}
label.calvitie_type_6f { top: 190px; left: 205px;}
label.calvitie_type_7f { top: 190px; left: 315px;}

/* textarea */

textarea {
	display: block;
	background-color: #f5f5f5; border: 1px solid #abacad;
	padding: 5px 0; margin: 0 30px 25px 0;
	font-size: 1.0em; line-height: 1.3em;
}

textarea#form_input_medicaments {
	width: 605px; height: 115px;
}

textarea#form_input_commentaires {
	float:left;
	width: 435px; height: 115px;
	margin-top: 5px;
}

textarea#form_input_finalremarks {
	float:left;
	width: 417px; height: 65px;
	margin-top: 5px;
}

/* end of form */
p.form_hopes {
	font-size: 1.2em; font-weight: bold;
	width: 450px;
}


/* spacers */
div.form_line {
	clear: both;
}

div.form_line_2 {
clear: both; margin-bottom: 8px;
}

h5.form_line_2 {
width:150px;
}

label.label_radio {
	padding-right: 15px;
	float: left;
}

div.form_last_infos p {
	width: 650px;
	font-size: 1.0em;
	line-height: 1.2em;
}

hr.form_hr {
	clear: both; margin: 10px 0 0 0; padding: 0;
	width: 713px;
	border: 1px solid #33879a;
	height: 0;
}

div#form_send {
	clear: both;
	margin: 10px 0 0 0;
	width: 713px;
	height: 35px;
}

div#form_contact {
	clear: both;
	margin: 10px 0 0 0;
	width: 713px;
	height: 35px;
	text-align: right;
}

.btn_submit {
display:block;
height:39px;
width:159px;
float:left;
font-size: 16px; 
font-weight:normal;
letter-spacing:0px;
color:#ffffff;
background:transparent url(/images/btn_submit.jpg) top left no-repeat;
border:none;
}

.btn_submit:hover {
background-color:#336699;
background:transparent url(/images/btn_submit.jpg) top left no-repeat;border:none;
color:#224466;
background-position:0 -39px;
}

div#form_reset {
	float: right; margin-top: 7px; margin-right:20px;
}

div#form_reset a {
	color: #313131 !important;
}


p.form_confirm { font-size: 1.4em; font-weight: normal; margin: 30px 0; padding: 15px; border: 1px solid #336699;}

#form_picture_sending ul {
list-style-type:disc;
}

.form_image_thumb {margin-top:10px;}


#step1, #step2, #step3, #step4, #step5, #step6, #step7 {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#dde6ee), to(#ffffff));
background: -moz-linear-gradient(top, #dde6ee, #ffffff);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
padding:10px 10px;
display:block;
width:680px;
z-index:1;
position:relative;
}

#step1 h2, #step2 h2, #step3 h2, #step4 h2,#step5 h2,#step6 h2,#step7 h2 {color:#003366;margin-top:0;border-bottom: 1px dashed #ccc;}


.btn-multistep {
  border-top: 1px solid #96d1f8;
  background: #224466;
  background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#224466));
  background: -moz-linear-gradient(top, #336699, #224466);
  padding: 4.5px 13px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 15px;
  text-decoration: none;
  vertical-align: middle;
float:right;
font-weight:bold;
  }
.btn-multistep:hover {
  border-top-color: #336699;
  background: #336699;
  color: #ffffff;
  cursor:pointer;
  }
.btn-multistep:active {
  border-top-color: #1b435e;
  background: #1b435e;
  }
.btn_line {border-top:1px dashed #ccc;padding-top:10px;display:block;clear:both; height:40px;margin-top:20px;}  
.btn-multistep-back {
float:left;
  border-top: 1px solid #e6edf2;
  background: #bdd1de;
  background: -webkit-gradient(linear, left top, left bottom, from(#e4ecf2), to(#bdd1de));
  background: -moz-linear-gradient(top, #e4ecf2, #bdd1de);
  padding: 4.5px 13px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #15365e;
  font-size: 15px;
  text-decoration: none;
  vertical-align: middle;
  }
.btn-multistep-back:hover {
  border-top-color: #336699;
  background: #336699;
  color: #f5f5f5;
  cursor:pointer;
  }
.btn-multistep-back:active {
  border-top-color: #1b435e;
  background: #1b435e;
  }

.step_error {z-index:1;margin-left:555px;bottom:72px;width:100px;background:#eedddd;position:absolute;-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
border:2px solid #cc0000;
padding:5px 10px;
-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
}

.step_error h5 {color:#cc0000;margin-top:0;}

#buttonUpload {
  border-top: 1px solid #406c18;
  background: #5fa422;
  background: -webkit-gradient(linear, left top, left bottom, from(#5fa422), to(#71c824));
  background: -moz-linear-gradient(top, #5fa422, #71c824);
  padding: 2px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 12px;
margin-top:-3px;
  text-decoration: none;
  vertical-align: middle;
font-weight:bold;
}

#buttonUpload:hover {
cursor:pointer;
  border-top-color: #406c18;
  background: #538923;
  color: #ffffff;
  cursor:pointer;
}

a.button {
  border-top: 1px solid #406c18;
  background: #5fa422;
  background: -webkit-gradient(linear, left top, left bottom, from(#5fa422), to(#71c824));
  background: -moz-linear-gradient(top, #5fa422, #71c824);
  padding: 4.5px 50px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 17px;
  text-decoration: none;
  vertical-align: middle;
float:right;
font-weight:bold;
margin-right:35px;
margin-bottom:5px;
margin-top:-50px;
  }
a.button:hover {
  border-top-color: #406c18;
  background: #538923;
  color: #ffffff;
  cursor:pointer;
  }
a.button:active {
  border-top-color: #1b435e;
  background: #1b435e;
  }


#loading_autres3, #loading_autres2, #loading_autres1 {display:block;margin-left:-5px;}