html, body {
	position:relative;
	background-color: #f7ae19;
	margin: 0;
	padding: 0; /*pour Opéra*/
	text-align: center; /*pour IE*/
	font: 12px Arial, helvetica, sans-serif;
	color: #000000;
	z-index: 0;
}

form.css label
  {
  display: inline;
  float: left;
  width: 150px;
  }
form.css fieldset
	{
	background-color: #fbfbfb;
	padding-left:5%;
	
	}
  
form.large label
  {
  display: inline;
  float: left;
  width: 150px;
  }    
  
  
form.pme-form td
{
font: 12px Arial, helvetica, sans-serif;
}  

form.pme-save input
{
height:100px;
font: 12px Arial, helvetica, sans-serif;
}  



tr pme-header
{
font: 10px Arial, helvetica, sans-serif;
}  


ul, li{
	list-style-type:none;
	margin:0;
	padding:0;
}
a:link{
	color: #b63d01;
	text-decoration:none;
}
a:visited{
	color: #b63d01;
	text-decoration:none;
}
a:hover{
	color: #b63d01;
	text-decoration:underline;
}

/*_____________________________________conteneur de page___*/
div#pageConteneur{
	background: url('img/pageconteneur-fond.gif') left top repeat-y;
	width: 963px;
	margin: 0 auto;
	padding: 0 2px;
	text-align: left; /*rétablissement pour IE*/
	overflow:hidden;
	z-index:-50;
	
}
div#pageConteneurSansCol{
	background: url('img/pageconteneur-fond-blanc.gif') left top repeat-y;
	width: 963px;
	margin: 0 auto;
	padding: 0 2px;
	text-align: left; /*rétablissement pour IE*/
	overflow:hidden;
	z-index:-50;
	
}


/*____________________________________HEADER___*/
#header{
	width: 963px;
	height: 14px;
	padding: 45px 0 2px 0;
	background: url('img/header.jpg') left top no-repeat;
}
.menuHorizontal{
	overflow:hidden;
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.menuHorizontal li{
	float: left;
	padding: 0 0 0 3px;
}
.menuHorizontal a:link{
	color: #ffffff;	
}
.menuHorizontal a:visited{
	color: #ffffff;	
}
.menuHorizontal a:hover{
	color: #b63d01;	
}


/*__________________________________MENU GAUCHE___*/
#colgauche{
	background: url('img/menu-haut.gif') left top no-repeat;
	width: 195px;
	float: left;
	padding: 0 0 0 0;
}
#newmenu{
	width: 195px;
}
.rublock{
	background: url('img/menu-cadenas.gif') left top no-repeat;
	padding: 0 0 0 23px;
	color: #666666;
	font-weight: bold;
}
.rublock a:link{
	color: #666666;
}
.rublock a:visited{
	color: #666666;
}
.rublock a:hover{
	color: #666666;
}
.lock{
	padding: 3px 0 0 30px;
	color: #999999
}
.lock a:link{
	color: #666666;
	color: #999999;
}
.lock a:visited{
	color: #666666;
}
.lock a:hover{
	color: #666666;
}
.rubunlock{
	background: url('img/menu-plus.gif') left top no-repeat;
	padding: 0 0 0 23px;
	color: #262626;
	font-weight: bold;
}
.rubunlock a:link{
	color: #262626;
}
.rubunlock a:visited{
	color: #262626;
}
.rubunlock a:hover{
	color: #262626;
}
.unlock{
	padding: 3px 0 0 30px;	
}
.unlock a:link{
	color: #b63d01;
}
.unlock a:visited{
	color: #b63d01;
}
.unlock a:hover{
	color: #b63d01;
}
.rub{
	padding: 0 0 0 23px;
	color: #262626;
	font-weight: bold;
}
.rub a:link{
	color: #262626;
}
.rub a:visited{
	color: #262626;
}
.rub a:hover{
	color: #262626;
}
.menuHR{
	display:block;
	background: url('img/menu-hr.gif') left top no-repeat;
	width: 194px;
	height: 7px;
	margin: 7px 0 7px 0;
}
.menuHRgris{
	display:block;
	background: url('img/menu-hr-gris.gif') left top no-repeat;
	width: 194px;
	height: 7px;
	margin: 7px 0 7px 0;
}


