/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300,300italic);*/

/* Light */
@font-face {
    font-family:'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Light-webfont.eot');
    src: url('../fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight:300;
    font-style:normal;
}

/* Light italic */
@font-face {
    font-family:'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-LightItalic-webfont.eot');
    src: url('../fonts/RobotoCondensed-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-LightItalic-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight:300;
    font-style:italic;
}

/* Normal */
@font-face {
    font-family:'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight:400;
    font-style:normal;
}

/* Normal italic */
/*@font-face {
    font-family:'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot');
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Italic-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Italic-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight:400;
    font-style:italic;
}*/

/* Bold */
@font-face {
    font-family:'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight:700;
    font-style:normal;
}

/* Bold italic */
/*@font-face {
    font-family:'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-BoldItalic-webfont.eot');
    src: url('../fonts/RobotoCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight:700;
    font-style:italic;
}*/


/* ========== LAYOUT ========== */
html {background:white}
.uk-container {max-width:1000px}
.tm-block-fullwidth > .uk-container {max-width: 100%}
.uk-panel-box {background:/*#d9dce4*/white}
.tm-top-b, .tm-bottom-a {background:#edf0f2}
.tm-main.tm-block {padding-top:20px}
.uk-breadcrumb {margin:0;text-align:center}
.tm-bottom-a {padding-top:60px}


/* ========== TEXTES ========== */
body, p, .uk-tab > li > a {font: 300 16px/20px "Roboto Condensed",arial,sans-serif;color:#001526}
p {margin:20px 0;text-align:justify}
b, strong {font-weight:400}
h1, h2, h3, h4 {color:#0074af;font-family:"Roboto Condensed",arial,sans-serif;font-weight:700;text-transform:uppercase}
h1 {font-size:40px;line-height:40px;text-align:center;margin:60px 0}
.tm-block         h2 {font-size:30px;line-height:30px;text-align:center;margin:0 0 60px}
.tm-block         h2 > span {font-size:26px;font-weight:300;letter-spacing:-1px}
.tm-block.tm-main h2 {text-align:left;font-size:24px;line-height:24px;margin: 40px 0 20px 0}
.tm-block.tm-main h2 > span {font-size:22px;line-height:22px}
h3 {color:#0074af;font-size:18px;line-height:18px}
h3.uk-panel-title {color:#0074af;text-align:center}
div.itemFullText h3 {margin:0 0 10px}
div.itemFullText h2 + h3 {padding-top:0}
h3 + p {margin-top:0}
ul {list-style:square}
a, .uk-link {color:#0074af;transition:all 0.3s ease-in-out 0s}
a:hover, .uk-link:hover {color:#001526;text-decoration:none}
em {color:#001526}


/* ========== MODULES ========== */
.uk-panel > h2 {margin-top:0;}
.grid-stack {margin-top:40px}
.grid-stack .uk-panel .uk-margin h2 {margin-top:0}
.grid-stack .uk-panel .uk-margin h2 + p {margin-top:20px}
.grid-stack .uk-panel .uk-margin p:first-child {margin-top:0}
.grid-stack .uk-panel .uk-margin p:last-child {margin-bottom:0}
/* bannière */
.tm-top-a.tm-block-fullwidth {height:100vh}
.banniere {height:100vh;overflow:hidden}
.banniere p {margin:0}
.banniere > p > img {left:50%;top:50%;transform: translate(-50%, -50%);max-width:none;width:auto;position:absolute;min-height:100%;min-width:100%}
/* avantages */
.avantages {text-align:center}
.avantages table {width:100%;max-width:800px;border-spacing: 0px;border-collapse:collapse;margin:auto}
.avantages table td {width:50%;padding:0}
.avantages ul {list-style:none;width:100%;padding:0;margin:0}
.avantages ul li {padding:10px 0;text-align:center;margin:5px 2.5px;color:white;background:#0074AF}


/* ========== MENU & LOGO ========== */
.tm-navbar {padding-top:0;background:#001526;position:absolute;width:100%;display:block;z-index:1000}
.tm-navbar > .uk-container {text-align:center;max-width:1000px!important;padding:0}
.tm-navbar > .uk-container .tm-logo {width:auto;display:inline-block;padding:10px 15px 10px 10px;position:relative;z-index:1200}
.tm-navbar > .uk-container .tm-logo p {margin:0}
.tm-navbar > .uk-container .tm-logo img {height:102px}
.tm-navbar > .uk-container .tm-nav {}
.tm-navbar > .uk-container .tm-nav .uk-navbar-nav {display:inline-block;float:none}
.tm-navbar ul.uk-navbar-nav > li {display:block!important}
.tm-navbar ul.uk-navbar-nav > li > a {font-family:"Roboto Condensed",arial,sans-serif;color:rgba(255,255,255,0.9);font-size:16px;padding:0px 15px 10px 15px;line-height:20px;height:auto;letter-spacing:1px;font-weight:300}
.tm-navbar ul.uk-navbar-nav:hover > li > a {color:rgba(255,255,255,0.6);transition:all 0.3s ease-in 0s}
.tm-navbar ul.uk-navbar-nav:hover > li > a:hover, .tm-navbar ul.uk-navbar-nav:hover > li.uk-open > a {color:rgba(255,255,255,1);text-shadow:0 0 10px rgba(255,255,255,0.4)}
.tm-navbar ul.uk-navbar-nav > li.uk-active > a, .tm-navbar ul.uk-navbar-nav > li.uk-active > a:hover, .tm-navbar ul.uk-navbar-nav:hover > li.uk-open.uk-active > a {color:#0074af;text-shadow:none}
/* Sous-menu */
.tm-navbar ul.uk-navbar-nav > li .uk-dropdown-navbar, .tm-navbar .tm-navbar-sizer {background:#0074af;border-top:1px solid rgba(255,255,255,1)}
.tm-navbar ul.uk-navbar-nav > li .uk-dropdown-navbar {padding:10px 50px;}
.tm-navbar .uk-dropdown:not(.uk-dropdown-stack) .uk-dropdown-grid > [class*="uk-width-"] {}
.uk-dropdown:not(.uk-dropdown-stack) .uk-dropdown-grid > [class*="uk-width-"] {padding:0}
.tm-navbar ul.uk-navbar-nav > li .uk-dropdown-navbar ul.uk-nav-navbar {display:inline-block}
.tm-navbar ul.uk-navbar-nav > li .uk-dropdown-navbar .uk-nav-navbar > li {}
.tm-navbar ul.uk-navbar-nav > li .uk-dropdown-navbar .uk-nav-navbar > li:last-child {}
.tm-navbar ul.uk-navbar-nav > li .uk-dropdown-navbar .uk-nav-navbar > li > a {font-size:14px;line-height:25px;color:rgba(255,255,255,0.9);text-align:center;letter-spacing:0.5px;text-transform:uppercase}
.tm-navbar ul.uk-navbar-nav:hover > li .uk-dropdown-navbar .uk-nav-navbar > li > a {color:rgba(255,255,255,0.6);transition:all 0.3s ease-in 0s}
.tm-navbar ul.uk-navbar-nav:hover > li .uk-dropdown-navbar .uk-nav-navbar > li > a:hover {color:rgba(255,255,255,1);text-shadow:0 0 10px rgba(255,255,255,0.4)}
/* Langues */
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {height:30px}
.uk-navbar-content::before, .uk-navbar-brand::before, .uk-navbar-toggle::before {display:none}
.tm-nav > div > .uk-navbar-content {margin-left:10px}
ul.lang-inline > li {line-height:0;margin:0;padding-right:3px;margin-right:5px;border-right:1px solid rgba(255,255,255,0.6)}
ul.lang-inline > li:last-child {border:none}
ul.lang-inline > li > a {color:rgba(255,255,255,0.6)}
ul.lang-inline > li > a:hover {color:white}
/*.tm-navbar ul.uk-navbar-nav + ul.uk-navbar-nav > li .uk-dropdown-navbar {top:30px!important}
.tm-navbar ul.uk-navbar-nav + ul.uk-navbar-nav > li > a {
	background:url("../../../images/general/coulon-pieux-battus-icon-map.svg");height:20px;width:20px;box-sizing:content-box;padding:0;margin:0 0 10px 15px}
.tm-navbar ul.uk-navbar-nav + ul.uk-navbar-nav > li div.mod-languages ul {line-height:normal}
.tm-navbar ul.uk-navbar-nav + ul.uk-navbar-nav > li div.mod-languages li {line-height:normal;margin:5px 15px;display:inline-block}
.tm-navbar ul.uk-navbar-nav + ul.uk-navbar-nav > li div.mod-languages li a {width:35px;height:20px;background-repeat:no-repeat;display:inline-block}
.tm-navbar ul.uk-navbar-nav + ul.uk-navbar-nav > li div.mod-languages li:first-child a {
	background-image:url("../../../images/general/coulon-pieux-battus-icon-fr.svg")}
.tm-navbar ul.uk-navbar-nav + ul.uk-navbar-nav > li div.mod-languages li:last-child a {
	background-image:url("../../../images/general/coulon-pieux-battus-icon-en.svg")}
.tm-navbar ul.uk-navbar-nav + ul.uk-navbar-nav > li div.mod-languages li a img {display:none}*/
/* Offcanvas */
.uk-navbar-toggle {float:none;font-size:30px;color:white;height:70px}
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {color:#0074af}
.uk-navbar-toggle::before {content: "\f0c9";font-family: FontAwesome;height:auto;top:30%;position:relative}
.uk-navbar-toggle::after {content:"MENU";font-family:"Roboto Condensed",arial,sans-serif;padding-left:10px;top:30%;position:relative;font-size:20px}
.uk-offcanvas-bar {background:#001526;text-transform:uppercase;width:100%;text-align:center}
.uk-nav-offcanvas {margin-top:20px}
.uk-nav-offcanvas > li > a, .uk-nav-offcanvas .uk-nav-sub {font-size:20px;font-family:"Roboto Condensed",arial,sans-serif;font-weight:300;letter-spacing:1px;color:rgba(255,255,255,0.8)}
.uk-nav-offcanvas .uk-nav-sub {font-size:16px}
.uk-nav ul a {padding:5px 0}
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus, .uk-nav-offcanvas > .uk-open > a, .uk-nav-offcanvas .uk-nav-sub {background:none}
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover {background:none;color:white}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a, html:not(.uk-touch) .uk-nav-offcanvas li.uk-active > a, html:not(.uk-touch) .uk-nav-offcanvas li.uk-active > a:hover {background:none;color:#0074af}


/* ========== WIDGETKIT ========== */
.uk-text-left {text-align:justify!important;margin-top:40px}
.uk-panel-title, .uk-overlay-background + .uk-overlay-panel h3 {color:#0074af;font-size:18px}
.tm-overlay-meta {font:300 16px/20px "Roboto Condensed",arial,sans-serif;letter-spacing:0;color:#001526}
.uk-overlay-background + .uk-overlay-panel {color:#001526}
.uk-nav {font-family:"Roboto Condensed",arial,sans-serif}
.uk-grid-divider:empty {margin:40px 0;border-top:1px solid #001526;display:none}
a.uk-button.uk-button-link {font-family:inherit;font-size:16px;line-height:20px;font-weight:400;text-transform:none;letter-spacing:0;color:#0074af}
a.uk-button.uk-button-link:after {background:#0074af}
.uk-close-alt {background:#001526;padding:0;border-radius:0}
.uk-close-alt:after {color:white}


/* ========== FOOTER ========== */
.tm-block-footer {background:#001526}
.tm-block-footer > .uk-container {max-width:1300px}
.tm-block-footer .uk-subnav > li {line-height:inherit}
.tm-block-footer .uk-subnav > li > a, .tm-block-footer a {font-family:"Roboto Condensed",arial,sans-serif;font-weight:300;letter-spacing:0.5px;font-size:16px;line-height:16px}
.tm-block-footer .tm-totop-scroller {color:rgba(255,255,255,0.7)}
.tm-block-footer .tm-totop-scroller:hover {color:#0074af}
/* LIENS */
.tm-block-footer .footer-liens {padding:0 12% 5px}
.tm-block-footer .footer-liens table {width:100%}
.tm-block-footer .footer-liens table td {text-align:center;width:33%}
.tm-block-footer .footer-liens table td:nth-child(2) {border-left:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3)}
.tm-block-footer .footer-liens a {line-height:24px;text-align:center}
.tm-block-footer .footer-liens a:hover {text-decoration:none}
/* MENU */
.footer-menu {display:inline-block;float:none}
.footer-menu .uk-subnav-line > :nth-child(n+2)::before {border:0;margin:0;padding:0 10px}
/* COPYRIGHT */
.tm-footer .uk-panel + .uk-panel {margin:20px 0 0}
.tm-footer .uk-panel p {margin:0;text-align:center}
a#maelstrom-studios {color:white;font-size:16px;line-height:22px;font-family:"Roboto Condensed",arial,sans-serif;opacity:0.3}
a#maelstrom-studios {transition:none}
a#maelstrom-studios span {background: url("../../../images/general/agence-web-maelstrom-studios-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display:inline-block;height:22px;width:22px}
a#maelstrom-studios:hover {color: rgba(0, 143, 190, 0.9);opacity:1;text-decoration:none}
a#maelstrom-studios:hover span {background-position: 0 -22px}


/* ========== ACCUEIL ========== */
body.accueil .uk-container {max-width:1300px}
body.accueil .tm-block-fullwidth > .uk-container {max-width: 100%}
body.accueil .tm-top-b h3.uk-panel-title {text-transform:uppercase;font-size:16px}
body.accueil .tm-top-b .uk-overlay-panel h3::before {border:none}
body.accueil .tm-main-top {padding-top:60px}
body.accueil .tm-main-top  .uk-margin > img {max-width:200px;width:100%}
body.accueil .tm-bottom-a .uk-panel-teaser {float:left;width:50%;padding-right:40px}
body.accueil .tm-bottom-a h3.uk-panel-title {text-align:left}
body.accueil .tm-bottom-a > .uk-container {max-width:900px}
body.accueil .tm-bottom-a .tm-block-default-panel > p {margin:0}
body.accueil .tm-bottom-a .uk-dotnav > * > * {background:#001526}
body.accueil .tm-bottom-a .uk-dotnav > * > :hover {background:#0074af}
body.accueil .tm-bottom-a .uk-dotnav > .uk-active > * {background:#0074af;border-color:#0074af}
body.accueil .tm-bottom-a li .uk-text-left {margin-top:0}
body.accueil h1 {margin:0 0 40px}
body.accueil .tm-block.tm-main h2 {font-size:30px;line-height:30px;text-align:center;margin: 40px 0 20px 0}
body.accueil .tm-block.tm-main h2 > span {font-size:30px;font-weight:300;letter-spacing:-1px}
body.accueil .expertises h3 {text-transform:uppercase}


/* ========== PIEUX BATTUS ========== */
.domaines-application {margin:40px 0 0}


/* ========== TUBES & ACCESSOIRES ========== */
body.tubes-accessoires .tm-bottom-a {background:white;padding-top:0}
body.tubes-accessoires .tm-bottom-b {background:#edf0f2;padding-top:60px}
body.tubes-accessoires .tm-bottom-a > .uk-container {max-width:1300px}
body.tubes-accessoires .tm-bottom-a .uk-panel-box {padding:0;border:none}
/* LVL 1 */
body.tubes-accessoires .tm-bottom-a .uk-tab-grid {border-bottom:1px solid #0074AF;margin:0}
body.tubes-accessoires .tm-bottom-a .uk-tab-grid:before {border:none}
body.tubes-accessoires .tm-bottom-a .uk-tab-grid li:nth-child(1) a {margin-right:10px}
body.tubes-accessoires .tm-bottom-a .uk-tab-grid li:nth-child(2) a {margin-left:10px}
body.tubes-accessoires .tm-bottom-a .uk-tab-grid li a {text-align:center;text-transform:uppercase;font:700 24px/24px "Roboto Condensed",arial,sans-serif;color:#0074AF;
	background:#edf0f2;border:none;padding:20px;margin:0}
body.tubes-accessoires .tm-bottom-a .uk-tab-grid li.uk-active a {background:#0074af;color:white;padding-bottom:40px}
body.tubes-accessoires .tm-bottom-a .uk-tab-grid li:not(.uk-active) > a:hover {margin-bottom:0;padding-bottom:39px}
/* LVL 2 */
body.tubes-accessoires .tm-bottom-a .uk-switcher.uk-margin-top {margin-top:0!important}
body.tubes-accessoires .tm-bottom-a .uk-switcher > li > .uk-panel > .uk-margin > p {display:none}
body.tubes-accessoires .tm-bottom-a .uk-switcher > li > div > div > .uk-grid-match .uk-switcher.uk-text-left {display:flex;align-items:center}
body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match {padding:20px 0;margin-left:0;border-bottom:1px solid #0074af}
body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-1-5 {width:15%;padding-left:0}
body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-4-5 {width:85%}
body.tubes-accessoires .tm-bottom-a .uk-switcher ul.uk-tab-left {border:none;background:#edf0f2;display:flex;justify-content:center;flex-direction:column}
body.tubes-accessoires .tm-bottom-a .uk-switcher ul.uk-tab-left > li {margin-right:0}
body.tubes-accessoires .tm-bottom-a .uk-switcher li {border:none}
body.tubes-accessoires .tm-bottom-a .uk-switcher li a {text-transform:none;font-weight:400;background:#edf0f2;color:#0074AF;border:none;margin:0;padding:5px 10px;text-align:left}
body.tubes-accessoires .tm-bottom-a .uk-switcher li a:hover {border:none;margin:0}
body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-tab-left li.uk-active a {background:#0074af;color:white}
body.tubes-accessoires .tm-bottom-a .uk-switcher h3.uk-panel-title {text-align:left;color:#0074AF;font-family:inherit}
body.tubes-accessoires .tm-bottom-a .uk-switcher ul.uk-text-left {margin-top:0}
body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div:last-child {/*border:1px solid #001526;padding:20px*/}
body.tubes-accessoires h3.tubes-content {}
body.tubes-accessoires p.tubes-content {margin:0;font:300 16px/20px "Roboto Condensed",arial,sans-serif}
body.tubes-accessoires .tm-bottom-a .uk-switcher li a.download {background:none;display:inline-block;padding:0;margin:0}
body.tubes-accessoires .tm-bottom-a .uk-switcher li a.download:hover {color:#001526}


/* ========== REFERENCES GEOLOCALISEES ========== */
body.references-geo .uk-container {max-width:1300px;text-align:center}
body.references-geo .tm-block-fullwidth > .uk-container {max-width: 100%}
body.references-geo .uk-text-left {margin-top:6px}
body.references-geo .uk-width-medium-1-2 {padding-left:10px}
body.references-geo h3.uk-h3 {font-size:18px;line-height:18px;padding:0px;margin-bottom:10px}
body.references-geo .uk-margin {margin:0}
body.references-geo .uk-text-center + .uk-margin {margin:10px 0 0}
body.references-geo .gm-style-iw > div > div {overflow:hidden}
body.references-geo .gm-style-iw .uk-text-center > h3 + div > p {margin-top:10px;font-size:13px;line-height:15px;text-align:center; overflow:hidden}
body.references-geo .uk-text-center p {margin:0}
body.references-geo .uk-text-center p a.uk-button.uk-button-link {font-size:13px;line-height:34px}
body.references-geo p {margin-top:10px}
body.references-geo .gm-style-iw {margin:3px 0 0 10px}


/* ========== ETUDES DE CAS ========== */
body.etude-cas div.etude-img {display:inline-block;vertical-align:top}
body.etude-cas p + div.etude-img {margin-right:25px;margin-top:10px}
body.etude-cas div.etude-img + div.etude-img {margin-top:10px}
body.etude-cas div.etude-img img {width:100%}
body.etude-cas div.etude-img div {padding:10px;text-align:center;font-style:italic;font-size:14px;background:#edf0f2}
body.etude-cas div.exergue {background:#edf0f2;padding:20px;display:block;margin:40px auto;text-align:center}
body.etude-cas div.exergue  p {text-align:center;line-height:30px}
body.etude-cas .itemFullText > p:last-child {margin-bottom:0}
/* LVL 1 */
body.etude-cas .uk-tab-grid {border-bottom:1px solid #0074AF;margin:0}
body.etude-cas .uk-tab-grid:before {border:none}
body.etude-cas .uk-tab-grid li:nth-child(1) a {margin-right:10px}
body.etude-cas .uk-tab-grid li:nth-child(2) a {margin-left:10px}
body.etude-cas .uk-tab-grid li a {text-align:center;text-transform:uppercase;font:700 24px/24px "Roboto Condensed",arial,sans-serif;color:#0074AF;
	background:#edf0f2;border:none;padding:20px;margin:0}
body.etude-cas .uk-tab-grid li.uk-active a {background:#0074af;color:white;padding-bottom:40px}
body.etude-cas .uk-tab-grid li:not(.uk-active) > a:hover {margin-bottom:0;padding-bottom:39px}

/* ========== TELECHARGEMENTS ========== */
body.downloads .tm-main {text-align:center}
body.downloads .tm-main p {text-align:center}
body.downloads a.download::before {content:"";background:url(../../../images/telechargements/coulon-pieux-battus-telechargement-picto.png);width:50px;height:80px;display:block;margin:20px auto 40px}
body.downloads a.download {display:inline-block;background:#001526;color:white;padding:40px;text-transform:uppercase;font-weight:700;letter-spacing:0.5px}
body.downloads a.download:hover {background:#0074af;text-decoration:none}

/* ========== CONTACT ========== */
body.contact .uk-alert {display:none}
body.contact .formRed {text-align:center}
body.contact .tm-content {text-align:center}
body.contact #userForm {display:inline-block;padding:60px;margin:0;background:#edf0f2}
body.contact #userForm {max-width:900px;display:inline-block}
body.contact #userForm .rsform-block {margin-bottom:15px;color:#001526}
body.contact #userForm .rsform-block.envoyer {margin-bottom:0}
body.contact #userForm .formBody {text-align:left}
body.contact #userForm input, body.contact #userForm textarea {width:300px;max-width:300px;margin:0;padding:3px 10px;border:1px solid rgba(0,21,38,0.3);border-radius:0;box-shadow:none;color:#0074af}
body.contact #userForm input:focus, body.contact #userForm textarea:focus {border-color:#0074af}
body.contact #userForm .formControlLabel {width:90px;font-weight:400}
body.contact #userForm .formControls {margin-left:110px;max-width:322px}
body.contact #userForm input[type="radio"] {width:auto;margin:0 10px 0 0}
body.contact #userForm #message {max-height:600px}
body.contact #userForm label {margin:3px 15px 3px 3px;font-weight:300}
body.contact #userForm img {margin-right:10px}
body.contact #userForm input[type="reset"], body.contact #userForm input[type="submit"]  {
	background:#001526;color:white;width:48%;padding:8px 12px;font-weight:400;text-transform:uppercase;font-family:inherit;border:none;margin:0}
body.contact #userForm input[type="reset"]:hover, body.contact #userForm input[type="submit"]:hover {background:#0074af}
/* BOTTOM A */
body.contact .tm-bottom-a h2 {margin-bottom:20px}
body.contact .tm-bottom-a h3 {text-transform:none;margin-bottom:15px}
body.contact .tm-bottom-a table {width:100%}

/* ========== SITEMAP ========== */
/*body.sitemap h1 {margin-top:0}*/
body.sitemap .tm-content {text-align:center}
body.sitemap #xmap {display:inline-block;text-align:left;margin:0}
body.sitemap #xmap ul.level_0 {padding:60px;margin:0;background:#edf0f2}
body.sitemap #xmap ul li {text-transform:uppercase;font-size:18px;font-weight:400;line-height:36px}
body.sitemap #xmap > ul > li {list-style:none;color:#0074af;font-weight:700}
body.sitemap #xmap > ul > li ul {padding-left:50px}
body.sitemap .article_separator {display:none}


/* ========================================================================
   								Responsive
 ========================================================================== */


/***** Ordinateurs portables *****/ 
@media (max-width: 1220px) {
	/* ========== TUBES & ACCESSOIRES ========== */
	body.tubes-accessoires .tm-bottom-a .uk-switcher li a {padding:10px 5px;font-size:14px}
	body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-1-5 {width:16%}
	body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-4-5 {width:84%}

}

@media (max-width: 1000px) {body.etude-cas p + div.etude-img {margin-right:3px}}


/***** Tablettes *****/
@media (max-width: 959px) {
	/* ========== FOOTER ========== */
	.tm-block-footer a, .tm-block-footer .uk-subnav > li > a, .tm-block-footer .footer-liens a {font-size:14px}
	.tm-block-footer .footer-liens {padding:0 0 5px}
	
	/* ========== ACCUEIL ========== */
	body.accueil .tm-top-b h3.uk-panel-title {font-size:18px}
	body.accueil .tm-top-b .uk-panel figure, body.accueil .tm-top-b .uk-panel img {width:100%}
	
	/* ========== TUBES & ACCESSOIRES ========== */
	body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-1-5 {width:21%}
	body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-4-5 {width:79%}
	body.tubes-accessoires h3.tubes-content {font-size:16px}
	
	body.etude-cas p + div.etude-img, body.etude-cas div.etude-img {width:100%;display:block;margin:40px auto 0px}
	
}


/***** Smartphones (paysage) *****/
@media (max-width: 767px) {
	/* ========== LAYOUT ========== */
	.tm-top-a.tm-block-fullwidth{height:70px}
	.banniere {display:none}
	.tm-main img {width:100%}
	h1, h2, .tm-block.tm-main h2, h3 {text-align:center}
	
	/* ========== MODULES ========== */
	.avantages table td {display:block;width:100%}
	
	/* ========== FOOTER ========== */
	.tm-footer {max-width:400px;margin:auto}
	.tm-block-footer a, .tm-block-footer .uk-subnav > li > a, .tm-block-footer .footer-liens a {font-size:16px;line-height:40px}
	.tm-block-footer .footer-liens {padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.3)} 
	.tm-block-footer .footer-liens table td {display:block;width:100%;}
	.tm-block-footer .footer-liens table td:nth-child(2) {border:none}
	.tm-footer .uk-panel + .uk-panel, .tm-block-footer .uk-subnav > li, .tm-block-footer .uk-subnav, .footer-menu .uk-subnav-line > :nth-child(n+2)::before {margin:0;padding:0}
	.tm-block-footer .uk-subnav > li {display:block;width:100%;float:none;padding:none}
	.tm-footer .uk-panel.footer-menu + .uk-panel {margin-top:20px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.3)}
		
	/* ========== ACCUEIL ========== */
	body.accueil .tm-block.tm-main .uk-grid-match .uk-panel {padding:20px}
	body.accueil .tm-bottom-a .uk-panel-teaser {float:none;display:block;width:100%;margin:0 auto 40px auto}
	body.accueil .tm-bottom-a h3.uk-panel-title {text-align:center}
	body.accueil .tm-bottom-a .uk-slidenav-position {width:85%;margin:auto}
	body.accueil .tm-bottom-a .uk-dotnav {margin-top:10px}
	
	/* ========== TUBES & ACCESSOIRES ========== */
	body.tubes-accessoires .tm-bottom-a .uk-switcher li a {padding:20px;font-size:18px}
	body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match {padding:20px 5%}
	body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-1-5 {width:auto;float:none;display:block;margin:auto;margin-bottom:20px}
	body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-4-5 {width:100%;padding-left:0;}
	body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-4-5 .uk-width-medium-2-5 img {display:block;margin:auto;width:100%;max-width:100%}
	body.tubes-accessoires .tm-bottom-a .uk-switcher .uk-grid-match > div.uk-width-medium-4-5 .uk-margin {text-align:center}
	body.tubes-accessoires h3.tubes-content {text-align:center!important;font-size:18px}
	body.tubes-accessoires .tm-bottom-a .uk-switcher li a.download {text-align:center!important;margin-top:10px}
	body.tubes-accessoires .tm-bottom-a .uk-tab-responsive .uk-dropdown {padding:0}
	
	/* ========== CONTACT ========== */
	body.contact #userForm {padding:40px}
	body.contact #userForm img {width:auto;margin:0 0 10px}
	body.contact #userForm .formControlLabel {margin-bottom:10px;text-align:left;width:100%}
	body.contact #userForm .formControls {margin-left:0}
	body.contact #userForm .rsform-block-civilite .formControls input {margin:0 0 10px}
	body.contact #userForm .rsform-block-civilite .formControls label {margin:-30px 0 10px 20px;width:100%}
	body.contact #userForm input, body.contact #userForm textarea {box-sizing:border-box;max-height:none;height:auto}
}


/***** Smartphones (portrait) *****/
@media (max-width: 479px) {
	/* ========== LAYOUT ========== */
	.uk-panel-box {padding:20px}
	.tm-block {padding-top:20px;padding-bottom:20px}
	.tm-block-collapse {padding:0}
	.uk-text-left {margin-top:20px}
	* + .uk-margin {margin-top:15px}
	.uk-margin {margin-bottom:15px}
	h1 {font-size:30px}
	h2, .tm-block.tm-main h2 {font-size:20px}
	.tm-bottom-a {padding-bottom:20px}
	
	/* ========== ACCUEIL ========== */
	body.accueil .tm-block.tm-main .uk-grid-match .uk-panel {padding:0}
	body.accueil .tm-main-top {padding-top:20px}
	body.accueil .tm-bottom-a .uk-margin {margin-top:40px}
	body.accueil h1, body.accueil h2 {padding-top:40px}
	body.accueil .tm-bottom-a {padding-top:0}
	
	/* ========== CONTACT ========== */
	body.contact #userForm {padding:20px}
	body.contact #userForm input[type="submit"] {width:100%;margin:0}
		body.contact #userForm input[type="reset"] {width:100%;margin:10px 0 0}
}


/***** Mini *****/
@media (max-width: 320px) {
	/* ========== MENU & LOGO ========== */
	.uk-nav-offcanvas > li > a {font-size:18px;padding:10px}
	.uk-nav-offcanvas .uk-nav-sub {font-size:14px;padding:20px 10px}
}