 @font-face {
  font-family: 'Noto Sans', sans-serif;
  
}

#liensubmit {
    background-color:#EEEEEE; 
    border: none;
    color: #0087C3;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius: 12px;
	 -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	text-align:left; 
	padding-left:6px
	
}
#liensubmit:hover {
    background-color: #EEEEEE ;
    color: #EFD61E;
}


#liensubmit2 {
    background-color:#0087C3; 
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius: 12px;
	 -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	
	
}
#liensubmit2:hover {
    background-color: #EFD61E;
    color: white;
	}

.rTable-container {      display:table;	width: 100%; background:orange;   overflow: hidden; } 
.rTable {
    display: table;
	width: 100%;
	overflow: hidden;  
    padding: 0;
	background: #EFD61E; 
	
		
}


.rTableHeading, .rTableBody, .rTableFoot, .rTableRow{   clear: both; } 
.rTableHead0, .rTableHead1, .rTableHead2, .rTableHead3, .rTableHead4, .rTableHead5, .rTableFoot{  display: table-cell; text-align: center;	background: #DDDDDD;   } 


.rTableHead1  {   	border: 0px solid #ffffff;   	float: left;   	  	overflow: hidden;   	padding: 1px 1.0%;   	width: 448px;  background: #EEEEEE;} 
.rTableHead2  {   	border: 0px solid #ffffff;  	float: left;   	   	overflow: hidden;   	padding: 1px 1.0%;   	width: 60px; background: #DDDDDD;} 
.rTableHead3  {   	border: 0px solid #ffffff;   	float: left;      	overflow: hidden;   	padding: 1px 1.0%;   	width: 60px;  background: #EEEEEE;} 
.rTableHead4  {   	border: 0px solid #ffffff;  	float: left;      	overflow: hidden;   	padding: 1px 1.0%;   	width: 40px; background: #DDDDDD;} 
.rTableHead5 {   	border: 0px solid #ffffff;   	float: left;     	overflow: hidden;   	padding: 1px 1.0%;   	width: 95px; background: #EFD61E;} 

.rTableCell0 {   	border: 0px solid #ffffff;   	float: left;   	  	overflow: hidden;   	padding: 0px 0%;   	width: 31px; background: #EFD61E; } 
.rTableCell1  {   	border: 0px solid #ffffff;   	float: left;   	  	overflow: hidden;   	padding: 1px 0;   	width: 441px;  background: #EEEEEE;} 
.rTableCell2  {   	border: 0px solid #ffffff;  	float: left;   	   	overflow: hidden;   	padding: 1px 1.0%;   	width: 68px; background: #DDDDDD;} 
.rTableCell3  {   	border: 0px solid #ffffff;   	float: left;      	overflow: hidden;   	padding: 1px 1.0%;   	width: 68px;  background: #EEEEEE;} 
.rTableCell4  {   	border: 0px solid #ffffff;  	float: left;      	overflow: hidden;   	padding: 1px 1.0%;   	width: 47px; background: #DDDDDD;} 
.rTableCell5 {   	border: 0px solid #ffffff;   	float: left;     	overflow: hidden;   	padding: 1px 1.0%;   	width: 103px; background: #EFD61E;} 




.rTableHead0  {    display: table-cell;	border-bottom: 1px solid #999999;    font-size: 1.0em;	float: left;   	height: 62px;   	overflow: hidden;   	  	width: 6px; background: #EFD61E; } 
.rTableHead1  {   	 display: table-cell;border-bottom: 1px  solid #999999;    font-size: 1.0em;	float: left;   	height: 60px;   	overflow: hidden;   	   	width: 450px; background: #EEEEEE; } 
.rTableHead2  {   display: table-cell; vertical-align: middle;	border-bottom: 1px solid #999999;    font-size: 0.9em;	float: left;   	height: 60px;   	overflow: hidden;   	   	width: 60px; background: #DDDDDD;} 
.rTableHead3  {    display: table-cell;	border-bottom: 1px  solid #999999;   	float: left;   font-size: 0.9em; 	height: 60px;   	overflow: hidden;   	   	width: 60px;  background: #EEEEEE;} 
.rTableHead4  {    display: table-cell;text-align: center;	border-bottom: 1px  solid #999999;   font-size: 0.90em; 	float: left;   	height: 60px;   	overflow: hidden;   	   	width: 40px; background: #DDDDDD;} 
.rTableHead5 {    display: table-cell;	border-bottom: 1px  solid #999999;   	 font-size: 0.9em;float: left;   	height: 60px;   	overflow: hidden;   	   	width: 95px; background: #EFD61E;} 

.rTable:after {   	visibility: hidden;   	display: block;   	font-size: 0;   	content: " ";   	clear: both;   	height: 0; }

.rTableCell0c  {   	 display: table-cell;border-top: 1px solid #999999;   	float: left;   	overflow: hidden;   	padding: 0px 0;   	width: 23px;  background: #0087C3;} 
.rTableCell1c  {   	 display: table-cell;border-top: 1px solid #999999;   	float: left;   	overflow: hidden;   	padding: 0px 0;   	width: 600px;  background: #EEEEEE;} 
.rTableCell2c {   	 display: table-cell;text-align: right ; border-top: 1px solid #999999;   	float: left;   	   	overflow: hidden;   	padding: 0px 0%;   	width: 61px; background: #EFD61E;} 
.rTableCell3c  {   display: table-cell; 	border-top: 1px solid #999999;  	float: left;   	  	overflow: hidden;   	padding: 0px 0%;   	width: 109px;  background:#EFD61E;} 




.clearfix:after {
  content: "";
  display: table;
  clear: both;
	
}

a {
  color: #0087C3;
  text-decoration: none;
}

body {
  position: relative;
  width: 21cm;  
  height: 28.7cm; 
  margin: 0 auto; 
  color: #555555;
  background: #FFffFF; 
  font-size: 1.0em;
  font-family: 'Noto Sans', sans-serif;
  /*background: url('../img/placeholder-image.png') no-repeat center center;*/
}


.element-parent {
  height: 460px;
  background-color: #2980b9;
  /*position: relative;*/
	float:left;
}
header {
  padding: 0px 0;
  margin-bottom: 00px;
  border-bottom: 0px solid #AAAAAA;
}


#fonds {
	width: 100%;
	overflow: hidden;  
    background: #FFffFF; 
 /* background-image: url("logo1.png");*/
	background-repeat:no-repeat;
  /*background-size: 100% 100%;*/
 /* background: url('/img/pageload-spinner.gif');*/
  }
#fonds2 {
	width: 100%;
	overflow: hidden;  
    background: #FFffFF; 
  background-image: url("logo2.png");
  /*background-size: 100% 100%;*/
 /* background: url('/img/pageload-spinner.gif');*/
  }


#logo {
 
	float: left;
 
  }
#logo2 {
  position: absolute;
  right:0px;
  top  :110px;
   }
#logo3 {
  position: absolute;
  left:0px;
  top :110px;
	
   }

#company {
  position: absolute;
	/*float: right; */
   right:3px;
   top  :3px;
  text-align: right;
  color:#2c2b2b;
}


#details {

 margin-bottom: 10px;
  color:#2c2b2b;
	
  
}

#invoice {
 /*background: #DDDDDD;
  padding-left: 6px;
  border-left: 6px solid #EFD61E;*/
float: left; 
padding-top: 20px;
border-left: 6px solid #EFD61E;
color: #2c2b2b;
border-bottom: 1px solid #AAAAAA;
	 font-size: 1.0em;
 /*background-image: url("wallhaven-607262.jpg");*/
	
}
#invoice h1 {
  float: left;
  color: #2c2b2b;
  /*border-bottom: 1px solid #AAAAAA;*/
  font-size: 1.4em;

}

#invoice img {
 
   max-width: 100%;
   max-height: 100%;
    
}

#invoice .to {
  color: #000000;
}

h2.name {
  font-size: 1.4em;
  font-weight: normal;
  margin: 0;
}
h2.name2 {
  font-size: 0.8em;
  font-weight: normal;
  margin: 0;
}
h3 {
  font-size: 0.8em;
  font-weight: normal;
  vertical-align: middle;
  margin: 0;
}
#client {
  position: absolute;
  right:3px;
  top  :110px;
  text-align: left;
  padding-top: 10px;
  border-bottom: 0px solid #AAAAAA;
  width: 320px;
  color:#2c2b2b;
}

#client h1 {
  color: #0087C3;
  color:#2c2b2b;
  font-size: 1.6em;
  line-height: 1em;
  font-weight: normal;
  margin: 0  0 60px 0;
}

#client .date {
  font-size: 1.1em;
  color: #777777;
}
#etatcom {
  position: absolute;
  right:0px;
  top  :229px;
  text-align: center;
  padding-top: 1px;
  border-bottom: 0px solid #AAAAAA;
  width: 150px;
  color:#2c2b2b;
  background: #999999;
}
.rTableCell1, .rTableCell0, .rTableCell2, .rTableCell3, .rTableCell4, .rTableCell5 {
    padding-right: 0px;
}



textarea.yel { 
    background: #DDDDDD;
	text-align:center;
	padding-right: 10px;
	resize: none;
	border:solid 0px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;
	
	

	
}

textarea.yel1 { 
    background: #EFD61E;
	text-align:right;
	padding-right: 10px;
	resize: none;
	border:solid 0px;
    font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;
	height: 100%;
    width: 100%;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
			color:black;
	

	
}
textarea.chantier { 
    background: #EFD61E;
	text-align:left;
	padding-right: 10px;
	resize: none;
	border:solid 0px;
    font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;


	
}
textarea.g1 { 
    background: #EEEEEE;
	text-align:right;
	padding-right: 10px;
	resize: none;
	border:solid 0px;
    font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;


	
}
textarea.yel0 { 
    background: #EEEEEE;
	text-align:left;
	padding-right: 10px;
	border:solid 1px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;
	
	
	
}
textarea.yel0c { 
    background: #EEEEEE;
	text-align:left;
	padding-right: 10px;
	border:solid 0px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;
	resize: vertical;
    overflow: hidden;
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
				
  
}

textarea.yelbj { 
    background: #EEEEEE;
	text-align:left;
	padding-right: 10px;
	resize: none;
	border:solid 0px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;
	
}
textarea.tete { 
	font-size: 0.8em;
  	color: #000000;
    background: #ffffff;
	text-align:left;
	padding-top: 10px;
	resize: none;
	border:solid 0px;
	font-family: 'Noto Sans', sans-serif;
	
}
table {
  table-layout:fixed;
  width: 50%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 0px;

}

table th,
table td {
  padding-left: 6px;
  background: #EEEEEE;
  text-align: center;
  
}

table th {
  white-space: nowrap;        
  font-weight: normal;
	
  
}
table th tr:first-child {
 border-top: 4px solid #AAAAAA;  
 border-bottom: 4px solid #AAAAAA; 
	 background: #EE85E0;
}


table td {
  text-align: right;
}

table td h3{
  color: #777777;
  font-size: 1.2em;
  font-weight: normal;
  margin: 0 0 0 0;
}

table .no {
 table-layout:fixed;
	color: #FFFFFF;
  font-size: 1.0em;
  background: #EFD61E;
	width: 1.0em;
}


table .desc {
  text-align: left;
  font-size: 1.0em;
 table-layout:fixed;
  width: 25.0em;
  
}
table .unit {
table-layout:fixed;
  width: 5.0em;  
}

table .um {
  background: #DDDDDD;
  table-layout:fixed;
  width: 4.0em;
}
table .qty {
background: #DDDDDD;
	table-layout:fixed;
  width: 5.0em;
}

table .total {
  background: #EFD61E;
  color: #FFFFFF;
}

table td.unit,
table td.qty,
table td.total {
  font-size: 1.0em;
  table-layout:fixed;
  width: 3.0em;
}

table tbody tr:last-child td {
  border: none;
}

table tfoot td {
  padding: 5px 1px;
  background: #FFFFFF;
  border-bottom: none;
  font-size: 1.0em;
  white-space: nowrap; 
  border-top: 2px solid #AAAAAA; 
   border-bottom: 2px solid #AAAAAA; 
}

table tfoot tr:first-child td {
 border-top: 2px solid #AAAAAA;  
 border-bottom: 2px solid #AAAAAA; 
}

table tfoot tr:last-child td {
  color: #000000;
  font-size: 1.1em;
  border-top: 2px solid #57B223; 

}

table tfoot tr td:first-child {
   border-top: 2px solid #AAAAAA;  
	border-bottom: 2px solid #AAAAAA; 
}

#thanks{
  font-size: 2em;
  margin-bottom: 50px;
}
#comble{
  padding-left: 6px;
  border-left: 6px solid #0087C3; 
	  background: #EEEEEE;
}
#notices{
  padding-left: 6px;
  border-left: 6px solid #0087C3; 
	  background: #EEEEEE;
}

#notices .notice {
  font-size: 1.2em;
}

reply {
  color: #777777;
  width: 100%;
  height: 10px;
  position: relative;
  bottom: 0;
  border-top: 0px solid #AAAAAA;
  padding-top: 20px ;
  text-align: center;
	background: #EFD61E;
}
#MenuDIV {
    width: 100%;
   /*position: fixed;*/
	
	position: absolute;
				top: 0;
				left: 0;
 	top: 80px;
 /* left: 50px; */
  z-index: 999;
	left: 50%;
	margin-left: -200px; /* Half of the width */
    width: 400px;
    padding: 50px 0;
    text-align: center;
    background-color: #AAAAAA;
	border: 3px solid  #EFD61E;
    border-radius: 5px;
    margin-top: 20px;
	display:none;
}
footer {
  color: #777777;
  width: 100%;
  height: 10px;
  position: relative;
  bottom: 0;
  border-top: 0px solid #AAAAAA;
  padding-top: 10px ;
  text-align: center;
}

@media print {
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;
	page-break-before: always;
    margin-top: .25 in;
  }
	
}
