/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #048;}
a:hover {color: #06C;}
/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	NewHorizon
   TEMPLATE CODE: 	S-0018
   VERSION:          1.0	
	DATE:          	October-01-2007
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; outline: 0; }

body {
	margin: 10px 0 0 0; 	padding: 0;
	font: normal 13px/1.6em  verdana, tahoma, sans-serif;	 
	text-align: center;
	background: #090807 url(../images/bg.jpg) repeat-x;
	color: #8F8F8E; 	
}

/* links */
a {
	color: #fff;		
	background-color: inherit;
	text-decoration: none;			
}
a:hover {	
	color: #99CC33;
	background-color: inherit;	
}

/* headers */
h1, h2, h3, h4,h5 {
	font: normal 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #eee;
}
h1 { font-size: 2em; color: #84A5DA; letter-spacing: -2px;	} 
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h4 { font-size: 0.8em; }

p, h1, h2, h3, h4 {
	margin: 0;
	padding: 5px 5px;
}

ul, ol {
	margin: 5px 5px;
	padding: 0 20px;	
}

ul {
	list-style:none;
}

/* images */
img {
	background: transparent;
   border: 0px;
   vertical-align: middle;
}
img.border {
	background: transparent;
   border: 3px solid #383735;	
}
img.float-right {
   margin: .5em 0 1em 1em;   
}
img.float-left {
   margin: .5em 1em 1em 0;
}

code {
  margin: .5em 0;
  display: block;
  padding: 20px;
  text-align: left; 
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
  /* white-space: pre; */
  background: transparent;
  border: 1px solid #211E20;   
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #8F8F8E;
}

blockquote {
	margin: 0px;
 	padding: 5px 0 5px 15px;  
  background: transparent;
  font: normal 1.2em/1.1em Georgia, "Times New Roman", Times, serif;
	height: 5em;
	overflow-y:scroll;
}

/* start - table */
table {
	margin: 2px 2px; 
	border-collapse: collapse;
	width: 100%;			
}
th strong {
	color: #fff;
}
th {
	background: #090807;
	color: #fff;
	height: 3em;
	padding-left: 2px;
	padding-right: 2px;	
	text-align: left;
	border-left: 1px solid #211E20;
	border-right: 1px solid #211E20;
	border-bottom: 1px solid #211E20; 
	border-top: 2px solid #8EB200;
}
tr {
	color: #707070;
	height: 2.5em;	
}
td {
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #211E20;	
}
/* end - table */

/* form elements */
form {
	background: transparent;

}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
label {
	display:block;
	font-weight:bold;
	margin: .4em 0;	
}
input {
	padding: .3em;
	border: 1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {

	padding: .3em;
	font: normal 1em/1.5em Verdana, sans-serif;
	border: 1px solid #eee;
	display:block;
	color:#777;
}
input.button { 
	border: 0px; 
  vertical-align: middle;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 10px; padding: 0 0 1.5em 0;	
	width: 20em;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 11em;
	color: #777; 
	padding: .4em; 
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	width: 80px;
	vertical-align: top;
}

.bloc {
	margin: 0px;
 	padding: 10px 0 10px 30px;  
  background: transparent;
  float:left;
}
div.box {
	overflow-y:scroll;
  border:1px solid #E8A400;
  background-color:#090807;
  padding:0px;
	margin:2px;
  width:300px;
	height:132px;
}
div.box li {
	list-style:none;
}
div.box-active {
  background-color: #FFF4D8;
}

.facture{
	cursor:move;
}
#liste_factures2{height:600px;
	overflow-y:scroll;}

.obox{border:2px solid white;
	width:200px;
	height: 200px;}


.fl{float:left;}
.clear{clear:both;}
/***********************
	  LAYOUT
************************/

#header, #nav, #content, #footer-wrap {
	width: 910px;
}

/* header */
#header {
	clear: both;
	position: relative;
	margin: 0 auto; padding: 0;
	height: 27px;
	text-align: left;	
}
#header #logo {
	position: absolute;
	background: transparent url(../images/logo_s.png) no-repeat;
	top: 20px;
	left: 45px;
	width: 309px;
	height: 40px;
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 40px 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	letter-spacing: -3px;
	color: #0a1e53;
	text-decoration: none;
	z-index: 9998;
	background: transparent;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 6px; left: 10px;	
}
#header p {
	font: bold 15px 'Trebuchet Ms', Sans-serif;
	color: #fff;
margin: 0; padding: 0;
	}
