@import url(bootstrap-413.min_new.css);
@import url(font-awesome.min.css);

* {
   margin: 0;
   padding: 0;
}

body {
   /* font-family: "Roboto", sans-serif; */
   font-family: "Cabin", sans-serif;
   font-size: 14px;
   background-color: #fbfbfb;
   margin-top: 42px;
}

a:link, a:visited {
   text-decoration: none;
}

.bleu {
   color: #355fb9;
}

.rouge {
   color: #f00;
}

.jaune {
   color: yellow !important;
}

.bgrouge {
   background-color: #cc0000;
}

.navbar {
   padding-left: 20px;
   /* padding-right: 20px; */
   padding-top: 0;
   padding-bottom: 0;
}

.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover {
   color: #000;
}

.nav-item {
   position: relative;
   margin-right: 1rem;
}

.login {
   padding: 0;
   color: #ffff00 !important;
   height: 29px;
   margin-left: 0.5rem;
}

.navbar-collapse ul li .nav-link:before {
   position: absolute;
   bottom: -4px;
   left: 0;
   width: 100%;
   height: 5px;
   background: transparent;
   content: '';
   opacity: 0;
   -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
   transition: opacity 0.2s, -webkit-transform 0.2s;
   transition: opacity 0.2s, transform 0.2s;
   transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
   -webkit-transform: translateY(10px);
   transform: translateY(10px);
}

.login ul li .nav-link:before {
   position: absolute;
   bottom: 4px;
   left: 0;
   width: 100%;
   height: 5px;
   background: transparent;
   content: '';
   opacity: 0;
   -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
   transition: opacity 0.2s, -webkit-transform 0.2s;
   transition: opacity 0.2s, transform 0.2s;
   transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
   -webkit-transform: translateY(10px);
   transform: translateY(10px);
}

.navbar-collapse ul li:hover .nav-link:before, .login ul li:hover .nav-link:before {
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   bottom: 0px;
   background: #ffff00;
}

.dropdown-menu {
   border: 0px;
   margin: 0;
}

.bg-dark {
   background-color: #7b88d2 !important;
}

.dropdown-menu.show {
   background-color: #dae3f8;
}

.dropdown-item {
   font-size: 0.9rem;
   padding: .15rem 0.8rem;
}

.btn-outline-jaune {
   color: #ffff00;
   background-color: #7b88d2;
   border-color: #ffff00;
   padding: 0.1rem 0.25rem;
   font-size: 0.85rem;
   margin-top: 1px !important;
   margin-left: 1rem;
}

.btn-outline-jaune:hover, .btn-outline-jaune:active, .btn-outline-jaune:focus, .btn-outline-jaune.active {
   background: #ffff00;
   color: #7b88d2;
}

.card-une>.card-header {
   /* background-color: #faf8ca; */
   background-color: #faf8cad4;
   display: flex;
   justify-content: space-between;
   /* padding: .2rem .1rem .2rem .8rem; */ padding: 0 0 0 1rem;
   border-bottom: none;
}

.card-une>.card-body {
   /* background-color: #f9fddd; */
   background-color: #f9fddd85;
   color: #858585;
}

.card-une>.card-footer {
   /* background-color: #f9fddd; */
   background-color: #f9fddd85;
   display: flex;
   justify-content: space-between;
   padding: 4px 10px;
   min-height: 28px;
   color: #858585;
   border-top: none;
}

.card-une a.titre-annonce:link, .card-une a.titre-annonce:visited, .card-une a.titre-annonce:hover, .card-une .titre-annonce {
   color: #ce7b00;
   font-size: 1.5em;
}

.card-std>.card-header {
   /* background-color: #e4ecff; */
   background-color: #eef4fd;
   display: flex;
   justify-content: space-between;
   /* padding: .2rem .1rem .2rem .8rem; */ padding: 0 0 0 .75rem;
   border-bottom: none;
}

.card-std>.card-body {
   /* background-color: #eef4fd; */
   background-color: #eef4fd94;
   color: #858585;
}

.card-std>.card-footer {
   /* background-color: #eef4fd; */
   background-color: #eef4fd94;
   display: flex;
   justify-content: space-between;
   padding: 4px 10px;
   min-height: 28px;
   color: #858585;
   border-top: none;
}

.card-std a.titre-annonce:link, .card-std a.titre-annonce:visited, .card-std a.titre-annonce:hover, .card-std .titre-annonce {
   color: #23369c;
   font-size: 1.5em;
}

.card-gris>.card-header {
   background-color: #e7e7e7;
   display: flex;
   justify-content: space-between;
   /* padding: .2rem .1rem .2rem .8rem; */ padding: 0 0 0 1rem;
   border-bottom: none;
}

.card-gris>.card-body {
   background-color: #f0f0f0;
   color: #666666;
}

.card-gris>.card-footer {
   background-color: #f0f0f0;
   display: flex;
   justify-content: space-between;
   padding: 4px 10px;
   min-height: 28px;
   color: #666666;
   border-top: none;
}

