* {margin:0; padding:0; border:none;}

body { margin: 0; background:#FFFFFF; color:#575150; font-family: 'Open Sans', sans-serif; font-size:14px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; height:0px; font-size:0px; }
table {width:100%; border-collapse:collapse;}
table tr td {padding:10px 5px;}
.td_label {width: 280px; color:#575150; font-size:16px; font-weight:600;}

select, input {width: 95.5%; border:1px solid #c9c9c9; padding:12px 2%; color:#575150; font-size:16px; font-weight:300; min-width:320px;}
select {width: 100%;}
input[type=checkbox] {width: auto; min-width: initial; margin:0 10px 0 0;}
.input_search {width:250px; padding:12px; height:25px; padding-top:0; padding-bottom:0; margin:0 0 0 10px;}

.btn_submit_hidden {width:0px; height:0px; display:block; padding:0; visibility:hidden}

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

.resize { color:#5f5e5e; text-decoration:none; position:absolute; right:15px; font-size:10px; }
.resize:hover { text-decoration:underline; cursor:pointer; }
#deconnexion { text-align:right; font-size:12px; float:right; line-height:20px; }
#deconnexion span { color:#5f5e5e; }
#deconnexion a { color:#5f5e5e; text-decoration:none; margin-left:50px }
#deconnexion a:hover { text-decoration:underline; }
.opaque {
		opacity: .5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		z-index:1000; 
		background: black; 
		position:absolute;
		border-radius: 10px 10px 10px 10px;
		box-shadow: 8px 10px 10px -7px #000000;
	}
.opaque_item {
		opacity: .5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		z-index:1000; 
		background: black; 
		position:absolute;
			border-radius: 10px 10px 10px 10px;
		box-shadow: 8px 10px 10px -7px #000000;
	}


/* Top Menu */
#menuh { width: 430px; display:inline-block; }
#deconnexion a, #menuh .name_module{line-height:57px; font-size:16px; font-weight:bold; text-transform:uppercase; }


#menuh ul li {margin:0 25px; height:57px; padding:0 5px;}
#menuh ul li ul li {margin:0; padding:0; left: -5px; position: relative; height:auto;}

#menuh ul li a:link, #menuh a:visited, #menuh a:active { text-decoration:none; }

#menuh ul li a img { height:30px; margin-top:5px; vertical-align:top; }	
#menuh ul li span img { height:30px; margin-top:5px; vertical-align:top; }	

#menuh ul { list-style:none; margin:0; padding:0; display:inline-block; vertical-align:top; }

#menuh li { position:relative; min-height: 1px; vertical-align: bottom; }

#menuh ul ul { position:absolute; z-index:500; top:auto; display:none; cursor:default; }

#menuh ul li ul li a {background:#c0c0c0;  color:#FFF; text-align:center; display:block; white-space:nowrap; margin:0; padding: 1px 10px; height:40px; text-align:left;  *width:100%; }
#menuh ul li ul li a .name_module { line-height:40px; font-size:14px; text-transform:uppercase;}

#menuh ul li ul li a:link, #menuh a:visited, #menuh a:active { text-decoration:none; }

#menuh ul li ul li a:hover { background-position:0 -40px; background-color:#4e4e4e; color:#FFFFFF; }	

#menuh ul li ul li ul li a { border-left: 1px #000000 solid; }

#menuh ul li ul li a img { height:20px; margin-top:5px; vertical-align:top; }	

#menuh ul ul ul { left:100%; top:0px; }

div#menuh li:hover { cursor:pointer; z-index:100; }
div#menuh li:hover {background:#c0c0c0;}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{ display:none; }

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{ display:block; }

.bg_menu {background:#e9e9e9; width:100%; height:57px;}
.accueil {margin-left:0 !important; position:relative; width: 30px;}
.accueil a {background:url(../img/logo_home.png); display:block; width:30px; height:28px; top: 50%; margin-top: -14px; position: absolute;}
.accueil .name_module {display:none;}


/* Module */
.sfont { font-size:18px;  font-family:"AgendaCustom",Arial,Sans-serif; }
.input { width:313px; height:20px; margin-top:2px; line-height:20px; background:url(../img/bg_input.jpg) center top repeat-x; padding:3px; border:#bababa 1px solid; }
.center { text-align:center; }
.close { font-size:20px; float:right; padding:2px; cursor:pointer; }
.textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px;  width:313px; height:63px; background:url(../img/bg_input.jpg) center top repeat-x #FFFFFF; border:#bababa 1px solid; padding:3px; resize:none; }
#msg_support { color:#C55A5A; text-align:center; }
h1 { font-size:26px;  color:#575150; font-weight:300; margin:15px auto; }
h2 { font-size:20px; margin:15px auto; color:#575150; font-weight:normal; }
.lessard_module  {display:block; font-size:20px; width:933px; margin:15px auto; color:#575150; font-weight:normal;}
.msg_info { float:right; font-size:16px; color:#C55A5A; padding:0 6px; line-height:46px; font-weight:bold; }
.msg_info.valid {color:green;}
.btn { background-image:url(../img/back_btn.png); background-repeat:repeat-x; height:21px; padding:2px 5px; color:#FFFFFF; line-height:21px; text-align:center; background-color:#4C9742; margin-right:9px;}
.btn img{ height:25px; line-height:25px; margin-left:5px; margin-right:-18px; vertical-align:middle;}

#main { padding: 10px;border: 1px solid #bababa;background-color: #ffffff;border-radius: 10px;margin: 0 auto; }
#main_head { margin-bottom:10px; }
#main_content { }
#main_foot { margin:10px 0 0; text-align:right; }
.lessard_module .filet_title, h2 .filet_title {display:block; width:92px; height:1px; background:#d3d3d3;}

.main_module { width:110px; float:left; text-align:center; margin-right:20px; }
.main_module.last { margin-right:0px; }
.main_module a { margin:0 auto; width:auto; height:auto; display:block;   color:#575150; font-size:14px; font-weight:300; text-decoration:none; text-transform:uppercase;}
.main_module a img { border:1px solid #FFF; border-radius:12px; margin:0 0 10px 0;}
.main_module a:hover img { filter: brightness(90%);
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
	-o-filter: brightness(90%);
	-ms-filter: brightness(90%);} 


.mini_btn_add {float:left;width:19px;height:19px; display:block; background:url(../img/add.gif);}
.mini_btn_del {float:left;width:18px;height:24px; display:block; background:url(../img/del.gif);}
.mini_btn_view {float:left;width:22px;height:23px; display:block; background:url(../img/view.gif);}
.mini_btn_edit {float:left;width:19px;height:22px; display:block; background:url(../img/edit.gif);}

a.edit_btn { font-size:18px; cursor:pointer; text-decoration:none; display:inline-block; height:39px; color:#5f5e5e; }
a.edit_btn span { float:left; display:block; }
a.edit_btn span.back { width:40px; height:35px; background:url(../img/edit_btn_back.png) 0 0 no-repeat; }
a.edit_btn span.visual { width:41px; height:35px; background:url(../img/edit_btn_visual.png) 0 0 no-repeat; }
a.edit_btn span.save { width:43px; height:35px; background:url(../img/edit_btn_save.png) 0 0 no-repeat; }
a.edit_btn span.mid { padding:0 10px 0 15px; background:url(../img/edit_btn_mid.png) 0 0 repeat-x; line-height:35px; height:35px; }
a.edit_btn span.right { background:url(../img/edit_btn_right.png) 0 0 repeat-x; width:10px; height:35px; }
a.edit_btn:hover span { background-position:0 -35px; }


a.big_btn { font-size:18px; cursor:pointer; text-decoration:none; display:inline-block; height:39px; color:#5f5e5e; font-family:"AgendaCustom",Arial,Sans-serif;}
a.big_btn span { float:left; display:block; }
a.big_btn span.left {  background:url(../img/big_btn_left.png) 0 0 no-repeat; width:10px; height:39px; }
a.big_btn span.mid { padding:0 20px; background:url(../img/big_btn_mid.png) 0 0 repeat-x; line-height:35px; height:39px; }
a.big_btn span.mid img { vertical-align:middle; margin-right:10px; }
a.big_btn span.right { background:url(../img/big_btn_right.png) 0 0 no-repeat; width:10px; height:39px;}
a.big_btn:hover span { background-position:0 -39px; }

a.small_btn { font-size:12px; cursor:pointer; text-decoration:none; display:inline-block; height:25px; color:#5f5e5e; font-family:Arial,Sans-serif; vertical-align:middle; }
a.small_btn span { float:left; display:block; }

a.small_btn span.action.add { background:url(../img/small_btn_add.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.back { background:url(../img/small_btn_back.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.browse { background:url(../img/small_btn_browse.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.edit { background:url(../img/small_btn_edit.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.view { background:url(../img/small_btn_view.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.movie { background:url(../img/small_btn_movie.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn span.action.del { background:url(../img/small_btn_del.png) 0 0 no-repeat; width:24px; height:25px; }
a.small_btn:hover span.action { background-position:0 -25px; }

a.small_btn span.mid { padding:0 5px; background:url(../img/small_btn_mid.jpg) 0 0 repeat-x; line-height:25px; height:25px; }
a.small_btn span.right { background:url(../img/small_btn_right.png) 0 0 no-repeat; width:10px; height:25px;}


a.small_btn_2  { font-size:12px; cursor:pointer; text-decoration:none; display:inline-block; height:25px;  }
a.small_btn_2 .bg  {display:inline-block;  height:25px; width:auto; border-radius:8px; padding:0 15px; line-height:25px; color:#FFF; font-size:12px; font-weight:600;}
a.small_btn_2 .bg .icon {vertical-align:text-top;  display:inline-block;  width:15px; height:15px; margin:0 5px 0 0;}

a.small_btn_2.add .bg { background:#7ca259; }
a.small_btn_2.add .bg .icon { background:url(../img/ajouter_white.svg); background-size:contain; }
a.small_btn_2.edit {margin-right:7px;}
a.small_btn_2.edit .bg { background:#fbaf33; }
a.small_btn_2.edit .bg .icon { background:url(../img/edit_white.svg); background-size:contain; }


a.small_btn_2.voir_feuille_temps {}
a.small_btn_2.voir_feuille_temps .bg { background:#fbaf33; width:206px;}
a.small_btn_2.voir_feuille_temps .bg .icon { background:url(../img/edit_white.svg); background-size:contain; }


a.small_btn_2.profit {}
a.small_btn_2.profit .bg { background:rgb(40, 121, 209); width:180px;}
a.small_btn_2.profit .bg .icon { display: inline-block;
	vertical-align: initial;
	font-size:14px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
a.small_btn_2.profit .bg .icon:before {
  content: "\f155";
  
}

a.small_btn_2.export {margin:10px 0 0 0;}
a.small_btn_2.export .bg { background:rgb(75, 179, 149); width:180px;}
a.small_btn_2.export .bg .icon { display: inline-block;
	vertical-align: initial;
	font-size:14px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
a.small_btn_2.export .bg .icon:before {
  content: "\f1c3";
  
}

a.small_btn_2.suivi_bank_heure {margin:10px 0 0 0;}
a.small_btn_2.suivi_bank_heure .bg { background:rgb(40, 121, 209); }
a.small_btn_2.suivi_bank_heure .bg .icon { display: inline-block;
	vertical-align: initial;
	font-size:14px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
a.small_btn_2.suivi_bank_heure .bg .icon:before {
  content: "\f017";
  
}



a.small_btn_2.del .bg { background:#bc5c5c; }
a.small_btn_2.del .bg .icon { background:url(../img/del_white.svg); background-size:contain; }
a.small_btn_2.back {margin-right:14px;}
a.small_btn_2.back .bg { background:#c9c9c9; text-align:left; }
a.small_btn_2.back .bg .icon { background:url(../img/back_white.svg) no-repeat; background-size:contain; vertical-align: text-bottom;  }
a.small_btn_2.save .bg { background:#fbaf33; text-align:left; }

a.small_btn_2.save .bg .icon { background:url(../img/save_white.svg) no-repeat; background-size:contain; vertical-align:sub; }
a.small_btn_2.btn_add_row .bg { background:#7ca259; text-align:left; }

a.small_btn_2.browse .bg { background:#fbaf33; text-align:left; }
a.small_btn_2.browse .bg .icon {vertical-align:middle; background:url(../img/browse_white.svg) no-repeat; width:20px; height:20px; background-size:contain; }

a.small_btn_2:hover .bg {opacity:0.8;}

a.big_btn_2  { font-size:20px; cursor:pointer; text-decoration:none; display:inline-block; height:45px; color:#5f5e5e; vertical-align:middle; }
a.big_btn_2 .bg  {display:inline-block;  height:45px; width:auto; border-radius:8px; padding:0 15px; line-height:45px; color:#FFF; font-size:20px; font-weight:600; min-width:175px;}
a.big_btn_2 .bg .icon { vertical-align:middle;  display:inline-block;  width:40px; height:40px; margin:0 5px 0 0; }
a.big_btn_2:hover .bg {opacity:0.8;}

a.big_btn_2.back {margin:0 20px 0 0;}
a.big_btn_2.back .bg { background:#c9c9c9; text-align:left; }
a.big_btn_2.back .bg .icon { background:url(../img/back_white.svg) no-repeat; background-size:contain; }

a.big_btn_2.save .bg { background:#fbaf33; text-align:left; }
a.big_btn_2.save .bg .icon { background:url(../img/save_white.svg) no-repeat; background-size:contain; vertical-align:middle; }

a.big_btn_2.submit .bg { background:#fbaf33; text-align:left; }
a.big_btn_2.submit .bg .icon {   display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
	line-height:45px;
	vertical-align:top;
	font-size:28px;
  }
a.big_btn_2.submit .bg .icon:before {
  content: "\f064";
}

select#addxmlelement { width: 300px; margin-left: 10px;}

table.module { width:100%; border:0 none; border-collapse:collapse; }
table.module thead,table.module tfoot { background-color:#4e4e4e; color:#FFFFFF; }
table.module thead tr th, table.module tfoot tr th{ line-height:30px; height:30px; font-weight:normal; }
table.module thead tr th a{ text-decoration:none; color:#FFFFFF;}
tr.color { background-color:#eee; }
tr.sub_color { background-color:#f3f2f2; }
tr.facture_final {background-color:#EEEEC5 !important;}
tr.color.facture_final {background-color:#D5D5AD !important;}

tr.archiver  {background-color:#E4E480 !important;}
tr.color.archiver {background-color:#FCFC93 !important;}


table.module td.l, table.module th.l{ text-align:left; padding-left:10px;}
table.module td.c, table.module th.c{ text-align:center;}
table.module td.r, table.module th.r{ text-align:center; padding-right:10px;}
table.module tbody tr { height:35px; }
table.module tbody tr.hover:hover{ background-color:lightgray; cursor:pointer; }
table tbody tr td a.img_row img{ vertical-align:middle; margin:10px 5px; }
tr.space {height:2px;}
/*table.innermodule { width:100%; border-collapse:collapse; }
table.innermodule tr td{ padding:10px 0; }*/

#tbody_cat .fix { width:320px; } 


/*** form ***/

.input_small { text-align:center; width:25px; margin-right:10px; float:right; }
#greyTinyMCE { background:none repeat scroll 0 0 #000000; display:block; height:100%; opacity:0.5; filter: alpha(opacity = 50); position:absolute; width:100%; z-index:2; }
.box_acces_rapide { padding: 10px; margin:0 0 5px 0;border: 1px solid #BABABA;background-color: white;border-radius: 10px;box-shadow: 0 2px 1px #D9D9D9; }
.zone_image {text-align:center; background:url(../img/bg_image_gestion.jpg);}
.btn_renomme_image {cursor:pointer; color:#000;}
.btn_renomme_image:hover { text-decoration:underline; }
.width_auto_inline_block { display:inline-block; width:auto; vertical-align:top;}
.margin_top_40 { margin-top:40px; }
.border_rond { padding: 10px; border: 1px solid #bababa; background-color: #ffffff; border-radius: 10px; box-shadow: 0 2px 1px #d9d9d9; }
.form_add_row_timesheet { width: 590px; margin-left: 12px; }

input[type=radio] { width:15px; min-width: 30px; }

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



.wrap_site {width:1090px; margin:0 auto;}
.main_content {margin:0 auto 40px auto;}
.inline_block {display:inline-block; }
.err_msg {color:red; font-size:18px; text-transform:uppercase; padding:0 0 20px 0;}


/* placeholder */
::-webkit-input-placeholder { color: #575150; font-size:16px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; line-height:16px;  font-weight:300; }
:-moz-placeholder {  color: #575150;  font-size:16px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; line-height:16px; font-weight:300;  }
::-moz-placeholder { color: #575150; font-size:16px; text-transform:uppercase; font-family: 'Open Sans', sans-serif;line-height:16px;   font-weight:300; }
:-ms-input-placeholder {  color: #575150; font-size:16px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; line-height:16px; font-weight:300; }


.login_input {width:510px; display:block; margin:22px 0 0 0;}

/*** header ****/
#header { padding:18px 0; }
#logo_nenuphar {display:inline-block; vertical-align:middle;}
#slogan {display:inline-block; vertical-align:middle; width:821px; text-align:right;}
#slogan img {display:inline-block; vertical-align:middle;}
#slogan span {display:inline-block; vertical-align:middle; font-size:27px; color:#2d2524; font-weight:300; margin:0 20px 0 0;}

.filet_site {background:#e9e9e9; height:14px; width:100%; }
.filet_inside {display:inline-block; width:50%; height:2px; background:#d3d3d3; }

/*** footer ***/
.filet_footer {width:100%; height:5px; background:#e9e9e9;}
#footer {color:#575150;}
#footer a {color:#575150;}
#aide_contact {font-size:11px;display:inline-block; width:auto; padding:12px 0 12px 0;}
#aide_contact a {text-decoration:underline;}
#copyright {font-size:11px; display:inline-block; text-align:right; width:564px; padding:12px 0 12px 0;}
#copyright a {text-decoration:none;}

/*** login ***/
#login_box { padding:65px 0; text-align:center; }
#login_msg { font-size:26px; color:#575150; font-weight:300; display:inline-block; text-align:center; margin:0 0 15px 0; }
#submit { -webkit-transition: 0.2s;border-radius:15px; height:45px; line-height:45px; background:#fbaf33;  padding:0 30px; width:215px; display: inline-block; font-size:18px; color:white; font-weight:600; text-decoration:none; cursor:pointer; }
#submit:hover{opacity: 0.8;}

/**** accueil ***/ 
.tmpl_accueil #main { border:none; }

/*** salaire ***/
.table_salaire { margin:20px 0 0 0; }
.table_salaire tr { border-bottom:1px solid #000; height:44px; }
.table_salaire td { border-right:none; border-left:none; padding:0;color: white;font-weight: 500;border-bottom: solid 1px lightgray;text-align: center;font-size: 14px;}
.table_salaire td:last-child{border-right: solid 1px lightgray;}
.labels_type_salaire, .label_niveau_comp{background: #4e4e4e;}
.labels_type_salaire { border-top:1px solid #000; color:#575150; font-size:16px; font-weight:300; }
.label_niveau_comp { width:100px; color:#575150; font-size:16px; font-weight:300; padding:0 10px !important; }
.label_type_salaire { width:105px; padding:0 10px !important; }
.input_salaire { width:133px; min-width: 133px; border:1px solid #FFF; margin:0;text-align: center;padding: 13px 0;border:none;border-left: solid 1px lightgray;}
.input_salaire:focus{background: lightgray;outline: none;}


.form_add_row_timesheet input, .form_add_row_timesheet select {}

/***** timesheet *****/
.timesheet_content { margin:40px 0 0 0; }
.days_content { margin:0 0 30px 0;  }
.txt_date_row { display:inline-block; vertical-align:middle; width:30%;}
.days_title { font-size:18px; font-weight:bold; padding:0 0 10px 0; }
.days_title .total_heure_days {display:inline-block; vertical-align:middle; font-weight:normal; width:70%; text-align:right;}
.row_timesheet { min-height:100px; font-size:14px; }
.row_timesheet td { border:1px solid #000;padding: 8px 10px; }
.title_row td { font-size:16px; font-weight:600;background: #575150;color: white;}
.btn_add_row { margin:0 0 0 0; display:inline-block; vertical-align:middle; }
.td_input_projet, .td_input_nb_heure, .td_input_description { width:315px; }

.txt_weeks h2{font-weight: 700;}

.time_total_content strong{font-weight: 500;}
.form_row input{ min-width:298px; width:298px;padding: 8px 10px;}
.ui-timepicker-wrapper { width:220px !important; }
.wrap_calendrier { float:right; margin:15px 10px 0 0; }
.week-picker { font-size:12px; }
.txt_weeks { float:left; width:625px; }
.time_total_content { font-size:18px; font-weight: 300; }
body.form_edit_timesheet_row { padding:20px; height:300px; }
.form_edit_timesheet_row input, .form_edit_timesheet_row select { min-width:200px; width:200px; }
.form_edit_timesheet_row .ui-timepicker-wrapper { width:220px !important; }
.form_send_timesheet_week { overflow: hidden; padding:0 20px; height:400px; width:900px; }
.form_send_timesheet_week input { width:250px; min-width: 250px; }
#ui-datepicker-div { width:255px !important; }
.heure_nega { color:red; }
.heure_posi { color:green;}
.content_heure_bank input {width:100px; min-width:100px;}
.filet_module {width: 100%;
height: 2px;
background: #e9e9e9; margin:40px 0;}
.content_add_depense { }
.depenses_content table, .depenses_content td, .depenses_content tr {border-style: outset; border-width:1px; }
.alert_week_no_submit {border:1px solid red; padding:20px; margin:20px 0; font-size:16px; }
.alert_week_no_submit span {font-weight:bold;}
.profi_dollor {font-weight:bold;}
.profi_dollor .pro_good {color:green;}
.profi_dollor .pro_bad {color:red;}
.row_salaire_spec  {border-bottom:1px solid #000; margin-bottom:25px; padding-bottom:25px; }
.btn_del_salaire_spec {float:right;}

input.nb_heure {
    width: 200px;
    min-width: 200px;
}

a.small_btn_2.save.btn_add_row {
    width: 140px;
    text-align: center;
}

.form_edit_timesheet_row .nb_heure {
    width: 100px;
    min-width: 100px;
}

.suivi_bank_heure .bg { display: inline-flex !important; }
.suivi_bank_heure .bg .icon { margin: auto 5px auto 0px !important; }