* {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
	color: #ff9900;
	margin: 0;
	margin-top: 5em;
	padding: 0;
	background-color: #333333;
}

/* ALIGN CENTER ALL TABLES */
table {
	border-collapse     : collapse;
	border      : 0;
}

td  {
	padding     : .2em;
	border      : 0;
}

table.centered {
	margin    : 1em auto;
}

table.withBorder {
	border              : 1px solid #ccff00;
}

table.withBorder td {
	border              : 1px solid white;
}

table.stats {
	border : 1px solid black;
	margin : 1em auto;
}
table.stats td {
	border : 1px solid lightgrey;
}

img {
	border          : 0;
	vertical-align        : middle;
}

input {
	padding          : 0.1em;
}
/* couleurs champ Soumettre */
input, textarea {
	font-size: 1em;
	border: 1px outset #ffffff; /*A77D52;*/
	background-color: #666666;
}
input.submit {
	font-weight        : bold;
}
.cancel, .cancel:hover, .cancel:visited {
	color: red;
	text-decoration: underline;
	padding: .1em;
}
.cancel:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #D00;
}

.textCentered {
	margin          : 0 auto;
	text-align        : center;
}

.small {
	font-style      : italic;
	font-size       : 0.7em;
}
.big {
	font-size: 1.5em;
}

.form table , .form {
	width: 90%;
}
.form table th , .form th {
	width: 30%;
	text-align: right;
}
.form table td , .form td {
	width: 60%;
	text-align: left;
}

/* HEADER_NAV [LOGOUT & LANGUAGES] frame haut*/
#header_nav {
	position         : absolute;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 2.4em;
	background-color : #333333;
	padding          : 0.3em 0;
	margin           : 0;
	background  : url('../images/lourmarin_trace.jpg') no-repeat center;
	border-bottom    : 1px solid #DADADA;
	text-align       : right;
	font-size        : 0.8em;
	font-weight      : bold;
	z-index          : 2;
}
#header_nav form {
	margin           : 0.3em;
	padding          : 0 2em;
	border           : 0;
}
#header_nav img {
	vertical-align:middle;
}
/* Bouton Deconnexion */
#header_nav a {
	padding-right   : 1em;
	text-decoration :none;
	color           : #ccff00;
}
#header_nav input {
	border           : 1px solid #A77D52;
	background-color : white;
	color            : black;
}
/*   ACCESSIBILITY INFORMATION  Menu dessus bandeau */
span.access {
	position : absolute;
	top : 0;
	left : 12.3em;
	right : 20em;
	text-align : left;
	color : #464747;
	/*visibility: hidden;  parenthéses frame haut ref depart #AAA*/
}
#header_nav span.access a {
	padding-right : 0em;
	color : #464747;
/* texte frame haut, ref depar #888 */
}
span.access span {
	display      : none;
}
/* CHOOSE DATE */
a#c_date_b {
	border-bottom        : 2px solid red;
	cursor        : pointer;
}

/* MENU & SUBMENU */

/*
	CREDITS :

	http://openweb.eu.org/articles/menu_universel/
	http://www.phoenity.com/newtedge/horizontal_nav/
*/

div#menu {
	position    : absolute;
	/*top         : 2.9em;*/
	left        : 0;
	/*width       : 100%;*/
	height      : 2.4em;

	font-size   : 0.85em;
	border      : 1px double #ccff00;
	border-left : 0;
	border-right:0;
	/*background  : #A77D52 url("../images/bg_nav.png") repeat-x;*/
	/*background-color : #A77D52;*/
}

div#menu a {
	display          : block;
	text-decoration  : none;
}
ul.menujs {
	list-style-type  : none;
	/*background-color : #A77D52;*/
}
ul.menujs a  {
	
	/*  menu comptes plannings etc .... */
	color        	 : #333333;
	height          : 2.4em;
	border-right    : 3px solid black; /* petits traits verticaux séparation menu */
	font-weight     : bold;
}
ul.menujs span {
	display      : none;
}
ul.menu {
	list-style-type  : none;
	/*background-color : #A77D52;*/
}
ul.menu a  {
	/*color         : white;*/
	/*height          : 2.4em;*/
	border-right    : 1px solid #A77D52;
	font-weight     : bold;
}
ul.menu span,
ul.ssmenu span {
	display      : none;
}
ul.ssmenu {
	list-style-type  : none;
	border           : 1px solid #e8e8e8; /* contours sous-menu */
	border-bottom    : 0;
}
ul.ssmenu a {
	height            : 100%;
	color             : #333333;
	background-color  : #929292;
	border            : 0;
	border-bottom     : 2px double #e8e8e8;
	margin            : 0;
	padding           : 0 0.5em;
}
ul.ssmenu a:hover {
	background-color  : #333333;/* couleur roll_hover */
	color             : #e8e8e8;
	font-style: italic;
}

	/*  BUG IN IE DOESNT ALLOW TO BE PUT UNDER THE SUB_MENU :( */
