@font-face {
  font-family: TWB;
  src: url('../fonts/titilliumweb-bold.eot');
  src: url('../fonts/titilliumweb-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumweb-bold.woff2') format('woff2'), url('../fonts/titilliumweb-bold.woff') format('woff'), url('../fonts/titilliumWeb-Bold.ttf') format('truetype'), url('../fonts/titilliumweb-bold.svg#titillium_webbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: TWL;
  src: url('../fonts/titilliumweb-light.eot');
  src: url('../fonts/titilliumweb-light.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumweb-light.woff2') format('woff2'), url('../fonts/titilliumweb-light.woff') format('woff'), url('../fonts/titilliumWeb-Light.ttf') format('truetype'), url('../fonts/titilliumweb-light.svg#titillium_weblight') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Casser les styles appliqués sur les numéros de tel / skype click to call */
span#skype_c2c_container .skype_c2c_logo_img,
span#skype_c2c_container span .skype_c2c_logo_img,
span#skype_c2c_container span span .skype_c2c_logo_img,
span#skype_c2c_container span span span .skype_c2c_logo_img {
  display: none !important;
}
a[href^=tel],
span#skype_c2c_container,
span#skype_c2c_container span,
span#skype_c2c_container span span,
span#skype_c2c_container span span span,
span#skype_c2c_container span span span span,
span#skype_c2c_container span span span span span {
  color: inherit !important;
  text-decoration: none !important;
  font-family: inherit !important;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  overflow: inherit;
}
html {
  width: 100%;
}
html body {
  width: 100%;
  font-family: TWL;
  background-color: white;
}
html body .wrap a{
	color:#487524;
	text-decoration: none;
	font-weight: bold;
}
html body .wrap {
  width: 100%;
  overflow-x: hidden;
}
html body .wrap .mobile-menu {
  display: none;
  position: absolute;
  top: 91px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 50;
}
html body .wrap .mobile-menu .button {
  display: block;
  text-decoration: none;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid white;
  color: white;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: TWB;
  font-size: 18px;
}
html body .wrap .mobile-menu .main {
  background-color: #79C33D;
}
html body .wrap .mobile-menu .sub {
  background-color: white;
  color: #1f1a17;
  font-family: TWL;
  font-weight: 900;
}
html body .wrap .nav {
  height: 176px;
  position: relative;
  background-color: white;
}
html body .wrap .nav .logo {
  vertical-align: bottom;
  position: absolute;
  bottom: 20px;
  left: 0;
}
html body .wrap .nav .menu {
  position: absolute;
  bottom: 20px;
  right: 0;
  list-style: none;
  margin: 0;
  text-align: right;
}
html body .wrap .nav .menu li {
  display: inline-block;
}
html body .wrap .nav .menu li .button {
  display: inline-block;
  text-align: center;
  height: 33px;
  line-height: 33px;
  color: black;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 10px;
  font-family: TWB;
}
html body .wrap .nav .menu li #selected {
  background-color: #79C33D;
  color: white;
}
html body .wrap .nav .menu li .button:hover {
  color: #79C33D;
}
html body .wrap .nav .menu li .sub-menu {
  position: absolute;
  background-color: rgba(121, 195, 61, 0.7);
  z-index: 15;
  display: none;
}
html body .wrap .nav .menu li .sub-menu a {
  display: block;
  text-decoration: none;
  color: white;
  font-size: 20px;
  font-family: TWB;
  padding: 2px 10px;
}
html body .wrap .nav .menu li .sub-menu a:hover {
  color: lightgrey;
}
html body .wrap .gallery {
  height: 450px;
  position: relative;
  padding: 0;
}
html body .wrap .gallery .prev,
html body .wrap .gallery .next {
  display: block;
  background-color: #79C33D;
  height: 60px;
  width: 60px;
  position: absolute;
  top: 195px;
  text-align: center;
  padding-top: 13px;
  z-index: 10;
}
html body .wrap .gallery .prev img,
html body .wrap .gallery .next img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
html body .wrap .gallery .prev {
  left: -13px;
}
html body .wrap .gallery .next {
  right: -13px;
}
html body .wrap .gallery .owl-carousel {
  height: 100%;
  width: 100%;
}
html body .wrap .gallery .owl-carousel .owl-wrapper-outer {
  height: 100%;
}
html body .wrap .gallery .owl-carousel .owl-wrapper-outer .owl-wrapper {
  height: 100%;
}
html body .wrap .gallery .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  height: 100%;
}
html body .wrap .gallery .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item {
  height: 100%;
  background-size: cover;
  background-position: center;
}
html body .wrap .gallery .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item .text {
  position: absolute;
  top: 65px;
  right: 90px;
  background-image: url(../img/green-background.png);
  width: 100%;
  max-width: 522px;
  font-size: 32px;
  color: white;
  padding: 20px 30px;
  line-height: 1.3;
}
html body .wrap .middle {
  padding: 40px 0 0 0;
}
html body .wrap .middle h1 {
  text-align: center;
  font-size: 40px;
  color: #79C33D;
  margin: 0;
  font-weight: 300;
}
html body .wrap .middle h2 {
  text-align: center;
  margin: 0;
}
html body .wrap .middle p {
  text-align: center;
  font-size: 24px;
  margin-top: 0;
}
html body .wrap .boxes {
  padding-top: 30px;
  max-width: 75.125rem;
}
html body .wrap .boxes .columns {
  height: 405px;
  padding: 14px 14px;
}
html body .wrap .boxes .blue .box {
  background-color: #79C33D;
  color: white;
}
html body .wrap .boxes .white .box {
  background-color: white;
  color: black;
  border: 1px solid #79C33D;
  text-align: center;
}
html body .wrap .boxes .white .box h1 {
  color: #79C33D;
  text-align: left;
}
html body .wrap .boxes .white .box p {
  color: #282828;
}
html body .wrap .boxes .white .product {
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 150px;
}
html body .wrap .boxes .grey .box {
  background-color: grey;
  color: white;
}
html body .wrap .boxes .map .box {
  padding: 0;
}
html body .wrap .boxes .box {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 17px 17px 50px 17px;
}
html body .wrap .boxes .box .plus {
  position: absolute;
  bottom: 17px;
  right: 17px;
}
html body .wrap .boxes .box iframe {
  width: 100%;
  height: 100%;
}
html body .wrap .boxes .box h1 {
  text-transform: uppercase;
  font-family: TWL;
  margin: 0;
  color: white;
  font-size: 36px;
  font-weight: 300;
}
html body .wrap .boxes .box p {
  color: white;
  text-align: left;
  font-size: 17px;
  line-height: 1.2;
}
html body .wrap .boxes .box p strong {
  font-family: TWB;
  font-size: 18px;
}
html body .wrap .footer {
  background-color: #79C33D;
  height: 171px;
  margin-top: 110px;
	position: relative;
}
html body .wrap .path {
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 13px;
  font-weight: 700;
  margin-bottom: 60px;
  position: relative;
  left: 14px;
}
html body .wrap .path span {
  color: #79C33D;
  font-family: TWB;
}
html body .wrap .left {
  margin-top: 11px;
}
html body .wrap .left .button {
  display: block;
  font-size: 24px;
  color: #79C33D;
  text-decoration: none;
  font-weight: 300;
  padding-left: 5px;
}
html body .wrap .left .selected {
  text-transform: uppercase;
  background-color: #79C33D;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 24px;
  margin-bottom: 10px;
}
html body .wrap .left .sub {
  font-size: 17px;
  color: #282828;
  line-height: 1.4;
  margin-bottom: 6px;
}
html body .wrap .left ul {
  list-style: none;
  border: 1px solid #79C33D;
  margin: 0;
  padding: 0;
  display: block;
  margin-bottom: 8px;
}
html body .wrap .left ul .main {
  display: block;
  height: 49px;
  font-size: 22px;
  color: #79C33D;
  line-height: 49px;
  padding: 0 17px;
  text-decoration: none;
  position: relative;
}
html body .wrap .left ul .main .plus {
  position: absolute;
  right: 15px;
  top: -3px;
  font-size: 30px;
  font-family: TWL;
  font-weight: 100;
}
html body .wrap .left ul li {
  border-top: 1px solid #79C33D;
  height: 49px;
  line-height: 49px;
  padding: 0 17px;
  font-size: 16px;
  color: #282828;
  display: none;
}
html body .wrap .left ul li a {
  text-decoration: none;
  color: #282828;
}
html body .wrap .content {
  line-height: 1.3;
  color: black;
}
html body .wrap .content h1 {
  font-size: 40px;
  color: #79C33D;
  margin: 0;
  font-weight: 300;
}
html body .wrap .content h2 {
  font-size: 20px;
  font-weight: 900;
  color: black;
  margin: 0;
}
html body .wrap .content p {
  font-size: 17px;
  font-weight: 500;
}
html body .wrap .right {
  border-left: 1px solid #7b7b7b;
  padding-top: 5px;
  line-height: 1.3;
}
html body .wrap .right h1 {
  font-size: 24px;
  margin: 0;
  color: #79C33D;
  margin-bottom: 15px;
}
html body .wrap .right h2 {
  font-size: 17px;
  margin: 0;
}
html body .wrap .right p {
  font-size: 17px;
  margin-top: 0;
}

html body .wrap table{
	width:100%;
	position:relative;
}
html body .wrap table tr{
	width:100%;
}
html body .wrap table tr input{
	width:100%;
	max-width:400px;
}
html body .wrap table tr textarea{
	width:100%;
	max-width:400px;
}

html body .wrap form td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

html body .wrap .footer .axianet {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: white;
}
html body .wrap .footer .axianet a {
    color: white;
}

#colorbox, #colorbox *
{
  -webkit-box-sizing:initial !important;
  box-sizing:initial !important;
}