body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,{margin:0;padding:0;}


body {
	background-color:#F7F7F7;
}

body, table, div {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	color: #4f4e4d;
	padding:0px;
	margin:0px;
	border-collapse: collapse;
	table-layout: Fixed;	
}
img { 
	border:0;
}


.column
{	width:300px;
	float: left;
	min-height: 300px;
	background:url('../images/module_bg.jpg');
	background-repeat:no-repeat;
}

.portlet {cursor: move;}
.column input { cursor:pointer; }
.ui-sortable-placeholder { border: 3px dashed #666; visibility: visible !important; width: auto !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.error {
	display:none;
	background: url(../images/erreur_bg.jpg);
	padding:2px 3px 2px 3px;
	margin:0 0 5px 10px;
	border: 1px solid #9f0000;
	color: #ffffff;
	width:444px;
}

.module{background:#EFF0F2;}
.module .cadre_corner {width:6px;height:6px;background:url('../images/corner.png');}
.module .cadre_top {height:6px;background:url('../images/top.png');background-repeat:repeat-x;}
.module .cadre_bottom {height:6px;background:url('../images/bottom.png');background-repeat:repeat-x;}
.module .cadre_left {background:url('../images/left.png');background-repeat:repeat-y;}
.module .cadre_right {background:url('../images/right.png');background-repeat:repeat-y;background-position:top right;}

.module_hover{background:#E6E7E9;}
.module_hover .cadre_corner {width:6px;height:6px;background:url('../images/up_corner.png');}
.module_hover .cadre_top {height:6px;background:url('../images/up_top.png');background-repeat:repeat-x;}
.module_hover .cadre_bottom {height:6px;background:url('../images/up_bottom.png');background-repeat:repeat-x;}
.module_hover .cadre_left {background:url('../images/up_left.png');background-repeat:repeat-y;}
.module_hover .cadre_right {background:url('../images/up_right.png');background-repeat:repeat-y;background-position:top right;}


h1 {
font-family:verdana;
font-size:12px;
}

#BodyContenu {
	width:100%;
	height:100%;
	display:none;
}
.ico_fil{
cursor:pointer;
}
#img_zone {

border-top:1px solid #BBB;
border-left:1px solid #BBB;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
background:#EFEFEF;
margin-bottom:2px;
}
.cadre_zone {
	float:left;
	position:relative;
	width:85px;
}
.cadre_img {
	float:left;
	width:55px;
	height:55px;
	background:#FFF;
	border:2px solid #FFF;
	margin:2px 0 2px 6px;
	overflow:hidden;
}
.cadre_tools {
position:absolute;
top:0px;
left:65px;
text-align:center;
width:20px;
}
#big {
width:600px;
border:1px solid #FFF;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
padding:10px;
background:#F7F7F7;
}

span.vtop1 { position:relative;	top:1px; }
span.vtop2 { position:relative;	top:2px; }
span.vtop3 { position:relative;	top:3px; }
span.vtop4 { position:relative;	top:4px; }
span.vtop5 { position:relative;	top:5px; }
span.vtop6 { position:relative;	top:6px; }
span.vtop7 { position:relative;	top:7px; }
span.vtop8 { position:relative;	top:8px; }

span.vtop-1 {	position:relative; top:-1px; }
span.vtop-2 { position:relative; top:-2px; }
span.vtop-3 {	position:relative; top:-3px; }
span.vtop-4 {	position:relative; top:-4px; }
span.vtop-5 { position:relative; top:-5px; }
span.vtop-6 { position:relative; top:-6px; }
span.vtop-7 { position:relative; top:-7px; }
span.vtop-8 { position:relative; top:-8px; }

object
{ 
outline: none;
}

a:focus
{ 
outline: none;
}

 
a,a:visited {
	text-decoration: none;
	color: #4f4e4d;	
}

a:hover {
	text-decoration: underline;	
}

.BlocErreur {
	font-family: Tahoma, Arial, Verdana;
  font-size: 11px;
  padding:2px 3px 2px 3px;
  background: url('../images/erreur_bg.jpg') center center;
  border: 1px solid #9f0000;
  color: #ffffff;
	position:relative;
	top:2px;
}

.patience {
  font-family: Tahoma, Arial, Verdana;
  font-size: 11px;
  padding:2px 3px 2px 3px;
  background: url('../images/patience_bg.gif') center center;
  border: 1px solid #d3d4cc;
  color: #4f4e4d;
}


/* Navigation */


#nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color:#4f4e4d;
	z-index:150;
}

#nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	padding: 0 3 0 0;
}

#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; top:26; }
  


#nav ul li { float: none;}
#nav ul ul { top: 0; }

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

#nav span {
	position:relative;
	margin-left:20px;	
} 

#nav .bg2 {
	padding: 6px;	
}

