html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}


html {
line-height: 1;
}

ol, ul {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}

q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}

a img {
border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}

@font-face {
font-family: 'GillSansLight';
src: url("fonts/GillSansLight.eot");
src: url("fonts/GillSansLight.eot?#iefix") format("embedded-opentype"), url("fonts/GillSansLight.woff") format("woff"), url("fonts/GillSansLight.ttf") format("truetype"), url("fonts/GillSansLight.svg#GillSansLight") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GillSansNormal';
src: url("fonts/GillSansNormal.eot");
src: url("fonts/GillSansNormal.eot?#iefix") format("embedded-opentype"), url("fonts/GillSansNormal.woff") format("woff"), url("fonts/GillSansNormal.ttf") format("truetype"), url("fonts/GillSansNormal.svg#GillSansNormal") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GillSansBold';
src: url("fonts/GillSansBold.eot");
src: url("fonts/GillSansBold.eot?#iefix") format("embedded-opentype"), url("fonts/GillSansBold.woff") format("woff"), url("fonts/GillSansBold.ttf") format("truetype"), url("fonts/GillSansBold.svg#GillSansBold") format("svg");
font-weight: normal;
font-style: normal;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.cf:before,
.cf:after {
content: " ";
display: table;
}

.cf:after {
clear: both;
}

.row {
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 980px) {
.row {
width: 980px;
}
}
.row header {
padding: 0 20px;
}
@media screen and (min-width: 980px) {
.row header {
padding: 0;
}
}
.row .content {
padding: 0 20px;
}
@media screen and (min-width: 980px) {
.row .content {
padding: 0;
}
}

.center {
	text-align: center;
	margin-bottom: 20px;
}

.col-6,
.col-5,
.col-4,
.col-3,
.col-2 {
float: left;
}

.col-2 {
width: 20%;
}

.col-3 {
width: 25%;
}

.col-4 {
width: 33.33%;
}

.col-5 {
width: 41.667%;
}

.col-6 {
width: 50%;
/*     @media screen and (max-width: 1024px){
width: 100%;
} */
}

.input-error {
border: 1px solid red !important;
}

.label-error {
color: red !important;
}

.alert {
text-align: center;
padding: 20px;
margin: 0 30px;
color: #fff;
display: none;
}
.alert p {
color: #fff;
font-size: 14px;
padding-bottom: 5px;
}

.alert-error {
background-color: red;
}

.alert-success {
background-color: #89b916;
}

/**
*	Global
*/
body {
font-family: 'GillSansNormal', sans-serif;
font-size: 12px;
}

p {
color: #1d1b1e;
}


/**
*	HEADER
*/
#main-header {
background-color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}

.content-header {
padding-left: 360px;
}
@media screen and (max-width: 979px) {
.content-header {
padding-left: 194px;
}
}

.infos-header {
display: table;
height: 100%;
width: 100%;
margin: 20px 0;
}
@media screen and (max-width: 979px) {
.infos-header {
margin: 10px 0;
}
}

.infos-item {
display: table-cell;
vertical-align: middle;
}

.logo {
text-indent: -9999px;
}

@media screen and (max-width: 979px) {
#main-nav ul {
padding-left: 15px;
}
}
#main-nav ul li {
float: left;
}
#main-nav ul li a {
padding: 20px 28px;
display: block;
text-decoration: none;
text-transform: uppercase;
color: #1d1b1e;
font-size: 16px;
}
@media screen and (max-width: 979px) {
#main-nav ul li a {
padding: 15px 23px;
}
}
#main-nav ul li a:hover, #main-nav ul li a.active {
background-color: #89b916;
color: #fff;
}

.tel {
text-decoration: none;
color: #89b916;
font-size: 26px;
}
@media screen and (max-width: 979px) {
.tel {
font-size: 20px;
}
}

.icon {
height: 36px;
width: 36px;
-moz-border-radius: 36px;
-webkit-border-radius: 36px;
border-radius: 36px;
display: inline-block;
background-color: #a0a0a0;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
margin: 0px 5px;
}
@media screen and (max-width: 979px) {
.icon {
height: 24px;
width: 24px;
}
}
.icon.youtube {
background-image: url(../img/icon-youtube.png);
}
.icon.blog {
background-image: url(../img/icon-blog.png);
}
.icon.clock {
background-image: url(../img/icon-clock.png);
}
.icon.phone {
background-image: url(../img/icon-phone.png);
}

