/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background-color: #000000 ;
	background-image: url("../img/page_fond1.jpg");
	background-repeat: repeat-y  ; 
	Background-attachment: scroll;	
	background-position: top center;
}


a {
	color: #683606;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

#wrapper {
	margin: 0 auto;
	width: 1000px;
}
#faux {
	margin-bottom: 0px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
}
#header {
	color: #333;
	width: 1002px;
	padding: 0px;
	height: 181px;
	margin: 0px 0px 0px 0px;
	/*background: #F1F1F1;*/
}
#navigation  {
	color: #FFF;
	width: 1000px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #000;
	border: 0px solid #CCC;
}
#navigation  a{
	color: #FFF;
}
#navigation  img{
	float: left;
	border: none;
}
#leftcolumn {
	/*display: inline;*/
	color: #FFF;
	width: 120px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
}
#content_large {
	float: left;
	color: #333;
	margin: 10px 13px;
	padding: 20px;
	width: 920px;
	display: inline;
	position: relative;
	background: #CEBDA5;	
}

#content {
	float: left;
	color: #333;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 20px;
	width: 800px;
	display: inline;
	position: relative;

}
#content h2{
	font-size: 16px;
}
#content h3{
	font-size: 14px;
}
#register {
	float:left;
	width:300px;
	position:relative;
	text-align:center;
	padding:5px;
	margin-top:35px;
	padding-top:15px;
}
#register .reg_lien {
	color: #933;
	text-decoration: none;

}
#slider {
	background-color:#CFBDA5;
	background-image:url(img/adobe_flash.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:100px; /*64px minimum*/
	width:350px;
	height: 250px;
	position:relative;
	float:left;
	padding:5px;
	margin-top:15px;
}
#login {
	float:right;
	width:300px;
	position:relative;
	padding:5px;
	margin-top:30px;
	text-align:left;
}
#erreur {
	color:#F33;
	text-align:left;
}
#erreur a {
	color:#F33;
	text-decoration:underline;
}
#rightcolumn {
	display: inline;
	position: relative;
	color: #333;
	padding: 5px;
	width: 195px;
	float: right;
	border: 1px solid #5C99DC;
	background-color: #EBF3FB;
}
#footer {
	width: 975px;
	clear: both;
	color: #333;
	margin: 5px 0px 0px 2px;
	padding: 10px;	
}
.clear {
	clear: both;
	background: none;
}
#paragraphe{
	/*border: 1px solid red;*/
	width: 100%;
	float: left;
	clear: both;
	padding: 0px 0px 10px 0px;
	margin-bottom: 5px;
}



/* utilisé pour gérer la description des actions, prend toute la largeur de la fenetre*/
#boite_longue{
	border: 1px solid #616060;
	background-color : #B7A58C;		
	width: 787px;
	/*height: 142px;*/
	padding: 2px;
	margin: 3px;
	float: left;
}

#boite_longue_titre {
	background: #483325;
	color: #FFF;
	width: 781px;
	float: left;
	text-align: left;
	padding: 3px;
}
#boite_longue_milieu {
	color: #483325;
	width: 781px;
/* 	height: 62px; */
	float: left;
	text-align: left;
	padding: 5px 3px 3px 3px;
}
#image_action {
	float: left;
	margin: 0px 10px 0px 0px;
	border: 0px solid #483325
} 

/* utilisé pour affichage du tableau inventaire*/
#boite_inventaire{
	border: 1px solid #616060;
	background-color : #B7A58C;		
	width: 627px;

	padding: 2px;
	margin: 3px;
	float: left;
}

#boite_inventaire_titre {
	background: #483325;
	color: #FFF;
	width: 621px;
	float: left;
	text-align: left;
	padding: 3px;
}
#boite_inventaire_milieu {
	color: #483325;
	width: 621px;
	float: left;
	text-align: left;
	padding: 5px 3px 3px 3px;
}