div#menu_nav_shadow {
	display: none;
/*
	position      : absolute;
	left        : 0;
	top        : 4.6em;
	height      : 1em;
	width      : 100%;
	border      : 0;
	margin      : 0;
	background-image  : url('../images/ombre_nav.png');
	background-repeat  : repeat-x;
*/
}


/*  LOGO  */
#logo img {
	position      : absolute;
	top        : 1.8em;
	left        : 0.8em;
	z-index      : 3;
	height      : 3.5em; /* 135 */
	width       : 9.1em; /* 129 */
	display: block;
	/*display: block; */
	}
div#logoX img {
	position      : absolute;
	top          : 0.8em;
	left        : 9.0em;
	margin      : 0;
	padding      : 0;
	border      : 0;
	z-index      : 3;
	height      : 6em; /* 97 */
	width       : 1em; /* 17 */
	/*display: block;  */
	 display: none; 
}

.hr {
	border-bottom      : 2px dotted #6A6A6A;
	padding-bottom: 1em;
}

/*  BOTTOM INFORMATION BOX  */
div#bottomInfo {
	border-bottom      : 2px dotted #cc0000; /* ligne de points en bas page */
	margin-bottom      : 0.5em;
	margin-top         : 1.5em;
	position          : relative;
	left            : 20%;
	width          : 77%;
	font-size          : 0.8em;
	height          : 1.5em;
}

span#lastUpdate {
	width        : 40%;
	float        :left;
}
span#logoAdv {
	width        : 50%;
	float        :left;
	text-align      : center;
}
span#goTop  {
	width          :9%;
	float          :right;
	text-align        :right;
}
span#goTop a,
	span#goTop a:hover,
span#goTop a:visited {
	color          : #A77D52;
}

/*  EXECUTION TIME */
div#execTime {
	text-align        : right;
	color          : #AAA;
	font-weight        :  bold;
	font-size          : 0.6em;
	margin-right        : 3%;
}

/*  MAIN DATA  */
.mainData {
	margin          : 0;
	margin-left    : 20%;
	padding          : 0;
	padding-top   : 1em;
	border          : 0;
	width: 79%;
}

/* INFO BOX      menu choix partie gauche*/
div#infoBox {
	position          : absolute;
	top            : 12em;
	left            : 1em;
	width          : 17%;
	font-size          : .8em;
}

div#infoBox p {
	border          : 1px solid #ccff00;/*Lignes contours menu Gauches*/
	padding          : 0.5em;
	margin          : 0;
	margin-top        : 0.5em;
	font-weight        : bold;
}
div#infoBox img {
	height : 1.5em;
}
div#infoBox span {
	display      : none;
}

span#back,
span#back a,
div#infoBox a {
	color          : #a0522d;
	font-weight        : normal;
}
	span#back a:hover,
div#infoBox a:hover {
	text-decoration      : none;
}
p#message , .message {
	color          : red;
}

/*  MAIN TITLE    Première ligne sous les menus */
h1 {
	color             : #929292;
	text-align        : left;
	font-weight       : bold;
	font-size         : 1.15em;

	background  : url('../images/Pic_lourmarin_titre.png') no-repeat;
	padding-left      : 1em;
	height            : 2.2em;
}
h1 span {
	border-bottom     : 3px dotted; /*  ligne de points sous le menu de page */
	display           : block;
	width             : 97%;
}

/*  SECOND LEVEL    */
h2 {
	font-size         : 1.05em;
	border-color      : #369;
	color             : #369;
	margin-left       : 0;
	padding-left      : 1em;
	width             : 95%;
	border-bottom     : 2px dotted;
	text-align        : left;
}

/*  THIRD LEVEL    */
h3 {
	font-size          : 1.00em;
	/*background-color      : #6F9;*/
	color          : #396;
	width          : 65%;
	margin          : 1em auto;
}
h3 img {
	height : 2em;
}
/* END GENERAL DEFINITION */



