@import "fdiDialogs.css";
@import "encoderVachette.css";

* {
	margin: 0;
	padding: 0;
}

body {
    font: 12px Tahoma,Arial,sans-serif;
    background: white none repeat scroll 0 0;
    overflow-x:hidden;
    background: url(images/accueilBody.png) repeat-y scroll center;
}




#wrapper {
	width: 1005px;
    height: 100%;
	margin: auto;
	padding: 0px;
}

#fond{
    height: 100%;
    width:1000px;
    overflow:auto;
}

#left{
 height: 100%;
 margin: 0 0 0 -150px;
 width: 150px;
 position:absolute;
 background: url(images/accueilLeft.png) repeat-y scroll right center white;
}

#right{
     height: 100%;
     margin: 0 0 0 1000px;
     width: 120px;
     position:absolute;
     background: url(images/accueilRight.png) repeat-y scroll left center white;
}

#footer {
	height: 0px;
	/*background: url(images/default/springbottom.png);*/
	padding-left: 50px;
}

/* laisser la déclaration suivante pour compatibilité */
#left, #right, #menu, #header {
    display: block !important;
}

.ovalbutton, a.ovalbutton span, a.ovalbutton.disabled span, a.ovalbutton {
    background-image: none;
}

.btnAccueil {
    padding: 20px;
}


.btnAcceuilImage{
   cursor : pointer;
   position:relative;
   width : 400px;
   height: 73px;
   background-color:#B0C4D4;
   border: 1px solid #B0C4D4;

}

.btnAcceuilImage:hover{
   background-color:#7D98AB;
    color:white;
}

.btnAcceuilText{
   position:absolute;
   left : 150px;
   font-size: 30px;
   top : 17px;
   width:250px;
}

.btnShortcut{
   float:left;
   cursor : pointer;
   position:relative;
   width : 140px;
   height: 90px;
   background-color:#B0C4D4;
   margin: 5px;
   font-weight:bold;
   text-align: center;
}

.btnShortcut:hover{
   background-color:#7D98AB;
    color:white;
}

.btnFctShortcut{
   cursor : pointer;
   /*position:relative;*/
   float:left;
   width : 600px;
   height: 100px;
   /*padding:10px;*/
}

.btnFctShortCutReOpen{
   cursor : pointer;
   position:relative;
   background-color: #B0C4D4;
   width : 600px;
   height: 20px;
}

.btnShortcutImg{
    padding:5px;
}

#divhelp,#divhelpOverlay{
   padding-bottom:20px;
   color:#e87015;
   font-weight:bold;
   width: 600px;
   margin: auto;
   text-align: center;
}


#divLogin {
    padding: 10px;
    width  : 600px;
    height : 450px;
    background : white none;
    z-index: 20;
    opacity: 1;
    filter: alpha(opacity=100);
}

#divLogin td {
   padding-left: 10px;
   font-size: 12px;
}

#divLogin input, #divLogin select {
   width : 150px;
   margin-bottom: 5px;
}

#CSS_boutonSimple a
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: bold;
	color:#7D98AB;
}

#CSS_boutonSimple a:link, #CSS_boutonSimple a:visited
{
	height: auto;
	color: #8EA6B6;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}
#CSS_boutonSimple a:hover { color: #8EA6B6; text-decoration: underline;}

#header {
	height: 5px;
}

#divIconeMulti {
	margin:10px;
	width:140px;
	height:150px;
	float:left;
}
#divIconeMulti a, #divIconeMulti a:link, #divIconeMulti a:visited {
	color: black;
    font-size: 12px;
	text-decoration: none;
}
#divIconeMulti a:hover{ 
	color: #8EA6B6;
	text-decoration: underline;
}

#divGlobalWait {
   background: transparent url(../../public/images/waitLoop.gif) repeat scroll center center;
}

#menu{
	height: 65px;
        position:relative;
}

#menuTop {
    height: 70px;
    text-decoration:none;
    background: url(images/default/menuGbl.png)  top center no-repeat;
    position: relative;   
}

