html, body {
	height: 100%;

	background-color:#e7e5c8;
	background-image: url("../files/sysImages/bg_repeat.jpg");
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#global {
	position: relative;
}

div#center {
	height:100%;
	width:738px;
	padding-bottom: 50px; 
	overflow: auto;
	background: white url("../files/sysImages/bgcontent1.gif") no-repeat;
	margin-left: 11px;
}

div#contenu {
	float: right;
	width: 540px;
	margin-right: 18px;
	margin-left: 10px;
	margin-top: 25px;
}

div#sidebar {
	float: left;
	width:152px;
	margin-left:12px;
}

div#footer {
	width:738px;
	position: absolute;
	bottom: 0;
	padding: 10px;
	text-align:center;
	background-color:#FFFFF;
}

a{
  	color: #000;
	text-decoration: none;
}
/*
a:hover {
	color: #d9cfb1;
	text-decoration: none;
}*/
a:link{
    color: #000;
	text-decoration: none;
}
a#blue{
   color:blue;
   cursor: pointer;
}
a#blue:hover{
   color:blue;
   text-decoration:underline;
}
img{
	border:0;
}

p{
	text-align: justify;	
}
p#grey{
    width:520px;
    padding:10px;
    background-color:#e3e2c4;
    font-weight:bold;
	text-align: justify;
}
p#right{
	text-align: right;
}
h1 {
	font-size: 12px;
	background-image: url(../files/sysImages/bgliste.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	height:20px;
}

#descdiapo{
	
	width:100%;
    text-align:center;
    margin-bottom:20px;
}

#cadreGris{
    padding:10px;
    background-color:#e3e2c4;
}
div.img{
  width:100%;
  text-align:center;
}

div.img img{
  display: inline;
  margin: 3px;
  border: 3px solid #d9cfb1;

}
div.img a:hover img {
   border: 3px solid #675747;
}

td#wauto{
	vertical-align:text-top;	
}
table#encode{
	border: 1px solid #675747;
}
td#encode{
	border: 1px solid #d9cfb1;
}
th#encode{
   background-color: #675747;
   height: 20px;
   font-weight:bold;
   text-align:center;
   color: white;
}

tr#encode{
	background-color:#e9e9c8;
}
input[type="text"],input[type="password"]{
	background-color: white;
	border : 1px solid #675747;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 13px;
}
/*
input[type="text"]:focus{
	background-color: #d9cfb1;
}*/
textarea{
	background-color: white;
	border : 1px solid #675747;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
/*
textarea:focus{
	background-color: #d9cfb1;
}
*/
select{
	background-color: white;
	border : 1px solid #675747;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

th#reservation{
	background-color: #675747;
	color:white;
	font-weight:bold;
	border-style: none;
	border: 0px none #d9cfb1;
	height: 20px;
}
table#reservation{
   border: 1px solid #d9cfb1;
   border-spacing: 5px 5px;
}
td#reservation{
   border-bottom: 1px solid #d9cfb1;
}
table#cadre{
   border-spacing:5Px;
   border-top: 1px solid #d9cfb1;
   border-left: 1px solid #d9cfb1;
   border-right: 1px outset #d9cfb1;
   border-bottom: 1px outset #d9cfb1;
}
/*-------------------------------------------------- chambre -----------------------------------------------------*/

#descheader
{
    padding:10px;
    background-color: #e3e2c4;
    height:170px;
}
#descimage
{
    float:left;
    width:210px;
}
#desctexte
{
    float:right;
    width:300px;
    font-style:italic;
    font-weight:bold;
}
#desctexte p{
    color:#6e6e5f;
}
#prix
{
    padding:10px;
    background-color: #f0f0e2;
    margin-top:5px;
    text-align:justify;
}


