hr {margin: 24px 0;}
.push-right {float:right;}
.header {margin-bottom: 0; height:auto;}
.navigation {padding: 0;border:none;margin-bottom: 0;}
.overheader {background-color:#fff;color: #000;font-size: 14px;margin: 0 auto;width:100%;max-width:1220px;}
.dessusmenu {float: left;width: 90%;}
.top-info-text {float: left;width: 65%;}
.top-mail, .top-phone {margin-left: 15px;float: left;}
.top-mail a, .top-phone a, .mod-languages a {color: #000;padding: 4px 6px 10px 12px;font-weight:bold;text-decoration: none;}
.mod-languages a:hover, .top-mail a:hover, .top-phone a:hover {color: #0088cc;}
.facebookheader {margin: 0;padding: 0;line-height: 0;color: #000;float: right;width: 5%;}
.btn_facebook {background-repeat: no-repeat;background-color: rgba(255, 255, 255, 255);float: left;height: 26px;margin: 5px 10px 0 0;padding: 0 !important;width: 26px;}
.btn_facebook {background-image: url("/images/Logos/facebook-16.png");}
.btn_facebook:hover {background-image: url("/images/Logos/facebook-16-blue.png");text-decoration: none;}
.btn_facebook:focus {text-decoration: none;outline-style: none;}
.facebookheaderbarre {font-size: 14px;position: relative;top: 12px;font-weight: normal;}
.mod-languages {float: right;}
#ol-topmenu {float: none !important; margin: 0 auto; max-width: 1220px; animation-duration: 1s; animation-fill-mode: both; height: 70px !important;z-index:0;}
#ol-topmenu .navbar-inverse .navbar-inner {background-color: #fff; background-image: none; border: none; box-shadow: none;}
#ol-topmenu .menu-bar {float:left;}
#ol-topmenu .menu-bar .navbar .navbar-inner a.brand {padding: 0px 3px 0px 0px;}
#ol-topmenu .menu-bar .navbar .navbar-inner a.brand > img {max-height: 70px; margin-top: 0;}
#ol-topmenu .navbar .btn {padding: 20px 10px;margin: 6px 0 0 0;}
#ol-topmenu .navbar .brand {max-height: 70px !important;}
#ol-topmenu .navbar .nav-collapse {float: left;}
#ol-topmenu .collapse {display: block;}
#ol-topmenu .navbar .nav-collapse .nav > li > a {padding: 26px 25px; text-transform: uppercase;}
#ol-topmenu li.item-118.current.active, li.item-119.current.active {display:none;}
#ol-topmenu ul.nav li.parent:hover > ul.dropdown-menu {display: block;position:absolute;}
#ol-topmenu .dropdown-menu {position: absolute;padding: 2px 0;margin: 0 0 0;border: 1px solid #888;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;background: #fff;}
#ol-topmenu .navbar .nav-collapse ul.nav li ul.dropdown-menu li a {padding: 8px 15px;}
header.header div.header-inner div#ol-language {position: relative; top: -48px; right: 12px; height: 0;z-index: 1032;}

/* Diaporama */
.camera_wrap {z-index: 10 !important;}
.camera_fakehover .camera_prev, .camera_fakehover .camera_next, .camera_fakehover .camera_commands {background: none;}
.cameraContent .camera_caption {background-color: rgba(30, 30, 30, 0.5);}
.cameraContent .camera_caption > div {background:transparent;position:relative;top:0;padding:6px 5px 11px 5px;}
.cameraContent .camera_caption h2 {font-size: 40px;margin: 0;}
.cameraContent .camera_caption h3 {margin: 0;font-weight: normal;text-align: center;}
.cameraContent .camera_caption .subtextphotoleft, .cameraContent .camera_caption .subtextphotoright {font-size: 20px;}
.cameraContent .camera_caption .subtextphotoright {float: right;}
/* Paralax */
.bg-parallax.home {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/diapo1/03.jpg');background-position: 50% 96%;}
.bg-parallax.boisipe {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/Ipe-PatioDeVille-2048x346.jpg');background-position: 50% 70%;}
.bg-parallax.pinblanc {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/pin-blanc-2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.pingris {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/pin-blanc-2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.cedrerouge {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/cedre-rouge-de-louest-2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.traiteacc {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/bois-traiter-brun-2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.traiteacq {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/bois-traiter-brun-2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.torrefie {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/pin-blanc-2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.composites {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/Composite_1920x1023.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;}
.bg-parallax.trex {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/Trex-Patio-de-ville_2048x345.jpg');background-position: 50% 96%;}
.bg-parallax.fiberon {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/Fiberon_Patio-de-ville_2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.timbertech {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/Timbertech_Patio-de-ville_2048x346.jpg');background-position: 50% 70%;}
.bg-parallax.azek {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/Azek_Patio-de-ville_2045x345.jpg');background-position: 50% 70%;}
.bg-parallax.moistureshield {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/MoistureShield_Patio-de-ville_2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.fiberglass {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/Fibre-de-verre-2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.aluminium {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/Aluminium-2048x345.jpg');background-position: 50% 70%;}
.bg-parallax.ceramique {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('/images/banners/ceramique-de-porcelaine-2048x345.jpg');background-position: 50% 70%;}
.parallax-overlay {position: relative;overflow: hidden;margin-top: 20px;}
.bg-parallax .container {max-width:1200px;background: transparent;}
.bg-parallax .pb60 {padding-bottom: 60px !important;}
.bg-parallax .pt90 {padding-top: 90px !important;}
.bg-parallax .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -5px;margin-left: -5px;}
.bg-parallax .align-items-center {-ms-flex-align: center !important;align-items: center !important;}
.bg-parallax .col-lg-6 {-ms-flex: 0 0 57%;flex: 0 0 57%;max-width: 57%;}
.bg-parallax .mb30 {margin-bottom: 30px !important;}
.bg-parallax .text-white {color: white !important;}
.bg-parallax h3 {font-size: 26px;}
.bg-parallax h1,.bg-parallax h2,.bg-parallax h3,.bg-parallax h4,.bg-parallax h5,.bg-parallax h6 {font-family: "Open Sans", sans-serif;color: #252525;font-weight: 700;font-variant-ligatures: common-ligatures;	margin-top: 0;letter-spacing: -0.2px;line-height: 1.3;}
.bg-parallax .text-white-gray {font-family: "Open Sans", sans-serif;color: #eee;}
.bg-parallax #jarallax-container-0 {clip: rect(0 1398px 324.79998779296875px 0);clip: rect(0, 1398px, 324.79998779296875px, 0);}
/* Services */
.lead {margin-bottom: 12px;}
.overlay-container {position: relative;display: block;text-align: center;overflow: hidden;}
.overlay-bottom, .overlay-top {position: absolute;top: auto;padding: 10px 15px 0 15px;bottom: 0px;left: 0;right: 0px;background-color: rgba(30, 30, 30, 0.8);overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-in-out 0.25s;-o-transition: all ease-in-out 0.25s;transition: all ease-in-out 0.25s;height: 0;color: #ffffff;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);}
.overlay-bottom.links, .overlay-to-top.links {z-index: 11;}
.overlay-to-top {position: absolute;top: auto;padding: 10px;bottom: -30px;left: 0;right: 0px;background-color: rgba(30, 30, 30, 0.5);opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-in-out 0.25s;-o-transition: all ease-in-out 0.25s;transition: all ease-in-out 0.25s;color: #ffffff;}
.overlay-top {top: 0;}
.overlay-visible .overlay-bottom, .overlay-visible .overlay-top {opacity: 1;filter: alpha(opacity=100);height: auto !important;padding-bottom: 2px;}
.overlay-visible.overlay-container:hover .overlay-bottom:not(.links), .overlay-visible.overlay-container:hover .overlay-top {opacity: 0.5;filter: alpha(opacity=50);}
.overlay-top a, .overlay-bottom a, .overlay-to-top a, .overlay-top a:hover, .overlay-bottom a:hover, .overlay-to-top a:hover {color: #ffffff;text-decoration: none;}
.overlay-container .text {padding: 0 20px;position: relative;}
.overlay-container .text h3, .overlay-container .text h3 .small {margin-top: 0;	color: #ffffff;}
.overlay-container .text a:hover {color: #ffffff;}
.overlay-bottom .btn, .overlay-top .btn {color: #ffffff;border-color: #ffffff;margin: 0;}
.overlay-bottom .btn:hover, .overlay-top .btn:hover {color: #777777;background-color: #ffffff;}
.overlay-container:hover .overlay-top, .overlay-container:hover .overlay-bottom, .image-box.style-2:hover .overlay-top, .image-box.style-2:hover .overlay-bottom {height: 50%;opacity: 1;filter: alpha(opacity=100);-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);}
.overlay-container:hover .overlay-to-top, .image-box:hover .overlay-to-top {opacity: 1;filter: alpha(opacity=100);bottom: 0;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);}
.overlay-link {position: absolute;z-index: 10;top: 0;padding: 15px;bottom: 0px;left: 0;right: 0px;background-color: rgba(30, 30, 30, 0.5);overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-in-out 0.25s;-o-transition: all ease-in-out 0.25s;transition: all ease-in-out 0.25s;color: #ffffff;}
.overlay-link i {-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;width: 80px;height: 80px;border: 1px solid #ffffff;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #ffffff;position: absolute;top: 50%;left: 50%;margin: -40px 0 0 -40px;font-size: 32px;line-height: 80px;}
.overlay-link i:hover {background-color: #ffffff;color: #777777;}
.overlay-link.small i {width: 25px;height: 25px;margin: -12.5px 0 0 -12.5px;font-size: 14px;line-height: 25px;}
.overlay-container:hover .overlay-link {height: 100%;opacity: 1;filter: alpha(opacity=100);-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);}
/* Étapes */
#steps.section-padding {max-width: 1140px;margin: 0 auto;}
/* Couleurs */
.compositecolors {max-width:1220px;}
.compositecolors label {font-size:16px;}
.grid-space-10 .col-lg-6, .grid-space-10 .col-lg-4, .grid-space-10 .col-lg-3, .grid-space-10 .col-md-6, .grid-space-10 .col-md-4, .grid-space-10 .col-md-3, .grid-space-10 .col-sm-6, .grid-space-10 .col-sm-4, .grid-space-10 .col-sm-3, .grid-space-10 .col-xs-6, .grid-space-10 .col-xs-4, .grid-space-10 .col-xs-3 {padding-left: 5px;padding-right: 5px;}
.compositecolors .bordered {border: 1px solid #f1f1f1;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.compositecolors .shadow, .compositecolors .shadow-narrow {position: relative;background-color: #ffffff;}
.compositecolors .mb-20 {margin-bottom: 20px;}
.compositecolors img {display: block;height: auto;width: 100%;margin: 0;max-height: 100%;}
.compositecolors .overlay-bottom, .compositecolors .overlay-top {position: absolute;top: 0;padding: 10px 5px 5px 5px;bottom: 0px;left: 0;right: 0px;	background-color: rgba(30, 30, 30, 0.5);overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-in-out 0.25s;-o-transition: all ease-in-out 0.25s;transition: all ease-in-out 0.25s;height: 0;color: #ffffff;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);}
.compositecolors .overlay-container:hover .overlay-top, .compositecolors .overlay-container:hover .overlay-bottom, .compositecolors .image-box.style-2:hover .overlay-top, .compositecolors .image-box.style-2:hover .overlay-bottom {height: 25%;opacity: 1;filter: alpha(opacity=100);-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);}
/* Footer */
.footer .custom {width:100%;}
.innerfooter {float:none;margin:0 auto;min-height: 100px;max-width: 1140px;}
.logofooter {float:left;margin-bottom:15px;}
.footer .phonefooter {font-size: 36px;text-align: right; float:right;margin-top: 3%;margin-bottom:5px;}
.footer .contactfooter {float:left;margin-left:2%;padding-bottom: 10px;}
.footer .menubar {float: left;width:100%;background: #000;color: #fff;padding: 15px 0;min-height: 54px;}
.menubar .menuleft {float: left;width: 16%;margin-left: 1%;}
.menubar .menumillieu {float: left;width: 61%;text-align: center;}
.menubar .menuright {float: right;width: 18%;margin-right: 4%;text-align: right;}
.footer a {padding:13px 3px;color: #000;}
.footer .menubar a {color: #fff;}
.footer a:hover {color: #f00;}
/* ChronoForm */
#content div.chronoforms .ui.button {margin-top: 8px;}
#content div.chronoforms, #content div.ui.message.success {max-width: 1100px;margin: 12px auto;}
#content div.chronoforms #display-section1 {padding: 0 10px;}
#content div.ui.message.success {height: 350px;color:#000 !important;background-color: #eee;}
#content div.ui.message.success a {color:#000 !important;padding: 8px 3px;}
#content div.ui.message .list:not(.ui) li::before {content: '';}
#content div.ui.message.success ul.header li h2, #content div.ui.message.success ul.header li div p, #content div.ui.message.success h3.mod-colonne {color: #000 !important;}
.ui.message.error {padding-bottom: 38px;}
/* Articles */
.texteproduits {max-width: 1220px;padding: 0 1%;margin: 0 auto;}

/* Responsive*/
/* Large devices (Large desktops 1200px and up) */
@media (min-width: 1200px){
.overlay-container .text {top: 30%;}
.bg-parallax.home .container {padding-top: 24%;padding-bottom: 5%;}
}
/*@media (max-width: 1459px){
.footer .menumillieu {margin-left: 9%;}
}*/
@media (max-width: 1199px){
#ol-topmenu .navbar .nav-collapse .nav > li > a {padding: 26px 10px;}
.overlay-container:not(.overlay-visible) .overlay-top~.overlay-bottom {padding-top: 5px;padding-bottom: 5px;}
.col-lg-8 > h3 {font-size: 18px;font-weight: 500;}
.texteproduits {padding: 0 2%;}
.footer .phonefooter {margin-right: 1%;}
}
@media (max-width: 1072px) {
.wf_caption.imgvide {display: none !important;}  
}
@media (max-width: 1049px) {
.facebookheader {width: 10%;}
.cameraContent .camera_caption h3 {font-size: 16px;}
.col-lg-2 {-webkit-box-flex: 0;-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;}
.col-lg-9 {-webkit-box-flex: 0;-ms-flex: 0 0 85%;flex: 0 0 85%;max-width: 85%;}
#content div.chronoforms #display-section1 {padding: 0 16px;}
.compositecolors .overlay-container {height: 14.5em !important;}
.compositecolors div.links {font-size: 15px;}
.footer .phonefooter {font-size: 34px;margin-right: 2%;}
.menubar .menuleft {width: 12%;font-size:10px;}
.menubar .menumillieu {width: 64%;font-size: 14px;}
.menubar .menuright {width: 19%;font-size: 14px;}
}
@media (max-width: 959px) {
header.header div.header-inner div#ol-language {top: -22px;}
.compositecolors .overlay-container {height: 13em !important;}
.compositecolors .overlay-bottom, .compositecolors .overlay-top {padding: 3px 5px 5px 5px;}
.compositecolors .overlay-container:hover .overlay-top, .compositecolors .overlay-container:hover .overlay-bottom, .compositecolors .image-box.style-2:hover .overlay-top, .compositecolors .image-box.style-2:hover .overlay-bottom {height: 28%;}
.compositecolors div.links {font-size: 14px;}
}
/* Menu devient bouton */
@media (max-width: 879px) {
#ol-topmenu .navbar-inverse .navbar-inner {width: 93%;}
#ol-topmenu .menu-bar .navbar .navbar-inner a.brand {padding:0;width: 60%;margin:0;}
#ol-topmenu .navbar .nav-collapse {width: 95%;float: right;}
#ol-topmenu .navbar .nav-collapse.in.collapse {overflow: visible;}
#ol-topmenu .navbar .nav-collapse .nav > li > a {padding: 15px 16px;text-align: left;}
#ol-topmenu ul.dropdown-menu {left: 40%;}
#ol-topmenu .dropdown-menu > li > a {font-weight: normal;text-align: left;}
#ol-topmenu .nav-collapse .nav > li > a {margin-bottom: 0px;}
header.header div.header-inner div#ol-language {position: absolute;top: 20px;right: 20px;}
.bg-parallax.home .container {padding-top: 20%;	padding-bottom: 4%;}
h3 {font-size: 14px;line-height: 16px;margin:8px 0;}
.text-black-gray, .text-white-gray {font-size: 12px;line-height:22px;}
.texteproduits {padding: 0 3%;}
.descproduits {padding: 5px 10px 0 6px;}
.descproduits img {max-width: 51%;}
.bg-parallax h3, .bg-parallax.home h3 {font-size: 20px;margin-bottom: 2px;}
.compositecolors .overlay-container {height: 12em !important;}
.compositecolors .mb-20 {margin-bottom: 10px;}
.footer .phonefooter {font-size: 32px;}
.menubar .politiques {font-size:12px;}
}
@media (max-width: 819px) {
.dessusmenu {width: 85%;}
.compositecolors .overlay-container {height: 11em !important;}
.menubar .menuleft {display: none;}
.menubar .menuright {width: 22%;font-size:12px;margin-right: 7%;}
.menubar .menumillieu {width: 71%;}
}
@media (max-width: 767px) {
hr {margin: 8px 0;}
h1, h2 {font-size: 20px !important;line-height: 20px !important;}
div.chronoforms, #content div.ui.message.success {margin: 12px 12px 1px 8px;}
.cameraContent .camera_caption h3 {font-size: 12px;}
.parallax-overlay {margin-top: 5px;background-size: cover !important;}
.bg-parallax.home {background-position: top;background-size: 100% !important;}
.bg-parallax .pt90 {padding-top: 20px !important;}
.bg-parallax .pb60 {padding-bottom: 0px !important;}
.bg-parallax .row {margin-right: 0;margin-left: 5px;}
.bg-parallax .col-lg-6 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}
.bg-parallax .mb30 {margin-bottom: 20px !important;}
.compositecolors .row .col-md-4.d-flex.py-3 {width: 100%;padding-bottom: 6px !important;padding-top: 5px !important;text-align: right;}
.compositecolors .overlay-container {height: 16em !important;}
.compositecolors .overlay-container:hover .overlay-top, .compositecolors .overlay-container:hover .overlay-bottom, .compositecolors .image-box.style-2:hover .overlay-top, .compositecolors .image-box.style-2:hover .overlay-bottom {height: 23%;}
.col-lg-8 > h3 {font-size: 14px;font-weight: normal;}
.col-md-4 {width: 33%;padding: 0 6px;}
.overlay-bottom, .overlay-top {padding: 3px 2px 0 2px;}
.overlay-container .text {padding: 0;}
.compositecolors div.links {font-size: 18px;}
.lead {font-size: 10px;margin-bottom: 2px;font-weight: normal;line-height: 12px;}
.padding-horizontal-clear p {font-size: 10px !important;line-height: 14px !important;}
.text-black-gray, .text-white-gray {line-height: 14px;}
figure.row div.col-md-8 i.fa, figure.row div.col-md-8 i.fas {font-weight: 700;font-size: 2rem !important;}
.g-mb-20 p {font-size: 12px;line-height: 18px;padding-left: 6px;}
.texteproduits p, li {font-size: 14px;line-height: 20px;}
.menubar .politiques {font-size:10px;}
#steps { padding: 0 16px 0 2px;}
}
@media (max-width: 699px) {
.top-info-text {width: 85%;}
.compositecolors div.links {font-size: 16px;}
.menubar .politiques {display: none;}
.menubar .menumillieu {width: 55%;}
.menubar .menuright {width: 35%;margin-right: 10%;}
}
/* Extra small devices (phones, less than 575px) */
@media (max-width: 575px) {
.top-mail, .top-phone {margin-left: 5px;}
.top-mail a, .top-phone a, .mod-languages a {padding: 4px 6px 10px 7px;font-weight: normal;}
.facebookheader {width: 14%;}
.btn_facebook {margin: 5px 5px 0 0;}
#ol-topmenu ul.dropdown-menu {left: 50%;}
.compositecolors .overlay-container {height: 14.5em !important;}
.overlay-container .text {top: 30%;}
.compositecolors div.links {font-size: 14px;line-height: 18px;}
}
@media (max-width: 499px) {
.dessusmenu {width: 80%;}
.btn_facebook {margin: 5px 5px 0 0;}
.bg-parallax.home .container {padding-top: 22%;padding-bottom: 0;}
.bg-parallax.home .mb5 {margin-bottom: 0;max-width: 100%;flex: auto;padding: 70px 15px 0 10px;}
.compositecolors .overlay-container {height: 13em !important;}
.phonefooter {text-align: center;}
.menuleft, .footerpolitiques {display: none;}
.footer .phonefooter {clear:left;float:left;margin:0 0 5px 12px;font-size: 24px;}
.footer .contactfooter {margin-left: 4%;}
}
@media (max-width: 448px) {
.dessusmenu {width: 75%;}
.demandesoumission {display: none;}
.btn.ensavoirplus {margin-top: 6px;}
.compositecolors .overlay-container {height: 11.5em !important;}
.compositecolors div.links {font-size: 12px;}
}
/* iPhone 6 */
@media (max-width: 399px) {
h1 {font-size: 16px;line-height: 22px;}
h3 {font-size: 12px;}
#ol-topmenu {height: 50px}
#ol-topmenu .menu-bar .navbar .navbar-inner a.brand {width: 60%;}
header.header div.header-inner div#ol-language {right: 10px;}
.bg-parallax.home .mb5 {padding: 55px 15px 0 10px;}
.compositecolors .overlay-container:hover .overlay-top, .compositecolors .overlay-container:hover .overlay-bottom, .compositecolors .image-box.style-2:hover .overlay-top, .compositecolors .image-box.style-2:hover .overlay-bottom {height: 30%;}
.compositecolors .overlay-container {height: 10em !important;}
.overlay-container .text p:not(.mobile-visible) {display: none;}
.col-md-4, .mainquote {display: none;}
.menubar .menumillieu {width: 100%;}
.menubar .menuright, .facebookheaderbarre {display: none;}
}
@media (max-width: 359px) {
.compositecolors .overlay-container {height: 8em !important;}
.compositecolors div.links {font-size: 10px;}
.dessusmenu {width: 65%;}
.top-mail {display: none;}
}