#menuTop A{
	color: black;
	text-decoration:none;
	margin-right:10px;
        font-weight: bold;
}
#menuTop A:hover{
	color: white;
	/*text-decoration:underline;*/
}

.logo{
    font-size:18px;
    font-weight: bold;
    margin-top:5px;
    margin-left:10px;
    float:left;
    color: black;
}
.logoAppli{
    margin-left:10px;
    margin-top:10px;
    float: left;
    height: 100%;
}

#menuTop #action{
	font-size:12px;
	margin-right:10px;
	float: right;
	/*font-weight: bold;*/
}

#menuTop #infoLogin{
	font-size:12px;
	margin-top:3px;
	margin-right:10px;
	float: right;
	height: 19px;
}

#infoAction{
    position:absolute;
    right: 0px;
    height: 22px;
    clear:right;
    margin-top: 5px;

/*    width:700px;*/
}

#menuTopBadges {
	height: 60px;
    text-decoration:none;
}

#menuTopBadges A{
	color: black;
	text-decoration:none;
	margin-right:10px;
}
#menuTopBadges A:hover{
	color: black;
	text-decoration:underline;
}

#menuTopBadges #logo{
    font-size:18px;
    font-weight: bold;
    margin-top:5px;
    margin-left:10px;
    float:left;
    color: black;
}


#menuTopBadges #action{
	font-size:12px;
	margin-right:10px;
	float: right;
	font-weight: bold;
}

#menuTopBadges #infoLogin{
	font-size:12px;
	margin-top:3px;
	margin-right:10px;
	float: right;
	height: 22px;
}

#sousMenuTop {
	height: 40px;
	margin-left:20px;
}

.bouton {
	font-size:12px;
	margin-top:7px;
	font-weight: bold;
	color:#7D98AB;
	float: left;
	height:30px;
	line-height:25px;
}

.bouton a {
	font-size:12px;
	margin-left:15px;
	float: left;
	font-weight: bold;
	color:#7D98AB;
}

.bouton a:link, .bouton a:visited
{
	color: #8EA6B6;
	text-decoration: none;
}
.bouton a:hover { color: #8EA6B6; text-decoration: underline;}


#onglets{
    height: 23px;
}

#onglet{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:url(images/default/onglets.png) no-repeat scroll left -28px;
  float:left;
  margin-left:3;
  padding:0 0 0 21px;
  heigth: 21px;
}

#onglets {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/default/bas_onglets.png) repeat-x scroll center bottom;
float:left;
font-size:93%;
line-height:normal;
overflow:hidden;
width:100%;
}


.bas_onglets {
    border:0 none;
    margin-bottom:0px;
    border-style:solid none;
    border-width:2px 0 1px;
    /*margin-top:20px;*/
}

#onglets .selected{
  background-position:left 0;
}

#onglet a{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(images/default/onglets.png) no-repeat scroll right -28px;
  color:#0045A0;
  float:left;
  font-weight:bold;
  padding:5px 21px 4px 0;
  text-decoration:none;
}


#onglets .selected a {
    background-position:right 0;
    border-bottom:medium none;
    color:#FFFFFF;
    padding-bottom:5px;
}

#onglet a:hover {
    color:#FFFFFF;
}

#workspace {
    width: 980px;
}



#content .title{
    font-family: Tahoma;
    font-size:12px;
    font-weight: bold;
    background: url(images/default/bandeauvert.png) top ;
    height:25px;
    width:100%;
}


#content #title{
    background-position:200px;
    width:100%;
    text-align:left;
}

#contentRight {
    float:left;
    width:728px;
    /*height:650px;*/
    /*height:100%;*/
    overflow:auto;
}

#contentRight .title{
    font-family: Tahoma;
    font-size:12px;
    font-weight: bold;
    background: url(images/default/bandeauvert.png) top ;
    height:25px;
    width:100%;
}


#contentRight #title{
    background-position:200px;
    width:100%;
    text-align:left;
    overflow:auto;
}

#menu ul {
	position: absolute;
    bottom: 0px;
    left: 0px;
    padding-left: 10px;
	height: 24px;
    text-align: left;
}

