<!--*********************************************************************************************
*                                                                                               *
*          Copyright (c) 2008-2014 Nicolas BIDET / Christophe Toussaint									        *
*        License http://www.gnu.org/licenses/ GNU/GPL Public License										        *
*																																                                *
**********************************************************************************************-->

/* Header */

.topmenu {
 width:97%;
  margin-left:auto;
  margin-right:auto;
}

.button {
  margin:0px;
  background-color:#CCC
  border:2px solid #444;
  border-bottom:0px;
  float:left;
  margin-left:13px;
  margin-right:-10px;
  margin-bottom:0px;
  margin-top:10px;
  padding:4px;
  height:22px;
  color:white;
  font-size:11px;
}

/* Section selection button */
.button_right {
  margin:0px;
  background-color:#444;
  border:2px solid #CCC;
  border-bottom:0px;
  float:right;
  margin-right:17px;
  margin-left:-14px;
  margin-bottom:0px;
  margin-top:10px;
  padding:3px;
  height:24px;
}

p.button_right:hover {
  margin:0px;
  background-color:#CCC;
  border:2px solid #FFFFFF;
  border-bottom:0px;
  float:right;
  margin-top:10px;
  margin-right:17px;
  margin-left:-14px;
  margin-bottom:0px;
  padding:3px;
  height:24px;
  -moz-transition-property: background-color, border;
  -moz-transition-duration:0.4s;
  -moz-transition-timing-function: ease;
  -webkit-transition-property: background-color, border;
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function: ease;
}

