.niceboxblock{    background: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-left: -70px;}
.pion-block h4{margin-top: 10px;
    margin-bottom: 10px;}
.imagebox{    padding: 60px 20px 20px 20px;
    background: #fff;
    border: 2px solid #21a5d8;}
body > iframe{position:fixed;}
/*
header#masthead div.icons ul li:nth-child(3) {display: none;}   Hide Espace Client in top menu 
@media only screen and (max-width: 480px) {header#masthead div.icons ul {margin-left: 45px;} } */ 

.noborder .lang {     pointer-events: unset;
    opacity: 1; }
header {z-index: 99;}
strong, b {
    font-weight: 500;
}
ul.ok { list-style: none; padding-left: 0; } 
ul.ok li { background: url(/wp-content/uploads/2018/12/ok.png) no-repeat left top; padding-left: 25px; padding-top: 0; margin-left: 5px; }

ul.wpb_image_grid_ul li a img {  margin: 7px; border: 3px #fff solid;   -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.27);
     -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.27);
     box-shadow: 0px 0px 4px rgba(0,0,0,0.27); }
h3.hp_white { color: #fff !important; text-shadow: rgba(0,0,0,0.65) 1px 1px 2px; font-weight: 700 !important; text-transform: uppercase; font-size: 26pt !important;  }
.hp_text_box { max-width: 635px !important; white-space: normal !important; line-height: 40px !important; font-size: 20pt !important;  text-shadow: rgba(0,0,0,0.65) 1px 1px 2px; }
div.blockquote { border-left: 2px solid #c1af9f;
    text-align: justify;
    margin-left: 0 !important;
    padding-left: 20px !important; }
.graybox { background:#e8e8e8 !important; max-width: 395px !important;}
.hp_nicebox { max-width: 352px;
    background: #fff;
    margin: 0 auto;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    font-size: 14pt;
    line-height: 36px;
} .bigbold { text-align: center; font-weight: bold; font-size: 32pt; color:#151414; text-transform: uppercase; }
body.search #page #primary footer.entry-footer { background: transparent !important; height: 1px; overflow: hidden; clear: both; }
.wpcf7-submit.btn-big { background: url(/wp-content/uploads/2018/11/mail_send.png) no-repeat right center;  color:#fff; padding: 10px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#aa896b; text-transform: uppercase; font-weight: bold; font-size: 12pt; margin: 0 auto; padding-right: 40px; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.wpcf7-submit.btn-big:hover { background-color:#4cac41; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
body.search #page #primary article { margin-top: 10px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; padding: 15px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.37);-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.37); box-shadow: 0px 0px 4px rgba(0,0,0,0.37);  margin-bottom: 25px; }
body.search #page #primary article .post-thumbnail img { float: left; max-width: 300px; height: auto !important; margin: 0 20px 5px 0;}
body.search #page #primary article h2.entry-title { margin-top: 0; }
body.search #page #primary article h2.entry-title a { color:#202020; font-weight: 700; text-decoration: none; }
body.search #page #primary article h2.entry-title a:hover { color:#1c96c7; font-weight: 700; text-decoration: underline; }
.top_img img { height: auto !important; }
.contact-form { background:#e8e8e8; padding: 10px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.37); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.37); box-shadow: 0px 0px 5px rgba(0,0,0,0.37); }
span.wpcf7-list-item {
    margin: 0 !important;
}
input.f_nom { background: url(/wp-content/uploads/2018/10/i_user.png) no-repeat left center; }
input.f_company { background: url(/wp-content/uploads/2018/10/i_company.png) no-repeat left center; }
input.f_mail { background: url(/wp-content/uploads/2018/10/i_mail.png) no-repeat left center; }
input.f_tel { background: url(/wp-content/uploads/2018/10/i_contact.png) no-repeat left center; }
input.wpcf7-text { background-color:#fff !important; padding: 12px 12px 12px 45px !important; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px #cbcbcb solid; border-bottom: 2px #cbcbcb solid; font-size: 11pt !important; width: 80%; margin-bottom: 5px !important; }
textarea { background-color:#fff !important; padding: 12px !important; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px #cbcbcb solid; font-size: 11pt !important; width: 90%; margin-bottom: 5px !important; border-bottom: 2px #cbcbcb solid; }


h2, .h2 { font-size: 26pt; }
.blog_img { text-align: center; }
.blog_list { display: block !important; }
div.blog_img { height: 225px; overflow: hidden; }
.blog_list div.blog_txt { min-height: 210px; }
.blog_list .div33:nth-child(3n+1) {clear: both;}
div.foot_img { clear: both !important; }
.blog_img img { height: auto !important; }
footer .wrapper { width: 100%; padding: 0 !important; padding-bottom: 20px !important; }
p { margin-top: 0; }
.nicebox { -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
    background: #fff;
    padding: 15px;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.37);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.37);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.37);
    margin-bottom: 25px;
}
blockquote {
    border-left: 2px solid #c1af9f;
    text-align: justify;
    margin-left: 0 !important;
    padding-left: 20px !important;
}
.widget_text ul li a span { color: #fff !important; margin-left: 0 !important;}
.widget_text ul li a:hover span { color: #c4a88f !important; }

@media only screen and (min-width: 769px) { 
.col2 { column-count: 2;}
}
@media only screen and (max-width: 1450px) { 
h3.hp_white { color: #fff !important; text-shadow: rgba(0,0,0,0.65) 1px 1px 2px; font-weight: 700 !important; text-transform: uppercase; font-size: 26pt !important;  }
.hp_text_box { max-width: 635px !important; white-space: normal !important; line-height: 40px !important; font-size: 20pt !important;  text-shadow: rgba(0,0,0,0.65) 1px 1px 2px; }
}
@media only screen and (max-width: 1450px) { 
h3.hp_white { font-size: 24pt !important;  }
.hp_text_box { line-height: 30px !important; font-size: 16pt !important; }
}
@media only screen and (max-width: 1180px) {
#page p, #page li {
    left: 0 !important;
    position: relative !important;
    top: 0 !important;
}
.hp_text_box { line-height: 26px !important; font-size: 14pt !important; }
h2, .h2 { font-size: 24pt; }
h3, .h3 { font-size: 20pt; }
#page p, #page li {font-size: 14pt; line-height: 30px; } 
}

@media only screen and (max-width: 1024px) { 
h3.hp_white { font-size: 20pt !important;  }
.hp_text_box { line-height: 30px !important; font-size: 12pt !important; }
.tp-caption.rev-btn { font-size: 14px !important; }
footer {margin-top: -1px;} .news_blog:hover {
    margin-top: 0;
}}
@media only screen and (max-width: 1024px) and (min-width: 871px) {
h2.bigbold { font-size: 26pt; }
.hp_nicebox.graybox div div img { display: none !important; }
.hp_nicebox.graybox textarea.wpcf7-textarea { height: 75px !important; }
.hp_nicebox.graybox label span.wpcf7-list-item-label { font-size: 8pt !important; }
}
@media only screen and (max-width: 870px) { 
h3.hp_white { font-size: 16pt !important; margin-top: 15% !important; }
.tp-caption.rev-btn { margin-top: -15% !important; }
.hp_text_box { display: none !important; }
.blog_list .div33:nth-child(3n+1) {clear: none;}
.blog_list .div33:nth-child(2n+1) {clear: both;}
.entry-content div.vc_col-sm-8, .entry-content div.vc_col-sm-4 { width: 100% !important; float: none !important; }
}

@media only screen and (max-width: 580px) { 
h3.hp_white { font-size: 12pt !important; margin-top: 10% !important; }
.tp-caption.rev-btn { margin-top: -10% !important; padding: 8px 10px !important; }
div.blog_img { height: auto; overflow: visible; }
div.blog_txt { min-height: 1px; }
}