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


/* FORM SEGMENT */

.form_segment {
	float:left;
	width:600px;
	margin-top:0px;
}

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

}

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

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


/* FORM FRAME */

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

.form .error,
.form .valide{
	text-align:left;
	font-size:10px;
	margin:15px 0px 25px 0px;
	color:#555555;
	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:#505050;
	font-size:13px;
}

.form .valide a{
	color:#BD4B17;
}

.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 {

	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 {
	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:11px;
	color:#505050;
	clear:both;
	float:left;
	font-family:'Arial';
}

.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;
}

.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{
	width: 100%;
	height:13px;
	background:url('../media/input_bg.gif') repeat-x  0px 0px;
	border:1px #cccccc solid;
	color:#252525;
	font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	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;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:url('../media/input_bg.gif') repeat-x  0px 0px #ffffff;
}

.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:6px 0px 8px 4px;
	color:#252525;
}

.form .checkbox_frame_error{
	background:#ED9EA4;
}

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

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

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


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


.form .radio_frame,
.form .radio_frame_error{
	width:102%;
	float:left;
	clear:both;
	margin:6px 0px 0px 0px;
}

.form .radio_frame div,
.form .radio_frame_error div{
	float:left;
	font-size:10px;
	color:#252525;
}

.form .radio_frame .intitule,
.form .radio_frame_error .intitule{
	padding:2px 15px 0px 0px;
}



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

.form .legend .obl_item{
	font-weight:normal;
	color:#888888;
}
/*
.form .btn {
	float:right;
	margin:25px 6px 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;
}

.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 a{
	background:url('../media/btn_bg.gif') repeat-x  0px bottom;
	border:1px #bebfbf solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:5px 10px;
	color:#666666;
	text-decoration:none;
	margin:10px 0px;
	text-shadow:1px 1px 1px #fff;
	float:right;
}

.form a:hover{
	color:#11a9d6;
}



/* 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;
}

/* FIREFOX */
.form .value,
.form .value_error{
	padding-right:0px;
}

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

.form .ctd img{
	width:26px;
}

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

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

.form .value input,
.form .value_error input{
	margin:1px 0px 8px 0px;
}

.form select{
	height: 19px;
	width:102%;
	margin:1px 0px 8px 0px;
}

.form .xl_select_value select {
	width:101%;
}

.form .checkbox_frame input,
.form .checkbox_frame_error input{
	margin:3px 0px 0px 6px;
}

.form .checkbox_frame .item,
.form .checkbox_frame_error .item{
	padding:0px 0px 0px 3px
}

.form textarea {
	padding:2px 0px 0px 2px;
}