#header p#slogan {
	position: absolute;	
	font: normal 19px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #fff;
	margin: 0; padding: 0;
	z-index: 9999;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 40px; left: 25px;
}

/* Navigation */
#nav {
	clear: both;	
	margin: 0 auto;
	padding: 0;		
}
#nav ul {
	float: left;
	list-style: none;
	text-transform: uppercase;
	margin: 0;	padding: 0;	
	height: 56px;		
}
#nav ul li {
	float: left;
	margin: 0; padding: 0;
	height: 56px;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 5px;
	color: #a5a5a5;
	font: bold 16px/54px "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #fff;		
}
#nav ul li#current a {	
	color: #FF8B04;	
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #12120f url(../images/footer-top.jpg) repeat-x left bottom;
}
#content {
	text-align: left;	
	padding: 0; 
	margin: 0 auto;		
}

/* sidebar */
#sidebar {
	float: right;
	width: 24em;
	margin: 10px 0 10px -21em; 
	padding: 0;		
}
#sidebar h3 {
	font: normal 1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: .3em 0 .5em 10px; 
	color: #99CC33;			
	text-transform: none;
	letter-spacing: -1px;	
}

#sidebar ul.sidemenu {
	margin: 0 0 0 10px;
	padding: .1em 0 1em 0;		
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;		
	border-top: 1px solid #211E20;
}
#sidebar ul.sidemenu li {
	padding: 0; 
	background: url(../images/bullet.jpg) no-repeat .5em .6em;		
	border-bottom: 1px solid #211E20; 
	list-style:none;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
	display: block;
	font-weight: bold;
	color: #d3d0cc;
	text-decoration: none;
	padding: .2em 0 .2em 30px;
	line-height: 1.5em;
	font-size: 1.25em;
}
#sidebar ul.sidemenu li a:hover {
	color: #FF8B04;				
}
#sidebar ul.sidemenu ul { margin: 0 0 0 15px; }
#sidebar ul.sidemenu ul li { border: none; }

/* facture */

#contenu ul {	
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 0.9em;
	border-top: 1px solid #211E20;
	padding: 0;
}
#contenu ul li {
	padding: 0;
	list-style:none;
  position:relative;
}

#contenu li img form { float:left; }

#contenu ul li a:hover {
	color: #FF8B04;				
}

/* main */
#main {
	margin: 10px 26em 10px 0; 
	padding: 0;		
}
#main h2 { 
	font: normal 2.9em 'Trebuchet MS', Arial, Sans-serif;
	color: #84A5DA;	
	letter-spacing: -2px;		
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #211E20; 	
}
#main h2 a {
	color: #84A5DA;	
	text-decoration: none;	
}

#footer-wrap {	
	clear: both;
	padding: 0;	margin: 0 auto; 
}

/* columns */
#columns {
	clear: both;
	text-align: left;
	color: #5B9CFF;
	margin: 0 auto; 
	padding: 1.6em 0 .5em 0;
	width: 95%;	
}
#columns h3 {
	color: #99CC33;	
	margin: 0;
	padding: 0 10px; 	
	font: normal 1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif;	
	text-transform: uppercase;
}

#columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	border-top: 1px solid #111;	
}
#columns li {
	border-bottom: 1px solid #111;		
}
#columns li a {
	display: block;
	padding: .5em 0 .5em 1em;
	color: #8F8F8E;
}
#columns li a:hover {
	color: #fff;	
}

#columns .col3, .col3-center {
	float: left;
	width: 31%;
}
#columns .col3-center { 
	margin: 0 15px; 
}

/* footer */
#footer-bottom {
	clear: both;
	margin: 0 auto; 
	padding: 1em 0 1.5em 0;
	text-align: center;
	font-size: .85em
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.grey {	color: #8F8F8E; }

.post-by {
	font-size: .9em;	
	padding-top: 0;
}

.post-footer { 
	text-align: right; 
	background: transparent;
	border: 1px solid #211E20; 
	padding: 5px 10px;
	margin: 20px 15px 10px 15px;
}
.post-footer .date, 
.post-footer .comments,
.post-footer .readmore {
	padding-left: 20px; margin: 0 3px 0 3px;
}

.planning {
  width: 100%;
}
/* navigation */
.navigation {
	float: left;
	width: 100px;
}
.navigation h2 {
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 25px;
	margin: 0;
	padding-left: 12px;
}
.navigation ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 98%;
}
.navigation li a:hover {
	background: #F0F0EB;
	color: #654;
}

