@media only screen and (max-width : 480px) {
  .hide-base {
    display: none !important;
  }
}

@media only screen and (max-width : 600px) {
  .hide-xsmall {
    display: none !important;
  }
}

@media only screen and (max-width : 767px) {
  .hide-small {
    display: none !important;
  }
}

@media only screen and (max-width : 991px) {
  .hide-medium {
    display: none !important;
  }
}

@media only screen and (max-width : 1200px) {
  .hide-large {
    display: none !important;
  }
}

@media only screen and (max-width : 1400px) {
  .hide-xlarge {
    display: none !important;
  }
}

@media only screen and (max-width : 1600px) {
  .hide-xxlarge {
    display: none !important;
  }
}

@media only screen and (min-width : 481px) {
  .hide-base-up {
    display: none !important;
  }
}

@media only screen and (min-width : 601px) {
  .hide-xsmall-up {
    display: none !important;
  }
}

@media only screen and (min-width : 768px) {
  .hide-small-up {
    display: none !important;
  }
}

@media only screen and (min-width : 992px) {
  .hide-medium-up {
    display: none !important;
  }
}

@media only screen and (min-width : 1201px) {
  .hide-large-up {
    display: none !important;
  }
}

@media only screen and (min-width : 1401px) {
  .hide-xlarge-up {
    display: none !important;
  }
}

@media only screen and (min-width : 1601px) {
  .hide-xxlarge-up {
    display: none !important;
  }
}

/*** COMPENSATE ***/
.show-sidepanel {
  height: 100%;
}
@media only screen and (max-width : 480px) {
  .show-sidepanel #mainNav {
    width: calc(100% - 16px);
  }
  .show-sidepanel #mainNav .compensate-for-scrollbar {
    margin-right: 0;
  }
}
.show-sidepanel #logo {
  margin-right: 8px;
}
@media only screen and (max-width : 991px) {
  .show-sidepanel #logo {
    margin: 0px;
  }
}
.show-sidepanel .compensate-for-scrollbar {
  margin-right: 16px;
}

.show-calculpanel {
  height: 100%;
}
@media only screen and (max-width : 480px) {
  .show-calculpanel #mainNav {
    width: calc(100% - 16px);
  }
  .show-calculpanel #mainNav .compensate-for-scrollbar {
    margin-right: 0;
  }
}
.show-calculpanel #logo {
  margin-right: 8px;
}
@media only screen and (max-width : 991px) {
  .show-calculpanel #logo {
    margin: 0px;
  }
}
.show-calculpanel .compensate-for-scrollbar {
  margin-right: 16px;
}

/*** HEADER ***/
header ul li a {
  transition: color 250ms;
}
header ul li a:hover {
  color: #252527;
}

#mainNav ul li a {
  transition: color 250ms;
}
#mainNav ul li a:hover {
  color: #252527;
}

.hamburger:hover .hamburger-label {
  color: #252527;
}
.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner::before, .hamburger:hover .hamburger-inner::after {
  background: #252527;
}

.show-sidepanel .hamburger:hover .hamburger-label {
  color: #055e20;
}
.show-sidepanel .hamburger:hover .hamburger-inner, .show-sidepanel .hamburger:hover .hamburger-inner::before, .show-sidepanel .hamburger:hover .hamburger-inner::after {
  background: #055e20;
}

/*** SIDEPANEL ***/
.sidepanel ul li a:hover {
  color: #055e20;
}

#sideMenu #menuWrapper #upper li:first-child a:hover .icon {
  stroke: #055e20;
}
#sideMenu #menuWrapper #upper li:last-child a:hover {
  color: #fff;
  background: #055e20;
}

/*** CALCUL FORM ***/
#calculPanel #closeCalcul:hover::after, #calculPanel #closeCalcul:hover::before {
  background: #0cbc41;
}

#calculForm .radio-field label:hover {
  background: rgba(12, 188, 65, 0.65);
}
#calculForm #stippingWheelWrapper, #calculForm #stippingTechChosenWrapper {
  width: 50%;
  float: left;
  margin-left: auto;
  left: auto;
  right: auto;
}
@media only screen and (max-width : 991px) {
  #calculForm #stippingWheelWrapper, #calculForm #stippingTechChosenWrapper {
    width: 100%;
  }
}
#calculForm #stippingTechChosenWrapper {
  float: right;
}
#calculForm #calculUserInfo {
  margin-bottom: unset;
}
#calculForm #calculUserInfo .input-field {
  width: 49%;
  float: left;
  margin-left: auto;
  left: auto;
  right: auto;
}
@media only screen and (max-width : 991px) {
  #calculForm #calculUserInfo .input-field {
    width: 100%;
  }
}
#calculForm #calculUserInfo .inverse {
  float: right;
}