/* SPECIFIC CSS FOR EACH PAGE */

/*
* CONFIGURATION [config.php]
*/
/*#config {
	width     : 85%;
} LD comments on 2006-07-04 */
#config div#ldap_samba table,
#config h3 {
	width   : 98%;
	padding   : .2em;
	text-align  : center;
}
#config div#ldap_samba table {
	border      : 0;
}
#config div#ldap_samba table td {
	border      : 0;
	border-bottom  : 1px solid black;
}
#config div#ldap_samba table .name {
	width      : 30%;
	border-bottom  : 1px solid black;
}
#config div#ldap_samba table .valueLdap input {
	width      : 98%;
}

#config div#ldap_samba table td.title {
	font-weight   : bold;
	text-align    : center;
}

/*
* ADMINISTRATION [admin.php]
*/
/*
#admin table tr {
	border            : 2px solid black;
}
#admin table td {
	border            : 0;
}
*/
/*
* HOMEPAGE [index.php]
*/
.login {
	padding: .5em;
	border: 1px solid #929292;
	margin: 0 auto;
}
.login  th , .login  td {
	padding: 0.5em;
}
.login tr:hover {
	background-color : #464747;
}
.login caption {
	font-weight: bold;
	text-align: center;
	background-color  : #929292;
	color: #ccff00;
	padding: .5em;
	margin: 0 auto;
}
.login  #pipe {
	font-size: 1.3em; /*18px;*/
}


/*
* SITE [sites.php]
*/
#sites #print_site th {
	font-weight            : bold;
	color              : green;
}


/*
* SESSIONS [sessions.php]
*/

table.planning {
	width : 100%;
	background-color: transparent;
	border : 0;
	padding : 0;
	/*border-collapse : 3;
	cellspacing : 3;*/
	font-size     :     95%;
}

table.planning img {
	max-width : 1em;
	max-height : 1em;
}

.planning tr {
	background-color: #f9f9f9;/*F9FAF9 */
}

.planning td {
	padding:            0px 4px 0px 4px;
	background-color:   #929292;/* #f5faf5 */
	border-color: #b7c7e1 #666666 #666666 #b7c7e1; /* #C5CCC5 #ffffff */
	border-width:       2px 2px 2px 2px;
	border-style:       none solid dotted none;
	/*border-style:       solid;*/
	text-align    :     left;
	vertical-align :    top;
}

.planning th {
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #b7c7e1 #666666 #666666 #b7c7e1; /* #C5CCC5 #ffffff */
	background-color: #d5ddd5;
}

td.left_head {
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #b7c7e1 #929292 #929292 #b7c7e1; /* #C5CCC5 #ffffff */
	background-color: #666666;
	font-weight: bold;
}

td.top_head {
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #b7c7e1 #929292 #929292 #b7c7e1; /* #C5CCC5 #ffffff */
	background-color: #666666; /* #d5ddd5 */
	/*font-weight: bold;*/
}
/*  plages horaires en accées individuel */
td.individual {
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #b7c7e1 #666666 #666666 #b7c7e1; /* #C5CCC5 #ffffff */
	background-color: #29a92a;
}

/* plages horaires en atelier */
td.collective {
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #b7c7e1 #666666 #666666 #b7c7e1; /* #C5CCC5 #ffffff */
	background-color: #20b2aa; /* #85adf5 */
}
td.td_first {
	background-color: #929292; /* #ffffff */
}

.session_prog {
	max-height : 0.8em;
	max-width : 0.8em;
	float : right;
}
/* couleurs carrés sour le nombre d'inscrits  */
.worst {
	background-color:#FF5555;
}
.bad {
	background-color: #df9d00;
}
.notgood {
	/* background-color: #adff2f;  /* #FFFF88 */
}


/*
* ROOMS [rooms.php]
*/
#rooms  td {
	border              : 1px solid black;
	padding              : 0.2em;
}

/*div#sessions img {
	height : 1em;
	width : 1em;
	/*  float: right;
	position: relative;
	top: 0cm;
	right: 0cm; *//*
}*/

/*
DEBUG INFORMATIONS
*/
.debug {
	font-size : 0.9em;
	background-color : #929292;
}

.debug table tr {
	border-collapse   : collapse;
	border            : 2px solid red;
	caption-side      : top;
}

