/**
 * 
 * @version $Revision $
 * @cvs $id $
 */
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS GENERALES
 ***********************************************************************************************************/
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #000000;	
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

h1{

}

h2{

}

h3{

}

h4{

}

p {

}

img {
	border: 0px;
}

a:link {		
	color: #1BBA92; 
	text-decoration: underline;
}

a:visited {		
	color: #1BBA92; 
	text-decoration: underline;
}

a:hover {		
	color: #1BBA92; 
	text-decoration: none;
}

a:active{		
	color: #1BBA92; 
	text-decoration: underline;
}


table {
	border-collapse: collapse;
}

input{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000000;
}

textarea {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
	background-color:#FFFFFF;
	padding-left: 2px;
	height: 100px;
	border-top: 1px solid #868687;
	border-right: 1px solid #F2F3F5;
	border-bottom: 1px solid #F2F3F5;
	border-left: 1px solid #868687;

}

select {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	color: #000000;
	background-color:#FFFFFF;
	border-top: 1px solid #868687;
	border-right: 1px solid #F2F3F5;
	border-bottom: 1px solid #F2F3F5;
	border-left: 1px solid #868687;

}

label{
	position: relative;
	top: -3px;
	text-align: right;
	margin-right: 5px;
}

ul{
}

li{
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS ELEMENTS DIVERS
 ***********************************************************************************************************/
label.block{
	position: relative;
	top: 4px;
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	vertical-align: bottom;
	margin-right: 5px;
}

span.fakeInput{
	display: block;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
}

span.dateSelector{
	background-image: url(../images/img.php?file=icons/calendar.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
}

.trigger{
    cursor: pointer;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS EXPANDABLE BUTTON
 ***********************************************************************************************************/
button.expandableButton, 
button.expandableInputButton,
button.expandableButtonOn, 
button.expandableInputButtonOn {
	border: 0px solid; 
	cursor: pointer; 
	margin-left: 2px; margin-right: 2px;
	padding: 0px; padding-right: 4px;
	background-color: #FFFFFF;
	background : url(../images/boutons/resizableButtonRightOff.gif) right no-repeat;
	overflow: visible;
}

button.expandableButtonOn, 
button.expandableInputButtonOn {
	background : url(../images/boutons/resizableButtonRightOn.gif) right no-repeat;
}

button.expandableInputButton,
button.expandableInputButtonOn{
	width: 91px;
}

button.expandableButton span, 
button.expandableInputButton span,
button.expandableButtonOn span, 
button.expandableInputButtonOn span  {
	display: block; 
	padding: 0px; padding-left: 3px; padding-right: 2px; padding-bottom: 1px;
	height: 28px; line-height: 28px;
	background : url(../images/boutons/resizableButtonLeftOff.gif) left no-repeat;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #909795;
}

button.expandableButtonOn span, 
button.expandableInputButtonOn span {
	background : url(../images/boutons/resizableButtonLeftOn.gif) left no-repeat;
	color: #1BBA92;
}

button.expandableButton span img,  
button.expandableInputButton span img,
button.expandableButtonOn span img,  
button.expandableInputButtonOn span img {
	margin: 0px; margin-right: 9px; margin-bottom: 2px;
	vertical-align: middle;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT.BUTTON
 ***********************************************************************************************************/
input.button, input.buttonOn {
	width: 81px; height: 28px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #909795;
	border: 0px solid;
	background-color: #FFFFFF;
	background-image : url(../images/boutons/smallButtonOff.gif);
	cursor: pointer;
	padding-bottom: 1px;
}

input.buttonOn {
	background-image : url(../images/boutons/smallButtonOn.gif);
	color: #1BBA92;
}

input.buttonAdd {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnAdd.gif);
}

input.buttonCancel {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnCancel.gif);
}

input.buttonDelete {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnDelete.gif);
}

input.buttonValidate {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnValidate.gif);
}

input.iconButton{
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	text-decoration: none;
}

input.iconButtonDelete{
	background-image : url(../images/img.php?file=icons/delete.gif);
}

input.iconButtonUpdate{
	background-image : url(../images/img.php?file=icons/pencil.png);
}

