@charset "UTF-8";
@viewport {width: device-width;zoom: 1;}
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/***Correct `block` display not defined in IE 8/9.*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
/***Correct `inline-block` display not defined in IE 8/9.*/
audio,canvas,video{display:inline-block;}
/*** Prevent modern browsers from displaying `audio` without controls.Remove excess height in iOS 5 devices.*/
audio:not([controls]){display:none;height:0;}
/***Address styling not present in IE 8/9.*/
[hidden]{display: none;}
/* ==========================================================================
   Base
   ========================================================================== */
/*** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.*/
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/*** Remove default margin.*/
body {margin:0;}
/* ==========================================================================
   Links
  ========================================================================== */
/**Improve readability when focused and also mouse hovered in all browsers.*/
a:focus,a:active,a:hover{outline:none;}
/* ==========================================================================
   Typography
   ========================================================================== */
/*** Address variable `h1` font-size and margin within `section` and `article`contexts in Firefox 4+, Safari 5, and Chrome.*/
h1 {font-size: 1.4em;}
/** Address styling not present in IE 8/9, Safari 5, and Chrome.*/
abbr[title]{border-bottom:1px dotted;}
/**Address styling not present in Safari 5 and Chrome.*/
dfn{font-style:italic;}
/** Address differences between Firefox and other browsers. */
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
/**Address styling not present in IE 8/9. */
mark{background: #ff0;color: #000;}
/** Correct font family set oddly in Safari 5 and Chrome.*/
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
/**Improve readability of pre-formatted text in all browsers.*/
pre{white-space:pre-wrap;}
/**Set consistent quote types.*/
q{quotes: "\201C" "\201D" "\2018" "\2019";}
/**Address inconsistent and variable font size in all browsers. */
small{font-size: 80%;}
/**Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**Remove border when inside `a` element in IE 8/9. */
img{border:0;}
/**Correct overflow displayed oddly in IE 9. */
svg:not(:root){overflow: hidden;}
/* ==========================================================================
   Figures
  ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure {margin: 0;}
/* ==========================================================================
   Forms
   ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding: 0.35em 0.625em 0.75em;}
/*** 1. Correct `color` not being inherited in IE 8/9.2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend{border:0;padding: 0;}
/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers.3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.*/
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button,input{line-height:normal;}
/**Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.* Correct `select` style inheritance in Firefox 4+ and Opera.*/
button,select{text-transform: none;}
/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.2. Correct inability to style clickable `input` types in iOS.3. Improve usability and consistency of cursor style between image-type`input` and others.*/
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
/**Re-set default cursor for disabled elements.*/
button[disabled],html input[disabled]{cursor:default;}
/** 1. Address box sizing set to `content-box` in IE 8/9.2. Remove excess padding in IE 8/9.*/
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing:content-box;}
/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X.*/
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
/**Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea{overflow: auto;vertical-align:top;}
/* ==========================================================================
   Tables
 ========================================================================== */
/** Remove most spacing between table cells. */
table {border-collapse:collapse;border-spacing:0;}

