#body {
background: #0C7A9B;
color: white;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
background-repeat: no-repeat;
background-position: right top;
}

#title {
font-size: 15px;
float: left;
}

#title a {
text-decoration: none;
}

#nav {
background: linear-gradient( to right,  #3B3B3B, #053745) ;
padding: 10px;
border-radius: 10px;
margin-bottom: 5px;
}

.deconnection {
float: right;
margin-top: -5px;
}

#formrecherche {
text-align: center;
}

#rechercher {
background: linear-gradient( to right,  #3B3B3B, #053745) ;
padding: 3px;
border-radius: 15px;
}

#rechercher_validation{
background: linear-gradient( to right,  #3B3B3B, #053745) ;
padding: 3px;
border-radius: 15px;
margin-bottom: 20px;
}


#rechercherboutton, #boutton, #boutton2, #boutton3 {
width: 170px;
height: 30px;
background: linear-gradient( #F53400, #191919) ;
border-radius: 5px;
font-weight: bold;
color: white;
}

#table {
margin: 0 auto; 
}


#rechercherboutton {
text-transform: uppercase;
margin-top: 10px;
}

#bt {
background: linear-gradient( to right,  #3B3B3B, #053745) ;
height: 30px;
padding: 5px;
border-radius: 10px;
margin-top: -11px;
}

#nom {
width: 400px;
}

.inscription {
float: left;
}

.consulter {
float: right;
}

#recherchenulle {
text-align: center;
margin-bottom: 30px;
line-height: 40px;
}

.ajouter, .nvlrechercher {
margin-left: 10px;
padding-top: 5px;
padding-bottom: 7px;
padding-right: 10px;
padding-left: 10px;
background: linear-gradient( #E6E6E6, #191919) ;
border-radius: 5px;
font-weight: bold;
color: white;
text-decoration: none;
text-align: center;
font-size: 14px;
text-transform: uppercase;
}

#boutton2 {
background: linear-gradient( #154910, #191919) !important ;
}

#boutton3 {
background: linear-gradient( #0000ff, #191919) !important ;
}

#lien {
margin-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
width: 185px ;
height: 25px ;
background: linear-gradient( #F53400, #191919) ;
border-radius: 5px;
font-weight: bold;
color: white;
text-decoration: none;
text-align: center;
font-size: 14px;
text-transform: uppercase;
}

#lien2 {
padding-top: 3px;
padding-bottom: 3px;
width: 200px;
height: 25px;
background: linear-gradient( to right, #F53400, #191919) ;
border-radius: 5px;
font-weight: bold;
color: white;
text-decoration: none;
float: right;
text-align: center;
}

#lien3 {
padding-top: 3px;
padding-bottom: 3px;
width: 200px;
height: 25px;
background: linear-gradient( to right, #F53400, #191919) ;
border-radius: 5px;
font-weight: bold;
color: white;
text-decoration: none;
float: right;
text-align: center;
}

#rechercherboutton:hover, #boutton:hover, #lien:hover, #lien2:hover, #lien3:hover, #boutton2:hover, #boutton3:hover, .ajouter:hover, .nvlrechercher:hover {
box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 1) inset;
}

.tout {
float: right;
}

.input{
width: 350px;
border-radius:5px; 
text-align:center; 
box-shadow:0 0 6px;
}

#affiner, #nom {
height: 30px;
}

.input2{
border-radius:5px; 
text-align:center; 
box-shadow:0 0 6px;
}

.input3{
width: 116.6px;
border-radius:5px; 
text-align:center; 
box-shadow:0 0 6px;
}

.input4 {
width: 113px;
border-radius:5px; 
text-align:center; 
box-shadow:0 0 6px;
}

.input5 {
width: 175px;
border-radius:5px; 
text-align:center; 
box-shadow:0 0 6px;
}

.input6 {
width: 87px;
border-radius:5px; 
text-align:center; 
box-shadow:0 0 6px;
}

.check {
margin: 5px;
padding: 5px;
}

#client {
background: #005100;
}

#nouvel_abonne {
background:#000066;
}

#leads_tbl {
background:#A8A800;
}

#a {
text-align: center;
}

#b, #c, #d {
margin: 20px;
}

#legende {
font-weight: bold;
font-size: 20px;
}

tbody {
border-radius: 5px;
}

p table, #pied_table {
margin: 0 auto; 
text-align: center;
}

#table {
text-align: center;
}

img {
display: block;
margin: 0 auto; 
width: 900px;
}

fieldset {
text-align: center;
}

.connection {
text-align: center;
}

#identifiant {
margin-right: -15px;
margin-bottom: 10px;
}

.commercial {
float: right;
}

#classement form:nth-child(2)  {
float: right;
}

#info_tri {
text-align: center;
}

.back {
float: right;
}

#Vente_commerciaux {
padding: 10px;
background: #000066;
float: right;
border-radius: 5px;
}

#Vente_clients {
padding: 10px;
background: #005100;
float: right;
border-radius: 5px;
}

#leads {
padding: 10px;
background: #A8A800;
float: right;
border-radius: 5px;
}

#a {
padding: 10px;
}

#commentaires{
text-align: left !important;
}

#last_vali {
padding-left: 5px;
float: left;
}

#formrecherche2 {
text-align: center;
}

.CC {
display: none;
}