/**
 *  THE WHOLE PAGE STYLE IN THIS BLOC
 **/
body#homeAdmin{
	/*background-image:url("../images/bg.gif");*/
	background-image:url("../images/FondjauneBD_b.jpg");
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

table.adminTabPrinc{
  background-color:#FFFFFF;
  border:0px solid #000000;
  margin-left:auto;
	margin-right:auto;
}

td.contentAdmin{
  width:700px;
  vertical-align:top;
}

td.afficheMenu{
  vertical-align:top;
}

div#title{
	width:99%;
	height: 18px;
	margin:3px 0px 0px 0px;
	padding: 3px 0 3px 0px;
	background-color: #990000;
	border:solid 1px #990000;
}

div#contentTitle{
  width:89%;
  color: #FFFFFF;
  text-align:center;
  font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
}
div#help{
  margin:0;
  padding:0;
  float:left;
  width:10%;
  height: 18px;
  color: #FFFFFF;
  text-align:left;
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  background: transparent url('img/info2.png') no-repeat 0 -2px;
}
/**************************************** WHOLE PAGE END STYLE
 *
 * BANNER ADMIN STYLE
 **/
table.bannerAdminTab{
  width:100%;
  background-image:url("../images/bg.gif");
  border:0px solid #FFFFFF;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

span.texteBanner{
  color:#208000;
  font-size:10px;
}

div#textBanner{
	width:900px;
	text-align:center;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica,sans-serif;
	font-size:0.59em;
	font-weight:bold;
}

table.geryBGTab{
  width:100%;
  background:#000000 url('../images/bg.gif') 0 0 repeat-x;
  border:0px solid #FFFFFF;
}

td.greyBG
{
  width:100%;
  height:7px;
  /*background-image:url('../images/bg.gif');*/
  background-image:url('../images/yellowBg1.jpg');
  border:0px solid #FFFFFF;
}
/**************************************** BANNER ADMIN END STYLE
 *
 * MENU ADMIN STYLE
 **/
ul#navAdmin
{
  padding:0;
  margin:2px 0;
  background:#D6D6D6 url('../images/bg.gif') 0 0 repeat-x;
  width:190px;
}

ul#navAdmin li
{
  padding:0;
  margin:0;
  display:listitem;
  border:1px solid #D6D6D6;
  border-width:1px 0;
  list-style:none;
}

ul#navAdmin a:link, ul#navAdmin a:visited
{
  color:#FFFFFF;
  background:#E0A020;
  font-family:Verdana, Arial, Helvetica,sans-serif;
  padding:5px 5px 5px 5px;
  display:block;
  width:auto;
  text-decoration:none;
  font:bold 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
  text-shadow: 2px 2px 2px #555;
  text-align:right;
}

ul#navAdmin a:hover
{
  color:#FFFFFF;
  background:#60A000;
  cursor:pointer;
}

div#rubAdmin
{
  height:25px;
  padding:10px 5px 0px 5px;
  font:bold 0.8em/0.85em Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  text-align:center;
  background-color:#990000;
  -moz-border-radius:5px;
}

/************************************* MENU ADMIN END STYLE */


td.adminTitle{
	font-size:1.2em;
	font-weight:bold;
	font-family:verdana, arial;
	padding:0.5em;
	color:#990000;
	text-align:center;
	background-image:url("../images/f3.jpg");
}


/*************************************************************
 * MANAGE IMG HOME PAGE
 **/
table.manageHomeImageTab{
  margin: 5px 5px 0px 0px;
}

td.hpImagePreviewsBlock{
  width: 20%;
  vertical-align: top;
  background-color: #FFFBE0;
}

td.hpImageZoomBlock{
  width: 80%;
  vertical-align: top;
  height: 350px;
  text-align:center;
  background-color:#FFF3BC;
  padding: 5px;
}

td.img_td{
  vertical-align: top;
}

td.img_td a{
  text-decoration: none;
}

td.img_td img{
  border:none
}