/* RESETS */
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, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html,body {width:100%;margin:0;padding:0;}
html{overflow-x:hidden;background: url('../images/arriere-plan.jpg') no-repeat center top;-webkit-background-size: cover; /* pour anciens Chrome et Safari */background-size: cover; /* version standardisée */}
body {color:#fff;margin:0;padding:0;text-align:center;font-family:'Source Sans Pro', sans-serif;line-height:0.9em;font-size:0.9em;}
h1{font-size:1.4em;margin-top:1%;margin-bottom:1%;text-align:left;}
p{font-size:1em;font-weight:normal;line-height:1em;text-align:justify;}
a {text-decoration:none; color:#000;font-family: 'Source Sans Pro', sans-serif;}
a img { border:none; }
img{margin:0 auto;max-width:100%;height:auto;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
 /* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
.clear{ clear:both;}
/* Structure */
#main {float:left;width:100%;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;width:100%;text-align:center;}
#main-inner {float:left;height:100%;padding:0;margin:0;width:100%;background:transparent;text-align:center;}
header{float:left;z-index:999;width:100%;padding:0;margin:0;height:auto;background:transparent;}
footer{position:fixed;width:100%;padding:0;margin:0%;background:#8cb20d;height:7%;bottom:0;left:0;text-align:center;}
.headerlogo{float:left;width:50%;padding:0;margin-top:0%;}
.logo{float:right;text-align:center;margin-right:20%;}

.logo img{height:auto;width:90%;margin:0;padding:0;}
.headermenu{float:left;width:50%;padding:0;margin-top:0%;background:transparent;}
.headerstandard{float:left;width:100%;height:auto;padding:0;margin:0;}
.headermobile{display:none;}
#navfooter {width:50%;float:right;margin:0;padding:0;height:100%;}
#footer-menu {float:left;margin:0;padding:0;}
#footer-menu li {display:inline-block;list-style: none;}
#footer-menu a {text-align:center;padding:5px 10px;display:block;color: #fff;text-decoration:none;}
#footer-menu a:hover {text-decoration:underline;}
#menu {float:right;margin-top:8%;margin-right:2%;text-align:left;padding:0;}
#menu a {text-align:center;padding: 9% 12%;display:block;color: #000;text-decoration:none;text-shadow: 0 0 0;}
#menu > li.niveau1{	-webkit-border-radius: 8px 8px 0 0 ;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;background:#b6b6b6}
#menu > li,#menu > li li {position: relative;display:inline-block;list-style: none;width: 180px;text-align: left;background-color: #363636;}
#menu > li { zoom:1;}
#menu > li li { background: transparent none; }
#menu > li li:first-child a {border-bottom:1px solid #fff; color: #fff; }
#menu > li li:last-child a {color: #fff; }
#menu > li li a:hover {color:#8bb20c;}
#menu ul {z-index:99999;position: absolute;top: 3em; left:0;max-height:0em;margin:0; padding:0;background-color:#363636;overflow:hidden;-webkit-transition: 1s max-height 0.3s;-moz-transition: 1s max-height 0.3s;-ms-transition: 1s max-height 0.3s;-o-transition: 1s max-height 0.3s;transition: 1s max-height 0.3s;-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;}
#menu > li.niveau1:hover {background-color: #8bb20c;}
#menu > li:hover ul {max-height:13em;}
.ie7 #menu > li {display: inline;zoom:1;}

ul.menu > li {display:inline-block;background:#363636;border-radius:0;-webkit-transition:1s;transition:1s; }
ul.menu > li span {display:block;position:relative;}
ul.menu > li span a {text-decoration:none;display:block;padding:0 25px;font:400 16px/40px 'Noto Sans', verdana, arial, sans-serif;/*cursor:pointer;*/color:#fff;position:relative;}
ul.menu > li span a:hover {color:#000;background:#8bb20c;}
ul.menu > li span a:after {content:"";display:block;width:5px;height:5px;border:1px solid #fff;border-color:#fff #fff transparent transparent; position:absolute;right:8px; top:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
ul.menu > li.produits span a:after {content:"";display:block;width:5px;height:5px;border:0;border-color:#fff #fff transparent transparent; position:absolute;right:8px; top:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
ul.menu > li span label:nth-of-type(1) {display:block;padding:0 25px;font:400 16px/40px 'Noto Sans', verdana, arial, sans-serif;/*cursor:pointer;*/color:#fff;position:relative; }
ul.menu > li span label:nth-of-type(1):after {content:"";display:block;width:5px;height:5px;border:1px solid #fff;border-color:transparent #fff #fff transparent;position:absolute;right:8px;top:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
ul.menu li div {position:absolute;left:0;top:55px;width:100%;background:#363636;max-height:0;overflow:hidden;opacity:0;-webkit-transition:1s;transition:1s;}

#top1:checked ~ .menu li:nth-of-type(2),#top2:checked ~ .menu li:nth-of-type(3),#top3:checked ~ .menu li:nth-of-type(4),#top4:checked ~ .menu li:nth-of-type(5) {background:#000;}
#top1:checked ~ .menu li:nth-of-type(2) div,#top2:checked ~ .menu li:nth-of-type(3) div,#top3:checked ~ .menu li:nth-of-type(4) div,#top4:checked ~ .menu li:nth-of-type(5) div {max-height:300px; padding:10px 0;opacity:1;border-radius:0; }
#top1:checked ~ .menu li:nth-of-type(2) span label:nth-of-type(1),#top2:checked ~ .menu li:nth-of-type(3) span label:nth-of-type(1),#top3:checked ~ .menu li:nth-of-type(4) span label:nth-of-type(1),#top4:checked ~ .menu li:nth-of-type(5) span label:nth-of-type(1) {color:#8bb20c;}
#top1:checked ~ .menu li:nth-of-type(2) span label:nth-of-type(1):after,#top2:checked ~ .menu li:nth-of-type(3) span label:nth-of-type(1):after,#top3:checked ~ .menu li:nth-of-type(4) span label:nth-of-type(1):after,#top4:checked ~ .menu li:nth-of-type(5) span label:nth-of-type(1):after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:0.3s;transition:0.3s;top:19px;border-color:transparent #fff #fff transparent;}
#top1:checked ~ .menu li:nth-of-type(2) span label:nth-of-type(2),#top2:checked ~ .menu li:nth-of-type(3) span label:nth-of-type(2),#top3:checked ~ .menu li:nth-of-type(4) span label:nth-of-type(2),#top4:checked ~ .menu li:nth-of-type(5) span label:nth-of-type(2) {display:block;width:100%;height:100%;position:absolute;left:0;top:0; }
#top1:checked ~ .closetop,#top2:checked ~ .closetop,#top3:checked ~ .closetop,#top4:checked ~ .closetop {position:fixed;width:100%;height:100%;left:0;top:0;background:transparent;z-index:1;}

nav.mobile ul {padding:0;margin:0;list-style:none;}
nav.mobile input.inputmenu {position:absolute;left:-9999px;display:none;z-index:100;}
nav.mobile ul.menu {position:absolute;z-index:10;background:#b6b6b6;}
nav.mobile label {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-ms-touch-action: none;text-align:left;}
nav.mobile label.pdt {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-ms-touch-action: none;text-align:center;}
nav.mobile label img {width:50%;height:auto;}
nav.mobile {background:#000;width:100%;margin:0 auto; text-align:center;font-family:'Noto Sans', verdana, arial, sans-serif;}
nav.mobile label.menuopenclose {display:block;font:400 20px/40px 'Noto Sans', verdana, arial, sans-serif;color:#000;position:relative;}
ul.menu {width:100%; max-height:0; overflow:hidden; -webkit-transition:1s; transition:1s; }
nav.mobile label.menuopenclose:before {content:"";display:block;width:30px;height:3px;border:4px solid #8bb20c;border-width:4px 0;position:absolute;right:20px;top:11px;-webkit-transition:0.6s;transition:0.6s;}
nav.mobile label.menuopenclose:after {content:"";display:block;width:30px;height:3px;border:4px solid #8bb20c;border-width:4px 0;position:absolute;right:20px;top:18px;-webkit-transition:0.3s;transition:0.3s;} 
ul.menu li {width:100%; margin-bottom:2px;}
ul.menu div dl {display:block;margin:0 auto;padding:2px 0;}
ul.menu div dl:after {content:"";display:block;width:5px;height:5px;border:0px solid #fff;border-color:transparent; position:absolute;right:8px;top:10px;-webkit-transition:1s;transition:1s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

#menuopenclose:checked ~ ul.menu {max-height:300px;z-index:100;}
#menuopenclose:checked + label.menuopenclose:before {content:"";display:block;width:20px;height:4px;background:#8bb20c;border:0;top:18px;right:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:0.6s;transition:0.6s;} 
#menuopenclose:checked + label.menuopenclose:after {content:"";display:block;width:20px;height:4px;background:#8bb20c;border:0;top:18px;right:25px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:0.3s;transition:0.3s;} 

ul.menu li div {position:static;}

#top1:checked ~ .menu li:nth-of-type(2) div,#top2:checked ~ .menu li:nth-of-type(3) div,#top3:checked ~ .menu li:nth-of-type(4) div,#top4:checked ~ .menu li:nth-of-type(5) div {max-height:300px;opacity:1;padding-bottom:10px;}
#top1:checked ~ .closetop,#top2:checked ~ .closetop,#top3:checked ~ .closetop,#top4:checked ~ .closetop {position:fixed;width:0;height:0;}

ul.menu div input:checked + dl{max-height:300px;}
ul.menu div input:checked + dl label:nth-of-type(2) {display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
ul.menu div input:checked + dl:after {-webkit-transform:rotate(-135deg);transform:rotate(-135deg);top:12px;}

#slider{float:left;z-index:999;width:100%;padding:0;margin:0;text-align:center;background:#000;height:auto;}
#global{float:left;width:100%;padding:0%;margin:0%;height:100%;background: #2a2a2a; /* Old browsers */
background: -moz-linear-gradient(top,  #2a2a2a 0%, #010101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(100%,#010101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2a2a2a 0%,#010101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2a2a2a 0%,#010101 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2a2a2a 0%,#010101 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2a2a2a 0%,#010101 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#010101',GradientType=0 ); /* IE6-9 */}
#content{margin-bottom:10%;text-align:center; float:left;width:100%;height:100%;text-align:center;}


#content-home{color:#000;margin-bottom:10%;text-align:center; float:left; width:100%;height:100%;text-align:center;}
#container_btn{width:100%!important;padding-bottom:0;margin:2% 0% 15% 0%!important;text-align:left;color:#fff;}
#container_btn .tarifs{float:left;margin-left:0.5%;}
#container_btn span{font-size:1.5em;line-height:1.5em;text-transform:uppercase;}
#container_btn .catalogue_tarifs{float:left;margin-left:7%;float:left;}

#container_btn a{margin-left:0%;background:#8cb20d;line-height:1.5em;color: #ffffff;font-size:1.2em;padding: 8px 14px 10px 14px;text-decoration: none;}
#container_btn a:hover {text-decoration: none;}
#container_paves{float:left;margin:0 auto 1% auto;width:100%;padding:2%;text-align:center;/*margin-top:30px;*/}
.pave {float:left;width:13%;background:transparent;margin:0 5%;}
#img-content{width:100%;float:left;text-align:center;vertical-align:middle;background:#b6b6b6;min-height:130px;height:auto!important;}
.animation{width:30%;margin:auto;margin-top:0%;}
#cf {position:relative;height:auto;width:100%;margin:auto;}
#cf img {width:100%;height:auto;position:absolute;left:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
#cf img.top:hover {opacity:0;}
#titre-content{width:100%;float:left;margin:0;text-align:center;padding:0;background:transparent;}
.title{width:100%;height:100%;background:transparent;}
.title:hover{width:100%;height:100%;background:#8bb20c;}
.title a{color:#8bb20c;font-weight:500;}
.title a h2{text-transform:uppercase;padding:3% 5%;font-size:1.1em;line-height:1em;}
.title a:hover{color:#000;}
#links-content{width:100%;float:left;margin:0;text-align:center;background:#b6b6b6;height:auto!important;}
.links{line-height:1.1em;}
.links-arrow{width:90%;padding:1% 1%;margin:5px auto;}
.links-arrow a{vertical-align:top;line-height:1.4em;}
/*****A PROPOS DE NOUS*********/
.a-propos-de-nous {float:left;width:100%;padding:0 2%;margin:0 1%;}
.a-propos-de-nous h1 {text-transform:uppercase;padding:1%;background:#8bb20c;max-width:230px;}
.a-propos-de-nous p {padding:0.5% 5% 0.5% 2%;}

.gamme-produits{float:left;width:100%;padding:0 2%;margin:0 1%;}
.gamme-produits h2 {color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.gamme-produits h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;}
.gamme-produits h3 {text-transform:uppercase;padding:2%;font-weight:normal;font-size:1.3em;line-height:1em;text-align:left;}

.container_picto {float:left;margin:0 2% 3% 0;padding:0 2%;width:100%;} 
.container_picto figure {float:left;padding:1% 1% 0 0;margin:0 5% 0 0;} 
.container_picto figure img {width:100%;height:auto;margin:0; padding:0;} 
.container_picto figcaption {display:none;}

.content_zone{float:left;width:100%;padding:0;margin:0;}
.content_sercouv{float:left;width:45%;padding:0;margin:0 0 0 2%;}
.content_carte{float:left;width:45%;padding:0;margin:0 0 0 2%;}
.content_carte img{margin-bottom:10%;}

.nos-services{float:left;width:100%;padding:0 2%;margin:0 1%;}
.nos-services h2{color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.nos-services h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;padding-right:1%;}
.nos-services p {padding:0.5% 5% 0.5% 2%;}

.notre-zone-couverture{float:left;width:100%;padding:0 2%;margin:0 1%;}
.notre-zone-couverture h2{color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.notre-zone-couverture h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;}
.notre-zone-couverture p {padding:0.5% 5% 0.5% 2%;}
/*****CONTACT*******/
.maps{float:left;width:100%;height:auto;margin:auto;text-align:center;}
#MyGmaps{color:#000;text-align:center;margin:auto;}
#contact-form{text-align:justify;}
#contact-form label{font-size:1.2em;margin:3% 0;}
#contact-form select{width:100%; border:0px; margin:3% 0; padding:0.5%;background:#FFF;box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;-webkit-box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;-moz-box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;}
#contact-form input[type="text"],#contact-form input[type="email"],#contact-form textarea{width:100%; border:0px; margin:3% 0; padding:0.5%;background:#FFF;box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;-webkit-box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;-moz-box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;}
#contact-form button[type="submit"]{font-size:1.5em; cursor:pointer; width:100%;margin:2%; padding:10px;background:#000;color:#8bb20c;border:1px solid #8bb20c;}#contact-form button[type="submit"]:hover{background:#8bb20c;color:#fff;}

.contact {float:left;width:40%;padding:2% 2%;margin:2% 1%;text-align:center;}
.contact h1 {text-transform:uppercase;padding:1% ;background:#8bb20c;max-width:230px;}
.contact h2{color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.contact h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;padding-right:1%;}

.container-contact{margin:auto;width:70%;}
.coordonnees {float:left;width:40%;padding:2% 2%;margin:2% 1%;}
.coordonnees h2{color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.coordonnees h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;padding-right:1%;}
.coordonnees p{padding:0.5% 5% 0.5% 10%;}
.coordonnees img{width:50%;margin:2% 0;padding:0;text-align:left;float:left;}

/*********MENTIONS LEGALES*********/

.mentions-legales {float:left;width:100%;padding:2% 2%;margin:2% 1% 10% 1%;text-align:left;}
.mentions-legales h1 {text-transform:uppercase;padding:1% ;background:#8bb20c;max-width:230px;}
.mentions-legales p{padding:0.5% 5% 0.5% 10%;}

/*********PLAN DU SITE*********/

.plan-du-site {float:left;width:100%;padding:2% 2%;margin:2% 1% 10% 1%;text-align:left;}
.plan-du-site h1 {text-transform:uppercase;padding:1% ;background:#8bb20c;max-width:230px;}
.plan-du-site h2 {color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.plan-du-site h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;}
.plan-du-site h2 span a{color:#8bb20c;text-decoration:none;}
.plan-du-site h3 {text-transform:uppercase;padding:1%;font-weight:normal;font-size:1.1em;line-height:1em;text-align:left;color:#fff;}
.plan-du-site h3 a {font-weight:normal;font-size:1.1em;line-height:1em;text-align:left;color:#fff;}
.plan-du-site h4 {padding:1%;font-weight:normal;font-size:1.1em;line-height:1em;text-align:left;color:#fff;}
.plan-du-site h4 a {font-weight:normal;font-size:1.1em;line-height:1em;text-align:left;color:#fff;}
.plan-du-site p{padding:0.5% 2%;}
.plan-du-site p a{font-weight:normal;font-size:1em;line-height:1em;text-align:left;color:#8bb20c;}

.horaires{margin-bottom:10%;}
/* *******************************************

MEDIA-QUERIES

******************************************** */
@media only screen and (min-width: 1681px ) and (max-width:1920px ) {
#main {float:left;width:100%;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;width:100%;text-align:center;}
#main-inner {float:left;height:100%;padding:0%;margin:0;width:100%;background:transparent;text-align:center;}
header{float:left;z-index:999;width:100%;padding:0;margin:0;height:auto;background:transparent;}
footer{z-index:999;position:fixed;width:100%;padding:0;margin:0;background:#8cb20d;height:5%;bottom:0;left:0;text-align:center;}
.headerlogo{float:left;width:50%;padding:0;margin-top:0%;}
.logo{float:right;text-align:center;margin-right:20%;}

.logo img{height:auto;width:90%;margin:0;padding:0;}
.headermenu{float:left;width:50%;padding:0;margin-top:0%;background:transparent;}
.headerstandard{float:left;width:100%;height:auto;padding:0;margin:0;}
.headermobile{display:none;}
#navfooter {width:50%;float:right;margin:0;padding:0;height:100%;}
#footer-menu {float:left;margin:0;padding:0;}
#footer-menu li {display:inline-block;list-style: none;}
#footer-menu a {text-align:center;padding:5px 10px;display:block;color: #fff;text-decoration:none;}
#footer-menu a:hover {text-decoration:underline;}
#menu {float:right;margin-top:8%;margin-right:2%;text-align:left;padding:0;}
#menu a {text-align:center;padding: 9% 12%;display:block;color: #000;text-decoration:none;text-shadow: 0 0 0;}
#menu > li.niveau1{	-webkit-border-radius: 8px 8px 0 0 ;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;background:#b6b6b6}
#menu > li,#menu > li li {position: relative;display:inline-block;list-style: none;width: 180px;text-align: left;background-color: #363636;}
#menu > li { zoom:1;}
#menu > li li { background: transparent none; }
#menu > li li:first-child a {border-bottom:1px solid #fff; color: #fff; }
#menu > li li:last-child a {color: #fff; }
#menu > li li a:hover {color:#8bb20c;}
#menu ul {z-index:99999;position: absolute;top: 3em; left:0;max-height:0em;margin:0; padding:0;background-color:#363636;overflow:hidden;-webkit-transition: 1s max-height 0.3s;-moz-transition: 1s max-height 0.3s;-ms-transition: 1s max-height 0.3s;-o-transition: 1s max-height 0.3s;transition: 1s max-height 0.3s;-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;}
#menu > li.niveau1:hover {background-color: #8bb20c;}
#menu > li:hover ul {max-height:13em;}
.ie7 #menu > li {display: inline;zoom:1;}

ul.menu > li {display:inline-block;background:#363636;border-radius:0;-webkit-transition:1s;transition:1s; }
ul.menu > li span {display:block;position:relative;}
ul.menu > li span a {text-decoration:none;display:block;padding:0 25px;font:400 16px/40px 'Noto Sans', verdana, arial, sans-serif;/*cursor:pointer;*/color:#fff;position:relative;}
ul.menu > li span a:hover {color:#000;background:#8bb20c;}
ul.menu > li span a:after {content:"";display:block;width:5px;height:5px;border:1px solid #fff;border-color:#fff #fff transparent transparent; position:absolute;right:8px; top:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
ul.menu > li.produits span a:after {content:"";display:block;width:5px;height:5px;border:0;border-color:#fff #fff transparent transparent; position:absolute;right:8px; top:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
ul.menu > li span label:nth-of-type(1) {display:block;padding:0 25px;font:400 16px/40px 'Noto Sans', verdana, arial, sans-serif;/*cursor:pointer;*/color:#fff;position:relative; }
ul.menu > li span label:nth-of-type(1):after {content:"";display:block;width:5px;height:5px;border:1px solid #fff;border-color:transparent #fff #fff transparent;position:absolute;right:8px;top:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
ul.menu li div {position:absolute;left:0;top:55px;width:100%;background:#363636;max-height:0;overflow:hidden;opacity:0;-webkit-transition:1s;transition:1s;}

#top1:checked ~ .menu li:nth-of-type(2),#top2:checked ~ .menu li:nth-of-type(3),#top3:checked ~ .menu li:nth-of-type(4),#top4:checked ~ .menu li:nth-of-type(5) {background:#000;}
#top1:checked ~ .menu li:nth-of-type(2) div,#top2:checked ~ .menu li:nth-of-type(3) div,#top3:checked ~ .menu li:nth-of-type(4) div,#top4:checked ~ .menu li:nth-of-type(5) div {max-height:300px; padding:10px 0;opacity:1;border-radius:0; }
#top1:checked ~ .menu li:nth-of-type(2) span label:nth-of-type(1),#top2:checked ~ .menu li:nth-of-type(3) span label:nth-of-type(1),#top3:checked ~ .menu li:nth-of-type(4) span label:nth-of-type(1),#top4:checked ~ .menu li:nth-of-type(5) span label:nth-of-type(1) {color:#8bb20c;}
#top1:checked ~ .menu li:nth-of-type(2) span label:nth-of-type(1):after,#top2:checked ~ .menu li:nth-of-type(3) span label:nth-of-type(1):after,#top3:checked ~ .menu li:nth-of-type(4) span label:nth-of-type(1):after,#top4:checked ~ .menu li:nth-of-type(5) span label:nth-of-type(1):after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:0.3s;transition:0.3s;top:19px;border-color:transparent #fff #fff transparent;}
#top1:checked ~ .menu li:nth-of-type(2) span label:nth-of-type(2),#top2:checked ~ .menu li:nth-of-type(3) span label:nth-of-type(2),#top3:checked ~ .menu li:nth-of-type(4) span label:nth-of-type(2),#top4:checked ~ .menu li:nth-of-type(5) span label:nth-of-type(2) {display:block;width:100%;height:100%;position:absolute;left:0;top:0; }
#top1:checked ~ .closetop,#top2:checked ~ .closetop,#top3:checked ~ .closetop,#top4:checked ~ .closetop {position:fixed;width:100%;height:100%;left:0;top:0;background:transparent;z-index:1;}

nav.mobile ul {padding:0;margin:0;list-style:none;}
nav.mobile input.inputmenu {position:absolute;left:-9999px;display:none;z-index:100;}
nav.mobile ul.menu {position:absolute;z-index:10;background:#b6b6b6;}
nav.mobile label {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-ms-touch-action: none;text-align:left;}
nav.mobile label.pdt {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-ms-touch-action: none;text-align:center;}
nav.mobile label img {width:50%;height:auto;}
nav.mobile {background:#000;width:100%;margin:0 auto; text-align:center;font-family:'Noto Sans', verdana, arial, sans-serif;}
nav.mobile label.menuopenclose {display:block;font:400 20px/40px 'Noto Sans', verdana, arial, sans-serif;color:#000;position:relative;}
ul.menu {width:100%; max-height:0; overflow:hidden; -webkit-transition:1s; transition:1s; }
nav.mobile label.menuopenclose:before {content:"";display:block;width:30px;height:3px;border:4px solid #8bb20c;border-width:4px 0;position:absolute;right:20px;top:11px;-webkit-transition:0.6s;transition:0.6s;}
nav.mobile label.menuopenclose:after {content:"";display:block;width:30px;height:3px;border:4px solid #8bb20c;border-width:4px 0;position:absolute;right:20px;top:18px;-webkit-transition:0.3s;transition:0.3s;} 
ul.menu li {width:100%; margin-bottom:2px;}
ul.menu div dl {display:block;margin:0 auto;padding:2px 0;}
ul.menu div dl:after {content:"";display:block;width:5px;height:5px;border:0px solid #fff;border-color:transparent; position:absolute;right:8px;top:10px;-webkit-transition:1s;transition:1s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

#menuopenclose:checked ~ ul.menu {max-height:300px;z-index:100;}
#menuopenclose:checked + label.menuopenclose:before {content:"";display:block;width:20px;height:4px;background:#8bb20c;border:0;top:18px;right:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:0.6s;transition:0.6s;} 
#menuopenclose:checked + label.menuopenclose:after {content:"";display:block;width:20px;height:4px;background:#8bb20c;border:0;top:18px;right:25px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:0.3s;transition:0.3s;} 

ul.menu li div {position:static;}

#top1:checked ~ .menu li:nth-of-type(2) div,#top2:checked ~ .menu li:nth-of-type(3) div,#top3:checked ~ .menu li:nth-of-type(4) div,#top4:checked ~ .menu li:nth-of-type(5) div {max-height:300px;opacity:1;padding-bottom:10px;}
#top1:checked ~ .closetop,#top2:checked ~ .closetop,#top3:checked ~ .closetop,#top4:checked ~ .closetop {position:fixed;width:0;height:0;}

ul.menu div input:checked + dl{max-height:300px;}
ul.menu div input:checked + dl label:nth-of-type(2) {display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
ul.menu div input:checked + dl:after {-webkit-transform:rotate(-135deg);transform:rotate(-135deg);top:12px;}

#slider{float:left;z-index:999;width:100%;padding:0;margin:0;text-align:center;background:#000;height:auto;}
#global{float:left;width:100%;padding:0%;margin:0%;height:100%;background: #2a2a2a; /* Old browsers */
background: -moz-linear-gradient(top,  #2a2a2a 0%, #010101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(100%,#010101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2a2a2a 0%,#010101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2a2a2a 0%,#010101 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2a2a2a 0%,#010101 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2a2a2a 0%,#010101 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#010101',GradientType=0 ); /* IE6-9 */}
#content{margin-bottom:10%;text-align:center; float:left;width:100%;height:100%;text-align:center;}


#content-home{color:#000;margin-bottom:10%;text-align:center; float:left; width:100%;height:100%;text-align:center;}

#container_paves{float:left;margin:0 auto;width:100%;padding:2%;text-align:center;margin-top:30px;}
.pave {float:left;width:13%;background:transparent;margin:0 5%;}
#img-content{width:100%;float:left;text-align:center;vertical-align:middle;background:#b6b6b6;min-height:130px;height:auto!important;}
.animation{width:50%;margin:auto;margin-top:0%;}
#cf {position:relative;height:auto;width:100%;margin:auto;}
#cf img {width:100%;height:auto;position:absolute;left:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
#cf img.top:hover {opacity:0;}
.title{width:100%;height:100%;background:transparent;}
.title:hover{width:100%;height:100%;background:#8bb20c;}
.title a{color:#8bb20c;font-weight:500;}
.title a h2{text-transform:uppercase;padding:3% 5%;font-size:1.1em;line-height:1em;}
.title a:hover{color:#000;}
#links-content{width:100%;float:left;margin:0;text-align:center;background:#b6b6b6;height:auto!important;}
.links{line-height:1.1em;}
.links-arrow{width:90%;padding:1% 1%;margin:5px auto;}
.links-arrow a{vertical-align:top;line-height:1.4em;}
/*****A PROPOS DE NOUS*********/
.a-propos-de-nous {float:left;width:100%;padding:0 2%;margin:0 1%;}
.a-propos-de-nous h1 {text-transform:uppercase;padding:1%;background:#8bb20c;max-width:230px;}
.a-propos-de-nous p {padding:0.5% 5% 0.5% 2%;}

.gamme-produits{float:left;width:100%;padding:0 2%;margin:0 1%;}
.gamme-produits h2 {color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.gamme-produits h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;}
.gamme-produits h3 {text-transform:uppercase;padding:2%;font-weight:normal;font-size:1.3em;line-height:1em;text-align:left;}

.container_picto {float:left;margin:0 2% 3% 0;padding:0 2%;width:100%;} 
.container_picto figure {float:left;padding:1% 1% 0 0;margin:0 5% 0 0;} 
.container_picto figure img {width:100%;height:auto;margin:0; padding:0;} 
.container_picto figcaption {display:none;}

.content_zone{float:left;width:100%;padding:0;margin:0;}
.content_sercouv{float:left;width:45%;padding:0;margin:0 0 0 2%;}
.content_carte{float:left;width:45%;padding:0;margin:0 0 0 2%;}

.nos-services{float:left;width:100%;padding:0 2%;margin:0 1%;}
.nos-services h2{color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.nos-services h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;padding-right:1%;}
.nos-services p {padding:0.5% 5% 0.5% 2%;}

.notre-zone-couverture{float:left;width:100%;padding:0 2%;margin:0 1%;}
.notre-zone-couverture h2{color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.notre-zone-couverture h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;}
.notre-zone-couverture p {padding:0.5% 5% 0.5% 2%;}
/*****CONTACT*******/
.maps{float:left;width:100%;height:auto;}
#contact-form{text-align:justify;}
#contact-form label{font-size:1.2em;margin:3% 0;}
#contact-form select{width:100%; border:0px; margin:3% 0; padding:0.5%;background:#FFF;box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;-webkit-box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;-moz-box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;}
#contact-form input[type="text"],#contact-form input[type="email"],#contact-form textarea{width:100%; border:0px; margin:3% 0; padding:0.5%;background:#FFF;box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;-webkit-box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;-moz-box-shadow:inset 0 1px 2px #8bb20c, 0 1px 0 #FFF;}
#contact-form button[type="submit"]{font-size:1.5em; cursor:pointer; width:100%;margin:2%; padding:10px;background:#000;color:#8bb20c;border:1px solid #8bb20c;}#contact-form button[type="submit"]:hover{background:#8bb20c;color:#fff;}

.contact {float:left;width:40%;padding:2% 2%;margin:2% 1%;text-align:center;}
.contact h1 {text-transform:uppercase;padding:1% ;background:#8bb20c;max-width:230px;}
.contact h2{color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.contact h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;padding-right:1%;}

.container-contact{margin:auto;width:70%;}
.coordonnees {float:left;width:40%;padding:2% 2%;margin:2% 1%;}
.coordonnees h2{color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.coordonnees h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;padding-right:1%;}
.coordonnees p{padding:0.5% 5% 0.5% 10%;}

/*********MENTIONS LEGALES*********/

.mentions-legales {float:left;width:100%;padding:2% 2%;margin:2% 1%;text-align:left;}
.mentions-legales h1 {text-transform:uppercase;padding:1% ;background:#8bb20c;max-width:230px;}
.mentions-legales p{padding:0.5% 5% 0.5% 10%;}

/*********PLAN DU SITE*********/

.plan-du-site {float:left;width:100%;padding:2% 2%;margin:2% 1%;text-align:left;}
.plan-du-site h1 {text-transform:uppercase;padding:1% ;background:#8bb20c;max-width:230px;}
.plan-du-site h2 {color:#8bb20c;background: url('../images/a-propos.png') no-repeat left top;height:59px;font-size:1.4em;}
.plan-du-site h2 span {float:left;margin-left:50px;padding-top:15px;line-height:1.2em;text-decoration:underline;}
.plan-du-site h2 span a{color:#8bb20c;text-decoration:none;}
.plan-du-site h3 {text-transform:uppercase;padding:1%;font-weight:normal;font-size:1.1em;line-height:1em;text-align:left;color:#fff;}
.plan-du-site h3 a {font-weight:normal;font-size:1.1em;line-height:1em;text-align:left;color:#fff;}
.plan-du-site h4 {padding:1%;font-weight:normal;font-size:1.1em;line-height:1em;text-align:left;color:#fff;}
.plan-du-site h4 a {font-weight:normal;font-size:1.1em;line-height:1em;text-align:left;color:#fff;}
.plan-du-site p{padding:0.5% 2%;}
.plan-du-site p a{font-weight:normal;font-size:1em;line-height:1em;text-align:left;color:#8bb20c;}
}

@media only screen and (min-width: 1441px ) and (max-width:1680px ) {
.headermobile{display:none;}
#menu > li,#menu > li li {width: 170px;}
.pave {float:left;width:15%;background:transparent;margin:2% 4%;}
#img-content{width:100%;float:left;min-height:120px;height:auto!important;}
.animation{width:40%;margin:auto;margin-top:5%;}
}

@media only screen and (min-width: 1281px ) and (max-width:1440px ) {
.headermobile{display:none;}
#menu > li,#menu > li li {width: 170px;}
.pave {float:left;width:18%;background:transparent;margin:2% 3%;}
#img-content{width:100%;float:left;min-height:100px;height:auto!important;}
.animation{width:30%;margin:auto;margin-top:5%;}
#container_btn span{margin-left:4%!important;}
}



@media only screen and (min-width: 1181px ) and (max-width:1280px ) {
.headermobile{display:none;}
#menu > li,#menu > li li {width: 170px;}
.pave {float:left;width:20%;background:transparent;margin:2% 2%;}
#img-content{width:100%;float:left;min-height:100px;height:auto!important;}
.animation{width:30%;margin:auto;margin-top:5%;}
#container_btn span{margin-left:3%!important;}
}

@media only screen and (min-width: 1081px ) and (max-width:1180px ) {
.headermobile{display:none;}
#menu > li,#menu > li li {width: 170px;}
.pave {float:left;width:22%;background:transparent;margin:2% 1%;}
#img-content{width:100%;float:left;min-height:80px;height:auto!important;}
.animation{width:30%;margin:auto;margin-top:0%;}
#container_btn span{margin-left:2%!important;}
}

@media only screen and (min-width: 1025px ) and (max-width:1080px ) {
.headermobile{display:none;}
#menu > li,#menu > li li {width: 160px;}
.pave {float:left;width:22%;background:transparent;margin:2% 1%;}
#img-content{width:100%;float:left;min-height:80px;height:auto!important;}
.animation{width:30%;margin:auto;margin-top:0%;}
#container_btn span{margin-left:2%!important;}
}

@media only screen and (min-width: 981px ) and (max-width:1024px ) {
.headerlogo{width:45%;}
.headermenu{width:55%;}
.headermobile{display:none;}
#menu > li,#menu > li li {width: 160px;}
.pave {float:left;width:22%;background:transparent;margin:2% 1%;}
#img-content{width:100%;float:left;min-height:80px;height:auto!important;}
.animation{width:30%;margin:auto;margin-top:0%;}
#container_btn span{margin-left:2%!important;}
}

@media only screen and (min-width: 921px ) and (max-width:980px ) {
.headerlogo{width:40%;}
.headermenu{width:60%;}
.headermobile{display:none;}
#menu {margin-right:0%;}
#menu > li,#menu > li li {width: 160px;}
.pave {float:left;width:22%;background:transparent;margin:2% 1%;}
#img-content{width:100%;float:left;min-height:80px;height:auto!important;}
.animation{width:30%;margin:auto;margin-top:0%;}
#container_btn span{margin-left:1%!important;}

}


@media only screen and (min-width: 821px ) and (max-width:920px ) {
.headerlogo{width:35%;}
.headermenu{width:65%;}
.headermobile{display:none;}
#menu {margin-right:0%;}
#menu ul {top:2.7em;}
#menu > li,#menu > li li {width: 160px;}
.pave {float:left;width:22%;background:transparent;margin:2% 1%;}
#img-content{width:100%;float:left;min-height:80px;height:auto!important;}
.animation{width:30%;margin:auto;margin-top:0%;}
#container_btn span{margin-left:1%!important;}
}

@media only screen and (min-width: 770px ) and (max-width:820px ) {
.headerlogo{width:30%;}
.headermenu{width:70%;}
.headermobile{display:none;}
#menu {margin-right:0%;}
#menu ul {top:2.7em;}
#menu > li,#menu > li li {width: 150px;}
.pave {float:left;width:40%;background:transparent;margin:2% 5%;}
#img-content{width:100%;float:left;min-height:130px;height:auto!important;}
.animation{width:40%;margin:auto;margin-top:0%;}
#container_btn span{margin-left:1%!important;}
}

/***************
tablets
**************/

@media only screen and (max-width: 768px) {
#main {float:none;width:100%;}
#main-inner {float:none;width:100%;}
header{float:none;width:100%;}
.headermobile{display:block;}
.headerstandard{display:none;}
.headerlogo{display:none;}

.headermenu{float:none;width:100%;padding:0;margin:0;}
#navfooter{width:100%;float:none;}
#footer-menu {float:none;}
#footer-menu a {padding:4px 8px;}
#main-inner {float:none;width:100%;}

#content-home{float:left; width:100%;height:100%;margin-bottom:10%;}
#container_paves{float:none;margin:0 auto;width:90%;margin-top:40px;}
#container_btn .tarifs{width:98%;float:left;margin-left:2%;}
#container_btn .catalogue_tarifs{width:98%;margin-left:2%;margin-top:1%;float:left;}
#container_btn .tarifs{text-align:center;}
#container_btn .catalogue_tarifs{text-align:center;}

.pave {float:left;width:40%;margin:0 5%;}
.animation{width:40%;margin-top:10%;}
#img-content{width:100%;float:none;min-height:140px;height:auto!important;}
#titre-content{float:none;}
/**********CONTACT*******/
.maps{overflow-y:visible;float:none;width:100%;height:auto;text-align:center;}
.contact {float:none;width:100%;text-align:center;}
.contact h2{font-size:1.3em;}
.container-contact{margin:auto;width:80%;}
.coordonnees {float:none;width:100%;}
.coordonnees h2{font-size:1.3em;}
}

/***************
smartphones
**************/

@media only screen and (max-width: 620px) {
#main {float:none;width:100%;}
#main-inner {float:none;width:100%;}
header{float:none;width:100%;}
.headermobile{display:block;}
.headerstandard{display:none;}
.headerlogo{display:none;}

.headermenu{float:none;width:100%;padding:0;margin:0;}
#navfooter{width:100%;float:none;}
#footer-menu {float:none;}
#footer-menu a {padding:3px 7px;}
#main-inner {float:none;width:100%;}

#content-home{float:left; width:100%;height:100%;margin-bottom:11%;}
#container_paves{float:none;margin:0 auto;width:80%;margin-top:40px;}
#container_btn .tarifs{width:98%;float:left;margin-left:2%;}
#container_btn .catalogue_tarifs{width:98%;margin-left:2%;margin-top:1%;float:left;}
#container_btn .tarifs{text-align:center;}
#container_btn .catalogue_tarifs{text-align:center;}
.pave {float:none;width:70%;margin:0 15%;}
.animation{width:40%;margin-top:10%;}
#img-content{width:100%;float:none;min-height:140px;height:auto!important;}
#links-content{width:100%;float:none;height:auto!important;}
/******A PROPOS DE NOUS***/
.gamme-produits h2 {font-size:1.3em;}
.content_zone{float:none;width:100%;}
.content_sercouv{float:none;width:100%;margin:0 0 0 2%;}
.content_carte{float:none;width:100%;margin:0 0 0 2%;}
.nos-services h2{font-size:1.3em;}
.notre-zone-couverture h2{font-size:1.3em;}
/**********CONTACT*******/
.maps{float:none;width:95%;height:auto;text-align:center;}
.contact {float:none;width:95%;text-align:center;}
.contact h2{font-size:1.3em;}
.container-contact{margin:auto;width:85%;}
.coordonnees {float:none;width:100%;}
.coordonnees h2{font-size:1.3em;}
}


@media only screen and (max-width: 520px) {
#main {float:none;width:100%;}
#main-inner {float:none;width:100%;}
header{float:none;width:100%;}
.headermobile{display:block;}
.headerstandard{display:none;}
.headerlogo{display:none;}
.headermenu{float:none;width:100%;padding:0;margin:0;}
#navfooter{width:100%;float:none;}
#footer-menu {float:none;}
#footer-menu a {padding:3px 6px;}
#main-inner {float:none;width:100%;}

#content-home{float:left;width:100%;height:100%;margin-bottom:12%;}
#container_btn .tarifs{width:98%;float:left;margin-left:2%;}
#container_btn .catalogue_tarifs{width:98%;margin-left:2%;margin-top:1%;float:left;}

#container_btn .tarifs{text-align:center;}
#container_btn .catalogue_tarifs{text-align:center;}
#container_paves{float:none;margin:0 auto;width:80%;margin-top:40px;}
.pave {float:none;width:80%;margin:0 10%;}
.animation{width:40%;margin-top:10%;}
#img-content{width:100%;float:none;min-height:140px;height:auto!important;}
/******A PROPOS DE NOUS***/
.gamme-produits h2 {font-size:1.3em;}
.container_picto figure img {width:100%;} 
.content_zone{float:none;width:100%;}
.content_sercouv{float:none;width:100%;margin:0 0 0 2%;}
.content_carte{float:none;width:100%;margin:0 0 0 2%;}
.nos-services h2{font-size:1.3em;}
.notre-zone-couverture h2{font-size:1.3em;}
/**********CONTACT*******/
.maps{float:none;width:95%;height:auto;text-align:center;}
.contact {float:none;width:95%;text-align:center;}
.contact h2{font-size:1.3em;}
.container-contact{margin:auto;width:90%;}
.coordonnees {float:none;width:100%;}
.coordonnees h2{font-size:1.3em;}
}


@media only screen and (max-width: 420px) {
#main {float:none;width:100%;}
#main-inner {float:none;width:100%;}
header{float:none;width:100%;}
.headermobile{display:block;}
.headerstandard{display:none;}
.headerlogo{display:none;}
.headermenu{float:none;width:100%;padding:0;margin:0;}
#navfooter{width:100%;float:none;}
#footer-menu {float:none;}
#footer-menu a {padding:2px 4px;}
#main-inner {float:none;width:100%;}

#content-home{float:left; width:100%;height:100%;margin-bottom:15%;}
#container_btn .tarifs{width:98%;float:left;margin-left:2%;}
#container_btn .catalogue_tarifs{width:98%;margin-left:2%;margin-top:1%;float:left;}
#container_btn .tarifs{text-align:center;}
#container_btn .catalogue_tarifs{text-align:center;}
#container_paves{float:none;margin:0 auto;width:100%;margin-top:40px;}
.pave {float:none;width:70%;margin:0 10%;}
.animation{margin-top:10%;}
#img-content{width:100%;float:none;min-height:130px;height:auto!important;}
/******A PROPOS DE NOUS***/
.gamme-produits h2 {font-size:1.3em;}
.container_picto figure img {width:100%;} 
.content_zone{float:none;width:100%;}
.content_sercouv{float:none;width:100%;margin:0 0 0 2%;}
.content_carte{float:none;width:100%;margin:0 0 0 2%;}
.nos-services h2{font-size:1.3em;}
.notre-zone-couverture h2{font-size:1.3em;}
/**********CONTACT*******/
.maps{float:none;width:90%;height:auto;text-align:center;}
.contact {float:none;width:90%;text-align:center;}
.contact h2{font-size:1.3em;}
.container-contact{margin:auto;width:90%;}
.coordonnees {float:none;width:100%;}
.coordonnees h2{font-size:1.3em;}
}


@media only screen and (max-width: 380px) {
#main {float:none;width:100%;}
#main-inner {float:none;width:100%;}
header{float:none;width:100%;}
.headermobile{display:block;}
.headerstandard{display:none;}
.headermenu{float:none;width:100%;padding:0;margin:0;}
#navfooter{width:100%;float:none;}
#footer-menu {float:none;}
#footer-menu a {padding:2px 3px;}
.headerlogo{display:none;float:none;width:100%;padding:0;height:100%;}
.logo{float:left;margin:0;padding:0;width:50%;height:50%;text-align:center;}
.logo img{height:auto;width:100%;margin:0;padding:0;}
#main-inner {float:none;width:100%;}
#content-home{float:left; width:100%;height:100%;margin-bottom:18%;}
#container_btn .tarifs{width:98%;float:left;margin-left:2%;}
#container_btn .catalogue_tarifs{width:98%;margin-left:2%;float:left;}

#container_btn .tarifs{text-align:center;}
#container_btn .catalogue_tarifs{text-align:center;}
#container_paves{float:none;margin:0 auto;width:100%;margin-top:40px;}
.pave {float:none;width:80%;margin:0 10%;}
.animation{margin-top:10%;}
#img-content{width:100%;float:none;min-height:120px;height:auto!important;}
/******A PROPOS DE NOUS***/
.gamme-produits h2 {font-size:1.3em;}
.container_picto figure img {width:95%;} 
.content_zone{float:none;width:100%;}
.content_sercouv{float:none;width:100%;margin:0 0 0 2%;}
.content_carte{float:none;width:100%;margin:0 0 0 2%;}
.nos-services h2{font-size:1.3em;}
.notre-zone-couverture h2{font-size:1.3em;}
/**********CONTACT*******/
.maps{float:none;width:90%;height:auto;text-align:center;}
.contact {float:none;width:90%;text-align:center;}
.contact h2{font-size:1.3em;}
.container-contact{margin:auto;width:95%;}
.coordonnees {float:none;width:100%;}
.coordonnees h2{font-size:1.3em;}
}



/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
#main {float:none;width:100%;}
#main-inner {float:none;width:100%;}
header{float:none;width:100%;}
.headermobile{display:block;}
.headerstandard{display:none;}
.headerlogo{display:none;float:none;width:100%;padding:0;height:100%;}
.logo{float:left;margin:0;padding:0;width:50%;height:50%;text-align:center;}
.logo img{height:auto;width:100%;margin:0;padding:0;}
.headermenu{float:none;width:100%;padding:0;margin:0;}
#navfooter{width:100%;float:none;}
#footer-menu {float:none;}
#footer-menu a {padding:2px 3px;}
#main-inner {float:none;width:100%;}
#content-home{float:left; width:100%;height:100%;margin-bottom:20%;}
#container_btn .tarifs{text-align:center;}
#container_btn .catalogue_tarifs{text-align:center;}
#container_paves{float:none;margin:0 auto;width:100%;margin-top:40px;}
.pave {float:none;width:80%;margin:0 10%;}
.animation{margin-top:10%;}
#img-content{width:100%;float:none;min-height:100px;height:auto!important;}
/******A PROPOS DE NOUS***/
.gamme-produits h2 {font-size:1.3em;}
.container_picto figure img {width:95%;} 
.content_zone{float:none;width:100%;}
.content_sercouv{float:none;width:100%;margin:0 0 0 2%;}
.content_carte{float:none;width:100%;margin:0 0 0 2%;}
.nos-services h2{font-size:1.3em;}
.notre-zone-couverture h2{font-size:1.3em;}
/**********CONTACT*******/
.maps{float:none;width:90%;height:auto;text-align:center;}
.contact {float:none;width:90%;text-align:center;}
.contact h2{font-size:1.3em;}
.container-contact{margin:auto;width:95%;}
.coordonnees {float:none;width:100%;}
.coordonnees h2{font-size:1.3em;}
}

/* MODIF YANN - PREAMBULLES 01/08/2017 */
#sous-titre-content{display:inline-block;background-color:#8cb20d;margin-bottom: 30px;}
#sous-titre-content h3{text-transform:uppercase;font-family: 'Source Sans Pro', sans-serif;padding: 3% 5%;font-size:1.1em;line-height: 1em;}
#catalogue-content{padding:10px 0;background-color: #b6b6b6;margin-bottom: 30px;}
#catalogue-content p{text-align:center;text-transform: uppercase;font-size:1.1em;line-height: 1em;font-weight: 600;margin-bottom: 10px;}
#catalogue-content .img-catalogue-modinox{width: 65%;}
#links-content {padding:10px 0;}
.pave a {transition: all 0.3s;}
.pave a:hover {opacity: 0.8;}