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


*{
	outline:none;
	border:none;
	padding:0;
	margin:0;
}
*:focus{
	outline:none;
	-moz-outline-style:none;
}

body{
	background-color:#efefef;
	font-family:Arial;
	font-size:12px;
	color:#000;
}





/* ----------------- Général ----------------- */

.clear{
	clear:both;
}

.pointer{
	cursor:pointer;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.div_action{
	text-align:center;
	display:none;
}

.load{
	background:url(../charte/load.gif) bottom center no-repeat;
	padding-bottom:25px;
	text-align:center;
	font-weight:bold;
	margin:15px 0;
}

.handle {
	background-color:#903;
	font-weight:bold;
	padding:0 2px;
	margin:0 3px;
	margin-right:5px;
	cursor:move;
	color:#fff;
}

.img_triable{
	cursor:move;
}

.span_checkbox{
	position:absolute;
	margin:2px 3px;
	height:14px;
	width:14px;
}

/* ----- Lien ----- */
a:visited,
a:active,
a:hover,
a:link{
	text-decoration:none;
	/*color:inherit;*/
}


/* ----- Input ----- */
/*
select,
textarea,
input[type="file"],
input[type="text"],
input[type="radio"],
input[type="checkbox"],
input[type="password"]{
	border:1px solid #aaa;
	padding:2px;
	margin:3px;
}

input[type="text"]:focus,
input[type="password"]:focus{
	
}

input[type="reset"],
input[type="submit"],
input[type="button"]{
	margin:10px 1px 1px 0;
	padding:2px 6px;
	cursor:pointer;
	
	border:1px solid #c9c9c9;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
	
}
*/




/* ----------------- Bouton ----------------- */

.ajouter{
	border:#554c34 1px solid;
	margin:0 0 1px 2px;
	text-align:center;
	background:#fff;
	padding:0 2px;
	color:#554c34;
}

.ajouter:hover{
	border:#fff 1px solid;
	background:#554c34;
	color:#fff;
}





/* ----------------- Tableau ----------------- */

table.cpcwidth,
table.cadrecpc{
	border-collapse:collapse;
	border-spacing:1px;
	width:100%;
}

.ligne,
.ligne2,
.classic,
.lignetitre,
.lignedashed,
.lignesoustitre,
tr.ligne_effet td{
	border-bottom:#554c34 1px solid;
	padding-left:2px;
	color:#554c34;
	height:24px;
}

.lignetitre{
	background:url(../charte/bg_lignetitre.gif);
	font-weight:bold;
	font-size:14px;
	border:none;
	color:#fff;
}

.lignesoustitre{
	background:#fff9d9 url(../charte/nav_back.gif) repeat-x;
	font-weight:bold;
	height:20px;
}

tr.ligne_effet td:not(.td_check){
	background-color:#fff;
}

tr.ligne_effet:hover td{
	background-color:#fcc;
}

.ligne{
	background-color:#fff;
}
.ligne2{
	background:#fff9d9 url(../charte/bg_ligne2.gif) repeat-x;
}

.lignechamps{
	border-bottom:1px dashed #e0e0e0;
	font-weight:bold;
	text-align:right;
	color:#554c34;
	height:24px;
	width:30%;
}

.ligneinput{
	border-bottom:1px dashed #e0e0e0;
	text-align:left;
	height:24px;
	color:#000;
}

.ligneinput input[type="text"]{
	width:97%;
}

.ligneinput textarea{
	margin-left:5px;
	height:100px;
	width:97%;
}

.lignedashed{
	border:1px dashed #e0e0e0;
}





/* ----------------- Mode "list" ----------------- */

.td_check{
	background-color:#faebe7;
}


/* ----- Select ----- */
.tab_contenu_niveau{
	width:100%;
}


/* ----- Fonctionnalité "parent" ----- */
#form_select table{
	width:100%;
}

.toggle,
.toggle_enfant{
	background:url(../charte/toggle.png) 0px -16px no-repeat;
	cursor:pointer;
	height:14px;
	float:right;
	width:14px;
}
.toggle_enfant{
	margin-right:5px;
	float:left;
}

.toggle_closed{
	background-position:0px 0px;
}


/* ----- Traitement par lot ----- */
.img_lot{
	margin-right:5px;
	cursor:pointer;
}

#div_img_lot{
	margin-left:5px;
	margin-top:4px;
	float:left;
}

#div_limit{
	margin-right:20px;
	padding-top:6px;
	float:right;
}