.title {
font-family: 'GillSansLight', sans-serif;
font-size: 30px;
text-transform: uppercase;
color: #89b916;
padding-bottom: 40px;
}
.title span {
color: #1d1b1e;
}

.input {
margin-bottom: 10px;
}
.input label {
display: block;
width: 100%;
padding-bottom: 7px;
font-size: 15px;
color: #1d1b1e;
}
@media screen and (min-width: 980px) {
.input label {
display: inline-block;
width: 90px;
text-align: right;
padding-right: 12px;
padding-bottom: 0;
}
}
.input input,
.input textarea {
width: 100%;
padding: 7px;
border: 1px solid #dadada;
font-family: "GillSansNormal", sans-serif;
}
@media screen and (min-width: 980px) {
.input input,
.input textarea {
width: 320px;
}
}
.input textarea {
height: 140px;
background-color: #f5f5f5;
}

.submit {
margin-top: 2px;
text-align: center;
}
.submit button {
background-color: #89b916;
border: none;
font-size: 12px;
cursor: pointer;
padding: 12px 20px;
color: #fff;
text-transform: uppercase;
margin-left: 20px;
}

textarea:focus,
input:focus {
outline: 2px solid #89b916;
}

.main {
overflow: hidden;
}

.main #slideshow li{
height: 350px;
position:relative;
overflow:hidden;
}

.slides-img {
	height: 350px;
	max-width: 100%;
}

.main #slideshow li img.abs{
position:absolute;
height: 100%;
top:50%;
left:50%;
width: 773px;
height: 350px;
margin-top: -175px; /* Half the height */
margin-left: -386px;
}

.bx-window, #slideshow, .exemples {
overflow:hidden!important;
}

#slideshow {
height: 350px;

}

#slideshow .bx-wrapper {
position: relative;
}
#slideshow .bx-controls {
text-align: center;
}
#slideshow .bx-controls-direction {
position: absolute;
top: 50%;
left: 50%;
margin-left: -13px;
margin-top: -27px;
}
#slideshow .bx-pager {
position: absolute;
bottom: 22px;
left: 0;
right: 0;
}
#slideshow .bx-next {
margin-left: 460px;
}
#slideshow .bx-prev {
margin-left: -460px;
}
#slideshow .bx-prev,
#slideshow .bx-next {
position: absolute;
background-repeat: no-repeat;
background-position: center;
height: 54px;
width: 29px;
text-indent: -9999px;
display: none;
}
@media screen and (min-width: 980px) {
#slideshow .bx-prev,
#slideshow .bx-next {
display: inline-block;
}
}
#slideshow .bx-prev {
background-image: url(../img/slideshow-prev.png);
}
#slideshow .bx-next {
background-image: url(../img/slideshow-next.png);
}
#slideshow .bx-pager-item {
display: inline-block;
padding: 0 2px;
}
#slideshow .bx-pager-item a {
height: 8px;
width: 8px;
border: 2px solid #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: block;
background: #fff;
text-indent: -9999px;
}
#slideshow .bx-pager-item a:hover, #slideshow .bx-pager-item a.active {
background: #000;
}

.play {
position: absolute;
display: none;
top: 50%;
left: 50%;
background: url(../img/play.png) no-repeat right center;
height: 90px;
width: 220px;
margin-top: -45px;
margin-left: -170px;
line-height: 90px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-size: 16px;
padding-right: 85px;
}

.slides {
height: 350px;
background-color: #ebebeb;
position: relative;
margin: 0 auto;
}
/**.slides .golfeur {
position: absolute;
text-align: center;
bottom: 0;
left: -160px;
right: 0;
}**/

/**.slides .overlay {
position: absolute;
text-align: center;
bottom: 0;
left: -160px;
right: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}**/

