img {
    max-width: 100%;
    max-height: 100%;
}

body {
    font-family: 'Quicksand', sans-serif !important;
    font-size: medium;
}

.h1, h1 {
    text-transform: uppercase;
    font-size:  x-large !important;
    font-weight: bold !important;
}

.h2, h2 {
    font-size: large !important;
    font-weight: bold !important;
}

.height30 {
    height : 30%;
}
.height50 {
    height : 50%;
}
.height100 {
    height : 100%;
}

.wid50 {
    width : 50%;
}
.wid100 {
    width : 100%;
}

.pos-abs, .pos-abs-no-small {
    position: absolute;
}
.pos-rel {
    position: relative;
}

.inline {
    display: inline-block;
}

.corner-TL {
    top : 0;
    left : 0;    
}

.corner-TR {
    top : 0;
    right : 0;    
}

.corner-BL {
    bottom: 0;
    left : 0;    
}

.corner-BR {
    bottom : 0;
    right : 0;    
}

.text-end {
    text-align: end;
}

.pad-0 {
    padding: 0 !important;
}

.pad-5 {
    padding: 5px !important;
}

.pad-10 {
    padding : 10px;
}
.pad-15 {
    padding : 15px;
}

.pad-top-5 {
    padding-top: 5px;
}
.pad-top-10 {
    padding-top: 10px;
}
.pad-top-20 {
    padding-top: 20px;
}

.pad-top-50 {
    padding-top: 50px !important;
}
.pad-top-75 {
    padding-top: 75px !important;
}
.pad-bot-2 {
    padding-bottom: 2px;
}
.pad-bot-50 {
    padding-bottom: 50px;
}

.pad-left-20 {
    padding-left: 20px !important;
}
.pad-left-50 {
    padding-left: 50px !important;
}
.pad-right-20 {
    padding-right: 20px !important;
}

.pad-bot-20 {
    padding-bottom: 20px;
}

.em {
    font-style: italic;
}

.noborder {
    border: none !important;
}

.noshadow {
    box-shadow: none !important;
}

.nomargin {
    margin: 0 !important;
}
.nomargin-top {
    margin-top: 0 !important;
}

.mar-15 {
    margin: 15px;
}

.mar-top-10 {
    margin-top : 10px !important;
}

#pageIndex #menuIndex {
    border-bottom: 1px #00B5A3 solid;
}
#pageOffres #menuOffres {
    border-bottom: 1px #00B5A3 solid;
}
#pageContact #menuContact {
    border-bottom: 1px #00B5A3 solid;
}
#pageCompte #menuCompte {
    border-bottom: 1px #00B5A3 solid;
}

@media (max-width: 767px) {

    .hide-xs {
        display: none !important;
    }

    .corner-TR {
        top: 0;
        right: auto;
    }

    .pad-top-50 {
        padding-top: 15px !important;
    }
    .pad-top-75 {
        padding-top: 20px !important;
    }
    .pad-bot-50 {
        padding-bottom: 15px;
    }
    
    .pos-abs-no-small {
        position: static;
    }
    
    .small-border-right {
        border-right: 2px #00B5A3 dotted;
    }
    .small-border-bot {
        border-bottom: 2px #00B5A3 dotted;
    }
    .small-border-left {
        border-left: 2px #00B5A3 dotted;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hide-sm {
        display: none !important;
    }  
    .pos-abs-no-small {
        position: static;
    }
}

@media (min-width: 992px)  and (max-width: 1199px) {
    .hide-md {
        display: none !important;
    }  
}

@media (min-width: 1200px) {
    .hide-lg {
        display: none !important;
    }  
}

/* SweetAlert style */

.swal-title {
  margin: 0px;
  font-size: 24px;
  margin-bottom: 28px;
  padding: 0px;
}

.swal-icon {
  width: 50px;
  height: 50px;
  animation: animateErrorIcon .3s;
  
}

.swal-icon--error__line {
  position: absolute;
  height: 5px;
  width: 35px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.swal-icon--error__line--right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 23px;
}

.swal-icon--error__line--left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 7px;
  top: 23px;
}

.swal-text {
  text-align: center;
  color: inherit;
  font-family: inherit;
  font-size: medium !important;
}

.swal-button {
  padding: 7px 19px;
  border-radius: 2px;
  font-size: 12px;
  border: 1px solid #3e549a;
}

.swal-footer{
  margin-top: 0px;  
}


/* spinner */

@-webkit-keyframes spinner{
to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinner{
to { -moz-transform: rotate(360deg);}
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.spinner,
.spinner:before {
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  cursor: progress;
}

.spinner:before {
  content: '';
  display: block;
  border-radius: 50%;
  border: 10px solid #ccc;
  border-top-color: #00B5A3;
  animation: spinner .6s linear infinite;
}

.spinner-absolute {
  position: fixed;
  z-index: 1055;
  top: 30%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
}

/* Animations de spinner*/

.spinner-add,
.spinner-remove {
  animation-fill-mode: both;
  animation-duration: .4s;
}

.spinner-add {
  animation-name: spinner-add;
}

@-webkit-keyframes spinner-add{
from { -webkit-transform: scale(0); }
to { -webkit-transform: scale(1);}
}

@-moz-keyframes spinner-add{
from { -moz-transform: scale(0);}
to { -moz-transform: scale(1);}
}

@keyframes spinner-add {
  from {transform: scale(0);}
  to {transform: scale(1);}
}

.spinner-remove {
  animation-name: spinner-remove;
}

@-webkit-keyframes spinner-remove{
to { -webkit-transform: scale(0);}
}

@-moz-keyframes spinner-remove{
to { -moz-transform: scale(0);}
}

@keyframes spinner-remove {
  to {transform: scale(0);}
}