body {
  background-color:#fcf8e3;
  color:#206ebc;
}
.fondpaille {
  background-color: #fff1a7;
}
.fondgrenat{
  background-color: #206ebc;
}
.fondrouge {
  background-color: #59a5f2;
}
.-fondclair {
  background-color: #fcf8e3;
}
.fondblanc {
  background-color: #fff;
}
.fondrose {
  background-color: rgba(169,234, 254, 0.25);
}
.bg-fonderreurclair {
    background-color: rgba(140,0, 4, 0.25);
}
.bg-nouveaufond{
     background-color: #8c0004;
    color: #fff;
}
.bg-fondpaille {
  background-color: #fff1a7;
}
.bg-fondgrenat{
  background-color: #206ebc;
  color : #fff1a7;
}
.bg-fondrouge {
  background-color: #59a5f2;
    color : #fff1a7;
}
.bg-fondclair {
  background-color: #fcf8e3;
}
.bg-fondblanc {
  background-color: #fff;
}
.bg-fondrose {
  background-color: rgba(169,234, 254, 0.25);
}
.bg-fonderreur{
  background-color: #8c0004;
  color : #FFF;
}
.attention{
  color : #8c0004;
}
.commentaire{
  color : #8c0004;
  font-size: smaller;
}
.interne{
  color : #006600;
    font-size: smaller;
      font-weight: bold;
}
.erreur{
  color : #8c0004;
   font-size: large;
   
   font-weight: bold;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: #206ebc;
}

.a-grenat {
  color: #206ebc;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.a-grenat:hover {
  color: #206ebc;
  text-decoration: underline;
}

.card-header-custom {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #206ebc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.navbar-custom {
    background-color: #206ebc;
    color: rgba(255,255,255,.8);
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

.bg-light {
  background-color: #206ebc !important;
  color: #FFFFFF;
}
.bg-second {
  background-color: rgba(169,234, 254, 0.25) !important;
}

.lienclair {
  color: #fcf8e3;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.lienclair:hover {
  color: #fff1a7;
  text-decoration: none;
}


.jumbotron {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #fff1a7;
  background-color: #59a5f2;
}

.page-link {
  color: #ffc107;
  background-color: rgba(169,234, 254, 0.25);
  border: 1px solid #59a5f2;
}

.page-link:hover {
  color: #59a5f2;
  text-decoration: none;
  background-color: #fff1a7;
  border-color: #fff1a7;
}

.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(169,234, 254, 0.25);
}


.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #206ebc;
  border-color: #fcf8e3;
}

.page-item.disabled .page-link {
  color: #ffc107;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #fcf8e3;
}

.alert-error {
  background-color: #eddbe3;
  color: #206ebc;
  border-color: #bd4247;
}
.alert-custom {
  color: #206ebc;
  background-color: #fcf8e3;
  border-color: #59a5f2;
}
.alert-soft {
  color: #666666;
  background-color: #fcf8e3;
  border-color: #ffffcc;
}
.alert-vert {
  color: #006600;
  background-color: #ccffcc;
  border-color: #009999;
}
.alert-aucun {
  background-color: #FFFFFF;
  color: #206ebc;
  border-color: #206ebc;
}
.alert-encours {
  background-color: #FDF5E6;
  color: #206ebc;
  border-color: #87CEFA;    
}
.badge-error{
  color: #bd4247;
  background-color: #eddbe3;
}
.badge-soft{
  color: #666666;
  background-color: #fcf8e3;
}
.badge-encours{
  color: #FDF5E6;
  background-color: #206ebc;
}

.badge-custom{
  color: #206ebc;
  background-color: #fcf8e3;
}
.badge-customerrform{
  color: #fcf8e3;
  background-color: #206ebc;
}
.badge-custom{
  color: #fcf8e3;
  background-color: #206ebc;
}
.badge.du {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #eddbe3;
  border: 1px solid #faebcc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}


.btn-submit {
        /* border: 1px solid #a94442; */
        border: 0px;
        color: #fff;
        text-shadow: 0 1px rgba(0,0,0,0.1);
        background-color: #206ebc;
        padding: 17px 0px;
        width: 100%     ;
        font-size: 14px;
        /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
    }

.btn-custom {
  color: #fcf8e3;
  background-color: #59a5f2;
  border-color: #59a5f2;
}

.btn-custom:hover {
  color: #fcf8e3;
  background-color: #59a5f2;
  border-color: #206ebc;
}

.btn-custom:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(169,234, 254, 0.25);
}

.btn-custom.disabled, .btn-primary:disabled {
  color: #fcf8e3;
  background-color: #206ebc;
  border-color: #206ebc;
}

.btn-custom:not(:disabled):not(.disabled):active, .btn-custom:not(:disabled):not(.disabled).active,
.show > .btn-custom.dropdown-toggle {
  color: #fcf8e3;
  background-color: #206ebc;
  border-color: #206ebc;
}

.btn-custom:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(169,234, 254, 0.25);
}
.btn-outline-custom {
  color: #206ebc;
  background-color: transparent;
  background-image: none;
  border-color: #206ebc;
}

.btn-outline-custom:hover {
  color: #fcf8e3;
  background-color: #206ebc;
  border-color: #206ebc;
}

.btn-outline-custom:focus, .btn-outline-custom.focus {
  box-shadow: 0 0 0 0.2rem rgba(169,234, 254, 0.25);
}

.btn-outline-custom.disabled, .btn-outline-custom:disabled {
  color: #206ebc;
  background-color: transparent;
}

.btn-outline-custom:not(:disabled):not(.disabled):active, .btn-outline-custom:not(:disabled):not(.disabled).active,
.show > .btn-outline-custom.dropdown-toggle {
  color: #fcf8e3;
  background-color: #206ebc;
  border-color: #206ebc;
}

.btn-outline-custom:not(:disabled):not(.disabled):active:focus, .btn-outline-custom:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-custom.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(169,234, 254, 0.25);
}

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}


       /****** VISUEL ******/
    
   .visuel-container {
        padding: 15px;
        max-width: 100%;
        width: 100% !important;
        background-color: #fff;
        margin: 15px auto;
        border-radius: 4px;
        box-shadow: 0px 2px 2px #3399ff;
        overflow: hidden;
  border: 1px solid #3399ff;
    }  
    
        visuel-container h1 {
        text-align: center;
        font-size: 1.8em;

    }
 
    
    /*ALERT*/



.error {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #eddbe3;
  border: 1px solid #faebcc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:  #bd4247;
}
.leger {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #e4f9f5;
  border: 1px solid #F6E497;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:  #008000;
}
.transit {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #b6d7a8;
  border: 1px solid #F6E497;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:  #000000;
}
.expedie {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #f6ecf1;
  border: 1px solid #F6E497;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:  #000000;
}
.encours {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #87CEFA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:  #206ebc;
} 
.reception {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #87CEFA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:  #000000;
} 
.info {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #87CEFA;
  border: 1px solid #87CEFA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:  #000000;
}
.grise {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #D3D3D3;
  border: 1px solid #696969;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:  #696969;
}
.litige {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #FF8C00;
  border: 1px solid #FF0000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:  #FFFFFF;
}
.du {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #eddbe3;
  border: 1px solid #faebcc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}
.success {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #ccffcc;
  border: 1px solid #336600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}


.dropdown-dividercustom {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 4px solid #206ebc;
}