#nav a.bg {
	border: 1px solid #d3d4cc;
	border-top:1px solid #FFF;
	color: #4f4e4d;
	padding: 6px;	
	background-color:transparent;
    background:url('../images/button_bg_off.jpg') repeat-x center center;
    text-decoration:none;
    position:relative;
}

#nav a.bg:hover {
	border: 1px solid #c4c5bd;
	border-top:1px solid #EEE;
	background-color:transparent;
    background:url('../images/button_bg_on.jpg') repeat-x center center;
    text-decoration:none;
}

#nav a {
	border: 1px solid #d3d4cc;
	border-top:1px solid #FFF;
	border-bottom:1px solid #999;
	color: #4f4e4d;
	padding: 6px;
	background-color:#F7F7F7;
    text-decoration:none;
}

#nav a:hover {
	border: 1px solid #c4c5bd;
	border-bottom:1px solid #FFF;
	background-color:#E7E7E7;
	text-decoration:none;
}

/* InfoBulle */

.infobulle {
  position: absolute;
  z-index: 20000;
   
  font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #65645f;
	width:200px;
	border: 1px solid #b5b6ac;
	background-color: #ffffff;
	padding: 5px;	
	margin:0px;	
	text-align:justify;
	top:-2px;
}

span.AvecToolTip:hover { cursor : help; }


/* BOX */
	
#PMsg {
  display: none;
  
  position: fixed;
  top: 50%;
  left: 50%;
  
  margin-left: -300px;
  width: 600px;    
}


.jqifade{
  position: absolute;
  background-color: #000000;
}

div.jqi{
  width: 600px;
  position: absolute;
  text-align: left;
}

div.jqi .jqibuttons{
  text-align: right;
  width:584px;
  padding: 5px 5px 5px 5px;  
  background: url('../images/cadre_bg_bas.jpg') repeat-x;
  bottom:43px;    
  position:relative;
  left:3px;
}

div.jqi button {
	margin-left:5px;
}

  
/* CADRES */

.cadre {
	background-color: #F7F7F7;	
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #65645f;
}

.cadre_titre {
	background-color:transparent;
	background:url('../images/cadre_bg_titre.jpg') repeat-x top center;  
}

.cadre_titre_interieur {
	position:relative;
  top:-3px;
}

div.clearer { clear:both; height:3px; font-size:1px; }

/* FORMS */

form {
margin: 0;
display: inline;
}

 
input.text , select{
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   padding:2px 3px 2px 3px;
   background-color: #ffffff;
   border: 1px solid #d3d4cc;
   outline: none;
   position:relative; 
}


textarea {
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   background-color: #ffffff;
   border: 1px solid #d3d4cc;
   padding:2px 3px 2px 3px;
}

textarea:focus {
   background-color: #e5e5db;
   border: 1px solid #b6b7b1;
   outline: none;  
}

input.transparent {
	border: 0px solid #000000;	
	background: transparent;
}

textarea {
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   background-color: #ffffff;
   border: 1px solid #d3d4cc;

}
input.submit {
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   border: 1px solid #d3d4cc;
   color:#4f4e4d;
   background-color:transparent;
   background:url('../images/button_bg_off.jpg') repeat-x center center;    
}
input.submit:hover {
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   border: 1px solid #c4c5bd;
   color:#4f4e4d;
   background-color:transparent;
   background:url('../images/button_bg_on.jpg') repeat-x center center;
   cursor : pointer;
}
input.button {
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   height:25px;
   width:100%;
   border: 1px solid #d3d4cc;
   color:#4f4e4d;
   background-color:transparent;
   background:url('../images/button_bg_off.jpg') repeat-x center center;     
}

input.button:hover {
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   border: 1px solid #c4c5bd;
   color:#4f4e4d;
   background-color:transparent;
   background:url('../images/button_bg_on.jpg') repeat-x center center;
   cursor : pointer;
}

button {
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   height:25px;
   border: 1px solid #d3d4cc;
   border-top:1px solid #FFF;
   border-left:1px solid #FFF;
   color:#777;
   background-color:transparent;
   background:url('../images/button_bg_off.jpg') repeat-x center center;     
}

button:hover {
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   border: 1px solid #c4c5bd;
   border-top:1px solid #FFF;
   border-left:1px solid #FFF;
   color:#4f4e4d;
   background-color:transparent;
   background:url('../images/button_bg_on.jpg') repeat-x center center;
   cursor : pointer;
}
select {
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
   background-color: #ffffff;
}



/* Le Calendrier */

.calendar {
  position: relative;
  display: none;
  border: 1px solid #D3D4CC;
  font-size: 11px;
  color: #4f4e4d;
  cursor: default;
  background: #F4F5ED;
  font-family: Arial, Tahoma, Verdana, Sans-serif;
  margin-top:2px;
	width:203px;
}

