/*@import url('https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css');*/

figure {
    margin: 0;
}

/*
 * couleurs
 */
.coul-primary {color: #3e5570;/*#044ca2;*/}
/*.btn.bloc-partenaire-lien-publier {background-color:#3e5570;color: #fff;}*/
h1.annonce {color:#3e5570;}


/*
 * typographie
 */
.annonce-titre-bloc {
    margin: 1.3em 0 .6em;
    font-weight: bold;
    color: #1a5092;
}

.texte-editable h1,
.texte-editable h2,
.texte-editable h3,
.texte-editable h4,
.texte-editable h5,
.texte-editable h6 {
    margin: 1.4em 0 .6em;
}

/*p {margin: 0;}*/
.texte-editable p {margin-bottom: 10px;}

.text-center {text-align: center;}
.text-uppercase {text-transform: uppercase;}

.label-equal-width {
    width: 77px;
}

.checkbox-equal-width {
    width: 137px;
}

@media screen and (max-width:479px) {
    .texte-hidden-xs {display: none;}
}

/*
 * row flex
 */
/*.row-flex {display: flex;}
.align-item-center {align-items: center;}
.flex-wrap {flex-wrap: wrap;}*/

/*
 * marges
 */
.mb-module {margin-bottom: 70px;}
.mt-5 {margin-top: 5px;}
.ml-5 {margin-left: 5px;}
.mr-5 {margin-right: 5px;}
.mb-5 {margin-bottom: 5px;}
.mt-10 {margin-top: 10px;}
.ml-10 {margin-left: 10px;}
.mr-10 {margin-right: 10px;}
.mb-10 {margin-bottom: 10px;}
.mt-20 {margin-top: 20px;}
.ml-20 {margin-left: 20px;}
.mr-20 {margin-right: 20px;}
.mb-20 {margin-bottom: 20px;}
.mt-30 {margin-top: 30px;}
.ml-30 {margin-left: 30px;}
.mr-30 {margin-right: 30px;}
.mb-30 {margin-bottom: 30px;}

/*
 * select
 */
.chosen-container {
 width: 100% !important;
}

.chosen-choices {
 border-color: transparent !important;
}

.chosen-container-single .chosen-single,
.chosen-drop {
    border-radius: 0 !important;
    box-sizing: none !important;
    border: none !important;
    background: #fff !important;
}

/*
 * checkbox
 */
 /* Base for label styling */
 .annonce-med [type="checkbox"]:not(:checked),
 .annonce-med [type="checkbox"]:checked {
   position: absolute;
   left: -9999px;
 }
 .annonce-med [type="checkbox"]:not(:checked) + label,
 .annonce-med [type="checkbox"]:checked + label {
   position: relative;
   padding-left: 1.85em;
   cursor: pointer;
 }

 /* checkbox aspect */
 .annonce-med [type="checkbox"]:not(:checked) + label:before,
 .annonce-med [type="checkbox"]:checked + label:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   width: 1em;
   height: 1em;
   box-shadow: 0 0 0 2px #044ca2;
   background: #fff;
   transform: translateY(-50%);
 }
 /* checked mark aspect */
 .annonce-med [type="checkbox"]:not(:checked) + label:after,
 .annonce-med [type="checkbox"]:checked + label:after {
   content: '✔';
   position: absolute;
   top: .35em;
   left: .1em;
   font-size: 1.1em;
   line-height: 0.8;
   color: #044ca2;
   transition: all .2s;
 }
 /* checked mark aspect changes */
 .annonce-med [type="checkbox"]:not(:checked) + label:after {
   opacity: 0;
   transform: scale(0);
 }
 .annonce-med [type="checkbox"]:checked + label:after {
   opacity: 1;
   transform: scale(1);
 }
 /* disabled checkbox */
 .annonce-med [type="checkbox"]:disabled:not(:checked) + label:before,
 .annonce-med [type="checkbox"]:disabled:checked + label:before {
   box-shadow: none;
   border-color: #bbb;
   background-color: #ddd;
 }
 .annonce-med [type="checkbox"]:disabled:checked + label:after {
   color: #999;
 }
 .annonce-med [type="checkbox"]:disabled + label {
   color: #aaa;
 }
 /* accessibility */
 .annonce-med [type="checkbox"]:checked:focus + label:before,
 .annonce-med [type="checkbox"]:not(:checked):focus + label:before {
   box-shadow: 0 0 0 2px #000;
 }

 /* hover style just for information */
 label:hover:before {
   box-shadow: 0 0 0 2px #000 !important;
 }


.annonce-form-checkbox {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 0;
}

.annonce-form-checkbox:last-child {
    margin-right: 0;
}


/*
 * bloc partenaire
 */
.bloc-partenaire {
  margin-bottom: 10px;
  text-align: center;
}

.logo-am {
  max-width: 180px;
}

@media screen and (min-width: 550px) and (max-width:768px) {
  .bloc-partenaire {
    text-align: left;
  }

  .bloc-partenaire-logo {
    display: inline-block;
  }
  .bloc-partenaire-lien-publier {
    float: right;
  }
}
@media screen and (min-width: 992px) {
  .bloc-partenaire {
    text-align: left;
  }

  .bloc-partenaire-logo {
    display: inline-block;
  }
  .bloc-partenaire-lien-publier {
    float: right;
  }
}

/*
 * bloc recherche
 */
.annonce-bloc-recherche {
    background-color: #3e5570;
    padding:20px 20px 10px;
    color: #fff;
}

.annonce-bloc-recherche-row {
    margin-bottom: 10px;
}

.annonce-bloc-recherche-label {
    margin-bottom: 5px;
}

.annonce-bloc-recherche label {
    color: inherit;
}

/*
.annonce-bloc-recherche .annonce-form-checkbox {
    padding: 10px 0;
}*/

.annonce-bloc-recherche-select-container {
    margin-right: 10px;
    margin-bottom: 20px;
}

.annonce-bloc-recherche-select-item:last-child {
    margin-right: 0;
}

@media screen and (min-width: 992px) {

    .annonce-bloc-recherche {
        padding-bottom: 5px;
    }

    .annonce-bloc-recherche-row {
        margin-bottom: 4px;
    }

    .annonce-bloc-recherche-select-container {
        display: inline-block;
        margin-bottom: 0;
    }

    .annonce-bloc-recherche-label {
        margin-top: 6px;
    }

    .annonce-bloc-recherche-select-container .annonce-bloc-recherche-label {
        margin-top: 1px;
    }

    .annonce-bloc-recherche-label,
    .annonce-bloc-recherche-select {
        float: left;
        vertical-align: middle;
    }

    .annonce-bloc-recherche-select {
        min-width: 200px;
        max-width: 220px;
    }
}


/*
 * gabarit annonce
 */
.annonce-lien-retour {
    margin-bottom: 10px;
    text-align: right;
}
 
.annonce-lien-retour a {
    color: #6d255d;
}

.annonce-type {
    margin-bottom: 16px;
    font-size: 12px;
    color: #aaa;
}

.annonce-region {
    display: inline-block;
    margin-bottom: 8px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    background: #aaa;
    color: #fff;
}

.annonce-infos {
    margin: 0 auto 30px ;
    color: #044ca2;
    font-weight: bold;
}

.annonce-titre {
    margin: 0;
    line-height: 1;
    color:#3e5570;
}

.annonce-date {
    font-size: 14px;
    color:#3e5570;
}

.annonce-illustration {
    margin-bottom: 16px;
}

.bloc-geoloc-map > * {
    max-width: 100%;
}

.annonce-lien-contact {
    margin: 20px 0;
}




/*
 * liste résultat
 */
.liste-annonce-resultat {
    margin: 20px 0 15px;
}
.liste-annonce-resultat-titre {
    font-size: 1.5em;
    font-weight: normal;
}

/*
 * liste
 */
.liste-annonce-item {
    position: relative;
    display: block;
    padding: 20px 15px 25px;
    margin-bottom: 10px;
    box-shadow: 0 0 0 2px #eee;
    color: inherit;
    text-decoration: none;
    transition: .3s;
}

.liste-annonce-item-hover {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 10px;
    background-color: #eee;
    color: #044ca2;
    text-transform: uppercase;
    font-family: "Oswald", Arial, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: .05em;
    opacity: 0;
    transition: .3s;
}

.liste-annonce-item-hover i {
    margin-left: .3em;
    font-size: 1.3em;
}

.liste-annonce-item:hover .liste-annonce-item-hover {
    opacity: 1;
}

.liste-annonce-item.premium {
    box-shadow: 0 0 0 2px #9a0014;
    background-color: #f5f5f5;
}

.liste-annonce-item.premium:hover .liste-annonce-item-hover {
    background-color: #9a0014;
    color: #fff;
}

.liste-annonce-item-type {
    margin-bottom: 10px;
}

.liste-annonce-item-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.liste-annonce-item-img {
    flex: 0 0 auto;
    float: left;
    margin-right: 10px;
}

.liste-annonce-item-img img {
    max-width: 100px;
    max-height: 100px;
}

.liste-annonce-item-infos {
    margin-bottom: 16px;
}

.liste-annonce-item-texte {
    flex: 1 1 300px;
}

/*
 * bloc ajout
 */
.annonce-bloc-ajout {
    padding: 30px 15px;
    color: #fff;
    background-color: #3e5570;
}

.annonce-bloc-ajout-content {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.annonce-bloc-ajout-content > :first-child {
    margin-top: 0;
}

.annonce-bloc-ajout-btn-container {
    text-align: center;
}

.annonce-bloc-ajout a:not(.btn) {
    color: inherit;
    text-decoration: underline;
}

.annonce-bloc-ajout a:not(.btn):hover {
    color: #aaa;
}

.btn-publier {
    display: block;
    max-width: 200px;
    margin: 15px auto;
}

/*
* annonce form encadre
*/
.annonce-from-encadre {
    margin-bottom: 30px;
    padding: 30px 15px;
    background-color: #f5f5f5;
}

.annonce-from-encadre.is-important {
    background-color: #3e5570;
    color: #fff;
}

.annonce-from-encadre p {
    margin-bottom: 1em;
}

.annonce-from-encadre > :last-child {
    margin-bottom: 0;
}

.annonce-from-encadre a {color: #044CA2; text-decoration: underline;}
.annonce-from-encadre a:hover {color: #6d255d;}

/*
* annonce form
*/
.annonce-form {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.annonce-control-tip {
    color: #aaa;
    font-size: 12px;
    font-style: italic;
}

.annonce-form .control-label {
    font-family: "Oswald",  Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
}

.annonce-form .control-group {
    margin-bottom: 20px;
}

.annonce-form .controls textarea,
.annonce-form .controls select,
.annonce-form .controls input {
    width: 100% ;
    margin-bottom: 0;
}

.annonce-form .controls textarea:focus,
.annonce-form .controls select:focus,
.annonce-form .controls input:focus {
    border-color: #ccc;
    box-shadow: 0 0 4px #ccc;
}

.annonce-form .chosen-single {
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc !important;
}

.annonce-form .chosen-drop {
    border: 1px solid #ccc !important;
}

.annonce-form .chosen-container-single .chosen-single div {
    top: 2px;
}