/*------------------- not for only one page -------------------------*/

/** {
     font-family: 'Roboto', sans-serif;
 }*/
 body
 {
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
 }
 body:after{
   content: "";
   width: 0;
   height: 3px;
   position: fixed;
   top: 0;
   z-index:  99999;
   left: 0;
   background: #025e8e;
   transition: all 2s ease-in-out;
}
 body.load:after{width: 80%}

.lien {
        color: #165f9e;
        font-size: 0.9rem;
        margin-top:  10px;
        display:  block;
      }


.lien:hover {
    color: #003a79;
    transition: all 1s ease;
}
.lien:focus{
  box-shadow: none !important;
}

.wrapper {
    padding-top: 9%;
}

.card-box {
    float: left;
    width: 88%;
    margin-left:4%;
}

.card-box {
  margin-top: 7%;
  padding: 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}
.card-box h4{
                font-size: 1rem;
                font-weight: bold;
              }  

label {
    font-weight: 500;
}

.right{  
        float: right; 
        
        margin-top: 6%;margin-right: -1%;
      }
      .left
      {
        float: left;
        margin-top: 47px;
    margin-left: -100px;

      }

.btn-primary {
                 color: #fff;
                 background-color: #165f9e !important;
                 border-color: #165f9e !important;
             }

.valider {    margin: 0 20px;  }


.fa-bell {
          color: #042d68;
          margin-right: 5px;
          font-size: 16px;
         }
.menu{
       color: #022864;
       text-align: center;
       font-weight: bold;
       font-size: 14px;
       letter-spacing: 0.5px;
       /* margin: 10px; */
       margin: 0px;
       background-color: #fff;
       padding: 8px;
       

    }
    .menu a{
            text-decoration: none;
            color: #033582;           
            }

    a.active{
                   color: #306394;
              }

    a.active:hover{
                   color:#061d40;
                   transition: all 1s ease;
              }

    .active svg {
                color: #306394;
                }
    .active i{
               color: #306394;
             }

/*---------------footer ---------------------------------  */  

.footer {
             border-top: solid #ffffff30  1px;
             display: inline-block;
             color: #58666e;
             text-align: center;
             padding: 20px 0px;
             width: 100%;
             width:  100%;
             bottom:  0;
             z-index:  9999;
             left: 0;
          }

.footer p{
            color: #58666e;
            text-align: center;
            font-size: 14px;
            padding: 6px;
        }

/*---------------- index ----------------------------*/

#accueil
{
        background-repeat: no-repeat;
       /* background-image: url("../image/1.jpg");*/
        background-size: cover;
        background-attachment: fixed;
        background-position: 0 45%;
}    



#accueil .header-title{ 
                         margin-bottom: 20px;
                         letter-spacing: 0.5px;
                         font-size: 1rem;
    text-transform: uppercase;
                      }





#accueil .btn-primary {
                         color: #fff;
                         background-color: #022864 !important;
                         border-color: #022864 !important;
                         /* padding: 12px 50px; */
                         margin: 15px 0;
                      }
#accueil strong {
                   padding: 15px;
                }



/*  ------------------ page saisir (etape 1 et 2) ----------------------------------------*/

/*#page-saisir{
              margin: 0;
              padding: 0;

            }                  

#page-saisir p{
                color: #868e96!important;
                font-size: 13px;
                margin-bottom: 28px;
              }

#page-saisir p span{
                     font-size: 15px;
                     margin-bottom: 28px;
                     
                    }*/

/*.suivant {   margin-left: 109px; }
*/             
/*.etapesuiv { margin-left: 42px; }
*/           
.page-title {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 50px;
    margin-left: 8%;

    line-height: 70px;
}

.form-group{
              margin-left: 20px;
           }

.etape1 .q{
             text-align: center;
           }

.etape1 .label{ 
               font-family:Montserrat;
               
              }