/* L'intérieur du calendrier */
.calendar table {
  font-size: 11px;
  color: #4f4e4d;
  cursor: default;
  background: #f4f5ed;
  font-family: Arial, Tahoma, Verdana, Sans-serif; }

/* "<<", "<", ">", ">>" Boutons & Jours */

/* Fond Navigation */
.calendar .nav {
  background: #f4f5ed;
  height:25px;
}

.calendar .button {
  text-align: center;
  padding: 1px;
  border-bottom: 1px solid #D3D4CC;
}

 /* Comment les boutons apparaissent si dessus */ .calendar thead .hilite {
	background:#e0e1d9;
	cursor:pointer;
}

/* Boutons Actifs dans le header */
.calendar thead .active {
	background:#cccdc5;
}

/* Mois année en cours */
.calendar thead .title {
  padding: 1px;
  border-right: 1px transparent;
  border-bottom: 1px solid #D3D4CC;
  background: #f4f5ed;
  color: #4f4e4d;
  text-align: center;
  height:25px;
}

/* Ligne <TR> Boutons Navigation */
.calendar thead .headrow {
}

/* Ligne <TR> Nom Jours */
.calendar thead .daynames { 
	text-align:center;
}

/* Cellule <TD> Nom Jours */
.calendar thead .name {
	border-bottom:1px solid #d3d4cc;
}

/* Comment est affiché un jour weekend dans le header */ .calendar thead .weekend {
	color:#a2a29d;
}


/* Tous les jours */

/* Cellule <TD> contenant les jours du mois */
.calendar tbody .day { 
  width: 20px;
  text-align: center;
  padding: 2px;
  background: #f4f5ed;
  
}
.calendar tbody .day.othermonth {
  font-size: 11px;
  color: #a2a29d;
}
.calendar tbody .day.othermonth.oweekend {
  color: #a2a29d;
}

.calendar table .wn {
  padding: 2px;
  border-top: 1px solid #e5e6de; 
  border-bottom: 1px solid #e5e6de; 
  border-left: 1px solid #e5e6de; 
  border-right: 1px solid #d3d4cc;
  background: #e5e6de;
}

.calendar tbody .rowhilite td {
  background: #e5e6de;
}

.calendar tbody .rowhilite td.wn {
  background: #f4f5ed;
}

/* Cellule <TD> Over */
.calendar tbody td.hilite  { 
  padding: 2px;
  border: 1px solid #e5e6de;
  cursor:pointer;
}

/* Cellule Active (pressée) <TD> */
.calendar tbody td.active { 
  padding: 2px;
  border: 1px solid #e5e6de;
  font-weight:bold;
}

/* Cellule date selectionnée */
.calendar tbody td.selected { 
  font-weight: bold;
  border: 1px solid #909189;
  padding: 2px;
  background: #a4a59d;
  color:#ffffff;
}

/* Cellulle weekend */
.calendar tbody td.weekend { 
  color: #92938e;
}

/* Cellule aujourd'hui */
.calendar tbody td.today { 
  font-weight: bold;
  color: #4f4e4d;
  background: #ffffff;
  border: 1px solid #d3d4cc;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  /* visibility: hidden; */
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows)
*/
  /* display: none; */
}

/* Footer */

/* Ligne <TR> footer */
.calendar tfoot .footrow { 
}

/* Tooltip cellule <TD> */
.calendar tfoot .ttip {
  background: #f4f5ed;
  padding: 1px;
  border: 1px solid #f4f5ed;
  color: #4f4e4d;
  text-align: center;
  height:20px;
}

/* Footer Bouton Hover */
.calendar tfoot .hilite { 
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

/* Footer bouton clic */
.calendar tfoot .active { 
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Liste déroulante */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid #a9aaa0;
  background: #dcddd3;
  font-size: 11px;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #a9aaa0;
  padding: 0px;
  border: 1px solid #dcddd3;
  color:#ffffff;
}

.calendar .combo .hilite {
  background: #a9aaa0;
  padding: 0px;
  border: 1px solid #dcddd3;
  color:#ffffff;
}

.calendar td.time {
  border-top: 1px solid #d3d4cc;
  padding: 1px 0px;
  text-align: center;
  background-color: #F4F5ED;
  height:30px;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 3px;
  border: 1px solid #d3d4cc;
  background-color: #FFFFFF;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 3px;
}

.calendar td.time span.hilite {
  border-color: #c4c5bd;
  background-color: #e5e6de;
  color: #000000;
}

.calendar td.time span.active {
  border-color: #c4c5bd;
  background-color: #e5e6de;
  color: #000000;
}


.t_label {
width:15%;
float:left;
}
.t_input {
width:85%;float:left;
}

.table {
	width:100%;
}
.table td {
	border:1px solid #E3E3E3;
}

hr {
	border:0;
	background:#d3d4cc;
	height: 1px;
	color:#d3d4cc;
}