@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i&display=swap');

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,index.php
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
position:relative;
}
html{margin-top: 0 !important;}
.bg-angle form input.submit_form_search {
border:none; 
margin:0; 
padding:0; 
  background:url(img/loupe.png);
  background-size: 100%;
  height: 20px;
  width: 20px;
}
body {
  line-height: 1.5;
  overflow-x: hidden;
}
/*
ol, ul {
list-style: none;
}
*/
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a{
  text-decoration: none;
  color: #5B82B4;
}
a:hover {
  color: black;
}
.big_brother {display:inline-block; vertical-align:middle; height:100%;}
.brother {display:inline-block; vertical-align:middle;}
.onlyDesktop {}
.onlyTouch {display:none;}
.fwbold{
font-weight: bold;
}
.responsive {text-align:left;}
.site, textarea{
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #000;
}
.clearfix {
clear: both;
}
.container-full{
max-width: 1350px;
padding: 0;
margin: 0 auto;
position:relative;
}
.container{
max-width: 1350px;
padding: 0 35px;
margin: 0 auto;
}

.site header{
background: url("img/bgheader.jpg") #5B82B4 center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
  background-size: cover;
  padding: 70px 35px 0;
}

.numbers-wrapper{
padding: 15px 0;
text-align: right;
/* background: red; */
}

.numbers{
display: inline-block;
}
.numbers a {
color:#000;
text-decoration: none;
}
.numbers.first{
margin-right: 50px;
}
.container_logo {
  padding: 0;
}
.logo{
display: inline-block;
position: absolute;;
}
.logo a img {position:relative;}
.logo a {
  display: none;
}
.logo a:first-child {
  display: inline-block;
}

.top-nav{
float: right;
background: white;
position: relative;
}
.top-nav:after{
content:"";
clear: both;
}
.top-nav ul{
list-style: none;
margin: 0;
padding: 0;
font-size: 0px;
line-height: normal;
height:48px;
}
.top-nav ul li{
display: inline-block;
height:100%;
vertical-align:top;
position:relative;
}
.top-nav ul li.menu_panier a {
vertical-align:top;
color:#5B82B4;
}
.top-nav ul li.menu_panier a:before,
.menu_touch ul li.menu_panier a:before {
display:inline-block;
vertical-align:top;
content:"";
background:url(img/wishlist_icon3.png);
width:22px;
height:27px;
margin:0  10px 0 0;
position:relative;
top:-6px
}
.white_space {background:white; position:absolute; right:0px; height:48px; top:0px; width:50%;}

.top-nav ul li form {
position:relative;
top:50%;
transform: translateY(-50%);
}

.top-nav ul li form input[type=text] {
width: 90px;
border:none;
  height:48px;
  text-transform: uppercase;
  margin-left: 5px;
}

.top-nav ul li form input[type=text]:focus {
outline: 0;
}

.top-nav ul li form input:-webkit-autofill {
background-color: #FAFFBD !important;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px black inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #fff;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px #5B82B4 inset;
    -webkit-text-fill-color: #fff;
}

.top-nav ul li a{
display: block;
padding: 15px 8px;
color: #000;
font-size: 14px;
  font-weight: 500;
text-align: center;
}

.top-nav ul li a:hover, .top-nav ul li.menu_panier a:hover { color: #5B82B4; }



.bg-angle-l:before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 48px 48px 0 ;
border-color: transparent #000 transparent transparent;
position: absolute;
top: 0;
left: -48px;
}
li.bg-angle-r{
margin-right: 60px;
}
.bg-angle-r:after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 48px 0 0 48px;
border-color: transparent transparent transparent #000;
position: absolute;
bottom: 0;
}
.bg-angle{
background: #000;
vertical-align: middle;
}
.bg-angle a{
color: #fff !important;
}

.bg-angle form input{
background: #000;
border: none;
color: #FFF;
display: inline-block;
font-size: 12px;
vertical-align: middle;
}

.tpml_interne header {
background:url(img/bgheader.jpg) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:426px;
}