#menu li {
	list-style: none;
	display: inline;
	padding-top: 8px;
}

#menu li a {
	padding-top: 10px;
	line-height: 30px;
	height: 40px;
	text-decoration: none;
	background: transparent url(images/default/menul.png) left bottom no-repeat;
	padding-left: 14px;
}

#menu li a:hover, #menu li a.selected {
	color: #606319;
	background: transparent url(images/default/menul1.png) left bottom no-repeat;
}

#menu li a span {
	padding-top: 10px;
	color: #FFFFc0;
	font-size: 1.1em;
	height: 40px;
	padding-right: 14px;
	background: transparent url(images/default/menur.png) right bottom no-repeat;
}

#menu li a:hover span, #menu li a.selected span {
	color: #606319;
	background: transparent url(images/default/menur1.png) right bottom no-repeat;
}



.divButton {
   cursor : pointer;
   width : 200px;
   height: 150px;

   background-color: #cccccc;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #999999;
   border-right-style: solid;
   border-right-width: 2px;
   border-right-color: #666666;
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: #666666;
   border-left-color: #999999;
   border-left-width: 1px;
   border-left-style: solid;
   margin-bottom: 15px;
   margin-left: 15px;
   font-weight: bold;
   text-align: center;
}

#toplinks {
	float: right;
	font-weight: 400;
	font-size: .8em;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-right: 4px;
}

#toplinks a {
	color: #d37103;
	text-decoration: none;
	font-weight: 600;
}

.tableGrid {
  border-spacing: 0px;
  border-collapse: collapse;
}

.tableGrid td {
   padding: 2px 5px;
   border: 1px solid black;
}

.tableGrid td.noBorder {
  border-bottom: 0;
}

.tableGrid tr:hover {
  background-color: #DECBA3;
}

.tableGrid td.showSelect, .tableGrid tr.showSelect {
  background-color: #DECBA3;
}

.tableHeader {
    font-weight: bold;
    font-size: 12px;
}

.tablePrice {
    font-weight: bold;
    font-size: 10px;
}

.labelForm {
  font-weight: bold;
  font-size: 12px;
  padding-right: 10px;
}

#divInfo {
   height  : 15px;
   padding : 3px;
   margin-left:18px;
   margin-right:18px;
   border  : 1px solid black;
   position: relative;
   font-size: 10px;
   padding-top: 5px;
}

#divInfo span {
  color : red;
  font-weight: bold;
}

#divInfo img {
   position: absolute;
   left    : 6px;
   top     : -10px;
}

.tableForm input, .tableForm select {
   margin-bottom: 5px;
}

button {
  text-align: center;
}

button img {
  margin-right: 5px;
  margin-left : 2px;
  margin-top : 2px;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
        font-size: 10px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

.selected td {
    font-size: 10px;
    background-color: blue;
    color: white;
}

.unselected td {
   font-size: 10px;
   background-color: transparent;
   color: black;
}

.libelle{
    font-weight:bold;
}


.reportTitle {
    font-weight: bold;
    font-size: 10px;
    color: black;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.reportFooter {
    color: black;
    font-weight: bold;
    font-size: 10px;
}

.reportData {
    color: black;
    font-size: 10px;
}

.reportHeader {
    font-weight: bold;
    font-size: 12px;
}

#reportResult {
   overflow-x: scroll;
}



#divLogoAppFDI {
   text-align: center;
   background: url(images/default/logoAppliFDI.jpg) top center no-repeat;
   z-index: 10;
   width:100%;
   height: 100px;
   margin-left:0px;
}

#blocCesure {
	background-color: #7D98AB;
	text-decoration: none;
}

.blocCesure {
	background-color: #7D98AB;
	text-decoration: none;
}

.blocTitle {
	font-weight: bold;
	font-size: 14px;
	color:#7D98AB;
}

.blocColor {
	font-size: 10px;
	color:#7D98AB;
}

