/* Created by Wikiwi.be - Raphael De Naeyer */
/* Client : NTFS - Lionel Chauvier */

/* General style */

BODY {
  margin: auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  FONT-SIZE: 11px;
  COLOR: #536D80;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  background: url(images/ntfs_fondbg.gif) repeat-x top  #71a4bf;
}
A {
    COLOR: #536D80;
    text-decoration: none;
}
A:hover {
  COLOR: #FAAF40;
}
HR {
  COLOR: #FAAF40;
}

.pnl
{
    font-weight: bold;
    background-color: #eeeeee;
    padding: 5px;
    cursor: pointer; 
    border: solid 1px #c0c0c0
}

/*contenu top*/
div#principalbg {
    position: absolute;
    float: right;
    margin: 0px;
    padding: 0px;
    width: 75%;
    height: 100%;
    min-width: 890px; /*border: 1px solid red; */
    background: url(images/ntfs_fondbg_ligne.gif) repeat-x top;
    max-width: 50%;
}
div#principal {
	position: relative;
	float: right;
    margin: 0px;
    padding: 0px;
    width: 890px;
    height: 100%;
    /*border: 1px solid red; */
}
div#bandetop {
	position: relative;
	float: left;
    margin: 0px;
    padding: 0px;
    width: 890px;
    height: 83px;
    /*border: 1px solid white; */
	background: url(images/bandetop_symbole.gif) no-repeat bottom right ;
}
img#logo {
   border-style: none;
    border-color: inherit;
    border-width: 0px;
    position: relative;
       float: left;
       margin: 10px 0px 0px 5px;
       padding: 0px;
       width: 233px;
       height: 63px;
       top: 0px;
    left: 0px;
}
div#bandezoneclient {
	position: relative;
	float: left;
    margin: 0px;
    padding: 0px;
    width: 890px;
    height: 25px;
	background: url(images/ntfs_fondbg_ligne_zclient.gif) repeat-x top;
}
div#zoneclient {
	position: relative;
	float: right;
	margin: 3px;
	padding: 0px 5px 2px 20px;
	height: 17px;
	font-size: 11px;
	background: url(images/ntfs_bg_zone_client_pme_informatique.gif) no-repeat top left;
}
h1#slogan{
	position: relative;
	float: right;
	margin: 22px 0px 0px 0px;
	width: 400px;
	height: 26px;
	color: #dee3e7;
	text-align: right;
	font-size: 20px; 
	font-weight: bold;
    top: 13px;
    left: -6px;
}
/*contenu gauche*/
div#bandegauche {
	position: relative;
	float: left;
	margin: -30px 0px 0px 0px;
	width: 165px;
	/*border: 1px solid white; */
	background: url(images/ntfs_informatique_bg_zonegauche.gif) repeat-y left;
    top: -1px;
    left: 10px;
}
div#menubloc {
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 3px;
	width: 152px;
	background-color: #a9b6bf;
	border: 4px solid white;
}
div#menubloc2 {
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 3px;
	width: 152px;
	background-color: #a9b6bf;
	border: 4px solid white;
}

.menu{
    width:152px;
    width/**/:150px;
    height: 152px;
    margin:0;
    padding:0;
    }
    
.menu span{
    display:none;
}
    
.menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:152px;
    width/**/:150px;
}
    
.menu li ul{
    visibility:hidden;
    border: 7px #d2dde3 solid;
 }
            
.menu li ul{
    margin-left:150px; /* be careful */
    margin-top:-24px;
}
    
.menu a{
    text-align:left;
    color:#536d80;
    font-weight:bold;
    font-size: 12px;
    display:block;
    width:137px;
    border-bottom: 1px #536d80 solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 15px; /* em units can creat little graphic bug in mozilla */
    background: url(images/bullet_menu1_off.gif) no-repeat left #bfcad0;
}
    
.menu a:hover{
    background: url(images/bullet_menu1_on.gif) no-repeat left #8bd5f8;
}
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #71a4bf;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:150px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* Necessaire pour IE 6.0 & < */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
a.linkOver{
    background-color: #eee;
    }
    
a.linkBack{
    font-size: x-small;
    color: #FAAF40;
    }    
    
