@charset "utf-8";
/* CSS Document */

/**********************/

/* Global Styles */

html,
body {
 width: 100%; height: 100%;
}

body { font-family:'Open Sans', sans-serif; color:#282e2b;
}

/* TYPO */
h1, h2, h3, h4, h5{font-weight:200; }
a:hover, button:hover{
 -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;   -o-transition: all 0.3s ease-out;    transition: all 0.3s ease-out!important;}
a, button, img{
 -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;   -o-transition: all 0.3s ease-out;    transition: all 0.3s ease-out!important;}

div#content.content{
    background-color: rgba(212, 255, 232, 0.19);
    background-image: url(../img/otis-redding.png);
}
section{padding:50px 0;}

strong{font-weight:700;}

/* FORMS */
::selection {
 background: #29b162; /* WebKit/Blink Browsers */
 color:#fff;
 outline: none;
}
::-moz-selection {
 background: #29b162; /* Gecko Browsers */
 color:#fff;
} 
:focus, .btn.active.focus, .btn.active:focus,
.btn.focus, .btn:active.focus, 
.btn:active:focus, .btn:focus { outline-color: transparent; outline-style: none;outline: none; 
}
input[type=text],input[type="email"],input[type=password],input[type="number"],input[type=submit], textarea.form-control{
 height:100%; font-weight: 400; border:1px; border-radius: 30px; padding:15px 5px 15px 22px; color:#999; background-color:rgb(250, 255, 189);
}
.form-control[readonly]{background-color:rgb(250, 255, 189); }
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
 
input:focus{outline:none;}
input:focus{ color:#666;}
input[type=submit]{ background: #f2d013; padding: 15px 22px; color: #FFF; cursor: pointer; margin-left:-30px;
}

select{ height: 100%; padding: 15px 0px; font-weight: 400;
}
select.form-control{ height: 100%; border-radius: 30px; border-bottom-right-radius: 0; border-top-right-radius: 0; padding:15px; color:#999; background-color:rgb(250, 255, 189); 
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{height: auto;}
.form-group input, .form-group select{  height: 4em; display: block;}
.form-group input[type=checkbox] { height: inherit; display: inline;}
form#search-form{ height: 4em; display: block; display: inline-flex; display: -moz-box; color:#fff;
}
form#search-form *{ height: 100%; border:none;}

button#searchGeoAuto,button#searchSubmit{ background: #f2b913; color:#fff;  border: medium none; padding:12px;  font-size: 25px; 
}
button#searchGeoAuto.btn:hover,button#searchSubmit:hover{ background: #f2d013; color:#fff; transition:all 200ms;
}
button#searchGeoAuto{ border-radius:30px 0 0 30px;
}
input#searchPlace{ border-radius:0; padding-left:10px;
}
select#searchRadius{  background: #ef5a5e;
}
button#searchSubmit{  margin: 0px; border-radius: 0px 30px 30px 0px;
}

.intro input#searchPlace{ width:27vw;}
#links-wrapper{ position: absolute; top: 0; right: 15px; display: flex; flex-direction: column; height: 95px;
}
#links-wrapper>.menu-item{ display: block; color:#fff; text-align: right; margin: auto 0;
}

#header-search {position: absolute; top:0;}
#header-search {list-style-type: none; margin:0; padding:15px;}
#header-search>small{margin:0 0 0 15px;font-size: .7em;}
#header-search form#search-form{ font-size:.8em; height:40px; font-weight:100; margin-bottom:5px;}
#header-search form#search-form input#searchPlace{ border-radius: 30px 0 0 30px; font-size:.94em; width:180px; }
#header-search form#search-form select#searchRadius{ width: 70px;font-size:.9em; padding: 10px; border: 0px none; }
#header-search form#search-form select#searchRadius>option{width: 40px; height:20px; }
#header-search form#search-form button#searchSubmit{ width: 35px; padding: 0px 20px 0 2px; background: #f2a913 none repeat scroll 0% 0%;}


input#searchStuff:focus, input#searchStuff:active {
    box-shadow: #2fcc71 0px 0px 15px;
}


button[disabled="disabled"],button:disabled{opacity:.4; cursor:not-allowed;}

/* CUSTOM ELEMENTS */
.row.no-gutters > [class^="col-"] > [class^="col-"],
.row.no-gutters > [class*=" col-"] > [class*=" col-"] {
 padding-right: 0;
 padding-left: 0;
}

.text-vertical-center { display: table-cell; text-align: center; vertical-align: middle;
}

.text-vertical-center h1 { margin: 0; padding: 0;
}