input.file {
	height: 17px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	border: 1px inset;
	color: #666666;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT
 ***********************************************************************************************************/
input.text, input.tinyText, input.tinytinyText, input.shortText, input.middleText, input.mediumText, input.longText, input.longlongText, input.wideText, span.fakeInput {
	height: 17px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000000;
	margin-bottom: 3px;
	padding-top: 2px; padding-left: 2px;
	background-color:#FFFFFF;

	border-top: 1px solid #868687;
	border-right: 1px solid #F2F3F5;
	border-bottom: 1px solid #F2F3F5;
	border-left: 1px solid #868687;

}

input.tinytinyText, textarea.tinytinyText, select.tinytinyText, span.tinytinyText {
	width: 35px;
}

input.tinyText, textarea.tinyText, select.tinyText, span.tinyText {
	width: 75px;
}

input.shortText, textarea.shortText, select.shortText, span.shortText {
	width: 150px;
}

input.middleText, textarea.middleText, select.middleText, span.middleText {
	width: 200px;
}

input.mediumText, textarea.mediumText, select.mediumText, span.mediumText {
	width: 200px;
}

input.longText, textarea.longText, select.longText, span.longText {
	width: 250px;
}

input.longlongText, textarea.longlongText, select.longlongText, span.longlongText {
	width: 350px;
}

input.wideText, textarea.wideText, select.wideText, span.wideText {
	width: 500px;
}

input.error, textarea.error, select.error, span.error  {
	background-color: #FFA500;
}

input.disabled, span.disabled{
	background-color: #EFEEE8;
}

select.shortText, select.middleText, select.longText{
	font-size: 12px;
}

img.iconInput{
	position: relative;
	top: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES ELEMENTS STRUCTURANTS L'INTERFACE
 ***********************************************************************************************************/
div#main{
	width: 990px;
	position: relative;
	padding: 0px;
	margin: 0px; margin-right: auto; margin-left: auto;
	overflow: visible;
}

div#header{
	height: 83px; width:990px;
	background-image:url(../images/design/header.jpg); background-position:top; background-repeat:no-repeat;
}

div#menuBar{
	height: 70px; width:990px;
	z-index: 1000;
	background-color: #E9F1F1; background-image:url(../images/design/menuBackground.jpg); background-position: left top; background-repeat:no-repeat;
}

div#menuBar div.menu{
	height:50px; width: 790px;
	margin-left: 200px;
	padding-top: 1px; /* Les éléments de menu ne prennent pas en compte la ligne grise de 1px sous le bandeau*/
}

table#mainContent {
	width:990px;
	background-color: #F8F8F9;
}

td#mainContentLeft{
	width: 105px; 
	background-color: #B8DFF6; background-image:url(../images/design/mainContentLeftBackground.gif); background-position: bottom; background-repeat: no-repeat;
}

td#mainContentCenter{
	width: 626px; 
	background-color: #FBFAE9;
}

td#mainContentRight{
	width: 259px; 
	background-color: #B8DFF6;
}

div#page{
	padding :0px;
	margin :0px;
}

div#itemsRail{
	height: 32px;
	padding: 0px;
	margin: 0px;
	background-color: #CEF5EB; background-image:url(../images/design/itemRailsBackground.gif); background-position: right top; background-repeat:no-repeat;
}

div#itemsRail img.bullet{

}

div#itemsRail a.railItem{
	font-weight: bold; font-size: 13px; color: #000000;
	text-decoration: underline;
}

div#itemsRail a.railItemAlone{
	font-weight: bold; font-size: 13px; color: #000000;
	text-decoration: none;
}

div#itemsRail span.railItem{
	font-weight: bold; font-size: 13px; color: #000000;
}

div#itemsRail span.railItemAlone{
	font-weight: bold; font-size: 13px; color: #000000;
}

div#itemsRail span#railItemLast{

}

div#itemsRail span.railItemFirstLetter{

}

h2#pageTitle{

}

div#footer{
	position: relative;
	height: 38px;
	background-color:#DFDFDE;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES ELEMENTS D'INTERFACE
 ***********************************************************************************************************/

a#homePageTrigger{
	display: block; width: 160px; height: 100px; 
	position: absolute; top: 20px; left: 30px; 
	text-decoration: none;
}

div#header div.animation{
	margin-left: 200px;
}

div#page div.pageContent{
	padding: 0px;
	margin: 15px; margin-left: 45px;
}

div#footer a#altairSignature{
	display: block;
	position: absolute; top: 15px;
	width: 200px;
	padding: 0px;
	text-align: center;
	color: #999796;
}

div#footer div#societeAdresse{
	width: 790px; height: 17px;
	text-align: center;
	margin: 0px; margin-left: 200px;
	padding-top: 2px;

}

div#footer div#societeAdresse, div#footer div#societeAdresse a{
	font-size: 12px; color: #347296; font-weight: bold;
}

