/*! COMPLESS !*//*! Evenless !*//*!
 * even.less v0.1.1
 * github.com/bisrael/even.less/
 * Copyright (c) 2012,  Blake Israel
 *
 * This program is free software. It comes without any warranty,  to
 * the extent permitted by applicable law. You can redistribute it
 * and/or modify it under the terms of the Do What The Fuck You Want
 * To Public License,  Version 2,  as published by Sam Hocevar. See
 * http://sam.zoy.org/wtfpl/COPYING for more details.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 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;
    }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
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;
}
a {
    text-decoration: none;
}
a {
    color: #fff;
}
strong {
    font-weight: bold;
}
body {
    font-family: 'fjallaoneregular', sans-serif;
    margin-top: 105px;
}
h2, h1 {
    font-family: 'fjallaoneregular';
    letter-spacing: -1px;
    text-transform: uppercase;
    font-size: 22px;
}

form label {
    float: none;
    width: 100%;
    display: block;
    padding: 10px 0 0 0;
    margin-bottom: 5px;
}
form label span {
    color: #e11936;
	float:none!important;
}
form .label {
    float: left;
    width: 100%;
    margin-top: 10px;
}
form#taux_form {
    display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

.fl {
    float: left;
}
.flright{
    float: left;
    margin-left: 4%;
}

#server_success,
#server_error {
	margin:15px 0;
	padding:14px;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}

#server_error {
	background:#e5c3c8;
	color:#e11936;
	border:1px solid #e11936;
}
#server_success {
	background:#e3ecd7;
	color:#64a214;
	border:1px solid #64a214;
}

.header {
    top: 0;
    background-color: #000;
    background-image: url(../images/pattern_header.png);
    height: 105px;
    display: block;
    overflow: hidden;
    float: left;
    position: fixed;
    z-index: 101;
    width: 100%}
.logo {
    float: left;
    width: 70%;
    height: 52px;
    margin-left: 2%;
    margin-top: 10px;
    background-repeat: no-repeat;
    /*background-image: url(../images/steve-rouleau-logo.png);*/
}
.collaboration {
	padding: 20px 0;
	margin: 30px 0 50px 0;
	text-align: center;
	background-color: #FFF;
}
@media all and (min-width: 806px) {
    .logo {
        width: 230px;
    }
}

.logo.fr{
    /*background-image: url(../images/steve-rouleau-logo.png);*/
}

.logo.en{
    /*background-image: url(../images/steve-rouleau-logo-en.png);*/
}
.wrapper_main_title {
	width: 100%;
    float: left;
    text-align: center;
    padding: 35px 20px 0 20px;
	box-sizing: border-box;
}
.wrapper_main_title h1 a {
	color: #000;
}
.contact p {
    color: #e11936;
    font-size: 24px;
    margin-top: 37px;
    margin-right: 2%;
    float: left;
    overflow: hidden;
}
.header .menu_square_wrap {
    display:block;
    float:right;
}
.header .menu {
    padding-top: 31px;
    width: 95px;
    height: 74px;
    background-color: #e11936;
    color: #fff;
    font-size: 16px;
    text-align: center;
    /*background-image: url(../images/menu.png);*/
}
.header .menu p {
    margin-bottom: 8px;
}
.header .menu ul li {
    margin: 0;
    padding: 0;
    display: block;
}
.header .menu ul li.span {
    width: 15px;
    border-bottom: 3px solid #fff;
    float: none;
    margin: 0 auto 5px auto;
}
.logo-remax {
    width: 145px;
    height: 43px;
	margin-right: 5px;
    float: left;
    background-image: url(../images/remax-logo.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
    margin-top: 26px;
}
.container .head {
    background: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 47px 0;
}
.container .head h2 {
    font-size: 34px;
}
.menu-outils li {
    display: block;
    width: 19.90%;
    float: left;
}
.menu-outils {
    float: left;
    width: 100%;
    margin: 15px 0;
}
.bloc-outils-outils {
    width: 94%;
    float: left;
    margin: 47px 5% 70px 5%;
    padding-top: 15px;
    padding-bottom: 45px;
}
.bloc-outils-outils p {
    font-family: 'GothamMediumRegular';
    color: #535353;
}
.outils-wrap {
    width: 47%;
    float: left;
    margin-top: 15px;
}
.bloc-white {
    min-height: 289px;
    width: 80%;
    margin-right: 3%;
    background-color: #fff;
    padding: 28px;
    float: left;
}
.bloc-white p.less-important {
    font-family: 'GothamBookRegular';
    line-height: 24px;
    margin-top: 10px;
}
.bloc-white.longer {
    min-height: 365px;
}
.bloc-white form span {
    width: 100%;
    float: left;
}
.bloc-white form span.fl {
    width: 60px;
    float: left;
}
.bloc-white form .span6 {
    margin-bottom: 30px;
}
.bloc-white form label {
    display: block;
    width: 100%;
    /*margin-top: 15px;*/
	font-family: 'GothamBookRegular';
    font-size: 14px;
}
.bloc-white form p {
    margin-top: 10px;
}
.hover.fright.btn {
    color:white;
}
.bloc-white form p.smaller {
    font-size: 14px;
}
#result-hypo {
    margin-top: 15px;
    font-family: 'GothamBookRegular';
    line-height: 24px;
}
#result-taxe {
    margin-top: 15px;
    font-family: 'GothamBookRegular';
    line-height: 24px;
}
.bloc-white form select,
.bloc-white form input, 
.bloc-white form textarea {
	 margin-top: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e2e2e2;
    border: 0;
}
.bloc-white form select,
.bloc-white form input {
	height: 35px;
}
.bloc-white form select {
	width:100%;
}
.bloc-white form input, 
.bloc-white form textarea {
    width: 96%;
	padding:0 2%;
}
.bloc-white form textarea {
    height: 100px;
}
.bloc-white form input[type=checkbox], .bloc-white form input[type=radio] {
    width: 25px;
    float: left;
}
.bloc-white form input[type=submit] {
    background-color: #3a3a3a;
    color: #fff;
    cursor: pointer;
    margin-top: 15px;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -ms-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}
.bloc-white form input[type=submit]:hover {
    background-color: #e11936;
}
.bloc-texte {
    background-color: #fff;
    width: 90%;
    margin: 47px auto 70px auto;
    padding-top: 45px;
    padding-bottom: 90px;
}
.lang-mob {
    display: none;
}
.bloc-texte p {
    padding: 0 45px;
    font-size: 16px;
    font-family: 'GothamBookRegular';
    line-height: 28px;
    margin-bottom: 40px;
}
.bloc-texte.bt-int p, .bloc-texte.bt-policy p {
    margin-bottom: 20px;
    }
.bt-policy h3 {
    padding: 0 45px;
    font-size: 18px;
    margin-bottom: 10px;
}
.links {
    float: left;
    padding-top: 40px;
    padding-bottom: 47px;
    border-right: 1px solid #717171;
    margin-right: 1%}
.links ul li+li {
    border-left: 1px solid #717171;
}
.right-wrap {
    display: block;
    overflow: hidden;
    width: 996px;
    float: right;
}
.right-wrap-fr {
    width:1090px;
}
.right-wrap-en {
    width:1023px;
}
.socialshare {
    margin-top: 10px;
}
.wrap h2.fz24 {
    font-size: 24px;
}
.socialshare .f:hover, .socialshare .t:hover, .socialshare .g:hover, .socialshare .p:hover { -webkit-transform: scale(1.05); }
.socialshare .f {
    background: url('../images/socialshare.png');
    display: block;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position:0 0;
    float: left;
    width: 49px;
    height: 49px;
    -webkit-transition: all .2s ease-in-out;
}
.socialshare .t {
    background: url('../images/socialshare.png');
    display: block;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position:-57px 0;
    float: left;
    width: 49px;
    height: 49px;
    -webkit-transition: all .2s ease-in-out;
}
.socialshare .p {
    background: url('../images/socialshare.png');
    display: block;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position:-114px 0;
    float: left;
    height: 49px;
    width: 48px;
    -webkit-transition: all .2s ease-in-out;
}
.socialshare .g {
    background: url('../images/socialshare.png');
    display: block;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position:-172px 0;
    float: left;
    width: 49px;
    height: 49px;
    -webkit-transition: all .2s ease-in-out;
}

.header .social-icons {
    float: left;
    width: 195px;
}
.header .social-icons ul {
    float: left;
}
.header .social-icons ul li {
    width: 47px;
    height: 52px;
    margin: 0;
    padding: 0;
    float: left;
    border-left: 1px solid #717171;
}
.header .social-icons ul li.first-row {
    border-bottom: 1px solid #717171;
}
.header .social-icons ul li.f, .header .social-icons ul li.p, .header .social-icons ul li.y, 
.header .social-icons ul li.t, .header .social-icons ul li.r, .header .social-icons ul li.i, 
.header .social-icons ul li.r, .header .social-icons ul li.youtube, 
.header .social-icons ul li.g {
    background-position: center center;
    background-repeat: no-repeat;
}
.header .social-icons ul li.youtube {
    background-image: url(../images/youtube_ico.png);
	background-size: 23px;
}
.header .social-icons ul li.youtube:hover {
    background-image: url(../images/youtube_ico_hover.png);
	background-size: 23px;
}


.header .social-icons ul li.f {
    background-image: url(../images/facebook.png);
}
.header .social-icons ul li.t {
    background-image: url(../images/twitter.png);
}
.header .social-icons ul li.p {
    background-image: url(../images/pinterest.png);
}
.header .social-icons ul li.y {
    background-image: url(../images/instagram.png);
}
.header .social-icons ul li.i {
    background-image: url(../images/linkedin.png);
}
.header .social-icons ul li.g {
    background-image: url(../images/google.png);
	background-size: 20px auto;
}
.header .social-icons ul li.r {
    background-image: url(../images/gpl.png);
}
.header .social-icons ul li.f:hover {
    background-image: url(../images/facebook-color.png);
}
.header .social-icons ul li.t:hover {
    background-image: url(../images/twitter-color.png);
}
.header .social-icons ul li.p:hover {
    background-image: url(../images/pinterest-color.png);
}
.header .social-icons ul li.y:hover {
    background-image: url(../images/instagram-color.png);
}
.header .social-icons ul li.i:hover {
    background-image: url(../images/linkedin-color.png);
}.header .social-icons ul li.g:hover {
    background-image: url(../images/google_color.png);
	background-size: 20px auto;
}
.header .social-icons ul li.r:hover {
    background-image: url(../images/gpl-color.png);
}
.header ul li {
    float: left;
    padding: 0 14px;
}
.header ul li a {
    color: #dfdfdf;
    font-size: 21px;
    -webkit-transition: color .35s ease;
       -moz-transition: color .35s ease;
        -ms-transition: color .35s ease;
         -o-transition: color .35s ease;
            transition: color .35s ease;
}
.header ul li a:hover, .header ul li a.active {
    color: #e11936;
}

