html {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}

::selection { background: transparent; color:inherit; }
::-moz-selection { background: transparent; color:inherit; }

a, a:hover {
    text-decoration: none !important;
}

input:focus {
    border: 5px solid #0074C5;
}

.cont{
    /*background-color: #c10000;*/
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}
.cont img{
    z-index: 2;
    margin-left: 80vh;
}
.conteneur{
    min-height: 100vh;
    /*background: #c10000;*/
    display: flex;
    flex-flow: column;
}
.enhaut{
    height: 120px;
    width: 100%;
    background: #FFFFFF;
    box-shadow:0 0px 0px 0, 5px 0 25px 0 #000, 0 0px 0px 0 , -5px 0 2px 0 #000;
    position: fixed;
}
.aumilieu{
    /*height: 300px;*/
    width: 100%;
    /*background: green;*/
    min-height: 100vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.aumilieuDem{
    /*height: 300px;*/
    width: 100%;
    /*background: green;*/

    min-height: 100vh;
    display: flex;
    flex-flow: column;
    /*justify-content: center;*/
}
.aumilieux{
    /*height: 300px;*/
    width: 100%;
    /*background: green;*/

    min-height: 100vh;
    display: flex;
    flex-flow: column;
    /*justify-content: center;*/
}
.enbas{
    position: fixed;
    color: #AAA;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding: 12px 15px;
    background-color: #0074C5;
    border-top: 5px solid #0074C5;
    -webkit-transition: margin 0.2s ease;
    transition: margin 0.2s ease;
}
.inputext{
    margin-top: 20px; 
    border: solid 5px #0074C5; color:#0b1b3c;
    font-weight: bold; 
    width: 60%; 
    height: 60px; 
    text-align: center;
}
.premier{
    background-color: #FFFFFF;
    height: 70px;
    width: 100%;
    margin: 0px 0px 5px 0px;
}
.deuxieme{
    background-color: green;
    height: 70px;
    width: 100%;
    margin: 0px 0px 5px 0px;
}
.troisieme{
    background-color: blueviolet;
    height: 70px;
    width: 100%;
    margin: 0px 0px 5px 0px;
}
.blocinvisible{
    height: 140px;
    width: 100%;
    /*background-color: gold;*/
}
.blocinvisibles{
    height: 60px;
    width: 100%;
    /*background-color: gold;*/
}
.bloctext{
    /*height: 100px;*/
    width: 100%;
    /* background-color: #FFFFFF;*/
    display: flex;
    justify-content: center;
    padding: 50px 0px 0px 0px;
    color:#0074C5;
    /*font-size:35px; */
    font-weight:bold;
}
.bande{
    background-color:;
    color: #0074C5;
    font-weight: 900;
    height: 100px;
    width: auto;
    text-align: center;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 100px !important;
    border-radius: 10px;
    box-shadow:0 0px 0px 0, 5px 0 20px 0 #0074C5, 0 0px 0px 0 , 0px 0 0px 0 #0074C5;
}

.ventre{
    /*  background-color: #FFFFFF;
      height: 400px;
      width: 100%;
    
      display: flex;
      flex-flow: row;
      align-items: center;
      justify-content: center;*/

    background:;
    height: 45vh;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    /*align-items: center;*/
    padding-top: 30px;

}
.ventres{
    /*  background:#27aae2; */
    height: 65vh;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    /*align-items: center;*/
    padding-top: 30px;
    vertical-align: center;
    /*   overflow-x: scroll;
      overflow-y: none; */
}
.englobe{
    background:#AAA; 
    height:250px; 
    float:left; 
    margin-left:50px;
}
.imgicone{
    background:; 
    height:190px; 
    z-index:1; 
    float:left;
}
.barbleue{
    /*background:#c10000; 
      height:60px; 
      margin-top:65px; 
      border-radius:5px 10px 10px 5px;
      margin-left:; 
      font-size:20%; 
      line-height:1.5; 
      color:#FFF; 
      float:left; 
      font-weight: 900;*/

    background:#0074C5;
    height:70px;
    width: 100%;
    padding: 7px;
    border-radius:5px 10px 10px 5px;
    margin-left: -30px;
    font-size:250%;
    font-weight: 900;
    line-height:1.5; 
    color:#FFF; 
}
.unbloc{
    background: #0074C5;
    height: 250px;
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.blocmenu{
    background-color:;
    height: 200px;
    width: 50%;
    padding: 7px;
    display: flex;
    flex-flow: row;
    align-items: center;
}
.blocmenu img{
    z-index: 2;
}
.decoenbas{
    background-color:;
    height: auto;
    width: 100%;
    display: flex;
    align-content: flex-end;
    flex-flow: row;
    justify-content: space-between;
    padding: 10px;
}
.deco{
    background:#d2d3d5; 
    border-radius:20px; 
    /*float:right;*/
    height:50px; 
    width: auto;
    padding: 5px;
    color:#0074C5;
    text-align:center; 
    font-size:30px; 
    font-weight: bold;
    box-shadow:0 0px 0px 0, 0px 0 25px 0 , 0 0px 0px 0 , 0px 0 2px 0;
}
.mp{
    background:#d2d3d5; 
    border-radius:20px; 
    /*float:right;*/
    height:50px; 
    width: auto;
    padding: 5px;
    color:#0074C5;
    text-align: right; 
    font-size:30px; 
    font-weight: bold;
    box-shadow:0 0px 0px 0, 0px 0 25px 0 , 0 0px 0px 0 , 0px 0 2px 0;
    position: absolute;
    bottom: 80px;
    right: 10px;
}
.fe{
    background:#d2d3d5;
    border-radius:20px;
    height:50px;
    width: auto;
    padding: 5px;
    color:#0074C5;
    text-align: right;
    font-size:30px;
    font-weight: bold;
    box-shadow:0 0px 0px 0, 0px 0 25px 0 , 0 0px 0px 0 , 0px 0 2px 0;
    position: absolute;
    bottom: 80px;
    left: 10px;
}
.retourBtn{
    background:#d2d3d5; 
    border-radius:20px; 
    float:right;
    height:50px; 
    width: 200px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    color:#0074C5;
    text-align:center; 
    font-size:30px; 
    font-weight: bold;
    box-shadow:0 0px 0px 0, 0px 0 25px 0 , 0 0px 0px 0 , 0px 0 2px 0;
}

.callmeBtn{
    background:#0074C5;
    border-radius:20px; 
    float:right;
    height:50px; 
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    color:#0074C5;
    text-align:center; 
    font-size:30px; 
    font-weight: bold;
    box-shadow:0 0px 0px 0, 0px 0 25px 0 , 0 0px 0px 0 , 0px 0 2px 0;
}
.bandeAide{
    background-color:;

    width: 60%;
}
.libeleC{
    color: #FFFFFF;
    font-size: 30px;
}
.btnChoisir{
    background:#27aae2;  
    border-radius:5px; 
    height:35px; 
    font-size: 22px;
    width:100px; 
    color:#FFFFFF; 
    text-align:center;
    text-decoration:none;
    font-weight: bold;
    /*box-shadow:0 0px 0px 0, 0px 0 5px 0 , 0 0px 0px 0 , 0px 0 2px 0;*/
}
.englogContrat{
    background-color: hotpink;
    height: 100px;
    width: 75%;
    display: flex;
    flex-flow: row;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.acote{
    background-color: #000;
    height: 100px;
    width: 10%;
}
.listcontrat{
    background-color: #0074C5;
    height: 90px;
    width: 100% !important;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 10px;
}
.blocmess{
    background-color:#FFFFFF;
    height: 300px;
    width: 500px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border: 5px solid #0074C5;
    border-radius: 10px;
}
.blocetat{
    background-color: #0074C5;
    height: 60px;
    width: 60%;
    color: #FFFFFF;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.blocetatbtn{
    /* background-color: #c10000;*/
    height: 60px;
    width: 60%;
    color: #FFFFFF;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.pointcoti{
    background-color: #d3d3d3;
    height: 60px;
    width: 60%;
    color: #000000;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.tableau{
    /* background-color: #c10000;*/
    /*height: 170px;*/
    width: 60%;
}
.stytd{
    color:#FFFFFF;
    text-align:center;
    text-transform:uppercase;
    background-color: #0074C5;
    font-size: 100px;
    padding: 10px;
    font-weight: 900;
}
.tabbor{
    /*border: 5px solid #FFFFFF;*/
    width: 100%;
    border-color: #d3d3d3;
}
.textenbas{
    text-align:center;
    font-size: 25px;
    color: #000000;
    font-weight: bold;
    background-color: #FFFFFF;
}
.retourBtnImp{
    background:#d2d3d5; 
    border-radius:5px; 
    /*float:right;*/
    height:50px; 
    width: auto;
    color:#000000; 
    text-align:center; 
    padding: 7px;
    font-size:200%; 
    font-weight: bold;
    box-shadow:0 0px 0px 0, 0px 0 25px 0 , 0 0px 0px 0 , 0px 0 2px 0;
}
.pourimprimer{
    background-color: yellow;
    min-height: 50vh;
    width: 60%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}
.voirsign{
    background-color:#FFFFFF;
    height: 440px;
    width: 70%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    border: 5px solid #0074C5;
    border-radius: 20px;
}
.groupBtn{
    /* background: #0b1b3c; */
    height: 100px;
    width: 70%;
    margin-top: 10px;
}
.messagAff{
    background-color: #000000;
    height: 300px;
    width: 70%;
}
/* .pageN{
  background-color: #c10000;
  height: 50px;
  width: 70%;
} */

.adroite{
    background: #050157;
    height: 100%;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.adroit{
    height: 100%;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blocrel{
    height: 60px;
    width: 60%;
    color: #FFFFFF;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
/* .blocgris{
  background-color: #d3d3d3;
  height: 60px;
  width: 60%;
  color: #FFFFFF;
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
} */
.textBien{
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
}
.cherclietn{
    height: 60px;
    width: 60%;
    color: #000000;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.resultAvance{
    background-color: transparent;
    min-height: 350px;
    border-radius: 8px;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}
.resul{
    /* background: #050157; */
    height: 100%;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #FFFFFF;
}
.lignElt{
    /* background-color: #27aae2; */
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 900;
}
.blocbtnform{
    /*  background-color: #000000; */
    /*  height: 150px; */
    width: 100%;
    margin-top: -5%;
}
.toa{
    /*  display: flex;
     align-items: center;
     justify-content: center; */
    margin-top: 25%;
    height: 500px;
    width: 500px;
    font-size: 35px;
    text-align: center;
}
.painat{
    font-size: 80px;
}
.un{
    background-color: #FFFFFF;  
    /*background: url(../images/bandehaut.jpg) no-repeat; */
    height: 70px; 
    width: 50%;
}
.deux{
    background-color: #FFFFFF;
    height: 140px;
    width: 50%;
    color: #0074C5;
    font-size: 40px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.trois{
    background-color: #FFFFFF;
    height: 400px;
    width: 50%;
    font-size: 250%;
    font-weight: 900;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: justify; */
}
.quatre{
    background-color: #0074C5;
    height: 200px;
    width: 50%;
    border-top: 20px solid #0074C5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    color: #FFFFFF;
    font-size: 45px;
    font-weight: 900;
}
.trait{
    background-color: #0074C5;
    height: 10px;
    width: 30%;
}
.dem{
    color: #0074C5;
}
.sms{
    padding: 40px
}
.barbtndispo{
    /* background-color: #AAA; */
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row;
}

.pagination>li>a, .pagination>li>span {
    font-size : 50px !important;
}