section { padding: 0 35px; }
.wrap_content {position:relative; bottom:125px; }
section .container{ background:#FFF;}
.paralax .container{ background:none;}
.first_sec .container { position:relative; padding:0; }

::-webkit-input-placeholder {
color: #FFF;
}

:-moz-placeholder { /* Firefox 18- */
color: #FFF;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #FFF;
}

:-ms-input-placeholder {
color: #FFF;
}
.main-nav{
margin-top: 50px;
background: white;
}
.main-nav ul{
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
  line-height: normal;
  display: flex;
}
.main-nav ul li{
display: inline-block;
/*background: rgba(255,255,255,0.8);*/
vertical-align:top;
/*padding:0 2.064%;*/
  /* padding: 0 1.7%; */
  padding: 0 1.75%;
position:relative;
}

.main-nav ul li.lien_news {
  padding: 0 1.65%;
  text-transform: uppercase;
}

.main-nav ul li.lien_news a {
  font-weight: normal;
}

.main-nav ul li a{
display: block;
padding: 15px 0;
color: #000;
font-weight: 900;
font-size: 18px;
text-decoration: none;
}
.main-nav ul li.last{
  padding: 0 1.8%;
  margin-left: auto;
  float: right;
  text-transform: uppercase;
}

.main-nav ul li.last a {
  font-weight: normal;
}

.main-nav ul li.last:hover a{
color: #5B82B4;
background: none;
}

.main-nav ul li.last:hover{
background: none;
}

.main-nav ul li.last {
background: #5B82B4;
}


.main-nav ul li.lien_news{
float:right;
background: #000;

}

.main-nav ul li.lien_news a{

color: #fff;

}
.main-nav ul li.lien_news:hover{
background: none;

}

.main-nav ul li.lien_news:hover a{
background: none;

color: #000;
}

.main-nav ul li.last a{
background: #5B82B4;

color: #FFF;
}

.main-nav ul li:hover {
background: #5B82B4;
}
.main-nav ul li:hover a{
background: #5B82B4;
color: #FFF;
}

.main-nav ul li .submenu ul {
display:inline-block;
vertical-align: top;
padding:0 20px;
}

.submenu {

}

.main-nav ul li .submenu ul li {
padding:5px 0;
}

.main-nav ul li:hover .submenu {
display:inline-block !important;
position:absolute;
left: 0px;
padding:20px 0;
background:#5B82B4;
z-index: 2;

}

.main-nav ul li:hover .submenu li:hover a {
color:#000;

}

.main-nav ul li ul li {
display:block;
}

.main-nav ul li ul li a {
font-size:14px; color:#fff; padding: 0; font-weight:normal;
}

/*
.main-nav ul li a.first{
padding-left: 0;
}
*/

.main-nav .container{
padding: 0;
}
.main-nav ul .submenu {
display: none;
}

.stickTab_budjet {position:fixed; top:275px; z-index: 2; height:233px; background:#5B82B4; display: none;}
.stickTab_budjet.open {right:0px;}
.stickTab_budjet.close {right:-222px;}
.stickTab_budjet .btn_sticktab {cursor:pointer; display:inline-block;}
.stickTab_budjet .content_sticktab {top:50%; transform: translateY(-50%); width:222px;  display:inline-block; vertical-align:top; position: relative; padding:0 20px; border-left: 3px solid #fff;}
.stickTab_budjet .content_sticktab span {font-size:15px; color:#fff;}
.stickTab_budjet .content_sticktab span.middle {position:absolute; left:50%; transform:translateX(-50%);}
.stickTab_budjet .content_sticktab span.last {float:right;}
.stickTab_budjet .content_sticktab .span_amount {margin:10px 0 0 0; padding:0 5px;}

/*

.stickTab_budjet {position:fixed; top:275px; z-index: 2; height:233px; background:#5B82B4; }
.stickTab_budjet.open {left:0px;}
.stickTab_budjet.close {left:-222px;}
.stickTab_budjet .btn_sticktab {cursor:pointer; display:inline-block;}
.stickTab_budjet .content_sticktab {top:50%; transform: translateY(-50%); width:222px;  display:inline-block; vertical-align:top; position: relative; padding:0 20px; border-right: 3px solid #fff;}
.stickTab_budjet .content_sticktab span {font-size:15px; color:#fff;}
.stickTab_budjet .content_sticktab span.middle {position:absolute; left:50%; transform:translateX(-50%);}
.stickTab_budjet .content_sticktab span.last {float:right;}
.stickTab_budjet .content_sticktab .span_amount {margin:10px 0 0 0; padding:0 5px;}
*/

.btn_budget {position:relative; cursor:pointer; display:block; width:100%; padding:10px 12px; border:1px solid #fff; color:#fff; font-size:13px; text-transform:uppercase; margin:25px 0 0 0;}
.btn_budget:after {
content:"";
display:block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 10px solid #fff;
position:absolute;
right:4px;
margin:-15px 0 0 0;
}
/*
.main-nav ul li:hover > ul {
display: inline-block;
}
*/
.colhalf{
width: 50%;
display: inline-block;
vertical-align:top;
}
.colhalf img{
max-width: 100%;
}
.colhalf.fullimg{
text-align: right;
padding-left: 3%;
}

.colhalf--padding-left.fullimg {
  padding-left: 10%;
}

.over-image {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3rem;
  text-align: left;
  color: white;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.over-image p {
  font-size: 16px;
  line-height: 22px;
}

.over-image .btn {
  align-self: flex-start;
}

.relative {
  position: relative;
}

.lgtitle{
  font-size: 30px;
  line-height: 35px;
font-weight: bold;
margin: 0px 0 1rem 0;
  text-transform: uppercase;
  color: black;
}

.lgtitle--white {
  color: white;
}

.sec_la_promo h2.lgtitle { font-size: 30px; margin:20px 0 0 0; }
.sec_la_promo h3.lgtitle { font-size: 25px; margin:60px 0 0 0; text-align:left;}
.lgtitle.blue {
/* color: #5B82B4; */
}


.lgtitle.blue:after{
content:" ";
width: 60px;
border-bottom: 5px solid #5B82B4;
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
}
.lgtitle.black{
color: #000;
}
.lgtitle.black:after{
content:" ";
width: 60px;
border-bottom: 5px solid #5B82B4;
display: block;
margin: 1rem auto;
}
.sec_la_promo { /*padding: 30px 0 0 0;*/ }

.sub-text{
font-size: 16px;
line-height: 1.3;
margin: 15px 0;
}
.text-list{
margin: 15px 0;
}
.text-list li{
margin: 10px 0;
  font-size: 16px;
  font-weight: 500;
}
ul.text-list{
  list-style-type: disc;
list-style-position: inside;
}

.italic {
  font-style: italic;
}

.btn {
  text-transform: uppercase;
  color: white;
  padding: 0.75rem 1.25rem;
  background-color: #5B82B4;
  font-size: 18px;
  position: relative;
  display: inline-block;
  margin-top: 1rem;
  border: none;
  cursor: pointer;
}

.btn:hover {
  background-color: black;
  color: white;
}

.btn:focus {
  outline: none;
}

.btn-mailchimp:hover {
  background-color: #5b82c8;
}

.btn--black {
  background-color: black;
}

.btn--black:hover {
  background-color: #5B82B4;
}

.btn--arrow {
  margin-top: 1.5rem;
  padding-right: calc(1.5rem + 14px);
}

.btn--arrow:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 8px solid #fff;
  margin: 0 0 0 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.btn-blue{
font-size: 15px;
color: #5B82B4;
font-weight: bold;
text-transform: uppercase;
padding: 10px 12px;
background: #FFF;
text-decoration: none;
border: 1px solid #5B82B4;
margin: 20px 0;
display: inline-block;
}

.btn-blue.actif_ {
color: #FFF;
background: #5B82B4;
border: 1px solid #5B82B4;
}

.no-touch .btn-blue:hover{
color: #FFF;
background: #5B82B4;
border: 1px solid #5B82B4;
}
.btn-blue-sm{
font-size: 12px;
color: #5B82B4;
font-weight: bold;
text-transform: uppercase;
padding: 7px;
background: #FFF;
text-decoration: none;
border: 1px solid #5B82B4;
margin: 20px 0 0 0;
display: inline-block;
}
.no-touch .btn-blue-sm:hover{
color: #FFF;
background: #5B82B4;
border: 1px solid #5B82B4;
}
.btn-trans{
font-size: 21px;
color: #FFF;
font-weight: bold;
text-transform: uppercase;
padding: 10px 12px;
background: rgba(0, 47, 73, 0.45);
text-decoration: none;
border: 1px solid #fff;
margin: 20px 0;
display: inline-block;
}
.no-touch .btn-trans:hover{
color: #5B82B4;
background: #FFF;
border: 1px solid #5B82B4;
}
.container.products_vedette{
text-align: center;
position:relative;
padding: 120px 70px 60px;
}
.btn_prec_slide_home:after {cursor: pointer; content:""; display:block; width:70px; height:200px; background:url(img/arrow_prec.png) no-repeat center center; position:absolute; top:50%; left:0px;   transform: translateY(-50%);}

.btn_next_slide_home:before {cursor: pointer; content:""; display:block; width:70px; height:200px; background:url(img/arrow_next.png) no-repeat center center; position:absolute; top:50%; right:0px;   transform: translateY(-50%);}
.no-touch .btn_prec_slide_home:hover:after {opacity:0.5;}
.no-touch .btn_next_slide_home:hover:before {opacity:0.5;}
.slick-prev {display:none !important;}
.slick-next {display:none !important;}
.wrap-box-product{
  margin-top: 3rem;
}


.box-product{
width: 18%;
display: inline-block;
margin: 0 0.5%;
  vertical-align: top;
}

.slick-slider.responsive .box-product{ margin: 0; padding:0 10px; }
.slick-slider.responsive .box-product .txt_nom_produit:hover {opacity:0.7;}
.box-product a{
display: block;

}
.wrap-box-img{
position: relative;
}
.box-product a img{
max-width: 100%;


}
.box-product a.box-link img{

  border: 1px solid #e5e5e5;

}
.hover-blue .dtcell  {text-align:center;}
.box-product h3{
color: #5B82B4;
text-transform: uppercase;
font-weight: bold;
margin: 10px 0;
text-align: left;
min-height:84px;
}
.box-product p{
text-align: left;
}
.fontb{
font-weight: bold;
}
.hover-blue{
background: rgba(0, 147, 208, 0.85) center center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
border: 2px solid #FFF;
}
.dtable{
display: table;
height: 100%;
width: 100%;
}
.dtcell{
display: table-cell;
vertical-align: middle;
height: 100%;
}
.hover-blue img{
width: initial;
border: none;
display:inline-block !important;
}
.hover-blue p{
color: #FFF;
font-size: 24px;
font-weight: lighter;
margin: 10px auto;
text-transform: uppercase;
text-align: center;
}
.no-touch .wrap-box-img:hover .hover-blue{
opacity: 1;
}
.paralax{
background: url("img/bg-blue.jpg") center center;
/* background-attachment: fixed; */
}

.inner-para{
padding: 135px 0;
}
.inner-para p{
font-size: 40px;
  line-height: 47px;
  font-weight: 900;
color: #fff;
text-transform: uppercase;
}
.bg-text-black{
background: #000;
padding: 0 7px;
}
.innercol{
margin: 30px 0 0 0;
}
.gray-border img{
border: 1px solid #dfdfdf;
}
.imgbox img{
max-width: 100%;
height: auto;
}
.tpml_home header { }
.tpml_home .solutions .container,
.tpml_cat .sec_categorie .container  { padding: 60px 55px 0; }
.tpml_home .container_txt_header { position: relative; padding: 5rem 0 10rem; }
.tpml_home .txt_header {  /*position: absolute; top: 50%; transform: translateY(-50%);*/ }
.tpml_home .txt_header .big_title {  line-height: 1; font-weight:900; font-size:40px; line-height: 47px; color:white; text-transform:uppercase;}
.tpml_home .txt_header .small_title  { font-weight:normal; font-size:18px; color:white; line-height:21px; display:inline-block; margin:5px 0 0 0;}
.tpml_home .txt_header .link {position:relative; display:inline-block; margin:10px 0 0 0; color:#fff; font-size:20px; text-transform:uppercase; line-height:35px; border:1px solid #fff; padding:0 40px 0 20px; text-decoration:none; background:rgba(0,0,0,0.5);}

.tpml_home .txt_header .link:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 10px solid #fff;
position: absolute;
margin: 0 0 0 10px;
top: 50%;
transform: translateY(-50%);
}

.no-touch .tpml_home .txt_header .link:hover {background:#000;}

.textbox{
vertical-align: top;
padding: 0 15px;
line-height: 1.3;
}

a:hover .smtitle {
opacity:0.8;
}
a:hover .wp-post-image {
opacity:0.8;
}

.smtitle {
font-size: 16px;
font-weight: bold;
margin: 0 0 12px 0;
text-transform: uppercase;
color: #000;
}
.medtitle {
font-size: 20px;
text-transform: uppercase;
margin: 15px 0 0 0;
}
.medtitle.blue{
color: #5B82B4;
}
.smtitle:after {
content: "";
width: 75px;
border-bottom: 2px solid #989696;
display: block;
margin-top: 12px;
margin-bottom: 15px;
}
.banner-promo{
background: #5B82B4;
}
.list-promo{
text-align: center;
}
.list-promo ul{
list-style: none;
margin: 0;
padding: 0;
font-size: 0px;
line-height: normal;
}
.list-promo ul li{
display: inline-block;
}
.list-promo ul li a{
display: block;
padding: 35px 55px 35px 45px;
color: #FFF;
  font-size: 20px;
  line-height: 24px;
text-decoration: none;
}
.no-touch .list-promo ul li a:hover{
  text-decoration: underline;
}
.promotions-icon a {
background:url("img/UniProcess_Icone_sun.svg") no-repeat 0px 30px transparent;
}
.produits-icon a {
background:url("img/UniProcess_Icone_star.svg") no-repeat 0px 30px transparent;
}
.articles-icon a {
background:url("img/UniProcess_Icone_articles.svg") no-repeat 0px 30px transparent;
}
footer {
font-family: 'Roboto', sans-serif;
}
.footer-menu .colquart a.btn_contact_footer {  padding: 0; cursor:pointer;}
.footer-menu{
  background: #f3f3f3;
  padding: 0 35px;
}
.footer-menu .container {
  padding: 0;
}
.colquart{
width: 22%;
display: inline-block;
margin: 0 1%;
vertical-align: top;
}

.footer-menu ul{
list-style: none;
margin: 0;
padding: 0;
font-size: 0px;
line-height: normal;
}
.footer-menu ul li{
display: block;
}
.no-touch .footer-menu ul li a:hover{
color: #5B82B4;
}

.social {
  border-radius: 50%;
  overflow: hidden;
  width: 35px;
  height: 35px;
  background-color: black;
  font-size: 22px;
  display: inline-block;
  margin-right: 1rem;
  position: relative;
}

.social:last-child {
  margin-right: 0;
}

.social:hover {
  background-color: #5B82B4;
}

.social i { 
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.footer__contact {
  width: 25%;
  margin-right: 3rem;
  font-size: 1rem;
}

.footer__contact div {
  margin-top: 2rem;
}

.footer__contact div:first-child {
  margin-top: 0;
}

.footer__contact-info span {
  display: block;
  line-height: 2;
}

.footer__contact-info a {
  color: black;
}

.footer__contact-info a:hover {
  text-decoration: underline;
}

.footer__menus {
  width: 50%;
}

strong {
  font-weight: bold;
}

.footer__menus-list {
  display: flex;
  justify-content: space-between;
}

.footer__menus-list a{
  display: block;
  padding: 10px 0;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}

.mdtitle{
font-size: 20px;
  line-height: 24px;
  font-weight: 900;
margin: 0 0 1.5rem 0;
text-transform: uppercase;
color: #5B82B4;
}

.wrap-footer-menu{
  padding: 5rem 0;
  display: flex;
}
.copyright{
background: #8b898a;
text-align: center;
color: #FFF;
font-size: 16px;
text-transform: uppercase;
}
.copyright a{
color: #FFF;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
}
.no-touch .copyright a:hover{
  text-decoration: underline;
}
.wrap-copyright{
padding: 10px 0;
}

@media screen and (max-width: 1150px) {
  .footer__menus {
    width: 75%;
  }
}

.dblock{
display: block;
font-weight: 600;
}
.tpml_home .wrap_content{
bottom: 5rem;
}
.wrap-blogue{
padding: 5% 0 9% 0;
}
.innertopbox{
padding: 60px 55px;
}
.fildari{
margin: 0 0 55px 0;
text-transform: uppercase;
}
.fildari a{
color: #000;
text-transform: uppercase;
text-decoration: none;
}
.fildari{
list-style: none;
}
.fildari li{
display: inline-block;
margin-right: 5px;
}
.no-touch .fildari a:hover{
text-decoration: underline;
}
.currentpage{
color: #5B82B4;
}
.block-img-promo{
padding: 40px 0;
}
.block-img-promo img{
max-width: 100%;
}

/*---Équipe---*/
.btnTeamCategory{text-align: center;}
.btnTeamCategory .btn-blue{
font-weight: inherit;
margin: 20px 10px;
}
.imgTeam{
margin: 20px 0;
display: inline-block;
  width: 100%;
}
.imgTeam .profile{display:inline-block;   width: 16.6666666666%; position: relative; vertical-align:top;}
.imgTeam .profile img {max-width:100%;}
.imgTeam .profile .boxInfoProfile{
position: absolute;
left: 100%;
background: url("img/bgBoxProfile.png");
top:0;
z-index: 100;
width: 200%;
height:auto;
padding: 25px 30px 50px 30px;
display: none;
}
.imgTeam .profile .boxInfoProfile:before{
content:"";
width: 0;
height: 0;
border-top: 33px solid transparent;
border-bottom: 33px solid transparent;
border-right:35px solid #04141c;
left: 0;
position: absolute;
margin-left: -35px;
z-index: 100;
top:25%;
display: block;
}


.imgTeam .profile.boxInfoProfile.left_profile  {left: initial; right:100%;}
.imgTeam .profile .boxInfoProfile.left_profile:before{ right: 0; margin-right: -35px;   left: initial; margin-left: auto; border-top: 33px solid transparent;
border-bottom: 33px solid transparent;
border-left:35px solid #04141c; border-right:none;}
/*
.no-touch .imgTeam .profile:hover .boxInfoProfile:before,
.no-touch .imgTeam .profile:hover .boxInfoProfile{display: block;}
*/
.imgTeam .profile .boxInfoProfile h3{font-size: 26px;}
.imgTeam .profile .boxInfoProfile h4{color: #fff; text-transform: uppercase; margin-top: 5px; font-size: 18px; font-weight: 300;}
.imgTeam .profile .boxInfoProfile h4:after,
.imgTeam .profile .boxInfoProfile .emailProfile:after {
  content: " ";
  width: 55px;
  border-bottom: 1px solid #fff;
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
}
.imgTeam .profile .boxInfoProfile p{color: #fff; margin: 10px 0; line-height: 18px;}
.imgTeam .profile a{
display: block;
background: #5B82B4;
}

.imgTeam .profile a img{
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
opacity: 0.4;
}

.no-touch .imgTeam .profile:hover a img{
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
opacity: 1;
}

.imgTeam .profile .boxInfoProfile.left_profile  {left: initial; right:100%;}
.imgTeam .profile .boxInfoProfile.left_profile:before{ right: 0; margin-right: -35px;   left: initial; margin-left: auto; border-top: 33px solid transparent;
border-bottom: 33px solid transparent;
border-left:35px solid #04141c; border-right:none;}
.imgTeam .profile .boxInfoProfile a {background:none;   color: #fff;
  margin: 10px 0;
  line-height: 18px;}

/** PAGE PRODUIT **/

.imgprod{
width: 48%;
padding-right:2%;
display: inline-block;
}
.imgprod img{
max-width: 100%;
border: 1px solid #e8e8e8;
}
.price{
font-size: 30px;
font-weight: 500;
text-transform: uppercase;
color: #5B82B4;
}
.halfp{
display: inline-block;
width: 50%;
padding-bottom: 10px;
}
.prodcode{
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
color: #000;
text-align: right;
}
.md-title{
font-size: 30px;
font-weight: 300;
margin: 10px 0 25px 0;
text-transform: uppercase;
}
.md-title:after{
content:" ";
width: 75px;
border-bottom: 1px solid #000;
display: block;
margin-top: 22px;
margin-bottom: 15px;
}
.otherstyles{
margin: 0 auto 40px auto;
}
.prodstyle{
display: inline-block;
width: 21%;
margin: 2%;
}
.prodstyle.first{
margin-left: 0%;
}
.prodstyle.last{
margin-right: 0%;
}
.prodstyle img{
max-width: 100%;
border: 1px solid #e8e8e8;
}
.products{
text-align: center;
padding: 8% 0;
}
.bloc-ratings{
float: left;
margin:40px 0 0 0;
text-align: center;
}
.wish_action { float:right; text-align:right; margin:40px 0 0 0;}
.wish_action label { color:#5B82B4; font-size:15px; text-transform:uppercase;    display: block;}
.wish_action label input, .qty { background: #f8f8f9; border:1px solid #f8f8f9; height:30px; line-height:30px; color:#000; padding:0 2%; width:100%; max-width:110px; }
.wish_action .btn_add_wish, .btn_mettre_ajour { color:#5B82B4; font-size:15px; text-transform:uppercase; cursor:pointer; border:1px solid #5B82B4; padding: 5px 30px 5px 10px;    display: inline-block; margin:15px 0 0 0; }
.no-touch .wish_action .btn_add_wish:hover, .no-touch .btn_mettre_ajour:hover { background:#5B82B4; color:#FFF; }
.no-touch .wish_action .btn_add_wish:hover:after, .no-touch .btn_mettre_ajour:hover:after { border-left: 10px solid #fff; }
.wish_action .btn_add_wish:after, .btn_mettre_ajour:after { content:""; display:inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #5B82B4; position:relative; right:-15px; }
.wrap_btn_mise {text-align:right;}
.btn_delete_wish {background:#5B82B4; color:#fff; border-radius: 16px;
  width: 15px;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  text-align: center;
  font-size: 13px;
  padding: 0 4px;
  letter-spacing: -1px; cursor:pointer;}
.btn_send_soumission {color:#fff; font-size:15px; text-transform:uppercase; cursor:pointer; border:1px solid #fff; padding: 5px 30px 5px 10px;    display: inline-block;   float: right;}

.no-touch .btn_send_soumission:hover { background:#fff; color:#5B82B4; border:1px solid #5B82B4; }
.no-touch .btn_send_soumission:hover:after { border-left: 10px solid #5B82B4; }
.btn_send_soumission:after { content:""; display:inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #fff; position:relative; right:-15px; }

 .wrap_input { background:#5B82B4; padding:0 50px 50px 50px;}
 .wrap_input label {font-size:22px; color:#fff; text-transform:uppercase; float:left; width:40%;  display:inline-block; margin:50px 0 0 0;}
  .wrap_input label.second {float:right}
   .wrap_input label input {display:block; background:white; border:1px solid white; width:100%; height:30px; line-height:30px; padding:0 2%; }
  .wrap_input label textarea {font-family: 'Roboto', sans-serif; resize:none; display:block; background:white; border:1px solid white; width:100%; padding:2%; height:130px;}
   .wrap_input label.textarea {width:50%;}
      .wrap_input label.fisrt {margin:0;}
/* ---Contact--- */

.box__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  align-items: center;
  margin-top: 35px;
}

.box__contact-info {
  font-size: 24px;
}

.box__contact-info > span {
  display: block;
  margin-top: 1rem;
}

.box__contact-info small {
  font-size: 14px;
}

@media screen and (max-width: 1150px) {
  .box__container {
    grid-template-columns: 1fr;
  }

  .box__contact-info {
    font-size: 16px;
  }
  .box__contact-info small {
    font-size: 12px;
  }

  .boxMap {
    margin-top: 2rem;
  }
}

.boxMap iframe { width: 100%; height: 450px; }

/*---Catalogue---*/
.colhalf.fullImgLeft{
text-align: left;
padding-right: 3%;
width: 49%;
}

.boxCategorie{padding-top: 120px;}

.boxCategorie .titleCat{
text-align: center;
}

.souscat-content{
text-align: center;
}
.boxCategorie .box-product2 {
width: 22.50%;
display: inline-block;
margin: 2% 1.6666666667%;
vertical-align: top;
}

.boxCategorie .box-product2 h3 { text-align: center; }
.boxCategorie .box-product2.box_cat_row_3 { margin-right: 0; }
.boxCategorie .box-product2.box_cat_row_0 { margin-left: 0; }
.boxCategorie .box-product .dtcell { text-align:center; }

.souscat-content{
text-align: center;
}
.box-product2 {
width: 17.35%;
display: inline-block;
margin: 2% 1.5%;
vertical-align: top;
}

.box_row_4 { margin-right: 0; }
.box_row_0 { margin-left: 0; }


/** menu touch **/
.menu_touch { position:absolute;   width: 20%; height:45px; top: 42.5px;   z-index: 2; right:0; }
.menu_touch a {color:#fff;}
.menu_touch.menu_close ul { display:none; }
.menu_touch.menu_close .btn_menu_touch:before {content:"\f0c9"; color:#000; position:absolute; right:35px; font: normal normal normal 14px/1 FontAwesome;  font-size:45px; cursor:pointer; }
.menu_touch.menu_open .btn_menu_touch:before {content:"\f00d"; color:#FFF; z-index: 1; position:absolute; right:35px; font: normal normal normal 14px/1 FontAwesome;  font-size:45px; cursor:pointer;}
.menu_touch.menu_open ul { display:block; background:#000; position: absolute; width: 100%; top: -44px; left: 0;}
.menu_touch  ul { padding:0 0 10px 0;  list-style-type: none; }
.menu_touch.menu_open ul li { padding: 10px 35px 0; text-align:right; }
.menu_touch.menu_open ul li a {text-transform:uppercase; font-weight:bold;   display: block;}
.menu_touch.menu_open ul li.menu_panier {height:auto;    padding: 50px 35px; text-align:left;}
.menu_touch.menu_open ul li.menu_panier a {display:inline-block; vertical-align: middle; }
.menu_touch.menu_open ul li.recherche {height:45px;  padding:0;}
.menu_touch.menu_open ul li.recherche input {height:45px; background:#5B82B4; border:none; text-align:center; color:#000; width:100%;}
.menu_touch.menu_open ul li.menu_touch_cat {font-size:15px;}
.menu_touch.menu_open ul li.menu_touch_promo a {color:#5B82B4;}
.menu_touch.menu_open ul li.fillet_menu_touch {border-top:1px solid #fff; margin:20px 4% 10px 4%; padding: 0;}

/** panier **/
.thead_wish { background: #5B82B4; padding: 5px 0; width:100%; font-weight:bold; text-transform:uppercase;}
.thead_wish span { padding:0 5px; color:#fff;}
.sec_produit { width:20%; display:inline-block;  vertical-align:top;}
.sec_produit img {max-width:75%;   border: 1px solid #e5e5e5;}
.sec_description { width:60%; display:inline-block; vertical-align:top;}
.sec_qty { width:20%; display:inline-block; vertical-align:top;}
.row_wish {padding:20px 0; border-bottom:1px solid #5B82B4;}
.sec_description .nom_produit { color:#5B82B4; margin:0; padding:0; text-transform:uppercase; }

/*---Blogue---*/
.contentBlogue{width: 70%;}
.sidebarBlogue{width: 30%; padding-left: 30px;}

.contentBlogue,
.sidebarBlogue{
float:left;
}

.tpml_interne .contentBlogue header{background: none; height: auto;}

.entry-title a,
.entry-title {
  color: #5B82B4;
}

.entry-title {
  font-weight: normal;
  margin: 0 0 5px;
  font-size: 18px;
  text-transform: uppercase;
}

.no-touch .entry-title a:hover {
  color: #000 !important;
}

.entry-header{
margin-bottom: 30px;
}

.entry-header .entry-meta {
padding: 0;
clear: both;
font-size: 14px;
}

.entry-meta > span {
  margin-right: 20px;
}

.entry-meta a {
  color: #8D8D8D !important;
}

.no-touch .entry-meta a:hover {
  color: #5B82B4 !important;
}

.entry-meta .date a:before,
.categories-links a:first-child:before,
.comments-link a:before{
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
vertical-align: text-bottom;
margin-bottom: 1px;
}

.entry-meta .date a:before {
  content: "\f303";
}

.categories-links a:first-child:before {
  content: "\f301";
}

.comments-link a:before {
  content: "\f300";
  margin-right: 2px;
  position: relative;
  top: -1px;
}

.hentry {
  padding: 40px 0;
  border-bottom: 1px solid #626262;
}

.hentry:first-child{
padding-top: 0 !important;
}

.format-standard footer.entry-meta {
  margin-top: 30px;
}

.entry-summary p,
.contentBlogue table td{
font-size: 12px;
line-height: 1.5;
}

.contentBlogue table td{
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}

.contentBlogue table td img.alignnone {
  margin: 5px 0;
}

.contentBlogue table,
.contentBlogue table tbody,
.contentBlogue table tbody tr,
.contentBlogue table tbody td{
vertical-align: middle !important;
}

.entry-content p {
  margin-bottom: 1em;
  font-size: 12px;
  line-height: 1.5;
}

.entry-content a strong{
font-weight: bold;
}

.entry-content a{
color: #5B82B4 !important;
}

.contentBlogue table {
  border-bottom: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 20px;
  width: 100%;
}

.sidebarBlogue .sidebar-container {
  position: relative;
  width: 100%;
  top:0 !important;
  z-index: 1;
  float: right;
  padding: 15px;
  color: #fff;
  border: 1px solid #bdbdbd;
}

.sidebarBlogue .widget .widget-title {
  font-size: 15px;
  margin: 0 0 1px;
  color: #5B82B4;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.sidebarBlogue .widget {
  font-size: 12px;
  margin: 0 0 24px;
  word-wrap: break-word;
}

.sidebarBlogue .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.sidebarBlogue input[type="search"] {
  -webkit-appearance: textfield;
  padding-right: 2px;
  width: 100%;
  color: #141412;
  border: 1px solid #bdbdbd;
  font-family: 'Roboto', sans-serif;
  padding: 5px;
}

.sidebarBlogue .search-form .search-submit {
  display: none;
}

.sidebarBlogue .search-form .search-submit:after {content:"";width:20px; height:20px; background:#000; display:block;}

.sidebarBlogue .widget a {
  color: #8D8D8D !important;
  line-height: 1.5;
}

.no-touch .sidebarBlogue .widget a:hover {
  color: #5B82B4 !important;
}

.contentBlogue .post-navigation { display: none;}

#search-3 h3 { display:none; }
#search-3 ::-webkit-input-placeholder { color:#5B82B4; }
#search-3 ::-moz-placeholder { color:#5B82B4; } /* firefox 19+ */
#search-3 :-ms-input-placeholder { color:#5B82B4; } /* ie */
#search-3 input:-moz-placeholder { color:#5B82B4; }
.entry-thumbnail img {max-width:100%; height:auto;}
#search-3 .search-field {   }
#search-3 .search-submit {cursor:pointer;  display: inline-block; border:none;
background:url(img/loupe_bleu.png) center center; background-size:cover; width:20px; height:20px; position:absolute; right:5px; top:5px;}

/*** plan site ***/
.tpml_plansite .solutions ul {list-style-type:none; display:inline-block; width:25%; vertical-align:top;}
.tpml_plansite .solutions ul li a {
  display: block;
  color: #000;
  font-size: 20px;
  text-decoration: none;
  text-transform: uppercase;
}
.tpml_plansite .solutions ul li a:hover {color:#5B82B4;}

/*---page Entreprise---*/
.secondPar{
font-size: 24px;
}

.secondPar strong{
font-weight: bold;
}

.textContent{ width: 65%; float: left; }
.textContent .la_promo { /*text-align:center; padding:0 2%;*/ }
.textContent img { max-width:100%; }
.imgContent { width: 35%; float: left; padding: 0 20px; }
.imgContent img { width: 32%; }

.val_stick {text-align :center; font-size:20px !important; margin:15px 0;  display:block; }

.val_stick span {margin:0 0 0 4px; font-size:20px !important;}

.bg-white-link{
background: rgba(255, 255, 255, 0.75);
}
.bg-white-link a{
font-weight: bold;
}
.bg-white-link:hover{
background: rgba(0, 147, 208, 0.75);
-webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}
.bg-white-link a:hover{
color: #fff;
-webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}


/* Mobile (portrait and landscape) ----------- */
@media only screen and (max-width : 767px){

/*---page Entreprise---*/
.textContent,
.imgContent{
width: 100%;
}

}


.wrap_input label.second.empty{
height: 63px;
}




.sticky-header {
top: 50px;
}

#sticky {
position: fixed;
width:100%;
    z-index: 50;
    padding: 15px 0;
}

#sticky {
background: #5B82B4;
color: white;
}

#sticky .container {
background: transparent;
}

#sticky a {
color: white;
text-decoration: underline;
font-weight: bold;
}

.fast-add {
text-align: center;
padding: 5px 0;
margin-top: 5px;
background-color: #5B82B4;
color: white;
font-weight: bold;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.fast-add a {
color: white;
text-align: center;
-webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.fast-add:hover {
background-color: white;
color: #5B82B4;
}

.fast-add:hover a {
color: #5B82B4;
}

h3.product_name {
    display: block;
}

.row_promo { display:inline-block; width:24%; margin-left:1%; margin-top:1%; vertical-align:top;}
.row_promo.first { margin-left:0; }
.row_promo a { display:block; text-transform:uppercase; }
.row_promo img { max-width:100%; border:1px solid #e5e5e5; }
.row_promo a h3 {
    color: #5B82B4;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0;
    text-align: left;
}

.imgContent a {
color: #5B82B4;
}

div.infolettre {
    float: right;
    margin-right: 20px;
}

div.infolettre h4 {
font-weight: bold;
color: #5B82B4;
}

div.infolettre input[type="submit"] {
background-color: #5B82B4;
color: white;
font-weight: bold;
border: 0;
padding: 10px;
}

div.infolettre input[type="text"] {
padding: 8px;
    width: 70%;
}

div.infolettre ::-webkit-input-placeholder { color: #000; }
div.infolettre :-moz-placeholder { color: #000; }
div.infolettre ::-moz-placeholder {color: #000; }
div.infolettre :-ms-input-placeholder { color: #000; }

.tpml_boutique .logo a:before{
content: none;
}


.form-allowed-tags{
display: none;
}

h3.comment-reply-title{
font-size: 18px;
color: #5B82B4;
font-weight: bold;
margin: 20px 0;
}

.comment-notes{
margin-bottom: 20px;
}

form.comment-form p label{
display: block;
margin-top:15px;
}

form.comment-form p.form-submit input#submit{
font-size: 12px;
    color: #5B82B4;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px;
    background: #FFF;
    text-decoration: none;
    border: 1px solid #5B82B4;
    margin: 20px 0 0 0;
    display: inline-block;
}

form.comment-form input, form.comment-form textarea {
    border: 1px solid #bdbdbd;
    padding:5px;
}
ul.paginator {
    list-style-type: none;
    padding: 0;
}

ul.paginator li {
    display: inline-block;
    vertical-align: top;
}

ul.paginator li.current { padding: 5px 14px;
    background-color: #fff;
color:#000;
    border: 1px solid #5B82B4;}

ul.paginator li {margin: 0 7px;}

ul.paginator li a{display: inline-block;
    padding: 5px 14px;
    background-color: #5B82B4;
color:#fff;
    border: 1px solid #ddd;
text-transform:uppercase;}

/* ======================= */

.mailchimp{
/* background: black; */
color: white;
bottom: 0;
  left: 0;
  width: 100%;
font-family: 'Roboto', sans-serif;
position: fixed;
  z-index: 9001;
}

.mailchimp .container {
  background-color: transparent;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-end;
}

.mailchimp .column {
  padding: 20px 0;
  position: relative;
}

.mailchimp .column.left-column {
  background-color: #5B82B4;
  display: flex;
  z-index: 1;
}

.mailchimp .column.right-column {
  background-color: black;
  padding-left: 150px;
}

/* .mailchimp .column{
display: inline-flex;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 49%;
vertical-align: bottom;
}

.mailchimp .column.left-column{
left: 0;
margin-right: 100px;
padding: 20px;
text-align: right;
width: calc(49% - 140px);
z-index: 1;
} */

.mailchimp .column.left-column:after{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: skewX(50deg);
  transform-origin: top;
  z-index: -1;
  background-color: #5B82B4;
}

.mailchimp .column.left-column:before{
  content: '';
  background-color: #5B82B4;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
}

.mailchimp .column.right-column:before{
  content: '';
  background-color: black;
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  height: 100%;
}

.mailchimp .column.left-column .text-container{
display: inline-block;
text-align: left;
  z-index: 1;
  padding-right: 80px;
}

.mailchimp .column.left-column .btn-close{
background: none;
border: none;
color: white;
cursor: pointer;
font-family: 'Roboto', sans-serif;
font-weight: 700;
position: absolute;
text-transform: uppercase;
right: 10px;
top: 10px;
}

/*.mailchimp .column.right-column{
padding-bottom: 15px;
padding-left: 150px;
padding-top: 15px;
} 
*/
.mailchimp p{
font-size: 15px;
letter-spacing: 1px;
}

.mailchimp .btn {
  margin-top: 0;
}

.mailchimp h3{
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
position: relative;
}

.mailchimp .left-column > i{
  display: inline-block;
  font-size: 30px;
  margin-right: 1.5rem;
  margin-top: 0.5rem;
  vertical-align: top;
}

.mailchimp .email{
background: none;
border: none;
border-bottom: solid white 2px;
color: white;
font-family: 'Roboto', sans-serif;
font-size: 16px;
padding: 10px 0;
width: 100%;
}

.mailchimp .email::-webkit-input-placeholder,
.mailchimp .email::-moz-placeholder,
.mailchimp .email::-ms-input-placeholder,
.mailchimp .email::-moz-placeholder{
  color: white;
  opacity: 1;
}

.mailchimp .btn-submit{
background: #5B82B4;
border: solid #5B82B4 2px;
color: white;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
text-align: center;
padding: 10px;
width: 200px;
}

.mailchimp .btn-submit:hover,
.mailchimp .btn-submit:focus{
background: #fff;
color: #5B82B4;
}

.mailchimp .form-content{
display: inline-block;
margin-right: 30px;
}

.mailchimp #mce-EMAIL-error{
display: none !important;
}

/* Page imprimerie */
.tpml_imprimerie .banner-promo {
  display: none;
}

.tpml_imprimerie .paralax {
  background-image: url(img/UniProcess_citation.jpg);
}

.tpml_imprimerie .paralax .container {
  padding: 135px 0;
}

.tpml_imprimerie .paralax p {
  color: white;
  font-weight: 900;
}

.block-columns__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  column-gap: 20px;
  align-content: stretch;
  margin-top: 5rem;
}

.block-columns__column {
  margin-top: 65px;
  background-color: rgba(187,217,254,0.6);
  padding: 20px 20px 94px;
  font-size: 1rem;
  position: relative;
}

.block-columns__column img {
  display: block;
  height: 130px;
  object-fit: cover;
  text-align: center;
  margin-top: -100px;
  width: 100%;
}

.tpml_imprimerie .medtitle {
  margin: 1.25rem 0;
  line-height: 24px;
}

.tpml_imprimerie .medtitle strong {
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

.block-columns__categories {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none;
}

.block-columns__categories:hover .block-columns__categories-list,
.block-columns__categories-icon.triangle--open + .block-columns__categories-list {
  display: block;
}

.block-columns__categories-list {
  display: none;
  background-color: #5B82B4;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 20px;
  color: white;
  pointer-events: auto;
  z-index: 1;
}

.block-columns__categories-list ul {
  list-style-type: none;
}

.block-columns__categories-list ul li {
  position: relative;
  padding-left: 26px;
  line-height: 1.75;
}

.block-columns__categories-list ul li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: black;
  opacity: 0.25;
}

.block-columns__categories-icon {
  /* width: 74px;
  height: 74px;
  pointer-events: auto; */
}

.block-columns__categories-icon div:not(.triangle) {
  position: absolute;
  right: 15px;
  bottom: 20px;
  width: 14px;
  height: 4px;
  background-color: #fff;
  z-index: 1;
}

.block-columns__categories-icon div:not(.triangle):after {
  content: '';
  display: block;
  background-color: #fff;
  height: 14px;
  width: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.block-columns__categories:hover .block-columns__categories-icon div:not(.triangle):after,
.block-columns__categories-icon.triangle--open div:not(.triangle):after{
  display: none;
}

.block-columns__categories-icon .triangle {
  overflow: hidden;
  position: relative;
  width: 74px;
  height: 74px;
  margin-left: auto;
}

.block-columns__categories-icon .triangle:after {
  content: '';
  width: 200%;
  height: 74px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #5B82B4;
  pointer-events: auto;
}

.subtitle {
  display: block;
  font-size: 20px;
}

.valeurs {
  background-color: rgba(187,217,254,0.6);
}

.valeurs .container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  column-gap: 45px;
  color: white;
  background-color: transparent;
}

.valeurs .container {
  padding: 135px 0;
}

.valeurs__blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  column-gap: 45px;
  row-gap: 45px;
  align-content: stretch;
}

.valeurs__blocks-single {
  padding: 35px;
  background-color: #5B82B4;
}

.valeurs__text .lgtitle {
  font-weight: 900;
}

@media screen and (max-width: 1200px) {
  .block-columns__container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 35px;
  }

  .valeurs .container {
    grid-template-columns: 1fr;
    row-gap: 45px;
  }
}
@media screen and (max-width: 768px) {
  .tpml_imprimerie .paralax .container,
  .valeurs .container {
    padding: 80px 1rem;
  }

  .tpml_imprimerie .paralax br {
    display: none;
  }

  .valeurs__blocks {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 576px) {
  .block-columns__container {
    grid-template-columns: 1fr;
    row-gap: 35px;
  }
}

/* Page promotion (fix) */
.promo__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.infolettre__form {
  display: flex;
}

@media screen and (max-width: 576px) {
  .promo__row {
    flex-direction: column;
  }
}/*! jQuery UI - v1.11.3 - 2015-02-12
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}

/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0; /* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}

/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
/* Support: IE7 */
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.4em;
height: 1.4em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
border-radius: 20px;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}

.ui-slider-horizontal {
height: 16px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}

.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 2px solid #006995;
/*background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;*/
background: #0085bd;
background: -moz-linear-gradient(top, #0085bd 0%, #0092cf 41%, #0085bd 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0085bd), color-stop(41%, #0092cf), color-stop(100%, #0085bd));
background: -webkit-linear-gradient(top, #0085bd 0%, #0092cf 41%, #0085bd 100%);
background: -o-linear-gradient(top, #0085bd 0%, #0092cf 41%, #0085bd 100%);
background: -ms-linear-gradient(top, #0085bd 0%, #0092cf 41%, #0085bd 100%);
background: linear-gradient(to bottom, #0085bd 0%, #0092cf 41%, #0085bd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085bd', endColorstr='#0085bd', GradientType=0 );
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #fff;
background: #fff url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 20px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 20px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 20px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 20px;
}

/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
border-radius: 8px;
}

@media (max-width: 1380px) {
.main-nav ul li a {font-size: 1.22vw;}
}

@media (max-width: 1150px) {
  .mailchimp .container {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .mailchimp .column {
    padding: 20px 35px;
  }

  .mailchimp .column.left-column:after {
    display: none;
  }

  .mailchimp .column.right-column {
    padding-left: 35px;
  }

  .mailchimp .column.left-column .text-container {
    padding-right: 0;
  }

  .mailchimp .column.left-column .btn-close {
    top: -28px;
    padding: 6px;
    right: 0;
    background-color: #5B82B4;
  }

  .mailchimp .column.left-column .btn-close:before {
    content: '';
    display: block;
    background-color: #5B82B4;
    height: 100%;
    width: 100%;
    left: 0;
    transform: skewX(-45deg);
    transform-origin: top;
    position: absolute;
    top: 0;
    z-index: -1;
  }

  .mailchimp .form-content {
    margin-right: 20px;
    width: 10rem;
  }
}

/* ajuste menu */
@media (max-width: 1100px) {
/* .top-nav ul {height:45px;}
.bg-angle-l:before { border-width: 0 45px 45px 0; left: -45px; }
.bg-angle-r:after {  border-width: 45px 0 0 45px;}
li.bg-angle-r { margin-right: 35px;}
.top-nav ul li form input[type=text] { height: 45px;}
.top-nav ul li a {  padding: 0px 5px; line-height: 45px; }
.top-nav ul li.menu_panier a:before { vertical-align: sub; }
.white_space {height:45px;} */
}

/* menu hamburger  ipad paysage*/
@media (max-width: 1050px) {
.fildari {margin-bottom: 20px;}
section.produits {margin:40px 0;}
.onlyTouch {display:block;}
.tpml_interne header {height:275px;}
.copyright, .copyright a {font-size:13px;}
.box-product .point { display:none; }
  .container.products_vedette { padding: 80px 35px; }
.onlyDesktop {display:none;}
.container_logo {  background: #fff; padding: 35px;}
.container_logo .logo {position:relative; }
.container_logo .logo a:before {display:none;}
  .tpml_home header {  height: auto;}
  .site header { padding: 0; }
  .tpml_home .txt_header { padding-left: 35px; padding-right: 35px; }
  .logo a:first-child { display: none; }
  .logo a:last-child { display: inline-block; }
.solutions .colhalf, .sec_categorie .colhalf {width:100%;}
  .tpml_produit .colhalf {width:53%;}
  footer {
    margin-top: 60px;
  }

.blogue .colhalf .imgbox {text-align:center;}
.blogue .smtitle {margin-top:10px;}
.products { padding:30px 0; }
.box-product { /*width:33%; margin-bottom:20px;*/ }
.box-product .dtcell img  { max-width: 15%; }

.box-product h3 { font-size:1.4vw; }
.btn_slide { display:none; }

.sec_categorie .colhalf.fullImgLeft { width:100%;   padding-right: 0; text-align:center; }
.boxMap {width:100%;}
.boxMap#boxQuebec{margin-left:0;}

/*** equipe **/
.imgTeam .profile {width:24.25%;}
.imgTeam .profile:nth-child(4n-2) {margin:0 1%;}
.imgTeam .profile:nth-child(4n-1) {margin:0 1% 0 0;}
.imgTeam .profile a img {  opacity: 1;}
.txt_info_touch {margin:0 0 15px 0;}
.txt_info_touch  .medtitle {font-size:13px;}
.txt_info_touch h4, .txt_info_touch p, .imgTeam .profile .txt_info_touch a { font-size: 10px; color:#000; background:#fff; }
.imgTeam .profile a {background:none;}
.no-touch .imgTeam .profile:hover .boxInfoProfile:before, .no-touch .imgTeam .profile:hover .boxInfoProfile {display:none;}

/** produit ***/

.tpml_produit .imgprod {width:47%;}
}

@media (max-width: 991px){

.tpml_produit .colhalf, .tpml_produit .imgprod {width:100%;}

}

/* ipad portrait*/
@media (max-width: 768px) {

  .container {
    padding: 0 1rem;
  }

  section {
    padding: 0;
  }

  .container_logo {
    padding: 1rem;
  }
  .container.products_vedette {
    padding: 50px 1rem;
  }

  .tpml_home .solutions .container,
  .tpml_cat .sec_categorie .container {
    padding: 40px 1rem 0;
  }

  .innertopbox {
    padding: 40px 1rem;
  }

  .tpml_home .txt_header {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .menu_touch.menu_close .btn_menu_touch:before,
  .menu_touch.menu_open .btn_menu_touch:before {
    right: 1rem;
  }

  .menu_touch.menu_open ul li {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .mailchimp .column {
    padding: 1rem;
  }

  .mailchimp .column.right-column {
    padding-left: 1rem;
  }

.tpml_home .wrap_content, .wrap_content {bottom:0;}
.blogue .colhalf, .solutions .colhalf { width:100%; }
.box-product { width:48.5%;}
.box_row_0, .box_row_2, .box_row_4 { margin-left: 0; }
.box_row_1, .box_row_3 { margin-right: 0; }
.box_row_4 { margin-right: 1.5%; }
.box_row_0:nth-child(2n-2), .box_row_4:nth-child(2n-2), .box_row_2:nth-child(2n-2) { margin-left: 1.5%; margin-right:0px;}
.box_row_1:nth-child(2n-1), .box_row_3:nth-child(2n-1) {margin-left:0px; margin-right:1.5%;}

  .container_logo .logo img { width:75%; }
  .menu_touch { top: 15px; }
  .menu_touch.menu_open ul { top: -15px; }
  .menu_touch.menu_open ul li.menu_panier { padding: 25px 1rem; }
.box-product h3 { font-size:2.4vw; }
.boxCategorie .box-product2 { width:47.5%; margin: 2% 2.5%; }
.boxCategorie .box-product2.box_cat_row_2 { margin-left:0; }
.boxCategorie .box-product2.box_cat_row_1 { margin-right:0; }
.boxCategorie .box-product2.box_cat_row_3 { margin-left: 2.5%;  }
.boxMap .btn-blue { font-size: 16px; width: 100%; }
/** blogu **/
.sidebarBlogue {display:none;}
.contentBlogue {width:100%;}

/** contact **/
.imgTeam .profile {   width: 32%;}
.imgTeam .profile:nth-child(3n-1) {margin:0 1%;}
.imgTeam .profile:nth-child(3n-2) {margin:0;}
.imgTeam .profile:nth-child(3n-3) {margin:0;}

/** produit ***/
.wish_action {margin-bottom:20px;}
.wrap_input {padding:0 4% 4% 4%;}
.wrap_input label {  font-size: 4vw;}
.wish_action label, .wish_action .btn_add_wish {font-size: 2vw;}
.qty {width:80%;}
.wrap_input label, .wrap_input label.textarea {width:100%; float:none; margin:4% 0 0 0;}
.sec_form_send {margin:20px 0 0 0;}
.md-title, .price {font-size:20px;}

div.infolettre {
float: none;
margin: 0;
}

}
/* mobile Pixel 2 Iphone Plus */ 
@media (max-width: 420px) {

.tpml_interne header {
    height: 200px;
}
.tpml_home .solutions .container, .tpml_cat .sec_categorie .container {
    padding-top: 24px;
}
.boxCategorie {
    padding-top: 48px;
}
.numbers-wrapper{
text-align: center;
}
.tpml_home .txt_header .link {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 35px;
    border: 1px solid #fff;
    padding: 0 40px 0 20px;
}
.tpml_cat.tpml_interne .lgtitle{
line-height: 1.2;
margin-top: 24px;
}
}

/* mobile */
@media (max-width: 400px) {
.box-product { width:100%;}
.box_row_0, .box_row_2,.box_row_1, .box_row_3, .box_row_4  { margin-left: 0 !important; margin-right: 0 !important;}
.first_sec {display:none;}
.numbers.onlyDesktop{text-align: center;margin: 8px 0;}
.numbers.onlyDesktop a span{padding: 8px 0 !important;}
.tpml_home .solutions .container { padding-top:25px; }
.lgtitle { margin: 0px 0 15px 0; }
.tpml_home .txt_header .link { font-size:12px; }
.numbers { margin:10px 0 0 0; display:block; font-size:14px; }
.numbers.first { margin: 0; }
.box-product h3 { font-size:3vw; }
.boxCategorie .box-product2, .boxCategorie .box-product2.box_cat_row_3 { width:100%; margin: 2% 0%; }

/** contact **/
.imgTeam .profile { width: 48%; }
.imgTeam .profile:nth-child(2n-1) {margin:0 1%;}
.imgTeam .profile:nth-child(2n-2) {margin:0;}

.qty {width:70%;}
.thead_wish {font-size:10px;}
.sec_qty span {padding:0;}

.wish_action label, .wish_action .btn_add_wish {font-size: 4vw;}

}