@CHARSET "UTF-8";

/***** CSS:(style) *****/



/*** Classes générales ***/
HTML { overflow-y:scroll; } /* IE issue - do not put in BODY */
BODY { overflow-y:visible; height:100%; margin:0; background-color:#666666; background-position:center top; }
BODY, TABLE, SELECT, INPUT { font-family:'Open Sans', Arial, Helvetica, Sans-Serif; font-size:12px; color:#333333; }
BODY { background:#666666 url(./_default/images/bg.jpg); background-attachment:fixed; }
H1, .h1 { font-size:1.5em; font-weight:bold; }
H2, .h2 { font-size:1.2em; font-weight:bold; }
H3, .h3 { font-size:1.1em; font-weight:bold; }
H4, .h4 { font-size:inherit; font-weight:bold; }
/*****/


/*** Navbtn ***/
DIV.navbtn { float:left; height:[nav-button-height]; line-height:42px; background-color:#343434; }
DIV.navbtn.down { background-color:#b75615; }
DIV.navbtn.selected { background-color:#CE5D12; color:#FFFFFF; }
DIV.navbtn .navbtn-head { color:#FFFFFF; font-family:inherit; font-size:11px; font-weight:normal; }
DIV.navbtn.down .navbtn-head { color:; }
DIV.navbtn.selected .navbtn-head { color:#FFFFFF; }
DIV.navbtn>A.navbtn-head { line-height:16px; white-space:nowrap; vertical-align:middle; display:table-cell; height:42px; padding-left:10px; padding-right:10px; }
DIV.navbtn .navbtn-head:hover { background-color:#343434; color:#FFFFFF; background-color:#b75615; color:#fafaa6; text-shadow:1px 1px 1px #666666; }
/* Navbtn-Content */
DIV.navbtn>.body .navbtn-head { white-space:nowrap; }
DIV.navbtn .content { background:#343434; padding:5px; margin-top:-3px; margin-left:-10px; border:1px solid gray; }
DIV.navbtn HR { height:2px; border:none; border-top:1px dotted #CCCCCC; }
DIV.navbtn .submenu { background:#505050; color:#FFFFFF; padding:5px 1px; margin-top:2px; margin-left:-10px; border:1px solid gray; text-align:left; line-height:1.2em; }
DIV.navbtn .submenu .item { display:block; padding:1px 5px; }
DIV.navbtn .submenu .item.hover { cursor:pointer; background-color:#AAAAAA;  }
/*****/


/*** Tabs2 ***/
DIV.tabs2 { clear:both; background:transparent; margin-left:0; margin-right:0; margin-bottom:5px; overflow:hidden; padding:0px 10px 0px 10px; border-bottom:1px solid #993300; }
DIV.tabs2 A.tab2 { min-height:16px; display:inline-block; margin:0 0px 0 0px; padding:6px 8px 6px 6px; border-bottom:1px solid #008000; }
DIV.tabs2 A.tab2 { background:#CCCCCC; color:#333333; border:1px solid #AAAAAA; border-bottom:0px solid #AAAAAA; font-family:Inherit; font-size:1em; font-weight:bold; text-decoration:none; }
DIV.tabs2 A.tab2.selected { background:#FFFFFF; color:#333333; font-family:inherit; border:1px solid #888888; border-bottom:1px solid #FFFFFF; font-size:13px; font-weight:bold; text-decoration:none; }
DIV.tabs2 A.tab2.hover { position:relative; background:#FFFFFF; color:#FF6600; border-bottom:1px solid #AAAAAA; }
DIV.tabs2 A.tab2:active { background:#FFFFFF }
DIV.tabs2 { border-bottom:none; }
DIV.tabs2:before { content:""; position:absolute; border-bottom:1px solid #888888; width:100%; left:0; bottom:0; box-shadow:0 0px 3px rgba(0,0,0,0.5); }
DIV.tabs2 A.tab2.selected { opacity:1; position:relative; border-bottom:1px solid #FFFFFF; padding-top:10px; border-top-left-radius:2px; border-top-right-radius:2px; z-index:1 }
DIV.tabs2 A.tab2 { opacity:1; border-left:1px solid white; font-weight:normal; }
DIV.tabs2 A.tab2:first-child { border-left:1px solid #AAAAAA; }
DIV.tabs2 A.tab2.selected:hover { border-left:1px solid gray; }
DIV.tabs2 A.tab2:hover { border-left:1px solid silver; }
DIV.tabs2 A.tab2:first-child:hover { border-left:1px solid gray; border-right:1px solid silver; color:#333333; }
DIV.tabs2 A.tab2.selected { box-shadow:1px 1px 2px #666666; }
/*****/


/*** Bubble ***/
DIV.bubble { margin:5px; background-color:#EEEEEE; border:1px solid #999999; -moz-border-radius:[bubble-border-radius-number]; -webkit-border-radius:[bubble-border-radius-number]; border-radius:[bubble-border-radius-number]; }
DIV.bubble { font-family:inherit; font-size:inherit; color:#333333; padding:2px; box-shadow:0px 3px 8px rgba(0,0,0,0.8); -moz-box-shadow:0px 3px 8px rgba(0,0,0,0.8); -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.8); }
DIV.bubble HR { border:none; border-top:1px dotted #666666; }
DIV.bubble DIV.cmd { padding:1px; }
DIV.bubble DIV.cmd:hover { background-color:#BBBBBB; }
DIV.bubble A, DIV.bubble A:visited { color:#333333; }
DIV.bubble SPAN[class|="icon"] { display:block; }
DIV.bubble DIV.label { font-size:12px; margin:3px; }
DIV.bubble INPUT[type=image].submit { margin:2px; }
DIV.bubble INPUT[type=image].submit:hover { margin:0; border:2px solid silver; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;   }
DIV.bubble BUTTON.submit { cursor:pointer; background:url(../media/images/bg/bg_btn_login.png) repeat-x; height:24px; font-size:12px; -moz-border-radius:5px; border-radius:5px; border:1px solid #808080; color:#333333; text-shadow:0 1px 0 #FFFFFF; vertical-align:middle; }
DIV.bubble BUTTON.submit:hover { background:url(../media/images/bg/bg_btn_silver.png) repeat-x;  }
DIV.bubble DIV.interact { cursor:pointer; display:inline-block; background:url(../media/images/bg/bg_btn_login.png) repeat-x; padding:5px; font-size:13px; -moz-border-radius:5px; border-radius:5px; border:1px solid #808080; color:#333333; vertical-align:middle; }
DIV.bubble DIV.interact:hover { background:url(../media/images/bg/bg_btn_silver.png) repeat-x; text-shadow:0 1px 0 #FFFFFF; }
DIV.bubble.topcenter:before { content:"\00a0"; display:block; height:16px; margin-top:-18px; background:transparent url(../media/images/arr_silver-up.png) top center no-repeat; }
/*****/


/*** Editpop ***/
/*****/


/*** Calendar ***/
TABLE.dt-calendar { background-color:#FFFFFF; border:[calendar-border-number] solid [calendar-border-color]; }
/*****/


/*** Combo ***/
/*****


/*** UI-Calendar ***/
/*****/


/*** Tableau des plannings ***/
TABLE.planning.cancelled { background-color:#E4ACAC; }
DIV.dayspan > SPAN.absent { background:[planning-absent-bgcolor]; color:[planning-absent-textcolor]; }
DIV.dayspan > SPAN.active { background:[planning-active-bgcolor]; color:#333333; }
DIV.dayspan > SPAN.inactive { background:[planning-inactive-bgcolor]; color:#FFFEC1; }
DIV.dayspan > SPAN.cancel { background:[planning-cancel-bgcolor]; color:#E4ACAC; }
DIV.dayspan > SPAN.cancelled { background:#E4ACAC; color:#CC0000; }
DIV.dayspan > SPAN.future { background:[planning-future-bgcolor]; color:[planning-future-textcolor]; }
DIV.dayspan > SPAN.unstarted { background:[planning-unstarted-bgcolor]; color:[planning-unstarted-textcolor]; }
DIV.dayspan > SPAN.started { background:[planning-started-bgcolor]; color:[planning-started-textcolor]; }
DIV.dayspan > SPAN.finished { background:[planning-finished-bgcolor]; color:[planning-finished-textcolor]; }
DIV.dayspan > SPAN.overdue { background:[planning-overdue-bgcolor]; color:[planning-overdue-textcolor]; }
DIV.dayspan > SPAN.belated { background:[planning-belated-bgcolor]; color:[planning-belated-textcolor]; }
DIV.dayspan > SPAN.early { background:[planning-early-bgcolor]; color:[planning-early-textcolor]; }
DIV.dayspan > SPAN.late { background:[planning-late-bgcolor]; color:[planning-late-textcolor]; }
DIV.dayspan > SPAN.exceeded { background:[planning-exceeded-bgcolor]; color:[planning-exceeded-textcolor]; }
/*****/


/*** BTN 0 ***/
.btn-0 {
  line-height:1.33em; height:1.33em;
  color: #444444;
  border: solid 1px #FF9209;
  background: #FFBF6F;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFECD5), to(#FFA83C));
  background: -moz-linear-gradient(top, #FFECD5, #FFA83C);
  background: -ms-linear-gradient(top, #FFECD5, #FFA83C);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFECD5', endColorstr='#FFA83C');
}
.btn-0:hover {
  color: #444444;
  background: #FFECD5;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFD6A2));
  background: -moz-linear-gradient(top, #FFFFFF, #FFD6A2);
  background: -ms-linear-gradient(top, #FFFFFF, #FFD6A2);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFD6A2');
}
.btn-0:active {
  color: #444444;
  background: #FFECD5;
}
A.btn-0:hover { text-decoration:none; }
SELECT.btn-0 { padding:1px 5px 1px 5px; -webkit-appearance:menulist-button; }
SELECT.btn-0 OPTION { color:initial; font-weight:initial; }
/*****/

@CHARSET "UTF-8";

/***** CSS:(style) *****/



BODY { background:#666666 url(./_default/images/bg.jpg); background-attachment:fixed; }
#body { background:transparent url(./_default/images/bg_body.png) center right no-repeat; background-attachment:fixed; }
#body { background:transparent; background-attachment:fixed; }

#wrap { position:relative; box-shadow:0 3px 15px #000000; }
z#wrap:before { content:"\00a0"; position:absolute; width:32px; height:500px; left:-32px; top:0; background:transparent url(./_default/images/bg_shadow_left.png) top left no-repeat; }
z#wrap:after { content:"\00a0"; position:absolute; width:32px; height:500px; right:-32px; top:0; background:transparent url(./_default/images/bg_shadow_right.png) top left no-repeat; overflow:visible; }
#wrapFoot { height:50px; padding-top:20px; zbackground:transparent url(./_default/images/bg_shadow_bottom.png) top center no-repeat; background-size:100%; zpadding-right:0; }
#wrapInfo { background:transparent; }

#areaNav.sticking { box-shadow:0px 2px 5px #333333; -moz-box-shadow:0px 2px 5px #333333; -webkit-box-shadow:0px 2px 5px #333333; margin-bottom:0.5em; }

/*** dlgEdit ***/
#dlgEdit { background-color:#CCCCCC; }
#dlgEdit DIV.caption { background-color:#666666; border:1px inset; }
/*****/

/*** Path ***/
UL.path LI.sys-dossiers A I { background:url(../media/images/icons/icon_dossiers.png) 0 0 no-repeat; }
UL.path LI.sys-contacts A I { background:url(../media/images/icons/icon_contacts.png) 0 0 no-repeat; }
UL.path LI.sys-services A I { background:url(../media/images/icons/icon_services2.png) 0 0 no-repeat; }
UL.path LI.sys-absences A I { background:url(../media/images/icons/icon_absences.png) 0 0 no-repeat; }
UL.path LI.sys-hours A I { background:url(../media/images/icons/icon_hours.png) 0 0 no-repeat; }
UL.path LI.sys-gen A I { background:url(../media/images/icons/icon_hours.png) 0 0 no-repeat; }
/*UL.path LI:last-child A { 
  background:rgba(255,165,50,0.7) !important;
  background:-webkit-gradient(linear, left top, right top, from(#FFA532), to(#FFFFFF) 75%) !important;
  background:-moz-linear-gradient(left, #FFA532,  #FFFFFF) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA532', endColorstr='#FFFFFF', GradientType=1) !important;  
}*/
/*****/

/* Temporaire */
.section-item { clear:both; }
/*****/rgba(255,165,50,0.7)

DIV.page-head:after { content:"\00a0"; display:block; clear:both; font-size:0; }
DIV.page-head { padding:10px 10px 10px 10px; }
DIV.page-head.layout-home-hours { padding:10px 10px 10px 10px; }

DIV.page-head.contact H1 { border-bottom:1px dotted gray; }
DIV.page-head.contact H1 .cmd { font-size:12px; font-weight:normal; }

z#editbar { display:none; }

H2 { margin-top:0.2em; margin-bottom:0.3em; }

/* Tabs */
/*****/

/*** Menus ***/
/* Absences */
.menu.absences UL.main { padding-left:0; margin-left:0; }
.menu.absences LI.section-item { display:block; list-style-type:none; list-style-position:inside; border-bottom:1px dotted gray; padding:3px 5px 5px 5px; }
.menu.absences LI.section-item:first-of-type { border-top:none; padding-top:0; }
.menu.absences LI.section-item .section-content:before { content:"\00a0\2013\00a0" }
/*****/

.section-menu { padding:10px; }
.menu.dossiers { margin:0; }

DIV.inline-menu { margin-top:10px; margin-bottom:10px; }



TABLE.grid TABLE.planning.hours { margin:3px; }


/** Numbers **/
.tel-office:before { content:"\00a0"; display:inline-block; background:url(../media/images/icons/icon_numbers.png) center left no-repeat; background-position:-60px 0px; width:20px; margin-right:3px; }
.tel-mobile:before { content:"\00a0"; display:inline-block; background:url(../media/images/icons/icon_numbers.png) center left no-repeat; background-position:0px 0px; width:20px; margin-right:3px; }
.tel-home:before { content:"\00a0"; display:inline-block; background:url(../media/images/icons/icon_numbers.png) center left no-repeat; background-position:-40px 0px; width:20px; margin-right:3px; }
.tel-other:before { content:"\00a0"; display:inline-block; background:url(../media/images/icons/icon_numbers.png) center left no-repeat; background-position:-80px 0px; width:20px; margin-right:3px; }
.tel-fax:before { content:"\00a0"; display:inline-block; background:url(../media/images/icons/icon_numbers.png) center left no-repeat; background-position:-18px 0px; width:20px; margin-right:3px; }
/*****/

/** Requisites **/
SPAN.reqs-crit, SPAN.reqs.flag-2 { background-color:#FF0000; color:#FFFFFF; font-weight:bold }
SPAN.reqs-crit { background:#FF0000 url(../media/images/icons/icon_warning.png) 5px 2px no-repeat; display:inline-block; padding:2px 5px 2px 25px; }
SPAN.reqs-min, SPAN.reqs.flag-1 { background-color:#FFA500; color:#333333; font-weight:bold }
SPAN.reqs-min { background:#FFA500 url(../media/images/icons/icon_warning.png) 5px 2px no-repeat; display:inline-block; padding:2px 5px 2px 25px; }
TABLE.reqs TD.val-0 { visibility:hidden; }
TD.reqs.flag-2, TD.reqs.flag-2 A { background-color:#FF0000; color:#FFFFFF; }
TD.reqs.flag-1, TD.reqs.flag-1 A { background-color:#FFA500; color:#333333; }
/***/