/* Custom Button Styles */
.btn{ border:3px solid #2fcc71; border-radius:30px; padding:11px 22px; font-weight:700; font-size:18px; color:#2fcc71; display: inline-block; background: transparent; cursor:pointer;
}
.btn-small{ border:2px solid; border-radius:15px; padding:4px 10px; font-weight:400; font-size:.9em;
}
.btn-dark { border:3px solid #FFFFFF; color:#FFF; background: #2fcc71;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active { background:#FFF; border-color:#2fcc71; color:#2fcc71;
}

.btn-light { color: #2fcc71; background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active { color: #fff; border-color:#fff; background-color: #2fcc71;
}

/* custom block container */
.large { margin: 1em 3vw;
}
.center{text-align: center;}
.right{text-align: right;}


.alert { position: absolute; margin-bottom: 0; cursor: pointer; width:100%; z-index: 1; opacity: .9;
}
.alert:hover{opacity:1;}
.alert > .close{ position:absolute; right: 10px; top: 10px; font-size: 2em;  
}

/* Custom Horizontal Rule */
hr{border-color: #2fcc71;}
.bg-primary hr{border-color: #fff;}
hr.small { max-width: 100px;
}

.block{ height: 300px;
}
.block_img { height: 130px; overflow: hidden; margin:0 5px;
}

/* Side Menu */

#sidebar-wrapper { z-index: 1000; position: fixed; right: 0; width: 330px; height: 100%; margin-right: -330px; overflow-y: auto; background: #f2d013;  
 -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
}
#sidebar-wrapper.active{ -moz-box-shadow: -1px 0px 15px 0px #656565; -webkit-box-shadow: -1px 0px 15px 0px #656565; -o-box-shadow: -1px 0px 15px 0px #656565; box-shadow: -1px 0px 15px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=15);  
}
.sidebar-nav { position: absolute; top: 0; width: 330px; margin: 0; padding: 0; list-style: none; overflow: hidden;
}

.sidebar-nav li { text-indent: 10px; line-height: 40px;
}

.sidebar-nav li.search-bar { background: rgba(255,55,55,0.1); padding: 15px 0; margin:15px 0;
}

.sidebar-nav li a { display: block; text-decoration: none; color: #e66043; font-size: 1.3em; font-weight: 200; padding: .5em; letter-spacing: -.05em;
}

.sidebar-nav li a.menu-item:hover { text-decoration: none; color: #fff; background: rgba(255,55,55,0.3); border-left: 1px solid #fff; margin-left: 0px;
}
/* sidebar menu icons */
.sidebar-nav li a.menu-item i.fa { position: relative; left: -10px;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus { text-decoration: none; 
}

.sidebar-nav > .sidebar-brand { height: 65px; line-height: 65px; margin:10px 10px 30px 10px; border-bottom: 1px solid #fff;
}

.sidebar-nav > .sidebar-brand a { color: #fff; height:60px; width:130px; background-image: url(../img/home_logo.png); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
}

.sidebar-nav>li>blockquote { background-color: rgb(255, 235, 123);}
.sidebar-nav>li>blockquote p { font-size: .8em; line-height:1.2em; text-align: justify;}

#menu-toggle { z-index: 1; position: fixed; top: 0; right: 0; font-size: 2em;
}
#menu-fixed-top{   z-index: 1;   position: fixed;   list-style-type: none;   display: inline-block;   padding:5px; } #menu-fixed-top li {   display: inline-block; } #menu-fixed-top li a{   font-size: 2em;   opacity:.85; } #menu-fixed-top li a:hover{   opacity:1; }

#sidebar-wrapper.active { right: 330px; width: 330px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}


/* Header */ 

