/* Votre Style */
/*HEADER*/
header {
  background: url("../img/fond.png");
}

.logo {
  width: 153px;
  display: flex;
  flex-direction: column;
  align-content: center;
}

.bandeau {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.contact {
  display: flex;
  justify-content: flex-end;
  color: #fff;
  font-weight: bold;
}
.contact p {
  background-color: rgba(100, 100, 100, 0.8);
  padding: 1rem;
}

.accroche {
  color: #fff;
  font-weight: bold;
  padding: 5px;
  font-size: 16px;
}
.accroche p {
  background-color: rgba(100, 100, 100, 0.8);
  padding: 1rem;
}

/*
section page
 */
.page {
  background-color: #f0eeef;
  /*width:1024px;*/
}

.ssmenu h2 {
  padding-left: 1rem;
}
.ssmenu ul {
  text-align: center;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
@media screen and (min-width: 62rem) {
  .ssmenu ul {
    justify-content: start;
  }
  .ssmenu ul li {
    padding: 0 0.5rem;
  }
}

.actif {
  color: black;
  font-weight: bold;
}

.pasdannonce {
  font-weight: bold;
  text-align: center;
  font-size: 1.3em;
  padding-top: 50px;
}

#liste_annonce a {
  display: block;
  text-decoration: none;
}

/* annonce */
#annonce .prix {
  color: #44abdd;
  font-weight: bold;
  font-size: 1.3em;
}

#annonce {
  padding: 0 1rem;
  padding-bottom: 1rem;
}
#annonce h1 {
  color: #2b3786;
  font-size: 1.5em;
  margin-top: 1em;
  text-align: center;
}
#annonce .photo {
  margin: 0 auto;
  margin-bottom: 10px;
}
#annonce .minis img {
  padding: 3px 0;
}

/* boite annonce dans la liste*/
.encartannonce {
  /*  float:left;
    width: 350px;
    height: 160px;
    margin:15px;
    background-color: white;*/
  padding: 1em;
}
.encartannonce h2 {
  font-size: 1em; /* equiv 16px */
  line-height: 1.5em;
  margin: auto;
  text-align: center;
  color: #2b3786;
}
.encartannonce p {
  font-size: 1em; /* equiv 16px */
  margin: 0.5em 0 0 0;
  color: #000000;
}

.encartannonce:hover {
  background-color: #eed6ca;
}

.encartannonce > img {
  float: left;
}

.encartannonce > .inner {
  overflow: hidden;
  padding: 0 15px 0px 15px;
}

.aside {
  /*background-color: #fff;*/
}

/* HEADER */
.navigation {
  margin: 0px 20px 20px 180px;
  padding: 0;
  list-style: none;
}

/*#navigation li{
 display: inline;
 background-color: #fff;
 padding:5px;
}*/
.navigation a, .navigation span {
  text-decoration: none;
  font-weight: bold;
  /*color:#000;*/
  /*  display: block;
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    background: #000 url(menu-item.png) left bottom no-repeat;*/
}

/*.navigation a:hover, .navigation a:focus, .navigation a:active {
  text-decoration: none;
}*/
#menu a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  /*padding: 3px 1px 3px 1px;*/
}

#menu a:hover, #menu a .-hover {
  color: #fff;
}

#menu {
  display: table;
  width: 100%;
  border-spacing: 10px;
  margin: 0;
  padding: 0;
}

#navigation li {
  display: table-cell;
  text-align: center;
  padding: 7px;
  font-size: 0.8em;
  text-transform: uppercase;
}

#ssmenu_locaux ul, #ssmenu_vente ul, #ssmenu_location ul {
  display: table;
  /*width:100%;*/
  width: 300px;
  border-spacing: 10px;
  margin: 0;
  padding: 0;
  font-size: 20px;
}

/*#ssmenu_locaux li, #ssmenu_vente li, #ssmenu_location li {
  display:table-cell;
  text-align:center;
  padding: 7px;
  font: 0.8em "Trebuchet MS", sans-serif;
}*/
/* MENU */
.actif .nav-list__link:hover {
  /*color: #fff;*/
  border-bottom: 5px solid #000;
  color: #000;
}

.menu_normal {
  /*color:#000;*/
  background-color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
.menu_normal :hover {
  border-bottom: 5px solid #000;
}

/* SOUS MENU */
.ssmenu li {
  list-style: none;
}
.ssmenu a {
  text-decoration: none;
}

#ssmenu_locaux a, #ssmenu_vente a, #ssmenu_location a {
  color: #000;
  font-size: 1.3em;
}

#ssmenu_locaux a .-hover, #ssmenu_locaux a:hover {
  color: #e31e2d;
  font-weight: bold;
}

#ssmenu_vente a .-hover, #ssmenu_vente a:hover {
  color: #34af95;
  font-weight: bold;
}