.item-1 {
padding-left: 28px;
width: 185px;
}
@media screen and (max-width: 979px) {
.item-1 {
padding-left: 39px;
width: 175px;
}
}

.item-2 {
width: 170px;
padding-left: 10px;
font-size: 11px;
}
@media screen and (max-width: 979px) {
.item-2 {
width: 150px;
}
}

.item-3 {
text-align: center;
width: 100px;
}
.item-3 ul li {
float: left;
padding: 0 5px;
}
.item-3 ul li:first-of-type {
border-right: 1px solid #1d1b1e;
}
.item-3 ul li a {
color: #1d1b1e;
text-decoration: none;
padding: 1px 7px;
font-size: 14px;
}
.item-3 ul li a.active, .item-3 ul li a:hover {
background-color: #89b916;
color: #fff;
}

.item-4 {
text-align: right;
}
@media screen and (min-width: 980px) {
.item-4 {
padding-right: 30px;
}
}

.connect {
background-color: #f8f8f8;
background-image: url(../img/login.png);
background-repeat: no-repeat;
background-position: 14px center;
color: #1d1b1e;
text-transform: uppercase;
padding: 4px 14px 4px 30px;
font-size: 10px;
text-decoration: none;
}

/**
*	INTRO
**/
#intro {
background-color: #89b916;
}
#intro p {
color: #fff;
text-transform: uppercase;
font-size: 17px;
line-height: 1;
font-family: "GillSansLight", sans-serif;
display:inline-block;
text-align:left;
}
#intro p span {
display: block;
font-size: 30px;
font-family: "GillSansNormal", sans-serif;
}
@media screen and (max-width: 1024px) {
#intro p span {
font-size: 25px;
}
}

.first,
.second,
.third {
padding: 30px 15px 20px 15px;
float: left;
text-align:center;
}

.first {
width: 325px;
background-color: #b8d573;
}
@media screen and (max-width: 1024px) {
.first {
width: 33%;
}
}

.second {
width: 370px;
background-color: #adce5c;
}
@media screen and (max-width: 1026px) {
.second {
width: 33%;
}
}

.third {
width: 285px;
background-color: #95c02e;
}
@media screen and (max-width: 1024px) {
.third {
width: 33%;
}
}

/**
*	ENGAGMENT
**/
.engagment {
border-top: 10px solid #fff;
background-color: #fafafa;
padding: 20px;
display: table;
width: 100%;
}
.engagment ul li {
background: url(../img/puce.png) no-repeat left center;
padding-left: 12px;
color: #1d1b1e;
font-size: 16px;
line-height: 1.3;
}
.engagment .sub-paragraphe {
text-transform: uppercase;
font-size: 18px;
color: #808080;
font-family: "GillSansLight", sans-serif;
}
.engagment .sub-paragraphe-2 {
font-size: 18px;
color: #808080;
font-family: "GillSansLight", sans-serif;
}
.engagment .pastille {
display: table-cell;
vertical-align: middle;
padding-right: 25px;
width: 20%;
}

#section_ete {
	display: none;
}

@media screen and (min-width: 980px) {
.engagment .pastille {
width: auto;
}
}
.engagment .content {
display: table-cell;
vertical-align: middle;
width: 30%;
}
@media screen and (min-width: 980px) {
.engagment .content {
width: 495px;
}
}
.engagment .img {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50%;
}
@media screen and (min-width: 980px) {
.engagment .img {
width: 390px;
}
}
.engagment .title {
padding-bottom: 10px;
font-size: 22px;
}
@media screen and (min-width: 980px) {
.engagment .title {
font-size: 30px;
}
}
.engagment .title span {
display: block;
}
@media screen and (min-width: 980px) {
.engagment .title span {
display: inline;
}
}
.engagment .delay {
display: table-cell;
vertical-align: bottom;
text-align: center;
width: 133px;
}
.engagment .delay p {
color: #60981e;
font-size: 15px;
}
.engagment .delay span {
display: block;
color: #60981e;
font-size: 30px;
padding: 5px 0;
}
.engagment .pig {
display: table-cell;
vertical-align: bottom;
}
.engagment .pig-content {
display: table-cell;
vertical-align: middle;
padding-left: 20px;
}
.engagment .pig-content .subtitle {
text-transform: uppercase;
color: #1d1b1e;
font-size: 24px;
}
.engagment .pig-content .subtitle span {
display: block;
color: #89b916;
}
.engagment .pig-content .ribbon {
background: url(../img/ribbon.png) no-repeat;
width: 97px;
height: 36px;
line-height: 40px;
color: #fff;
text-align: right;
padding-right: 6px;
font-size: 21px;
font-family: 'GillSansNormal', sans-serif;
}
.engagment .pig-content .ribbon sub {
font-size: 12px;
}
.engagment .pig-content p {
color: #1d1b1e;
font-size: 16px;
margin-top: 10px;
}