.blocTextBold {
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.blocText {
	font-weight: normal;
	font-size: 12px;
	color:black;
}


.title2{
    font-weight:bold;
    font-size:8pt;
    text-decoration:underline;
}



#progression {
  margin-left:80px;
  margin-top:20px;
  height: 50px;
}

.progOK{
    float:left;
    height:40px;
    width:100px;
    text-indent:5px;
    background : url(../../public/images/progressionok.png) center;
}

.progInprogress{
    float:left;
    height:40px;
    width:100px;
    font-weight:bold;
    text-indent:5px;
    background : url(../../public/images/progressionok.png) center;
}

.progressionBox {
    float:left;
    height:40px;
    width:100px;
    background : url(../../public/images/progression.png) center;
 }

 .progressionBoxText {
    margin-top:4px;
    margin-bottom:4px;
 }
 .progressionBoxText1L {
    margin-top:10px;
    margin-bottom:10px;
 }

.progressionBox2 {
    float:left;
    height:40px;
    width:100px;
    background : url(../../public/images/progression2.png) center;
 }

 #enteteProgression{
    height:20px;
    margin-top:10px;
    margin-left:80px;
    text-align:left;
 }


#progTrait {
    height:40px;
    width:20px;
    float:left;    
    background : url(../../public/images/traitProgression.png) center;
}

#CSS_TableauRupture
{
	list-style-type: none;
	background-color: #C7D3DB;
	font-weight: normal;
	font-size: 12px;
	color:black;
}

.CSS_TableauTitre, .CSS_TableauTitre a
{
	border: 1px solid black;
        background-color: #B3C3CE;
	font-weight: bold;
	font-size: 12px;
        text-decoration: none;
	color:black;
        border:0px #B3C3CE solid;
}

.CSS_TableauTitre a:hover,.CSS_TableauTitre2 a:hover {
	text-decoration: underline;
	color: red;
}

#CSS_TableauLigne
{
	list-style-type: none;
	background-color: #DFE5EA;
	font-weight: normal;
	font-size: 12px;
	color:black;
}

.CSS_TableauLigne
{
	list-style-type: none;
	background-color: #DFE5EA;
	font-weight: normal;
	font-size: 12px;
	color:black;
}

.CSS_TableauLigne, .CSS_TableauLigne a {
	list-style-type: none;
	text-decoration: none;
	background-color: #DFE5EA;
	font-weight: normal;
	font-size: 12px;
	color: black;
}

.CSS_TableauLigne a:hover {
	text-decoration: underline;
	color: red;
}



#CSS_TableauLigneVide
{
	list-style-type: none;
	background-color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	color:black;
}
.CSS_TableauLigneVide
{
	list-style-type: none;
	background-color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	color:black;
}

.CSS_TableauLigneBis
{
	list-style-type: none;
	background-color: #CFD5DA;
	font-weight: normal;
	font-size: 12px;
	color:black;
}

#CSS_boutonMenuSel
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
	background: url(images/onglets/MenuSel.jpg) top left;
}

CSS_boutonMenuSel a, #CSS_boutonMenuSel a:hover, #CSS_boutonMenuSel a:link, #CSS_boutonMenuSel a:visited {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
}

#CSS_boutonMenuNSel
{
	margin: 0px;
	border: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
	background: url(images/onglets/MenuNSel.jpg) top left;
}

#CSS_boutonMenuNSel:hover {
	margin: 0px;
	border: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
	background: url(images/onglets/MenuNSel.jpg) bottom left;
}

CSS_boutonMenuNSel a, #CSS_boutonMenuNSel a:hover, #CSS_boutonMenuNSel a:link, #CSS_boutonMenuNSel a:visited {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
}

#CSS_boutonMenuFondHaut
{
	background: #8EA6B6;
}

.CSS_TitreBlock
{
	list-style-type: none;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	background: #7D98AB;
}

#CSS_TitreBlock a
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color:#000000;
	background-color:#A1B4C2;
}

#CSS_TitreBlock a:link, #CSS_TitreBlock a:visited
{
	height: auto;
	color: #000000;
	margin: 0px;
	padding: 3px 4px;
	background-color:#A1B4C2;
	text-decoration: none;
}
#CSS_TitreBlock a:hover {
	color: #000000;
	text-decoration: none;
	background-color:#8EA6B6;
}

