/* FORM BOX ************************************************************************************************************************************/
* {
	outline: none;
}

.content_front { background: #F0F0F0; border-radius:8px;}
.content_front:not(#li--6 ) { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.cf-ol .content_front {width:650px;}
div.content_front_small { background: url('../images/layout/bg-grey-small.gif') repeat-y; }

#noticeDevis, #resultCalcul {font-size:12px;font-weight: bold;}



div.grey_box {
        padding: 10px 10px 0 20px;
        text-align: left;
        background: #F0F0F0;
        margin-right:10px;
        border-radius:5px;
    }

div.grey_box_end {
	height: 5px;
	background: #F0F0F0;
	margin-bottom: 20px;	
	clear: both;
    border-radius:8px;
    -moz-border-radius:8px; -webkit-border-radius:8px;
}

div.grey_box_small {
        padding: 20px 20px 0 20px;
        text-align: left;
        background: url('../images/layout/bg-grey-small.gif') no-repeat;
    }

div.grey_box_small_end {
	height: 15px;
	background: url('../images/layout/bg-grey-small.gif') no-repeat left bottom;
	clear: both;	
}

input#city{width:299px}
input.validation-failed{border-color:#E95616}
form .grey_box dl, form .grey_box_small dl {
	padding: 5px 0 0 0;
	line-height: 100%;
	font-size: 11px;
	color: #000;
	border: none;
	margin: 0;
	background: none;
	clear: both;
}
.tendances_col form .grey_box_small dl dt {width: 120px!important;}
	form .grey_box dl dt, form .grey_box_small dl dt {
		float: left;
		width: 120px;
		padding: 8px 20px 8px 0;
		margin: 0;
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		color: #343434;	
	}
	form .grey_box dl dt {
		width: 160px;
		clear: both;
	}
	form .grey_box dl dt.big {
		width: 310px;
		clear: both;
	}	
	form .grey_box dl dt.medium {
		width: 250px;
		clear: both;
	}
	form .grey_box dl dt.validation {
		width: 60px;
		clear: both;
	}
	#validateSuperficie, #validatePack {width: 20px!important;margin-top: 4px;}
	form .grey_box dl dd, form .grey_box_small dl dd {
		 float: left;
		 position: relative;
		 padding: 0;
		 margin: 0;
		/*  width:100%; */
	 }

	 
	 
#offrir_form .grey_box dl dd, #offrir_form .grey_box dl dd form .grey_box_small dl dd {width: 5px}


/* FORM ************************************************************************************************************************************/


input,
select,
textarea {
	margin: 0;
	padding: 5px;
	border: solid 1px #999999;
	color: #333;
	background: #fff;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

}

#formPlanning.nofocus input.inputDispo  {border:none; width: 25px; background: #eee;}
#formPlanning input.inputDispo  {border: solid 1px #999999; width: 25px; background: #fff;}

#formPlanning.nofocus input.inputComment  {border:none; width: 350px; background: #fff;}
#formPlanning input.inputComment  {border: solid 1px #999999; width: 350px; background: #fff;}

#formPlanning label {float:left; width:95px; display:block}

select { outline: none; }
.grey_box_small input, .grey_box_small select, .grey_box_small textarea { width: 218px; }
.grey_box input, .grey_box textarea { width: 450px; }
.grey_box .multiInput {margin-bottom: 10px;}
.grey_box select { width: 460px; }
.grey_box select#architecte,.grey_box select#selectArchi { width: 220px; }
form textarea {
	height: 90px;
}
input[type='file'],
input[type='image'],
input[type='file'],
input[type='hidden'] {
	border: 0;
	padding: 0;
	background: none;
}
input[type='file'] {
	font: 11px "Lucida Grande", Helvetica, Verdana, Arial, Tahoma, sans-serif;
}

input.small_input { width: 123px; float: left; margin-right: 15px;} 
input.medium_input { width: 240px; float: left; margin-right: 0px;} 
input.small_input_surface {width:100px;} 
input.small_input_right { width: 123px; } 
form#comment_form input.big_input { width: 390px; } /* 300px */
select.big_select { width: 310px; float: left; margin-right: 15px; padding: 4px;}
select.big_select_offrir { width: 240px; }
select.small_select { width: 150px;}
select.extrasmall_select { width: 60px;}

form#permalien_form {padding: 15px 0;}

form {
	padding: 25px 0;
	font-size: 11px;
}
form.nopadding { padding: 0px; }
input.extrasmall { width: 30px; }


form div.input,
form div.checkbox,
form div.textarea, 
.cf-ol li div {
	clear: both;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #e7e7e7;
	padding: 5px;
	margin: 0 0 15px 0;
	color: #959595;
	font-size: 11px;
}
form .grey_box div.input,
form .grey_box div.checkbox,
form .grey_box div.textarea {
	width: 463px;
}
form#comment_form .grey_box div.textarea { margin-left: -30px;width: 400px;}
form#comment_form .grey_box div.textarea textarea { width: 387px;}
form .grey_box div.input_small {
	width: 180px;	
}
form .grey_box div.input_offrir {
	width: 340px;	
}
	form .grey_box div.input_offrir input,	form .grey_box div.input_offrir textarea {
		width: 325px;
	}
form .grey_box div.input_medium {
	width: 240px;	
}

form div.checkbox {
	padding-left: 10px;
	padding-bottom: 10px;
}
form .grey_box div.input p { margin-left: 10px; }
form .grey_box div.input p.excerptArchi {width:420px;}

form input.checkbox, form input.radio {
	width: auto;
	margin: 5px 5px 0 15px;
	vertical-align: text-bottom;
	
}

form input.float_right {
	float: right;
	margin-left: 50px;
	margin-right: 20px;
}

.additionnal_opt {
	border-left: 5px solid #bcbcbc;
	padding-left: 15px;
}

#comment_form{padding:0;}
/* TIMELINE ************************************************************************************************************************************/


#timeline { width: 640px; margin: 0 auto; margin-bottom: 40px;}
#timeline ul li, #timeline ul li a {
	width: 100px;
	height: 50px;
	display: block;
	overflow: hidden;
	float: left;
	color: #a3a3a3;
}
#timeline ul li#step_7, #timeline ul li#step_7 a {
	width: 40px;
}
#timeline ul li a { background-position: 0 0;}
#timeline ul li.complete a{ background-position: 0 -50px;}
#timeline ul li.current a { background-position: 0 -100px; color: #202020;}

#timeline ul li p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size: 10px;	
}
#timeline ul li a {
	padding-top: 38px;	
}

