/* custom css */ 


/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
 .la-line-scale-pulse-out,
 .la-line-scale-pulse-out > div {
     position: relative;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
 }
 .la-line-scale-pulse-out {
     display: block;
     font-size: 0;
     color: #fff;
 }
 .la-line-scale-pulse-out.la-dark {
     color: #333;
 }
 .la-line-scale-pulse-out > div {
     display: inline-block;
     float: none;
     background-color: currentColor;
     border: 0 solid currentColor;
 }
 .la-line-scale-pulse-out {
     width: 40px;
     height: 32px;
 }
 .la-line-scale-pulse-out > div {
     width: 4px;
     height: 32px;
     margin: 2px;
     margin-top: 0;
     margin-bottom: 0;
     border-radius: 0;
     -webkit-animation: line-scale-pulse-out .9s infinite cubic-bezier(.85, .25, .37, .85);
        -moz-animation: line-scale-pulse-out .9s infinite cubic-bezier(.85, .25, .37, .85);
          -o-animation: line-scale-pulse-out .9s infinite cubic-bezier(.85, .25, .37, .85);
             animation: line-scale-pulse-out .9s infinite cubic-bezier(.85, .25, .37, .85);
 }
 .la-line-scale-pulse-out > div:nth-child(3) {
     -webkit-animation-delay: -.9s;
        -moz-animation-delay: -.9s;
          -o-animation-delay: -.9s;
             animation-delay: -.9s;
 }
 .la-line-scale-pulse-out > div:nth-child(2),
 .la-line-scale-pulse-out > div:nth-child(4) {
     -webkit-animation-delay: -.7s;
        -moz-animation-delay: -.7s;
          -o-animation-delay: -.7s;
             animation-delay: -.7s;
 }
 .la-line-scale-pulse-out > div:nth-child(1),
 .la-line-scale-pulse-out > div:nth-child(5) {
     -webkit-animation-delay: -.5s;
        -moz-animation-delay: -.5s;
          -o-animation-delay: -.5s;
             animation-delay: -.5s;
 }
 .la-line-scale-pulse-out.la-sm {
     width: 20px;
     height: 16px;
 }
 .la-line-scale-pulse-out.la-sm > div {
     width: 2px;
     height: 16px;
     margin: 1px;
     margin-top: 0;
     margin-bottom: 0;
 }
 .la-line-scale-pulse-out.la-2x {
     width: 80px;
     height: 64px;
 }
 .la-line-scale-pulse-out.la-2x > div {
     width: 8px;
     height: 64px;
     margin: 4px;
     margin-top: 0;
     margin-bottom: 0;
 }
 .la-line-scale-pulse-out.la-3x {
     width: 120px;
     height: 96px;
 }
 .la-line-scale-pulse-out.la-3x > div {
     width: 12px;
     height: 96px;
     margin: 6px;
     margin-top: 0;
     margin-bottom: 0;
 }
 /*
  * Animation
  */
 @-webkit-keyframes line-scale-pulse-out {
     0% {
         -webkit-transform: scaley(1);
                 transform: scaley(1);
     }
     50% {
         -webkit-transform: scaley(.3);
                 transform: scaley(.3);
     }
     100% {
         -webkit-transform: scaley(1);
                 transform: scaley(1);
     }
 }
 @-moz-keyframes line-scale-pulse-out {
     0% {
         -moz-transform: scaley(1);
              transform: scaley(1);
     }
     50% {
         -moz-transform: scaley(.3);
              transform: scaley(.3);
     }
     100% {
         -moz-transform: scaley(1);
              transform: scaley(1);
     }
 }
 @-o-keyframes line-scale-pulse-out {
     0% {
         -o-transform: scaley(1);
            transform: scaley(1);
     }
     50% {
         -o-transform: scaley(.3);
            transform: scaley(.3);
     }
     100% {
         -o-transform: scaley(1);
            transform: scaley(1);
     }
 }
 @keyframes line-scale-pulse-out {
     0% {
         -webkit-transform: scaley(1);
            -moz-transform: scaley(1);
              -o-transform: scaley(1);
                 transform: scaley(1);
     }
     50% {
         -webkit-transform: scaley(.3);
            -moz-transform: scaley(.3);
              -o-transform: scaley(.3);
                 transform: scaley(.3);
     }
     100% {
         -webkit-transform: scaley(1);
            -moz-transform: scaley(1);
              -o-transform: scaley(1);
                 transform: scaley(1);
     }
 }
 


  .breadcrumb .breadcrumb-item {
    position: relative;
    margin: 2px;
  }
  .breadcrumb .breadcrumb-item:first-child {
    margin-left: 0 !important;
  }
  .breadcrumb .breadcrumb-item:not(:last-child):after {
    content: '/';
  }
  .wb-body::-webkit-scrollbar {
    width: 12px;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#0C9;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	
}

.float:hover {
    box-shadow: 1px 1px 1px 1px #999;
    cursor: pointer;
}
.my-float{
	margin-top:22px;
}

/*Textes pour lecture*/
.textes p {
    padding: .1em;
    text-align: justify;
    text-justify: inter-word;
}
.textes h5 {
    font-weight: bold;
    padding: .3em;
    text-transform: uppercase;
    margin-top: .3em;
}
.textes h6 {
    font-style: italic;
    padding: .2em;
}
.textes li {
    margin-left: 20px;
}


/*Icone pricipale du site*/
.favicon {
    border:1ps solid whitesmoke;
    background: white;
    border-radius: 10px;
}
.test {
    color: red;;
}

/*Hide Arrows From Input Number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* Scroll bar*/
 div::-webkit-scrollbar {
     width: 6px;
     height: 6px;
 }

 div::-webkit-scrollbar-track {
     border-radius: 10px;
     background: rgba(0, 0, 0, 0.1);
 }

 div::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: rgba(0, 0, 0, 0.2);
 }

 div::-webkit-scrollbar-thumb:hover {
     background: rgba(0, 0, 0, 0.4);
 }

 div::-webkit-scrollbar-thumb:active {
     background: rgba(0, 0, 0, .9);
 }

 .pop-up{
    height: 55%  !important;
    width: 35%  !important;
    object-fit: cover  !important;
    background-size: cover !important;
}
.message-pop-up{
    height: 400px !important;
    width: 500px !important;
    object-fit: cover !important;
    background-size: 100% !important;
}
.sweetModal-l{
    max-width: 50% !important;
    margin-top: auto !important;
}
.sweetModal-b{
    max-width: 50% !important;
    margin-top: 2% !important;
}