/*__________________________________________CONTENU___*/
#newmain{
	background-color: #ffffff;
	width: 758px;
	padding: 19px 10px 0 0;
	float: left;
}
#newmain p{
	margin: 0;
	padding: 10px 15px;
}
#newmain p.sansmarges{
	padding: 10px 0;
}
#newmain2cols{
	width: 578px;
	padding: 19px 0 0 0;
	float: left;
}
#newmain2cols p{
	margin: 0;
	padding: 10px;
}


/*___________________________________________COLONNE DROITE___*/
#coldroite{
	background: url('img/coldroite-visuel.jpg') right top no-repeat;
	width: 181px;
	float: right;
	padding: 70px 0 0 9px;
}


/*___________________________________________MISE EN FORME___*/
h1{
	color: #b63d01;
	font-size: 15px;
	background: url('img/page-hr.gif') left bottom no-repeat;
	padding: 0 10px 12px 10px;
	margin: 0 0 20px 0;
}


.h1accueil{
	background: url('img/puce-logo.gif') left 3px no-repeat;
	padding: 0 0 0 15px;
	margin: 15px 0 3px 13px;
	font-size: 17px;
	font-weight: bold;
	color: #1861f5;
	clear:both;
}
/*
h1.rouge15HR{
	color: #b63d01;
	font-size: 15px;
	background: url('img/page-hr.gif') left bottom no-repeat;
	padding: 0 10px 12px 10px;
	margin: 0 0 20px 0;
}
*/
h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 3px 3px;
	margin: 0 7px 0 7px;
	background: url('img/hr-pointilles-fond.gif') left bottom repeat-x;
}

.h2titreMenu{
	color: #f7ae19;
	font-size: 17px;
	padding: 6px 0 20px 60px;
	margin: 0;
	font-weight: normal;
}
/*
h2.titreLigneTirets{
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 3px 3px;
	margin: 0 7px 0 7px;
	background: url('img/hr-pointilles-fond.gif') left bottom repeat-x;
}
*/
span.logoGris{
	background: url('img/puce-logo-fdgris.gif') left 1px no-repeat;
	padding: 0 0 0 25px;
	display: block;
}
#newmain p.blocgris{
	background-color: #f3f3f3;
	margin: 10px 0 10px 10px;
	padding: 7px 10px 7px 0;
}
#newmain2cols p.blocgris{
	background-color: #f3f3f3;
	margin: 10px 0 10px 10px;
	padding: 7px 10px 7px 0;
}
.blocgris span.p{
	padding: 0 0 0 25px;
	display: block;
}
.blocgris span.liens{
	padding: 0 0 0 35px;
	display: block;
}
span.blocEnRetrait{
	display: block;
	padding: 0 10px 0 30px;
}
span.docexcel{
	background: url('img/picto-excel.gif') left top no-repeat;
	margin: 0 0 0 17px;
	padding: 5px 0 0 30px;
	height: 15px;
	display: block;
}
table{
	border-spacing:	4px;
}

thead{
	
	font-weight: bold;
	background: #fdefd1;
	padding: 2px 0px;
	text-align:left;
}

tfoot{
	
	font-weight: bolder;
	background: #eee;
	
}



td.orange{
	background: #f7ae19;
	padding: 2px 7px;
}
td.jaune{
	background: #fdefd1;
	padding: 2px 7px;
}
span.alertes{
	background: url('img/picto-ampoule.gif') left top no-repeat;
	display: block;
	height: 21px;
	padding: 11px 0 0 30px;
}

