body
{
margin : 0;
vertical-align : top;
font-family : arial, helvetica, sans-serif;
background-image : url('images/bg-degrade.png');
background-repeat :  repeat-x;
background-position : left top;
}

/*les entetes*/

	div.entete
	{
	position : relative;
	height : 75px;
	}
		div.logoRegionDefault /*page Default*/
		{
		position : absolute;
		left : 0;
		top : 0;
		margin: 1% 0 0 1%;
		width : 10%;
		}
		div.enteteGauche /*commun pages Declaration1,2,3, Recapitulatif, Confirmation*/
		{
		position : absolute;
		top : 10px;
		left : 5px;
		width :300px;
		height : 70px;
		font-weight : bold;
		font-family : Arial, Helvetica, sans-serif;
		color : #003399;
		font-size : 15px;
		text-align : center;
		display : block;
		}
		div.enteteDroite /*commun pages Declaration1,2,3, Recapitulatif, Confirmation*/
		{				
		right : 0;
		top : 0;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 70px;
		text-align: left;
		margin-left:70px;
		top: 0;
		}
		div.logo /*commun pages Declaration1,2,3, Recapitulatif, Confirmation*/
		{		
		position : absolute;
		right : 0;
		top : 0;
		height: 70px;
		background-image: url('images/bg-logo.gif');
		background-repeat: no-repeat;
		width: 598px;
		}		

/*page Default*/

		table.pageDefault
		{
		width: 800px;
		height : 300px;
		margin : 15% auto 0 auto;
		text-align: left;
		vertical-align : top;
		}
				div.caseTitreDefault
				{
				float : right;
				/*text-align: right; */
				font-size: 1.3em;
				color: #37418a;
				}
				#labelRegion
				{
				margin : 0 340px 0 0;
				}
				td.caseDateDefault{
				color: #003399;	
				text-align : right;
				}
				div.caseRequeteDefault{
				text-align : right;
				color: #003399;				
				font-size: 15px;
				}				
						#txtUtilisateur,
						#txtLogin
						{
						Width : 90px;
						}
				#boutonConnection
				{
				float : right;					
				cursor : pointer;
				width: 100px;
				height: 25px;
				font-family: verdana,helvetica,arial,sans-serif;
				font-weight: bold;
				background-color: #37418a;
				text-align: center;
				color: #ffffff;
				}
				#Image2default
				{
				margin : 0 48px 0 0;
				}
				#labelAuthentification
				{
				float : right;
				Font-Size : 12px;
				color : #CC0000;
				font-weight : bold;
				}
				img.petiteImage
				{
				width : 13px;
				height: 14px;
				}
				td.caseDefault
				{
				text-align: right; 
				font-size: 12px; 
				color: #003399;
				}
				
