/* style general */

/* mobil */
img{
    max-width: 100%;
}

/* end */
body {
    font-family: Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    /* font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    color: #333;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    /* font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #212529; */
    text-align: left;
    background-color: #fff;
}

body {
    /* font-family: 'Lato', sans-serif; */
    font-size: 20px;
    font-weight: 400;
    color: #666;
    overflow-x: hidden !important;
}
/* menu nav sub; Details offres et autre */
.pxp-nav > li > .pxp-nav-sub > li > a {
    display: block;
    padding: 7px 20px;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}




.pxp-sp-top-feat > div > span {
    font-size: 1.7rem;
    opacity: .7;
}

/* END */

/* PAGE ACCUEIL OU WELCOME */

/* banner great */

/* end */
/* SHEET APROPOS : PRESENTATION*/
#tiret-link a:hover{
    text-decoration: none;

}
#tiret-link a{
    text-decoration: none;
    color: #222;
    font-weight: 700;
}



/* end */

/* ACTUALITE */

/* pagination */
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #e30613;
    border-color: #e30613;
}
/* arrow */
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #e30613;
    background-color: #fff;
    border: 1px solid #dee2e6;
}



/* END */

/* NOS AGENTS */
/* input form */
.pxp-agents-hero-search-form label {
    margin-bottom: .1rem;
    font-size: 1.5rem;
    font-weight: 700;
}
.pxp-agents-hero-search-form .form-control {
    height: 46px;
    padding: .375rem 1rem;
    font-size: 1.2rem;
    box-shadow: none;
    border: 1px solid #E2E2E2;
}
/* select form */
.pxp-agents-hero-search-form .custom-select {
    height: 46px;
    padding: .375rem 2rem .375rem 1rem;
    font-size: 1.2rem;
    box-shadow: none;
    border: 1px solid #E2E2E2;
    cursor: pointer;
}
/*  */
.pxp-agents-1-item-details-email {
    color: #333;
    opacity: .7;
    font-size: 1.2rem;
}