div#footer div#links{
	background-color:#DFDFDE;
	width: 790px; height: 17px;
	text-align: center;
	margin: 0px; margin-left: 200px;
	padding-top: 2px;
	color: #635F5F;
	
}

div#footer div#links a {
	color: #635F5F; font-weight: normal; font-size: 11px;
}

/*------------------------------------------ BOUTON -----------------------------------------------------------------*/
a.linkButton{
	display: block;
	width: 162px; height: 28px; padding-top: 8px;
	text-align: center; text-decoration: none;		
	background: url(../images/boutons/wideButtonEmptyOff.jpg);
}

a.linkButton span{
	font-size:12px; font-weight:bold;
	color:#FFFFFF;
}
	
a.linkButton:hover{
	height: 28px; padding-top: 8px;
	background:url(../images/boutons/wideButtonEmptyOn.jpg);
}

a.linkButton:hover span{
	color:#FE7700;
}

a.linkButton img{
	position: relative; top :-6px;
}
/*------------------------------------------ MASCOTTES -----------------------------------------------------------------*/
img#mascotte{
	position: absolute;
	top: 221px; left: 0px;
	border: 0px;
	margin: 0px; padding: 0px;
}

/*------------------------------------------ LECLAP FNAGA  -----------------------------------------------------------------*/
a.presentationAGAOTrigger{ 
	text-decoration: none;		
}

a.presentationAGAOTrigger span{
	padding: 0px;
	font-size:12px; font-weight:bold; color:#347296;
}
	
a.presentationAGAOTrigger:hover{
}

a.presentationAGAOTrigger:hover span{
	color:#1BBA92;
}
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LE PLAN DU SITE
 ***********************************************************************************************************/
 
ul#sitemap{
	margin-left: 20px;
}

li#sitemapItem_menuAccueil a{
	color: #8B8787;
}

li#sitemapItem_menuPresentation a{
	color: #1BBA92;
}

li#sitemapItem_menuServices a{
	color: #F7C242;
}

li#sitemapItem_menuAdhesion a{
	color: #45A4D1;
}

li#sitemapItem_menuEspaceAdherent a{
	color: #ED6B3A;
}

li#sitemapItem_menuContactezNous a{
	color: #8B8787;
}

li#sitemapItem_menuPlanDuSite a{
	color: #8B8787;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LA COLONNE GAUCHE
 ***********************************************************************************************************/

td#mainContentLeft div#leftColumn{
	height: 520px; width: 105px; /* la hauteur évite à l'image de fond d'être coupée par l'image de fond de ce block*/
	overflow: visible;
	background-image:url(../images/design/leftColumnBackground.gif); background-position: left top; background-repeat: no-repeat;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LA COLONNE DROITE
 ***********************************************************************************************************/
td#mainContentRight div#rightColumn {
	width: 259px;
}

div#rightColumn div.cadreVert{
	width: 221px;
	margin-top: 10px; margin-right: auto; margin-left: auto;
	padding-bottom: 14px;
	background-image:url(../images/design/cadreVertHeaderBackground.gif); background-position: left top; background-repeat: no-repeat;
}

div#rightColumn div.cadreVert h3{
	margin: 0px; margin-bottom: 5px;
	padding-left: 43px; padding-top: 7px;
	color: #FFFFFF; font-size: 12px;
}

div#rightColumn div.cadreVert div.content{
	margin: 0px; margin-top: 22px;
	padding: 0px; padding-left: 10px; padding-right: 10px;
	color: #000000;
	text-align: justify;
	background-image:url(../images/design/cadreVertContentBackground.gif); background-position: top; background-repeat: repeat-y;
}

div#rightColumn div.cadreVert div.content a {
	color: #FFFFFF;
}

div#rightColumn div.cadreVert div.content a.presentationAGAOTrigger span{
	color:#FFFFFF;
	background-image: url(../images/design/cadreBlancLiBullet_jaune.gif);
}

div#rightColumn div.cadreVert div.content a.presentationAGAOTrigger:hover span{
	color:#FFFFFF;
	background-image: url(../images/design/cadreBlancLiBullet_rouge.gif);
}

div#rightColumn div.cadreVert div.content ul{
	margin: 0px; margin-left: 20px;
	padding: 0px;
}

div#rightColumn div.cadreVert div.content ul li{
	padding: 0px;
}


