/* Global Styles */

td
{padding:2px;
font-family:arial;
font-size:11px;
}

.console{background-color: #222;}
.top {
    padding-top: 5px;

	}
.right {
float : left;
    padding-top: 5px;
    height :auto;
		}
.rightfloat {
    float : left;
	padding-top: 5px;
  		}
		
.border-b{
border-bottom : 1px solid grey;}
.border-b2{
border-bottom : 2px solid grey;}
.border-b3{
border-bottom : 2px solid grey;}
.border-r{
border-right : 1px solid grey;}
.border-r2{
border-right : 2px solid grey;}
.border-r3{
border-right : 3px solid grey;}
.border-t{
border-top : 1px solid grey;}
.border-t2{
border-top : 2px solid grey;}
.border-t3{
border-top : 3px solid grey;}
.border-l{
border-left : 1px solid grey;}
.border-l2{
border-left : 2px solid grey;}
.border-l3{
border-left : 3px solid grey;}

.space-b5{
padding-bottom : 5px;}
.space-t5 {
padding-top : 5px;}
.space-r5 {
padding-right : 5px;}
.space-l5 {
padding-left : 5px;}

.space-b10{
padding-bottom : 10px;}
.space-t10 {
padding-top : 10px;}
.space-r10 {
padding-right : 10px;}
.space-l10 {
padding-left : 10px;}

.space-b50{
padding-bottom : 50px;}
.space-t50 {
padding-top : 50px;}
.space-r50 {
padding-right : 50px;}
.space-l50 {
padding-left : 50px;}
.text-inline
{color:#428bca;
display:inline;}

.purple
{background-color: #5F04B4;
border-color: #4B088
}
.btn-primary
{background-color: #46a8b8;

}
.purple:hover
{background-color: #4B088A}

.black
{background-color: black;
border-color: grey
}

.black:hover
{background-color: grey}


/* Custom Colored Panels */

.background-grey {background-color: grey;}
.background-grey2 {background-color: rgb(240,240,240);}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.form-add-note {margin-bottom:5px;}

.div-note {clear:left; border-top: 1px dotted black; padding-top: 5px;}
.div-note div {float:left; background-color: #FFF; padding: 5px; border: 1px solid grey; margin-bottom: 10px; border-radius: 10px; margin-right: 5px; }

.btn-Demande {background-color: #f0ad4e;  border-color: #eea236;  color: #fff; }
.btn-Devis { background-color: #5cb85c;   border-color: #4cae4c;   color: #fff;}
.btn-Commande { background-color: #428bca;  border-color: #357ebd;  color: #fff;}
.btn-Controle {  background-color: #d9534f;  border-color: #d43f3a;  color: #fff;}
.btn-Livraison {  background-color: #5f04b4;  border-color: #357ebd;  color: #fff;}
.btn-Facture {background-color: #500080;  border-color: grey;  color: #fff;}
.btn-Facture:hover{color: grey;}

.btn-Termine {background-color: #fff;  border-color: #ccc;  color: #333;}
.btn-mag1 {background-color: #A5EC76;  border-color: grey;  color: #333;}
.btn-mag2 {background-color: rgb(0,215,245);  border-color: grey;  color: #333;}
.dossier-dossier {margin-bottom: 5px;}

/*CSS bouton devis*/
.btn-del {color:red;}


/*CSS Thomas*/
#droite, #gauche, #centre {
    display: inline-block;
    vertical-align: top;
}

#gauche
{
	float:left;
	width:500px;
	padding:10px;
}

#droite
{
	float:left;
	width:300px;
	padding:10px;
}

#centre
{
	float:left;
	width:300px;
	padding:10px;
}