#nb_page{
	margin-right:20%;
	padding-top:10px;
	float:right;
}
#nb_page a,
#nb_page span{
	border:1px solid #999; 
	background:#fff;
	color:#333;
	text-shadow:none;
	padding:3px 7px;
}
#nb_page a:hover{
	background:#eee;
	text-decoration:none;
}
#nb_page #active{
	background:#eee;
	cursor:default;
}





/* ----------------- Mode "list_colonne_list" ----------------- */

#table_col_list{
	margin-top:15px;
	width:100%;
}
#table_col_list td{
	text-align:left;
	width:33%;
}

#table_liste_col_list td{
	border:1px solid #999;
	background:#fff;
	text-align:left;
	padding:5px;
	width:300px;
}





/* ----------------- Mode "data_edit" ----------------- */



/* ----- Formulaire ----- */
.formulaire{
	border:1px solid #000;
	background:#fff;
	width:100%;
}
.container_formulaire{
	padding:0 5px 0 2px;
}

.div_off{
	display:none;
}
.div_on{
	display:block;
}

.etoile{
	font-weight:normal;
	color:#f00;
}

.textobligatoire{
	text-align:center;
	font-style:italic;
	font-size:10px;
}





/* ----------------- Mode "login" ----------------- */

#body_login{
	margin:40px auto;
	width:320px;
	padding:0;
}

#login{
	border:1px solid #bdbdbd;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	text-align:center;
	background:#fff;
}

#login #div_logo img{
	max-height:150px;
	max-width:290px;
}

#login #div_logo{
	border-bottom:1px dashed #bdbdbd;
	padding:15px;
}

#login #div_form{
	border-bottom:1px dashed #bdbdbd;
	padding:10px 0;
}

#login #div_form table{
	margin:0 auto;
}

#login #div_valider{
	padding:10px 0;
}





/* ----------------- Mode "menu" ----------------- */

#body_menu a{
	text-decoration:none;
	color:#554c34;
}

#body_menu #logo{
	border-right:1px solid #999;
	background:#fff;
	max-height:80px;
	max-width:150px;
	float:left;
	z-index:1;
}

#body_menu #infos{
	position:absolute;
	padding:5px 10px;
	z-index:2;
	right:5px;
	top:3px;
}

#body_menu #menu{
	position:absolute;
	z-index:-1;
	top:12px;
}

#body_menu #prev_next{
	position:absolute;
	margin-left:10px;
	margin-top:-10px;
}

#body_menu #prev,
#body_menu #next{
	cursor:pointer;
	display:none;
	width:20px;
}

#body_menu .ul_parent{
	border-bottom:1px solid #999;
	padding-left:5px;
	height:26px;
	width:auto;
}

#body_menu .li_parent{
	list-style:none;
	float:left;
}

#body_menu .a_parent{
	background:#f9fdff;
	padding:5px 15px;
	display:block;
	margin:0 1px;
	z-index:5;
	
	border:1px solid #999;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

#body_menu .a_parent:hover{
	background:#fff;
}

#body_menu .a_parent_actif{
	border-bottom:1px solid #fff;
	background:#fff;
}

#body_menu .ul_enfant{
	padding:5px;
	position:absolute;
	background:#fff;
	display:none;
	height:50px;
	width:100%;
	z-index:4;
	left:0;
}

#body_menu .li_enfant{
	list-style:none;
	float:left;
}

#body_menu .a_enfant{
	border:1px solid #333;
	background:#a5a5a5;
	padding:3px 7px;
	display:block;
	margin:0 2px;
	color:#fff;
}

#body_menu .li_enfant_sep{
	display:block;
	padding:3px;
}

#body_menu .a_enfant_actif,
#body_menu .a_enfant:hover{
	background:#9090bd;
}

.custom-nav li a {
	background-color: #C1C2C3;
	color: #FFF;
	border-color: #FFF;
}

.custom-nav li.active a {
	background-color: #616263;
	color: #FFF;
	border-color: #FFF;
}

.custom-nav li.active a:hover, .custom-nav li.active a:focus {
	background-color: #616263;
	color: #FFF;
	border-color: #FFF;
}

.custom-panel .panel-heading {
	background-color: #616263;
	color: #FFF;
	border-color: #616263;
}

.custom-sidebar ul#main-menu li.active > a, .custom-sidebar ul#main-menu li > a:hover {
	background-color: #00a4cd !important;
	color: #FFF !important;
	border-color: #FFF !important;
}

.custom-sidebar ul#main-menu li.active > a:before {
	color: #FFF !important;
}