/**
* VIDEO
**/


#video {
background-color: #323232;
padding: 50px 0;
width: 100%;
max-width: 100%;
}
#video .title span {
color: #fff;
}
#video .row {
overflow: hidden;
}
.video
{
position: relative;
 max-width: 100%;
 max-height: auto;
    }

/**
*	EXAMPLES
**/
#examples {
background-color: #323232;
padding: 50px 0;
}
#examples .title span {
color: #fff;
}
#examples .row {
overflow: hidden;
}

#examples .ipad {
display: none;
position: relative;
height: 345px;
}
#examples .ipad .slidesjs-slide img {
max-width: 100%;
}
#examples .ipad .slidesjs-pagination {
position: absolute;
bottom: 15px;
z-index: 98;
text-align: center;
left: 0;
right: 0;
}
#examples .ipad .slidesjs-pagination li {
display: inline-block;
padding: 0 15px;
}
#examples .ipad .slidesjs-pagination li a {
height: 16px;
width: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
background-color: #fff;
display: block;
text-indent: -9999px;
}
#examples .ipad .slidesjs-pagination li a:hover, #examples .ipad .slidesjs-pagination li a.active {
background-color: #89b916;
}
#examples .bx-wrapper {
position: relative;
}
#examples .bx-wrapper img {
max-width: 100%;
}
#examples .bx-controls {
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 15px;
}
#examples .bx-controls .bx-pager-item {
display: inline-block;
padding: 0 15px;
}
#examples .bx-controls .bx-pager-item a {
height: 16px;
width: 16px;
-moz-border-radius: 16px ;
-webkit-border-radius: 16px;
border-radius: 16px;
background-color: #fff;
//border: 1px solid #89b916;
display: block;
text-indent: -9999px;
}
#examples .bx-controls .bx-pager-item a:hover, #examples .bx-controls .bx-pager-item a.active {
background-color: #89b916;
}

/**
*	DEVIS
**/
.etape {
margin-top: -22px;
}
.etape li {
background: url(../img/puce-etape.png) no-repeat left center;
padding: 26px 10px 26px 60px;
font-size: 20px;
color: #1d1b1e;
}

.label-message {
vertical-align: top;
padding-top: 8px;
}

#devis {
padding: 55px 0;
background-color: #f9f9f9;
}
#devis footer {
padding: 0 15px;
margin-top: 35px;
}
@media screen and (min-width: 980px) {
#devis footer {
padding: 0;
}
}
#devis footer p {
font-size: 16px;
line-height: 1.2;
}
#devis footer p a {
color: #89b916;
text-decoration: none;
font-family: "GillSansBold", sans-serif;
}
#devis footer p .email {
text-decoration: underline;
}

/**
*	REFERENCES
**/
#references .bx-wrapper {
position: relative;
z-index: 0;
}
#references .bx-controls {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
z-index: -1;
}
@media screen and (min-width: 1279px) {
#references .bx-controls {
margin-top: -25px;
top: 50%;
bottom: auto;
}
}
#references .bx-controls-direction a {
position: absolute;
display: block;
height: 50px;
width: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
border-style: solid;
border-width: 1px;
border-color: #e4e4e4;
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
background-image: url(../img/slide-nav.png);
background-repeat: no-repeat;
text-indent: -9999px;
}
#references .bx-controls-direction a:hover {
border-color: #89b916;
background-image: url(../img/slide-nav-hover.png);
-moz-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
#references .bx-controls-direction a.bx-prev {
background-position: top left;
right: 51%;
}
@media screen and (min-width: 1279px) {
#references .bx-controls-direction a.bx-prev {
left: -60px;
right: auto;
}
}
#references .bx-controls-direction a.bx-next {
background-position: top right;
left: 51%;
}
@media screen and (min-width: 1279px) {
#references .bx-controls-direction a.bx-next {
right: -60px;
left: auto;
}
}