/*Declaration1,2,3 et Recapitulatif*/

		table.page
		{
		vertical-align : top;
		}
	
			/*menu de gauche*/
	
			td.coteGauche
			{	
			vertical-align : top;
			padding : 0;
			min-width : 120px;
			}
				ul#menu
				{
				list-style-type : none;
				margin : 60px 0 0 0;		
				padding : 0;
				}
				ul#menu a
				{
				display : block;
				height : 20px;
				font-family: verdana, arial , helvetica, sans-serif;
				font-size: 80%;
				font-weight: bold;
				background-color: #37418a;
				text-align: center;
				color: #ffffff;
				text-decoration: none;
				}
				ul#menu a:link, ul#menu a:visited{
				border-top: 1px solid #cecece;
				border-bottom: 2px solid #4a4a4a;
				border-left: 1px solid #cecece;
				border-right: 2px solid #4a4a4a;
				}
				ul#menu a:hover{
				border-bottom: 1px solid #cecece;
				border-top: 2px solid #4a4a4a;
				border-right: 1px solid #cecece;
				border-left: 2px solid #4a4a4a;
				}
				
			/*formulaire*/
			
			td.corps 
			{
			vertical-align: top;
			width : 100%;
			}		
				div.debut
				{
				font-family : arial, geneva, helvetica, sans-serif;
				color : #003399;
				font-weight : bold;
				border-bottom : 1px solid #003399;				
				text-align : left;
				font-size : 17px;
				}   
				ul#tabPage
				{
				font-family : verdana, arial, helvetica, sans-serif;
				list-style-type : none;
				font-weight : bolder;
				margin : 0 0 0 0;
				}
					ul#tabPage li{
					float : right;
					width : 10%;
					font-size : 12px;
					text-align : center;
					color : #BDC8DB;
					}
					ul#tabPage li.active{
					color : #003399;
					}				
				div.form
				{
				width : 870px;
				padding-top : 10px;
				}								
					table.paragraphe
					{
					display : inline;
					}		
						tr.ligne
						{
						text-align: left;
						font-size: 79%;
						}					
							div.titre{
							font-family : arial, geneva, helvetica, sans-serif;
							color : #0066CC;
							font-weight : bold;
							}
							td.soustitre{
							font-style: italic;
							font-size : 14px;
							height: 1%;
							padding-left : 15px;
							}
							td.case
							{
							width : 25%;
							text-align : left;
							vertical-align : top;
							font-size : 12px;
							}
								div.case
								{
								margin-left : 15px;
								}
							.txtRouge
							{
							background-color : Red;
							}
							#txtCodeInterne,
							#txtCodeInterneRecapitulatif
							{
							width : 80px;
							background-color : #BDC8DB;
							}
							#txtRaisonSociale,		
							#txtAdresse1,
							#txtAdresse2,	
							#txtCouriel,							
							#TxtRaisonSocialeRecapitulatif,
							#TxtAdresseRecapitulatif,
							#TxtAdresse2Recapitulatif,
							#TxtAdresseCourrielRecapitulatif		
							{
							Width : 400px;
							}
							#txtNumeroSiret,
							#TxtSiretRecapitulatif
							{
							Width : 100px;
							}
							#txtCodeNACE,									
							#TxtNACERecapitulatif
							{
							Width : 40px;
							}
							#txtCodePostal,								
							#TxtCodePostalRecapitulatif
							{
							Width : 40px;
							}
							#boutonCodePostal{
							cursor : pointer;
							Height : 21px;
							Width : 85px; 
							font-family: verdana,helvetica,arial,sans-serif;
							font-size : 0.8em;
							background-color : #37418a;
							text-align : center;
							color : #ffffff;
							text-decoration : none;
							}
							#listeVilles{
							position : fixed;
							width : 207px;
							margin-left : 198px;
							background-color : #FFFFEE;
							
							}
							#txtVille
							{
							width : 203px;
							}		
							#txtTelephone,
							#TxtTelephoneRecapitulatif
							{
							Width : 130px;
							}
							#exempleTelephone,
							#exemleFax
							{
							font-size : 85%;
							margin-left : 70px;
							}
							#txtFax,
							#TxtFaxRecapitulatif
							{
							Width : 130px;
							}	
							#txtAnneeCreation,					
							#TxtAnneeCreationRecapitulatif
							{
							Width : 40px;
							}
									
				/*Declaration2*/
								
				td.caseRemplirDeclaration2
				{
				width : 140px;
				}
					#txtNationalCDDCDI,
					#txtCDICDDHomme,
					#txtCDICDDFemme,
					#txtCDDHomme,
					#txtCDDFemme,
					#txtSeuil10Salaries,					
					#txtSeuil20Salaries,
					#TxtNationnalCDDCDIRecapitulatif,
					#TxtCDICDDHommeRecapitulatif,
					#TxtCDICDDFemmeRecapitulatif,
					#TxtCDDHommeRecapitulatif,
					#TxtCDDFemmeRecapitulatif,
					#TxtSeuil10SalariesRecapitulatif,
					#Txtseuil20SalariesRecapitulatif
					{
					Width : 40px;
					}
				td.checkBox
				{
				padding-left : 10px;
				text-align : left;
				font-family : arial, helvetica, sans-serif;
				font-size : 12px;
				}										
					#SpanFusionAbsorption,
					#SpanAutreFONGECIF,
					#SpanAutreOPACIF
					{
					visibility: hidden;
					}
						#spanExFusionAbsorption{
						visibility : hidden;
						position : absolute;
						font-size : 85%;
						margin : 21px 0 0 -80px;
						}
						#txtDateFusionAbsorption
						{
						width : 90px;
						}
						#LabelFusionAbsorption2
						{
						margin-left : 5px;
						}
						#TxtNumeroSIREN
						{
						Width : 100px;
						}
						#LabelErreurFusionAbsorption
						{
						position : absolute;
						}
						#DropDownListAutreFONGECIF
						{
						Width : 240px;
						}
						
				span.checkBoxDroite{
				font-size : 12px;
				}
				
					#SpanCessationLiquidationRedressement
					{
					Width : 90px;
					visibility : hidden; 
					width : 400px; 
					position : absolute; 
					margin : 20px 0 0 -158px;
					}
						#iExempleCessationLiquidationRedressement
						{
						font-size: 85%; 
						position : absolute; 
						font-size : 85%; 
						margin : 21px 0 0 -80px;
						}		
				
				/*Declaration3*/
				
				#PanelBTPDeclaration3
				{
				position : absolute;
				width : 200px;
				height : 100px;					
				margin : -10px 0 0 660px;				
				border-style: dashed; 
				border-color: red;
				padding : 0 0.2%;			
				font-size : 13px;
				font-family : arial, helvetica, sans-serif;
				font-weight : bolder;				
				}				
				div.caseDeclaration3
				{
				padding-left : 15px;
				width : 300px;
				}
				div.caseRemplirDeclaration3
				{
				padding-left : 15px;
				}
					div.divEtoileDeclaration3
					{
					float : left;
					margin : 0 3px 0 3px;
					}
					div.divLabelErreurDeclaration3
					{
					float : left;
					}
					.divLabelErreurSansBTPDeclaration3
					{
					position : absolute;
					width : 400px;
					}
					.divLabelErreurBTPDeclaration3
					{
					position : absolute;
					width : 210px;
					}
					#txtMasseSalarialeBruteCDDCDI,					
					#txtMasseSalarialebruteCDD,
					#TxtMasseSalarialeBruteCDDCDIRecapitulatif,
					#TxtMasseSalarialeBruteCDDRecapitulatif
					{
					float : left;
					Width : 100px;
					}
					
				/*Recapitulatif(une partie se trouve dans les styles des pages declaration))*/
					
				div.formulaireRecapitulatif
				{ 
				width : 508px;
				overflow : auto;
				border-width : 1pt;
				border-style : solid;
				font-size : 12px;
				}
					div.caseGaucheRecapitulatif
					{
					font-size : 12px;
					}
					div.caseMilieuRecapitulatif
					{
					float : left;
					}
						#TxtVilleRecapitulatif
						{
						Width : 270px;
						}
						.tdrecapitulatifMotifNonVersement1
						{
						vertical-align : top;
						}
						.tdrecapitulatifMotifNonVersement2
						{
						padding : 0 0 0 5px;
						}
						#panelMotifNonVersementRecapitulatif1
						{
						float : left;
						}						
						#panelMotifNonVersementRecapitulatif2
						{
						float : right;
						width : 340px;
						}		
					div.caseDroiteRecapitulatif
					{
					float : right;
					}						
				div.divTotalRecapitulatif
				{
				width : 380px;
				margin : -250px 0 0 509px;
				font-size : 13px;
				}
					table.tableTotalRecapitulatif
					{
					    margin-left:10px;
					border: thick double #000000; 
					font-weight : bolder; 
					text-align : right;	
					}
						#TxtContributionCIFRecapitulatif,
						#TxtTauxContributionCIFRecapitulatif,
						#TxtContributionCIFCDDRecapitulatif,
						#txtTauxCIF
						{
						text-align : right;
						Width : 80px;
						margin-right : 3px;
						}
						#TxtContributiontotalRecapitulatif
						{				
						text-align : right;
						Width : 80px; 					
						}																	
						#totalContributionRecapitulatif
						{
						border : medium dashed #FF0000;
						}
				#pModifierRecapitulatif
				{
				width : 840px;
				margin : 149px 0 0 0;
				font-size : 15px; 
				}
					#boutonModifierRecapitulatif
					{
					font-weight : bolder; 
					font-size : 15px; 
					color : #37418a;
					}
				#PanelModeReglement
				{
				width : 840px;
				padding : 0 0 0 0;
				}
					div.debutRecapitulatif
					{
					float : left;
					font-family : arial, geneva, helvetica, sans-serif;
					color : #003399;
					font-weight : bold;
					border-bottom : 1px solid #003399;				
					}
					div.checkBoxRecapitulatif
					{
					width : 200px;
					margin : 5px 0 0 5%;
					font-size : 12px;
					}
					div.checkBoxLabelRecapitulatif
					{
					width : 450px;
					height : 5%;
					margin-left : 5.5%;
					color : #A60000;
					font-size : 15px;
					}
					
			/*confirmation*/			
				td.corpsConfirmation
				{
				vertical-align: top;
				width : 100%;
				padding : 0 0 0 60px;
				}
				div.divLigneConfirmation
				{
				margin: 1% 0 0 0;
				font-family : arial, geneva, helvetica, sans-serif;
				font-size : 12px;
				}
				#labelLigne2
				{
				font-size : 12px;
				}
				#panelModeReglement
				{
				margin: 5% 0 0 0;
				font-family : arial, geneva, helvetica, sans-serif;
				font-size : 12px;
				}			
					table.virementConfirmation
					{
					margin : 15px 20px;
					font-family : arial, geneva, helvetica, sans-serif;
					font-size : 12px;
   width: 565px;
}
						#labelLibelleVirement
						{
						margin: 0 0 0 20px;
						}
						td.caseConfirmation
						{
						text-align : right;
						text-decoration : underline;
						}
						td.RIBConfirmation
						{
						text-align : left;
						}
					div.adresseConfirmation
					{
					width : 200px;
					margin-left : 555px;
					font-size : 15px;
					text-align: center; 
					height: 120px;
					}										
				
				/*menu navigation*/

				div.menuNavigation
				{
				width : 68%;
				height : 28px;
				margin-left : 25%;
				}		
					#boutonPrecedentDeclaration1
					{		
					float : left;	
					width : 22.5%;
					height : 100%;
					font-family : verdana,helvetica,arial,sans-serif;
					font-size : 80%;
					font-weight : bold;
					background-color : #999999;
					text-align : center;
					color : #ffffff;
					text-decoration : none;
					} 
					#boutonSuivantDeclaration1, 
					#boutonPrecedentDeclaration2, 
					#boutonSuivantDeclaration2,
					#boutonPrecedentDeclaration3, 
					#boutonSuivantDeclaration3
					{
					float : left;			
					width : 22.5%;
					height : 100%;
					font-family : verdana,helvetica,arial,sans-serif;
					font-size : 80%;
					font-weight: bold;
					background-color: #37418a;
					text-align: center;
					color: #ffffff;
					text-decoration: none;	
					cursor : pointer;		
					}					
					#boutonValidation
					{
					float : right;
					height : 100%;						
					margin : 0 0 0 40%;
					background-color : #37418a;
					text-align : center;	
					font-family : verdana,helvetica,arial,sans-serif;
					font-weight : bold;			
					color : #ffffff;			
					cursor : pointer; 
					}
					#boutonFermerSession
					{
					float : right;
					margin : 20px 10px 0 0;
					height : 30px;
					background-color : #37418a;
					text-align : center;
					font-family : verdana,helvetica,arial,sans-serif;
					font-weight : bold;			
					color : #ffffff;			
					cursor : pointer;
					}
			/*Popup*/					
			div.tooltipPopup{
			position : absolute;
			right : 0;
			bottom : 0;
			width : 500px;
			padding : 3px 3px 3px 3px;
			background-color : #ffffee;
			color : black;
			border-top : 1px solid #999999;
			border-right : 2px solid #666666;
			border-bottom : 2px solid #666666;
			border-left : 1px solid #666666;
			line-height : 1.3;
			white-space : normal;
			font-weight : normal;
			text-align : justify;
			font-size : 9pt;
			visibility : hidden;
			}