/*---CARTOUCHES DE LA PAGE D'ACCUEIL---*/
span.cartoucheAccueil{
	background: url('img/accueil-cartouche-fond.gif') left top no-repeat;
	width: 570px;
	height: 70px;
	padding: 5px 0 0 10px;
	margin: 0 0 0 13px;
	font-size: 11px;
	float: left;
}
span.plusinfos{
	/*classe uniquement utilisée pour IE dans la CSS correspondante*/
}
span.editoPhrase{
	color: #4e9bcf;
	float:right;
	padding: 0 0 0 10px;
	font-size: 20px;
}

.imgfloat{
	float:right; 
	padding: 0 0 0 50px;
}


.btfloat{
	float:left; 
	padding: 0 0 0 90px;
}


.txtRouge11{
	color: #b63d01;
	font-size: 11px;
}
.txtRougeGras{
	color: #b63d01;
	font-weight: bold;
}
.txtRouge{
	color: #b63d01;
}
.puceTriangle{
	background: url('img/puce-triangle-jaune.gif') 10px 3px no-repeat;
	padding: 0 0 0 28px;
}
.puceLogo{
	padding: 0 0 0 10px;
}
.puceLogo li{
	background: url('img/puce-logo.gif') left top no-repeat;
	padding: 0 0 0 16px;
}
.puceLogo a:link{
	color: #b63d01;	
}
.puceLogo a:visited{
	color: #b63d01;	
}
.puceLogo a:hover{
	color: #b63d01;	
}
a.souligne:link{
	color: #b63d01;
	text-decoration: underline;
}
a.souligne:visited{
	color: #b63d01;
	text-decoration: underline;
}
a.souligne:hover{
	color: #b63d01;
	text-decoration: none;
}

/*---BOUTONS---*/
.btnBleu span{
	float: left;
	padding: 0 0 0 6px;
	margin: 
	vertical-align: middle;
	background: url("img/btnbleu-gauche-fdblanc.gif") left top no-repeat;
}
.btnBleu span span{
	padding: 0 6px 0 0;
	background: url("img/btnbleu-droite-fdblanc.gif") right top no-repeat;
}
.btnBleu span span span{
	height: 24px;
	padding: 0 3px;
	line-height:2;
	background: url("img/btnbleu-centre-fdblanc.gif") left top repeat-x;
}
.btnBleu a:link{
	color: #ffffff;
	font-weight: bold;
}
.btnBleu a:visited{
	color: #ffffff;
	font-weight: bold;
}
.btnBleu a:hover{
	color: #ffffff;
	font-weight: bold;
}
.btnBleuFdgris span{
	float: left;
	padding: 0 0 0 6px;
	vertical-align: middle;
	background: url("img/btnbleu-gauche-fdgris.gif") left top no-repeat;
}
.btnBleuFdgris span span{
	padding: 0 6px 0 0;
	background: url("img/btnbleu-droite-fdgris.gif") right top no-repeat;
}
.btnBleuFdgris span span span{
	height: 24px;
	padding: 0 3px;
	line-height:2;
	background: url("img/btnbleu-centre-fdgris.gif") left top repeat-x;
}
.btnBleuFdgris a:link{
	color: #ffffff;
	font-weight: bold;
}
.btnBleuFdgris a:visited{
	color: #ffffff;
	font-weight: bold;
}
.btnBleuFdgris a:hover{
	color: #ffffff;
	font-weight: bold;
}
.btnOrangeFdgris span{
	float: left;
	padding: 0 0 0 6px;
	vertical-align: middle;
	background: url("img/btnorange-gauche-fdgris.gif") left top no-repeat;
}
.btnOrangeFdgris span span{
	padding: 0 6px 0 0;
	background: url("img/btnorange-droite-fdgris.gif") right top no-repeat;
}
.btnOrangeFdgris span span span{
	height: 24px;
	padding: 0 3px;
	line-height:2;
	background: url("img/btnorange-centre-fdgris.gif") left top repeat-x;
}
.btnOrangeFdgris a:link{
	color: #ffffff;
	font-weight: bold;
}
.btnOrangeFdgris a:visited{
	color: #ffffff;
	font-weight: bold;
}
.btnOrangeFdgris a:hover{
	color: #ffffff;
	font-weight: bold;
}
.btnOrange span{
	clear: both;
	float: left;
	padding: 0 0 0 6px;
	vertical-align: middle;
	background: url("img/btnorange-gauche-fdblanc.gif") left top no-repeat;
}
.btnOrange span span{
	padding: 0 6px 0 0;
	background: url("img/btnorange-droite-fdblanc.gif") right top no-repeat;
}
.btnOrange span span span{
	height: 24px;
	padding: 0 3px;
	line-height:2;
	background: url("img/btnorange-centre-fdblanc.gif") left top repeat-x;
}
.btnOrange a:link{
	color: #ffffff;
	font-weight: bold;
}
.btnOrange a:visited{
	color: #ffffff;
	font-weight: bold;
}
.btnOrange a:hover{
	color: #ffffff;
	font-weight: bold;
}