/*------------------------ page de remerciement --------------------------------*/
.remercie {
            text-align: center;
          }

.remercie .card-box{
                     margin-top: 90px;
                    }

.remercie p strong {
                    color: black;
                    font-family: 'Montserrat', sans-serif;
                   }

/*--------------------- page deja lancé ------------------------------------*/
#deja{
        margin: 0;
        padding: 0;
        background-color: #d6d6d642;
      }                  

#deja p {
          text-align: center;
          margin-bottom: 2rem;
         }

#deja .right {
                padding-right: 125px;
                margin: 45px 50px 9px;
             }

/*-------------------- page referent ------------------------------------------*/


#referent  {
              margin: 0;
              padding: 0;
              background-color: #d6d6d642;
            }                              

#referent .right {
                     padding-right: 125px;
                      margin: 45px 50px 9px;
                  }

#referent p {
                 text-align:center;
                 /* margin-bottom: 2rem; */
              }

/*-------------------- mes alertes --------------------------------------------------*/

th {
       color: #042d68;
    
      vertical-align: top !important;
     }
.td  { 
       text-align: center;
     }

.detail {
           background-color: #306394 !important;
         }

/*---------------------- detail ---------------------------------------------------------*/

#detail{      
           margin: 0;
           padding: 0;
           background-color: #d6d6d642 !important;

        }       
  
.detailbtn {
              padding-right: 45px !important;
               margin: 18px !important;
          }

#detail textarea {   margin-top: 10px;   }

.alert-warning {     margin-right: 350px;  }

.alert-info {    margin-left: 350px;    }

.envoyer {
           float:right;
           margin-top:20PX;
           width: 100px;
          }

.scroll {  overflow: scroll;
           height:300px;
         }

.btn-file {
             position: relative;
             overflow: hidden;
             margin-top:20PX;
          }

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;   
    cursor: inherit;
    display: block;
  
}


#detail .footer {  position: relative;}
.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    text-align: left;
    }
    .col-4.fiche-icon {
    border: 5px solid #022864;
    margin-right: 2%;
    padding: 20px;
}
.rec .col-xs-12.col-lg-12 {
    display: inline-block;
    width: 100%;

}
.col-4.fiche-icon {
   border: 5px solid #022864;
    margin-right: 2%;
    padding: 20px;
    padding-bottom: 30px;
    margin-bottom: 1%;
    display: inline-block;
}