.header ul li.active a {
    color: #e11936;
}
.cb {
    clear: both;
}
.sidemenu {
    font-family: 'GothamBookRegular';
    height: 100%;
    background-color: #000;
    width: 208px;
    position: fixed;
    right: -280px;
    padding: 22px 36px 0 36px;
    z-index: 1000;
    top: 0;
}
.sidemenu a {
    color: #969696;
}
.sidemenu a.lang-switch, .sidemenu a.close {
    color: #fff;
    display: block;
}
.sidemenu a.close {
    /*float: right;*/
    right: 20px;
    top: 20px;
    position: absolute;
}
.sidemenu a.lang-switch {
    float: left;
    line-height: 18px;
}
.sidemenu a .left {
    float: left;
    line-height: 18px;
}
.sidemenu a .right {
    float: right;
}
.sidemenu .top {
    overflow: hidden;
    display: block;
}
.sidemenu .client {
    margin-top: 15px;
    clear: both;
    background: #d1d1d1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #b7b7b7));
    background: -ms-linear-gradient(top, #efefef, #b7b7b7);
    background: -moz-linear-gradient(center top, #efefef 0, #b7b7b7 100%);
    background: linear-gradient(top, #efefef, #b7b7b7);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.sidemenu .client a {
    display: block;
    background-image: url(../images/black-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}
.sidemenu .client a.btn {
    color: #000;
    padding: 13px 12px 13px 25px;
}
.side-links {
    margin-top: 35px;
}
.side-links ul+ul {
    margin-top: 45px;
}
.side-links ul li {
    float: none;
    padding: 0;
}
.side-links ul li+li {
    margin: 20px 0 0 0;
}
.side-links ul li a {
    font-size: 16px;
    color: #969696;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease;
}
.side-links ul li a:hover {
    color: #fff;
}
.side-links ul li a.active {
    color: #fff;
}
.social-side {
    border-top: 1px solid #969696;
    margin-top: 35px;
}
.social-side ul {
    margin-top: 5px;
}
.social-side ul a li {
    width: 18px;
    height: 24px;
    padding: 0;
    margin: 5px 14px 0 0;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}
.social-side ul a li.f {
    background-image: url(../images/facebook.png);
}
.social-side ul a li.t {
    background-image: url(../images/twitter.png);
}
.social-side ul a li.youtube {
    background-image: url(../images/youtube_ico.png);
	background-size: 20px;
}

.social-side ul a li.p {
    background-image: url(../images/pinterest.png);
}
.social-side ul a li.y {
    background-image: url(../images/instagram.png);
}
.social-side ul a li.i {
    background-image: url(../images/linkedin.png);
}.social-side ul a li.g {
    background-image: url(../images/google.png);
    background-size: 18px auto;
}
.social-side ul a li.r {
    background-image: url(../images/gpl.png);
    margin-right: 0;
}
.social-side ul a li.f:hover {
    background-image: url(../images/facebook-color.png);
}
.social-side ul a li.t:hover {
    background-image: url(../images/twitter-color.png);
}
.social-side ul a li.p:hover {
    background-image: url(../images/pinterest-color.png);
}
.social-side ul a li.y:hover {
    background-image: url(../images/instagram-color.png);
}
.social-side ul a li.i:hover {
    background-image: url(../images/linkedin-color.png);
}.social-side ul a li.g:hover {
    background-image: url(../images/google_color.png);
}
.social-side ul a li.r:hover {
    background-image: url(../images/gpl-color.png);
    margin-right: 0;
}
.picture {
    width: 100%;
    /*height: 460px;*/
    height: 460px;
    float: left;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.picture-bio {
    width: 100%;
    height: 299px;
    float: left;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 0;
}
.picture-bio.biocath1 {
    background-image: url(../images/biocath1.jpg);
}
.picture-bio.biocath2 {
    background-image: url(../images/biocath2.jpg);
}
.picture-bio.biocath3 {
    background-image: url(../images/biocath3.jpg);
}
.picture-bio.biosteve1 {
    background-image: url(../images/biosteve1_1.jpg);
}
.picture-bio.biosteve2 {
    background-image: url(../images/biosteve2_1.jpg);
}
.picture-bio.biosteve3 {
    background-image: url(../images/biosteve3.jpg);
}
.picture.pic1 {
    background-image: url(../images/trouver.jpg);
}
.picture.pic2 {
    background-image: url(../images/steve-rouleau-courtier-immobilier.jpg);
}
.picture.pic3 {
    background-image: url(../images/vendre.jpg);
}
.picture.pic4 {
    background-image: url(../images/equipe-steve-rouleau-courtier-immobilier.jpg);
}
.picture.pic5 {
    background-image: url(../images/outils.jpg);
}
.picture.pic6 {
    background-image: url(../images/actualites.jpg);
}
.picture.pic7 {
    background-image: url(../images/inter.jpg);
}
.picture.pic8 {
    background-image: url(../images/temoignages.jpg);
}
.picture h2 {
    color: #fff;
    font-size: 25px;
    position: absolute;
    bottom: 65px;
    width: 100%;
    height: 38px;
    line-height: 58px;
    background-color:#101719;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
}
.picture span {
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 55px;
    line-height: 1.1;
    padding: 10px 5% 0 5%;
    background-color:#101719;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    font-family: 'GothamBookRegular';
}
.picture h2 a {
    font-family: 'fjallaoneregular';
}

.alert-error {
    font-size: 14px;
    font-family: 'GothamBookRegular';
}

.recherche-wrap {
    display: block;
    width: 100%;
    padding: 35px 0;
    background-color: #fff;
    float: left;
}
.vendre-wrap {
    display: block;
    width: 100%;
    padding: 35px 0;
    background-color: #fff;
    float: left;
}
.vendre-wrap h2 {
    line-height: 30px;
}
.right-btn.avendre {
    width: 50%;
    height: 45px;
    float: left;
    margin-right: 0;
    margin-top: 42px;
}
.bloc-calcul {
    background-color: #fff;
    float:left;
    width: 100%;
    padding:10px;
    margin-bottom: 148px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin-top: 12px;
    }
.bloc-calcul .tboby{
    background-color: #fff;
    }

.bloc-calcul .accordion{
    margin:16px 0;
    width: 100%;
    }

#ui-accordion-accordion-panel-4 table tbody tr {
    border-bottom: 0px;
}

.bloc-calcul .ui-accordion-content{
    background-color: #fff;
}
.bloc-calcul .table.information-generale{
    float:none;
}
.bloc-info .table.information-generale{
    float:none;
}


.bloc-calcul .ui-accordion-header{
    padding:12px;
    border-bottom: 3px solid #373737;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline:none;
    /* fallback */
    background-color: #8b0e21;
    background-repeat: repeat-x;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8b0e21), to(#d01832));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #d01832, #8b0e21);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #d01832, #8b0e21);

    /* IE 10 */
    background: -ms-linear-gradient(top, #d01832, #8b0e21);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #d01832, #8b0e21);
}
.bloc-calcul .ui-accordion-header-active{
    background-color: red;
    padding:12px;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


.bloc-calcul input{
    background-color: #e2e2e2;
    width:99%;
    border:none;
    padding:8px 0 8px 4px;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.bloc-calcul select{
    background-color: #e2e2e2;
    width:100%;
    border:none;
    height:32px;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.bloc-calcul select > button {
    background-color: red;   
    padding: 54px;
}

.bloc-calcul tr{
    border:none;
}
.bloc-calcul td{
    padding:4px 0;
}

.bloc-calcul form input[type=submit] {
background-color: #3a3a3a;
color: #fff;
cursor: pointer;
margin-top: 15px;
-webkit-transition: background-color .5s ease;
-moz-transition: background-color .5s ease;
-ms-transition: background-color .5s ease;
-o-transition: background-color .5s ease;
transition: background-color .5s ease;
}

.bloc-calcul form input[type=submit]:hover {
background-color: #e11936;
}

.bloc-calcul .accordion-header.ui-accordion-header-active {
    color: #fff;
}

.bloc-info {
    background-color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 24px;
    }
.bloc-info .ui-accordion-header{
    padding:12px;
    border-bottom: 3px solid #c81933;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #3a3a3a;
    color:#fff;
    outline:none;

   
}
.bloc-info .ui-accordion-content{
    background-color: #fff;
}
.bloc-info .ui-accordion-header-active{
    padding:12px;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color:#fff;
}
.bloc-calcul td{
    padding:4px 0;
}
   
.infos, .table.information-generale {
	/*float: left;*/
}

.infos {
    padding: 10px;
}

.information-generale {
    width: 100%;
}

.infos p {
    margin-bottom: 15px;
}
/* Accordeon jQuery */

.ui-accordion .ui-accordion-header{
    position:inherit;
    margin-bottom: 8px;
}
.ui-accordion .ui-accordion-header:hover {
	cursor:pointer;
}
.ui-accordion .ui-accordion-content{
    padding:0;
    margin-bottom: 8px;
}

/* tableaux fiche */
table {
    text-align: left;
    font-family: 'GothamBookRegular';
    width: 48%;
    line-height: 1.6;
    margin-bottom: 10px;
}
table em {
    font-family: 'GothamBoldRegular';
}
table sup {
    font-size: 10px;
}
/*table:nth-child(even) {
    margin-left: 4%;
}*/
table thead tr th+th {
    font-family: 'GothamBookRegular';
    text-align: right;
    font-weight: normal;
    font-size: 14px;
    color:#999;
}
table tbody tr, thead {
    border-bottom: 1px solid #eaeaea;
}
table tr td {
    width: 55%;
    font-size: 14px;
    background-color: #fff;
}
table tr td+td {
    text-align: right;
    width: 35%;
    background-color: #fff;
}
table thead tr th {
    font-family: 'GothamBoldRegular';
}

.three-row.fl {
    float: right;
}

#ui-accordion-accordion-panel-1 .fl+.fl {
    float: right;
}

table.three-row tr td {
    width: 55%;
}
table.three-row tr td+td {
    width: 21.5%;
}
table.three-row tr td+td+td {
    width: 25%;
}

table.table-room {
    margin-left: 0px;
    margin-bottom: 15px;
}
table.table-room-even {
    float: right;
}

.full {
    width: 100%;
}



.right-btn.avendre .black-btn {
    height: 45px;
    line-height: 45px;
    width: 40.3333%;
    padding-left: 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.right-btn.avendre .black-btn.first {
    margin-right: 4%}
.right-btn.avendre .black-btn span {
    background-image: url(../images/black-btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 5%;
    height: 100%;
    width: 90%;
    height: 45px;
    display: block;
}
.cat {
    background-color: #fff;
    width: 86%;
    padding: 5%;
    overflow: hidden;
}
.cat .black-btn,
.cat .grey-btn {
    padding-left: 0!important;
    font-size: 14px;
    margin-left: 15px;
}
.cat span {
    margin-left: 7px;
    text-transform: none;
    font-family: 'GothamBookRegular'}

.cat span:hover {
    color:#e11936;
}
.cat span:hover strong {
    font-family: 'GothamBoldRegular';
}
.uppercase span {
    text-transform: uppercase;
}

.arrow {
    position: relative;
}

.touch .arrow {
    display: none;
}

.arrow a {
    display: block;
    float: left;
}

.arrow-left, .arrow-right {
    position: absolute;
    z-index: 10;
    top: 180px;
    }

.arrow-right {
    right: 0;
}

.arrow-left img {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }




@media all and (max-width:1303px) {
    .cat .black-btn span {
    padding-left: 15px;
    padding-right: 7%!important;
}
}

@media all and (max-width:1303px) {
    .arrow-left, .arrow-right {
        top: 80px;
    }
}

@media all and (max-width:972px) {
    .cat .black-btn span {
    padding-right: 5%!important;
}
}
@media all and (max-width:515px) {
    .cat .black-btn span {
    padding-right: 3%!important;
}
}

.cat .black-btn {
    height: 45px;
    line-height: 45px;
    width: 40.3333%;
    padding-left: 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
    border: 1px solid #6f6f6f;
    background-color: #3f3f3f;
    background: #3f3f3f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3f3f3f), color-stop(1, #242424));
    background: -ms-linear-gradient(top, #3f3f3f, #242424);
    background: -moz-linear-gradient(center top, #3f3f3f 0, #242424 100%);
    background: linear-gradient(top, #3f3f3f, #242424);
    width: 100%;
    float: right;
    display: block;
}

.cat .grey-btn {
    height: 45px;
    line-height: 45px;
    width: 40.3333%;
    padding-left: 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
    border: 1px solid #6f6f6f;
    background: #707070; /* Old browsers */
    background: #7f7f7f; /* Old browsers */
background: #7f7f7f; /* Old browsers */
background: -moz-linear-gradient(top,  #7f7f7f 0%, #2d2d2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7f7f7f 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7f7f7f 0%,#2d2d2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7f7f7f 0%,#2d2d2d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7f7f7f 0%,#2d2d2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */

    width: 100%;
    float: right;
    display: block;
}

.cat .black-btn.first,
.cat .grey-btn.first {
    margin-right: 4%}
.cat .black-btn span,
.cat .grey-btn span {
    background-image: url(../images/black-btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 5%;
    height: 100%;
    width: 90%;
    height: 45px;
    display: block;
}

.vendre {
    display: block;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    clear: both;
}
.vendre .left {
    width: 50%;
    float: left;
    min-height: 95px;
}
.vendre h2 {
    margin-bottom: 15px;
}
.vendre p {
    font-size: 16px;
    font-family: 'GothamBookRegular';
    line-height: 28px;
}
.recherche {
    background-color: #4b4b4b;
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
    height: 86px;
    display: block;
    width: 90%;
    margin: 0 auto;
    clear: both;
}
.recherche h2 {
    color: #fff;
    font-family: 'GothamBookRegular';
    letter-spacing: -1px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 46px;
    margin-top: 20px;
    padding: 0 2%;
    float: left;
}
/*
.recherche select {
    width: 26%;
    height: 40px;
    margin-top: 20px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #d9d9d9;
}
*/
.swiper-wrapper {
    background-color: #000;
}
.picture {
-webkit-transition: opacity 0.5s ease;
       -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
         -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
}

.picture:hover {
    opacity: .8;
}
.recherche select+select {
    margin-left: 1%}
.recherche .btn:hover {
    background-color: #901023;
    background-image: -moz-linear-gradient(top, #901023, #d81834);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#901023), to(#d81834));
    background-image: -webkit-linear-gradient(top, #901023, #d81834);
    background-image: -o-linear-gradient(top, #901023, #d81834);
    background-image: linear-gradient(to bottom, #901023, #d81834);
}
.recherche .btn {
    margin-left: 1%;
    color: #fff;
    height: 45px;
    width: 12%;
    float: right;
    margin-top: 18px;
    margin-right: 15px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d81834;
    background-image: -moz-linear-gradient(top, #d81834, #901023);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d81834), to(#901023));
    background-image: -webkit-linear-gradient(top, #d81834, #901023);
    background-image: -o-linear-gradient(top, #d81834, #901023);
    background-image: linear-gradient(to bottom, #d81834, #901023);
    background-repeat: repeat-x;
    border-color: #901023 #901023 #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd81834', endColorstr='#ff901023', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.select-wrap {
    width: 70%;
    float: left;
}
.right-btn {
    float: right;
    width: 900px;
    margin-right: 5px;
}
.right-btn .black-btn {
    border: 1px solid #6f6f6f;
    background-color: #3f3f3f;
    background: #3f3f3f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3f3f3f), color-stop(1, #242424));
    background: -ms-linear-gradient(top, #3f3f3f, #242424);
    background: -moz-linear-gradient(center top, #3f3f3f 0, #242424 100%);
    background: linear-gradient(top, #3f3f3f, #242424);
    width: 32.33333%;
    float: right;
    display: block;
}
.vendre-conseils-wrap {
    width: 90%;
    margin: 50px auto 50px auto;
    overflow: hidden;
}
.menu-outils li {
    border-right: 1px solid gray;
}
.outils-btn {
    display: block;
    background-color: #000;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    text-align: center;
    height: 55px;
    line-height: 55px;
    width: 100%;
    float: left;
    margin-right: 1%;
    text-transform: uppercase;
    margin: 0 1%;
    border-right: 1px solid gray;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3f3f3f), color-stop(1, #242424));
    background: -ms-linear-gradient(top, #3f3f3f, #242424);
    background: -moz-linear-gradient(center top, #3f3f3f 0, #242424 100%);
    background: linear-gradient(top, #3f3f3f, #242424);
}
.outils-btn.current, .outils-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dc1935), color-stop(1, #7d0e1e));
    background: -ms-linear-gradient(top, #dc1935, #7d0e1e);
    background: -moz-linear-gradient(center top, #dc1935 0, #7d0e1e 100%);
    background: linear-gradient(top, #dc1935, #7d0e1e);
    border-right: 1px solid #000;
}
.btn-square-bottom {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4b4b4b), color-stop(1, #2f2f2f));
    background: -ms-linear-gradient(top, #4b4b4b, #2f2f2f);
    background: -moz-linear-gradient(center top, #4b4b4b 0, #2f2f2f 100%);
   background: linear-gradient(top, #4b4b4b, #2f2f2f);
    left: 90px;
    padding-left: 5px;
    background-color: #000;
    height: 45px;
    display: block;
    width: 250px;
    line-height: 45px;
    position: absolute;
    bottom: 0;
    z-index: 100;
    float: left;
    text-align: center;
    font-size: 18px;
}
.btn-square-bottom span {
    display: block;
    background-image: url(../images/black-btn-arrow-left.png);
    background-position: 0 center;
    background-repeat: no-repeat;
}
.span6 {
    width: 46%;
    padding: 0 2%;
    float: left;
}

/* ADD THIS */
.addthis_toolbox {
    width: 100%;
}

#custom-tweet-button {
  display: block;
  float: left;
  width: 48px;
  height: 49px;
  padding-right: 2px;
}

.addthis_default_style .at300b {
    padding: 0 5px 0 0 ;
}

#custom-tweet-button a {
  display: block;
  background: url('../images/socialshare.png') -58px 0 no-repeat;
  float: left;
  width: 48px;
  height: 49px;
}

@media all and (max-width:846px) {
    .span6 {
    width: 100%;
    padding: 0;
    margin-top: 30px;
}
}.span6.first {
    margin-left: 0;
    padding-left: 0;
}
.span6 img {
    max-width: 98%
}
.span6 .socialshare img {
    max-width: 100%
}
.span6 .span6 {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}
.span6 .span6.right {
    float: right;
}
@media all and (max-width:1125px) {
.infos-44 .span6 {
    width: 100%
}
}

.wrap.details .bloc-info p {
    font-size: 16px;
    line-height: 1.4; !impo
    font-family: 'GothamBookRegular';
}
.bloc-info .left {
    width: 67%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 3%;
    float: left;
}
.bloc-info .share-right {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 27%;
    padding-right: 3%;
    float: right;
}
.share p {
    float: left;
    line-height: 1.75;
    margin-right: 10px;
}
.share-icons-wrap {
    float: right;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
    margin-bottom: 25px;
}
.stButton .stLarge:hover {
    background-position :-31px!important;
}
.stButton .stLarge {
    height: 31px!important;
    }
.bloc-info h2 span {
    color: #989898;
    font-size: 21px;
}
.bloc-info .row {
    width: 94%;
    display: block;
    overflow: hidden;
    padding: 15px 3%;
    font-size: 18px;
    background-color: #fff;
    font-family: 'GothamBookRegular';
    font-size: 16px;
}
.bloc-info .row p {
    font-size: 14px;
    line-height: 21px;
}
.bloc-info .row ul li {
    line-height: 21px;
}
.bloc-info .row.highlight {
    background: #3a3a3a;
    color: #fff;
}
.bloc-info .row.mid {
    background: #e6e6e6;
    font-family: 'GothamMediumRegular'}
.bloc-info .row.info {
    font-family: 'GothamBookRegular'}
.bloc-info .row table tr td {
    padding-right: 15px;
}
.remarque {
    height: 384px;
}
.dimensions {
    min-height: 276px;
}
.highlight-photo {
    border: 6px solid #fff;
}
.row.highlight-title {
    padding-top: 0;
}
.row.highlight-title h3 {
    text-transform: uppercase;
}
.details p {
    font-size: 21px;
    margin-top: 5px;
}
.span12 {
    float: left;
    width: 100%;}

.btn-red.large {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #de1935), color-stop(1, #820e1f));
    background: -ms-linear-gradient(top, #de1935, #820e1f);
    background: -moz-linear-gradient(center top, #de1935 0, #820e1f 100%);
    background: linear-gradient(top, #de1935, #820e1f);
}
.btn-red.large span {
    background-image: url(../images/black-btn-arrow.png);
    display: block;
    background-repeat: no-repeat;
    padding-right: 10px;
    width: 97%;
    background-position: right center;
}
.wrap.details h2 {
    margin-bottom: 0;
}
.wrap.details h3 {
    font-size: 24px;
    /*margin-top: 7px;*/
}
.wrap.details h3 span {
    font-size: 24px;
    color: #5a5a5a;
}
.wrap.details p {
    font-size: 20px;
    color: #3a3a3a;
}
.btn-black {
    background-color: #000;
    width: auto;
    padding: 12px 15px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4b4b4b), color-stop(1, #2f2f2f));
    background: -ms-linear-gradient(top, #4b4b4b, #2f2f2f);
    background: -moz-linear-gradient(center top, #4b4b4b 0, #2f2f2f 100%);
    background: linear-gradient(top, #4b4b4b, #2f2f2f);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
    height: 35px;
    text-transform: uppercase;
    line-height: 37px;
    display: inline-block;
}
.btn_print.btn-black {
    padding: 6px 15px;
    margin: 6px 0 0 0;
    text-transform:none;
	float:right;
}

.btn-black.current, .btn-black:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #de1935), color-stop(1, #820e1f));
    background: -ms-linear-gradient(top, #de1935, #820e1f);
    background: -moz-linear-gradient(center top, #de1935 0, #820e1f 100%);
    background: linear-gradient(top, #de1935, #820e1f);
}
.follow {
    margin-top: 24px;
}
.btn-red {
    display: block;
    background-color: #e11936;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    height: 35px;
    text-transform: uppercase;
    line-height: 35.1px;
    -webkit-transition: background-color .25s linear;
       -moz-transition: background-color .25s linear;
        -ms-transition: background-color .25s linear;
         -o-transition: background-color .25s linear;
            transition: background-color .25s linear;
}
.btn-red:hover {
    background-color:#bf1b33;
}
.btn-red.long {
    width: auto;
    max-width: 300px;
    height: 45px;
    line-height: 45px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #de1935), color-stop(1, #951124));
    background: -ms-linear-gradient(top, #de1935, #951124);
    background: -moz-linear-gradient(center top, #de1935 0, #951124 100%);
    background: linear-gradient(top, #de1935, #951124);
}
.btn-red.long span {
    display: block;
    background-image: url(../images/black-btn-arrow-left.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}
.leconseil {
    background-color: #fff;
    width: 90%;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 22px;
}
.article {
    background-color: #fff;
    width: 97%;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 22px;
}
.image-conseil {
    width: 20%;
    float: left;
}
    .links-list-wrap .image-conseil {
        width: 12%;
    }
    .links-list-wrap .info-conseil {
        min-height: inherit;
    }
.image-conseil img {
    width: 100%;
}
.info-conseil {
    float: left;
    width: 77%;
    margin-left: 3%}
.info-conseil ul li {
	line-height:23px;
}
.info-conseil ul li a {
	color:#e11936;
}
.title-dark {
    background-color: #5a5a5a;
    display: block;
    padding: 10px;
}
.wrap .title-dark h1 {
    color:#fff;
    font-weight: normal;
	font-size:26px;
}

.wrap .title-dark h2, .wrap .title-dark h3, .wrap .title-dark h4 {
    color:#fff;
    font-weight: normal;
}
.wrap .title-dark h4 {
    margin-top: 7px;
}
.info-conseil ul li span {
	font-size: 14px;
	font-family: 'GothamBookRegular';
}
.conseils {
    width: 80%;
    margin: 0;
    float: left;
}
.articles-blog {
    width: 70%;
    margin: 0;
    float: left;
}
.articles-blog .article {
    padding: 1.5%;
}
.highlight {
    width: 100%;
    float: left;
    background-image: url(../images/pattern-high.jpg);
}
.highlight.alertes {
    background-image: url(../images/pattern-high-alerte.jpg);
    background-position: top center;
}
.highlight .left {
    float: left;
    width: 426px;
}
.highlight .right {
    float: right;
    height: 60px;
    width: 300px;
    background: #0f5fa6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #055dac), color-stop(1, #003769));
    background: -ms-linear-gradient(top, #055dac, #003769);
    background: -moz-linear-gradient(center top, #055dac 0, #003769 100%);
    background: linear-gradient(top, #055dac, #003769);
}
.highlight .right.more-btn {
    width: 900px;
}
.highlight .title {
    width: 90%;
    background-color: #fff;
    height: 60px;
    line-height: 60px;
    margin: 30px auto;
}
.highlight .title.title-h1 {
        height: auto;
        background-color: white;
        display: block;
        width: 88%;
        padding: 1%;
        overflow: hidden;
    }
.highlight .title.title-h1 h1 {
        font-size: 30px;
    }
.highlight .title.title-h1 p {
        font-size: 16px;
        line-height: 24px;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        width: 100%;
        max-width: 960px;
        }
.highlight .title h2 {
    font-size: 22px;
    margin-left: 3%;
    font-family: 'GothamBookRegular';
    text-transform: uppercase;
}
.highlight .title.title-inter h2 {
    margin-left: 0;
}
.highlight .title a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-family: 'GothamMediumRegular'}
.highlight .title p a {
    display: inline;
    float: none;
    color:#000;
    margin-bottom: 0;
    line-height: 24px;
}
.highlight .title a.btn {
    background-image: url(../images/right_arrow.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    padding: 10px 4%}
.highlight .title a.black-btn {
    height: 48px;
    margin-top: 5px;
    line-height: 48px;
    text-align: center;
}
.header-section {
    width: 90%;
    margin: 20px auto;
}
.bio-header {
    position: absolute;
    z-index: 80;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    padding: 10px;
    }
.bio-header span {
    color:#e32843;
    }
.bio-header h2 {
    color:#3a3a3a;
    width: 90%;
    }



.bio.bio-video {
	width: 100%;
    background: none;
	min-height: auto;
	margin-top: 0;
	padding: 0;
}
.bio-video-container {
	padding: 15px;
    background-color: #fff;
    max-width: 850px;
    margin: 0 auto;
	box-sizing: border-box;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bio {
    position: relative;
    }
.bio h1 {
    margin-bottom: 15px;
}
.bio h2 {
    margin-bottom: 15px;
    text-transform: none;
    font-size: 20px;
}

.header-section h1 {
    font-size: 23px;
    text-transform: uppercase;
    }
.header-section p {
    font-family: 'GothamBookRegular';
    font-size: 16px;
    line-height: 32px;
    margin-top: 15px;
    width: 100%;
    max-width:842px;
    }
    .bio-wrap, .alertes-wrap {
        width: 90%;
        margin: 0 auto;
    }
    .bio-wrap .bio p {
        margin-bottom: 10px;
        line-height: 1.4;
    }
    .bio-wrap .bio p em {
        font-variant: small-caps;
    }
    .bio {
        padding: 1%;
        background-color: #fff;
        width: 30%;
        margin-right: 2%;
        float: left;
        overflow: hidden;
        margin-bottom: 35px;
        margin-top: 35px;
        min-height: 679px;
    }
    .bio:last-child {
        margin-right: 0;
    }
    .bio p {
        font-size: 16px;
        font-family: 'GothamBookRegular';
        line-height: 18px;
    }
.international {
    width: 90%;
    margin: 47px auto 70px auto;
    }
.international #acheter_form {
    margin-bottom: 25px;
}
    .bloc-texte.bt-int {
        width: 70%;
        margin: 0;
        float: left;
        }
    .bloc-texte.bt-int h1 {
        padding: 0 45px;
        margin-bottom: 15px;
        }
    .bloc-texte.bt-policy {
        width: 60%;
        margin: 0;
        }
   .bloc-texte.bt-policy p {
        font-size: 15px;
        line-height: 18px;
        }
a.iwantmore {
    display: block;
    width: 350px;
    margin: 0 auto;
    margin-bottom: 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #0054a1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0054a1), color-stop(1, #003769));
    background: -ms-linear-gradient(top, #0054a1, #003769);
    background: -moz-linear-gradient(center top, #0054a1 0, #003769 100%);
    background: linear-gradient(top, #0054a1, #003769);
}
a.iwantmore:hover {
    background: #003769;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003769), color-stop(1, #0054a1));
    background: -ms-linear-gradient(top, #003769, #0054a1);
    background: -moz-linear-gradient(center top, #003769 0, #0054a1 100%);
    background: linear-gradient(top, #003769, #0054a1);
}
.latest-img-wrap {
    margin: 0 auto;
    width: 90%}
.latest-img-wrap a {
    color: #000;
}
.latest-img {
    float: left;
    position: relative;
    width: 22.08%;
    margin-right: 3%;
    margin-bottom: 2%;
    border: 3px solid #fff;
    background-color: #fff;
}
.alertes-box {
    width: 100%;
    max-width: 876px;
    background-color: #fff;
    margin-top: 43px;
    margin-bottom: 200px;
    }
.header-alertes, .footer-alertes {
    background-color:#373737;
    color:#fff;
    padding: 2%;
    width: 96%;
    float: left;
}
.form {
    float: left;
    width: 100%;
    background-color: #fff;
}
.intro p {
    font-size: 14px;
    font-family: 'GothamBookRegular';
    margin: 7px 0;
}
.madame-monsieur label {
    margin: 0;
}
.rendez-vous #contact_form label {
    margin: 0;
}
.comments {
    margin-bottom: 15px;
    margin-top: 40px;
    float: left;
    margin-top: 10px;
    }
}
.alertes-box {
    float: left;
}
.btn-wrap {
    margin: 0 auto;
    overflow: hidden;
    width: 95%;
}
.pure-form {
    width: 80%;
    margin: 0 auto;
}
.pure-form input {
    width: 100%;
    margin: 7px 0;
    height: 40px;
    background-color: #f1f1f1;
}
.pure-form input:first-child {
    margin-top: 28px;
}
.pure-form input:last-child {
    margin-bottom: 28px;
}
button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 0;
    height: 50px;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    border: 0px solid #ffffff;
    width: 16%;
    margin-right: 0.75%;
    }
    button:last-child {
        margin-right: 0.1%;
    }
    .nav-alertes {
        display: block;
        }
    .form {
        position: relative;
    }
    .nav-alertes img.left-arr {
        position: absolute;
        top: 45%;
        left: 1%;
    }
    .nav-alertes img.right-arr {
        position: absolute;
        top: 45%;
        right: 1%;
    }
    .nav-alertes img.dim {
        opacity: .5;
        cursor:default;
    }
    .green-btn {
    background: -moz-linear-gradient(
        top,
        #1eda18 0%,
        #128e10);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#1eda18),
        to(#128e10));
    }
    .green-btn:hover {
        background: -moz-linear-gradient(
        top,
        #128e10 0%,
        #1eda18);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#128e10),
        to(#1eda18));
    }
    .red-btn {
    background: -moz-linear-gradient(
        top,
        #da1835 0%,
        #8d0f22);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#da1835),
        to(#8d0f22));
    }
    .red-btn:hover {
            background: -moz-linear-gradient(
        top,
        #1eda18 0%,
        #128e10);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#1eda18),
        to(#128e10));
    }
    button a {
        display: block;
        height: 100%;
        line-height: 50px;
    }

    .latest-img img {
        width: 100%;
        max-width: 100%;
        max-height: 223px;
    }
.latest-img:nth-child(4n) {
    margin-right: 0;
}
.latest-img h3 {
    line-height: 20px;
    height: 40px;
    margin-left: 2%;
    font-family: Arial;
}
.latest-img span.vendu {
    position: absolute;
    width: 235px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -10px;
    left: -10px;
}
.latest-img span.vendu.fr{
    background-image: url(../images/vendu.png);
}
.latest-img span.vendu.en{
    background-image: url(../images/sold.png);
}


.latest-img span.vedette {
    position: absolute;
    width: 235px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -10px;
    left: -10px;
}

.latest-img span.vedette.fr{
    background-image: url(../images/vedette.png);
}

.latest-img span.vedette.en{
    background-image: url(../images/featured.png);
}


.clear {
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
}
.clear a {
    margin-top: 10px;
    color: #000;
    float: right;
}
.vendre a {
    color:#e11936;
}

.vendre a.black-btn {
    color:#fff;
}
.clear a:hover {
    text-decoration: underline;
}
.supplement {
    width: 100%;
    float: left;
    background-color: #fff;
}
.supplement ul li {
    font-size: 14px;
}
.supplement .supplement-wrap {
    width: 90%;
    margin: 0 auto;
}
.supplement .supplement-wrap h2 {
    font-family: 'GothamBookRegular';
    font-size: 22px;
    margin-top: 34px;
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #262626;
    letter-spacing: -1px;
}



.supplement .supplement-wrap .box {
    background-image: url(../images/pattern-small.jpg);
    padding: 5%;
    border: 3px solid #d9d9d9;
    height: 241px;
}
.supplement .supplement-wrap .box.outils ul li {
    height: 46px;
    background-color: #4b4b4b;
    background-color: rgba(0, 0, 0, 0.8);
    margin-bottom: 5px;
    line-height: 46px;
    padding-left: 5%;
    background-image: url(../images/right_arrow.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    font-family: 'GothamBookRegular';
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    -ms-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
}
.supplement .supplement-wrap .box.outils ul li:hover, .supplement .supplement-wrap .box.outils ul li.active {
    background-color: #d72a43;
    background-color: rgba(216, 24, 52, 0.9);
}
.supplement .blogue a {
    height: 54px;
    font-family: 'GothamBookRegular';
    font-size: 14px;
    margin-bottom: 3px;
    padding: 14px 10px 10px 14px;
    display: block;
    background-color: #4b4b4b;
    background-color: rgba(0, 0, 0, 0.8);
    width: 92%;
    max-height: 78px;
    -webkit-transition: background-color .35s ease;
    -moz-transition: background-color .35s ease;
    -ms-transition: background-color .35s ease;
    -o-transition: background-color .35s ease;
    transition: background-color .35s ease;
}
.supplement .blogue a:hover {
    background-color: #d72a43;
    background-color: rgba(216, 24, 52, 0.9);
}
.supplement .blogue a span {
    float: right;
    font-size: 12px;
    line-height: 19px;
}
a .temoignage h3 {
    color:#000;
    margin-bottom: 5px;
}
.supplement .temoignage {
    height: 90%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.supplement .temoignage:after{
    content: '...';
    position: absolute;
    bottom: -3px;
    right: 18px;
}
.supplement .temoignage p,
.supplement .temoignage div {
    font-size: 14px;
    color: #1b1a1a;
    line-height: 18px;
    margin-bottom: 10px;
    font-family: 'GothamBookRegular';
}
.supplement .temoignage p+p {
    margin-bottom: 0;
}
.supplement .temoignage p+p span {
    font-style: italic;
}
.more {
    float: right;
    margin-top: 10px;
}
.more.home {
    color: #e11936;
    font-family: 'GothamBookRegular';
    font-style: italic;
    font-size: 14px;
}
.footer {
    float: left;
    width: 100%;
    background-image: url(../images/pattern-footer.jpg);
}
.footer h2 {
    color:#fff;
}
.footer ul li a:hover {
    text-decoration: underline;
}
.footer .left {
    width: 49%;
    margin-top: 40px;
    float: left;
}
.footer .left .title {
    color: #e11936;
}
.footer .right {
    width: 49%;
    margin-top: 40px;
    float: left;
    margin-left: 2%}
.footer .right .title, .footer .right p {
    color: #fff;
}
.footer .right p {
    font-family: 'GothamBookRegular';
    line-height: 24px;
}
.footer .right p+p {
    margin-top: 20px;
}
.footer .right .span5 {
    margin-left: 3.5%;
    margin-top: 15px;
    float: left;
}
.footer .right .span5.logobw {
    margin-top: 0;
    float: right;
}
.footer .right .span5 .logo-remax-bw {
    /*background-image: url(../images/remax-logo-bw.png);*/
    width: 170px;
    height: 170px;
    display: block;
}
.footer .right .span5 a {
    display: block;
    margin-top: 30px;
    float: left;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 11px 105px 11px 19px;
    font-size: 19px;
    line-height: 19px;
    font-family: 'fjallaoneregular';
    background-color: #e11936;
    -webkit-transition: background-color .25s linear;
       -moz-transition: background-color .25s linear;
        -ms-transition: background-color .25s linear;
         -o-transition: background-color .25s linear;
            transition: background-color .25s linear;
}

.footer .right .span5 a.google_link{
    background-color: transparent;
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: normal;
    width: auto;
    border-radius: 0;
}
.footer_phone p {
	width:100%;
	float: left;
}
.footer .right .span5 a.google_link:focus,
.footer .right .span5 a.google_link:hover {
    color: #e11936;
	background-color: transparent;
}
.footer .right .span5 a.telephone{
    float:none!important;
    background-color: transparent;
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: normal;
    width: auto;
    border-radius: 0;
}

.no-touch .footer .right .span5 a.telephone{
    cursor: default;
}

.touch .footer .right .span5 a.telephone{
    text-decoration: underline;
}

.footer .right .span5 a.telephone:hover {
    background-color: transparent;
}

.footer .right .span5 a:hover {
    background-color: #bf1b33;
}
p.partenaires {
    padding: 10px 0 25px 0;
}
.footer .right .span5 a.btn {
    background-image: url(../images/right_arrow.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}
.footer .span2 {
    width: 23%;
    float: left;
    margin-left: 3.5%}
.footer .span2 a {
    font-family: 'fjallaoneregular';
    color: #fff;
    display: block;
    margin-top: 22px;
}
.footer .span2 a.active {
    color: #e11936;
}
.footer .title {
    background: #000;
    padding: 13px 4%;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}
.footer-wrap {
    width: 90%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
.footer-wrap .liens-type { 
	padding-top: 50px;
}

.footer-wrap .liens-quartier { 
	padding-top: 15px;
}
.footer-wrap .liens-type,
.footer-wrap .liens-quartier { 
    text-align: center;
}
.footer-wrap .liens-type li,
.footer-wrap .liens-quartier li { 
	display: inline-block;
	padding: 10px 10px;
	width: auto;
	font-family: 'GothamBookRegular';
}
.wrap.white {
    padding: 2%;
    width: 86%;
    background: #fff;
    }
.wrap.white p {
    font-family: 'GothamBookRegular';
    margin-bottom: 10px;
    }
.wrap.white h3, .wrap.white h1 {
    margin-bottom: 15px;
}
.credits {
    width: 90%;
    margin: 20px auto 20px auto;
    padding-top: 20px;
    padding-bottom: 80px;
    color: #fff;
    border-top: 1px solid #747474;
}
.credits .left {
    margin-top: 0;
}
.credits .right {
    margin-top: 0;
}
.credits .right p {
    float: right;
}
.credits p {
    font-family: 'GothamBookRegular';
    font-weight: normal;
    font-size: 14px;
}
.credits p a {
    font-family: 'GothamMediumRegular'
}
.credits p a:hover {
    color:#e11936;
}
.span4 {
    float: left;
    width: 23.50%;
    margin-right: 2%;
    margin-bottom: 2%}
.span4:nth-child(4n) {
    margin-right: 0;
}
.span4:nth-child(4n) .box {
	overflow:hidden !important;
}
.span4 iframe {
    width: 100%!important;
    height: 100%!important;
    background-color: #fff;
    border: 1px solid #d9d9d9!important;
}
.sv-wrap {
    height: 220px;
    display: none;
    position: relative;
}
.map-wrap {
    position: relative;
    overflow: hidden;
}
#map-canvas {
    width: 100%;
    height: 610px;
	z-index:100;
}
#pano {
	z-index:50;
}
.x {
    display: none;
    font-size: 50px;
    color:#fff;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1000;
}
.myForm .btn {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e11936), color-stop(1, #b3142b));
    background: -ms-linear-gradient(top, #e11936, #b3142b);
    background: -moz-linear-gradient(center top, #e11936 0, #b3142b 100%);
    background: linear-gradient(top, #e11936, #b3142b);
    background-color: #e11936;
    width: 97%;
    margin-top: 15px;
    float: left;
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}
.myForm .btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b3142b), color-stop(1, #e11936));
    background: -ms-linear-gradient(top, #b3142b, #e11936);
    background: -moz-linear-gradient(center top, #b3142b 0, #e11936 100%);
    background: linear-gradient(top, #b3142b, #e11936);
}
.span8 {
    float: left;
    width: 47%;
    margin-right: 2%;
    margin-bottom: 2%}
.span8 .fifty {
    width: 50%;
    float: left;
}
.span8 .full {
    width: 100%;
    float: left;
}
.span8 .full textarea {
    width: 94%;
    border: 0;
    background-color: #e2e2e2;
    height: 100px;
    padding-left: 15px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.span8 input {
    width: 88%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    background-color: #e2e2e2;
    height: 35px;
    padding-left: 15px;
}
.post {
    float: left;
    padding-top: 15px;
    width: 100%;
    /* margin-right: 3%; */
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    line-height: 120%;
	
}
.post p {
    margin-top: 10px;
    float: left;
    line-height: 1.4;
}
.post p em {
    font-weight: bold;
}
.post ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: disc;
}
.post li {
    font-family: 'GothamBookRegular';
    margin-bottom: 10px;
    margin-left: 1em;
    line-height: 1.4;
}
#other_features {
    margin-top: 10px;
}
.wrap-centered {
    width: 66%;
    margin: 0 auto;
}
#article-illustration-wrap {
	width: 66%;
    margin: 0 auto;
}
.post #article-illustration-wrap {
    text-align: center;
}
.post #article-illustration-wrap img {
    width: auto;
	max-width: 100%;
	height: auto;
}
.wrap-centered p {
    text-align: justify;
}
.post p.date-header {
    margin-bottom: 20px;
    text-transform: uppercase;
	width: 100%;
}
.post p.share-header {
    margin-bottom: 5px;
    letter-spacing: -1px;
    display: block;
    float: none;
}
.post img {
    margin-bottom: 12px;
    width: 100%;
}
.stButton:first-child {
    margin-left: 0;
}
.post p {
    font-family: 'GothamBookRegular';
    margin-bottom: 10px;
}
.post ul {
    float: left;
}
.post a {
    color:#e11936;
}
.post a:hover {
    text-decoration: underline;
}
.post h1 {
    text-transform: uppercase;
    font-size: 32px;
    }
.post h1+h1 {
    font-size: 24px;
    margin-bottom: 6px;
    }
    .back-detail a {
        color:#000;
        font-family: 'GothamBookRegular';
        text-transform: uppercase;
        font-size: 12px;
    }
    .back-detail a:hover {
        text-decoration: underline;
    }
.articles-blog .post h2 {
    text-transform: uppercase;
    font-size: 21px;
	line-height: 100%;
    }
.articles-blog .post h3 {
	font-family: 'fjallaoneregular';
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 4px;
    float: left;
    line-height: 1.3;
	width:100%;
    }
.articles-blog .post h4 {
    text-transform: uppercase;
    font-size: 16px;
    }
.publish-date {
    font-family: 'GothamBookRegular';
    float: left;
    text-transform: uppercase;
    margin: 10px 0;
    width: 100%}
.publish-date p {
    float: left;
}
/* liens utiles */
.liens-wrap {
    width: 90%;
    margin: 20px auto;
    overflow: hidden;
}
.cie-bloc {
    margin-bottom: 20px;
    margin-right: 1%;
    padding: 2%;
    background-color: #fff;
    float: left;
}
.cie-infos {
    float: left;
    width: 64%;
}
.img-cie-wrap {
    width: 32%;
    float: left;
    margin-right: 2%;
    height: 230px;
	overflow:hidden;
}
.img-cie-wrap img {
    width: 100%;
}
.cie-infos button {
    float: right;
    margin-top: 75px;
    text-transform: uppercase;
}
.cie-infos .red-btn {
    width: 176px;
    height: 45px;
}
.cie-infos button a {
	display:block;
	height:100%;
	line-height:45px;
}
.cie-infos h3 {
    margin-bottom: 10px;
    font-size: 18px;
}
.cie-infos p {
    font-family: 'GothamBookRegular';
    font-size: 15px;
    line-height: 18px;
}

iframe {
    width: 100%}
.sidebar {
    width: 32%;
    float: left;
    }
.sidebar img {
    width: 100%}
.share {
    background-color: #f3f3f3;
    border: 1px solid #c0c0c0;
    display: block;
    float: left;
    padding: 35px 10px;
    width: 93%}
@media all and (max-width:676px) {

.sidebar {
    width: 95%;
    margin-bottom: 15px;
    }
.sidebar img {
    width: 96%}
.sidebar p {
    margin-right: 20px;
    }
}
.map-wrap {
    height: 450px;
}
.main-tit-contact {
	padding: 30px 20px;
    text-align: center;	
}
.main-tit-contact h1 {
	font-size: 35px;
} 
.container {
    background-image: url(../images/pattern-high.jpg);
    width: 100%;
    float: left;
}
.text_contact_page {
	font-size: 14px;
}
.text_contact_page a {
	color: #3a3a3a;
	text-decoration: underline;
}
.text_contact_page p {
	line-height: 160%;
}
.container.int{
    background-image: url(../images/pattern-high-int.jpg);
    background-position: top right;
}
.container.white {
    background-image: none;
    background-color: #fff;
}
.wrap {
    width: 90%;
    margin: 0 auto;
    margin-top: 24px;
}
.wrap h2 {
    font-size: 35px;
    color: #3a3a3a;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.testimonials {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 35px;
    overflow: hidden;
}
.testimonials h3 {
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.testimonials p {
    font-family: 'GothamBookRegular';
    line-height: 22px;
    margin-bottom: 10px;
}
.testimonials p span {
    margin-top: 8px;
    display: block;
}
.testimonials .left-col, .testimonials .right-col {
    width: 45%;
}

h1.testimonialsh1 {
    font-size: 34px;
}

@media all and (max-width: 924px) {
    .testimonials .left-col, .testimonials .right-col {
        width: 100%;
    }    
}

.testimonials .span-testimonial {
    background-color: #fff;
    padding: 40px;
    float: left;
    margin-top: 45px;
}
.span-testimonial a:link {color: #000000; text-decoration: none ;}
.span-testimonial a:visited {color: #000000; text-decoration: none ;}
.span-testimonial a:hover {color: #000000; text-decoration: none;}
.span-testimonial a:active {color: #000000; text-decoration: none ;}

.left-col {
    float: left;
}

.right-col {
    float: right;
}
label p {
    float: left;
    font-size: 14px;
    font-family: 'GothamBookRegular';
    line-height: 30px;
}
.instructions {
  
}
#les-categories-wrap {
    width: 24%;
    float: right;
}
.les-categories.second {
    margin-top: 20px;
}

.rendez-vous {
    width: 20%;
    float: right;
}
#acheter_form, #vendre_form {
    width: 92%;
    float: left;
    background-color: #fff;
    padding: 10px;
}
#acheter_form label, #vendre_form label, .rendez-vous #acheter_form select, .rendez-vous #vendre_form select  {
    display: block;
    width: 95%;
    float: left;
}
.rendez-vous #acheter_form input, .rendez-vous #acheter_form select, .rendez-vous #acheter_form textarea, .rendez-vous #vendre_form input, .rendez-vous #vendre_form select, .rendez-vous #vendre_form textarea {
    width: 100%;
    height: 30px;
    margin: 10px 0;
    background-color: #e2e2e2;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 0;
}
.rendez-vous #acheter_form textarea, .rendez-vous #vendre_form textarea {
    height: auto;
}
.rendez-vous #acheter_form input[type=checkbox], .rendez-vous #vendre_form input[type=checkbox]  {
    float: left;
    height: 30px;
    margin: 0;
    background-color: #e2e2e2;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 0;
    width: 10%}
.rendez-vous #acheter_form input[type=radio], .rendez-vous #vendre_form input[type=radio] {
    float: left;
    height: 30px;
    margin: 0;
    border: 0;
    width: 10%}
.rendez-vous #acheter_form input[type=submit], .rendez-vous #vendre_form input[type=submit] {
    background-color: #e11936;
    color: #fff;
    cursor: pointer;
}
.rendez-vous #acheter_form textarea {
    background-color: #e2e2e2;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 0;
    width: 97%}
.radio {
    width: 100px;
    float: left;
}
.standard {
    font-size: 14px;
    font-family: 'GothamBookRegular';
    line-height: 30px;
}

.articles-blog h1.mb0 {
    margin-bottom: 0;
}
.conseils h1, .rendez-vous h2, .articles-blog h1, .les-categories h2, .bloc-outils-outils h1, .bloc-outils-outils h2 {
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 28px;
}
.articles-blog h2 {
    margin-bottom: 0px;
    line-height: 60px;
}
.info-conseil {
    min-height: 242px;
    position: relative;
}
.info-conseil p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'GothamBookRegular'}
.info-conseil p.publish-date {
    margin-top: 15px;
    bottom:-50px;
    position: relative;
}
.info-conseil h3, .info-conseil h2 {
    text-transform: uppercase;
    margin: 18px 0 24px 0;
    font-size: 24px;
}
.meta {
    position: absolute;
    width: 100%;
    float: left;
    margin-top: 15px;
    bottom: 0;
}
.meta p {
    float: left;
}
.meta .btn {
    float: right;
    position: relative;
    z-index: 1;
}
.plan {
    width: 90%;
    margin: 0 auto;
}
.picture-wrap {
    position:relative; 
    z-index: -1;
}
.plan .bloc-texte {
    width: 60%;
    margin: 47px 0;
    font-size: 18px;
    padding-left: 30px;
    }
.plan .bloc-texte a {
    color:#000;
    line-height: 24px;
}
.bloc {
    background-color: #fff;
    padding: 30px;
    overflow: hidden;
}
.bloc.np {
    padding: 0;
    height: 275px;
}

.menu_type {
    width: 150px;
    display: none;
}
.menu_type li,
.menu_type option {
    color: #fff;
    padding: 5px 0;
}
.menu_type li:hover,
.menu_type option:hover {
    text-decoration: underline;
}
.menu_quartier {
    display: none;
}
.menu_quartier li {
    padding: 5px 0;
}
.menu_quartier li:hover {
    text-decoration: underline;
}

.row1a, .row2a {
    width: 50%;
    float: left;
}



.menu_type, .menu_quartier {
    float: left;
    z-index: 1000;
    position: absolute;
    top: 86px;
    background-color: #4b4b4b;
    padding: 1%;
    border: 0px;
}

.menu_quartier {
    /*right: 0;*/
}
.row1, .row2, .row3, .row4, .row5 {
    float: left;
    margin:0;
}
.row2, .row3, .row4 {
    margin-left: 15px;
}
.row1 li, .row2 li, .row3 li, .row4 li {
    margin-bottom: 7px;
}
.row1 li a, .row2 li a, .row3 li a, .row4 li a {
    font-size: 15px;
}
.row1 li a:hover, .row2 li a:hover, .row3 li a:hover, .row4 li a:hover {
    text-decoration: underline;
}
.quartier, .type {
    cursor:pointer;
    float: right;
    height: 100%;
    margin-right: 0px;
    background-image: url('../images/black-btn-arrow-down.png');
    background-repeat: no-repeat;
    background-position: 10px 90%;
}
.quartier h3, .type h3 {
    color:#fff;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}
.quartier img, .type img {
    width: 82px;
    margin-top: 14px;
    float: left;
}
.bloc.coordonnees {
    padding: 10px;
}
.bloc.coordonnees a {
    color: #111213;
}
.bloc.np .case {
    width: 33.333333333333%;
    height: 50%;
    background-color: #fff;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.bloc.np .case.f-l, .bloc.np .case.p-l, .bloc.np .case.y-l, .bloc.np .case.t-l, .bloc.np .case.r-l, .bloc.np .case.i-l {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: background-image .45s ease;
    -moz-transition: background-image .45s ease;
    -ms-transition: background-image .45s ease;
    -o-transition: background-image .45s ease;
    transition: background-image .45s ease;
}
.bloc.np .case.f-l {
    background-image: url(../images/facebook-l.png);
}
.bloc.np .case.f-l:hover {
    background-image: url(../images/facebook-l-color.png);
}
.bloc.np .case.t-l {
    background-image: url(../images/twitter-l.png);
}
.bloc.np .case.t-l:hover {
    background-image: url(../images/twitter-l-color.png);
}
.bloc.np .case.p-l {
    background-image: url(../images/pinterest-l.png);
}
.bloc.np .case.p-l:hover {
    background-image: url(../images/pinterest-l-color.png);
}
.bloc.np .case.y-l {
    background-image: url(../images/instagram-l.png);
}
.bloc.np .case.y-l:hover {
    background-image: url(../images/instagram-l-color.png);
}
.bloc.np .case.i-l {
    background-image: url(../images/linkedin-l.png);
}
.bloc.np .case.i-l:hover {
    background-image: url(../images/linkedin-l-color.png);
}
.bloc.np .case.r-l {
    background-image: url(../images/rss-l.png);
}
.bloc.np .case.r-l:hover {
    background-image: url(../images/rss-l-color.png);
}
.bloc.np .case.g-c {
    background-image: url(../images/google_c.png);
	background-size: 50px;
	background-repeat: no-repeat;
    background-position: center;
}
.bloc.np .case.g-c:hover {
    background-image: url(../images/google_color.png);
	background-size: 50px;
}

.bloc p {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 17px;
    font-family: 'GothamBookRegular'
}
.contact-coordonne-text {
	font-size: 18px;
    line-height: 20px;
    font-family: 'GothamBookRegular'
}

.contact-tit-courtier {
	margin-bottom: 10px;
}
.contact-agence {
	margin-bottom: 5px;
}
.bloc.coordonnees p:first-child {
	margin-bottom: 0;
}

@media all and (max-width: 1451px) {
    .social-icons {
        display: none;
    }
    .right-wrap-fr {
        width: 955px;
    }
    .right-wrap-en {
        width: 875px;
    }
}

@media all and (max-width: 1170px) {
    table.table-room-even {
        float: left;
    }
    .three-row.fl {
        float: left;
    }
    #ui-accordion-accordion-panel-1 .fl+.fl {
        float: left;
    }
}

@media all and (max-width: 1093px) {
    .recherche h2 {
        width: 180px;
        line-height: 1.2;
    }
}

@media all and (max-width:1013px) {
.highlight .title a.btn {
    font-size: 15px;
}
.highlight .right {
    width: 270px;
}
}
@media all and (max-width:1024px) {
    .latest-img {
    margin-right: 2%}
}
@media all and (max-width:1084px) {
    .latest-img h3 {
    font-size: 13px;
    line-height: 15px;
}
.picture {
    height: 320px;
}
.picture h2 {
    font-size: 20px;
}
}
@media all and (max-width:1145px) {
    .latest-img span.vedette {
    width: 175px;
    height: 100px;
    top: -8px;
    left: -9px;
}
.latest-img span.vendu {
    width: 175px;
    height: 100px;
    top: -8px;
    left: -9px;
}
}
@media all and (max-width:1267px) {
.select-wrap {
    margin-left: 20px;
}
.recherche select {
    margin-top: 10px;
}
.select-wrap {
    width: 95%}
}
@media all and (max-width:1544px) {
    .supplement .temoignage p {
    margin-bottom: 10px;
}
.supplement .temoignage p {
    line-height: 20px;
}
.supplement .supplement-wrap .box.outils ul li {
    font-size: 14px;
}
}
@media all and (max-width:1582px) {
    .supplement .supplement-wrap h2 {
    height: 55px;
}
}
@media all and (max-width:1526px) {
    .cat .black-btn span {
    font-size: 12px;
}
}
@media all and (max-width:1511px) {
    .right-btn {
    width: 658px;
}
}
@media all and (max-width:1410px) {
    .conseils h1, .rendez-vous h2 {
    font-size: 29px;
}
}
@media all and (max-width:1337px) {
    .articles-blog {
    width: 100%}
#les-categories-wrap {
    width: 100%}
.cat .black-btn span {
    font-size: 14px;
}
}
@media all and (max-width:1320px) {
.right-wrap {
    width: 643px;
}
.header ul li {
    margin-bottom: 5px;
}
.header .right-wrap-en ul li {
    width: 35%;
}
.links {
    padding-bottom: 24px;
    padding-top: 20px;
    width: 248px;
    margin-left: 0;
}
.right-wrap-en .links {
    width: 303px;
}
.right-wrap.right-wrap-en {
    width: 700px;
}
.links ul {
    padding-left: 30px;
}
.links ul li+li {
    border-left: 0;
}
}
@media all and (max-width:1271px) {
    .conseils {
    width: 100%}
.rendez-vous {
    width: 100%}
.rendez-vous #contact_form input, .rendez-vous #contact_form select {
    max-width: 100%}
}
@media all and (max-width:1241px) {
    .right-btn {
        float: left;
        width: 97%}
    }

@media all and (max-width: 1237px) {
    .footer .right .span5 .logo-remax-bw {
        position: absolute;
        right: 45px;

    }
}

@media all and (max-width:1225px) {
    .supplement .span4 {
    width: 48%}
.supplement .supplement-wrap h2 {
    height: 22px;
}
}
.testimonials .span-testimonial:nth-child(odd) {
    float: left;
}
}

@media all and (max-width: 1133px) {
    .menu_quartier {
        width: 98%;
        left: 0;
    }
}

@media all and (max-width: 1131px) {
    .menu-outils span {
        font-size: 13px;
    }
    .menu-outils li {
        width: 19.5%;
    }
}
@media all and (min-width:1121px) and (max-width:1402px) {
    .wrap h2 {
        font-size: 28px;
    }
}

@media all and (min-width:849px) and (max-width:1120px) {
    .wrap h2 {
         font-size: 22px;
    }
    .bloc.np {
         height: 230px;
    }
    .bloc p {
         font-size: 14px;
         line-height: 17px;
    }
}

@media all and (min-width:617px) and (max-width:684px) {
    .wrap.details h2{
        font-size:24px;
    }
}

@media all and  (max-width:616px) {
    .wrap.details h2{
        font-size:18px;}
}

@media all and (min-width:848px) and (max-width:1078px) {
    .wrap.details h3{
        font-size:18px;
    }
    .wrap.details p{
    font-size:18px;
    }
}


@media all and  (max-width:616px) {
.wrap.details h3{
font-size:18px;}
.wrap.details p{
font-size:18px;}
}

@media all and (max-width:480px) {
.wrap.details h3{
font-size:18px;}

.wrap.details p{
font-size:18px;}
}
}

@media all and (max-width:480px) {
h2{
font-size:28px;}
}
}

@media all and (max-width:617px) {
.wrap.details h2{
font-size:17px;}
}


@media all and (min-width:849px) and (max-width:1120px) {
    .wrap h2 {
    font-size: 22px;
}
}

@media all and (max-width: 1100px) {
    .swiper-container {
        height: 320px;
    }
}
@media all and (max-width:1200px) {
	.logo img {
		width: 350px;
		margin-top: 14px;
	}
}
@media all and (max-width: 1054px) {
    .logo img {
        width: 225px;
		margin-top: 0;
    }
}

@media all and (max-width: 1016px) {
    .right-wrap {
        width: 600px;
    }
    .links {
        width: 207px;
    }
}


@media all and (max-width:1000px) {
    .links {
    padding-bottom: 20px;
    padding-top: 20px;
    }
}





@media all and (max-width: 986px) {

}

@media all and (max-width:984px) {
    .right-btn.avendre {
    height: 215px;
    }
}

@media all and (max-width: 971px) {
    .right-wrap.right-wrap-en {
        width: 393px;
    }
}

@media all and (max-width:962px) {
    .outils-wrap {
    width: 100%}
.bloc-outils-outils {
    width: 94%}
}

@media all and (max-width: 970px) {
    .right-wrap {
        width: 390px;
    }
    .links {
        display: none;
    }

    .lang-mob {
        display: block;
        position: absolute;
        bottom: 10px;
        left: 20px;
    }
    .lang-mob a {
        color:#fff;
    }
}

@media all and (max-width:951px) {
    .right-btn.avendre .black-btn.first {
    margin-right: 0;
}
.right-btn.avendre .black-btn {
    width: 90%;
    margin-bottom: 10px;
}
}
@media all and (max-width:940px) {
	
    .span4 {
        width: 100%
    }
    .span8 {
        width: 100%
    }
    .picture span {
        font-size: 13px;
        line-height: 1;
        height: 65px;
        padding: 0 5% 0 5%;
    }
	.contact_flex_mobile {
		display: flex;
    	flex-wrap: wrap;
	}
	.contact_flex_mobile > div {
		flex: 0 0 100%;
	}
	.contact_flex_corrd {
		order:2;
	}
	.contact_flex_form {
		order:1;
	}
	.contact_flex_social {
		order:3;
	}
	
	
}

@media all and (max-width: 925px) {
    .row4 {
        margin-left: 0;
    }
}

@media all and (max-width:911px) {
    .logo img {
    width: 225px;
    background-size: 100%}
}
@media all and (max-width:948px) {
    .wrap.white {
        margin-bottom: 24px;}
    }


@media all and (max-width: 909px) {
    .recherche h2 {
        width: 96%;
        margin-bottom: 14px;
    }
    .recherche .btn {
        width: 18%;
    }
    .recherche {
        height: 145px;
    }
    .menu_type, .menu_quartier {
        top: 144px;
    }
    .quartier, .type {
        float: left;
        height: 87px;
    }
    .quartier {
        margin-left: 20px;
    }
    .bloc-texte.bt-int {
    width: 100%;
    }   
    
}

@media all and (max-width: 867px) {
    .menu-outils li {
        width: 33%;
    }
}

@media all and (max-width: 864px) {
    .bio {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
        min-height: 1px;
    }
    .bio:first-child {
        margin-top: 35px;
    }    
    .bio:last-child {
        margin-bottom: 35px;
    }
    button {
        width: 32%;
        margin-bottom: 7px;
    }
}

@media all and (max-width:848px) {
 .links {
    display: none;
 }
.right-wrap {
    width: 382px;
    width: 382px;
    top: 0;
    right: 0;
    position: absolute;
}
.latest-img {
    width: 47%}
.picture {
    height: 240px;
}
.highlight .title a.btn {
    background-image: none;
    padding: 0 15px;
    line-height: 30px;
}
.highlight .right {
    background-image: none;
    display: block;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%}
.highlight .right a {
    color: #000;
}
.footer .right .title {
    padding-left: 2.5%}
.footer .left {
    width: 95%
}
.footer .right {
    width: 100%;
    float: left;
    margin-top: 35px;
}
.footer .right .span5 {
    margin-left: 2.5%}
.footer .right .span5 .logo-remax-bw {
    width: 180px;
}
.footer .credits .right {
    float: left;
    margin-top: 5px;
}
.footer .credits .left {
    margin-left: 15px;
}
.credits .right p {
    margin-left: 10px;
}
.credits .right p {
    float: left;
}
}

@media all and (max-width: 817px) {
    .cie-bloc {
        width: 100%;
        }
    .cie-infos {
        width: 60%;
        }
    .wrap-centered {
        width: 100%;
        }
    .articles-blog .article {
           padding:3%;
        }
    .article {
        width: 94%;
        }
    .back-detail {
        margin: 10px 0 15px 0;
    }
    .post {
        padding-top: 0;
    }
    }
@media all and (max-width:787px) {
    .supplement .supplement-wrap h2 {
    height: 44px;
}
.recherche {
    width: 100%}
}
@media all and (max-width:714px) {
    .sidebar {
    width: 95%
}
.sidebar img {
    width: 96%}
.sidebar .publish-date {
    margin-right: 30px;
}
.sidebar .share {
    margin-bottom: 15px;
    }
}
@media all and (max-width:704px) {
    .vendre .left {
    width: 100%}
.right-btn.avendre {
    width: 100%;
    height: auto;
}
.right-btn.avendre .black-btn {
    float: left;
}
.info-conseil h3 {
    margin: 18px 0 10px 0;
}
/*.outils-btn {
    width: 48%}
}*/
}

@media all and (max-width:695px) {
    .latest-img {
    margin-right: 1%}
.clear {
    margin: 7px 0 10px 0;
}

.wrap h2{
    padding-top: 12px;
}
}

@media all and (max-width: 686px) {
    .right-wrap.right-wrap-en {
        width: auto;
    }
}

@media all and (max-width: 676px) {
    .wrap.white {
        width: 80%;
        padding: 5%;
    } 
}

@media all and (max-width:687px) {
    .contact {
    display: none;
}
.right-wrap {
    width: 95px;
}
}
@media all and (max-width:662px) {
.recherche-wrap {
    padding: 0;
}
.recherche {
    height: 281px;
}
.recherche .btn {
    float: left;
    margin-left: 0;
    width: 95%
    }
/*
.recherche select {
    width: 95%
}
.recherche select+select {
    margin-left: 0;
}
*/
.recherche .btn {
    width: 93%;
    margin-bottom: 5px;
    margin-left: 3.5%;
}
.recherche-wrap {
       /* margin-top: 15px;*/
    }
.menu_type, .menu_quartier {
    top: 281px;
}
.highlight {
   /* margin-top: 15px;*/
    }
    .bloc-info .row.highlight {
        margin-top: 0;
    }
}
@media all and (max-width:622px) {
    .footer .right .span5.logobw {
    display: none;
}
.footer .span2 {
    width: 29%}
}
@media all and (max-width:616px) {
    .supplement .span4 {
    width: 100%}
.supplement .supplement-wrap h2 {
    height: 33px;
}
.picture h2 {
    font-size: 14px;
}
}

@media all and (max-width: 585px) {
    .image-conseil {
        width: 30%;
    }
    .meta .btn.btn-red {
        width: auto;
        min-width: 110px;
        float: left;
    }
    .info-conseil p.publish-date {
        bottom: auto;
    }
    .meta {
        position: relative;
    }
}

@media all and (max-width: 549px) {
    .menu-outils li {
        width: 49%;
    }
}

@media all and (max-width:504px) {
    .span8 .fifty {
    width: 100%;
    float: none;
}
.bloc-outils-outils {
    padding-top: 0;
    margin: 6px 5% 70px 5%;
    padding-bottom: 20px;
}
.bloc-outils-outils h1 {
    font-size: 27px;
    margin-bottom: 14px;
}
}
@media all and (max-width:472px) {
/*    .outils-btn {
    width: 94%}*/

    .arrow img{
        width:32px;
        height:43.2px;
    }

}
@media all and (max-width:461px) {
    .right-btn .black-btn {
    width: 97%
    }
}

@media all and (max-width: 452px) {
    button {
        width: 46%;
        margin-right: 2%;
    }
}

@media all and (max-width: 445px) {
    .swiper-container {
        height: 146px;
    }
}

@media all and (max-width: 440px) {
    .bio h2 {
        font-size: 18px;
    }
}

@media all and (max-width:431px) {
    .footer .title {
    font-size: 14px;
    cursor: pointer;
}
.footer .span2 {
    width: 100%;
    display: none;
    border-bottom: 1px solid #666;
}
.footer .span2 ul {
    margin-bottom: 15px;
}
.footer .span2 .supplement .supplement-wrap h2 {
    height: 44px;
}
.footer .left h2 {
    text-transform: uppercase;
}
.footer .right .span5 a {
    padding: 11px 82px 11px 19px;
}
.latest-img {
    width: 98%;
    margin-bottom: 15px;
}
.picture {
    width: 100%;
    height: 242px;
}
.recherche {
    width: 100%}
.footer .right .title {
    height: 40px;
}
.highlight .title h2 {
    font-size: 14px;
}
.highlight .left {
    width: 100%}
.recherche-wrap {
    padding: 0;
}
.recherche {
    height: 283px;
}
.recherche select {
    width: 95%}
.recherche select+select {
    margin-left: 0;
}
.recherche .btn {
    width: 93%;
    margin-bottom: 6px;
    }
}
@media all and (max-width:372px) {

body {
    margin-top: 66px;
}
.quartier, .type {
    clear: both;
    }
.quartier h3, .type h3 {
    width: 80px;
}
.type {
    margin-left: 20px;
}
.recherche {
    height: 370px;
}
.logo {
    margin-top: 6px;
}
.logo img {
    width: 195px;
}
.sidemenu {
    width: 178px;
}
.side-links {
    margin-top: 15px;
}
.header ul li {
    margin-bottom: 5px;
}
.side-links ul li+li {
    margin: 5px 0 0 0;
}
.social-side {
    margin-top: 15px;
}
.side-links ul+ul {
    margin-top: 10px;
}
.side-links ul li a {
    font-size: 14px;
}
.right-wrap {
    width: 75px;
}
.header {
    height: 66px;
}
.header .menu {
    width: 75px;
    padding-top: 8px;
    height: 58px;
}
.lang-mob {
    font-size: 12px;
    bottom: 5px;
    left: 5px;
    }
.menu_type {
    top: 370px;
    width: 98%;
    left: 0;
    }
}
.bloc-calcul .accordion h3{
    margin-top: 6px;
    color:#fff;
    cursor:pointer;
    text-transform:uppercase;
    font-size: 18px;


}
.h3wrap h3{
   float: left;
   padding-top: 4px;

}

.h3wrap p{
    float: right;
    font-size: 54px !important;
    line-height: 24px;
    color: #fff !important;
    border:none;
    cursor: pointer;
}

.h3wrap2 h3{
   float: left;
   padding: 4px;
   cursor: pointer;

}

.h3wrap2 p{
    float: right;
    font-size: 54px !important;
    line-height: 6px !important;
    color: #fff !important;
    padding-top: 8px;
    border:none;
    cursor: pointer;
}

 
@media all and (min-width:1066px) and (max-width:1170px){
.follow {
    margin-top:0px;
}
.btn-black{
    margin-left: 4px;
    margin-right: 4px;
    padding:8px 8px ;
    margin-bottom: 12px;
    width:44%;
    float:left;
}

.btn-black.current, .btn-black:hover{
    margin-left: 4px;
    margin-right: 4px;
    padding:8px 8px ;
    margin-bottom: 12px;
    width:44%;
    float:left;
}

.btn-black a{
    
    float:left;
}

.btn-black:hover a{
    
    float:left;
}


.btn-black.current a{
    
    float:left;
}
.wrap h2.fz24{
    margin-right: auto;
    margin-left: auto;
}

}

@media all and (min-width:848px) and (max-width:1066px){
.follow {
    margin-top:0px;
}
.btn-black{
    margin-left: 4px;
    margin-right: 4px;
    padding:8px 8px ;
    margin-bottom: 12px;
    width:43%;
    float:left;
}

.btn-black.current, .btn-black:hover{
    margin-left: 4px;
    margin-right: 4px;
    padding:8px 8px ;
    margin-bottom: 12px;
    width:43%;
    float:left;
}
}

.socialshare {
   display:inline-block;
   text-align: center;
}

.socialshare a {
    display: block;
    float: left;
}


@media all and (min-width:848px){
.accordeon_small{
    display:none;
    margin-top:20px;
}
}

@media all and (min-width:572px){
.wrap h2{
    font-size:26px;
}
}


@media all and (max-width:847px){
.btn-black{
    width:90%; 
    margin-bottom: 12px;
}

.h3wrap2 h3{
    padding-top: 8px;

}

.bloc-calcul .accordion h3{
    font-size: 15px;
}

.btn-black.current, .btn-black:hover{
    width:90%;
    margin-bottom: 12px;
}
.wrap{
    margin-top: 0px;
}
.wrap h2.fz24{
width: 100%;
text-align: center;
}

.follow{
    margin-top: 24px;
}

.accordeon_large{
    display:none;
}
.bloc-info{
    margin-bottom: 0;
}
.bloc-calcul{
    margin-bottom: 12px;
}
.socialshare {
padding-top: 24px;
   margin: 0 auto;
   display:inline-block;
}
.center_content{
    text-align: center;
}
}
@media all and (max-width:1154px){
    table{
        margin-left: 1%;
        width: 96%;}
    /*table:nth-child(even) {
        margin-left: 1%;
    }*/
}
    }

.bloc-texte .bt-policy h4{
    padding-left: 12px;

}

.hypeTemplate .post-title a{
    font-family: arial!important;
}

@media screen and (min-width:320px) and (max-width:916px) and (orientation : landscape) {
    
    .header{
        height: 72px;
    }
    .logo{
        width: 220px;
        margin-top: 8px;
    }
    .header .menu{
        padding-top: 10px;
    }
    .lang-mob{
        bottom: 4px;
        left:8px;
    }
    body{
        margin-top: 72px;
    }
}
.span8.info_fiche {
	width:100%;
}
.header_print{
	display:none;
}
.bio-contact {
    width: 100%;
    box-sizing: border-box;
    max-width: 850px;
    margin: 0 auto 30px!important;
    float: none;
}
.bio-contact .bloc.span8{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}
.bio-contact .bio-header {
    width: 100%;
    box-sizing: border-box;
	position: relative;
}
#grecaptchacontact {
	width: 94%;
    margin: 20px 0;	
}
#grecaptchacontact > .g-recaptcha{
	float: right;
}

@media screen and (min-width:1320px) and (max-width:1610px){
	.header .logo img{width: 350px;margin-top: 14px;}
}
.supplement .homebox {
    height: 90%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5%;
    overflow: auto;
    text-overflow: ellipsis;
    position: relative;
}
.supplement .homebox p,
.supplement .homebox div {
    font-size: 14px;
    color: #1b1a1a;
    line-height: 18px;
    margin-bottom: 10px;
    font-family: 'GothamBookRegular';
}
.supplement .homebox a {
    color: blue;
}
.supplement .supplement-wrap h3 {
    font-family: 'GothamBookRegular';
    font-size: 22px;
    margin-top: 34px;
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #262626;
    letter-spacing: -1px;
}

.fixedcta{
    position: fixed;
    z-index: 99999;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-family: 'GothamBookRegular';
    font-size: 18px;
}
.fixedcta_wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 45px;
    align-items: center;
    padding: 15px 0;
}
.fixedcta a.btn-red{
     font-family: 'fjallaoneregular', sans-serif;
    width: max-content;
    padding-left: 20px;padding-right: 20px;
    font-size: 16px;
}

.fixedcta a.btn-bar {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.fixedcta .fermerbt{
    background-color: rgba(255,255,255,.5);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 25px;
    aspect-ratio:1;
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    translate:0 -50%;
    cursor: pointer;
    z-index: 2;
}

.popupsect{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0,0,0,.75);
}

.closepop{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    cursor: pointer;
}

.popupsect>div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popupsect article{
    position: relative;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
    -webkit-box-shadow: 0px 0px 35px 5px rgba(0,0,0,.8); 
    box-shadow: 0px 0px 35px 5px rgba(0,0,0,.8);width: 800px;
    max-width: 95%;
}

.popupsect .img, .popupsect .txt{
    width: 50%;
}

.popupsect .img img{display: block;width: 100%;}

.popupsect .txt{
    box-sizing: border-box;
    padding: 30px;
    color: #000 !important;
    text-align: center;
}

.popupsect h2{
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 1.3;
}

.popupsect p{
    font-size: 17px;
    line-height: 1.3;
    margin-top: 0;
    font-family: 'GothamBookRegular';
    margin-bottom: 20px;
}

.popupsect .btn-red{
    margin-left: auto;margin-right: auto;
    width: max-content;
    padding-left: 25px;padding-right: 25px;
    
}

@media (max-width: 1582px) {
	.supplement.supplement_seo .supplement-wrap h2 {
		height: 70px;
	}
}
@media (max-width: 1260px) {
	.supplement.supplement_seo .supplement-wrap h2 {
		height: 90px;
	}
}
@media (max-width: 1225px) {
    .supplement.supplement_seo .supplement-wrap h2 {
		height: 50px;
	}
    .fixedcta{font-size: 16px;}
}
@media (max-width: 950px) {
    .supplement.supplement_seo .supplement-wrap h2 {
		height: 70px;
	}
    
    .popupsect h2{font-size: 24px;margin-bottom: 20px;}
    .popupsect p{
        margin-bottom: 15px;
        font-size: 15px;
    }
    .popupsect .txt{padding: 20px;}
    .fixedcta{flex-wrap: wrap;gap:0;}
    .fixedcta p{width: 100%;margin-bottom: 15px;}
    .fixedcta .fermerbt{
        top: auto;
        bottom: 25px;
    translate: 0 0%;
    }
}
@media (max-width: 616px) {
    .supplement.supplement_seo .supplement-wrap h2 {
		height: auto;
	}
	.supplement.supplement_seo .supplement-wrap .box {
		height: auto;
	}
    
    .popupsect .img{display: none;}
    .popupsect .txt{
        text-align: center;
        width: 100%;
    }
    
    
}
ul.ul-footer li {
    display: inline;
    text-align: center;
    padding: 2px ;
    margin: 0;
    width: 19%;
}