/*
CSS FO Impots
Réalisation www.jmtconseils.com
*/

@import url(foimpots-menu.css);
@import url(foimpots-sommaire.css);

html
{
	margin:0px;
	padding:0px;
	height: 100%;

}

body {
padding:0;
text-align: center;
/*background: #90A5BA; DBC598;*/ 
background-image: url("../image/bckg.jpg");
  	background-position: top;
  	background-repeat: repeat-y;
font-family: Verdana, Helvetica, Arial;
font-size: 10px;
color: #184A6D;
height: 100%;
}

.normal {
color: #184A6D;}

a img,:link img,:visited img,:hover img,:active img { border:none }

a  { color: #283943; text-decoration: underline;  }
a:hover  { color: #283943; text-decoration: none;  }



img { border:none }

.spip_documents_left {
margin-right: 3px;
}


.horschamps {
display: none; 
}

p  {
margin-top: 3px;
clear:both;}


.spacer {
clear:both;
}

.date {
color: #A2A4A0;
font-size: 10px;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */


#page {
	margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
	width: 750px;
/*	height: 540px;*/
	text-align: left;	
min-height: 100%;

}

#page-courant {
	margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
	width: 750px;/*48em;*/
	text-align: left;	
	background-color : transparent;
	/*border: 1px solid #CCC*/
	min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #page-courant {
    height: auto;
}
}
      


/*  ------------------------------------------
/*  Entete
/*  ------------------------------------------
*/
#entete { width: 750px;  height: 120px; 
background-image:url(../image/bg2.jpg);
background-repeat: no-repeat;
}


#head-top {
margin-top: 0px;
width: 750px; height:25px; 
/*background-color: #003365;*/
font-size: 10px;
}


#head-top img {
vertical-align:middle;
margin-left: 15px;
}

#head-top-droit {
color: #E7ECF0;
float: right;
margin: 5px 10px 0 30px;
background-color: #003365;
}

#head-top-droit a, #head-bande1 a {
color: #C5D0DB;
text-decoration: none;
}
/*#head-top-droit a:hover {
color: #C5D0DB;
text-decoration: underline;
}*/

/* head-ancr pour sommaire et head-ancr2 pour article */
#head-ancr {
width: 750px; height:55px; 
font-size: 14px;
padding: 10px 0px 0px 60px;
}

#head-logo {
position: absolute; left: 15px; top: 2px;
width: 94px; height: 90px; 
background-image: url(../IMG/Image/Bandeau-Haut/logo-foimpots.jpg);
z-index: 10;
}

#head-logo-print  {  position: absolute; left: 15px; top: 2px;
width: 94px; height: 90px; 
z-index: 0; 
 }

#head-banderole {
position: absolute; left: 200px; top: 25px;
width: 470px; height: 65px; 
/*background-image: url(../image/banderole.jpg);*/
z-index: 10;
}

#head-marge {
width: 615px; height: 70px;
background-image: url(../image/banderole2.jpg);
background-repeat: no-repeat;
background-position:top right; 
float: right;
}

#head-bande1 {
width: 200px; height:25px; 
background-color: #254D77;
float: right;
}

.head-bande1-texte {
color: #E7ECF0;
margin: 0px 0px 5px 0px;
}

#head-bande1 img{
vertical-align:middle;
}

#head-bande1-img {
float: right;
width: 25px; height:25px; 
background-image: url(../image/coin-bleu.png);
}

#head-bande2 {
width: 100%; height:25px; 
background-color: #845E98;
}

#head-bande2-img {
float: right;
width: 25px; height:25px; 
background-image: url(../image/coin-orange.png);
}








/* Zone Recherche */
div. bandeau-haut-recherche{ 
width:600px;
height:25px;
float:right;
}

            /* Barre de recherche  */
div.recherche { 
width:180px;
height:25px;
float:right;
}

div.bandeau-haut { text-align:left; color: #A2A4A0;
width:300px;
height:25px;
float:right;
margin-top: 3px; 
}

div.bandeau-haut a {
color: #A2A4A0;
text-decoration: none;
}

input.input { font: 10px Arial, Helvetica, sans-serif;color: #A2A4A0; background-color: white; border: 1px solid #A2A4A0; width:130px; }
input.inputok { font: 10px Verdana, Arial, Helvetica, sans-serif;color: #A2A4A0;background-color:  #FFFFFF; border: 1px solid #A2A4A0;  margin-left:1px; width:22px;}
form.recherche { margin-bottom : 0px; height:25px; width:165px; padding-left: 20px;}  

/*résultat recherche*/
.spip_surligne {
color: #003365;
font-weight: bold;
}

            /* Fin Barre de recherche  */ 

#home-prestation {
width: 40px; height:400px;
float: left;
background-image: url(../image/bande-prestation.gif);
}

#home-info {
width: 470px; height:100%;
float: left;
margin-left: 10px;
margin-top: 10px;
}