.card-gris a.titre-annonce:link, .card-gris a.titre-annonce:visited, .card-gris a.titre-annonce:hover, .card-gris .titre-annonce {
   color: #666666;
   font-size: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
   color: #152535;
   line-height: 1.3;
   font-weight: 700;
}

p {
   color: #626262;
   font-size: 14px;
   line-height: 2;
   font-weight: 400;
}

#toTop {
   display: none;
   text-decoration: none;
   position: fixed;
   bottom: 20px;
   right: 1%;
   overflow: hidden;
   z-index: 999;
   width: 45px;
   height: 48px;
   border: none;
   text-indent: 100%;
   background: url('/images/bt_haut-de-page.png') no-repeat 0px 0px;
   background-size: 44px 44px;
}

#toTopHover {
   width: 45px;
   height: 48px;
   display: block;
   overflow: hidden;
   float: right;
   opacity: 0;
   -moz-opacity: 0;
   filter: alpha(opacity=0);
}

ul, ol {
   margin: 0;
}

ul li, ol li {
   list-style: none;
}
/*
img {
   height: auto;
   max-width: 100%;
}
*/
/* Override Bootstrap */
.breakpoint-on .classynav ul li.has-down>a::after, .breakpoint-on .classynav ul li.megamenu-item>a::after {
   top: 14px;
}

.breakpoint-off .classynav ul li .megamenu {
   background-color: #f0f3fa;
}

.modal-backdrop {
   z-index: 99;
   background-color: #a5befa;
}

.modal-content {
   top: 150px;
}

.table td, .table th {
   padding: .15rem;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #e5ebfe;
}

.modal-body {
   padding: 0 1rem;
}

.page-item.active .page-link {
   background-color: #355fb9;
}

.page-item .page-link, .page-item.disabled .page-link {
   background-color: #fbfbfb;
}

/* Section Heading */

.section-heading {
   position: relative;
   z-index: 1;
   margin-bottom: 20px;
   border-bottom: 1px solid #d0d5d8;
   padding-bottom: 2px;
   padding-top: 7px;
}

.section-heading h6 {
   font-size: 16px;
   margin-bottom: 0;
   line-height: 45px;
   height: 45px;
   min-width: 140px;
   padding: 0 15px;
   background-color: #355fb9;
   color: #eef2fd;
   font-weight: 700;
   display: inline-block;
   text-align: center;
   border-radius: 4px;
}

input:focus, textarea:focus {
   outline: none;
   box-shadow: none;
   border-color: transparent;
}

.pager {
   position: relative;
   z-index: 1;
}

.pager a {
   display: inline-block;
   width: 140px;
   height: 40px;
   line-height: 40px;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   background-color: #eff4f9;
   text-align: center;
   color: #1c1c1c;
   margin: 50px 0;
}

.pager a.active, .pager a:hover, .pager a:focus {
   background-color: #1c1c1c;
   color: #fff;
}

.pager a i {
   font-size: 16px;
}

.footer {
   clear: both;
   padding: 4px;
   text-align: center;
   font-size: 12px;
   font-family: Tahoma, Verdana, Arial;
   text-align: center;
   min-height: 20px;
}

.trigger-btn {
   display: inline-block;
   margin: 100px auto;
}

.bandeau_news_site {
   -moz-border-radius: 3px;
   border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   display: block;
   background: #ffff20;
   border: 0px;
   padding: 4px 10px;
   border: 1px solid #c00;
}

.bandeau_promo_adhesion {
   border: 1px solid #a4b2ff;
   border-radius: 4px;
   padding: 5px;
   background-color: #dae3f8;
   width: 80%;
}

.erreur {
   -moz-border-radius: 3px;
   border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   background: #fbe5e5;
   margin: 2rem 0;
   padding: 4px 10px;
   border: 1px solid #c00;
   color: #f00;
   display: inline-block;
}

.warning {
   background-color: yellow;
   color: red;
   border: 1px solid #ffe000;
   border-radius: 2px;
   padding: 0 0.1em;
}

.point-rouge {
   color: red;
   margin-right: 18px;
   font-size: 0.4rem;
   vertical-align: middle;
}

.help-block.with-errors {
   color: #ff5050;
   margin-top: 5px;
}

label {
   font-family: Tahoma;
   font-size: 14px;
   display: block;
   margin: 15px 0 5px;
}

.popover {
   max-width: 320px !important;
}

.titre_modal {
   font-size: 1.5em;
   color: #355fb9;
}

p.titre-bleu {
   background:#EFF3FF;
   padding: 3px 8px;margin:
   30px 0 15px 0;
   border-radius:
   4px; font-weight: bold
}

/* Couleurs spécifiques au bandeau des pages admin */
.admin {
   background-color: #d88eeb !important;
}

.pa_next {
   font-size: 14px;
   float: right;
}

.pa_prev {
   font-size: 14px;
   float: left;
}

.card-body {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   padding: 0.6rem;
}

#logo_annonce {
   float: right;
   padding: 2px 2px 0px 6px;
}

#logo_annonce_admin {
   float: right;
   padding: 2px 6px 0 0;
   display: inline;
}

hr {
   margin-top: 4px;
}

