.flex-container-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

        -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    }
.flex-body{
        display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
      -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
          min-width: 100vw;
    min-height: 100vh;
}
.flex-body-column{
        display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
      -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
         min-width: 100vw;
   /* min-height: 100vh;*/
}
.flex-container-row-reverse {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

    
    }
.flex-container-column {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
      -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
    }
.flex-container-column-allvh {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
      -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
     min-height: 100vh;
    }
.flex-container-column-reverse {
       display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

 -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    
    }

.flex-wrap-nowrap{
           -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-wrap-wrap{
           -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.flex-justify-content-center{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
   
}
.flex-justify-content-start{
-webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
   
}

.flex-justify-content-end{
-webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
   
}

.flex-align-items-start{
     -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex-align-items-end{
     -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-align-items-center{
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-align-items-stretch{
     -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


.flex-child-grow {
       -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;

}
.flex-child-grow2 {
       -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;

}



.flex-child-default{
     -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;

}

.flex-child-alignstart{
     -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.halo:hover{
	-webkit-box-shadow: 0 0 45px 10px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 45px 10px rgba(255,255,255,1);
	box-shadow: 0 0 45px 10px rgba(255,255,255,1);
    cursor:pointer;
	opacity:1;
}
.halo1{
	-webkit-box-shadow: 0 0 30px 10px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 30px 10px rgba(255,255,255,1);
	box-shadow: 0 0 30px 10px rgba(255,255,255,1);
    cursor:pointer;
	opacity:1;
}

.halo{
cursor:pointer;
opacity:0.6;
}


.halo2:hover{
	-webkit-box-shadow: 0 0 45px 10px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 45px 10px rgba(255,255,255,1);
	box-shadow: 0 0 45px 10px rgba(255,255,255,1);
    cursor:pointer;
	opacity:1;
}


@media screen and (min-width: 300px)

 {


     
#f1,#f2,#f3,#f4 {
width:100%;
 }     
     
     
 } 



@media screen and (min-width: 905px)

 {

     

 #f1,#f2 {
width:50%;
 }     
     
     
#f3,#f4 {
width:100%;
    height:300px;
 }     
     
     
 } 



@media screen and (min-width: 1127px)
 {
   #f1,#f2,#f3 {
width:33%;
 }     
#f4 {
width:100%;
 }      
     

     
 };


input:-webkit-autofill { -webkit-box-shadow:0 0 0 500px white inset; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
	outline: none;
}
/*
@media screen and (min-width: 582px) and (max-width: 945px)
 {
 .loup {
margin-top:-162px;
margin-left:35px;
 }
     
     
     
     
     
     
 }


     

     
     
@media screen and (min-width: 470px) and (max-width: 581px)
 {
 .loup {
margin-top:-130px;
margin-left:50px;
 }
 }

     
 @media screen and (max-width: 469px)
 {
 .loup {
margin-top:-110px;
margin-left:25px;
 }
 }

*/