.content-left  ,.content-logo{
 
  border-radius: 5px;
  /*overflow: scroll;*/
 /*margin-top:40px;*/
  margin-top:20px;

}


.red{
    background: #F00;
    color: #FFF;

border-color: #D6E9C6;
}
.yellow{
 background: #FFFF33; 
 

border-color: #D6E9C6;
}
.green{
 background: #5fbf00;   
}
.blue{
 background: #00F;
    color: #FFF;

border-color: #D6E9C6;    
}
.content-right{
    border-radius: 5px;

  margin-top:30px;

}
.title{
    background-color: #F5F5F5;
border: 1px solid #E3E3E3;
}
.title-connexion{
   
    margin-right: 10px;
    border-bottom:1px dotted; 
    
    
}

.title-connexion h3 b{
 color: #08C;   
 
 
}
.lignepromo{
    background: #777;
    color: #FFF;
    font-weight: bold;
}
.ligneInactif{
 font-weight: bold;
    color: #A94442;
}
.table .ligneselect {
    font-weight: bold;
    color: #08C;
    
    
}
table th a{
    color: #333;
}
.table tr:hover{
 cursor: pointer;
}

for
.liste tr:hover{
 
 cursor: pointer;
}
.content-logo{
    height: 450px;
}
.listeappeles{
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
  
   
}


.footer p{
text-align: center;
}
.footer{
   
     height: 60px;
  background-color: #f5f5f5;
 position: relative
     ;
   
    bottom: 0;
    width: 100%;
 padding-top: 15 px;
}
#loginform{
    margin-top: 100px;
    
    padding:20px;
   
   
  
   
   min-height: 40px;


background-color: #FAFAFA;
background-image: linear-gradient(to bottom, #FFF, #F2F2F2);
background-repeat: repeat-x;
border: 1px solid #D4D4D4;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.067);
   
}
.brand{
  
}
.brand h2{
    display: inline;
    
    color: #08C;
}
.formlog{
margin-bottom: 100px;
}



#loginform input{
  margin-left:  auto;
  
}

#action input{
  
    margin-top: 5px;
 height: 30px;
padding-right: 20px;
padding-left: 20px;
}


#title{
    text-align: center;
    color: #08C;
}



table td label {
    float: left;
    text-align: right;
    font-weight: bold;
    margin-right: 10px;
}
#action {
  padding: 5px;
  background: #08C;
  color: #fff;
  margin: 5px;
  border:0px solid #d4d4d4;
}
#logo{
 /*margin: 15px;*/  
 height: 50px;
 background-color: #dcdcdc;
 position: static;
 border-radius: 20px;

 /*padding-top: 15px;*/
 /*padding-right: 15px;*/

}


#drapeau{
    height: 27px;
    width: 40px;
    
    
    margin-top: 17px;
 
 background: url('../images/drapeau.jpg');
 background-repeat: no-repeat;
}



#quota h3{
     margin-top: 11px;
     
}

.contenu
	{
		
		/* border:1px solid #d4d4d4; */
		margin-top:-1px;
		padding-right: 10px;
	
		
	}
        .contenu div{
            margin-left: 15px;
			margin-top :10px;
        }
	ul
	{
		margin-top:0px;
		margin-bottom:0px;
		margin-left:-10px
	}
	h1
	{
		margin:0px;
		padding:0px;
	}
        .deconnect{
           margin-left: 200px;
           margin-top: 5px;
           right: 0;
        }
	
     .systeme_onglets{
/*padding-left:15px;*/
margin-left: 10px;
margin-top: 25px;
     }
     .carte{
         background-image: url('../fonts/burkina1.jpg');
        
     }
     
      #info{
       background-color: #ffffff;
     width: 0px;
     height: 0px;
     border: 0;
     color: #FFF;
    }
    
    .navbar-brand img{
        height: 45px;
    }
    .navbar-brand {
   float: left;
font-size: 18px;
line-height: 20px;
padding: 5px;
}

.badge{
    modal-dialog {
    width: 500px;
   
}
}