/************************************************Page de connexion **************************/
.contenair_connexion .panel-body {
 background-color:#4b4a4d;  /*grey*/
}

.form-signin-heading {
color: white;  /* text en blanc */
}

.contenair_connexion .panel-body  .btn-primary {
color: #fff;
background-color: #ec007a;
border-color: #357ebd;
}
/***************************************************************************************************/

/********************************** HEADER ******************************************************/
.navbar-brand span { color: #E20079 !important; font-weight: bold; }
.navbar-brand.img { padding: 0 0 0 5px; }
.navbar-brand.img img { margin: 5px 5px 0 0; }
.text-left { text-align: left; }
.total { border-top: solid 2px #888; }
.modal-lg { /*width: 95%; max-width: 1100px;*/ }
/********************************************************************************************/



/**************************************MENU*********************************************************/
.size_menu { font-size:10px; line-height:5px;}

.nav>li {
 background-color:#4b4a4d;  /*grey*/
 height:70px;
 line-height:70px;
}

.navbar-default .navbar-nav>li>a  {
color: white;  /* text en blanc */
}



.navbar-default .navbar-nav>.active>a,  .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: white;  /* text en blanc */
background-color: #ec007a;   /* rose */
}


.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: white;
    background-color: transparent;
}


.container-fluid {
background-color: #4b4a4d;
}

.glyphicon-user { color: #32CD32; }

.nav>li .dropdown{
 background-color:#4b4a4d;  /*grey*/
}

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


/********************************************Pannel active ****************************************/
.breadcrumb {
background-color:#4b4a4d; /*grey*/
}

.breadcrumb>.active {
color: white;
background-color:#4b4a4d;
}


.titre {
    padding: 8px 15px;
    /* margin-bottom: 20px; */
    list-style: none;
    background-color: #4b4a4d;
    border-radius: 4px;
    color: white;
	font-size: 15px;
}
.div_titre{
padding-top: 20px;
padding-bottom:20px;
}
/**************************************************************************************************/

/***********************************************PANEL*********************************************/
.panel-default>.panel-heading {    /* création d'un dossier*/ color: #ec007a; /*rose*/ background-color: #f5f5f5; /*grey normal*/ border-color: #ddd; }
.panel-se >.panel-heading { color: white; background-color: #4b4a4d; /*grey foncé*/ border-color: #bce8f1; font-size: 12px; }
.badge { background-color: #ec007a; }
/*************************************************************************************************/





/***************************************** FORM ****************************/
.form-group.date-group .form-control-feedback { display: none !important; }
td.input { padding-left: 20px !important; padding-right: 20px !important; width: 120px; }
td.input_quantite { padding-left: 20px !important; padding-right: 20px !important; width: 87px;border:none;}
td.input_select { width: 170px;border:none}
td.input_textarea { width: 270px;border:none}

td.input .form-group { margin-bottom: 0; }
hr {border-top: 5px solid #eee;}

/* SPECIAL TRICKS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield;
}

::-webkit-input-placeholder { color:#999999; font-style: italic; }
::-moz-placeholder { color:#999999; font-style: italic; }
:-ms-input-placeholder { color:#999999; font-style: italic; }
input:-moz-placeholder { color:#999999; font-style: italic; }


.form-horizontal .control-label {
    padding-top: 0px;
    margin-bottom: 0;
    text-align: right;
    font-size: 13px;
}

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


/****************************glyphicon*******************************************/
.glyphicon-chevron-right:before {
content: "\e080";
color:  #ec007a;  /* rose */
}

.glyphicon-chevron-left:before {
color:  #ec007a; /* rose */
}

.glyphicon-pencil:before {
content: "\270f";
color:  #ec007a; /* rose */
}

.glyphicon-remove:before {
content: "\e014";
color:  #ec007a; /* rose */
}

.glyphicon-edit:before {
content: "\e065";
color:  #ec007a; /* rose */
}



.btn .caret {
margin-left: 0;
color: #ec007a; /* rose */
}

.glyphicon-eye-open:before {
content: "\e105";
color: #ec007a; /* rose */
}

.glyphicon-folder-open:before {
color: #ec007a; /* rose */
}


.glyphicon-plus {
color: #ec007a; /* rose */
}

.glyphicon-ok {
color: #ec007a; /* rose */
}


.btn-fleche {
color: #fff;
background-color: #4b4a4d;  /*grey*/
border-color: #4b4a4d;  /*grey*/
}

.btn-primary, .btn-primary:hover  {
color: white;
background-color: #4b4a4d; /*grey*/
border-color: #4b4a4d;  /*grey*/
}

.btn-success{
color: white;
background-color: #4b4a4d;  /*grey*/
border-color: #4b4a4d;  /*grey*/
}

.btn-info{
color: white;
background-color: #4b4a4d;  /*grey*/
border-color: #4b4a4d;  /*grey*/
}
/****************************************************************************/




/****************************************TABLEAUX*********************************/
tr>th { background-color: #f5f5f5; }
th {font-weight: bold; font-size: 12px;}
td {font-size: 12px;}
.strong { font-weight: bold; }
.dl-horizontal dt { text-align: left;}
/***********************************************************************************/




/**************************************** PRINT **************************************/
@media print
{
	.btn-group, .navbar, .breadcrumb, .well, .alert, .btn { display: none; }
	h2, h3, h4 { font-size: 14px; font-weight: bold; margin: 5px 0; }
	dt, dd { display: inline-block !important; width: 48%; font-size: 11px; min-height: 1em;}
	.panel { font-size: 12px; }
	h1 { margin: 5px 0; }
	h2 { color: #4B4A4D !important; }
	h2 span { color: #E20079 !important; font-weight: bold; }
}
/*************************************************************************************/

.thumbnail img { max-height: 300px; margin: 10px auto 5px auto; width: auto; max-width: 90%; box-shadow: 3px 3px 4px rgba(0,0,0,0.5); border-radius: 3px; }




/*********************************************************************************/
/* MOBILE PETIT */
@media (max-width: 320px)
{
	
}

/* MOBILE GRAND */
@media (min-width: 321px) and (max-width: 767px)
{
	
}

/* TABLETTE PORTRAIT */
@media (min-width: 768px) and (max-width: 991px)
{
	
}

/* TABLETTE PAYSAGE */
@media (min-width: 992px) and (max-width: 1199px)
{
	.modal-lg { width: 900px; }
}
/********************************************************************************/


.popover{
	max-width:none;
}

.input-append input, .input-append select, .input-append .uneditable-input, .input-append .dropdown-menu, .input-append .popover, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input, .input-prepend .dropdown-menu, .input-prepend .popover {
		font-size: 11px;
}


.glyphicon-info-sign:before {
/* color: #ec007a; rose */
color: #00000; /* rose */
}


.div_titre { }
.div_titre span.titre { }
.div_titre .btn-group {  }
.div_titre .btn-group > .btn,
.div_titre .btn-group > a { background:#4b4a4d !important; margin-left:1px; border:none; }
.div_titre .btn-group > .btn .glyphicon,
.div_titre .btn-group > a .glyphicon { color:#ec007a; margin-right:5px; }
.div_titre .btn-group > .btn:hover,
.div_titre .btn-group > a:hover { /* background:#4b4a4d; */ background:#ec007a !important; color:#fff !important; }
.div_titre .btn-group > .btn:hover .glyphicon:before,
.div_titre .btn-group > a:hover .glyphicon:before { /* color:#ec007a; */ color:#fff !important; }