/*--------------------------------------------------MENU -----------------------------------------------------*/
#titremenu{
    font-weight:bold;
    padding: 3px 0 0 10px;
    color:#d9cfb1;
}
ul#menu{
	margin:0;
    padding:0;
    list-style: none;
	background-color: #675747;
	border-left: 1px solid #56483b;
	border-bottom: 1px solid #56483b;
	border-right: 1px solid #56483b;
	border-top: 1px solid #41392d;
	background-image: url("../files/sysImages/bgmenu.gif");
	background-repeat:no-repeat;
	margin-bottom: 10px;

}
.menuContenttel
{
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-top: 15px;
	height:90px;
	font-weight:bold;
	font-size:xx-small;
	margin-left: 10px;
}

ul#menu li
{
  	margin: 0;
	padding: 3px 0 0 14px;
	height:20px;
	width:132px;
	background-image: url(../files/sysImages/bgliste.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
}
ul#menu li:hover
{
  	background-image: url(../files/sysImages/bglisteh.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
}
ul#menu a
{
	color: #ffffff;
	text-decoration: none;
}
ul#menu a:hover {
	color: #d9cfb1;
	text-decoration: none;
}
ul#menu a:link {
	color: #ffffff;
	text-decoration: none;
}
/*-------------------------------------------------- TABLEAU ----------------------------------------------------*/
table#auto{
   border-spacing:0px;
   /*#d9cfb1;*/
   border-bottom: 1px solid #d9cfb1;
}
th#autoTitre{
   background-color: #675747;
   height: 20px;
   font-weight:bold;
   text-align:center;
   color: white;
}
a#auto{
   color:white;
}
a:hover#auto{
   text-decoration:underline;
}
tr#autoPair{
   background-color:#e7e7b5;
}
tr#autoImpair{
   background-color: #e9e9c8;
}
tr:hover#autoPair{
   background-color: #d9cfb1;
}
tr:hover#autoImpair{
   background-color: #d9cfb1;
}
td#auto{
   border-top: 1px solid #d9cfb1;
   border-left: 1px solid #d9cfb1;
   border-right: 1px solid #d9cfb1;
   border-spacing:0px;
}

td#autoTitre{
   border-spacing:0px;
   border: 1px solid #443322;
   color: white;
}

a#b_edit{
   cursor: pointer;
   background-image: url('../files/sysImages/b_edit.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-color:transparent;
   border: 1px outset black;
   display:block;
   width:20px;
   height:19px;
}
a#b_edit:active{
   border: 1px inset black;
}

a#b_drop{
   cursor: pointer;
   background-image: url('../files/sysImages/b_drop.png');
   background-repeat: no-repeat;
   background-position: center center;
   border: 1px outset black;
   display:block;
   width:20px;
   height:19px;
}
a#b_drop:active{
   border: 1px inset black;
}
/*----------------------------------------- bouton -------------------------------------------------*/
a#bouton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
  	cursor: pointer;
  	color:black;
  	border: 1px solid #675747;
  	padding-right: 9px;
  	padding-left: 9px;
  	padding-top: 1px;
  	padding-bottom: 1px;
  	background-color: #e7e7b5;
}
a#bouton:active{
	border: 1px inset #675747;
}
input[type="submit"]{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
  	cursor: pointer;
  	color: white;
  	border: 1px solid black;
  	background-color: #675747;/*#e9e9c8;*/
  	padding-right: 9px;
  	padding-left: 9px;
}
input[type="submit"]:active{
	border: 1px inset black;
}
a#boutonSave{
	text-decoration: none;
	text-align:left;
	font: normal 100% 'Tahoma','Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  	cursor: pointer;
  	color:black;  	
	padding-right: 9px;
  	padding-left: 22px;
  	padding-top: 3px;
  	padding-bottom: 5px;
  	border : 1px solid black;
	background: #e7e7b5 url('../files/sysImages/save.png') no-repeat;
}
/* ----------------------------------------------------- calendar -----------------------------------------------------*/