.intro { display: table; position: relative; width: 100%; height: 100%; background:#29b162 url(../img/home_bg.jpg); -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; background-position: center; 
}
.header .logo{text-align: center; display: block; margin: 0 auto; width: 30vw; max-width:300px;}
.header .logo>a{color:#fff;}
.header .logo>a>img{width:80%; font-size:2em;}
.header .logo>a>h5{display: inline-block; margin: 0 auto; padding: 0 0 15px; font-size:.7em;}

.intro h1{width:80%; margin:1em auto;}
.intro #discover_arrow{ position: relative; top: 20px;
}
.intro #discover_arrow>img { transform-origin: top right; transform: rotateZ(15deg) scale(0.7);
}
.intro #home_discover:hover #discover_arrow>img{ transform: rotateZ(-10deg) scale(1.1); transition : all 200ms linear;
}
section.about, section.services{ padding: 50px 0;
}
.block-text { display: block;
 width:100%;
 max-width:500px;
 margin:1em auto;
}
h2.titre{ font-size: 40px; background: #b5e0af; padding: 5px 20px 20px 20px; margin: 0 0 10px 0; border-radius: 0 0 100% 100%;}
h2.center{font-family:'Amatic SC'; text-align: center;}
/* resultats / annonces */
#googleStaticMap>a>img{min-width: 100%;}
#googleMap{background: rgba(41, 177, 98, 0.4) none repeat scroll 0% 0%; width:100%; height:250px;}
#googleMap img.loader{margin: 100px;}
#results{overflow-y:scroll;overflow-x:hidden;}
#edit-ad.btn-ads{float:right;}
.fc-ad-infos>div {box-shadow: 0 0 1px #fff; text-align: center; height: 100px; line-height: 100px; vertical-align: middle; overflow: hidden;
}
.fc-ad-infos>div>div{ line-height: 50px;
}
.fc-ad-infos .fc-price {font-size:1.5em;}
.fc-img{ height:300px;display: block; }
.fc-img>div{ background-size:cover; background-position: 50% 50%; background-repeat: no-repeat; height:100%; width:100%;
}
.captcha>.small { background: inherit; color: inherit; padding-left:10px; transition: all 700ms;
}
.captcha:hover>.small { background: rgba(248,149,45,.85); color: white; transition: all 700ms;
}
.captcha:hover>.small>a{ color: white; text-decoration: underline;
}
.loading{ opacity:.3;
}
#searchPlace.geo-auto{ background:rgba(250, 255, 189, 0.95) url(/themes/efd16/img/loader1.gif) no-repeat right center; padding-right:35px;
}
.breadcrumb {background: #2fcc71; color:#fff; margin:0; padding:15px; line-height: 1em; font-size: .9em; border-radius:0;}
.breadcrumb>a{color:#fff; font-weight: bolder;}
#cookie-bar a.cb-enable{ transform: scale(.7); -webkit-transform: scale(.7);}
.modal-header{color: #fff; background: #2fcc71;}
footer { margin:0; padding: 14px 0 12px 0; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.19); 
background:#ffbc00; border-top: 1px solid #ffa200; border-bottom: 3px solid #ff9000;}
footer a.menu-item, footer h6 {color:rgba(0,0,0,.97); font-weight: 200; padding:0;}
footer a.menu-item:hover {color:rgba(0,0,0,.9);}
footer p.text-muted {color:rgba(0,0,0,.7);}
footer .fa{font-size: 1.1em;}
footer .text-center>* { display: inline; font-size: .75em;}
#menu-toggle{position: absolute; display: block; top:5px; right:5px;border:0; color:#fff;}
.mobile-toggle{display:block;} .mobile-toggle.active {width:100%; background: #2fcc71; position: relative; display: block; border-bottom:1px solid #29b162; transition:display 100ms ease; }

@media all and (min-width:1400px) { .header .logo>a>h5{font-size: 1em; }
 .header .btn-small{   line-height:200%;   font-size: 120%; }
 h2.titre{font-size: 50px;}
}
/* MEDIUM SCREENS */
@media all and (min-width:770px) and (max-width:992px) {
 
 header form#search-form { transform: scale(.9); }
}
/* SMALL SCREENS */
@media all and (max-width:769px) { h1{ font-size:2.7em;} h2{ font-size:2.2em;} h3{ font-size:1.7em;} h4{ font-size:1.3em;} 
header#top{height:150px;}
 .header .logo{width: 45vw;} .header .logo.map{z-index: 1; position: fixed; width: 50vw; left:25vw;}
 #menu-toggle {font-size:1.8em;} #menu-fixed-top li {display: block; padding-bottom: 5px;} #menu-fixed-top li a{font-size: .8em;}
 .block{ height: 350px;} .block_img { height: 200px;} 
 #results{ overflow: hidden; height: auto !important;} .content_map{ position: fixed;   top: 0;   left: 0;   height: 100%;   width: 100%;   padding: 0; }
 header.header .logo{vertical-align: text-top; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=55);} 
 header .flex-block{display:inline-block; width:50%;} header .flex-block #links-wrapper,header .flex-block #header-search{position:relative;} 
 header .flex-block #links-wrapper>a{display: block; width:100%; } header .flex-block #links-wrapper>a>button{display: inline-block; width:auto;} 
 header .btn-small{line-height:150%; } header .flex-block #header-search { position: relative;  top: -15px; text-align: right; padding: 0 15px; } 
 header .flex-block #header-search form#search-form { padding-bottom:5px;} #header-search>small{display:none;} .mobile-toggle { position: absolute; top: 5px; right: 5px; }
}
/* VERY SMALL */
@media all and (max-width:584px) { h1{ font-size:2.3em;} h2{ font-size:1.8em;} h3{ font-size:1.3em;} h4{ font-size:1.1em;}
  header#top{height:initial;}
  .header .logo{width: 56vw; } #sidebar-wrapper.active, #sidebar-wrapper.active>* {width:100%;} 
  .intro form#search-form { margin:0 5px; height:40px;} .intro form#search-form *{ height:100%; font-weight:100;} 
  .intro button#searchGeoAuto,.intro button#searchSubmit{ width:35px; padding:2px; }
  .intro input#searchPlace{ padding-left:10px; font-size:.8em; color:#060705; } 
  .intro select#searchRadius{ width:45px; font-size:.8em; } 
  header .flex-block{display:block; width:100%;} .header .btn-small{line-height:200%;}
  .mobile-toggle>*{line-height:200%;} .mobile-toggle { background: #2fcc71; display: none; width: 100%; position: absolute; top: 0px; transition:all 100ms ease; }
 .mobile-toggle.active::before { position: absolute; height: 250px; width: 45px; background: #43D17E; top: -120px; right: 0; content: '';
background: -moz-linear-gradient(top,  rgba(255,255,255,.1) 0%, rgba(255,255,255,.1) 84%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 84%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 84%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
  header form#search-form { transform: scale(1.1); }
}



.anim-pulse{
  border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(239, 90, 94, 0.7);
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(239, 90, 94, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(239, 90, 94, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(239, 90, 94, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(239, 90, 94, 0);}}

header#top .logo img:hover {
    animation-name: shakes;
    animation-duration: 1.25s;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: shakes;
    -moz-animation-duration: 1.25s;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: shakes;
    -webkit-animation-duration: 1.25s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

@keyframes shakes {
    0% {
        transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        transform: translate(-1px,-1px) rotate(-0.15deg)
    }

    20% {
        transform: translate(-1px,0) rotate(0.15deg)
    }

    30% {
        transform: translate(0,1px) rotate(0deg)
    }

    40% {
        transform: translate(1px,-1px) rotate(0.15deg)
    }

    50% {
        transform: translate(-1px,1px) rotate(-0.15deg)
    }

    60% {
        transform: translate(-1px,1px) rotate(0deg)
    }

    70% {
        transform: translate(1px,1px) rotate(-0.15deg)
    }

    80% {
        transform: translate(-1px,-1px) rotate(0.15deg)
    }

    90% {
        transform: translate(1px,1px) rotate(0deg)
    }

    100% {
        transform: translate(1px,-1px) rotate(-0.15deg)
    }
}

@-moz-keyframes shakes {
    0% {
        -moz-transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        -moz-transform: translate(-1px,-1px) rotate(-0.15deg)
    }

    20% {
        -moz-transform: translate(-1px,0) rotate(0.15deg)
    }

    30% {
        -moz-transform: translate(0,1px) rotate(0deg)
    }

    40% {
        -moz-transform: translate(1px,-1px) rotate(0.15deg)
    }

    50% {
        -moz-transform: translate(-1px,1px) rotate(-0.15deg)
    }

    60% {
        -moz-transform: translate(-1px,1px) rotate(0deg)
    }

    70% {
        -moz-transform: translate(1px,1px) rotate(-0.15deg)
    }

    80% {
        -moz-transform: translate(-1px,-1px) rotate(0.15deg)
    }

    90% {
        -moz-transform: translate(1px,1px) rotate(0deg)
    }

    100% {
        -moz-transform: translate(1px,-1px) rotate(-0.15deg)
    }
}

@-webkit-keyframes shakes {
    0% {
        -webkit-transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        -webkit-transform: translate(-1px,-1px) rotate(-0.15deg)
    }

    20% {
        -webkit-transform: translate(-1px,0) rotate(0.15deg)
    }

    30% {
        -webkit-transform: translate(0,1px) rotate(0deg)
    }

    40% {
        -webkit-transform: translate(1px,-1px) rotate(0.15deg)
    }

    50% {
        -webkit-transform: translate(-1px,1px) rotate(-0.15deg)
    }

    60% {
        -webkit-transform: translate(-1px,1px) rotate(0deg)
    }

    70% {
        -webkit-transform: translate(1px,1px) rotate(-0.15deg)
    }

    80% {
        -webkit-transform: translate(-1px,-1px) rotate(0.15deg)
    }

    90% {
        -webkit-transform: translate(1px,1px) rotate(0deg)
    }

    100% {
        -webkit-transform: translate(1px,-1px) rotate(-0.15deg)
    }
}