div#rightColumn div.cadreVert div.footer{
	width: 221px; height: 14px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/design/cadreVertFooterBackground.gif); background-position: top; background-repeat: no-repeat;
}
/*------------------------------------------ -----------------------------------------------------------------*/

div#rightColumn div.cadreBlanc{
	width: 221px;
	margin-top: 10px; margin-right: auto; margin-left: auto;
	padding-bottom: 14px;
	background-image:url(../images/design/cadreBlancHeaderBackground.gif); background-position: left top; background-repeat: no-repeat;
	color: #1BBA92;
}

div#rightColumn div.cadreBlanc h3{
	margin: 0px; margin-bottom: 5px;
	padding: 0px; padding-left: 43px; padding-top: 7px;
	color: #1BBA92; font-size: 12px;
}

div#rightColumn div.cadreBlanc div.content{
	margin: 0px; margin-top: 15px;
	padding: 0px; padding-left: 10px; padding-right: 10px;
	color: #1BBA92;
	text-align: justify;
	background-image:url(../images/design/cadreBlancContentBackground.gif); background-position: top left; background-repeat: repeat-y;
}

div#rightColumn div.cadreVert div.content a {
	color: #1BBA92;
}

div#rightColumn div.cadreBlanc div.content ul{
	margin: 0px; margin-left: 10px;
	padding: 0px;
	list-style: none;
}

div#rightColumn div.cadreBlanc div.content ul li{
	list-style: none;
	padding: 0px; padding-bottom: 3px; padding-left: 20px;
	background-image: url(../images/design/cadreBlancLiBullet.gif); background-position: 0px 3px; background-repeat: no-repeat;
}

div#rightColumn div.cadreBlanc div.footer{
	width: 221px; height: 13px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/design/cadreBlancFooterBackground.gif); background-position: top; background-repeat: no-repeat;
}
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS INTERFACE 2035
 ***********************************************************************************************************/
 
a.etape2035{
	text-decoration: none;
} 
 
a.etape2035 span{
	font-weight: bold;
} 

a.etape2035:hover{
	text-decoration: underline;
}

div.interface2035{
	margin: 0px;
	padding: 0px;
} 

img.contentHelpTrigger{
	cursor: pointer;
} 

p.helpContent{
	display: none;
	padding: 5px;
	background-color: #FFFFE1;
	border: 1px solid;
	width: 300px;
	text-align: justify;
	z-index: 10000;
}

div.mask{
	display: none; 
	background-color: #D5D5D7; 
	position: absolute; 
	top: 0px; left: 0px; 
}

div#interfaceMask{
	z-index: 2500;
}

div#stickerMask{
	padding: 5px;
	z-index: 3100;
}

div#interfaceValidation{

}

div.interface2035 div.etapeNavigation{
	position: relative;
	height: 40px;
	text-align: center;
}

div.interface2035 div.etapeNavigation button.expandableButton,
div.interface2035 div.etapeNavigation button.expandableButtonOn{
	position: absolute;
	width: 150px;
}

div.interface2035 div.etapeNavigation button.etapeNavigationPrevious{
	position: absolute;
	left: 5px;
}

div.interface2035 div.etapeNavigation button.etapeNavigationNext{
	position: absolute;
	right: 5px;
}

div.interface2035 fieldset.interface2035{
	margin: 5px;
}

div.interface2035 fieldset.interface2035 legend{
	color:#ED6B3A; font-size: 15px; font-weight: bold;
	padding: 5px;
	height: 22px;
}

div.interface2035 form.interface2035Form{

}

div.interface2035 form.interface2035Form div.sticker,
div.sticker{
	position: absolute;
	top: 30px;
	display: none; 
	background-color: #FBFAE9;
	border: 1px outset;
	z-index: 3000;
	background-color: #F8E2AE;
	padding: 5px;
}

div#interfaceValidation{
	z-index: 3500;
}

div.interface2035 form.interface2035Form table{

}

div.interface2035 form.interface2035Form table tr{

}

div.interface2035 form.interface2035Form table tr.noLine td,
div.interface2035 form.interface2035Form table tr.noLine th{
	border-top: 0px dashed #D2D2D2;
}

div.interface2035 form.interface2035Form table td{
	border-top: 1px dashed #D2D2D2;
	padding: 5px;
}

div.interface2035 form.interface2035Form table td.noLine{
	border-top: 0px dashed #D2D2D2;
}
div.interface2035 form.interface2035Form table th.noLine{
	border-top: 0px dashed #D2D2D2;
}

div.interface2035 form.interface2035Form table td.leftCell{
	width: 175px;
	text-align: right;
	vertical-align: top;
}

