/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
hr {
  border-bottom: 1px solid #df741f;
}
h2 {
  color: #000000;
  font-size: 1.5rem;
}
h1 {
  color: #df7a1f;
  font-size: 2rem;
}
a-color: #000000;
a:hover {
  color: #000000;
}
ul {
  margin-top: 0.2rem;
}
.button {
  font-size: 0.9rem;
  color: #ffffff;
  background-color: #df7a1f;
  border: 2px solid #ffffff;
  border-radius: 25px;
  margin-bottom: 0.5em;
}
.button:hover {
  font-size: 0.9rem;
  color: #000000;
  background-color: #eeeeee;
  border: 2px solid #df7a1f;
  margin-bottom: 0.5em;
}
.btn {
  border: 2px solid #df7a1f;
  border-radius: 25px;
}
.btn-primary {
  border: 2px solid #ffffff;
}
.btn-primary:hover {
  color: #000000;
  background-color: #eeeeee;
  border: 2px solid #df7a1f;
}
#quickSellCartCheckout {
  font-weight: normal;
}
#quickSellCartEmpty {
  color: #000000;
}
.g-content {
  margin-top: 0.3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.g-content h2 {
  color: #606060;
  font-size: 1.4rem;
  font-weight: normal;
}
.g-content h3 {
  color: #3e3e3e;
  font-size: 1.1rem;
  font-weight: normal;
}
.g-content h4 {
  color: #3e3e3e;
  font-size: 1.1rem;
  font-weight: normal;
}
.gantry-logo img {
  width: 300px;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding-top: 3rem;
  padding-right: 0.938rem;
  padding-bottom: 1.2rem;
  padding-left: 0.938rem;
}
.box1.moduletable a, .box1.widget a, .box1 > .g-content a {
  color: #ffffff;
}
.box1.moduletable a:hover, .box1.widget a:hover, .box1 > .g-content a:hover {
  color: #87320f;
}
.box1.moduletable, .box1.widget, .box1 > .g-content, .box1.moduletable h1, .box1.widget h1, .box1 > .g-content h1, .box1.moduletable h2, .box1.widget h2, .box1 > .g-content h2, .box1.moduletable h3, .box1.widget h3, .box1 > .g-content h3, .box1.moduletable h4, .box1.widget h4, .box1 > .g-content h4, .box1.moduletable h5, .box1.widget h5, .box1 > .g-content h5, .box1.moduletable h6, .box1.widget h6, .box1 > .g-content h6, .box1.moduletable strong, .box1.widget strong, .box1 > .g-content strong, .box1.moduletable i, .box1.widget i, .box1 > .g-content i {
  color: #ffffff;
  text-align: center;
}
.box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content {
  background-color: #86bf5b;
  color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  -webkit-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}
.box2.moduletable a, .box2.widget a, .box2 > .g-content a {
  color: #ffffff;
}
.box2.moduletable a:hover, .box2.widget a:hover, .box2 > .g-content a:hover {
  color: #87320f;
}
.box2.moduletable, .box2.widget, .box2 > .g-content, .box2.moduletable h1, .box2.widget h1, .box2 > .g-content h1, .box2.moduletable h2, .box2.widget h2, .box2 > .g-content h2, .box2.moduletable h3, .box2.widget h3, .box2 > .g-content h3, .box2.moduletable h4, .box2.widget h4, .box2 > .g-content h4, .box2.moduletable h5, .box2.widget h5, .box2 > .g-content h5, .box2.moduletable h6, .box2.widget h6, .box2 > .g-content h6, .box2.moduletable strong, .box2.widget strong, .box2 > .g-content strong, .box2.moduletable i, .box2.widget i, .box2 > .g-content i {
  color: #ffffff;
  text-align: center;
}
.box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content {
  background-color: #007792;
  color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  -webkit-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}
.box3.moduletable a, .box3.widget a, .box3 > .g-content a {
  color: #ffffff;
}
.box3.moduletable a:hover, .box3.widget a:hover, .box3 > .g-content a:hover {
  color: #87320f;
}
.box3.moduletable, .box3.widget, .box3 > .g-content, .box3.moduletable h1, .box3.widget h1, .box3 > .g-content h1, .box3.moduletable h2, .box3.widget h2, .box3 > .g-content h2, .box3.moduletable h3, .box3.widget h3, .box3 > .g-content h3, .box3.moduletable h4, .box3.widget h4, .box3 > .g-content h4, .box3.moduletable h5, .box3.widget h5, .box3 > .g-content h5, .box3.moduletable h6, .box3.widget h6, .box3 > .g-content h6, .box3.moduletable strong, .box3.widget strong, .box3 > .g-content strong, .box3.moduletable i, .box3.widget i, .box3 > .g-content i {
  color: #ffffff;
  text-align: center;
}
.box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content {
  background-color: #87320f;
  color: #ffffff;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  -webkit-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}
.box3.moduletable .button, .box3.widget .button, .box3 > .g-content .button {
  color: #fff;
  background: #df7a1f;
}
.box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover {
  color: #000;
  background: #eeeeee;
}
.box4.moduletable a, .box4.widget a, .box4 > .g-content a {
  color: #f7f7f1;
}
.box4.moduletable a:hover, .box4.widget a:hover, .box4 > .g-content a:hover {
  color: #000000;
}
.box4.moduletable, .box4.widget, .box4 > .g-content, .box4.moduletable h1, .box4.widget h1, .box3 > .g-content h1, .box4.moduletable h2, .box4.widget h2, .box4 > .g-content h2, .box4.moduletable h3, .box4.widget h3, .box4 > .g-content h3, .box4.moduletable h4, .box4.widget h4, .box4 > .g-content h4, .box4.moduletable h5, .box4.widget h5, .box4 > .g-content h5, .box4.moduletable h6, .box4.widget h6, .box4 > .g-content h6, .box4.moduletable strong, .box4.widget strong, .box4 > .g-content strong, .box4.moduletable i, .box4.widget i, .box3 > .g-content i {
  color: #f7f7f1;
}
.box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content {
  background-color: #df7a1f;
  color: #f7f7f1;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  -webkit-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}
.box5.moduletable a, .box5.widget a, .box5 > .g-content a {
  color: #f7f7f1;
}
.box5.moduletable a:hover, .box5.widget a:hover, .box5 > .g-content a:hover {
  color: #000000;
}
.box5.moduletable, .box5.widget, .box5 > .g-content, .box5.moduletable h1, .box5.widget h1, .box5 > .g-content h1, .box5.moduletable h2, .box5.widget h2, .box5 > .g-content h2, .box5.moduletable h3, .box5.widget h3, .box5 > .g-content h3, .box5.moduletable h4, .box5.widget h4, .box5 > .g-content h4, .box5.moduletable h5, .box5.widget h5, .box5 > .g-content h5, .box5.moduletable h6, .box5.widget h6, .box5 > .g-content h6, .box5.moduletable strong, .box5.widget strong, .box5 > .g-content strong, .box5.moduletable i, .box5.widget i, .box5 > .g-content i {
  color: #f7f7f1;
}
.box5.moduletable, .box5.widget, .box5.g-outer-box, .box5 > .g-content {
  background-color: #452152;
  color: #f7f7f1;
  text-align: center;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  -webkit-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}
.g-wrapper {
  color: #ffffff;
}
#g-container-main {
  background-color: #f7f7f1;
  color: #1d1d1d;
  -webkit-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
}
#g-navigation {
  -webkit-box-shadow: 1px 10px px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 10px 7px -7px rgba(0, 0, 0, 0.75);
}
#g-subfeature {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #f7f7f1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: f7f7f1;
}
#g-subfeature li > a {
  color: #87320f;
}
#g-subfeature li > a:hover {
  color: #000000;
}
#g-footer {
  -webkit-box-shadow: 1px -10px px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px -10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 1px -10px 7px -7px rgba(0, 0, 0, 0.75);
}
.uk-button, .uk-button:disabled, .uk-tab > li > a {
  text-shadow: none;
}
.uk-tab > li > a {
  background-color: #df7a1f;
  color: #fff;
}
.uk-tab > li.uk-open:not(.uk-active) > a, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li:not(.uk-active) > a:hover {
  color: #000;
  background-color: #eee;
  margin-bottom: 1px;
  padding-bottom: 7px;
}
.uk-tab > li.uk-open > a, .uk-tab > li > a:focus, .uk-tab > li > a:hover {
  color: #87320f;
}
.g-array-item {
  padding: 10px;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  background-color: #e8e8e8;
}
.g-array-item-title h3 {
  font-size: 22px;
}
.g-particle-intro {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  text-align: left;
}
.g-particle-intro .g-introtext {
  width: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
.uk-accordion-title {
  color: #ffffff;
  background-color: #df7a1f;
  border: 2px solid #ffffff;
  border-radius: 25px;
}
h3.uk-accordion-title {
  color: #ffffff;
  background-color: #df7a1f;
  border: 2px solid #ffffff;
  border-radius: 25px;
}
.g-totop a {
  color: #ffffff;
}
.g-totop a:hover {
  color: #000000;
}
.telecharge {
  font-size: 1rem;
  margin: auto;
  width: 100%;
  text-align: center;
  color: #f7f7f1;
}
.telecharge a {
  color: #000;
}
.telecharge a:hover {
  color: #000000;
}
.fil {
  background-color: #000000;
  padding-bottom: 1px;
}
.img-norotate {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
}
.img-shadow {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-transition: -webkit-transform 0.1s ease;
  -moz-transition: -moz-transform 0.1s ease;
  -ms-transition: -ms-transform 0.1s ease;
  -o-transition: -o-transform 0.1s ease;
  transition: transform 0.1s ease;
  /* appel de la transition à l'état initial */
}
.img-shadow:hover {
  cursor: zoom-in;
  cursor: -webkit-zoom-in;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  transform: translate(0, -5px);
  /* déclanchement de la transition au survol */
}
.presentationfacile figure {
  position: relative;
  margin: 0;
  padding: 10px 0 0 0;
  width: 100%;
}
.presentationfacile img {
  vertical-align: top;
}
.presentationfacile p {
  padding: 8px;
  margin: 0;
}
.presentationfacile figcaption {
  position: absolute;
  bottom: 0;
  background: #86bf5b;
  left: 0;
  right: 0;
  color: #fff;
  font-family: roboto;
  overflow: hidden;
  max-height: 0;
  border-bottom: 1px solid #fff;
  transition: max-height 0.5s;
}
.presentationfacile figure:hover figcaption {
  max-height: 20em;
  transition: max-height 0.8s;
}
.presentationmoyen figure {
  position: relative;
  margin: 0;
  padding: 10px 0 0 0;
  width: 100%;
}
.presentationmoyen img {
  vertical-align: top;
}
.presentationmoyen p {
  padding: 8px;
  margin: 0;
}
.presentationmoyen figcaption {
  position: absolute;
  bottom: 0;
  background: #007792;
  left: 0;
  right: 0;
  color: #fff;
  font-family: roboto;
  overflow: hidden;
  max-height: 0;
  border-bottom: 1px solid #fff;
  transition: max-height 0.5s;
}
.presentationmoyen figure:hover figcaption {
  max-height: 20em;
  transition: max-height 0.8s;
}
.presentationdifficile figure {
  position: relative;
  margin: 0;
  padding: 10px 0 0 0;
  width: 100%;
}
.presentationdifficile img {
  vertical-align: top;
}
.presentationdifficile p {
  padding: 8px;
  margin: 0;
}
.presentationdifficile figcaption {
  position: absolute;
  bottom: 0;
  background: #87320f;
  left: 0;
  right: 0;
  color: #fff;
  font-family: roboto;
  overflow: hidden;
  max-height: 0;
  border-bottom: 1px solid #fff;
  transition: max-height 0.5s;
}
.presentationdifficile figure:hover figcaption {
  max-height: 20em;
  transition: max-height 0.8s;
}
.presentationexpert figure {
  position: relative;
  margin: 0;
  padding: 10px 0 0 0;
  width: 100%;
}
.presentationexpert img {
  vertical-align: top;
}
.presentationexpert p {
  padding: 8px;
  margin: 0;
}
.presentationexpert figcaption {
  position: absolute;
  bottom: 0;
  background: #452152;
  left: 0;
  right: 0;
  color: #fff;
  font-family: roboto;
  overflow: hidden;
  max-height: 0;
  border-bottom: 1px solid #fff;
  transition: max-height 0.5s;
}
.presentationexpert figure:hover figcaption {
  max-height: 20em;
  transition: max-height 0.8s;
}
.presentationintro figure {
  position: relative;
  margin: 0;
  padding: 10px 0 0 0;
  width: 100%;
}
.presentationintro img {
  vertical-align: top;
  -webkit-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 7px -7px rgba(0, 0, 0, 0.75);
}
.presentationintro p {
  padding: 8px;
  margin: 0;
}
.presentationintro figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-family: roboto;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s;
}
.presentationintro figure:hover figcaption {
  max-height: 20em;
  transition: max-height 0.8s;
}
.imageHolder {
  position: relative;
}
.imageHolder :hover {
  position: relative;
  background: #f7f7f1;
  opacity: 0.9;
}
.imageHolder .caption {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  color: #000;
  font-size: 20px;
  text-align: center;
  left: 0;
  right: 0;
  background: #f7f7f1;
  font-weight: bold;
  opacity: 0;
}
.accordion {
  max-width: 300px;
  margin: 5em;
  padding: 0;
  background: #333;
  border-radius: 3px;
  overflow: hidden;
}
.accordion ul {
  margin: 0;
  padding: 0;
}
.accordion li {
  display: block;
}
.accordion label {
  cursor: pointer;
  display: block;
  padding: 0.7em 1em;
  overflow: hidden;
  background: linear-gradient(#555, #444);
  border-bottom: 1px solid #333;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
}
.accordion label:hover {
  background: linear-gradient(#666, #444);
}
.accordion input[type="radio"], .accordion input[type="checkbox"] {
  display: none;
}
.accordion .sub > li {
  cursor: pointer;
  overflow: hidden;
  height: 0;
  margin: 0;
  opacity: 0;
  font-size: 0.875em;
  transition: all 0.25s ease-in-out;
  box-shadow: inset 0 -1px 0 #555;
}
.accordion .sub > li:hover {
  padding-left: 1.5em;
  background: rgba(0, 0, 0, 0.1);
}
.accordion input:checked + .sub > li {
  padding: 0.7em 1em;
  height: 1.4em;
  opacity: 1;
}
.uk-dotnav {
  padding: 2px;
}
.well {
  background-color: #f7f7f1;
  border: 1px solid #df7a1f;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-radius: 0px;
}
.tag {
  color: #fff;
  padding: 5px 10px 5px 10px;
  line-height: 3em;
  font-size: 0.8em;
  background-color: #df7a1f;
  border-radius: 25px;
  border: 2px solid #ffffff;
}
.tag:hover {
  color: #000;
  padding: 5px 10px 5px 10px;
  line-height: 3em;
  font-size: 0.8em;
  background-color: #eeeeee;
  border: 2px solid #df7a1f;
  border-radius: 25px;
}
.fade {
  -moz-animation: anim 2s linear forwards;
  -webkit-animation: anim 2s linear forwards;
  -o-animation: anim 2s linear forwards;
  -ms-animation: anim 2s linear forwards;
  animation: anim 2s linear forwards;
}
#mbToolbar svg, #mbBottom svg {
  fill: #000;
  width: 16px;
  height: 16px;
  display: block;
  margin: 2px auto;
}
@-moz-keyframes anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*# sourceMappingURL=custom__body_only.css.map */