div#box {
	position: relative;
	margin: 5px 0px 0px 0px;
	padding: 3px;
	width: 152px;
	text-align: center;
	background-color: #a9b6bf;
	border: 4px solid white;
}
p#ttl_box {
	position: relative;
	margin: 0px;
	padding: 2px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: white;
	background-color: #bfcad0;
}

p#contenu_box {
	position: relative;
	margin: 0px;
	padding: 10px 2px 10px 2px;
	width: 148px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

p#contenu_new {
	position: relative;
	margin: 0px;
	padding: 10px 2px 10px 2px;
	width: 148px;
	text-align: right;
	font-size: 11px;
}
#box_bottom {
	position: relative;
    height: 69px;
	width: 164px;
	background: url(images/ntfs_informatique_bot_zonegauche.gif) no-repeat top left;
}
/*contenu central*/
div#navchemin {
	position: relative;
	float: right;
	margin: 10px 0px 0px 0px;
	width: 678px;
	height: 20px;
	color: white;
}	
div#navchemin a {
	color: white;
	text-decoration: none;
}
div#navchemin a:hover {
	color: #FAAF40;
}
div#contenucentre {
	position: relative;
	float: right;
	width: 678px;
	background: url(images/ntfs_ordinateur_contenu_bg.gif) repeat-y top left;
}

div#HomeDesc{
    position: relative;
	float: left;
	padding-right: 2px;
	border-right-width:thin ;
	border-right-style: inset; 
	border-right-color: #536D80;
	width: 320px;
}
div#HomeAnnonce{
    position: relative;
	float: right;
	text-align: center;	
    width: 300px;
}

h2#titre {
	position: relative;
	float: left;
	margin: 0px;
	padding: 16px 0px 0px 18px;
	width: 678px;
    height: 30px;
    font-size: 18px;
	background: url(images/ntfs_ordinateur_contenu_top.gif) no-repeat top left;
}
div#zone_texte {
	position: relative;
	float: left;
	margin: 0px;
	padding: 18px;
	width: 632px;
    font-size: 12px;
	background: url(images/ntfs_ordinateur_contenu_bg.gif) repeat-y top left;
}
div#ombredroite {
	position: relative;
	float: left;
	width: 8px;
    height: 450px;
	background: url(images/ntfs_ordinateur_contenu_bg_ombredroite.gif) no-repeat top left;
}

div#copyright{
	position: relative;
	float: left;
    height: 11px;
    width: 678px;
    margin : 0px 0px 0px 0px;
    padding: 30px 15px 0px 0px;
    text-align: right;
    font-size: 9px;
    color: #ffffff;
	background: url(images/ntfs_ordinateur_contenu_bot.gif) no-repeat top left;
}
a.copyright{
    color: #f1f1f1;
}
a.copyright:hover{
    color: #FAAF40;
}

DROPDOWNLIST.perso {
  border: 1px solid #536c80;
    FONT-SIZE: 11px;
      FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
      BACKGROUND-COLOR: #F5F5F5;
    margin-bottom: 0px;
}


/* Style pour formulaires */

INPUT {
  border: 1px solid #536c80;
    FONT-SIZE: 11px;
      FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
      BACKGROUND-COLOR: #F5F5F5;
    height: 20px;
}
BUTTON {
  BORDER-RIGHT: #536c80 1px solid;
  BORDER-TOP: #536c80 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #536c80 1px solid;
  BORDER-BOTTOM: #536c80 1px solid;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
TEXTAREA {
  BORDER-RIGHT: #536c80 1px solid;
  BORDER-TOP: #536c80 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #536c80 1px solid;
  BORDER-BOTTOM: #536c80 1px solid;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
SELECT {
  border: 1px solid #536c80;
    FONT-SIZE: 11px;
      FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
      BACKGROUND-COLOR: #F5F5F5;
    margin-bottom: 0px;
}
radio {
  BORDER-RIGHT: #536c80 1px solid;
  BORDER-TOP: #536c80 1px solid; FONT-SIZE: 11px;
  BORDER-LEFT: #536c80 1px solid;
  BORDER-BOTTOM: #536c80 1px solid;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}