/*---CLASSES DE FORMULAIRE---*/
input{
	height: 16px;
	border: 1px solid #c1c1c1;
	background-color: #f3f3f3;
	
}
.submit
	{
	padding-bottom :2px; 
	height: 22px;
	border: 1px solid #9191c1;
	border-width : 1px 2px 2px 1px ;
/* 	color:#fff; */
/* 	background-color: #3965ff;	 */
	}


textarea {
	
	border: 1px solid #c1c1c1;
	background-color: #f3f3f3;
}


label.sansPuce{
	padding: 0 0 0 28px;
}


/*---CLASSES DE LA FEUILLE DE CALCUL---*/
/*_____________________________________conteneur de page*/
div#pageConteneurXLS {
	/*width: 941px;*/
	margin: 0 auto;
	padding: 10px;
	text-align: left; /*rétablissement pour IE*/
}

/*_____________________________________menu*/
#menu li{
	float: left;
	border: 1px solid black;
	padding: 7px 20px;
	background-color:#ebebeb;
}
.separateur{
	clear: both;	
}
.tab{
	position: absolute;
	top:140;
	left:10;	
}

.bil {

	font: 12px Arial, helvetica, sans-serif;
}

td{
	border:0px solid black;	
}

/*__________________________________________FOOTER___*/
#footer{
	background: url('img/footer-fond.gif') left top no-repeat;
	width: 947px;
	height: 77px;
	clear: both;
	margin: 0 auto;
	padding: 25px 20px 0 0;
	text-align: left; /*rétablissement pour IE*/
	overflow:hidden;
	text-align: right;
}
#footerAccueil{
	background: url('img/footeraccueil-fond.gif') left top no-repeat;
	width: 947px;
	height: 77px;
	clear: both;
	margin: 0 auto;
	padding: 25px 20px 0 0;
	text-align: left; /*rétablissement pour IE*/
	overflow:hidden;
	text-align: right;
}


/*Utilisé dans client.php sur batifiscalite*/
#liste{
margin-top: 10px;
width:100%;
background-color: #eef;
text-align: left;
}
/**********************************************************************/

#fond_popup_aide{
margin-top: 10px;
width:95%;
background-color: #fff;
text-align: left;
padding: 20px;
}

#fond_popup_aide td{
vertical-align: top;
border: 1px dashed #888;
}

#fond_popup_aide tr{
border: 1px normal #888;
}


a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:200px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(http://www.batir.com/_img/image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
    
    
}


