@charset "utf-8";
/********************************************
*  	File         : sty-bo-form.css
*  	Author       : G.Florimond 
*  	Society      : Caruso-jweb
*  	site web     : transport-boileau-franck.net
*  	DCreate      : 14/05/2016
*  	DMAJ         : 19/05/2019
*	Suffixe      : fo_	
********************************************/
/* DEFAUT CHAMP INPUT */
input,textarea { /*gube18092015*/
	font-family: Arial,  Helvetica, sans-serif;
	font-size:12px; 
	color:#222;/*en test*/
	font-weight:normal;
}
.mandatory {
	color:#F00;
}
/*CHAMP SELECT */
select {
	font-family:'helvetica',arial,sans-serif;
	font-size:13px;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin:0px; /*margin:2px;*/
	padding:1px 4px;/**/
	width:100%;
	height:22px;
	/*border:#3C6 solid 1px;*/
}

/* fo_tb_client  = tableau du formulaire client  */
.fo_tb_client {
	margin:0 0 0 0;
	padding:0;
	table-layout:auto;
	border-collapse: collapse;
	width:620px;
	height:auto;
}
.fo_tb_client td {
	padding:6px 2px 6px 8px;
    vertical-align: top;
}
.fo_tb_client td.c1 {width:220px;}
.fo_tb_client td.c2 {width:400px;}

.fo_line2{
	height:2px;
	background-color:#A3B6C5;
	padding:0; margin:0;
	margin-top:15px;
	margin-bottom:15px;
	width:98%;
	/*width:520px;*/
}


#fo_client_txt_error {
	font-family:'helvetica',arial,sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#E95C39;
}

input.fo_client_text,input.fo_client_password {
	font-family:'helvetica',arial,sans-serif;
	font-size:13px;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin:0px;
	padding:1px 4px;
	width:280px;
	height:18px;
}
select.fo_client_liste {
	width:350px;
}

input:focus.fo_client_text,input:focus.fo_client_password {
	background:#f9f5e2;
	border-color:#999;
}