/* number */
.pxp-agents-1-item-cta {
    position: absolute;
    color: #333;
    bottom: 20px;
    left: 50%;
    z-index: 3;
    font-size: 0.9rem;
    letter-spacing: 1px;
    opacity: 0;
    font-weight: 700;
    white-space: nowrap;
    transform: translate(-50%, 400%);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
/* les etoiles */
.pxp-agents-1-item-rating {
    position: absolute;
    bottom: 76px;
    left: 50%;
    color: #ffda00;
    padding: 6px 10px;
    border-radius: 50px;
    font-size: .8rem;
    z-index: 3;
    overflow: hidden;
    transform: scale(0);
    margin-left: -45px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/* DETAILS NOS AGENTS */
.pxp-agent-rating {
    color: #ffda00;
    margin-left: 20px;
    float: left;
    line-height: 3rem;
}

/* END */

/* DETAILS SUR L'AGENT */
.pxp-agent-contact-btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    background-color: #e30613;

    height: 46px;
    padding: 0 20px;
    border: 1px solid #e30613;
    border-radius: .25rem;
    font-size: 1.1rem;
    text-transform: uppercase;
    line-height: 46px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* label */

label {
    margin-bottom: .1rem;
    font-size: 1.8rem;
    font-weight: 700;
}

/* interessé par */

.custom-select {
    height: 46px;
    padding: .375rem 2rem .375rem 1rem;
    font-size: 1.8rem;
    box-shadow: none;
    border: 1px solid #E2E2E2;
    cursor: pointer;
}

/* modal form */

.pxp-agent-contact-modal-btn {
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    background-color: #e30613;
    height: 46px;
    padding: 0 20px;
    border: 1px solid #e30613;
    border-radius: .25rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 46px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* CONTACTER UNE AGENCE A PARTI DU POST OVERPLAY */

.c-dialog--overlay {
    --dialog-transform: translate3d(100%,0,0);
    --dialog-visibility: visible;
    --dialog-opacity: 1;
    --dialog-transition-duration: calc(var(--dialog-transition-duration-default) * 1);
}
/* .c-dialog--overlay {
    --dialog-transform: translate3d(100%,0,0);
    --dialog-visibility: visible;
    --dialog-opacity: 1;
    --dialog-transition-duration: calc(var(--dialog-transition-duration-default) * 1);
} */

/* END */

/* END DETAILS AGENT */
/* Contacts */

address:first-child, blockquote:first-child, dd:first-child, dl:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, hr:first-child, ol:first-child, p:first-child, pre:first-child{
    margin-top: 80px;
}
/* address:first-child, blockquote:first-child, dd:first-child, dl:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, hr:first-child, ol:first-child, p:first-child, pre:first-child, ul:first-child {
    margin-top: 80px;
} */

/* end */
/* HEADER  NO BG*/
.pxp-header.pxp-no-bg {
    background-color: #fff;
    padding: 0px 0;
    border-bottom: 1px solid #E2E2E2;

}

/* HEAD BG */
.pxp-header.pxp-is-sticky {
    background-color: #fff;
    padding: 0px 0;
    box-shadow: 0px 15px 30px rgba(0,0,0,0.16);
}

/* END HEAD */
/* .c-field__upload {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: var(--z-index-md);
    width: 100%;
    cursor: pointer;
    opacity: 0;
} */

/* Slider animate and animation agent fixe */


#animate_1_agent{
   --btn-border-radius: var(--border-radius) 0 0 var(--border-radius);
    position: fixed;
    top: var(--page-floating-btn-offset-top);
    left: 20px;
    top:75%;
    z-index: 70;
    margin-top: var(--page-floating-btn-spacing-outer-top);


}

#animate_2_agent{
            z-index: 16;min-width: 142px;max-width: 142px;
            white-space: nowrap;font-size: 12px;line-height: 17px;font-weight: 400;color: rgb(0, 0, 0);
            letter-spacing: 0px;font-family: Roboto;background-color: rgb(255, 255, 255);border-radius: 5px;
            visibility: inherit;transition: none 0s ease 0s;text-align: center;border-width: 0px;
            margin: 0px;padding: 8px 16px;min-height: 0px;max-height: none;opacity: 1;
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;
}

#small_banner{
    border: none !important;
    animation-name: color_change;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;

}

.pxp-header-user {
    background-color: #ffffff14;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 1.3rem;
    font-weight: bold;
}

.text-white{
     background-color: #ffffff14;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 1.3rem;
    font-weight: bold;
}
/* slid text */

.pxp-hero-props-carousel-1 .pxp-caption-prop-title {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    /* opacity: 0;
    transform: translateY(20px);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; */
}
/* END SLID */
/* Mot du DG */
    /* background-color: #e02424;
    background-color: rgba(224,36,36,var(--bg-opacity)); */
.pxp-primary-cta:after {
    content: " ";
    border-top: 2px solid #e02424;
    width: 36px;
    height: 7px;
    display: inline-block;
    margin-left: 20px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform-origin: top left;
}


/* TEMOIGNAGES */

.pxp-testim-1-item-message {
    padding: 30px;
    text-align: center;
    font-size: 1.5rem;
    font-style: italic;
    position: relative;
}
.pxp-testim-1-item-location {
    opacity: .7;
    font-size: 1.4rem;
    text-align: center;
}

 /* background-color: #adbeff; */
.c-section--tertiary-job {
    /* background-color: #adbeff; */
    /* --section-background-color: var(--color-tertiary-job); */
        --section-background-color: #adbeff;
}

.u-color-blue-job, .u-color-secondary-job {
    color: #3f61df;
}

.c-btn--tertiary:hover {
    text-decoration:none;
    color: white;
    --btn-color-primary: #fafafa;
    --btn-color-secondary: inherit;
}

/* END */


/* search */
/* [placeholder=Ville]{
    white-space: nowrap;
    color: #8f8c8d;
    font-weight: 700;
    border-radius: 10px;
    border: none;
} */

/* end */
/* MENU NAV */
.pxp-nav > li {
    font-size: 0.90em;
}

