/* chemin images : ../img/modele/cart/xxx.jpg */





/* Where We Are - page */

.WhereWeAre_item { float:left; padding:0px; }
.WhereWeAre_left { float:left; }
.border_img { border:1px solid #ACAAAA; }
.WhereWeAre_right { float:left; padding-left:21px; width:225px; padding-top:6px;}

/*  icone evaluation  */

.icone_web, .icone_filemaker, .icone_graphic { float:left; padding:20px 16px 8px 0;}
.icone_graphic { padding: 20px 0px 0px 0; }

.icone_web a span , .icone_filemaker a span , .icone_graphic a span { padding:95px 0 0 0; text-align:center; display:block }

.icone_web a { width:175px; height:118px; background: transparent url(../img/icone_web_off.png) no-repeat; display:block; text-decoration:none; color:#67686B;}
.icone_web a:hover { width:175px; height:118px; background: transparent url(../img/icone_web.png) no-repeat; display:block;color:#D4711A; }


.icone_filemaker a { width:175px; height:118px; background: transparent url(../img/icone_filemaker_off.png) no-repeat; display:block; text-decoration:none; color:#67686B;}
.icone_filemaker a:hover { width:175px; height:118px; background: transparent url(../img/icone_filemaker.png) no-repeat; display:block;color:#D4711A; }


.icone_graphic a { width:175px; height:118px; background: transparent url(../img/icone_graphic_off.png) no-repeat; display:block; text-decoration:none; color:#67686B;}
.icone_graphic a:hover { width:175px; height:118px; background: transparent url(../img/icone_graphic.png) no-repeat; display:block;color:#D4711A; }


/* Barre avancement | Step bar */

 #div_step_bar { 
 height:auto;
 display:block;
 clear:both;
 }


#cart_step_bar { position:relative; padding:3px 0 0 0px; }
#cart_step_bar .begin { float:left;height:32px; width:10px; background-image: url(../img/modele/cart/cart_step_bar_begin.gif); }
#cart_step_bar .arrow { float:left;height:32px; width:20px; background-image: url(../img/modele/cart/cart_step_bar_arrow.gif); }

#cart_step_bar .center 
{ 
float:left;
background: url(../img/modele/cart/cart_step_bar_center.gif) repeat-x; 
font:normal 12px Arial, Helvetica, sans-serif; 
padding-left:5px; 
padding-right:5px;
line-height:32px;
}

#cart_step_bar .center .text_activ{ color:#D4711A; font-weight:bold; }
#cart_step_bar .center .text_inactiv{ color:#909090; }
#cart_step_bar .center .error { 
background-image: url(../img/ic_login_alert.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
}

#cart_step_bar .center a.link_previous{color:#909090; text-decoration:underline;}
#cart_step_bar .end { float:left;height:32px; width:13px; background-image: url(../img/modele/cart/cart_step_bar_end.gif);  }






/* définition des DIV - choix de l'estimation */



.choose 
{
width:auto;
height:auto;
float:left;
line-height:20px;
display:block;
clear:both;
}

.choose h2 { margin:0px; } 

.plus { border:1px #999 dotted; border-top:none;padding:5px 0 10px 10px; background:url(../img/fd_plus.gif) bottom repeat-x; }

.my_choice  { height:100px; width:500px; border:1px solid #cccccc; margin-bottom:4px; display: block;}
.my_choice a {  
display: block;
text-decoration: none;
padding: 3px 20px 3px 20px;
}

.choose  a:hover{ display:block; background-color:#eeeeee; text-decoration:none;  } 
.choice_img { float:left; width:100px; height:100px; border-right:1px solid #cccccc; display:block; }
.choice_txt { padding-left:110px; padding-top:10px; line-height:13px; display:block; }
.choice_txt p { margin:0px; padding:5px; }
.choice_txt h2 { font-size:15px; padding:5px; padding-top:0px; margin:0px;  }

.block { display:block;}





/* définition des DIV - barre erreur */

.error_window { float:left; border:1px solid #cccccc; margin:14px 0px 10px; padding:10px; width:517px;}
.error_window  li { padding-left:8px; color:red;}
.error_window  img { margin:0px; }
.error_window .choice_img { margin:3px; border:none; width:70px; height:100%; text-align:center; float:left; }
.error_window .choice_txt { float:left; border:none; padding-left:15px; padding-top:0px; width:400px; height:100%; }




/* CSS elements formulaire */

.breakdiv { clear:both; display:block; height:10px; width:100%; }

.radio { margin-right:3px; height:10px; width:10px; vertical-align:middle;  }
.question { font-weight:bold; clear:both; margin-top:10px; display:inline-block; /*width:400px;*/ }
.info_projet { width:99%; }


select { font-size:12px; width:100%; }

.form_select { width:250px; }
#submit_form { text-align:center; }

.align_right { text-align:right; margin-right:194px; } /*last part 'internet' */
.select_specification { width:342px; }

.warning { margin-top:5px; } /*erreur div 'cart_step_bar' */

.FORM_field { /*margin-bottom:15px;*/ width:98%;  } /* TEXTAREA */
.sub_section { padding-left: 17px; } /* DIV subsection */
.checkbox { margin-right: 3px; vertical-align:middle; }
#decrire { /*padding-left: 162px; */}

.customer_info {  }
	.colleft_form { float:left; text-align:left; width:auto; line-height:20px; }
	.colright_form { float:left; text-align:left; }
	.colleft_form  p{ height:18px;  padding-right:10px;}
	.colright_form  p { height:17px; /*margin-bottom:4px;*/ padding-right:10px;}
	
div#Conclusion { text-align: center; }

.FORM_error {
/*background-color:yellow !important;*/
border:1px solid #BF3100;
color:#393962;
font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-weight:bold;
margin:0px;
padding:0 0 0px 5px;
}

.FORM_required {border:solid 1px orange; }
.form_required { border:solid 1px orange; padding:10px;}

/*	wrapper divs */
.custom-checkbox, .custom-radio { position: relative; margin-top:-5px; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label, 
.custom-radio label {
	display:inline-block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	padding: .5em 0 .2em 25px;
	margin: 0 0 0 -5px;
	cursor: pointer;
}

.field	.custom-checkbox label, 
.field .custom-radio label {
	display:inline-block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	padding: .1em 0 0 19px;
	margin: 0 0 .3em;
	cursor: pointer;
}

/* states */
.custom-checkbox label { background: url(../img/checkbox.gif) no-repeat; }
.field .custom-checkbox label { background:none; }

.custom-radio label { background: url(../img/radiobutton.gif) no-repeat; }
.field .custom-radio label { background:none; }

.custom-checkbox label, .custom-radio label {
	background-position: -10px -14px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -114px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -10px -314px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	/*outline: 1px dotted #ccc;*/
}