table.fo_tb_form_titre {
	font-family:'helvetica',arial,sans-serif;
	font-size:12px;
	width:1000px; /*min-height:400px;*/
	margin:0; padding:0;
	border:none; border-collapse:collapse;
	border-spacing: 0;
	color:#333;
	/*border:#F69 solid 1px;*/
}
table.fo_tb_form_titre td.c1 { width:15px;}
table.fo_tb_form_titre td.c2{ width:366x; background-color:#F2F2F2; vertical-align: top;/* border:#6CC solid 1px;*/ }
table.fo_tb_form_titre td.c3 { width:15px;}
table.fo_tb_form_titre td.c4 { width:594px; }
table.fo_tb_form_titre td.c5 { width:15px;}

/*background-color:#B2C929;*/
.fo_titre {font-family:'helvetica',arial,sans-serif; font-size:12px; background-color:#666; font-size:18px; color:#FFF; height:28px; line-height:28px; text-align:center}
.fo_titrerubrique {font-weight:bold; font-size:12px;height:18px; padding-top:8px; /*line-height:30px;*/ text-align:left;}
.fo_caseacocher { text-align:right; padding-top:10px; padding-right:2px;}
.fo_labelrubrique {font-weight:normal; font-size:14px;min-height:25px; line-height:18px; text-align:right; padding-right:0px; padding-left:0}
/*color:#36C*/
.fo_saisie { font-family:Arial, Helvetica, sans-serif;font-size:12px; background-color:#FFF; color:#36C;font-weight:normal; height:20px; line-height:20px; text-align:left; padding-left:2px;border:#AAA solid 1px;}
.fo_saisie_multi {font-family:Arial, Helvetica, sans-serif;font-size:12px; background-color:#FFF;color:#36C;font-weight:normal;  min-height:70px;height:auto; line-height:19px; text-align:left; padding-left:2px;border:#AAA solid 1px;}
.fo_saisie_multiXL {font-family:Arial, Helvetica, sans-serif;font-size:12px; background-color:#FFF;color:#36C;font-weight:normal; min-height:120px;height:auto; line-height:19px; text-align:left; padding-left:2px;border:#AAA solid 1px;}

table.fo_tb_form {
	clear:both;
	float:left;
	font-family:'helvetica',arial,sans-serif;
	font-size:13px;
	width:376px; 
	margin:0; padding:0;
	border:none; border-collapse:collapse;
	border-spacing: 0;
	color:#333;
	/*border:#F69 solid 1px;*/
}
table.fo_tb_form td.sep5 {padding:2px 0;/*border:#900 solid 1px;*/}
table.fo_tb_form td.sepbas8 {height:8px;display:block;/*border:#900 solid 1px;*/}
table.fo_tb_form td.c1 { width:15px;}
table.fo_tb_form td.c2 { width:55px; background-color:#F2F2F2; text-align:left; vertical-align: top; /**/ }
table.fo_tb_form td.c3 { width:6px; background-color:#F2F2F2;}
table.fo_tb_form td.c4 { width:285px; background-color:#F2F2F2; vertical-align:bottom; text-align:left; }
table.fo_tb_form td.c5 { width:10px; background-color:#F2F2F2;}

table.fo_tb_form_texte {
	float:left;
	font-family:'helvetica',arial,sans-serif;
	font-size:14px;
	/*width:606px;*/
	min-width:650px;
	width:auto; 
	margin:0; padding:0;
	border:none; border-collapse:collapse;
	border-spacing: 0;
	color:#222;
	background-color:#FFF;
	/*border:#888 solid 1px;*/
	margin-top:20px;
}
table.fo_tb_form_texte td {margin-bottom:5px; border-bottom:#666 solid 1px:}
table.fo_tb_form_texte td.sep5 {padding:2px 0;/*border:#900 solid 1px;*/}
table.fo_tb_form_texte td.sepbas8 {height:8px;display:block;/*border:#900 solid 1px;*/}
table.fo_tb_form_texte td.c1 { width:15px;}
table.fo_tb_form_texte td.c2 { width:220px; text-align:left; vertical-align: top; }/*background-color:#F2F2F2;*/
table.fo_tb_form_texte td.c3 { width:6px; }/*background-color:#F2F2F2;*/
table.fo_tb_form_texte td.c4 { width:270px; vertical-align:bottom; text-align:left;/*border:#900 solid 1px;*/ }/*background-color:#F2F2F2;*/
table.fo_tb_form_texte td.c5 { width:195px; padding-left:5px } /*background-color:#F2F2F2;*/
table.fo_tb_form_texte td.celastik {width:auto;} 
table.fo_tb_form_texte td.c234 {width:570px; border:#900;}

table.fo_tb_form_texte_post {
	float:left;
	font-family:'helvetica',arial,sans-serif;
	font-size:14px;
	/*width:606px;*/
	min-width:650px;
	width:auto; 
	margin:0; padding:0;
	border:none; border-collapse:collapse;
	border-spacing: 0;
	color:#222;
	background-color:#FFF;
	/*border:#888 solid 1px;*/
	margin-top:20px;
}
table.fo_tb_form_texte_post td {margin-bottom:5px; border-bottom:#666 solid 1px:}
table.fo_tb_form_texte_post td.fop_c1 { width:15px;}
table.fo_tb_form_texte_post td.fop_c2 { width:270px; text-align:left; vertical-align: top; }/*background-color:#F2F2F2;*/
table.fo_tb_form_texte_post td.fop_c3 { width:6px; }/*background-color:#F2F2F2;*/
table.fo_tb_form_texte_post td.fop_c4 { width:310px; vertical-align:bottom; text-align:left;}
table.fo_tb_form_texte td.fop_c5 {padding-left:5px } /*background-color:#F2F2F2;*/
table.fo_tb_form_texte_post td.fop_celastik {width:auto;} 
.txt-error {
	color: #F66; 
	font-size:12px;
	margin:0; padding:0;
	padding-left:5px;
	/*border:#eee dashed 1px;*/
}
table.fo_tb_button {
	font-family:'helvetica',arial,sans-serif;
	font-size:12px;
	width:1000px; 
	margin:0; padding:0;
	border:none; border-collapse:collapse;
	border-spacing: 0;
	color:#333;
	/*border:#F69 solid 1px;*/
	background-color:#999;
	height:40px;
}
table.fo_tb_button td.c1 {width:40px;}
table.fo_tb_button td.c2 {width:430px;font-family:'helvetica',arial,sans-serif; font-size:15px;	color:#FFF;}
table.fo_tb_button td.c3 {width:20px;}
table.fo_tb_button td.c4 {width:140px;}
table.fo_tb_button td.c5 {width:160px;}
table.fo_tb_button td.c6 {width:150px;}
table.fo_tb_button td.c7 {width:50px;}
.fo_message {
	font-family:'helvetica',arial,sans-serif;
	font-size:15px;
	color:#FFF;
}
input.fo_gerico,textarea.fo_gerico  {
	margin:0; padding:0;
	background-color:#FFF; 
	height:20px; line-height:20px; 
	text-align:left; 
	padding-left:2px;
	border:#AAA solid 1px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
input.fo_text {
	height:20px; 
	width:100%; 
	/* en test coin arrondis hi hi */
	line-height:20px; 
	background-color:#FFF; 
	height:20px; line-height:20px; 
	text-align:left; 
	padding-left:2px;
	border:#AAA solid 1px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding-left:2px;
}


textarea.fo_textmulti {
	min-height:4em; 
	width:100%;
	line-height:18px;
	/* en test bord arrondis */
	border:#AAA solid 1px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#222;
	padding:2px;
}
textarea.fo_readonly {
	background-color:#DDD;
	color:#444;
}
textarea.fo_contenu_col2:focus,textarea.fo_titre_col2:focus {
	background:#f9f5e2;
	border-color:#637210;
}
input.fo_text:focus, textarea.fo_contenu_col2:focus, textarea.fo_textmulti:focus {
	background-color: #FFDCB9;
	border-color: #F27900;
	color:#000;
}
input.fo_titre_col2:focus {
	border-color: #F27900;
	color:#222;
}
textarea.fo_readonly:focus{
	background-color: #DDD;
	color:#555;
	border-color:#aaa;
}

/*BUTTON */
.fo_mbutton{
	font-family: 'Open Sans','helvetica',arial, sans-serif;
	font-size:14px;
    /*text-transform: uppercase;*/
    text-decoration: none;
	background:#4aced3;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:0;
	cursor:pointer;
	padding:5px 10px 5px 10px;
	height:auto;
	line-height:normal;
	color:#fff;
	text-shadow: #999 0 -1px 1px;
 }
.fo_mbutton:hover { 
	/*color: #E08339;*/
	text-shadow: #900 0 -1px 1px;
}
.fo_mbutton:focus {
	border:#FC9 solid 1px;
}
.fo_close,.fo_retour,.fo_fermer {
    border-color : #6f0d29;
    background : #bbb;
    color: #333;
    text-shadow: #eee 0 -1px 1px;
}
.fo_close:hover, .fo_retour:hover, .fo_fermer:hover{
    border-color : #666;
    background : #666;
    color: #fff;
    text-shadow: #333 0 -1px 1px;
}

#form_txt_message {
	position:relative;
	top:10px; left:10px;
	visibility:visible;
	/*visibility:hidden;*/
}