@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
}

#menu {
	height:30px;
	/*border-bottom:1px solid #222;*/
	background-color:#000;
	background-position:center center;
	/*background-image: url("img/bg44.jpg");*/
}

.menu_cell {
	height:30px;
	float:left;
	width: 130px;
	text-align:center;
	/*border-right:1px solid #FFF;*/
}
.menu_cell:hover {
	background-color:#345bab;
	background-position:center center;
}
.menu_cell a:hover {
	color:#fff;
}


.tab_day {
	background-color:#eee;
	
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	
	padding:10px;
	padding-top:0px;
	font-size:25px;
	font-weight:bold;
	color:#111;
	font-family:"Arial Black", Gadget, sans-serif;
	letter-spacing:-2px;
	margin-top:0px;
}
.tab_day select {
	letter-spacing:normal;
}
.tab_day p {
	margin-bottom:0px;
}

.tab a, .compte_table a {
	color: #345BAB;
	text-decoration: none;
}

.menu_cell_select {
	background-color:#FFF;
	height:30px;
	float:left;
	width: 130px;
	text-align:center;
}

.menu_cell_select a {
	color:#345bab;
	
	display:block;
	height:30px;
	padding:7px;
	line-height:15px;
	font-weight:bold;
	text-decoration:none;
}

.menu_cell a {
	display:block;
	height:30px;
	padding:7px;
	line-height:15px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}


.submenu{
	display: none;
	margin-top: -14px;
	padding-top:  6px;
	border-radius:0px 0px 5px 5px;
	background-color:#666;
	position: absolute;
	z-index: 61;
}

.menu_cell:hover .submenu, .menu_cell_select:hover .submenu{
	display: block;
}

.submenu a{
	display: block;
	z-index: 61;
	height: 18px;
	color: #fff;
	z-index: 61;
}

.scrolling {
	overflow:auto;
	border-left:1px solid #999;
	margin-left:160px;
}
h2 {
	font-size:24px;
	color:#345bab;
	font-weight:bold;
	margin:0;
	padding:0;
	border-bottom:1px dashed #CCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#header {
	
}
#logo {
	
}
.tab {
	background-color:#F4F4F4;
	
	border-radius:0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	
	padding: 10px;

	width: 100%;
	border:1px solid #CCC;
}

.title {
	
	border-radius:10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;

	font-weight:bold;
	
	width:208px;
	/*border:1px solid #BABABA;
	border-bottom:0px;*/
	background-color:#FFF;
	padding:5px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	background-color:#000;
	color:#FFF;
	background-position:center center;

	margin-top:16px;
}
.title_selected {
	background-color:#345bab;
}

.stdi:focus {
	border:1px solid #000;
	background-color:#FFF;
}

.stdi:disabled {
	background-color:#eee;
}

.stdi {
	border:1px solid #BABABA;
	padding:5px;
	background-color:#fff;
	color:#345bab;
	font-size:14px;
	border-radius: 4px;
	width: 100%;
    -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box; 
	
}

.stdfield{
	margin-bottom: 5px;
}	

.stdierror {
	background-color:#fcc;
}

.first_elt_ph{
    color: #BABABA;
}

.first_elt_ph option{
    color: #345bab;
}

.first_elt_ph option:first-child{
    color: #BABABA;
}

#selecteur{
	height: 37px;
	/*background-image: url('img/selecteur.jpg');*/
	background-position: right;
	background-color:#FFF;
	border-bottom:1px solid #000;
}

.selecteur_c {
	margin:0;
	background-color:#fff;
	color:#000;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size-weight:bold;
	letter-spacing:-2px;
	font-size:30px;
	padding:5px;
	background-color:#FFF;
}

.contenu_menu {
	float:left;
	width:160px;
	background-color:#eee;
	color: #222;
	height:650px;
}

.contenu_menu th{
	z-index: 50;
}

/*
#contenu_reel_ets {
	float:left;
	height:600px;
	
}*/

.contenu{
	background-color: #eee;
}

.scrolling{
	background-color: #fff;


}

.contenu_pager a {
	color:#CCC;
}
.contenu_pager {
	text-align:center;
	background-color:#333;
	color:#FFF;
	font-size:11px;
	padding:7px;
	border-top:1px solid #999;

}
.filter_element {
    padding: 5px;
}
.filter_titre {
	font-size:12px;
	font-weight:bold;
	color:#111;
	margin-bottom: 6px;
}
.filter_input {
	width:140px;
	border:1px solid #BABABA;
	background-color:#FFF;
	padding:3px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

}

.filter_confirm {
	cursor: pointer;
}


.filter_multicheck{
	-moz-border-radius: 4px;	
	border-radius: 4px;
	width: 140px;
	background-color: #fff;
	color: #111;
	z-index: 60;
	border: 1px solid #EEEEEE;
}


.filter_multicheck .thistitre{
	padding: 4px;
	font-weight: bold;
	cursor: pointer;
	
}

.filter_multicheck .thischoix{
	display: none;
	padding: 9px;
		
	position: absolute;
	font-size: 9px;
	z-index: 60;
	-moz-column-count:4; /* Firefox */
	-webkit-column-count:4; /* Safari and Chrome */
	column-count:4;	
}