.tooltip_box {
   margin: 0 auto;
   overflow: hidden;
}

/* Style commun */
.tooltip-inner {
   font-size: 14px;
   padding: 6px 10px;
   border-radius: 4px;
}

.tooltip.tooltip-noir .tooltip-inner {
   background-color: #000 !important;
   color: #fff !important;
}

.tooltip.tooltip-noir.bs-tooltip-bottom .arrow::before,
.tooltip.tooltip-noir.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
   border-bottom-color: #000;
}

.tooltip.tooltip-bleu .tooltip-inner {
   background-color: #c3ccff !important;
   color: #3345a8 !important;
   border: #7b88d2 1px solid;
}

.tooltip.tooltip-bleu.bs-tooltip-bottom .arrow::before,
.tooltip.tooltip-bleu.bs-tooltip-auto[x-placement^="top"] .arrow::before {
   border-bottom-color: #7b88d2;
}


.label-radio {
   font-weight: bold;
   font-family: Verdana;
}

#message-cfm {border: 1px solid; border-radius: 3px; padding: 0.45rem; background-color: #d4edda; color: #185724}
#message-err {border: 1px solid; border-radius: 3px; padding: 0.45rem; background-color: #ffd5d5; color: #cc0000}

.paragraphe {
   text-align: justify;
   padding-right: 5px;
   padding-left: 5px;
   margin-bottom: 30px
}

.logo {
   max-width: 170px;
   max-height: 40px;
   vertical-align: top;
   float: right;
}

table.stats_pub  { text-align: center; margin: 0 auto; border-collapse: collapse; border: 1px solid rgb(240, 136, 136); color: rgb(112, 112, 112)}
table.stats_pub td { text-align: center; padding: 0 0.4rem}
table.stats_pub th { font-size: 0.9em; text-align: center; padding: 0 0.4rem}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
   color: #f5f5f5;
}

.bgblanc {
   background-color: #ffffff !important;
}

.dropdown-submenu {
   position: relative;
 }
 .dropdown-submenu .dropdown-menu {
   top: 0;
   left: 100%;
   margin-left: .1rem;
   margin-right: .1rem;
 }
 /* SPECIAL : ROTATION des flèches */
 .dropdown-submenu a::after {
   transform: rotate(-90deg);
   position: absolute;
   right: 3px;
   top: .8em;
 }

.recherche-plus input.form-control {
   font-size: 0.9rem;
}
.recherche-plus select.input-group-addon {
   background-color: #f7faff;
   font-size: 0.9rem;
   color: #7b88d2;
   font-style: italic;
   border-left: none;
}
.recherche-plus .btn-outline-secondary {
   border: 1px solid #ced4da;
   background-color: #f7faff;
}

.recherche-plus .btn-outline-secondary:hover {
   background-color: #e0ecfd;
   color: #6c7781;
}

.alerte-email {
   background-color:#ffddc5;
   border-color: #ff8100;
}

.contact-annonceur {
   color: #355fb9;
   cursor: pointer;
   font-size: 1.1em;
   margin-left: 20px;
}

.contact-annonceur-disabled {
   color: #858585;
   cursor: pointer;
   font-size: 1.1em;
}

.prix {
   font-size: 15px;
   color: #cc0000
}

.prix-une {
   border: 1px solid;
   border-radius: 3px;
   background-color: #fff;
   padding: 0 4px
}

.departement {
   background-image: url('/images/gif_dpt_new/france.png');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   width: 26px;
   height: 24px;
   position: relative;
   display: inline-block;
   font-size: 11px;
   font-weight: bold;
   color: yellow;
   font-family: Tahoma, sans-serif;
   text-align: center;
   margin: 0 5px;
   vertical-align: middle;
}

.pays {
   background-size: contain;
   width: 22px;
}

.numero-dpt {
   position: absolute;
   top: 11px;
   left: 15px;
   transform: translate(-50%, -50%);
   line-height: 1;
   white-space: nowrap;
   pointer-events: none;
}

.form-radio-flex input:checked+label, .form-checkbox-flex input:checked+label, .form-radio-flex-inline input:checked+label {
   background-color: #fffff3 !important;
}

.input-group-text {
   background-color: #fff;
}

.reglement-une {
   background:#faf8ca;
   color: #a87201;
   padding: 1px 10px;
   border-radius: 4px;
   font-size: 1.05rem
}

.reglement {
   background:#bdcdff;
   padding: 3px 10px;
   border-radius: 4px;
}

.stats-admin {
   right: calc(100%/2 + 580px);
   top: 191px;
}

@media only screen and (max-width: 767px) {
   .img-fluid {
      max-width: 30%;
      height: auto;
   }
   #scrollUp {
      bottom: 30px;
      right: 30px;
   }
}

@media only screen and (min-width: 991px) {
   .recherche_rapide button {
      top: -10px;
   }
   .navbar-mleft {
      margin-left: 15%
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .recherche_rapide button {
      top: 0px;
   }
}

@media only screen and (min-width: 768px) {
   .navbar-brand {
      padding-top: 0;
      padding-bottom: 0;
   }
}