.pourcentage {
  overflow: auto;
  white-space:nowrap;
  padding: 0px;
  text-align:center;
  background:#555 url('/images/percent.png') repeat-x;
  color: #EEE;
  }
.semaine {
  position: relative;
  border-top: 2px solid #8EB200;
  width: 100%;
  height: 770px;
  float: left;
  text-align:center;
  padding: 0px;
  margin: 0px;
  }
  
.entete {
  position: relative;
  float: left;
	background: #090807;
	color: #fff;
	font-size: 1.2em;
  width: 177px;
  border: 1px solid #ccc;
  padding: 0px;
  margin: 0px;
  }
.horaire {
  position: absolute;
  float: left;
  background-color:#090807;
  height:15px;
/*  border-left: 4px solid #8EB200;*/
  text-align:left;
  padding: 2px;
  z-index:0;
  font-size: 0.8em;
  }

.rdv {
  position: absolute;
  padding: 0px;
  cursor: move;
  font: lighter 0.6em Tahoma,sans-serif;
  margin: 0pt auto;
  border: 2px solid #eee;
	
	-webkit-box-shadow: 0px 0px 5px #555;
  -moz-box-shadow: 0px 0px 5px #555;
  box-shadow: 0px 0px 5px #555;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  }

#rdv-entete {
  font-size: 90%;
  height: 10px;
  position: absolute;
  border: 0px;
  float: left;

  width: 100%;
  background-color:#eee;
  border-bottom:0px solid #dedede;
  color:#222;

  }

#rdv-body {
  padding: 3px;

  position: relative;
  font-size: 80%;
  top: 20px;
  border: 0px;
  width: 100%;
  overflow: hidden;
  }

#rdv-body:hover {
  opacity: 1;
  }

#contacts {
	font: normal 1.1em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: .3em 0 .5em 10px; 
	color: #99CC33;			
	text-transform: none;
	letter-spacing: -1px;	
	list-style:none;
}

#contacts ul {
	margin: 0 0 0 10px;
	padding: .1em 0 1em 0;		
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;		
	border-top: 1px solid #211E20;
	list-style:none;
}
#contacts ul li {
	padding: 0; 		
	border-bottom: 1px solid #211E20; 
	list-style:none;
}
/* recherche */
#recherche {
  	position: absolute;
	float: right;
	width: 400px;
	margin: 10px; 
	padding: 10px;	
	top: 50px;
	left:200px;	
	background-color:#090807;
	border-right:1px solid #dedede;
	border-left:2px solid #dedede;
}

#recherche h2 {
	font: normal 1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: .3em 0 .5em 10px; 
	color: #99CC33;			
	text-transform: none;
	letter-spacing: -1px;	
}

#recherche ul {
	margin: 0 0 0 10px;
	padding: .1em 0 1em 0;		
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;		
	border-top: 1px solid #211E20;
}
#recherche ul li {
	padding: 0; 
	background: url(../images/bullet.jpg) no-repeat .5em .6em;		
	border-bottom: 1px solid #211E20; 
	list-style:none;
}

#resultats {
  position: absolute;
  top: 70px;
  width: 560px;
  padding: 10px;
  background-color:#090807;
}

#infos {
  position: relative;
  float: right;
  top: 0px;
  padding: 2px;
  color: #bbb;
}

.mytree{padding: 0px;}

.mytree li {padding:2px 0px 0px 3px;}

.outer_tree_element{margin-left:10px;}

.inner_tree_element{margin:5px 0 0 10px;}

.mytree a{text-decoration:none; font-size:13px; color:white;}

.mytree a:hover{background-color:blue;}

.mytree label{font-weight:normal;}

.highlighted{background-color:blue;}

.normal{background-color:white;}

.drag_image{border:0px;}

#reminder {
	background-color: black;
  position: absolute;
	left:73%;
	top:-46px;
  padding: 5px;
  width: 360px;
	margin:0px auto;
	-webkit-box-shadow: 0px 0px 5px #555;
  -moz-box-shadow: 0px 0px 5px #555;
  box-shadow: 0px 0px 5px #555;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	font-size:0.9em;
}
#rdiv {
	cursor: move;
}
#popup {
	background-color: black;
  position: absolute;
	left:30%;
	top:350px;
  padding: 5px;
  width: 400px;
	margin:0px auto;
	-webkit-box-shadow: 0px 0px 5px #555;
  -moz-box-shadow: 0px 0px 5px #555;
  box-shadow: 0px 0px 5px #555;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	font-size:0.9em;
}