.filter_multicheck .thischoix .thisadmin{
	background-color: #fcc;
	border-radius: 3px;
}


.filter_multicheck_hover {
	background-color:#CCC;
	border-radius:4px 4px 0px 0px;
	
}

.filter_multicheck_hover .thischoix{
	display: block;
	background-color: #fff;
	width: 610px;
	border: 1px solid #CCC;
	border-radius:0px 4px 4px 4px;
	box-shadow:0px 0px 10px #CCC;
}

.filter_multicheck .thischoix input{
	margin-right: 8px;
}

.filter_multicheck .thisonechoix {
	width:148px;
	margin: 1px;	
	background-color: #fff;
}


.thisonechoix a{
	color: #000;
}

.button {
	background-color:#000;
	color:#fff;
	font-weight:bold;
	border:0;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	padding:5px;
	cursor: pointer;

}
.button:hover {
	background-color:#345bab;
}
.button:active {
	background-color:#345bab;
}

.filter_confirm:hover {
    background-color:#345bab;
}

.filter_confirm {
	background-color:#000;
	color:#fff;
	font-weight:bold;
	border:0;
	width:146px;
	
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	
	padding: 3px;
}
.table_line_o {
	border-bottom:1px solid #666;

}

.table_line {

	background-color: #fff;

}
.table_line:hover {
	background-color: #345BAB;
	color: #fff;
}
.table_line:hover a{
	color: #fff;
}

.table_cell {
	border-bottom:1px dashed #CCC;
}

.table_cell img{
	padding: 3px;
}

.table_detail {
	color:#999;
	font-size:11px;
}
.hl {
	background-color: #F4F4F4;
}
.th {
	color: #333;
	background-color: #345BAB;
	font-weight: bold;
	background-image:url(img/th.png);
	font-size:11px;
}
.th td {
	border-bottom:1px solid #999;
}

.cat {
	background-color:#ecb200;
	padding:3px;
	float:left;
	width:57px;
	height:42px;
	margin:4px;
	
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}
.catb {
	border:1px solid #e49500;
	height:37px;
	
	box-shadow: 0px 0px 5px #FFF;
	-moz-box-shadow: 0px 0px 5px #FFF;
	-webkit-box-shadow: 0px 0px 5px #FFF;
	
	
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	
	background-image:url(img/square.png);
}

.catb img {
	margin-top:3px;
	border:0;
	height:32px;
	width:32px;
	margin-bottom:8px;
}

.stddiv{
	background-color:#eee;
	padding:20px; 

}

.editor{
	padding: 2px;
}

/***** RDV & PLANNING *****/


.stdlabel{
	float: left; 
	width: 124px;
	padding-top: 9px;
}

.rdv_passe, .nonactif{
	background-color: #fcc;
}

#planning_table td, .planning_table td
{
	vertical-align: top;
	width: 180px;
	text-align: center;

}

.planning_table .ths td{
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
}

.onerdv{
	text-align: left;
	border: 1px solid #CCC;
	background-color: #eee;

	margin-bottom: 10px;
}

.onerdv2 {
	margin-right: 1px;
	border-radius: 4px;
}

.onerdv .thisheure{
	padding: 12px;
	font-weight: bold;
	border-bottom: 1px dashed #CCC;
	text-align: center;
}

.onerdv .thiscontent{
	text-align: left;
	padding: 10px;
	background-color: #fff;
}

.onerdv_infos{
	background-color: #fff;
}

.confirme .thiscontent, .rdv_table .confirme{
	background-color: #D8F2FF;
}

.rdv_table .confirme:hover{
	color: #555;
	background-color: #c8d2ee;
}

.rdv_oneheure{
	border-bottom: 1px solid #ccc; 
	width: 228px; 
	margin: auto; 
	height: 52px; 
	margin-bottom: 6px;
}

.btn_planning img{
	margin-left: 5px; 
	margin-right: 5px; 	
}

/***** retards & absences *****/
.oneabsence{
	background-color: #fcc;
}

/**** pages des impressions ****/
.impression_pdf{
	padding: 10px;
	margin: 10px;
	width: 500px;
	background-color: #eee;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

.impression_pdf a{
	color: #111;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.impression_pdf img{
	vertical-align: middle;
}

/**** Plus de filtre ****/

#plus_de_filtre {
	background-color: #EEEEEE;
	border: 1px solid #333;
	position: absolute;
	left: 161px;
	padding: 8px;
	display: none;
	margin-top: -350px;
}

.demarche_filtre{
	margin-bottom: 8px;
}



.map_marker_label{	
	background-color: #fff; 
	color: #000;
}

.info_proche{
	float: left;
	padding: 10px;
	background-color: #eee;
	width: 240px;
	margin-right: 10px;
}

.ac_choix{


}

#rdv_cp_choix{
	position: absolute;
	background-color: #fff;
}

/**** CLIENT ***/

#form_edit_client .title{
	width: 180px;
}

.client_installation{
	margin-bottom: 16px;
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 10px;
}







/***** Others *****/

.nested_form {
	margin: 15px;
	padding: 10px;
	border-left: 1px solid #ccc;
}

.nested_form_type {
	position: relative;
}