.ctx{
	position:absolute; 
	text-align:left; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	background-color:#675747;         
	color:#FFFFFF;
	visibility:hidden; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:bold; 
	outset; 
	white-space: nowrap;
}
.ctxl        {padding-left:15px; padding-right:10px}
.ctxl2       {padding-left:15px; padding-right:10px; background-color:highlight; color:#003366}

.calh        {color:#FFFFFF; text-align:center; font-weight:bold}
.calh .sel   {background-color:#e9e9c8; color:#675747; cursor:pointer}
.calh td     {color:#ffffff}

.calm        {background-color: #675747; color:#FFFFFF; font-size:8pt; text-align:center}
.calm .sel   {background-color: #FFFFFF; color:#675747; font-weight:bold; cursor:pointer}
.calm td     {color:#ffffff}

.caly        {background-color: #675747; color:#FFFFFF; font-size:8pt; text-align:center}
.caly .sel   {background-color: #FFFFFF; color:#675747; font-weight:bold; cursor:pointer}
.caly td     {color:#ffffff}

.cal         {color:#FFFFFF;text-align:center}
.cal .sel    {background-color: #FFFFFF; color:#675747; cursor:pointer; font-weight:bold}
.cal .pas    {background-color: #e9e9c8; color:gray; text-align:center}
.cal .selpas {background-color: gray; color:#e9e9c8; cursor:pointer; font-weight:bold}
.cal .tod    {background-color: #675747; color:black; text-align:center; font-weight:bold}
.cal .seltod {background-color: #e9e9c8; color:black; cursor:pointer; font-weight:bold}

#cal         {visibility:hidden;border: 0px none white;}
table#cal{empty-cells: hide;}

img.but      {width:16; height:16; cursor:pointer}
img.but_cal  {width:16; height:14; cursor:pointer}
 
/* -------------------------------------- event ---------------------------------------------------*/
table#tabEvent{
   border: 0px none #d9cfb1;
   border-spacing:0px;
   border-bottom: 1px outset #d9cfb1;
   border-right: 1px outset #d9cfb1;
   border-top: 1px solid #d9cfb1;
}
td#planningN{
   background-color:white;
   color:black;
   border-left: 1px solid #d9cfb1;
   text-align:center;
   border-bottom: 1px dotted #d9cfb1;
}
td#EventTitre{
   background-color:#675747;
   color:white;
   border-left: 1px solid #d9cfb1;
   text-align:center;
   border-bottom: 1px solid #d9cfb1;
}
td#planningTitre{
   border-bottom: 1px solid #d9cfb1;
   background-color:white;
   color:black;
   border-left: 1px solid #d9cfb1;
   text-align:center;
}
table#event{
   border-spacing:5Px;
   border-bottom: 1px dotted #d9cfb1;
}

#login
{
	position:relative;
	top: 15px;
	left:100px;
	width:300px;
	height:166px;
	padding-top:25px;
	padding-left:39px;
	background-image: url("../files/sysImages/bg_login.jpg");
}

#login .label
{
	text-decoration:none;
	text-align:right;
	color:White;
	font-size: 13px;
	font-family: Comic Sans MS,Verdana, Times New Roman, Times, Serif;
}
/***********/
table#origNat{
   border: 0px none #d9cfb1;
   border-spacing:0px;
   border-bottom: 1px outset #d9cfb1;
   border-right: 1px outset #d9cfb1;
   border-top: 1px solid #d9cfb1;
}
td#origNat{
   background-color:white;
   color:black;
   border-left: 1px solid #d9cfb1;
   text-align:left;
   border-bottom: 1px dotted #d9cfb1;
   width:90%;
}
td#origNatR{
   background-color:white;
   color:black;
   border-left: 1px solid #d9cfb1;
   text-align:right;
   border-bottom: 1px dotted #d9cfb1;
   width:10%;
}
td#origNatTitre{
   background-color:#675747;
   color:white;
   border-left: 1px solid #d9cfb1;
   text-align:left;
   border-bottom: 1px solid #d9cfb1;
}
.spacer{
	clear : both;
	visibility:hidden;	
}