#home-service, #home-service2 {
width: 225px; height:100%;
float: left;
}

#home-service2 {
margin-left: 20px;
}


#home-temoignage {
width: 220px; height:100%;
float: left;
margin-left: 10px;
margin-top: 10px;
}

#home-temoignage p{
margin-left: 10px;
}

.img-droite {
float: right;
margin-left: 5px;
}

.img-gauche {
float: left;
margin-right: 5px;
}

#contenu-home h2 {
font-size: 14px ;
/*letter-spacing : 2px;*/
margin-bottom: 10px;
padding:0px 0px 0px 22px;
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(../image/puce4.gif);
font-family: Tahoma, Verdana, Helvetica, Arial;
}


/* Menu Horizontal */
#menu-horizontal {
margin: 0;
padding: 5px 0 0px 15px;
text-align: center;
/*background-color: #653E79;*/
}

#menu-horizontal ul, #menu-horizontal li {
margin: 0;
padding: 0;
display: inline;
/*list-style-type: none;*/
}



#menu-horizontal ul li a{
text-align: center;
padding: 0px 20px 0px 10px; /* Espacement texte puce suivante - puce texte*/
background: transparent url(../image/puce1.png) left center no-repeat;
}

#menu-horizontal a:link, #menu-horizontal a:visited {
/*float: left;*/
line-height: 14px;
font-weight: bold;
margin: 0 0px 1px 0px;
text-decoration: none;
color: #FFF;
}




/*  ------------------------------------------
/*  Sommaire
/*  ------------------------------------------
*/



/* Div conteneur */

#contenu-home {
width: 750px;
height: 100%;
margin-top: 5px;
text-align: justify;
}

.more{
	text-align:right;
	color: #653E79;
}
.more a { font-style: italic; text-decoration: none;
color: #653E79; }
.more img{
	vertical-align: middle;
	margin-right: 5px;
}



/*  ------------------------------------------
/*  Article
/*  ------------------------------------------
*/

/* Fil d'Ariane */
#hierarchie {
	width: 480px;
	padding-bottom: 3px;
	margin-top: 15px;
	margin-bottom: 16px;
	margin-left: 25px;
	font-size: 10px; 
	border-bottom: 1px solid #003365;
	color: #454853;
	}
	
 #hierarchie a {
color: #454853;
text-decoration: none;
 }
 
#hierarchie a:hover {
text-decoration: underline;
}

#droite {
width: 1px;
height: 100px;
background-color: red;
}

#bande-droite {
width: 1px;
height: 300px;
float: right;
}

#contenu {
width: 520px;
float: right;
margin-top: 3px;
margin-right: 10px;
background: transparent;
font-size: 12px;
}

#contenu p {
margin-left: 0px;
font-size: 12px ;
}



#gauche {
background-color : transparent;
width:100%;
float:left;
}

#contenu h1 {
font-size: 20px ;
line-height: 30px;
/*letter-spacing : 2px;*/
margin-bottom: 10px;
padding:5px 0px 0px 40px;
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(../image/puce1.gif);
font-family: Verdana, Helvetica, Arial;
}

#contenu h3 {
font-size: 16px ;
margin-left: 0px;
color: #9F0532;
margin-bottom: 5px;
padding:0px 0px 2px 15px;
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(../image/puce2.gif);
font-weight: bold;
}

#contenu h4 {
font-size: 14px ;
margin-left: 0px;
/*color: #9F0532;*/
margin-bottom: 5px;
padding:0px 0px 2px 10px;
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(../image/puce4.gif);
/*font-weight: bold;*/
}

#contenu ul li {
list-style-image:  url(../image/puce3.gif);
margin-left: -20px;

}

#contenu-home ul li {
margin-left: -20px;
}
/* Ligne suivante que pour IE, sauf IE Mac grace à ce commentaire, IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
* html #contenu ul li {
list-style-image:  url(../image/puce3_ie.gif);
}

/* -------------
/*  Page carte - rubrique 65
/* ----------
*/
.carte {
height: 276px;
}

/* IE MAC voit un commentaire se terminant ici */
/* ----------------------
/* Menu Vertical
------------------------
*/

#navlist li { 
margin: 0;
padding: 0;

 }

#navlist {
margin-top: 5px;
padding-top: 10px;
margin-left: 0px;
padding-left: 0;
list-style: none;
width: 187px;
background-color: #E7ECF0;
 z-index: 10;
/*position: relative;*/
}

#navlist h2 {
background-color: #A3BF0A;
font-size: 10px ;
color: #FFF;
padding: 3px 0px 3px 25px;
background-repeat: no-repeat;
background-position:0px 0px 5px 25px;
background-image: url(../image/puce2.jpg);
margin-bottom: 1px;
}



#navlist li a, #navlist li a:link, #navlist li a:active, #navlist li a:visited  { 
letter-spacing : 1,5px;
text-decoration: none;
font-weight: bold;
color: #003365;
padding: 3px 10px;
display: block;
background-color: #E7ECF0;
 z-index: 0;
