/* CSS Document pour les formulaire integre: Dep, DTPH, et Dsim mini2 */

/*--------------------- Titre formulaire --------------------*/
#formulaire-integre .titre-formulaire1{
			
			background: url(../images/form_dep_teteau.gif)  top left;
			background-repeat:no-repeat;
			height:35px;
			color:#FFFFFF;
			background-color:#3333CC;
			/*border-bottom:1px solid #318CE7;*/
 			}
 .titre-formulaire1 div, .titre-formulaire div	{	font-size:14px;}
#formulaire-integre .titre-formulaire div,.titre-formulaire1 div,.titre-formulaire2 div { text-align:center; /*font: bold 12px Arial, Helvetica, sans-serif;*/ line-height:14px; padding:0; padding-top:6px;}			
/*--------------------- contenu general formulaire  --------------------*/
#formulaire-integre{ 
			width:534px; 
			/*margin:15px auto;*/
			/*border-top:1px solid #318CE7;*/
			}
#zone-formulaire{width:534px;}
#formulaire-integre .zone-defiscalisation span {font:bold 12px Arial, Helvetica, sans-serif; color:#0066cc; }
#formulaire-integre .zone-defiscalisation {font:italic Arial, Helvetica, sans-serif 11px; border-bottom:1px solid #0066cc;}
#formulaire-integre .corps-formulaire { 
			font:normal 12px Arial, Helvetica, sans-serif; 
			color:#0066cc;
			border:none; 
			background:#D8E5F5;
			width:534px;
			background: url(../images/form_dep_milieu.jpg);
			background-repeat:repeat-y;
			/*padding-top:15px;*/
			}
#formulaire-integre .corps-formulaire_int_dep{			 
			width:534px;
			background: url(../images/couple_bg.jpg);
			background-repeat:no-repeat;
			background-position:95px 85px;
			}
#formulaire-integre .corps-formulaire_int_dep_11_0101{ 
			border:none; 
			width:534px;
			background: url(../images/homme_bg.jpg);
			background-repeat:no-repeat;
			background-position:108px 100px; 
			}
#formulaire-integre.corps-formulaire_int_dsim{ 
			border:none; 
			width:534px;
			/*background: url(../images/couple_buste_bg.jpg);*/
			background-repeat:no-repeat;
			background-position:395px 262px; 
			}
#formulaire-integre .titre1 { font:bold 12px Arial, Helvetica, sans-serif ; color:#FF0000; text-align:center; }
#formulaire-integre .titre2 { font:bold 12px Arial, Helvetica, sans-serif ; color:#FF0000; text-align:center;}
#formulaire-integre .titre-champ-obligatoire {font:bold 12px Arial, Helvetica, sans-serif;color:#FF0000; display:none;}
/*.petit-texte-confirmation {font:bold 12px Arial, Helvetica, sans-serif;color:#FF0000;}	*/			
/*--------------------- zone géographique  --------------------*/ 
#formulaire-integre div.zone-geographique div.texte-zone-geographique{ width:180px; }
#formulaire-integre div.zone-geographique{ float:left; padding-left:10px; text-align:justify;}
#formulaire-integre div.zone-geographique div.box-zone-geographique{
			float:right;
			width: 320px;
			text-align: justify;
			display: block;
			margin-left:10px;
			} 
 
#formulaire-integre  div.zone-geographique-1 p{margin-left:10px; background:none !important; }
 
 /* les champs du formulaire : bordure,couleur,etc... */
 /* p, input et select et bouton 
 
#formulaire-integre .corps-formulaire p {font:bold 11px Arial, Helvetica, sans-serif; color:#0066cc; width:512px;  }

#formulaire-integre .corps-formulaire p input {
			 color:#0066cc;
			 font:normal 12px Arial, Helvetica, sans-serif;
			 width:141px;
			 padding-left:3px;
			 }
#formulaire-integre .corps-formulaire p select {
			
			 width:146px; 
			 color:#0066cc; 
			 font:normal 11px Arial, Helvetica, sans-serif;
			 height:auto;
			 }*/