div.interface2035 form.interface2035Form table.container{

}

div.interface2035 form.interface2035Form table.container td.container{
	padding: 0px;
	vertical-align: top;
	border: 0px solid;
}

div.interface2035 form.interface2035Form table.interfaceLayout{
	font-style: normal; 
	font-size: 12px;
}

div.interface2035 form.interface2035Form table.interfaceLayout th{
	text-align: center; vertical-align: top;
	font-weight: normal; 
	font-size: 11px;
	border: 1px solid #c0c0c0;
}

div.interface2035 form.interface2035Form table.interfaceLayout td{
	border: 1px solid #c0c0c0;
	vertical-align: middle;
}

div.interface2035 form.interface2035Form table.interfaceLayout tr.noLine td,
div.interface2035 form.interface2035Form table.interfaceLayout tr.noLine th{
	border: 0px solid #c0c0c0;
}

div.interface2035 form.interface2035Form table.interfaceLayout td.noLine{
	border: 0px solid #c0c0c0;
}

div.interface2035 form.interface2035Form table.interfaceLayout th.noLine{
	border: 0px solid #c0c0c0;
}

div.interface2035 form.interface2035Form label{
	display: block;
	width: 98%;
	padding: 0px; margin: 0px;
	top: 0px;	
	font-style: normal; font-size: 12px;
	text-align: right;
	margin-right: 0px;
	padding-top: 0.2em; 
}

div.interface2035 form.interface2035Form label.noCell{
	display: block;
	float: left; 
	width: 10em;
	margin-right: 1em;
	padding-top: 0.6em;   
	font-style: normal; font-size: 12px;
	top: -5px;
}

div.interface2035 form.interface2035Form label.noCell2{
	display: inline; 
	width: 10em;
	margin-right: 0.5em; margin-left: 0.5em;
	padding-top: 0.5em;   
	font-style: normal; font-size: 12px;
	top: 0px;
}

div.interface2035 form.interface2035Form .mediumText{
	width: 300px;
}

div.interface2035 form.interface2035Form span.notes{
	font-style: italic;
	font-size: 10px;
}

div.interface2035 form.interface2035Form  p.longueNotes,
 p.longueNotes{
	margin: 0px; padding: 5px; padding-left: 25px;
	background: url(../images/design/cadreBlancLiBullet_rouge.gif) 5px 8px no-repeat;
	background-color: #E9F1F1;
}

span.signedInteger, span.unsignedInteger, 
input.float, input.float52, 
input.integer, input.signedInteger, input.unsignedInteger,
input.pourcentSignedInt, input.pourcentUnsignedInt, input.pourcentFloat,
input.negativeInteger, input.negativeUnsignedInteger{
	text-align: right;
}

span.specialLetterBlack{
	padding: 1px; padding-left: 4px; padding-right: 4px; 
	border: 1px solid #000000; 
	color: #000000;
}

input.specialtinyText,
span.specialtinyText{
	width: 55px;
}

input.reported{
	background-color: #B8DFF6;
}

table.rapprochement span.dateSelector{
	width: 100px;
}

#fileQueue {
	width: 380px;
	height: 300px;
	overflow: auto;
	border: 1px dashed #D2D2D2;
	margin-bottom: 10px;
}

tr#filesList ul{
	margin: 0px; margin-left: 20px;
	padding: 0px;
}

tr#filesList ul li{
	text-align: left;
	list-style: none;
	padding: 0px; padding-bottom: 3px; padding-left: 20px;
	background-image: url(../images/design/cadreBlancLiBullet_rouge.gif); background-position: 0px 3px; background-repeat: no-repeat;
}

/* Directive spécifique à une interface*/

form#identificationDeclarantForm span.dateSelector{
	width: 100px;
}

div#interfaceImmobilisations input.tinyText,
div#interfaceImmobilisations span.fakeInput{
	width: 50px;
}

div#interfaceImmobilisations span.dateSelector{
	width: 100px;
}

div#interfacePlusmoinsvalues input.tinyText,
div#interfacePlusmoinsvalues  span.fakeInput{
	width: 50px;
}

div#interfacePlusmoinsvalues span.dateSelector{
	width: 100px;
}

form#recapitulationForm span.dateSelector{
	width: 100px;
}

form#depenses2Form span.specialLetterBlack{
	position: relative;
	top: 3px;
}

form#rapprochementForm span.specialLetterBlack{
	position: relative;
	top: 3px;
}