.pxp-nav > li > a, .pxp-nav > li > a:hover {
    font-weight: 900;
    color: #fff;
    text-decoration: none;
}

/* END */


/* NOS OFFRES */
.u-link-unstyled:hover {
    color: inherit;
    text-decoration: none;
}


.c-btn--ghost.c-btn--secondary:hover {
    color: white;
    --btn-color-secondary: #595959;
}

/* price */
.u-color-primary {
    color: #e30613;
}
/* END NOS OFFRES */

/* NOS AGENTS */
/* .c-box__inner:hover {
    --box-background-color: transparent;
    padding: var(--box-spacing-inner);
    color: #fff;
    background-color: #676161ba;
} */

/* .c-box__inner {
    --box-background-color: transparent;
    padding: var(--box-spacing-inner);
    color: var(--box-color);
    background-color: var(--box-background-color);
} */

/* END AGENTS */


/* NOS AGENCES */
.c-btn--ghost:hover {
    --btn-color-primary: #fff;
    color: white;
    text-decoration: none;
    --btn-color-secondary: var(--color-primary);
    --btn-mask-background-color: var(--btn-color-secondary);
    --btn-border-color: var(--btn-color-secondary);
}


/* TOUTES NOS OFFRES */

.c-dropdown__link:hover {
    display: block;
    color: #e30613;
    text-decoration: none;
    -webkit-transition: var(--transition-duration);
    transition: var(--transition-duration);
}

/* END */

/* end no agences */
/* --------------------------------------end----------------------------------------------------------------------- */









/* BAKEND */
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #e30613;
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #e30613;
    border-color: #e30613;
    box-shadow: none;
}
.btn-primary:hover {
    color: #fff;
    background-color: #606060;
    border-color: #606060;
    box-shadow: none;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #e30613;
}


.navbar-white {
    background-color: #e30613;
}

/* END BACKEND */


/* -----------------------------FONTEND ------------------------------------*/
/* welcome */
.u-h6, h6 {
    font-size: 3.6rem;
    line-height: 1.5;
    font-family: Arial,sans-serif;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    overflow-x: hidden !important;
}