#CSS_sousMenuBlock ,
#CSS_sousMenuBlock  a,
#CSS_sousMenuBlock  a:link,
#CSS_sousMenuBlock  a:visited
{
	height: auto;
	color: #000000;
	margin: 0;
	padding: 4px 4px;
	font-family: Arial;
	font-size: 9pt;
	background-color:#A1B4C2;
	text-decoration: none;
}
#CSS_sousMenuBlock a:hover
{
	color: #000000;
	text-decoration: none;
	background-color:#8EA6B6;
}


/****************************************************************/
/*																*/
/*				DEUXI�ME PR�SENTATION : PARAM�TRES				*/
/*																*/
/****************************************************************/

#treeView {
	float:left;
        width  : 250px;
/*    height:100%;*/
	overflow:auto;
	border-right: 1px solid gray;
}

#treeViewUnit {
	text-align: left;
	list-style-type: none;
	text-decoration: none;
	font-family: Arial;
	font-size: 11pt;
	font-weight: normal;
}

#treeViewUser {
	text-align: left;
	list-style-type: none;
	text-decoration: none;
}

#treeViewBaseUser {
	text-align: left;
	list-style-type: none;
	text-decoration: none;
}

#CSS_boutonMenuSel2 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
	background: url(images/onglets/MenuSel2.jpg) top left;
}

#CSS_boutonMenuNSel2 {
	margin: 0px;
	border: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
	background: url(images/onglets/MenuNSel2.jpg) top left;
}

#CSS_boutonMenuNSel2:hover {
	margin: 0px;
	border: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
	background: url(images/onglets/MenuNSel2.jpg) bottom left;
}

CSS_boutonMenuNSel2 a, #CSS_boutonMenuNSel2 a:hover, #CSS_boutonMenuNSel2 a:link, #CSS_boutonMenuNSel2 a:visited {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
}

#CSS_boutonMenuFondHaut2 {
	background: #8FBF91;
}

#CSS_TreeViewBlock2 a {
	height:100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color:#000000;
}

#CSS_TreeViewBlock2 a:link, #CSS_TreeViewBlock2 a:visited {
	color: #000000;
	text-decoration: none;
}
#CSS_TreeViewBlock2 a:hover { 
	text-decoration: underline;
}

#CSS_TreeViewBlock2 div {
	padding: 7px;
	background: url(../images/css/Bouton3.jpg) top left repeat-x;
}

#CSS_TreeViewBlock2 div:hover {
	background: url(../images/css/BoutonHaut3.jpg) center left repeat-x;
}


.CSS_TableauTitre2, .CSS_TableauTitre2 a {
	list-style-type: none;
	background-color: #ABCAAC;
        text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color:black;
}

.CSS_TableauRupture2 {
	list-style-type: none;
	background-color: #BDD5BE;
	font-weight: normal;
	font-size: 12px;
	color:black;
}

.CSS_TableauLigne2, .CSS_TableauLigne2 a {
	list-style-type: none;
	text-decoration: none;
	background-color: #D0E1D1;
	font-weight: normal;
	font-size: 12px;
	color: black;
}



.CSS_TableauLigne2 a:hover {
	text-decoration: underline;
	color: red;
}

.blocTitle2 {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color:#6F9F71;
}

.blocCesure2 {
	list-style-type: none;
	background-color: #6F9F71;
}

.CSS_TitreBlock2  {
	list-style-type: none;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	background: #6F9F71;
}

div.CSS_TitreBlock2 {
    height: 30px;
    vertical-align: middle;
}

.CSS_TitreBlock2 a, .CSS_TitreBlock2 a:visited, .CSS_TitreBlock2 a:hover {
    height: 100%;
	padding: 3px 4px;
	border: 0px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color:#000000;
	background-color:#8FBF91;
    margin-left: 5px;
    text-decoration: none;
}

.CSS_TitreBlock2 a:hover {
	background-color:#86B287;
}