.rec .col-4 {
    float: left;
    width: 30%;
    text-align: center;
    margin-bottom: 10px;
}
i.fa-file-pdf{
    color: #022864;
    font-size: 53px;
    text-align: center;
    margin-bottom: 20px;
}
.fa-file-pdf {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.m-r-5 {
    margin-right: 5px !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.btn-primary {
    background-color: #022864;
    border-color: #022864;
}

.waves-effect
 {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
        user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
        transition: all 0.3s ease-out;
      }
.p-20 {
    padding: 20px !important;
}

.row
 {
    margin-right: -10px;
    margin-left: -10px;
}

.centered 
{
    text-align: center;
}
.align-rt{
  text-align: right !important;
}
.autocenter 
{
    margin: 0 auto;
}

.font-13
{
   font-size: 13px;
}

.m-b-15 
{
    margin-bottom: 15px !important;
}

.show
{
  display: block !important;
}
.hide
{
  display: none !important;
}
.inputon{
      opacity: 1 !important;
}


#btns
{
   /* margin-top: 13%;
    margin-left: 50%;*/
        margin-right: -292%;
}
svg:not(:root).svg-inline--fa {
    overflow: visible;
    color: #022864;
    font-size: 53px;
    text-align: center;
    margin-bottom: 20px;
}
/*---------------------Header---------------------*/

#topnav 
{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    background-color: #ffffff;
    border: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    min-height: 60px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}

#topnav .topbar-main {
    background: #f9f9f9;
    text-align: center;
    padding: 9px 0 0 0;
}

.container {
    width: 90% !important
    max-width: 100% !important;
}

.logo {
    display: block;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 60px;
    width: 165px;
    margin: 0 auto;
    float: none;
}

.logo img {
    width: 100%;
}
@media(max-width: 280px)
{
  .page-title
  {
    font-size: 18px;
  }
  label
  {
    margin-top: 20px;
  }
  .btn-primary
  {
    margin-top: 20px;
  }
  .col-12 
  {
   margin-top: -45px !important;
  }
  .text-muted
  {
       padding-bottom: 21px;
  }
  .rec .col-xs-12.col-lg-12 
  {
    display: inline-grid;
    width: 310%;

  }
  #fiche
  {
    margin-left: -16px;
    display: block;
    width: 128%;
  }
}
@media(min-width: 400px) and (max-width: 700px)
{
  
  .page-title
  {
   margin-top: 10%;
       font-size: 19px;
  }
.rec .col-xs-12.col-lg-12 
  {
    display: inline-grid;
    width: 310%;

  }
  #fiche
  {
    margin-left: -16px;
    display: block;
    width: auto;
  }
  .card-box
  {
    margin-top: 12%;
  }
  .col-xs-12.col-lg-12
  {
     margin-top: -8%;
  }
 /* .col-12
  {
    margin-top: -10%;
  }

 */
  .text-muted
  {
       padding-bottom: 21px;
  }

}
@media(min-width:280px) and (max-width: 400px)
{
  .rec .col-xs-12.col-lg-12 
  {
    display: inline-grid;
    width: 310%;

  }
  #fiche
  {
    margin-left: -16px;
    display: block;
    width: auto
  }
   label
  {
    margin-top: 20px;
  }
   .btn-primary
  {
    margin-top: 20px;
  }
}
@media(min-width:700px) and (max-width: 992px)
{
  .rec .col-xs-12.col-lg-12 
   {
    display: inline-grid;
    width: 310%;
  }
  #fiche
  {
    margin-left: -16px;
    display: block;
    width: auto
  }
  .card-box
  {
        margin-top: 30%;
  }
}

@media(max-width: 400px)
{
  .col-12 
  {
    margin-top: -57px;
  }
}
@media(max-width: 450px)
{

  #accueil strong{
    display: block;
  }
}

@media(max-width: 991px)
{
    .container
    {
      width: auto;

    }
    .row
    {
      margin-top: 20px;
    }

}
@media(max-width: 700px)
{
  .row
  {
    /* margin-top:45% !important; */
  }
  #card
  {
    margin-top: 30px;
  }
}
@media (min-width: 992px)
{
   #topnav .navbar-toggle 
    {
      display: none;
    }
   #topnav #navigation
    {
      display: block !important;
    }
    #topnav .navigation-menu > li:first-of-type a 
    {
     /* padding-left: 0px; */
    }

}
@media (max-width: 992px)
{
  #navigation
  {
    display: none;
  }
  .active
  {
    display: block;
  }

}


#topnav .navbar-toggle {
    border: 0;
    position: relative;
    width: 60px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
#topnav .navbar-toggle .lines {
    width: 25px;
    display: block;
    position: relative;
    padding-top: 16px;
    height: 34px;
}
#topnav .navbar-toggle span {
    height: 2px;
    width: 100%;
    background-color: #022864;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
}
#topnav .navbar-custom {
    background-color: #ffffff;
}
#topnav .navigation-menu {
    text-align: center;
}

#topnav .navigation-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
#topnav .navigation-menu > li {
    display: inline-block;
    float: none;
    position: relative;
}
#topnav .navigation-menu > li.active > a {
    color: #006895;
}
#topnav .navigation-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