width: 167px;
}

#navlist li a:hover {
background: #C5D0DB;
}


#navlist li li {
/*margin-top: 5px;
padding-top: 10px;*/
margin-left: -40px;
padding-left: 0;
/*list-style: none;*/
/*width: 187px;*/
text-indent: 20px;
/*background-repeat: no-repeat;
background-position:0px 0px 5px 25px;
background-image: url(../image/restreint.png);*/
list-style-image: url(../image/restreint.png);
}

#navlist li li a {
list-style-image: url(../image/restreint.png);;
}

/*  ------------------------------------------
/*  Plan du site
/*
*/
#contenu-plan {
margin-left: 25px;
}

#contenu-plan h3{
font-size:1.2em ;
font-weight: bold;
margin-bottom: 3px;
padding:0px 10px 0px 15px;
background-repeat: no-repeat;
background-position:0px 5px;
background-image: url(../image/puce-verte.jpg);
}
 
/*  ------------------------------------------
/*  Pied de page
/*  ------------------------------------------
*/
.footer {
color: #A2A4A0;
font-size: 10px;
}

/*#premier-element {
margin-top: 0;
}


#dernier-element {
margin-bottom: 0;
padding-bottom: 4em;
}*/


#footer {
color: #A2A4A0;
/*padding: 2px 10px 5px 0;*/
text-align: center;
bottom: 0;
padding: 10px;
}



#footer a {
color: #A2A4A0;
text-decoration: none;
}


/*  ------------------------------------------
/*  Formulaire Intranet
/*  ------------------------------------------
*/

/*  Noisettes déconnexion et identification */
#entete-nom-statut { position:absolute; top: 5px; left:224px; z-index:20;
width: 250px;
height: 30px;
font-size: 10px;
color: #FFFFFF;
}

#entete-deconnexion { position:absolute; top: 3px; left:475px; z-index:20;
width: 200px;
height: 30px;
font-size: 10px;
color: #E7ECF0;
}

#entete-deconnexion a { 
color: #E7ECF0;
}

#form-prive {
/*position:absolute; top: 64px; left:30px;  z-index:100;*/
color: #49554E;
/*background: silver;*/
}

/*
form fieldset 
  {
  color: red;
  
  }
form label 
  {
  color: silver;
  display: inline;
  float: left;
  width: 70px;
  } */
  
  .login {
  color: #49554E;
  font-size: 12px;
  }
  
#form-prive  input.forml { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px}
#form-prive  input.spip_bouton { margin-left: 26px; font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #6A746E;border: 0px;padding: 1px }

/*  ------------------------------------------
/*  Formulaire Profil Auteur Plugin Auteur Co
/*  ------------------------------------------
*/


.formulaire_profil input.forml {font: 10px Arial, Helvetica, sans-serif; color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; }
.formulaire_profil  input.spip_bouton { font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #395165;border: 0px;padding: 1px }
.formulaire_profil textarea.forml { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:385px; height:80px; }
.spip_bouton {
float: right;
margin-right: 25px;
margin-top: 10px;
}

.auteur_saisie {height: 12px; margin bottom: 10px; }

.formgauche {
float:left;
width:40%;
margin-right:0.5em;
/*padding-top:0.2em;*/
text-align:left;
}

/*------------------
/*  Contact
/*------------------
*/
td { font-size: 10px;  line-height:15px; }

input.input1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px}
input.input2 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px} 
input.inputok1 { font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #626262;border: 0px;padding: 1px }
input.inputok2 { font: 10px Verdana, Helvetica, sans-serif;color: #1F252F;font-weight: bold;background-color: #F1D13A;border: 0px;padding: 1px }  

select.input1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white; border: 1px solid #5B5B5B; width:150px; }

textarea.textarea1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:200px; height:160px; }
.c5 { font-size: 9px;color:#575757; line-height:13px;}/* Gris5 */

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left;  margin-left: 25px;}
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {color: #003365;}
.formulaire_spip legend {color: #003365;}

.formulaire_spip label {color: #003365;}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }


/* Reponse du formulaire */
textarea#textarea_1  {width: 450px; }    /* Ajouter */

.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 95%; /*12em;*/ }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }


/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	/*border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold;*/ }
	
.forum-decompte {
margin-left: 25px; }

/* * Habillage des forums */
#contenu .forum ul li { list-style-image:  url(../image/vide.gif); }
li.forum-fil  { list-style-image:  url(../image/vide.gif); }    /*ne marche pas !! */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #003365; /*font-size: 0.82em; */}
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; margin-left: 25px;}
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #AABBCB; }
ul ul .forum-chapo { background: #C2CEDA; }
ul ul ul .forum-chapo { background: #CED8E2; }
ul ul ul ul .forum-chapo { background: #E1E6EC; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }




