#FacturesTables.container {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
}
.phaseDIv {
    position: absolute;
    top: 135%;
    left: 1%;
    min-width: 734px;
    opacity: 1;
}
.phaseDIv div img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.phaseDIv div img.show2{
    animation-name: showElement;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    opacity: 1;
}
.phaseDIv div img.hide2{
    animation-name: HideElement;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.titleInfo {
    position: absolute;
    text-align: center;
    color: #091734;
    font-size: 1.2vw;
    font-family: 'latoheavy',Arial,Helvetica,sans-serif;
    top: 21%;
    opacity: 1;
}
.FacturesTables.select .titleInfo {
	color: #1871be;
	text-decoration: underline;
}
.FacturesTables{
    cursor : pointer;
}
.MatFacture {
	left: 0%;
	width: 21%;
}
.NFacture {
	left: 34%;
	width: 13%;
}
.Entiteconcernee {
	left: 83%;
	width: 16%;
}
.Prestataire {
	left: 59.5%;
	width: 11.5%;
	top: 38%;
	font-size: 1vw;
	transform: translatey(-50%);
}
.Datereception {
    left: 64%;
    width: 16.5%;
    display: none;
}
.DateOrdreVirement {
    left: 82%;
    width: 17%;
    display: none;
}
#SearFact,.SearFact {
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.4;
    /* display: block; */
    margin: 0 auto;
    border-radius: 5px !important;
    width: 19%;
    background-color: #f2f2f2;
    padding: 1% 1% 1%;
    resize: none;
}
#SearFactBT {
    width: 9%;
    background-color: #16466e;
    color: #fff;
    font-size: 16px;
    font-family: "latoregular";
    text-align: center;
    padding: 1% 0;
    border: none;
    border-radius: 10px;
    /* display: none; */
    margin: 0 0 0 2%;
    text-transform: uppercase;
}
#FacturesInfo{
    width: 25%;
    color: #091734;
    font-size: 20px;
    font-family: "latoregular";
    margin-left: 5%;
}
.container .acf-fields > .acf-field{
    border-top: #EEEEEE solid 0px;
}

.container .acf-fields > .myform.acf-field {
    float: left;
    width: 25%;
    margin-right: 0.5%;
}
.myform.acf-field{
    clear: none;
}
.acf-form-submit{
    float: left;
    clear: none;
    width: 6%;
    display: block;
}
#factsubmiBT{
    display : none;
}
.button.button-secondary{
    background: #2f4796 !important;
}
.button.button-secondary:hover, .button.button-secondary:focus, .button.button-secondary:active{
    background: #091547  !important;
}
.faclignesTitleTxt {
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 1vw;
    font-family: 'latoheavy',Arial,Helvetica,sans-serif;
    top: 5%;
    opacity: 0;
    left: 2.5%;
}
#faclignesTitleTxt0 {
    opacity: 1;
    width: 13%;
    text-align: left;
    line-height: 130%;
}
#faclignesTitleTxt1 {
	opacity: 1;
	width: 13%;
	line-height: 130%;
	left: 33.8%;
	top: 26%;
}
#faclignesTitleTxt2 {
	opacity: 1;
	width: 13%;
	line-height: 130%;
	left: 84.2%;
	top: 26%;
}
#faclignesTitleTxt3 {
	opacity: 1;
	width: 13%;
	line-height: 130%;
	left: 58.8%;
	top: 26%;
}
#faclignesTitleTxt4 {
    opacity: 1;
    width: 13%;
    line-height: 130%;
    left: 65.45%;
    top: 25%;
    display: none;
}
#faclignesTitleTxt6 {
    opacity: 1;
    width: 13%;
    line-height: 130%;
    top: 25%;
    left: 84%;
    display: none;
}
#FacturNotificationMainDIv h1 {
    text-align: center;
    color: #091547;
    font-size: 2.12vw;
    font-family: 'latobold',Arial,Helvetica,sans-serif;
    margin-bottom: 2.5%;
}
#FacturNotificationMainDIv p{
    display: block;
    text-align: center;
    color: #091734;
    font-size: 1.5vw;
    font-family: 'latoheavy',Arial,Helvetica,sans-serif;
    width: 50%;
    margin: 0 auto;
}
h1.filtersearchtitle {  
    color: #0a132e;
    font-size: 1vw;
    font-family: 'latoheavy',Arial,Helvetica,sans-serif;
    top: 5%;
}



@keyframes showElement {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes HideElement {
    from {opacity: 1;}
    to {opacity: 0;}
}

/** xs  **/
@media (max-width: 760px) {
    .NFacture {
	left: 30%;
	width: 21%;
	top: 19% !important;
}
        #faclignesTitleTxt2 {
	width: 28%;
	left: 51.2%;
	top: 50%;
}
    .DateOrdreVirement {
	left: 130%;
	width: 28%;
}
    .Datereception {
	left: 101%;
	width: 28.5%;
}
    .Prestataire {
	left: 80%;
	width: 20.5%;
	top: 25%;
}
    .Entiteconcernee {
	left: 51%;
	width: 29%;
}
    .titleInfo {
	font-size: 2vw;
	top: 40%;
}
    #faclignesTitleTxt6 {
	width: 28%;
	top: 52%;
	left: 130%;
}
    #faclignesTitleTxt4 {
	width: 29%;
	left: 100.45%;
	top: 53%;
}
    #faclignesTitleTxt3 {
	width: 21%;
	left: 79.8%;
	top: 46%;
}
    #faclignesTitleTxt1 {
	width: 21%;
	left: 29.8%;
	top: 48%;
}
    .faclignesTitleTxt {
	font-size: 2vw;
}
    #faclignesTitleTxt0 {
	width: 26%;
}
    .container.BG div.InfoDivHTML, .INputDiv.BG div.InfoDivHTML, .Label.BG div.InfoDivHTML {
	height: 59% !important;
}
    .phaseDIv {
	position: inherit;
}
    h1.filtersearchtitle {
	font-size: 3vw;
}
    #FacturesTables.container {
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
    }
}