ul#manageHPImgMenu{
  padding:0;
  padding:0;
  background:#808259 url('../images/bg.gif') 0 0 repeat-x;
  float:left;
  width:100%;
  border:1px solid #42432d;
  border-width:1px 0;
  text-align:center;
}

table.manageHPImgMenu{
  width:100%;
}

table.manageHPImgMenu td{
  width:50%;
  text-align:center;
}
table.manageHPImgMenu td div#deleteHPImglink{
  font:bold 0.9em/1em Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFB538;
  height: 18px;
  color: #7D7D7D;
}

table.manageHPImgMenu td a:link, table.manageHPImgMenu td a:visited{
  text-decoration: none;
  color: #9C0900;
  font:bold 0.9em/1em Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFB538;
}

table.manageHPImgMenu td a:hover{
  text-decoration: none;
  color: #9C0900;
  font:bold 0.8em/1em Verdana, Arial, Helvetica, sans-serif;
}

table.manageHPImgMenu a div{
  background-color:#FFB538;
  height: 18px;
  color: #9C0900;
}

table.manageHPImgMenu a:hover div{
  background-color:#FFF3BC;
  height: 18px;
  color: #9C0900;
}

div#addHPImgForm{
  background-color: #FFF3BC;
  padding: 5px;
}

div#addHPImgForm legend{
  font:bold 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
  color:#990000;
}

div#addHPImgForm fieldset{
  text-align:left;
}

/**************************************************************
 * jQuerry File Tree
 **/
div.fileTree {
	width: 250px;
	height: 300px;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background: #FFF;
	overflow: scroll;
	padding: 5px;
}

div.fileTree_main_container {
	float: left;
	margin: 15px;
}

div.fileTree_main_container H2 {
  font:bold 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
  text-shadow: 2px 2px 2px #555;
  text-align:left;

  font-weight: normal;
  margin: 0px 0px 10px 0px;
  color:#990000;
}


table.jqueryFileTreeTab
{
  border:0px solid #000000;
  width:100%;
  background-color:#FFF3BC;
}

iframe#display_doc_iframe{
  width:100%;
  height:400px;
}

input.inputFileNameVisible{
  visibility : visible;
}

input.inputFileNameHidden{
  visibility : hidden;
}

a.inputFileNameHidden{
  visibility : hidden;
}

a.inputFileNameVisible{
  visibility : visible;
}

a#fileLink{
  color:#990000;
  padding:0px 0px 0px 5px;
  text-decoration:none;
  font:bold 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
}

div.fileTreeSubComment{
  font:italic 0.6em/1em Verdana, Arial, Helvetica, sans-serif;
  padding:5px 0px 0px 0px;
  margin:5px 0px 0px 0px;
}
/***************************************************************************
 * Paroles de voyageurs Style
 **/
div#contentListBlock{
	margin: 0;
	padding: 0;
	width:100%;
}

div#contentListBlock ul{
  width: 99%;
	border-bottom: 1px dotted #990000;;
	margin: 5px 0px 0px 0px;
	padding: 0;
	border-left:1px solid #990000;
	border-right:1px solid #990000;
}

div#contentListBlock ul li{
	list-style:none;
	margin: 0px 0px 0px 0px;
	background-color: #FFF594;
	padding:0;
}

div#contentListBlock a {
	text-decoration: none;
	display: block;
}

div#contentListBlock a:hover table.tab_aff_voy {
	background-color: #FFCE38;
	cursor:pointer;
}

div#contentListBlock a:hover table.tab_aff_actu {
	background-color: #FFCE38;
	cursor:pointer;
}

div#contentListBlock a:hover table.tab_aff_cal {
	background-color: #FFCE38;
	cursor:pointer;
}
/***************************************************************/
table.tab_aff_actu_container{
  width:100%;
}

table.tab_aff_actu_container td.cell1{
  width:90%;
}

table.tab_aff_actu_container td.cell2{
  width:10%;
}

table.tab_aff_actu_order img{
  border:none;
}