.portfolio .homes-content h3 a {
    font-size: 1.7rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 3px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/* end */

/* PRESENTATION OU APROPOS */
.inner-pages .about-us .who-1 h2 span {
    color: #d42929;
}

.inner-pages .about-us.fh .popup-youtube {
    background: #d42929 none repeat scroll 0 0;
    border-radius: 100%;
    color: #606060;

}


/* Detail agence */

.c-circle {
    --circle-size: 16.5rem;
    --circle-offset-x: calc(var(--circle-size) * 1 / 3 * -1);
    --circle-border-size: calc(var(--circle-size) * 1 / 0);
    --circle-border-color: var(--color-primary);
    --circle-border-radius: 50%;
    --circle-opacity: .4;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    border-radius: var(--circle-border-radius);
}







/* DETAILS OFFRES */
/* slide */

.listing-details-sliders .right {

    background: #d42929;


}

.listing-details-sliders .left {

    background: #d42929;


}

/* .inner-pages .blog .homes-content.details span {
    font-size: 1.6rem;
    color: #000;
} */

.inner-pages .recent-post .tags a {
    background: #d42929;
    color: #fff;
    border: 1px solid #ccc;
    margin-bottom: .7rem;
    margin-left: .2rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.inner-pages .recent-post .tags a:hover {
    background: #606060;
    color: #fff;
    border: 1px solid #d42929;
    margin-bottom: .7rem;
    margin-left: .2rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.sidebar .sidebar-widget .author__contact li a:hover {
    color: #d42929;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
/* end */



/* point slider client heurux */
.owl-dot.active {
    background: #d42929 !important;
}
/* end */


/* footer */
/* background */
.first-footer .top-footer {
    background: #fff;

    border-top: 1px solid #e5e5e5;
}
/* content */
.first-footer .netabout p {

    color: #606060;
}

/* navigation */

.navigation ul li a {
    text-decoration: none;
    color: #606060;
    font-weight: 400;

}

.first-footer h3 {
    margin-bottom: 2rem;
    color: #606060;
}

.twitter-widget.contuct .twitter-area .text h5 a, .inner-pages .twitter-widget.contuct .twitter-area .text h5 a {
    color: #606060;
    font-weight: 400;
}

.twitter-widget.contuct .twitter-area .text h5, .inner-pages .twitter-widget.contuct .twitter-area .text h5 {
    font-size: 14px;
    color:  #606060;
    font-weight: 400;

}

/* icon color footer */
.first-footer .contactus ul li .fa {
    font-size: 1rem;
    color: #d42929;
}
/* icon color footer */
.twitter-widget.contuct .twitter-area .icon-holder i {
    color: #00c1ff;
}

.twitter-widget.contuct .twitter-area .text h4, .inner-pages .twitter-widget.contuct .twitter-area .text h4 {
    font-size: 14px;
    color:  #606060;
    font-weight: 500;

}

.first-footer .contactus .info p {

    color: #606060;

}

/* newsletters */

.newsletters p {

    color: #606060;

}
/* input */
.first-footer .bloq-email .email input[type="email"] {
    border: 0px;
    background: #d42929;
    color: #fff;

}
/* button news */

.first-footer .bloq-email .email input[type="submit"] {

    background: #606060;
    color: #fff;

}

/* bar des titres texte du footer */

.first-footer .navigation h3::after {

    background-color: #d42929;

}

.first-footer .widget h3::after {

    background-color: #d42929;

}
.first-footer .newsletters h3::after {

    background-color: #d42929;

}
/* end footer */

/* reservez now */

#reservez{
    background-color: #d42929;
}

#reservez:hover{
    background-color: #606060;
}





/* CONTACTEZ-NOUS */
.u-h5, h5 {
    font-size: 1.9rem;
    line-height: 1.33333;
    font-family: Arial,sans-serif;
}



/* ---------------------------QUI SOMME NOUS---------------------------------------------------------- */

/*-----------------------------------------------------------------------------------




/*------------------------------------------------------------------
    [Table of contents]

    1. IMPORT FONTS
    2. IMPORT FILES

    5. HEADER
    6. SECTIONS
    7. SECTIONS

    17. BUTTONS
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    IMPORT FONTS
-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Exo:200,300,400,500,600,700');

/*------------------------------------------------------------------
    IMPORT FILES
-------------------------------------------------------------------*/

@import url(css/animate.css);
@import url(css/camera.css);
@import url(css/flaticon.css);
@import url(css/prettyPhoto.css);
@import url(css/owl.carousel.css);
@import url(css/font-awesome.min.css);

/*------------------------------------------------------------------
    SKELETON
-------------------------------------------------------------------*/


h2 {
    font-size: 22px
}



blockquote {
    margin: 20px 0 20px;
    padding: 30px;
}




/* qui somme nous */
.message-box h4 {
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 5px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 15px;
    color: var(--color-primary);
}

.message-box h2 {
    color: #222;
    font-size: 38px;
    font-weight: 300;
    padding: 0 0 10px;
    margin: 0;
    line-height: 62px;
    margin-top: 0;
    text-transform: none;
}


/* BLOCKQUOT */
.message-box .lead {
    padding-top: 10px;
	font-size: 16px;
	font-style: italic;
	color: #999;
	padding-bottom: 10px;
	padding-left: 15px;
}



/*------------------------------------------------------------------
    BUTTONS
-------------------------------------------------------------------*/


.btn {
    border: 0 !important;
}

.nav-pills,
.effect-1:after,
.nav-pills > li > a,
.global-radius,
.btn-brd {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.btn-light {
    padding: 10px 40px;
    font-size: 18px;
    border: 2px solid #ffffff !important;
    color: #ffffff;
    background-color: transparent;
}

.btn-dark {
    padding: 13px 40px;
    font-size: 18px;
    border: 1px solid #ececec !important;
    color: #1f1f1f;
    background-color: transparent;
}

.btn-light:hover,
.btn-light:focus {
    border-color: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);
}

/* style text footer */

.color_text_footer{
color: #d42929 !important;
font-weight: 500;
}