#topnav .navigation-menu > li > a 
{
    display: block;
    color: #022965;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
    font-size: 0.95rem;
}
#topnav .navigation-menu 
{
    text-align: center;
}
.col-xs-12.col-lg-12.holder-acc 
{
    text-align: center;
    padding: 0;
}
.btn-info{
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}
table#t01 th {
    background-color:#025e8e !important;
    color: #fff !important;
    font-weight: inherit !important;
}
div#list_de_trucs{width:100%;min-width:100px;/* max-width: 770px; */}
div#list_de_trucs table{
margin:0px;
width:100%;
}
tbody tr:nth-child(even)
{
  background-color: #efefef;
}
th, td {
    padding: 5px;
    text-align: center !important;
}
.thead-inverse tr th{
  color: #FFF;
}
.hide{
  display: none !important;
}

.updated{
  color: #045179;
  font-size: 17px;
}
.dashed{/* border:1px dashed #007bff; */padding: 10px 0;background: #def0f7;}
.dashed a{
    color: #004982;
    font-weight: inherit;
    border-bottom: 1px dashed;
}
.dashed h1{
  color: #004982;
}
.dashed h3{
  color: #72b1e2;
}

li.list-change {
    padding: .75rem 1.25rem;
    display:  inline-block;
    /* border: 1px solid; */
    /* margin: -3px; */
    border: 1px solid #337abe;
    border-bottom: 1px solid #337abe;
    border-radius: 5px;
    transition: .3s all;
    cursor:  pointer;
}
li.list-change a{
  text-decoration: none;
}
ul.list-all-change.text-right {
    padding: 0;
   
}
.list-change.active{
  /* border: 1px solid #337abe; */
  /* border-bottom: 0; */
  background-color: #025e8e;
  color: #FFFFFF !important;
}

.hide-li{
  display: none !important;
}
.card-box.pop_up {
    position: fixed;
    width: 60%;
    left:  0;
    right:  0;
    top: -200%;
    bottom:  0;
    margin:  auto;
    z-index: 100000;
    height: 84%;
    padding-top: 0;
    padding-bottom: 50px;
    transition: .4s all;
    overflow-x:  hidden;
}
.pop_up.fadeh{
  top: 0;
}
.bottom_menu{
    float: left;
    text-align: center;
}
.col-lg-12.bottom_menu {
    position: fixed;
    bottom: 8%;
    z-index:  999999;
    overflow:  hidden;
    background: #efefef;
    width:  100%;
    display:  inline-block;
    left: 0;
    padding: 6px 0;
}
.cover.fadeout{
  z-index: 10000;
  opacity: .5;
}
h2.head-pop {
    /* position:  fixed; */
    /* top: 8%; */
    text-align:  center;
    width: 105%;
    /* left:  0; */
    background: #0874ad;
    color: #FFF;
    padding: 5px 0;
    /* z-index:10; */
    margin-right: -25px;
}
/*.table-hover tbody tr:hover {
    background-color: rgb(200, 236, 241) !important;
}*/
table tbody tr:hover {
    background-color: rgb(200, 236, 241) !important;
}
a.btn.btn-basic.btn-sm {
    background-color: #025e8e;
    color: #FFF;
}
.btn-normal{
  background-color: #025e8e;
  color: #FFF;
  border: 1px solid #025e8e !important;
}
.btn-normal:hover{
  background-color: #0373ad;
}
a#add_btn:hover {
    background: #d8d7d7 !important;
}
.step {
    background: #f1f1f1;
    border-radius: 15px;
    text-align: center;
    color: #025e8e;
    padding: 5px 0;
    margin-left: -12px;
    border: 1px solid #d0d0d0;
    box-sizing:  border-box;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.step.active {
    background: #025e8e;
    color: #ffffff;
    border: 1px solid #025e8e;
}

#step_3{
  z-index: 10;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#step_4{
  z-index: 9;
}
#step_5{
  z-index: 8;
}
#step_6{
  z-index: 7;
}
.table-wrapper-scroll-y {
  display: block;
  max-height: 335px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}