table.tab_aff_actu_order{
  width:100%;
  border-top:1px solid #990000;
  color: #000000;
  font:normal 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color : #FFF594;
	height:100%;
	margin: 0px 20px 0px 0px;
}

table.tab_aff_actu{
  width:100%;
  border-top:1px solid #990000;
  color: #000000;
  font:normal 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color : #FFF594;
	height:100%;
	margin: 0px 20px 0px 0px;
}

table.tab_aff_actu img{
  border:none;
}

table.tab_aff_actu td.td_1{
  width:4%;
  height:20px;
}

table.tab_aff_actu td.td_2{
  width:60%;
  height:20px;
}

table.tab_aff_actu td.td_3{
  width:36%;
  height:20px;
}

/****************************************************/


table.tab_aff_voy{
  width:100%;
  border-top:1px dotted #990000;
  color: #000000;
  font:normal 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color : #FFF594;
	height:100%;
	margin: 0px 20px 0px 0px;
}

table.tab_aff_voy img{
  border:none;
}

table.tab_aff_voy td.td_1{
  width:4%;
  height:20px;
}

table.tab_aff_voy td.td_2{
  width:48%;
  height:20px;
}

table.tab_aff_voy td.td_3{
  width:48%;
  height:20px;
}

div.setVisible{
  visibility: visible;
}

div.setUnvisible{
  visibility: hidden;
}

div#PaginationBlock{
  border:0px solid #990000;
  width:99%;
  margin-top:5px;
}

div#PaginationBlock ul#pagination{
  margin:0;
  padding:0;
  border:0;
}

div#PaginationBlock ul#pagination li{
  border:0;
  margin:0;
  padding:0;
  font:normal 0.9em/0.9em Verdana, Arial, Helvetica, sans-serif;
  list-style:none;
  margin-right:2px;
  display:block;
  float:left;
}

div#PaginationBlock ul#pagination a{
  border:solid 1px #990000;
  margin-right:2px;
}

div#PaginationBlock ul#pagination .previous-off, div#PaginationBlock ul#pagination .next-off{
  border:solid 1px #990000;
  color:#888888;
  display:block;
  float:left;
  font-weight:bold;
  margin-right:2px;
  padding:3px 4px;
  font:bold 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFCE38;
}

div#PaginationBlock ul#pagination .ItemDeleteButton{
  border:solid 1px #990000;
  color:#888888;
  display:block;
  float:left;
  font-weight:bold;
  margin-right:2px;
  padding:3px 4px;
  font:bold 0.8em/0.9em Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFCE38;
}

div#PaginationBlock ul#pagination .next a, div#PaginationBlock ul#pagination .previous a{
  font:bold 0.8em/0.9em Verdana, Arial, Helvetica, sans-serif;
}

div#PaginationBlock ul#pagination .active{
  background:#FFF594;
  color:#990000;
  font-weight:bold;
  display:block;
  float:left;
  padding:4px 6px;
  font:bold 0.8em/0.9em Verdana, Arial, Helvetica, sans-serif;
}

div#PaginationBlock ul#pagination a:link, div#PaginationBlock ul#pagination a:visited{
  color:#60A000;
  display:block;
  float:left;
  padding:3px 6px;
  text-decoration:none;
  font:bold 0.8em/0.9em Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFCE38;
}

div#ItemBlock{
  width:99%;
  background-color: #FFF594;
  clear:both;
  margin:30px 0px 0px 0px;
  border:solid 1px #990000;
}

label.admiLabel{
	float:left;
	width: 150px;
	font:bold 0.7em/0.8em Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0px 5px 0px;
	clear:left;
	color: #000000;
}

input.adminInput{
  clear:left;
  display:block;
  width: 400px;
}

select.adminSelect{
  clear:left;
  display:block;
  width: 400px;
}

legend{
  font:bold 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
  color:#990000;
}

fieldset{
  margin:5px;
}

input.button{
  margin:0px 0px 0px 300px;
}

