/*-------------------------------------------------------------------------------------*/
/* =  style pour devis			 */
/*-------------------------------------------------------------------------------------*/
#Content #ColB {
margin-top:10px;
}


.devis{width:460px;}


/*--------------------- reset*/
.chapeau{padding:10px 0  !important;}


/*--------------------- étape*/
.etape{position:relative; margin:10px 0;}

.etape p{
	text-align:center;
	position:absolute;
	top:5px; right:0;
	display:block;
	width:250px; height:50px;
}


.etape p strong{
	color:#AAA7A4;
	font-family: 'BreeBold';
	display:block;
	padding:0 0 0 5px;
	position:relative; top:15px;
	font-size:200%; line-height:1.1em;
	font-weight:normal;
}
.etape ul{display:block; height:48px; margin:0 0 !important; padding: 0 0 !important;}
.etape ul li{
	padding: 0 0 !important; margin:0 0 !important;
	float:left; 
	display:block; height:58px; width:165px; 
	overflow:hidden; text-indent:-200em ;
	background:#fff;
}
.etape ul li.etape_1{background:#fff url('../images2010/devis/etape1.png') no-repeat;}
.etape ul li.etape_2{background:#fff url('../images2010/devis/etape2.png') no-repeat;}
.etape ul li.etape_3{background:#fff url('../images2010/devis/etape3.png') no-repeat;}


/*--------------------- formulaire style*/

#ColA.devis #etape1 h1,
#ColA.devis #etape2 h1,
#ColA.devis #etape3 h1{
	font-family: 'BreeBold';
	color:#F59B51 !important;
	font-size:220%;
	margin-bottom:10px;
	margin-left:0;
	margin-right:10px;
	margin-top:20px;
	padding-left:0;
}

#ColA.devis #etape1 .chevron,
#ColA.devis #etape2 .chevron,
#ColA.devis #etape3 .chevron{
	display:none;
}

p.pseudo_legend.big{
	font-family: 'BreeBold';
	font-size:130% !important;
}
p.pseudo_legend{
	margin:15px 0px 0px 0px !important;
}

p.pseudo_legend strong{
	color:#F59B51;
	margin:10px 0 0 0;
	font-size:1.2em; line-height:1.6em !important;
}



.devis label{
	color:#56585A;
	margin-top:50px;
}

.devis .inptxt,
.devis .inptselect{
	width:419px; 
	display:block;
	padding:5px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px #CBCBCB solid;
	background-color:#fff;
}

.devis .requis{color:#C11A15;}

.fieldoblig{
margin-top:20px;
}

.devis .feildvalide{text-align:right; position:relative; top:0px; right:00px; background-color:#F5F5F5;}
.devis .feildvalide input{
	border:none;
	padding:5px 10px 10px 10px;
	width:350px;
	background:transparent url('../images2010/devis/bt_valid2010.png') no-repeat top right;
	height:61px;
	font-weight:bold; font-size:200%;
	cursor: pointer !important;
	color:#F79A4C;
	font-family: 'BreeBold';
	position:relative; top:30px; right:10px;
}

.devis .feildvalide input:focus,.devis .feildvalide input:hover{
	background-color:transparent !important;
}


input.validation_error, select.validation_error { border : 1px red solid; }
label.validation_error { color: red; display:block; padding:3px 0; }
p.validation_error { color: red; }
label.validation_error { display: none; padding: 0; }	

fieldset{position:relative; border:none !important;
	background-color:#F5F5F5; 
	padding:10px;
}
.field1{padding-bottom:50px;}
.field3{padding-bottom:20px;}
/*--------------------- pour choix des couverture*/

.star_couv { width:310px; margin:0 auto;*width:315px;}


.star_content1,.star_content2, .star_content2_2 {
	margin: 0 0 !important; padding: 0 0 !important;
	height:60px; 
	background:transparent url('../images2010/devis/star_bg3.png') no-repeat 0 0;
	position:relative;
}

.star_content3, .star_content2_1 {
	margin: 0 0 !important; padding: 0 0 !important;
	height:60px;
	background:transparent url('../images2010/devis/star_bg4.png') no-repeat 0 0;
	position:relative;
}

.star_content2_2{
	height:40px;
}

.star1{background-position:0 -73px;}
.star2{background-position:0 -146px;}
.star3{background-position:0 -219px;}
.star4{background-position:0 -292px;}
.star5{background-position:0 -292px;}

.star_content1 li,.star_content2 li, .star_content2_1 li, .star_content2_2 li, .star_content3 li{
	position:absolute;
	margin: 0 0 !important; padding: 45px 3px 0px 3px !important;
	display:block; width:97px; height:70px; 
	background:transparent; float:left;
	text-align:center !important;
	font-size:110% !important; font-weight:bold;
	border:none !important;
	cursor: pointer;
}
.star_content2_2 li{height:30px;}
.star_content2_1 li, .star_content3 li{
	width:149px;
	border:1px #F2F2F2 solid;
	border:none !important;

}

.star_content1 li.active,.star_content2 li.active, .star_content2_1 li.active, .star_content2_2 li.active, .star_content3 li.active{color:#B51711 !important;}
.star_content1 li.active{background:transparent url('../images2010/devis/flou1.png') bottom left no-repeat;}
.star_content2_2 li.active{background:transparent url('../images2010/devis/flou1.png') bottom left no-repeat; height:70px;}

.star_content1 li.active{
	*background-image: none;
	*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/global/images2010/devis/flou1.png', sizingMethod='image');}
.star_content2_2 li.active{
	*background-image: none;
	*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/global/images2010/devis/flou1.png', sizingMethod='image');}


.star_content1 #star1_1{top:-5px; left:0;}
.star_content1 #star2_1{top:-5px; left:104px;}
.star_content1 #star3_1{top:-5px; left:208px;}

.star_content2_2 #star1_2_2{top:-5px; left:0;}
.star_content2_2 #star2_2_2{top:-5px; left:104px;}
.star_content2_2 #star3_2_2{top:-5px; left:208px;}

.star_content2_1 #star1_2_1{top:-5px; left:0; height:25px;}
.star_content2_1 #star2_2_1{top:-5px; left:156px;height:25px;}

.star_content3 #star1_3{top:-5px; left:0;height:25px;}
.star_content3 #star2_3{top:-5px; left:156px;height:25px;}

.rescouv1,.rescouv2,.rescouv3,.rescouv4,.rescouv5, .rescouv6{
	margin-top:50px;
	padding:10px;
	background-color:#fff;
	position:relative;
}
.rescouv1 p,.rescouv2 p,.rescouv3 p{
}

.orange{color:#F49D00 !important;}




/*--------------------- parti devis*/
#resultat_devis h3 em{
	display:block; font-size:1.8em; line-height:1.1em;
	color:#FF9100; font-weight:bold !important; font-style:normal !important;
}
#resultat_devis h3{color:#aaa !important;}

.devis hr{height:50px !important; visibility:hidden;}

.devis table{border-collapse:collapse; margin:0 0 10px 0; width:100%; font-size:1.1em;}
.devis table th,
.devis table td{padding:2px; vertical-align:middle;}
.devis table th{
	border:1px #DDD solid;
	background-color:#EF7300;
	color:#fff;
}
.devis table td{
	border:1px #DDD solid;
}

.devis table .alg_d{text-align:right; width:70%; padding:10px 3px;}
.devis table .alg_c{text-align:center;}
.devis table .alg_g{text-align:left;}

.devis table tfoot{font-size:1.5em; font-weight:bold; background-color:#F59B51  !important; color:#fff}
.devis table tfoot .total{background-color:#F59B51 !important; color:#fff; width:30%;}

.devis table .coul1{color:#006BBE;}
.devis table .coul2{color:#C60000;}

.big{font-size:1.5em !important; text-align:center; font-weight:bold !important; color:#646567; padding-bottom:10px !important; }

.blocfoot{
	width:105px; height:145px; background-color:#E4E4E4;
	float:left;
	overflow:hidden;
	margin-right:12px;
	text-align:center;
	padding-top:5px;

}
.last{margin-right:0;}

.bloc a{
	display:block; width:170px; height:120px;
	overflow:hidden; text-indent:-200em;
	float:left;
}
.bloc.image1 a{background: #fff url('../images2010/devis/bloc_image1.jpg') no-repeat 0 0;}
.bloc.image2 a{background: #fff url('../images2010/devis/bloc_image2.jpg') no-repeat 0 0;}
.bloc.image3 a{background: #fff url('../images2010/devis/bloc_image3.jpg') no-repeat 0 0;}
.bloc.image4 a{width:340px; background: #fff url('../images2010/devis/bloc_tel_image4.png') no-repeat 0 0;}

.mentioncnil {padding:5px 0; margin:10px 0 !important; border:1px #DDD solid; clear:both;
	border-left:none; border-right:none;}

	.tools{
		clear:both;
		display:block;
		text-align:center;
		background: transparent url('../images2010/devis/cartouche_2.jpg') no-repeat top center;
		color:#484848 !important;
		height:23px; position:relative;
		margin-bottom:5px;
	}

	.tools p{
		padding:5px 0 3px 0 !important; margin: 0 0 !important;
		width:335px !important;
		display:block;
		background-position:100px 3px;
	}

	.tools a{text-decoration:none;
		color:#484848 !important;
		text-decoration:none !important;
		/*	position:absolute;
		top:5px; left:88px;
		*/	}




/*--------------------- sidebarre vos infos*/
.tr,.br{
	position:absolute; right:0;
	display:block;
	width:10px; height:10px;
	overflow:hidden;
	background: transparent url('../images2010/devis/corner.png') no-repeat -10px 0;

}
.tr{top:0;}
.br{bottom:0; background: transparent url('../images2010/devis/corner.png') no-repeat -10px -10px;}

#vos_info{
	position:relative;
	background-color:#F5F5F5; 
	margin-bottom:10px;
	padding:10px;
}
#vos_info h4{
	margin:5px 5px 0 5px !important;
	color:#474853 !important;
	font-weight:normal;

	font-size:1.3em;
}
#vos_info h3{
	margin:0px 5px 10px 5px;
	color:#F89847;
	font-weight:bold;
	font-family: 'BreeBold';
	font-size:1.7em;
}
#vos_info ul{
	font-size:1.2em;
	margin:3px 5px 0 5px;
}
#vos_info ul li{
	padding:0 0 0 10px; margin:3px 0;
	background:transparent url('../images2010/devis/chevron.png') no-repeat 2px 5px;
}
#vos_info a{text-decoration:underline;}

/*-------------------------------------------------------------------------------------*/
/* =  class error			 */
/*-------------------------------------------------------------------------------------*/
.devis p.error{
	padding:10px; color:red !important;
	background-color:#FFFECA;
}

#msg_enfants{
	background-color:#FFFECA;
	color:#C2190E !important;
	border:1px #C2190E solid;
	padding:5px;
}

.demi_field{float:left; display:block; width:45%;}


#formDevis3 p.pseudo_label{font-size:1.1em !important; margin:10px 0 !important;}


#sidenotes a {
	color:#000000;
	font-weight:bold;}


/*-------------------------------------------------------------------------------------*/
/* =  webcallback 11 oct 2010			 */
/*-------------------------------------------------------------------------------------*/
#blockdevis {
	height:500px;
}

#blockdevis .top{
	display:block;
	height:65px; width:220px;
	overflow:hidden;
	text-indent:-200em;
}

/* ----------------------------------------- */
/* --------------- WebCallBack ------------------ */
/* ----------------------------------------- */

iframe.iframe_wcb {
	width: 180px;
	height: 500px;
	/*height: 600px;*/
	position:relative;
	overflow: hidden;
	background-color:transparent !important;
}
#formWebCallBack, .chapeau {margin:5px; color:#545454;}
.devis_callback .chapeau {border-bottom:1px #545454 solid;}
#formWebCallBack h1{display:none;}
#formWebCallBack p{width:auto;}
#formWebCallBack label{font-size:1.1em;}
#formWebCallBack .error{font-size:1.1em; color:#C22A08; padding:3px 0; border-top:1px #C22A08 solid; border-bottom:1px #C22A08 solid; margin-bottom:10px; font-weight:bold;}
#formWebCallBack fieldset{background:none !important; border:none !important; margin: 0 0 !important; padding: 0 0 !important;}
#formWebCallBack input.inptxt{width:165px !important; font-size:1.1em; padding:2px 0;}


#rappel_detail .demi_field{
	width:47%;
	margin:1%;
	*margin:0 0%;
}

#rappel_detail .demi_field label{
	*position:relative; *top:-2px; *left:-2px;
}

#valid_rappel{
	border:none;
	padding:5px 10px 10px 10px;
	width:350px;
	background:transparent url('../images2010/devis/bt_valid2010.png') no-repeat top right;
	height:61px;
	font-weight:bold; font-size:200%;
	cursor: pointer !important;
	color:#F79A4C;
	font-family: 'BreeBold';
	position:relative; top:0px; right:10px;
}

#formWebCallBack #valid_rappel {
    background: url("../images2010/devis/bt_valid2010.png") no-repeat scroll right top transparent;
    color: #F79A4C;
    cursor: pointer !important;
    font-family: 'BreeBold',Arial;
    font-size: 200%;
    font-weight: bold;
    height: 61px;
    padding: 10px 50px 10px 10px;
    position: relative;
    right: 0;
    top: 0;
    width: 160px;
margin-top:10px;
}

.mentions{
	margin-top:5px !important;
	font-size:1em !important;
}

#resultat_devis{width:340px; margin:0 auto;}