@charset "utf-8";
/* CSS Document */

body{font-family:Roboto; background-color:#ccc;}



#body_corp{display:block;height:970px;overflow:hidden;width: 100%;border-top: 2px solid black;}
.trick
{
padding : 1px;	
	
}
.content
{
/*max-width:793.70px ;
width:793.70px ;
height:1122.52px;
max-height:1122.52px;*/

max-width:210mm ;
width:210mm ;
height:297mm;
max-height:297mm;
background-color:#fff;
border-radius:7px;
box-shadow: 0 8px 14px rgba(0,0,0,0.8);	
margin: auto;
/*padding-left:12.7mm;
padding-right: 12.7mm;*/
padding: 12.7mm ;
overflow-y: hidden;
overflow-x: hidden;
padding-top: 5mm

}
table
{

width:100%;
border-collapse:collapse;
display:table;
}

.corp
{
height: 80%;
display:block;	
}

.compteur_pages{text-align:right; font-size:85%}
.colpat{width: 31.67mm;}
/*.top{border-bottom : 2px solid black;}*/
.top td{padding-bottom: 0}
.pied_page{position:relative; /*top:80%*/}
#top3{width:20%}

#logo{
  /*animation: 1s fadeIn;
  animation-fill-mode: forwards;
  visibility: hidden;*/
  width: 60%;
  padding: 8px;
}

#encorp_svg {
animation: 1s fadeIn;
width: 85%;	
}
@keyframes fadeIn {
  30% {
    visibility: hidden;
  }
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
	opacity: 1;
  }
}
#adr
{
text-align: right;
font-size:85%;
}

#hr{border-bottom: 2px solid black;}

#titre
{
	
	text-align:center;
	margin-top: 5%;
	margin-bottom: 5%;
	font-weight:bold;
	font-size:140%;
	text-decoration:underline;
	}
	
.infos th
{
	width:50%;
	background-color: #d5dce4;
	-webkit-print-color-adjust: exact;
	border-top:2px solid black;
	/*border-bottom: 2px solid black;*/
	padding-top : 2px;
	padding-bottom : 2px;
	font-size: 100%;
	padding: 0;
	
}

.infos th:first-of-type
{
	
	border-left:2px solid black;
	border-right:2px solid black;
	
}

.infos th:last-of-type, .close
{

	border-right:2px solid black;
	
}
.infos td
{
	width:50%;
	border-top:2px solid black;
	border-bottom:2px solid black;
	padding-top : 15px;
	padding-bottom : 15px;
	padding-left : 10px;
	vertical-align : top;
	
}
.infos td:first-of-type
{
	
	border-left:2px solid black;
	border-right:2px solid black;
	
}
.infos td:last-of-type
{

	border-right:2px solid black;
	
}

#part2
{
width:100%;
border-collapse:collapse;
display:table;	
margin-top : 15px;
margin-bottom: 8px;
}

.topline td,#libavis,#debavis,#credavis
{
background-color: #d5dce4;
-webkit-print-color-adjust: exact;	
	
}

.topline td:nth-of-type(2)
{
background-color : #fff;

}

.libel
{ 
text-align:center ;
border-top:2px solid black;
border-left:2px solid black;
border-bottom:2px solid black;
/*padding: 15px 50px;*/
/*width:15%;*/
font-weight:bold;
padding:0;
}

.count
{ 
text-align:center ;
border-left:2px solid black;
padding: 8px 30px 8px 10px;
width:15%;
vertical-align:top;
}

.first
{
font-weight:bold; 
font-size: 90%; 
white-space: nowrap;
text-align:left
}

.topline .libel:first-of-type,.topline .count:first-of-type, .solde,
#libavis,#debavis,#credavis
{
	 border:2px solid black;	
	 
	 }
	 
.topline .libel:last-of-type,.topline .count:last-of-type,.rg,.fact
{
	border-right:2px solid black;	
	}

.reflast,.last, .fact
{
	border-bottom:2px solid black;
	}

#sideinfo1
{
fill: url('trick.jpg');
background-color: #d5dce4;
-webkit-print-color-adjust: exact;
border-top:2px solid black;
border-left:2px solid black;
border-right:2px solid black;
font-weight:bold;
font-size:85%;
white-space: nowrap;
padding: 0;
}

#sideinfo2
{

border-top:2px solid black;
border-left:2px solid black;
border-right:2px solid black;
font-size:85%;
padding-top: 2px;
padding-bottom: 2px;
   
padding-left: 1%;

}

.mention1
{
padding-top:15px;
text-align: justify;
vertical-align:bottom;
color: #999;
font-style: italic;
font-size: 70%;
font-weight:bold;
}

.fact
{
	text-align:center; 
	vertical-align:middle;
	font-weight:bold;
	}