/*used for booking main menu (petit bandeau qui apparait on mouse over manage spare parts) */
.menu_sscat {
  border-bottom:1px solid #FFFFFF;
  width:96%;
  padding:10px;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:auto;
  margin-right:auto;
  background-color:#CCC;
  font-weight:bold;
  font-size:9pt;
  color:#444;
  background-color:#CCC;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#CCC)), to(#FFF)); 
  background-image: -webkit-linear-gradient(top, #CCC, #FFF); 
  background-image:    -moz-linear-gradient(top, #CCC, #FFF); 
  background-image:     -ms-linear-gradient(top, #CCC, #FFF); 
  background-image:      -o-linear-gradient(top, #CCC, #FFF); 
  background-image:         linear-gradient(to bottom, #CCC, #FFF);
  border-radius: 1px 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
}

.button_sscat {
  margin:0px;
  float:right;
  margin-left:20px;
}

/* Couleur Section (my Space, Summary of...) */
.cat_title {
  padding-bottom:4px;
  color:#ccc;
  font-size:16px;
  font-weight:bold;
  border-bottom:2px solid #ccc;
  margin-right:auto;
  margin-left:auto;
  width:100%;
}

/* border: bleu clair, color: light gray */
.cat_title2 {
  padding-bottom:4px;
  color:#CCC;
  font-size:12px;
  font-weight:bold;
  border-bottom:2px solid #CCDBFF;
  margin-right:auto;
  margin-left:auto;
  width:100%;
}

/* orange */
.cat_menu {
  background-color: #EEEEEE;
  border-left:2px solid #FF9911;
  padding:10px;
  margin-bottom:20px;
}

/* Général */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0px;
  background-color:#CCC;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444)), to(#CCC)); 
  background-image: -webkit-linear-gradient(top, #444, #CCC); 
  background-image:    -moz-linear-gradient(top, #444, #CCC); 
  background-image:     -ms-linear-gradient(top, #444, #CCC); 
  background-image:      -o-linear-gradient(top, #444, #CCC); 
  background-image:         linear-gradient(to bottom, #444, #CCC);
}

body.fullpage {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0px;
  background-color:#FFFFFF;
  background-image: none;
  filter: 0;
  -ms-filter: 0;
  background-repeat: no-repeat;
}

img {
  vertical-align:middle;
}

a:link, a:visited {
    color: #000000;
	text-decoration: underline;
    font-weight:normal;
}

a:hover, a:active {
    color: #000000;
    text-decoration: none;
    font-weight:normal;
}

.login_background  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #CCC;
	padding-left: 4px;
	padding-right: 4px;
	background-color:#CCC;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, left , right, from(#CCC)), to(#EEE)); 
	background-image: -webkit-linear-gradient(left, #CCC, #EEE); 
	background-image:    -moz-linear-gradient(left, #CCC, #EEE); 
	background-image:     -ms-linear-gradient(left, #CCC, #EEE); 
	background-image:      -o-linear-gradient(left, #CCC, #EEE); 
	background-image:         linear-gradient(to right, #CCC, #EEE);
}

.toolbox {
  float:left;
  margin-top:0;
  margin-left:5px;
  font-size:11px;
  border:2px solid #CCC;
  border-top:0px;
  padding:2px;
  padding-left:10px;
  padding-right:10px;
  background-color:#CCC;
  height:16px;
}

.body {
  border-top:4px solid #444;
  width:96%;
  padding:10px;
  padding-top:12px;
  padding-bottom:22px;
  margin-left:auto;
  margin-right:auto;
  background-color:#444;
  border-radius: 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

.table {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
}

.titre2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #CCC;
	background-color: #444;
	background-image: -webkit-gradient(linear, left, right, from(#444)), to(#CCC)); 
	background-image: -webkit-linear-gradient(right, #444, #CCC); 
	background-image:    -moz-linear-gradient(right, #444, #CCC); 
	background-image:     -ms-linear-gradient(right, #444, #CCC); 
	background-image:      -o-linear-gradient(right, #444, #CCC); 
	background-image:         linear-gradient(to right, #444, #CCC);
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.titre3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #CCC;
	background-color: #CCC;
	padding-left: 4px;
	padding-right: 4px;
}

/* Used to differenciate Soft used by this site or used by all sites */
.titre4  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	text-align: center;
	color:#000;
	padding: 3px;
	background-color:#EAEAEA;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, top , bottom, from(#CCC)), to(#FFF)); 
	background-image: -webkit-linear-gradient(top, #CCC, #FFF); 
	background-image:    -moz-linear-gradient(top, #CCC, #FFF); 
	background-image:     -ms-linear-gradient(top, #CCC, #FFF); 
	background-image:      -o-linear-gradient(top, #CCC, #FFF); 
	background-image:         linear-gradient(to bottom, #CCC, #FFF);
}

.ficheTableGray  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #FFF;
	padding-left: 4px;
	padding-right: 4px;
	background-color:#CCC;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, left , right, from(#CCC)), to(#EEE)); 
	background-image: -webkit-linear-gradient(left, #CCC, #EEE); 
	background-image:    -moz-linear-gradient(left, #CCC, #EEE); 
	background-image:     -ms-linear-gradient(left, #CCC, #EEE); 
	background-image:      -o-linear-gradient(left, #CCC, #EEE); 
	background-image:         linear-gradient(to right, #CCC, #EEE);
}

/* Textbox normale */
.row1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border:1px solid #fff;
  padding:1px;
  padding-left:4px;
  padding-right:4px;
  background-color:white;
}

/* Rebut */
.row_spec {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border: 1px solid red;
  color:red;
  padding:1px;
  padding-left:4px;
  padding-right:4px;
}

tr.highlight td {
  background-color:#ffffc4;
}

tr.liste:hover td, tr.highlight:hover td {
  -moz-transition-property: background-color;
  -moz-transition-duration:0.4s;
  -moz-transition-timing-function: ease;
  -webkit-transition-property: background-color;
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function: ease;
  background-color:#FF9911;
  cursor:default;
}

.textbox_adm {
width:100%;
margin-top:10px;
color:black;
}

div.info_fiche {
	width:99%;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#CCC;
	padding:8px;
	padding-right:0;
	overflow:auto;
	border: 2px solid #EEE;
	background-color:#CCC;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, left , right, from(#CCC)), to(#EEE)); 
	background-image: -webkit-linear-gradient(left, #CCC, #EEE); 
	background-image:    -moz-linear-gradient(left, #CCC, #EEE); 
	background-image:     -ms-linear-gradient(left, #CCC, #EEE); 
	background-image:      -o-linear-gradient(left, #CCC, #EEE); 
	background-image:         linear-gradient(to right, #CCC, #EEE);
}

div.textbox {
  width:100%;
  margin-top:10px;
}

.textbox_white {
  width:100%;
  margin-top:10px;
  color:white;
}

div.legend {
  width:99%;
  margin-top:15px;
  border:2px solid #2956B2;
  border-left:8px solid #2956B2;
  padding:4px;
}

div.information {
	width:99%;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#CCC;
	padding:8px;
	padding-right:0;
	overflow:auto;
	border: 2px solid #EEE;
	background-color:#CCC;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, left , right, from(#CCC)), to(#EEE)); 
	background-image: -webkit-linear-gradient(left, #CCC, #EEE); 
	background-image:    -moz-linear-gradient(left, #CCC, #EEE); 
	background-image:     -ms-linear-gradient(left, #CCC, #EEE); 
	background-image:      -o-linear-gradient(left, #CCC, #EEE); 
	background-image:         linear-gradient(to right, #CCC, #EEE);
}


.warning {
  width:99%;
  margin-top:15px;
  margin-bottom:15px;
  padding:8px;
  padding-right:0;
  overflow:auto;
  border: 1px solid #2D446A;
  background-color:orange;
  font-size:14px;
  color:black;
}

/* GENERAL SETTINGS */
div.leftmenu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin-top:6px;
  background-color:#ccc;
  border: 2px solid #CCC;
  border-left:8px solid #CCC;
  float:left;
  width:25%;
  padding:5px;
}

div.rightmain {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin-top:6px;
  float:right;
  width:72%;
  height:98%;
}

div.rightinmain {
  border: 2px solid #CCC;
  padding:5px;
  margin-bottom:10px;
  border-left:8px solid #CCC;
}

.contenu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-top:5px;
  padding:2px;
  text-align:justify;
}

.contenu#mess_retour {
  border: 1px solid #2D446A;
  background-color:#CCDBFF;
  margin-top:150px;
  margin-bottom:150px;
  text-align:center;
  padding:20px;
  font-size:14px;
  font-weight:bold;
  color:#FF9911;
}

.contenu#warning {
  border: 1px solid #2D446A;
  background-color:#FF9911;
  margin-top:150px;
  margin-bottom:150px;
  text-align:center;
  padding:20px;
  font-size:14px;
  font-weight:bold;
  color:black;
}

.contenu#alert {
  background-color:#FFFFFF;
  border: 12px solid red;
  border-left:8px solid ;
  text-align:center;
  padding:20px;
  font-size:12px;
  font-weight:bold;
  color:red;
  margin-left:0;
  margin-right:0;
  margin-top:120px;
  margin-bottom:150px;
}

.no_record {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color:#FF9911;
  border:1px solid black;
  margin:auto;
  margin-top:50px;
  margin-bottom:40px;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
  text-align:center;
}

.help {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
	color: #000;
  border:1px solid black;
  background-color:#FFFFAA;
  margin-left:auto;
  margin-right:auto;
  margin-top:25px;
  margin-bottom:20px;
  border:2px solid #FFAD33;
  border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  padding:10px;
  width:85%;
}

/* tooltip calendar yellow border orange*/
div.inbulle {
	background-color:#FFFFAA;
	padding:10px;
	border: 1px solid #FFAD33;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	cursor: help; text-decoration: none;
	position: relative;
 }

/* green with background light green*/
div.table_success {
  border:1px solid #00FF00;
  background-color:#B5FFB5;
  padding:2px;
}

/* red with background light red*/
div.table_error {
  border:1px red;
  background-color:#FFB5B5;
  padding:2px;
}

/* footer dark gray to light gray*/
.copyright {
  width:96%;
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  margin-top:3px; 
  margin-bottom:3px;  
	background-color: #444;
	background-image: -webkit-gradient(linear,left center,right center,from(#444),to(#CCC));
	background-image: -webkit-linear-gradient(left, #444, #CCC); 
	background-image:    -moz-linear-gradient(left, #444, #CCC); 
	background-image:     -ms-linear-gradient(left, #444, #CCC); 
	background-image:      -o-linear-gradient(left, #444, #CCC); 
	background-image:         linear-gradient(to right, #444, #CCC);	
  color:white;
  text-align:center;
}

/* Formulaire */
form {
  margin:0;
  padding:0;
}

label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight:bold;
  margin-top:2px;
  position:absolute;
  line-height:22px;
  margin-top:3px;
  margin-left:10px;
  width:172px;
}

/* Search gray light*/
select, input, textarea, p.input {
  margin-left:220px;
  margin-right:20px;
  width:250px;
  line-height:22px;
  margin-top:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border:1px solid #CCC;
}

select {
  margin-right:22px;
}

input#large, select#large, textarea#large, span.valeur#large {
  width:355px;
}

select#ocs, input#ocs, textarea#ocs, span.valeur #ocs{
  margin-left:2em;
}

select.ldap, input.ldap, textarea.ldap, span.ldap{
  margin-left:2em;
}

input.search_field_ldap {
  height:12px;
  font-size:1em;
  margin:0px;
  width:auto;
  display:inline;
  vertical-align:middle;
}

input.search_ldap {
  margin:0px;
  margin-right:3px;
  height:14px;
  width:14px;
  display:inline;
  vertical-align:middle;
}
/* Search on mouse over */
input:hover, input:active, textarea:hover,textarea:active {
  border:1px solid #fff;
  background-color:#EDF3FF;
  -moz-transition-property: background-color, border;
  -moz-transition-duration:0.4s;
  -moz-transition-timing-function: ease;
  -webkit-transition-property: background-color, border;
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function: ease;
}


input#required, select#required {
  border:2px solid red;
}

input#ok, select#ok {
  border:1px solid green;
}

select.site, input.site {
  font-size:0.9em;
  height:20px;
  margin:0px;
  width:150px;
}

p.head_baseouapi {
  margin-left:220px;
  margin-right:20px;
  width:250px;
  line-height:22px;
  margin-top:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  display:inline-block;
  text-align:center;
  color:orange;
  font-size:14px;
  font-weight:bold;
  border-bottom:2px solid #CCDBFF;
}

p.head_baseexterne {
  margin-left:50px;
  width:250px;
  line-height:22px;
  margin-top:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  display:inline-block;
  text-align:center;
  color:orange;
  font-size:14px;
  font-weight:bold;
  border-bottom:2px solid #CCDBFF;
}

/* Search engine Textbox Search*/
input.search_field {
  height:16px;
  font-size:1em;
  margin:0px;
  width:auto;
  display:inline;
  vertical-align:middle;
}
/* Search engine Button Textbox Search*/
input.search {
  margin:0px;
  margin-right:3px;
  height:18px;
  width:18px;
  display:inline;
  vertical-align:middle;
}

/* Gray dark to light Title System, Equipments... */
.search_title1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color:#FFFFFF;
  	background-color: #444;
	background-image: -webkit-gradient(linear, left, right, from(#444)), to(#CCC)); 
	background-image: -webkit-linear-gradient(right, #444, #CCC); 
	background-image:    -moz-linear-gradient(right, #444, #CCC); 
	background-image:     -ms-linear-gradient(right, #444, #CCC); 
	background-image:      -o-linear-gradient(right, #444, #CCC); 
	background-image:         linear-gradient(to right, #444, #CCC);
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:5px;
  padding:2px;
  border:1px solid #CCC;
}

/* Purple for system's name found*/
.search_title2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight:bold;
  color: #686995;
  padding-top:5px;
  padding-bottom:5px;
}

/* gray light */
.search_result{
  font-family: Arial, Helvetica, sans-serif;
  margin-right:auto;
  margin-top:5px;
  margin-bottom:5px;
  background-color: white;
  border:1px solid #ccc;
  border-left:8px solid #ccc;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:5px;
  line-height:1em;
}

/* Almost white */
.search_result:hover {
	font-family: Arial, Helvetica, sans-serif;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	background-color: #EEE;
	border:1px solid #444;
	border-left:8px solid #888;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	line-height:1em;
	-moz-transition-property: background-color, border;
	-moz-transition-duration:0.4s;
	-moz-transition-timing-function: ease;
	-webkit-transition-property: background-color, border;
	-webkit-transition-duration:0.4s;
	-webkit-transition-timing-function: ease;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#2956B2)), to(#000)); 
	background-image: -webkit-linear-gradient(#EFE, #FFF); 
	background-image:    -moz-linear-gradient(#EFE, #FFF); 
	background-image:     -ms-linear-gradient(#EFE, #FFF); 
	background-image:      -o-linear-gradient(#EFE, #FFF); 
	background-image:         linear-gradient(#EFE, #FFF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFE, endColorstr=#FFF);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFE, endColorstr=#FFF);
}

/* Gray dark */
.no_result{
  font-family: Arial, Helvetica, sans-serif;
  margin-right:auto;
  margin-left:1%;
  margin-top:5px;
  margin-bottom:5px;
  background-color: #444;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
  color:#9899C5;
}

/* Purple for links See the details; Edit; Go to section*/
a.search_link:link , a.search_link:visited , a.search_link:hover ,a.search_link:active  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9899C5;
}

/* Purple for the border, green for the customer name */
.search_thissite {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  float:left;
  color:#00b300;
  font-weight:bold;
  border:1px solid #686995;
  border-top:0;
  padding:5px;
  margin-right:10px;
}

/* black for the customer name*/
.search_othersite {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  float:left;
  border:1px solid #686995;
  border-top:0;
  padding:5px;
  margin-right:10px;
}

/* MON ESPACE */
/* My info */
.my_main_button {
  float:left;
  width:110px;
  height:60px;
  overflow:hidden;
  padding:5px;
  padding-left:60px;
  text-align:right;
  color:lightgray;
  font-size:10px;
  font-weight: bold;
  margin-right:1px;
  margin-bottom:5px;
  border:1px solid #686995;
  border-radius: 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	background-color:#2956B2;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#2956B2)), to(#000)); 
	background-image: -webkit-linear-gradient(top left, #2956B2, #000); 
	background-image:    -moz-linear-gradient(top left, #2956B2, #000); 
	background-image:     -ms-linear-gradient(top left, #2956B2, #000); 
	background-image:      -o-linear-gradient(top left, #2956B2, #000); 
	background-image:         linear-gradient(to right bottom, #2956B2, #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2956B2, endColorstr=#000000);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2956B2, endColorstr=#000000);
}

/* Change my password button */
.my_password_button {
  float:left;
  width:90px;
  height:60px;
  overflow:hidden;
  padding:5px;
  text-align:right;
  color:white;
  font-size:10px;
  font-weight: strong;
  margin-right:-1px;
  margin-bottom:10px;
  border:1px solid #999;
  border-radius: 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	background-color:#FF0000;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#FF0000)), to(#000)); 
	background-image: -webkit-linear-gradient(top left, #FF0000, #000); 
	background-image:    -moz-linear-gradient(top left, #FF0000, #000); 
	background-image:     -ms-linear-gradient(top left, #FF0000, #000); 
	background-image:      -o-linear-gradient(top left, #FF0000, #000); 
	background-image:         linear-gradient(to right bottom, #FF0000, #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000, endColorstr=#000000);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000, endColorstr=#000000);	
}

/* My custom button */
.my_button {
  float:left;
  width:90px;
  height:60px;
  overflow:hidden;
  padding:5px;
  text-align:right;
  color:white;
  font-size:10px;
  font-weight: strong;
  margin-right:-1px;
  margin-bottom:10px;
  border:1px solid #999;
  border-radius: 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

.my_add_button {
  float:left;
  width:68px;
  height:62px;
  overflow:hidden;
  padding:5px;
  padding-top:3px;;
  text-align:center;
  border: 1px dashed #999;
  border-radius: 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
  color:#CCC;
  font-size:50px;
  font-weight: bold;
  margin-left:0px;
  margin-bottom:0px;
}

/* Calendrier */
input.calendrier {
  width:auto;
}

select.calendrier {
  margin-left:3px;
  width:auto;
}

.resa_complday {
  font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#CC0000;
	padding:1px;
	padding-top:15px;
	padding-bottom:15px;
	margin:0px;
	border: 1px outset black;
	text-align:center;
}

.resa_hour{
  font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:orange;
	padding:4px;
	margin-bottom:1px;
	border: 1px outset black;
	text-align:left;
}

.resa_view {
  font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#CCDBFF;
	padding:4px;
	margin-bottom:1px;
	border: 1px outset black;
	text-align:left;
	position:relative;
	z-index:2;
	overflow:hidden;
}

.resa_hour_light {
  font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#CCDBFF;
	margin-bottom:1px;
	border: 1px outset black;
	text-align:left;
}

/*** Boutons *****/
button{
    display:block;
    float:right;
    margin:2px 7px 2px 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    text-decoration:none;
    font-weight:bold;
    color:#000063;
    cursor:pointer;
}
button{
    width:auto;
    overflow:visible;
    padding:2px 8px 2px 7px; /* IE6 */
}
button[type]{
    padding:1px 8px 1px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:1px 8px 1px 7px; /* IE7 */
}

/* STANDARD */

button:hover, .menufixe a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

/* FICHE */
div.fiche {
  width:99%;
  margin-bottom:15px;
  border:2px solid #ccc;
  padding:4px;
  padding-top:10px;
  padding-bottom:20px;
  overflow: auto;
}

.fiche_button {
  margin:-1px;
  border:2px solid #FFF;
  background-color: #444;
  color: white;
  border-bottom:0px;
  float:left;
  margin-left:3px;
  margin-bottom:0px;
  margin-top:10px;
  padding:4px;
  height:12px;
  font-size:11px;
  cursor:pointer;
  width:165px;
  text-align:center;
  overflow:hidden;
}

.fiche_button:hover {
  margin-top:6px;
  height:16px;
  cursor:pointer;
  background-color: #444;
  background-image: -webkit-gradient(linear,right center,left center,from(#444),to(#CCC));
  background-image: -webkit-linear-gradient(right, #444, #CCC); 
  background-image:    -moz-linear-gradient(right, #444, #CCC); 
  background-image:     -ms-linear-gradient(right, #444, #CCC); 
  background-image:      -o-linear-gradient(right, #444, #CCC); 
  background-image:         linear-gradient(to left, #444, #CCC);
}

.fiche_button_disabled {
  margin:-1px;
  border:2px solid #AAAAAA;
  background-color: #999999;
  color: white;
  border-bottom:0px;
  float:left;
  margin-left:3px;
  margin-bottom:0px;
  margin-top:10px;
  padding:4px;
  height:12px;
  font-size:11px;
  width:165px;
  text-align:center;
  overflow:hidden;
}

.fiche_button_selected {
  margin:-1px;
  border:2px solid #FFF;
  background-color: #444;
  background-image: -webkit-gradient(linear,left center,right center,from(#444),to(#CCC));
  background-image: -webkit-linear-gradient(left, #444, #CCC); 
  background-image:    -moz-linear-gradient(left, #444, #CCC); 
  background-image:     -ms-linear-gradient(left, #444, #CCC); 
  background-image:      -o-linear-gradient(left, #444, #CCC); 
  background-image:         linear-gradient(to right, #444, #CCC);	 
  color: white;
  border-bottom:0px;
  float:left;
  margin-left:3px;
  margin-bottom:0px;
  margin-top:2px;
  padding:4px;
  height:20px;
  font-size:11px;
  font-weight: bold;
  cursor:pointer;
  width:180px;
  text-align:center;
  overflow:hidden;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

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


/* Général */

input.non_form, select.non_form {
  margin:auto;
  width:auto;
  vertical-align:middle;
}

/** Adm display */

.dbox {
	border:4px ridge #DDD;
	padding:4px;
	margin:4px;
	float:left;
	width:95px;
	height:55px;
	position:relative;
	background-color: #DDD;
	background: -webkit-radial-gradient( center, circle, #DDD, #BBB);
	background:    -moz-radial-gradient( center, circle, #DDD, #BBB);
	background:     -ms-radial-gradient( center, circle, #DDD, #BBB);
	background:      -o-radial-gradient( center, circle, #DDD, #BBB);
	background:         radial-gradient( circle at center, #DDD, #BBB);	
}

.dbox_perso {
	border:4px ridge #DDD;
	padding:4px;
	margin:4px;
	float:left;
	width:95px;
	height:55px;
	position:relative;
	background: -webkit-radial-gradient( center, circle, #FFF, #CCC);
	background:    -moz-radial-gradient( center, circle, #FFF, #CCC);
	background:     -ms-radial-gradient( center, circle, #FFF, #CCC);
	background:      -o-radial-gradient( center, circle, #FFF, #CCC);
	background:         radial-gradient( circle at center, #FFF, #CCC);	
}

.colnamebox {
  position:absolute;
  top:4px;
  text-align:center;
  font-size:11px;
  padding:3px;
  width:89px;
}

.dbox_tool, .dbox_tool:hover {
	margin:auto;
	width:auto;
	vertical-align:middle;
	border:0;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}

/** Container of Displayed columns (transparent because alpha = 0) */
#mainContainer{
	width:98%;
	text-align:left;
	background-color: rgba(4,4,4,0);
	
}

	/* This is the box that is parent to the dragable items */
	.smallArticle,.bigArticle{
		float:left;
		border:1px solid #000;
		background-color:#DDD;
		padding:2px;
		margin-right:10px;
		margin-bottom:5px;
	}
	.smallArticle img,.bigArticle img{
		float:left;
		padding:5px;
	}
	.smallArticle .rightImage,.bigArticle .rightImage{
		float:right;
	}
	.smallArticle{
		width:274px;
	}
	.bigArticle{
		width:564px;
	}

	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color:#FFF;
	}
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:6px;
		position:absolute;
		display:none;
	}
	#insertionMarker img{	/* Don't change the rules for the insertionMarker */
		float:left;
	}
	#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
		position:absolute;
		display:none;
		border:3px solid orange; /* orange borders */
		filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
		opacity:0.5;	/* 50% opacity , i.e. transparency */
	}

/* */

.row {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
	color: #FFF;
}

/*purple*/
.hyperlink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
	color: #9899C5;
	font color: #9899C5;
}

.row_alert{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color:red;
  border:1px solid red;
  font-weight:bold;
  padding:20px;
}


.col_alert{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color:red;
  border:1px solid red;
  padding:1px;
  font-weight:bold;
}

.col_none{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border:1px solid black;
  padding:1px;
  font-style:italic;
}


/* Popup */
.action  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border:1px solid black;
  text-align:center;
  margin:5px;
}

/* Bas de page */
 .footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color:#A8A8A8;
  margin:0px;
  margin-top:-4px;
  padding-left: 2px;
  padding-top:0px;
}

/********* DEBUG *********/
.debug_box {
  border: 1px solid black;
  background-color:#DDDD00;
  float:center;
  margin:10px;
  padding:5px;
}

/********* Infobulle *********/
#tt {position:absolute; display:block; background-color:#FFAD33; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#tttop {display:block; height:2px; margin-left:5px; margin-right:5px; background-color:#FFAD33; overflow:hidden}
/**ttcont = intérieur de l'infobulle + texte**/
#ttcont {display:block; padding:10px 5px 10px 10px; margin-left:2px; margin-right:2px;background-color:#FFFFAA; color:#000; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#ttbot {display:block; height:2px; margin-left:5px;margin-right:5px;background-color:#FFAD33; overflow:hidden}
}