#preheader {
	height:5px;
}

header {
  background:url("quae.png");
  background-repeat: no-repeat;
  background-color: white;
  height:60px;
  width: 100%;
  line-height:60px;
  //box-shadow: 12px 12px 7px rgba(0,0,0,0.5);
}

#titre{
  font-size:30px;
  color:#424242;
  text-align: center;
}

body {
  font-family: 'Titillium Web', sans-serif;
  color:white;
  background:#1a497d;
}

div {
  border-radius:10px 5px;
}

#bandenoire {
  margin:0 auto;
  height:800px;
  width:850px;
  opacity:0.7;
}

#maincont {
  border:solid 1px lightgrey;
  border-radius:25px;
  margin:0 auto;
  width:800px;
  //height:1000px;
  padding:20px;
  background:#424242;
  //box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.8), -12px 0 8px -4px rgba(0, 0, 0, 0.8);
}

#signestaux {
  margin:50px 0 50px 0;
  border:1px solid grey;
  padding:0 30px;
  border-radius:40px 5px;
}

#centrer {
  text-align:center;
}

#taux {
  margin:0 0 0 20px;
}

#entete1 {
  text-align:right;
  width:305px;
  float:left;
}

#entete2 {
  text-align:right;
  width:230px;
  float:left;
}

#entete3 {
  text-align:right;
  width:220px;
  float:left;
}


#reset {
  clear:both;
}

#lectures {
  border:1px solid grey;
  padding:30px 30px;
  height:170px;
  border-radius:40px 5px;
  margin:0 0 60px 0;  
}

#lignes {
  width:760px;
  height:70px;
}

#lecture {
  width:80px;
  float:left;
}

#hinput {
  float:left;
  width:220px;
}

#heures1,#heures2,#heures3 {
  float:left;
  width:200px;
  text-align:right;
  background:grey;
  border-radius:10px 2px;  
  padding: 0 10px 0 0;
}
#soustotal1,#soustotal2,#soustotal3 {
  float:left;
  width:200px;
  text-align:right;  
  background:grey;
  margin:0 0 0 10px;
  border-radius:10px 2px;
  padding: 0 10px 0 0;
}

#totbout {
  border:1px solid grey;
  padding:25px 30px;
  border-radius:40px 5px;
  height:50px;
}

#integrat {
  border-radius:40px 5px;
  height:50px;
  margin: 0 0 0 50px;
}

#ajouter {
  float:left;  
}

#oui {
  float:left;
  width:100px;
  text-align:center;
  background:#0A2A0A;
  margin:0 50px;
  border:1px solid white;
}

#non {
  float:left;
  width:100px;
  text-align:center;
  background:#3B0B0B;  
  border:0px solid white;
}

#tableau {
  margin:30px 0 30px 0;
}

#signes {
  width: 200px;
  text-align:right;
  padding:0 10px;    
}

table {
  margin: 0 auto;
  width:760px;
}

#berdol {
  padding:0 10px 0 0;
}

#soustotintegration {
  float:left;
  width:200px;
  text-align:right;  
  background:grey;
  margin:0 0 0 50px;
  border-radius:10px 2px;
  padding: 0 10px 0 0;
}

input {
  border-radius:10px 2px;
  margin:0 10px 0 10px;
  border:0;
  text-align: right;
  padding:0 10px 0 0;
  color:#000;
}

euros {
  margin:0 5px 0 5px;
  padding:0 0 0 0;
}

#fin {
  width:100%;
  margin: 0 auto;
}

#calc {
  border-radius:10px 2px;	
  width: 300px;
  color:black;
  margin: auto;
  float: left;
}

#buttcalc {
  width:300px;
  float:left;
  border:1px solid black;
  text-align: center;
  border-radius:5px 5px 70px 70px;
  background:#1a497d;  
  border:5px solid white;
  font-size:20px;
  color: white;
}

#total {
  width:300px;
  margin:0 0 0 115px;  
  background:#1a497d;
  float:left;
  border-radius:5px 5px 70px 70px;
  text-align:right;
  font-size:20px;
  padding:0 50px 0 0;
  border:5px solid white;
}