.debug table td {
	border-collapse   : collapse;
	border            : 2px solid darkred;
	caption-side      : top;
}

/*
* USES.PHP
*/
.use_prog {
	max-height : 0.8em;
	max-width : 0.8em;
	/* float : right;*/
}

td.use_booked {
	text-align : center;
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: #d5edd5; /*#75ed85;*/
}

/*
* EVALUATIONS.PHP
*/
#evaluations img {
	max-height:4em;
	max-width:4em;
}

#initiations_result img {
	max-height:4em;
	max-width:4em;
}
img.gantt {
	border        : 2px solid black;
	margin        : .5em;
}
/*
* PRINTABLE
*/
.printable {
	display: none;
	visibility : hidden;
}
.noprintable {
}
/*
* COLORS & STYLE *
*/
.blue { color: #00f; } /* #00f */
.red  { color: #f00; }
.grey { color: #aaa; }
.darkRed { color: #8B0000; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.brown { color: #A77D52; }
.light-brown { color: #D6C3B0; }
.greyBackground { background-color: #929292; }

.top { vertical-align: top; }
.left { text-align: left; }
.right {text-align: right; }
.center {text-align: center; }

.input_format {
	color: #aaa;
	font-style: italic;
}

/* * TABLE FORM // LIST * */
table.form {
	border: 2px solid black;
}
table.form tr {
	border: 1px solid #aaa;
}
table.form th {
	text-align: right;
}

table.list {
	border: 1px solid #D6C3B0;
	margin: 0 auto;
	background: #666666;
}
table.list thead {
	background: #d7c7e1;
}

/*  date atelier */
table.list th {    
	padding: .3em;
	color: white;
	background-color: #333333;
	text-align: center;
}
/* matin */
table.list td {
	padding: 0 .5em;
	border-left: 1px dashed #D6C3B0;
	border-right: 1px dashed #D6C3B0;
	color: #a77d52;
}
 /* aprés-midi */
table.list .odd {   
	background-color: #929292;
	
}
/* * TITLE * */
.title-brown {
	color: #333333;
}
.title-brown:before {
	content: "\00BB \00A0";
}
select {
	font-family: lucida, arial, sans-serif;
	font-size: .9em;
}
#photo {
	border: 1px solid black;
}
.error {
	background-color: yellow;
	border-bottom: 2px solid red;
	border-top: 2px solid red;
}
th.error {
	border-left: 2px solid red;
	padding-right: 2em;
}
td.error {
	font-family: arial;
	font-size: .9em;
	color: red;
	font-weight: bold;
	border-right: 2px solid red;
	padding-left: 2em;
}
.odd {
	background-color: #eee;
}
.border-table {
	border: 1px solid black;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
ul.no-style {
	list-style-type: none;
}
.experimental {
	color: #fdd;
	background-color: #d00;
	padding: .2em;
}

dl a {
	color: Blue;
}
/*  couleurs des liens */

a:link {
	color: #eee8aa;
}
a:visited {
	color: #00ff7f;
}
a:hover {
	color: fuchsia;
}
a:active {
	color: red;
}
dl .groupAction,
dl .groupUserAction {
	font-size: .8em;
	font-weight: bold;
}

dt {
	margin-top: 15px;
	padding-bottom: .2em;
	margin-bottom: .2em;
	font-weight: bold;
	border-bottom: 2px solid;
	width: 60%;
}

.groupName {
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

/* * SCHEDULE POPUP * */

.popup {
	font-size: 12px;
	color: #000000;
	background: #E7DBD0;
	text-decoration: none;
	position: absolute;
	z-index: 20;
	visibility: hidden;
	top: 0px;
	left: 0px;
	border: 1px solid #000000;
	padding: 3px;
}
.popup dl {
	margin: 0px;
	padding: 0px;
}
.popup dt {
	/*font-weight: bold;*/
	color:grey;
	margin: 0px;
	padding: 0px
}
.popup dd {
	margin-left: 20px;
	color:black
}

/* * Two rows * */

.leftRow {
	/*float: left;*/
	/*width: 49%;*/
}

.rightRow {
	float: right;
	width: 45%;
}

/* * Hide div * */
.hidden {
	display: none;
}

/* Status (in lists.php) */

.activeStatus {
	font-weight: bold;
}
.inactiveStatus {
	background-color : #aaa;
}
.hiddenStatus {
	background-color : #ccc;
	font-style : italic;
}