a.tooltip0 em, a.tooltip1 em, a.tooltip2 em, a.tooltip3 em, a.tooltip4 em, a.tooltip5 em {display:none;}
a.tooltip0:hover, a.tooltip1:hover, a.tooltip2:hover, a.tooltip3:hover, a.tooltip4:hover, a.tooltip5:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip0:hover em, a.tooltip1:hover em, a.tooltip2:hover em, a.tooltip3:hover em, a.tooltip4:hover em, a.tooltip5:hover em {font-style: normal; display:block; position:absolute; top:25px; left:-25px; padding:5px; color:#000; border:4px solid #fff; background:#c3d9ff; width:170px;}
a.tooltip0:hover em span, a.tooltip1:hover em span, a.tooltip2:hover em span, a.tooltip3:hover em span, a.tooltip4:hover em span, a.tooltip5:hover em span {position:absolute; top: -14px; left: 15px;height:14px; width:29px; background: transparent url(http://www.batir.com/_img/infobulletop01.gif); margin:0; padding: 0; border: 0}

a.tooltip0:hover em {top:20px; left:-10px; color:#000; border:1px solid #bbb; background:#ffc;}
a.tooltip2:hover em {background:#000; color: #fff;}
a.tooltip3:hover em {background:#ff8; color: #000;}
a.tooltip4:hover em {background:#cdeb8b; color: #000;}
a.tooltip5:hover em {border:4px solid #000; background:#cdeb8b; color: #000;}

a.tooltip0:hover em span {top: -7px; left: 15px;height:7px; width:11px; background: transparent url(http://www.batir.com/_img/infobulletop00.gif);}
a.tooltip2:hover em span {background: transparent url(http://www.batir.com/_img/infobulletop02.gif);}
a.tooltip3:hover em span {background: transparent url(http://www.batir.com/_img/infobulletop03.gif);}
a.tooltip4:hover em span {background: transparent url(http://www.batir.com/_img/infobulletop04.gif);}
a.tooltip5:hover em span {background: transparent url(http://www.batir.com/_img/infobulletop05.gif);}



.bulle_aide{
position:relative;
background:#59f;
background:#219eff;
color:#fff;
width: 300px;
NOheight:200px;
border:1px solid black;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;

-webkit-box-shadow: 8px 8px 0 #555; 
-webkit-transition-duration: 1;
z-index:999;
}

.block_warning{
background:#27f;
color:#fff;
width:80%;
font:1.1em bolder arial,sans-serif;
border:3px solid #999;
padding:5px;
display:block;
margin-bottom:5%; 
-moz-border-radius: 20px;
-webkit-border-radius: 20px;

}
a.lien_aide
{
color: black;
text-decoration: none;
border-bottom: 1px gray dotted;
}


a.lien_aide:hover
{
cursor: help;
}

a.info_bulle {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
 
}
a.info_bulle span {
   display: none; /* On masque l'infobulle. */
}
a.info_bulle:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */

   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info_bulle:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
	z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */	
   white-space: wrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

   top: 30px; /* On positionne notre infobulle. */
   left:1px;
   
   font-size: 12px; /* On définit les propriétés de texte pour toutes les balises. */
   font-family: Tahoma, Verdana, Arial, serif;
   //font-weight:bolder;	
   
   background:#219eff;
   background: white;
   width:450px;
   color:#fff;
   color: black;
   padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;   
-moz-box-shadow: 10px 10px 5px #555;
-webkit-box-shadow: 10px 10px 5px #555; 
   /*border: 1px solid green;
   border-left: 4px solid green;*/
border:1px solid black;	

}

a.info_bulle_left {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
 
}
a.info_bulle_left span {
   display: none; /* On masque l'infobulle. */
}
a.info_bulle_left:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */

   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info_bulle_left:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
	z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */	
   white-space: wrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

   top: 30px; /* On positionne notre infobulle. */
   right:1px;
   
   font-size: 12px; /* On définit les propriétés de texte pour toutes les balises. */
   font-family: Tahoma, Verdana, Arial, serif;
   //font-weight:bolder;	
   
   background:#219eff;
   background: white;
   width:450px;
   color:#fff;
   color: black;
   padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;   
-moz-box-shadow: 10px 10px 5px #555;
-webkit-box-shadow: 10px 10px 5px #555; 
   /*border: 1px solid green;
   border-left: 4px solid green;*/
border:1px solid black;	

}