#formulaire-integre .corps-formulaire p,
#formulaire-integre .corps-formulaire label { font:bold 11px Arial, Helvetica, sans-serif; color:#0066CC;height:auto; font-size:12px;margin-bottom:5px; padding:0 8px 1px 8px; display:block; text-align:left;}
*:first-child+html #formulaire-integre .corps-formulaire p,
*:first-child+html #formulaire-integre .corps-formulaire label  { padding-bottom:2px;}
 
 
 formulaire-integre .corps-formulaire p span,
#formulaire-integre .corps-formulaire label span{ vertical-align:top;}
 
#formulaire-integre .corps-formulaire p span.label_form,
#formulaire-integre .corps-formulaire label span.label_form{font-size:12px; display: inline-block; width:225px; margin-left:25px; color:#0066CC;text-align:left;} 

#formulaire-integre .corps-formulaire p input,
#formulaire-integre .corps-formulaire p select,
#formulaire-integre .corps-formulaire label input,
#formulaire-integre .corps-formulaire label select {
 		width:141px; font:normal 11px Arial, Helvetica, sans-serif;
		color: #318ce7;
		border: solid 1px #015AB8; margin:0; padding:0;
		}
		
#formulaire-integre .corps-formulaire p .cadre_erreur_nom { margin-right: 2px;}
#formulaire-integre .corps-formulaire p .cadre_erreur_nom input,
#formulaire-integre .corps-formulaire p .cadre_erreur_prenom input { width: 68px; }

#formulaire-integre .corps-formulaire p .cadre_erreur_jour,
#formulaire-integre .corps-formulaire p .cadre_erreur_mois {margin-right:2px;}

#formulaire-integre .corps-formulaire p .cadre_erreur_jour input{width:17px;}
#formulaire-integre .corps-formulaire p .cadre_erreur_mois input {width:19px;}
#formulaire-integre .corps-formulaire p .cadre_erreur_annee input {width:35px;}
		
		
#formulaire-integre .corps-formulaire p select,
#formulaire-integre .corps-formulaire label select { width:143px; }
#formulaire-integre .corps-formulaire p span.radio_civilite input{ width:auto; border:none;}
*:first-child+html #formulaire-integre .corps-formulaire label input{ /*height:17px; */margin-top:-1px; margin-bottom:-1px;}
*html #formulaire-integre .corps-formulaire label input{ /*height:17px; */margin-top:-1px; margin-bottom:-1px;}


#formulaire-integre .corps-formulaire div.trait-bleu{			
			margin:5px 3px 5px 3px;
			border-bottom:1px solid #FFF;
			clear:both;
			}
/*-----------------modif couleur select et input----------------*/
/*#formulaire-integre div#zone-formulaire div.corps-formulaire div.left-column p.texte-associe-champ span.texte-associe-champ span input{border:none;}
#formulaire-integre p.texte-associe-champ span.texte-associe-champ span input{border:none; margin:0px;}   
#formulaire-integre p input{ border:1px solid; border-color:#0066cc;}
#formulaire-integre p select{ border:1px solid;border-color:#0066cc; }*/

/*--------------- style du text &euro; + telephone ect... ----------------*/
#formulaire-integre  span.euro {color:#0066cc; display:inline-block;}

/* --------------------les textes generales avec champ ------------------*/
#formulaire-integre div.texte-general-champ { 
			font:bold 10px Arial, Helvetica, sans-serif; 
			color:#0066cc;
			text-align:center;
			margin-left:23px;			
			}
	
/*--------------------- bouton valider -----------------*/
#formulaire-integre .corps-formulaire div.btn input{
			background:url(../images/valider_marine.gif);
			background-position:top left;
			background-repeat:no-repeat;
			width:143px;
			height:28px;
			border:none;
			color:#FFF;
			font:bold 12px  Arial, Helvetica, sans-serif;
			cursor:pointer;
			}

/*--------------------- erreurs -----------------*/

#formulaire-integre .corps-formulaire p span.cadre_erreur,
#formulaire-integre .corps-formulaire label span.cadre_erreur{display:inline-block; /*border:1px solid #FF0000;border:none;*/ width:143px;/* height:19px; */margin:0; padding:0;  }

#formulaire-integre .erreurG{ 
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#ee1b22;
			margin-left:10px;
			}
#formulaire-integre .erreur{ 
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#ee1b22;
			margin-left:250px;
			}
#formulaire-integre .corps-formulaire .erreurG_cadre_fixe{ display:block; height:30px; border:none;}

/*-------------- bas du formulaire----------------------*/
/*#zone-formulaire .bas-formulaire{
			background:url(../images/form-interne-bas.jpg);
			height:7px;
			margin-bottom:10px;
			}*/
#formulaire-integre div.bas-formulaire{ background-image:url(../images/form_dep_bas.jpg); background-repeat:no-repeat; height:9px; width:534px; font-size:1px;}
								 
/* bas formulaire image cnil + texte */
/*#formulaire-integre .texte-support{ 
			clear:both;
			font-weight: normal;
			font-size:10px;
			text-transform:none;
			color:#FFFFFF;
			padding-right:3px;
			background:url(../images/logo_cnil2.jpg);
			background-position:8px center;
			background-repeat:no-repeat;
			
			padding: 0 10px 5px 73px;
			}*/
#formulaire-integre .texte-support div { margin-left:40px;}
#formulaire-integre .texte-support a {color:#ffffff; font-weight:bold;}
	
.page-confirmation h2{
			color:#0066cc; 
			background:none; 
			text-decoration:none; 
			border:none;
			font-size:14px; 
			font-weight:bold;
			margin-left:10px;
			margin-right:10px; 
			}

/*------- Dsim mini2 -------------form_inclu-------------
#formulaire-inclu .left-column select, #formulaire-inclu .left-column input{background-color: #cccccc;}
#formulaire-inclu .corps-formulaire div.special-radio-checkbox span {margin-right:165px; font:bold 11px Arial, Helvetica, sans-serif;}
#formulaire-inclu .erreur{ 
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#ee1b22;
			margin-left:250px;
			}

#formulaire-inclu .erreurG{ 
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#ee1b22;
			margin-left:10px;
			}			
div.texte_acc {
			margin-top:0;
}*/

/*#formulaire-inclu .titre-formulaire1 div { font-size:13px;}*/




/* cnil box */
#formulaire-integre p.cnil_box{ height: auto; background:none !important; margin:0 0 0 10px; padding:0;  }
#formulaire-integre .corps-formulaire p span.txt_cnil{width:510px; margin-bottom:2px; color:#FFFFFF;}
#formulaire-integre .corps-formulaire p span.txt_cnil a{color:#FFFFFF; font-weight:bold;}
#formulaire-integre .corps-formulaire p span.txt_cnil a:hover{font-weight:bold;color:#EE1A21;}


#formulaire-integre .hauteur_ligne_fixe{ height:23px; width:5px;}
/*------------------------------- pour DEP METIER -------------------------*/

.bande-coregistration{ width:506px;height:auto; background:url(../images/fond_blanc_GM.gif) no-repeat; margin:20px 0 0 13px;font:normal 11px Arial, Helvetica, sans-serif; float:left; }
* html .bande-coregistration{ margin:20px 0 0 7px;}
      	.bande-coregistration div{ display:inline-block;  text-align:justify; margin:7px 0 0 0px;/**/}
		.bande-coregistration .img_co_reg{ width:72px; float:left; margin-right:7px; margin-left:7px;}
* html .bande-coregistration .img_co_reg{ margin-right:4px; margin-left:4px;}

		.bande-coregistration .txt_co-reg{ width:406px;line-height:12px; float:left; }
		.bande-coregistration .radio_reg{display:inline-block;padding-top:1px;margin-top:9px; padding-right:2px;}
		.bande-coregistration .txt_co-reg input{ }
		.txt-rouge{color:#EE1A21;}
		.bande-coregistration span.btn_radio_metier{ display:inline-block; margin:0; margin-top:-2px;}
		*:first-child+html .bande-coregistration span.btn_radio_metier{display:inline-block;margin:0; margin-top:1px; line-height:normal;}
		*:first-child+html .bande-coregistration .txt_co-reg input{ margin-top:-2px;}
		.bas_bande_blanche{ background:url(../images/fond_blanc_GM.gif) no-repeat bottom; height:7px;width:506px; font-size:1px; position:relative; margin:0; padding:0; /*vertical-align:bottom;*/ line-height:1px; margin:0px 0 0 13px; clear:both; }
		* html .bas_bande_blanche{ margin:0px 0 0 7px; float:left; }

#formulaire-integre .corps-formulaire div.btn_metier input{ font:bold 12px Arial, Helvetica, sans-serif; }