.solde
{
	font-weight:bold;
	padding-left: 10px;
	}	

.debt,.credt
{
 text-align:center;
 padding-left: unset;
 padding-right: unset;
 font-size: 85%;
 	
}
	
#avis
{
width:45%;
border: 2px solid black;
text-align:center;
	
}
#libavis{width: 20%}
.upavis,#libavis,#debavis,#credavis
{
font-weight:bold;
}
.datavis{font-size : 85%}

#warning
{
font-size:80%;
text-align:justify;
vertical-align:bottom;
}

.ech_col
{
border-left : 2px solid black;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 1%;
font-weight:bold;
font-size: 90%;

}

.ech_corp
{
font-weight:unset;
text-align : center
}

.ech_cumul
{
 text-align: center;
 border: 2px solid black;
 	
}

.ech_total
{
 border: 2px solid black;	
}

.cb
{
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  
  	
}

.epay
{
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  font-size:90%;
  padding-top : 20px;
  padding-bottom: 20px;
  	
}

.footer
{

font-size:75%;	
text-align:center;
vertical-align: top;
height : 50px;
padding-top: 1%;
white-space:nowrap;	
}

.bottomline
{
	 border-bottom:2px solid black;
	 	
	}
		
.epay span
{
	color : #458cff;
	
}
		
.linkin
{
  text-decoration:none;
  color: #458cff	
}
		
.descriptif td{border : 1px solid black; height: 38px; text-align : center;  }
.span{font-weight:bold}	
.span td{background-color: #d5dce4;}
.cond_fi {margin-top: 4%; margin-bottom: 8%}	
.cond_fi td{width : 25%;height:38px;}	
.cond_fi td:nth-child(odd) {background-color: #d5dce4; border: 1px solid black; font-weight:bold; padding-left:1%}	
.cond_fi td:nth-child(even) {background-color: #fff; border: 1px solid black; text-align:right; padding-right:1%}
.reservation_sign{margin-top:4%; margin-bottom: 3%}	
.reservation_sign td{ border: 1px solid black}	
	
.disabled_projet
{

background: url(img/bg_bann2.png);
background-size: cover;

	}
	
p{text-align:justify}	

.bail_corp td{ padding-left:2%;padding-right:2% ; text-align:justify}	
.item,item{font-weight : 500;padding-top:3%;padding-bottom:1%}
.donnees_td{padding: 1% 2%;line-height:25px;font-weight: 500; background-color:#cbd7ff;}
err{background-color: yellow;}	
.bail_6 ul{font-size:85%}
.bail_6 .groupe{font-size:83%;}
.ul_6{font-size:75.5%!important; margin-bottom:5px; margin-top:5px}
.ul_6 li{margin-bottom:0}
t{text-decoration:underline}
.bail_6 .part{font-size:92%;color: #101079;}

.tools_btn{width:auto;position: fixed;z-index:99999}
.tools_btn td{border-left: 5px solid transparent; border-bottom: 5px solid transparent;display:block}
.tools_btn td a{cursor:pointer}
button:active,.tools_btn a:active
{ 
position:relative;
top:4px
}

#clear_btn,a.clear_btn
{ 
font-size: 108%;
width: 100%;
cursor: pointer;
display:inline-block;
padding:0.7em 1.4em;
border-radius:5px;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
text-transform:uppercase;
font-weight:400;
color:#FFFFFF;
background-color: #f14e4e/*#3369ff*/;
box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
text-align:center; 
}
	

.compteur{text-align:right; border-bottom:2px solid black;padding-bottom: 3px;display:block;}
.footprint{font-size: 12px;text-align: center;padding-top: 4px;display:block}


.approuve
{
font-weight: bold;
font-size: 14px;
top: 5px;
position: relative;
display: block;
text-align: center;	
}

.fa-angle-double-left,.fa-angle-double-right
{
font-size : 80%	
}

.banking_infos strong {
  background-color: #458cff;
  color: #fff;
  padding: 1px 7px 1px 2px;
  border-radius: 0 5px 5px 0;
  box-shadow: 0 2px 3px rgba(0,0,0,0.17);
  margin-bottom: 6px;
  display: inline-block;
}

.hidden{display:none!important}
		
@page 
{
  size: A4;
  margin: 0;
}

@media print 
{
  html, body {
    width: 210mm;
    height: 297mm;
	background-color:#fff;
  }
  
.content
{
border-radius:unset;
box-shadow: unset;	
break-after: always;	
}

.online_visual,.noprint,#noprint,#clear_btn,a.clear_btn,.tools_btn,.locker_btn_out{display:none;}

.cutline
{
 border-top: 2px solid black;	
}

 #logo {
    visibility: visible!important;
} 
  
}

	
	
	