.ref-item {
text-align: center;
height: 150px;
display: table;
}
.ref-item .ref-item-img {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}

#references {
padding: 55px 0;
}
#references .title {
padding-bottom: 20px;
}
#references p {
font-size: 16px;
}


/**
*	CONTACT
**/
#contact {
background-color: #f9f9f9;
}
#contact .row {
background-image: url(../img/contact-smartphone.png);
background-repeat: no-repeat;
background-position: 450px bottom;
padding-bottom: 100px;
padding-top: 50px;
}
@media screen and (min-width: 980px) {
#contact .row {
background-position: 600px bottom;
}
}
#contact p {
padding-bottom: 20px;
font-size: 16px;
color: #1d1b1e;
line-height: 1.1;
}
#contact p sup {
text-transform: uppercase;
font-size: 28px;
color: #89b916;
}
#contact p sub {
font-size: 26px;
color: #89b916;
}
#contact p a {
color: #89b916;
text-decoration: none;
font-size: 20px;
}

/**
*	MAP
*/
#map {
height: 400px;
}

/**
*	FAQ
*/
#faq {
background-color: #fff;
padding: 55px 0 95px 0;
border: none !important;
outline: none !important;
z-index: 300;
}
#faq .content {
overflow: hidden;
border: none !important;
outline: none !important;
font-size: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}

.faq-link {
display: block;
position: relative;
background: #e4e4e4;
padding: 25px 55px 25px 30px;
border: 1px solid #e4e4e4;
outline: none !important;
cursor: pointer;
font-size: 16px;
color: #1d1b1e;
text-decoration: none;
font-family: "GillSansBold", sans-serif;
}
.faq-link:active, .faq-link:visited, .faq-link:link {
border: none !important;
outline: none !important;
}
.faq-link.active {
color: #89b916;
}
.faq-link.active .faq-icon {
border-color: #fff;
background-position: bottom left;
background-color: #fff;
}
.faq-link:nth-of-type(even) {
background-color: #fff;
border: 1px solid #fff;
}
.faq-link:nth-of-type(even).active .faq-icon {
background-position: bottom right;
background-color: #e4e4e4;
}
.faq-link:nth-of-type(even) .faq-icon {
border-color: #e4e4e4;
background-position: top right;
}

.faq-icon {
position: absolute;
display: block;
top: 50%;
right: 20px;
margin-top: -15px;
height: 34px;
width: 34px;
-moz-border-radius: 34px;
-webkit-border-radius: 34px;
border-radius: 34px;
border-width: 1px;
border-style: solid;
border-color: #fff;
background-image: url(../img/arrow-faq.png);
background-position: top left;
}
@media screen and (min-width: 980px) {
.faq-icon {
right: 65px;
}
}

.faq-answer {
border: none !important;
outline: none !important;
padding: 0px 150px 30px 30px;
}
.faq-answer p {
font-size: 14px;
padding-bottom: 20px;
line-height: 1.5;
}
.faq-answer p strong {
font-family: "GillSansBold", sans-serif;
}
.faq-answer p a {
text-decoration: underline;
color: #89b916;
}
.faq-answer:nth-of-type(odd) {
background-color: #e4e4e4;
}


/**
*	Footer
*/
#main-footer h4 {
text-transform: uppercase;
color: white;
font-size: 16px;
margin-bottom: 20px;
margin-top: 20px;

}
#main-footer p {
color: #a0a0a0;
font-family: "GillSansLight", sans-serif;
}
#main-footer a {
color: #a0a0a0;
text-decoration: none;
}

#main-footer hr {
	border-color: #a0a0a0;
    color: #a0a0a0;
}

.infos {
background-color: #323232;
}