.CSS_sousMenuBlock2 ,
.CSS_sousMenuBlock2  a,
.CSS_sousMenuBlock2  a:link,
.CSS_sousMenuBlock2  a:visited
{
	height: auto;
	color: #000000;
	margin: 0;
	padding: 4px 4px;
	font-family: Arial;
	font-size: 9pt;
	background-color:#8FBF91;
	text-decoration: none;
}
.CSS_sousMenuBlock2 a:hover
{
	color: #000000;
	text-decoration: none;
	background-color:#6F9F71;
}

#btnNext{
    font-weight:bold;
}


.divTreeViewList{
    overflow:auto;
    width:980px;
}

.divTreeViewFixe{
    overflow:auto;
    width:980px;
}


.divTable{
    overflow:auto;
    width : 980px;
}



.tabWizard{
    margin-top:auto;
    margin-bottom:auto;
}

.divWizardFixe{
    overflow:auto;
}

#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 95;
}

#overlay .divOverlay {
     width:900px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
     overflow:auto;
     position:relative;
}

.CSS_Tableau {
    margin-top:15px;
}

.CSS_Tableau  td {
   padding: 2px 2px;
}

.CSS_TableauSeparator{
   padding: 0px;
   height: 2px;
}

.CSS_TableauSeparator td {
   padding: 0px;
}

.CSS_TableauTitre3 {
	list-style-type: none;
	background-color: #f8921b;
	font-weight: bold;
	font-size: 12px;
	color:black;
}

.CSS_TableauRupture3 {
	list-style-type: none;
	background-color: #BF983F;
	font-weight: normal;
	font-size: 12px;
	color:black;
}

.CSS_TableauLigne3, .CSS_TableauLigne3 a {
	list-style-type: none;
	text-decoration: none;
	background-color: #f8ba70;
	font-weight: normal;
	font-size: 12px;
	color: black;
}

.CSS_TableauLigne3, .CSS_TableauLigne3 a {
	list-style-type: none;
	text-decoration: none;
	background-color: #f8ba70;
	font-weight: normal;
	font-size: 12px;
	color: black;
}

.CSS_TableauLigne3 a:hover {
	text-decoration: underline;
	color: red;
}

.blocTitle3 {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color:#df7900;
}

.blocCesure3 {
	list-style-type: none;
	background-color: #df7900;
}

.CSS_TitreBlock3
{
	list-style-type: none;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	background: #df7900;
        color:#FFFFFF;
}

.CSS_TitreBlock3 a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color:#000000;
	background-color:#df7900;
}

.CSS_TitreBlock3 a:link, .CSS_TitreBlock3 a:visited {
	height: auto;
	color: #000000;
	margin: 0px;
	padding: 3px 4px;
	background-color:#FFCB81;
	text-decoration: none;
}
.CSS_TitreBlock3 a:hover {
	color: #000000;
	text-decoration: none;
	background-color:#FFC168;
}

div .help2{
    background: transparent url(../../public/images/HELP.PNG) no-repeat scroll center center;
}

#menuSearch{
    float:left;
    font-size:6pt;
    padding-left:10px;
    padding-top:2px;
}

#menuAction{
    float:right;
}

#divEncod{
    position:absolute;
    bottom:10px;
    left:0px;
}

#encoderlib{
    /*float:left;*/
    padding-left:10px;
    white-space: nowrap;
    vertical-align: top;
}

#encoderBdg{
    /*float:left;*/
    padding-left:25px;
    white-space: nowrap;
    vertical-align: top;
}

#encoderSearch{
    /*float:left;*/
    padding-left:25px;
    vertical-align: top;
}

#encoderType{
    /*float:left;*/
    padding-left:25px;
    vertical-align: top;
}

#encoderSearch a{
    color:blue;
    text-decoration:underline;
}

#badgeFormat{
    /*float:left;*/
    margin-left: 25px;
    background-color:#B0C4D4;
    border:1px solid #B0C4D4;
    white-space: nowrap;
    vertical-align: top;
}
#badgeFormat:hover{
    background-color:#7D98AB;
}
#badgeFormat a{
    color:black;
    text-decoration:none;
    cursor:pointer;
}
#badgeFormat a:hover{
    color:white;
}