/*** BLOC INFOLETTRE ***/
.infolettreForm .btn:hover {
  color: #0cbc41;
  background: #fff;
}

/*** FOOTER ***/
footer #copyright p a {
  transition: opacity 250ms;
}
footer #copyright p a:hover {
  opacity: 0.5;
}

/*** STYLES ***/
.link:hover span,
.linkHover:hover .link span {
  animation: linkAnim 500ms ease;
  -webkit-animation: linkAnim 500ms ease;
}

.underline:hover::after,
.underlineHover:hover .underline:after {
  animation: animLine 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
  -webkit-animation: animLine 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}

.btn {
  transition: color 300ms, background 300ms, border 300ms;
}
.btn:hover {
  color: #fff;
  background: #0cbc41;
}
.btn.btn-green:hover {
  color: #0cbc41;
  background: #fff;
}
.btn.btn-fwhite:hover {
  border-color: #0cbc41;
}
.btn.btn-fgreen:hover {
  color: #0cbc41;
  background: #fff;
}

/*** DYNAMIC ***/
.dynamic a {
  transition: color 250ms;
}
.dynamic a:hover {
  color: #252527;
}

/*** CHOSEN ***/
.chosen-container .chosen-results li:hover {
  color: #0cbc41;
}

/*** OcLIST OVER ***/
.ocList > li h4:hover {
  color: #0cbc41;
}
.ocList > li h4:hover::before, .ocList > li h4:hover::after {
  background: #0cbc41;
}

/*** OcLIST DOCUMENT OVER ***/
#documents .ocList > li h4:hover {
  color: #0cbc41 !important;
}

/*** ROW MARCHES ***/
#marches .col:last-child > div:hover {
  background: #0cbc41;
}
#marches .col > div {
  transition: background 300ms;
}
#marches .col > div p {
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  opacity: 0;
  transition: transform 300ms, opacity 300ms;
  -webkit-transition: -webkit-transform 300ms, opacity 300ms;
}
#marches .col > div:hover {
  background: #252527;
}
#marches .col > div:hover p {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}

/*** HOME ***/
#calculFixBtn:hover a {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

#homeBanner #homeBannerMedia ul li a:hover .icon {
  fill: rgba(124, 124, 125, 0.5);
}
#homeBanner #homeBannerCycleNav li:hover::after {
  background: rgba(255, 255, 255, 0.5) !important;
}
#homeBanner #homeBannerDesc .btn:hover {
  background: transparent;
}
#homeBanner #servicesCycle div a:hover div {
  width: 76px;
  height: 76px;
  margin: -3px 0 0 -38px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width : 767px) {
  #homeBanner #servicesCycle div a:hover div {
    width: 66px;
    height: 66px;
    margin: -3px 0 0 -33px;
  }
}

#video .col .videoDesc a:hover {
  color: #0cbc41;
}
#video .col .videoDesc a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

/*** DIFFERENCE ***/
#graphNav ul li a:hover {
  color: #fff;
  background: #0cbc41;
}

#difference .postBoxList .postBox .postDesc > div {
  transition: background 300ms;
}
#difference .postBoxList .postBox .postDesc > div h3 {
  transition: color 300ms;
}
#difference .postBoxList .postBox:hover .postDesc > div {
  background: #0cbc41;
}
#difference .postBoxList .postBox:hover .postDesc > div h3 {
  color: #fff;
}

/*** NEW ***/
aside a {
  transition: color 250ms;
}
aside a:hover {
  color: #0cbc41;
}
aside h6 a:hover {
  color: #252527;
}

/*** CONTACT ***/
#contact #coord p.email a {
  transition: color 250ms;
}
#contact #coord p.email a:hover {
  color: #055e20;
}
#contact #coord p.email a:hover .icon {
  fill: #252527;
}
#contact #quote .blocs li:hover {
  background: rgba(0, 0, 0, 0.2);
}
#contact #quote #submit:hover {
  color: #0cbc41 !important;
  background: #fff;
}

/*** ANIM ***/
@keyframes linkAnim {
  50% {
    transform: translateY(20px);
    opacity: 0;
  }
  51% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes linkAnim {
  50% {
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes animLine {
  50% {
    left: 0;
    width: 100%;
  }
  100% {
    width: 60%;
    left: 40%;
  }
}
@-webkit-keyframes animLine {
  50% {
    left: 0;
    width: 100%;
  }
  100% {
    width: 60%;
    left: 40%;
  }
}
@keyframes animOut {
  0% {
    left: 40%;
    width: 60%;
  }
  100% {
    left: 0%;
    width: 60%;
  }
}
@-webkit-keyframes animOut {
  0% {
    left: 40%;
    width: 60%;
  }
  100% {
    left: 0%;
    width: 60%;
  }
}

/*# sourceMappingURL=desktop.css.map */