#ssmenu_location a .-hover, #ssmenu_location a:hover {
  color: #2b3786;
  font-weight: bold;
}

/* MENU RECHERCHE*/
#cote {
  display: none;
}
@media screen and (min-width: 62rem) {
  #cote {
    display: block;
  }
}

.menurecherche {
  list-style: none;
  marging: 0 auto;
  padding: 0;
  margin-top: 1em;
  background-color: #fff;
}

.recherche {
  list-style: none;
  marging: 0 auto;
  padding: 0;
  margin-top: 1em;
  background-color: #fff;
}

.menurecherche a {
  display: block;
  color: #000;
  padding-left: 5px;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

.menurecherche li {
  background-color: #fff;
  border-bottom: 2px solid #000;
}

.menurecherche h2 {
  font-size: 1.2em;
  text-align: center;
}

/*.menurecherche_locaux a{

  background-color: #fff;

}
.menurecherche_vente a{

  background-color: #fff;

}
.menurecherche_location a{

  background-color: #fff;

}*/
.menurecherche_locaux-hover, .menurecherche_locaux:hover {
  color: #fff !important;
  /*border-bottom:5px solid #fff;*/
  background-color: #e31e2d;
}

.menurecherche_vente-hover, .menurecherche_vente:hover {
  color: #fff !important;
  /*border-bottom:5px solid #fff;*/
  background-color: #34af95;
}

.menurecherche_location-hover, .menurecherche_location:hover {
  color: #fff !important;
  /*border-bottom:5px solid #fff;*/
  background-color: #2b3786;
}

/* Hide alternate text except from screen readers */
/* line 165, ../scss/_perso.scss */
/* line 189, ../scss/alt80.scss */
.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
}

.retour {
  display: block;
  position: absolute;
  z-index: 2;
  top: 75px;
  left: 1rem;
}

@media (min-width: 992px) {
  /* line 187, ../scss/_perso.scss */
  /* line 211, ../scss/alt80.scss */
  .menu {
    margin-bottom: 0;
    vertical-align: bottom;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
  }
  /* line 219, ../scss/alt80.scss */
  .menu ul {
    display: flex;
    align-items: flex-end;
  }
  /* line 223, ../scss/alt80.scss */
  .menu a {
    /*font-family: "ostrich_sansbold";*/
    font-family: "Muli", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
  }
  /* line 193, ../scss/_perso.scss */
  /* line 232, ../scss/alt80.scss */
  .menu li {
    display: inline-block;
    /*flex-grow: 1;*/
    /*vertical-align: top;*/
    color: #000000;
    padding: 0 3px;
  }
  /* line 239, ../scss/alt80.scss */
  .menu-facebook {
    /*display: flex;*/
    flex-grow: 1;
    text-align: right;
    color: #1877F2;
  }
  /* line 244, ../scss/alt80.scss */
  .menu-facebook a {
    color: #1877F2;
  }
}
/*
*FORMULAIRES
*/
form p {
  text-align: left;
  padding: 0;
  line-height: 0.5em;
  /*font-size: 0.5em;*/
}

form p.important {
  text-align: left;
  padding: 5px;
  line-height: 1em;
  font-weight: bold;
}

fieldset {
  padding: 0px;
  margin: 0px;
}

legend {
  font-weight: bold;
}

label {
  float: left;
  margin: 0pt;
  padding: 0pt 0.5em 0pt 0pt;
  text-align: right;
  font-size: 1em !important;
  width: 100px;
}

input {
  font-family: arial, sans-serif;
  /*border:solid 1px black;*/
  border: none;
  background-color: #ccc;
}

input[type=submit] {
  background-color: #b2b3b5;
  padding: 10px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  /*   border-radius: 10px;
     font-size:0.9em !important;
    padding:5px;
    color:#fff;
    background:#a5c526;*/
}

input[type=radio] {
  /*margin-right:50px;*/
  background-color: transparent;
  border: none;
}

form ul.delmini {
  display: flex;
  justify-content: space-evenly;
}
form ul.delmini img {
  margin: 1rem;
}

textarea {
  font-family: arial, sans-serif;
  font-size: 1.3em !important;
  border: solid 1px black;
}

.obligatoire {
  font-weight: bold;
}

/*  autres
*/
.bouton {
  margin-top: 15px;
  margin-bottom: 15px;
}

.bouton a {
  background-color: #b2b3b5;
  padding: 10px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.bouton a:hover {
  color: #000;
  background-color: #44abdd;
}

input[type=submit]:hover {
  color: #000;
  background-color: #44abdd;
}

.beige {
  color: #ccbda0;
  background-color: #b2b3b5;
}

.rouge {
  color: #e31e2d;
}

.vert {
  color: #34af95;
}

.bleu {
  color: #2b3786;
}

.cyan {
  color: #44abdd;
}

/*# sourceMappingURL=styles.css.map */