.progressBar{
	width:216px;
	height:41px;
	background:url(../../public/images/bg_bar.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(../../public/images/bar.gif) no-repeat 0 0;
	top:4px;
	left:4px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(../../public/images/bg_cover.gif) repeat-x 0 0;
	top:0;
}

.modalBackground {
    position: absolute;
    background-color: gray;
    overflow: hidden;
    z-index:90;
}

.menuBat a {
	margin: 2px;
	padding: 3px 4px;
	border: 0px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color:black;
	background-color:#DFE5EA;
        float:left;

}

.menuBat a:link, .CSS_TitreBlock2 a:visited {
	height: auto;
	background-color:#DFE5EA;
	text-decoration: none;
}
.menuBat a:hover {
	color: white;
	text-decoration: none;
	background-color:#B3C3CE;
}

.menuBatSelect a {
	margin: 2px;
        margin-bottom:0px;
	padding: 4px 3px 4px;
	border: 0px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color:white;
	background-color:#B3C3CE;
        float:left;
}

.menuBatSelect a:link, .CSS_TitreBlock2 a:visited {
	height: auto;
	background-color:#7D98AB;
	text-decoration: none;
}
.menuBatSelect a:hover {
	text-decoration: none;
	background-color:#B3C3CE;
}

.menuBat2 a {
	margin: 2px;
	padding: 3px 4px;
	border: 0px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color: black;
	background-color:#D0E1D1;
        float:left;

}

.menuBat2 a:link, .CSS_TitreBlock2 a:visited {
	height: auto;
	background-color:#D0E1D1;
	text-decoration: none;
}
.menuBat2 a:hover {
	color: white;
	text-decoration: none;
	background-color:#86B287;
}

.menuBatSelect2 a {
	margin: 2px;
	padding: 0px;
	border: 0px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color:white;
	background-color:#86B287;
        float:left;
}

.menuBatSelect2 a:link, .CSS_TitreBlock2 a:visited {
	height: auto;
	margin: 2px;
        margin-bottom:0px;
	padding: 4px 3px 4px;
	background-color:#6F9F71;
	text-decoration: none;
}
.menuBatSelect2 a:hover {
	text-decoration: none;
	background-color:#6F9F71;
}

.siteBox{
    float:left;
    cursor:pointer;
    margin:10px;
    background-color:#DFE5EA;
    font-weight:bold;
}

.siteBox:hover, .siteBox:hover div{
    background-color:#7D98AB;
    color:white;
}

.selectBuilding{
    float:left;
    margin:10px;
    padding:2px;
    background-color:#DFE5EA;
    font-weight:bold;
    text-align:left;
    overflow:hidden;
    width:20%;
    
}

.selectApart{
    height:20px;
    font-weight:normal;
    margin-left:10px;
}

#divNbBadgeUpdated{
    /*float:left;*/
    /*position:fixed;*/
    margin-top:5px;
    padding:2px;
    border:1px solid #7D98AB;
    cursor:pointer;
    text-align:left;
    width:170px;
    height:35px;
    z-index: 50;

}

#divNbBadgeUpdatedExplication{
    text-align:left;
    width:170px;
    font-size:8px;
}

div.watermarked {
    font-size: 12px;
    position:absolute;
    display: block;
    color: #999;
}

#content form{
    /*clear: left;*/
}

#divUrmet{
    float: left;
    text-align: center;
}

#divUrmet a{
    text-decoration: none;
    color: black;
}



#configBatShema {
    margin-top: 10px;
	width:980px;
        position:relative;
	text-align:center;
	color: black;
        font-size: 12px;
	text-decoration: none;
       overflow:auto;
}

#configBatShema #configBatEltFondNoSel {
	height:50px;
	width:300px;
	position:absolute;
        border:1px solid black;
        z-index:200;
        overflow: hidden;

}