.infos-title h4 {
text-transform: uppercase;
color: #a0a0a0;
font-size: 16px;
}
@media screen and (max-width: 979px) {
.infos-title h4 {
font-size: 12px !important;
}
}

.infos-content a {
text-decoration: none;
color: #a0a0a0;
font-size: 14px;
}
.infos-content p {
color: #a0a0a0;
font-size: 14px;
line-height: 1;
}
@media screen and (max-width: 979px) {
.infos-content p {
font-size: 11px;
}
}

.services {
background-color: #2a2a2a;
background-image: url('../img/footer.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: -300px;
width: 100%;
padding: 44px 15px 50px 15px;
}

@media screen and (min-width: 980px) {
.services {
padding: 44px 0 6px 0;
}
}

.databao address {
font-size: 13px;
color: #a0a0a0;
line-height: 1.5;
font-family: "GillSansLight", sans-serif;
}


.ambiancia {
text-align: center;
padding-left: 50px;
}
.ambiancia a {
margin-top: 50px;
display: inline-block;
}

.legals {
background-color: #000;
padding: 18px 15px;
}
@media screen and (min-width: 980px) {
.legals {
padding: 18px 0;
}
}

.copyright {
float: left;
}

.beseen {
float: right;
padding-right: 80px;
}
.beseen a {
display: block;
}

.follow,
.telephone,
.hours {
float: left;
height: 100%;
padding: 30px 0 20px 0;
}
@media screen and (max-width: 979px) {
.follow,
.telephone,
.hours {
width: 33% !important;
}
}

.follow {
width: 340px;
}

.telephone {
width: 270px;
padding-left: 20px;
}

.hours {
width: 370px;
border-right: 4px solid #2a2a2a;
border-left: 4px solid #2a2a2a;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (max-width: 979px) {
.hours {
padding-right: 0;
table-layout: fixed;
}
}
@media screen and (max-width: 979px) {
.hours .infos-title {
width: 50px;
}
}
@media screen and (max-width: 979px) {
.hours .infos-content-2 {
width: 36px;
}
}
@media screen and (min-width: 980px) {
.hours .infos-content-2 {
width: auto;
}
}
@media screen and (max-width: 979px) {
.hours .content-3 {
width: auto;
}
}

@media screen and (max-width: 768px) {
.hours, .telephone, .follow {
width: 33.3333%;
padding-left: 10px;
}
}

.infos-title,
.infos-content {
display: table-cell;
vertical-align: middle;
}

/**
*	MAPS
*/
.heading {
color: #89b916;
font-size: 14px;
padding-left: 13px;
margin-bottom: 5px;
background: url(../img/marker-small.png) no-repeat left center;
}

.infoBox img {
display: none;
}
.infoBox #content {
background-color: #fff;
padding: 40px 30px;
font-size: 15px;
line-height: 1.2;
}

.devis-btn {
background: url(../img/devis-ask.png) no-repeat center #fff;
display: block;
position: fixed;
right: 0;
top: 120px;
width: 44px;
height: 130px;
z-index: 101;
-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
}

.scroll-wrapper {
height: 444px;
width: 100%;
overflow: hidden;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.logo a {
background: url(../img/logo-color@2x.png) no-repeat center;
background-size: 297px 145px;
}

.icon.youtube {
background-image: url(../img/icon-youtube@2x.png);
background-size: 50%;
}
.icon.blog {
background-image: url(../img/icon-blog@2x.png);
background-size: 50%;
}
.icon.clock {
background-image: url(../img/icon-clock@2x.png);
background-size: 50%;
}
.icon.phone {
background-image: url(../img/icon-phone@2x.png);
background-size: 50%;
}

.etape li {
background: url(../img/puce-etape@2x.png) no-repeat left center;
background-size: 36px 33px;
}

.connect {
background-image: url(../img/login@2x.png);
background-size: 7px 10px;
}

.devis-btn {
background: url(../img/devis-ask@2x.png) no-repeat center #fff;
background-size: 24px 100px;
}

#contact .row {
background-image: url(../img/contact-smartphone@2x.png);
background-size: 308px 381px;
}
}