color: #fff;

.dropdown-menu {
	min-width: 200px;
}

.dropdown-menu > li > span > span > a {
  display: block;
  padding: 4px 8px;
  clear: both;
  font-weight: normal;
  line-height: https://lh5.googleusercontent.com/-b3-OMDZYaeI/AAAAAAAAAAI/AAAAAAAAAJQ/KVXk05KpUtE/s92-c-k-no/photo.jpg1.42857143;
  color: #7d8086;
  margin: 0 3px;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;https://lh5.googleusercontent.com/-b3-OMDZYaeI/AAAAAAAAAAI/AAAAAAAAAJQ/KVXk05KpUtE/s92-c-k-no/photo.jpg
  background-clip: padding-box;
}

.dropdown-menu > li:hover, .dropdown-menu > li:hover > span > span > a, .dropdown-menu > li:hover > a {
	/*background-color: #616263 !important;*/
	color: #FFF !important;
	border-color: #FFF !important;
}

.input-group .form-control {
	border-right: 1;
}

.form-control, .input-group-addon, .bootstrap-tagsinput, .bootstrap-tagsinput:hover  {
	/* border-color: #616263; */
	border-color: #CECECE;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #C4C4C4;
}

.select2-container-multi.select2-container-disabled .select2-choices {
	background-color: #C4C4C4 !important;
	border-color: #C4C4C4 !important;
}

.input-group-addon {
	border-left: 1;
}

.form-control[readonly] {
	background-color: #FFF;
}

.page-body .select2-container .select2-choices {
	padding-top: 0;
}
.select2-container-multi .select2-choices .select2-search-choice {
	margin-top: 5px !important;
	line-height: 18px;
}

.dataTables_paginate {
	border-right: 0 !important;
}

.custom-lenght {
	padding-right: 16px !important;
}
.custom-lenght .dataTables_length {
	padding: 10px 12px !important;
	height: 47px !important;
	background: #fafafa !important;
	-webkit-border-radius: 0px 0px 3px 0px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0px 0px 3px 0px;
	-moz-background-clip: padding;
	border-radius: 0px 0px 3px 0px !important;
	background-clip: padding-box !important;
	border: 1px solid #ebebeb !important;
	border-top: 0 !important;
	border-left: 0 !important;
	text-align: right;
}

.custom-pagination {
	padding: 0px;
}

.dataTables_length .form-control {
	border-color: #ebebeb;
}

.custom-processing {
	position: absolute;
	text-align: center;
	top: 45%;
	padding: 10px 0;
	text-align: center;
}

.custom-processing .dataTables_processing {
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px 4px 4px 4px;
	-moz-background-clip: padding;
	border-radius: 4px 4px 4px 4px !important;
	border: 1px solid #000;
	background-color: #000;
	color: #FFF;
	width: 170px;
	padding: 10px;
	margin: auto;
	opacity: 0.8;
}

.table-clickable > tbody > tr {
	cursor: pointer;
}

.badge.badge-warning { color: #000; }

.filtre {
	width: inherit;
	display: inherit;
	float: right;
	padding: 2px;
	height: inherit;
	line-height: inherit;
}

.nav-tabs.bordered + .tab-content-sub-tab {
	padding:0;
	border: none;
	/*border-top:1px solid #ebebeb;*/
}

.tab-content-sub-tab>div.tab-pane {
	padding:10px 15px;
	border:1px solid #ebebeb;
	border-top:none;
}

.tab-content-sub-tab>div.tab-pane-with-sub-tab {
	padding:0;
	border:none;
}

.tab-content-sub-tab>div.tab-pane>.nav-tabs{ margin-top: 0;  }
ul.nav-tabs-sm>li>a { padding: 10px 5px; font-size: 11px; /*margin-top: -6px; */ }
ul.nav-tabs-xs>li>a { padding: 5px 5px; font-size: 10px; /*margin-top: -6px; */ }
ul.nav-tabs>li>a:hover { color: #616263; }

select.nav-tabs-onglet { margin: 10px 0px; }

@media (max-width: 768px) {
  ul.nav-tabs li {
    width: 100%;
  }
  ul.nav-tabs-sm { padding-left: 10px;}
  ul.nav-tabs-xs { padding-left: 20px;}
  .nav-tabs.bordered > li:last-child > a { margin-right: 4px; }
  ul.nav-tabs-sm>li>a { margin-top: 0px;  }
  ul.nav-tabs-xs>li>a { margin-top: 0px; }
}