#configBatShema #configBatEltFondNoSel #configBatEltText {
	height:40px;
	width:300px;
	position:absolute;
	top:10px;
	left:0px;
	z-index:90;
        text-align:center;

}

#configBatShemaBloc {
	height:100px;
	width:300px;
	position:absolute;
	left:0px;
	z-index:10;


}
#configBatShemaBloc a:link, a:visited {
	font-weight: normal;
	font-size: 12px;
	color:black;
	text-decoration:none;

}
#configBatShemaBloc #configBatShemaTrait {
		height:60px;
		width:40px;
		position:absolute;
		top:30px;
		left:60px;
                border-left: solid black 1px;
                border-bottom: solid black 1px;
		z-index:50;
}
#configBatShemaBloc #configTraitVert {
		height:90px;
		width:80px;
		position:absolute;
		top:0px;
		left:60px;
                border-left: solid black 1px;
		z-index:50;
}

#configBatShemaBloc #configBatShemaResult {
		height:50px;
		width:120px;
		position:absolute;
		top:60px;
		left:290px;
		border: 1px solid black;
		background-color : #C7D3DB;
		z-index:75;
		text-align:left;
		font-size: 10px;
		padding-left: 20px;
}

#loadInProgress {
     width:600px;
     height:300px;
     margin: auto;
     background-color: #89D0FC;
     border:1px solid #000;
     padding:15px;
     text-align:center;
     overflow:auto;
     position: absolute;
     text-align:center;
     z-index: 80;
     font-weight: bold;
}


.maintenanceBox {
    float:left;
    height:40px;
    width:120px;
    background-color:#B0C4D4;
    border: 1px solid #B0C4D4;
}

.maintenanceBox:hover{
   background-color:#7D98AB;
    color:white;
}

.maintenanceSel {
    float:left;
    height:40px;
    width:120px;
    background-color:#1266bc;
    border: 1px solid #B0C4D4;
    color:white;
    font-weight: bold;
}


.maintTrait {
    height:40px;
    width:10px;
    float:left;
}

.maintenanceIco{
    float:left;
    padding: 5px 5px 5px 5px;
}

.btnCreaRes {
    padding: 20px;
}

.btnCreaResImage{
   cursor : pointer;
   position:relative;
   width : 400px;
   height: 73px;
   background-color:#B0C4D4;
   border: 1px solid #B0C4D4;

}

.btnCreaResImage:hover{
   background-color:#7D98AB;
    color:white;
}

.btnCreaResText{
   position:absolute;
   left : 100px;
   font-size: 30px;
   top : 17px;
   width:300px;
}

tfoot {
    display : none;
}

.listSites {
    padding: 5px;
    width:280px;
    height:250px;
    margin-top: 10px;
}

.toolBarTop {
    display : none;
}

#btnAddUser {
    margin-top: 8px;
}

table{
    margin: auto;
}



/************************         CENTRE HALL (Vachette)         ***************************/

.page_centrehall
{
position : relative;
width : 924px;
height : 550px;
}

.bouton_connexion_centrehall
{
margin-top : -5px; 
font-size : small;
font-weight : bold;
font-family : Verdana;
color : white;
background-color:red;
height: 30px;
width :100px;
text-align : center;
}

.corps_centrehall
{
height: 450px;
width : 600px;
position : relative;
text-align :center;
float: left;
}

.tab_login_centrehall div
{
padding : 5px;
margin : 9px;
font-size : small;
}

.menu_droite_centrehall
{
float : right;
margin-top : 20px;
font-family : Arial;
margin-bottom : 10px;
text-align : left;
height : 440px;
width : 200px;
margin-right: 10px;
}

.inputcentrehall
{
    height : 18px;
    width : 80px;
    font-family : Arial;
    font-size : small;
    color : black;
}

#divLoginVachette
{
border : 1px solid #9e9e9e ;
padding-bottom : 15px;
position : relative;
width : 924px;
height : 80px;
background-color : #bfbfbf; 
}

.bodyvachette
{   
    margin-top : 10px;
    width : 924px;
    height : 550px;
    border-style : solid; 
    border-width : 3px;
    border-color : #9e9e9e;
}