
/* ----------------------------------
	FORMULAIRES
	-------------------------------*/


/* FORM SEGMENT */

.form_segment {
	float:left;
	width:620px;
	margin-top:5px;
}

.form_segment .article{
	background-image:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


.form_segment .article .content{
	text-align:left;
	padding:0px;
	margin:0px;
}

.form_segment .article .content .txt p, 
.form_segment .article .txt p {
	margin:0px 0px 0px 0px;
}



.form_segment  .article .title{
	font-size:21px;
	line-height:22px;
	}


/* FORM FRAME */

.form {
	width:620px;
	float:left;
	padding:10px 0px 30px 0px;
}

.form .error,
.form .valide{
	text-align:left;
	font-size:10px;
	margin:15px 0px 25px 0px;
	color:#353535;
	background:url('../media/form/warning_icon.gif') no-repeat 0px 3px;
	padding:0px 0px 0px 30px;
}

.form .error b{
	color:#C30001;
	font-size:11px;
}

.form .valide{
	font-size:11px;
	color:#4D4D4D;
	line-height:16px;
	padding:2px 0px 2px 50px;
	background:url('../media/form/mail_icon.gif') no-repeat 3px 0px;
}

.form .valide b{
	font-family:'Arial';
	color:#252525;
	font-size:13px;
}

.form .valide a{
	color:#007abd;
}

.form .valide a:hover{
	text-decoration:none
}

.form table {
	width:100%;
}

.form h1 { 
	font-family:'Arial';
	color:#404040;
	color:#353535;
	font-size:18px;
	text-align:left;
	font-weight:normal;
	padding:5px 0px 5px 10px;
	margin:45px 0px 20px 0px;
	border:1px #4D4D4D solid;
	border:1px #BBBBBB solid;
	background:#F8F8F8;
	border-style:dotted none dotted none;
	}

.form h1 b{ 
	color:#AAAAAA;
	}


.form .ltd,
.form .rtd {
	background:#FFFFFF;
	width:50%;
	text-align:left;
	vertical-align:top;
}

.recruitment .form .ltd {
	width:70%;
}

.recruitment .form .rtd {
	width:30%;
}

.form .ltd .ltd,
.form .rtd .ltd,
.form .ltd .rtd,
.form .rtd .rtd {
	background:#FFFFFF;
	width:50%;
	text-align:left;
	vertical-align:top;
}

.form .ctd img{
	width:25px;
	height:1px;
}

.recruitment .form .rtd .ctd img,
.recruitment .form .ltd .ctd img{
	width:15px;
}

.form .item,
.form .obl_item,
.form .fac_item {
	font-size:10px;
	color:#252525;
	clear:both;
	float:left;
}

.form p {
	padding:0px;
	margin:0px;
	line-height:14px;
}

.form .obl_item{
	padding-left:6px;
	font-weight:bold;
	background:url('../media/form/obl_icon_02.gif') no-repeat right 3px;
	padding:0px 8px 0px 0px;
}

.form .fac_item{
	padding-left:6px;
	background:url('../media/form/fac_icon.gif') no-repeat 0px 4px;
	padding-left:0;
	background:none;
}

.form .value,
.form .value_error{
	padding-right:6px;
}

.form .rtd .value,
.form .rtd .value_error {
	padding-right:12px;
}

.form .rtd .rtd .value,
.form .ltd .rtd .value,
.form .rtd .rtd .value_error,
.form .ltd .rtd .value_error{
	padding-right:6px;
}

/*
.form .value input,
.form .value_error input{
	font-family: 'Tahoma', sans-serif ;
	color: #333333;
	font-size: 8pt;
	border: 1px solid #C7C7C7;
	width: 100%;
	height: 15px;
	margin:1px 0px 6px 0px;
	padding:2px 0px 0px 4px;
}
*/

.form .value input,
.form .value_error input{
	width: 100%;
	height:13px;
	background:url('../media/form/input_bg_02.gif') repeat-x 0px 0px;
	border:1px #CCCCCC solid;
	color:#252525;
	font-size:11px;
	padding:3px 0px 3px 4px;
	margin:1px 0px 6px 0px;
}

.form .value_error input{
	border: 1px solid #C30001;
}

.form .date {
	float:left;
}

.form .date div{
	float:left;
}

.form .date .value{
	width:150px;
}

.form .date img{
	margin:4px 0px 0px 2px
}

.form select {
	font-family: 'Tahoma', sans-serif ;
	color: #333333;
	font-size: 8pt;
	width: 100%;
	height: 20px;
	margin:2px 0px 6px 0px;
}

.form .rtd select {
	width: 98%;
}

.form .select_error select {
	background: #ED9EA4;
}

.form textarea {
	font-family: 'Tahoma', sans-serif ;
	color: #333333;
	font-size: 8pt;
	width: 100%;
	height:194px; /* 19px + (41px par ligne) */
	padding:2px 0px 0px 4px;
	margin:1px 0px 15px 0px;
	border:1px #CCCCCC solid;
}

.form .value_error textarea{
	border: 1px solid #C30001;
}

.form .checkbox_frame,
.form .checkbox_frame_error{
	width:100%;
	/* background:#F8F8F8; */
	float:left;
	margin:2px 0px 6px 0px;
	padding:0;
	color:#252525;
}

.form .checkbox_frame_error{
	background:#ED9EA4;
}

.form .checkbox_frame input,
.form .checkbox_frame_error input{
	margin:1px 0 0 0;
	padding:0;
}

.form .checkbox_frame div,
.form .checkbox_frame_error div{
	float:left;
}

.form .checkbox_frame .line,
.form .checkbox_frame_error .line{
	/*
	clear:both;
	width:100%;
	*/
	width:250px;
	margin:2px 0 2px 0;
}


.form .checkbox_frame .item,
.form .checkbox_frame_error .item{
	padding:2px 0 0 0;
	float:left;
	width:150px;
	margin:5px 0 0 0;
}


.form .radio_frame,
.form .radio_frame_error{
	width:600px;
	float:left;
	clear:both;
	margin-top:4px;
	margin-bottom:7px;
	padding:6px 10px 9px 10px;
	background:#f6f6f6;
}

.form .radio_frame div,
.form .radio_frame_error div{
	display:inline-block;
	padding:2px 20px 0 0;
}

.form .radio_frame input,
.form .radio_frame_error input{
	margin:4px 3px 0 0;
	padding:0;
	float:left;
}

.form .radio_frame_error{
	background:#ED9EA4;
	border: 1px solid #C30001;
}

.form .legend {
	float:left;
	margin:35px 0px 0px 0px;
}

.form .legend .obl_item{
	font-weight:normal;
	color:#888888;
}

.form .btn {
	float:right;
	margin:25px 0 0 0;
	background:url('../media/form/btn_lbg.gif') no-repeat 0px 0px;
	height:27px;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}

.recruitment .form .btn {
	margin-right:208px;
}

.form .btn .title{
	float:left; 
	padding:6px 12px 0px 0px;
}

.form .btn .rbtn{
	background:url('../media/form/btn_rbg.gif') no-repeat right 0px;
	height:27px;
	width:3px;
	float:left;
}

.form .btn a{
	color:#000000;
	text-decoration:none;
}

.form .btn a:hover{
	color:#808080;
}



/* FORM FRAME */

.form_frame {
	float:left;
	width:630px;
	margin:5px 0px 20px 0px;
}

.form_frame .top{
	float:left;
	width:630px;
	height:5px;
	background:url('../media/form/base_form_top.gif') no-repeat 0px 0px;
}

.form_frame .content{
	float:left;
	width:620px;
	background:url('../media/form/base_form_bg.gif') repeat-y 0px 0px;
	font-size:11px;
	color:#252525;
	padding:0px 5px 0px 5px;
}

.form_frame .content .txt_frame{
	float:left;
	width:295px;
	padding:20px;
	text-align:left;
}

.form_frame .content .txt_frame .title{
	color:#3399CC;
	font-family:'Trebuchet MS';
	font-weight:bold;
	font-size:15px;
	line-height:20px;
	padding:0px 0px 10px 0px;
}

.form_frame .content .txt_frame .txt{
	color:#252525;
}

.form_frame .content .txt_frame .txt p{
	margin:0px 0px 10px 0px;
	line-height:16px;
}

.form_frame .content .txt_frame .link{
	background:url('../media/adherent_icon.gif') no-repeat 0px 0px;
	padding:0px 0px 1px 38px;
	margin:25px 0px 0px 0px;
	font-size:11px;
	line-height:14px;
	color:#101010;
	font-weight:bold;
}

.form_frame .content .txt_frame .link a{
	color:#ED7600;
	font-size:10px;
}

.form_frame .content .txt_frame .link a:hover{
	text-decoration:none;
}

.form_frame .content .base_form{
	float:left;
	width:245px;
	padding:20px;
}

.form_frame .content .base_form .error{
	float:left;
	width:233px;
	padding:6px;
	text-align:left;
	line-height:15px;
	margin:0px 0px 15px 0px;
	font-size:10px;
	background:#F4F4F4;
}

.form_frame .content .base_form .error b{
	color:#C30001;
}

.form_frame .content .base_form .valide{
	float:left;
	width:233px;
	padding:6px;
	text-align:left;
	line-height:15px;
	margin:0px 0px 15px 0px;
	font-size:10px;
	text-align:left;
	background:#F4F4F4;
}

.form_frame .content .base_form .valide b{
	color:#0890C2;
}

.form_frame .content .base_form .item{
	float:left;
	width:245px;
	color:#101010;
	font-size:10px;
	font-weight:bold;
	text-align:left;
}

.form_frame .content .base_form .obl{
	color:#C30001;
	font-weight:normal;
}

.form_frame .content .base_form .champs_obl{
	color:#777777;
	font-size:10px;
	text-align:left;
	width:245px;
	float:left;
	margin:20px 0px 0px 0px;
}

.form_frame .content .base_form .champs_obl b{
	color:#C30001;
}

.form_frame .content .base_form .checkbox_input{
	float:left;
	text-align:left;
	width:305px;
	margin:2px 0px 2px 0px;
}

.form_frame .content .base_form .checkbox_input div{
	float:left;
}

.form_frame .content .base_form .checkbox_input .value{
	line-height:14px;
	font-size:10px;
	color:#000000;
	padding:3px 0px 0px 1px;
}

.form_frame .content .base_form .input,
.form_frame .content .base_form .input_error{
	float:left;
	width:245px;
	margin:0px 0px 8px 0px;
}

.form_frame .content .base_form .input input,
.form_frame .content .base_form .input_error input{
	width:240px;
	height:13px;
	background:url('../media/form/input_bg.gif') repeat-x 0px 0px;
	border:1px #898989 solid;
	color:#252525;
	font-size:11px;
	padding:3px 0px 3px 5px;
}

.form_frame .content .base_form .input_error input{
	border:1px #C30001 solid;
}

.form_frame .content .base_form .mdp{
	float:left;
	text-align:left;
	font-size:10px;
	margin:14px 0px 0px 0px;
	width:150px;
}

.form_frame .content .base_form .mdp a{
	color:#ED7600;
}

.form_frame .content .base_form .mdp a:hover{
	text-decoration:none;
}

.form_frame .content .base_form .btn {
	float:right;
	margin:10px 0px 0px 0px;
	background:url('../media/form/btn_lbg.gif') no-repeat 0px 0px;
	height:27px;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}

.form_frame .content .base_form .btn .title{
	float:left; 
	padding:6px 12px 0px 0px;
}

.form_frame .content .base_form .btn .rbtn{
	background:url('../media/form/btn_rbg.gif') no-repeat right 0px;
	height:27px;
	width:3px;
	float:left;
}

.form_frame .content .base_form .btn a{
	color:#000000;
	text-decoration:none;
	}

.form_frame .content .base_form .btn a:hover{
	color:#808080;
	}

.form_frame .bottom{
	float:left;
	width:630px;
	height:5px;
	background:url('../media/form/base_form_bottom.gif') no-repeat 0px bottom;
}


/* Note en bas des formulaires */

#note {
	float:left;
	width:600px;
	font-size:10px;
	color:#666666;
	line-height:14px;
	text-align:left;
	border:1px #CCCCCC solid;
	border-style:none none none solid;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 20px;
}




/* Specifiques questionnaire */

.enquete .form {
	width:620px;
	padding:5px 0 0 0;
}

.enquete .form .item,
.enquete .form .obl_item,
.enquete .form .fac_item {
	font-size:11px;
	margin-top:4px;
	white-space:nowrap;
}

.enquete .form .item span,
.enquete .form .obl_item span,
.enquete .form .fac_item span {
	font-weight:normal;
}



.enquete .form .value input,
.enquete .form .value_error input{
	font-size:13px;
	height:18px;
	margin-top:2px;
}

.enquete .form h1 { 
	font-family:'Arial';
	font-size:18px;
	text-align:left;
	font-weight:normal;
	padding:5px 0 0 0;
	margin:30px 0 8px 0;
	border:1px #007abd solid;
	background:none;
	border-style:none none dotted none;
	color:#007abd;
	color:#ff6b1a;
	border-color:#858585;
	}

.enquete .form h1:first-child { 
	margin-top:10px;
	}

.enquete .form .ltd,
.enquete .form .rtd {
	width:100%;
}

.enquete .form select {
	font-family: 'Tahoma', sans-serif ;
	color: #333333;
	font-size: 12px;
	width: 100%;
	margin:3px 0 12px 0;
}