/***********************************************************************/
/*             Onglets calendrier style
*************/
div#ongletsCalendrier{
  width:99%;
}

ul#ongletList {
   /*font: bold 12px verdana, arial, sans-serif;*/
   font:bold 0.9em/1em Verdana, Arial, Helvetica, sans-serif;
   list-style-type: none;
   padding-bottom: 24px;
   border-bottom: 1px solid #E48700;
   margin: 0;
}

ul#ongletList li {
   float: left;
   height: 21px;
   background-color: #FFF2AC;
   margin: 2px 2px 0 2px;
   border: 1px solid #E48700;
}

ul#ongletList li.active {
   border-bottom: 1px solid #fff;
   background-color: #fff;
}

ul#ongletList a {
   float: left;
   display: block;
   color: #666;
   text-decoration: none;
   padding: 4px;
}

ul#ongletList a:hover {
   background: #fff;
}

ul#ongletList li.active {
   border-bottom: 1px solid #fff;
   background-color: #fff;
}

ul#ongletList li.active a{
   color:#990000;
}

table.tab_aff_cal{
  width:100%;
  border-top:1px dotted #990000;
  color: #000000;
  font:normal 0.8em/0.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color : #FFF594;
	height:100%;
	margin: 0px 20px 0px 0px;
}

table.tab_aff_cal td.td_1{
  width:10%;
  height:20px;
}

table.tab_aff_cal td.td_2{
  width:25%;
  height:20px;
}

table.tab_aff_cal td.td_3{
  width:25%;
  height:20px;
}

table.tab_aff_cal td.td_4{
  width:40%;
  height:20px;
}

span.smallLegendText{
  font:normal 0.7em/1em Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
  font-style : italic;
  margin-top:20px;
}
/***********************************************************************/

DIV#formlogin{
	font:bold 1em/1em Verdana, Arial, Helvetica, sans-serif;
  margin: 10% 0 0 40%;
	padding:0.5em 0.5em 0.5em 0.5em;
	width:26em;
	color:#663333;
	background-color:#E0A020;
	text-align:center;
}

DIV#formlogin .formulaire{
	font-size:0.8em;
	text-align:left;
}

DIV#formlogin label{
  float:left;
	width:9em;
	color:#006600;
	padding:0.5em 0.5em 0em 0em;
}

DIV#formlogin input{
	margin:0.5em 0.5em 0em 0em;
}

DIV#formlogin p.lbas{
	font-size:0.7em;
	font-family:verdana, arial;
	font-style:italic;
}

DIV#formlogin input.lbutton{
	cursor:hand;
	color:#990000;
	font:bold;
	font-weight:bold;
	margin:1.5em 0.5em 0em 12em;
}

DIV#formlogin span.err{
	color:white;
	font:bold 0.8em/1em Verdana, Arial, Helvetica, sans-serif;
}
/***********************************************************************
 * Style de l'élement Aide
 ********************************************/
div#help{
	background: transparent url('img/info.png') no-repeat 0 -2px;
}
div#help a.info_bulle{
	cursor: pointer;
	text-decoration : none;
	padding: 0 0 0 20px;
}

div#help a.info_bulle span{
	position: absolute;
    top: -2000em;
    left: -2000em;
    width: 2px;
    height: 1px;
    overflow: hidden;
    background:  #EEFFB8;
    border: 1px solid #990000;
    color: #990000;
    font: normal 0.8em/1em Verdana, Arial, Helvetica, sans-serif;
}

/* Rend visible tout notre bloc span et lui attribue une taille */
div#help a.info_bulle:hover span, div#help a.info_bulle:focus span, div#help a.info_bulle:active span{
    top: auto;
    left: auto;
    width: 400px;
    height:  auto;
    overflow: visible;
    cursor: pointer;
}

div#help a.info_bulle:hover{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}

table.footer{
	width:99%;
}

table.footer p.pied{
	color: #990000;
	text-align:center;
	font: italic 0.7em/1em Verdana, Arial, Helvetica, sans-serif;
}