li#step_1 a { background: url('../images/layout/bg-timeline-01.png') no-repeat; }
li#step_2 a { background: url('../images/layout/bg-timeline-02.png') no-repeat; }
li#step_3 a { background: url('../images/layout/bg-timeline-03.png') no-repeat; }
li#step_4 a { background: url('../images/layout/bg-timeline-04.png') no-repeat; }
li#step_5 a { background: url('../images/layout/bg-timeline-05.png') no-repeat; }
li#step_6 a { background: url('../images/layout/bg-timeline-07.png') no-repeat; }
li#step_7 a { background: url('../images/layout/bg-timeline-07.png') no-repeat; }


/* TITLES ************************************************************************************************************************************/



/* BUTTONS ************************************************************************************************************************************/

input.btn_form {
	width: 110px;
	height: 28px;
	float: right;
	border: 0px;
}

input.btn_form2 {
	width: 150px;
	height: 28px;
	float: right;
	border: 0px;
}
input.btn_form3 {
	width: auto;
	height: auto;
	float: right;
	border: 0px;
}

input.left_btn,a.left_btn {
	float: left;
}
input#search_faq { width: 115px; }
input#btn_finish_project {
	width: 220px;
	height: 28px;
	float: right;
	border: 0px;
}
input#submit_project {
	width: 209px;
	height: 38px;
	float: right;
	border: 0px;
	margin-top: -45px;
}

/* OTHER ************************************************************************************************************************************/
#total_code_promo {
	width: 100px;
	border-right: 1px solid #ececec;
	font-weight: bold;
	font-size: 10px;
	padding: 10px;
	display: block;
	margin-right: 10px;
	float: left;
	color: #3f3f3f;	
}
#total_code_promo input {
	margin-top: 5px;
	width: 	90px;
}
#total_parrain {
	font-weight: bold;
	font-size: 10px;
	padding: 10px 10px 10px 0px;
	display: block;
	width: 180px;
	float: left;	
	color: #3f3f3f;
}
#total_parrain input {
	margin-top: 5px;
	width: 	190px;
}


#picture_container {
	width:470px;
}

#picture_container.js_enabled {
	height: 465px; /* Modif Thomas: 310px */	
	
	overflow: hidden;	
}
#picture_container.js_enabled .picture_group {
	float: left;
}


#form-demo{padding:0;}

h3.accordion{margin-top:10px;}
form#research { padding: 0px; }
/*form#research div.content_front_small { background: url('../images/layout/bg-grey-research.gif') repeat-y; }	*/
form#research div.grey_box_small { background: url('../images/layout/bg-grey-research.gif') repeat-y; }	
form#research div.grey_box_small_end { background: url('../images/layout/bg-grey-research.gif') repeat-y; }	

form#research .grey_box_small dl dt {
	width: 50px;
	float: left;
	padding: 12px 20px 0 0;

}
form#research div.input { width: 165px;}
form#research select { font-size: 11px; width: 165px; float:right;}