/* utilisé pour gérer les infos sur l'action, on en met 6 sur la largeur de la fenetre*/
#boite{
	border: 1px solid #616060;
	width: 188px;
	height: 116px;
	padding: 2px;
	margin: 3px;
	float: left;
	background-color : #B7A58C;	
	/*background-image : url("../img/fond_pierre.jpg");*/
}
#boite_titre {
	background: #483325;
	color: #FFF;
	width: 182px;
	float: left;
	text-align: center;
	padding: 3px;
}
#boite_milieu {
	width: 182px;
	float: left;
	text-align: center;
	padding: 10px 3px 3px 3px;
}

/*gestion du journal des actions*/
	
#container_500{
	border: 1px solid red;
	width: 100%;
	float: left;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
}	

#boite_100{
	border: 1px dashed #616060;
	width: 160px;
	height: 26px;
	/*padding: 2px;*/
	margin: 2px;
	float: left;
	background-color : #FFFFFF;	
	/*background-image : url("../img/fond_pierre.jpg");*/
}

/*utilisé dans l'ancien systeme d'affichage de l'action*/

#rubrique{
	width: 100px;
	padding: 5px;
	float: left;
}

#contenu{
	float: left;
	padding: 5px;
	width: 670px;
	line-height:130%;
}

#titre_contenu{
	border: 1px solid black;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;	
	width: 800px;
	float: left;
	clear: both;
	font-weight: bold;
	background-color : white;
	text-align: center;
	
}
#jauge{
	border: 1px solid black;
	width: 190px;
	float: left;
}


/* bargraph du site http://applestooranges.com/blog/post/css-for-bar-graphs/?id=55 */
dl { 
    margin: 0; 
    padding: 0;   
}
dt { 
    position: relative; /* IE is dumb */
    clear: both;
    display: block; 
    float: left; 
    width: 60px; 
    height: 14px; 
    line-height: 14px;         
    font-size: 1em; 
    text-align: right; 
	margin: 5px;
}
dd { 
    position: relative; /* IE is dumb */
    display: block;                 
    float: left;     
    width: 100px; 
    height: 14px; 
    margin: 5px 0; 
    background: url("../img/g_colorbar1002.jpg"); 
 }

* html dd { float: none; } 
/* IE is dumb; Quick IE hack, apply favorite filter methods for 
wider browser compatibility */

 dd div { 
    position: relative; 
    background: url("../img/g_colorbar100.jpg"); 
    height: 14px; 
    width: 75%; 
    text-align:right; 
 }

 dd div strong { 
    position: absolute; 
    right: -5px; 
    top: -1px; 
    display: block; 
    background: url("../img/g_marker100.gif"); 
    height: 16px; 
    width: 9px; 
    text-align: left;
    text-indent: -9999px; 
    overflow: hidden;
}
 
/* exemple de feuille de style tableau réalisé avec le site http://www.somacon.com/p141.php */
table.sample {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	/*background-color: #38230A;*/
	/*color : #FFFFFF;*/
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
#fond_td_ok {
	background-color: #C0D373;
}
#fond_td_no_ok {
	background-color: #BE5959;
}


#dhtmltooltip {
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/*Gestion des onglets */
	
.TabCommon {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; FONT: bold 14px Verdana; WIDTH: 100px; COLOR: #6d6d6d; PADDING-TOP: 5px; HEIGHT: 30px; TEXT-ALIGN: center
}
.TabContent {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.TabContentBottom {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #99ccff 2px outset
}
.TabOff {
	BORDER-RIGHT: #bbbbbb 1px solid; BORDER-LEFT: #bbbbbb 1px solid; BORDER-TOP: #bbbbbb 1px solid; CURSOR: hand; BACKGROUND-COLOR: #e2e2e3
}
.TabOn {
	BORDER-TOP: #d1d1d1 2px outset; CURSOR: default; COLOR: #000000
}
.TabBorderBottom {
	BORDER-BOTTOM: #bbbbbb 1px solid; 
}
.TabActiveBorderLeftRight {
	BORDER-RIGHT: #d1d1d1 2px outset; BORDER-LEFT: #d1d1d1 2px outset
}
.TabActiveBackground {
	BACKGROUND-COLOR: #f7f8f3
}