/* Base styles */
html {
  box-sizing: border-box;
  color: #222;
  font-size: 1rem;
  line-height: 1.4;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

/*
 * Some properties should be inherited by default
 */
button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* Helper classes */

/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}








/*
 * Custom styles
 */
h1 {
 font-weight: normal;
 font-size: 1.5rem;
}
h2 {
 font-weight: normal;
 font-size: 1.25rem;
}
h1, h2, h3 {
  font-family: "Trebuchet MS";
  margin: 0 0 1rem;
}
ul {
  padding-left: 0;
}
li {
  list-style-type: none;
}
@media only screen and (min-width: 1000px) {

  .page {
    margin: 0 auto;
    overflow-x: visible;
    width: 1000px;
  }

}
@media screen and (max-width: 739px) {

  .page {
    background-color: #fff;
  }
  h1 {
    text-align: center;
  }
  .overlay__affiner {
    background-color: #efefef;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
  }
  .overlay__contenu {
    height: 100%;
    overflow: scroll;
    padding: 10px;
  }
  .facettes__affiner {
    cursor: pointer;
  }
  .overlay__close {
    cursor: pointer;
    float: right;
  }

}
@media screen and (min-width: 740px) {

  .fig-2cols {
    clear: both;
    overflow: hidden;
    width: auto;
    zoom: 1;
  }
  .has-results .fig-2cols .fig-main-col {
    float: left;
    min-height: 80vh;
    position: relative;
    width: calc( 100% - 315px );
  }
  .fig-2cols .fig-side-col {
    display: none;
  }
  .has-results .fig-2cols .fig-side-col {
    display: block;
    float: right;
    width: 300px;
  }
  /* Éléments masqués en desktop */
  .facettes__affiner,
  .overlay__close {
    display: none;
  }
  .fig-main-col .facettes__criteres {
    margin-right: -15px;
  }

}
.fig-container {
  padding: 15px;
}
.fig-2cols .fig-main-col {

}
.main-header h1,
.overlay__header h2 {
  min-height: 2rem;
  line-height: 2rem;
}




/* Overlay */
.close {
  display: none;
}
.overlay__affiner__btn {
  display: none;
}
.overlay__criteres {
  margin: .5em 0;
  padding: 0;
}
.overlay__critere {
  line-height: 1.6;
}
.overlay__tri {
  display: inline-block;
  margin: 0 .3em 0 .5rem;
}
.overlay__lien {
  margin-right: .5rem;
  text-decoration: none;
  display: flex;
  text-align: right;
}
.overlay__lien:after {
  background: #EB6433;
  border-radius: 10%;
  color: #fff;
  content: "\00D7";
  display: inline-block;
  height: 1.5rem;
  margin-left: .5rem;
  text-align: center;
  vertical-align: baseline;
  width: 1.5rem;
}
.overlay__contenu > ul {
  padding: 0;
}
.overlay__titre {

}
.overlay__sous-titre {
  font-size: 1rem;
  margin: 0 .5em ;
  padding-top: .5rem;
}
.overlay__affiner .type__affinage ul {
  padding: 0 .5rem;
}
.overlay__affiner__btn:checked + .overlay__affiner {
  display: block;
}
/* Bascule affinage */
.type__affinage input[type=radio],
.type__affinage input[type=checkbox] {
  display: none;
}
.type__affinage label {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ccc;
  color: #003872;
  cursor: pointer;
  display: block;
  margin: .5em 0 1px;
  padding: .25em 25px .25em .5rem;
  position: relative;
}
.overlay__affiner .type__affinage.type-selected label {
  background-color: #fff0ea;
  border-color: #d9b4a5;
  color: #E8531D;
}
.type__affinage label:before {
  background: #92B8DD;
  border-radius: 10%;
  color: #fff;
  content: "+";
  font-size: 1rem;
  height: 1rem;
  line-height: 1.1rem;
  position: absolute;
  right: .75rem;
  text-align: center;
  top: .4rem;
  width: 1rem;
}
.type-selected label:before {
  background-color: #d9b4a5;
  content: "-";
}
.type__affinage input[type=radio]:checked + label,
.type__affinage input[type=checkbox]:checked + label {
  /*background-color: #C2DCE2;*/
}
.type__affinage input[type=radio]:checked + label {
  cursor: auto;
}
.type__affinage input[type=radio]:checked + label:before,
.type__affinage input[type=checkbox]:checked + label:before {
  content: "-";
}
.type__affinage input[type=radio]:checked ~ ul,
.type__affinage input[type=checkbox]:checked ~ ul {
  opacity: 1;
  max-height: 999px;
  transition: opacity .7s, max-height .7s;
}
.type__affinage input[type=radio] ~ ul,
.type__affinage input[type=checkbox] ~ ul,
.type__affinage ul {
  transition: opacity 0s, max-height 0s;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
}

/* Facettes */
.resultats {
  background-color: #f5f5f5;
  display: flex;
  margin-bottom: 2rem;
  padding: .5rem;
}
.facettes__criteres {
  background-color: #f8f4bb;
  margin-bottom: 1rem;
}
.facettes__nombre {
  flex-grow: 1;
  margin-right: 15px;
}
.facettes__affiner {
  background-color: #f1e876;
  border-radius: 3px;
  color: #444;
  padding: 0 .5rem;
  text-align: right;
}
.facettes__affiner:hover {
  background-color: #f1dd5b;
}
.facettes__terme {
  background-color: #fbc74c;
  color: #494949;
}

.recherche {
  position: relative;
}

/* Autocomplete */
.suggestions {
  bottom: -10px;
  display: none;
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.suggestions__menu {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  box-shadow: 0px 7px 15px rgba(0,0,0,.2);
  padding: .5em 1em;
}
.suggestions__tous {
  padding-left: .5em;
}

/* Résultats */
.story {
 float: left;
 width: 100%;
}
.tools {
 clear: left;
}
.paginer-recherche li {
 display: inline-block;
}
.paginer-recherche li a {
 border: 1px solid #EEEEEE;
 display: inline-block;
 padding: .15rem .5rem;;
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
}
.fig-alert {
 background-color: #252525;
 color: #fff;
 margin-bottom: 1rem;
 padding: 10px;
}
.fig-alert a {
 color: #fff;
}
.fig-alert-title {
 font-size: 1rem;
}

/* Articles */
.fig-photo {
  display: none;
}
.fig-profil::after {
  clear: both;
  content: " ";
  display: table;
}
.fig-profil:last-child {
  margin-bottom: 2rem;
}
.fig-profil-headline a {
  color: #003872;
}
.fig-profil-chapo {
  clear: left;
  color: #666;
  font-size: 15px;
}
.fig-profil figure {
  margin: 0;
}
.fig-profil-tools li {
  display: inline-block;
}
.fig-date-pub {

}
@media screen and (min-width: 740px) {

  .fig-profil-mtpd .fig-profil-media {
    clear: right;
    display: block;
    width: 245px;
  }
  .fig-profil-mtpd figure.fig-photo {
    float: right;
  }

}
@media screen and (min-width: 1000px) {

  .fig-profil-mtpd .fig-profil-media {
    max-width: 245px;
  }
  .fig-profil-mtpd figure.fig-photo {
      float: right;
      width: 260px
  }

}

/* Pikaday */
span.pikaday__container {
  display: block;
}
.pika-lendar .pika-label {
  border-radius: 3px;
  border: 1px solid #d6d6d6;
  margin: 0 1px;
  padding: 2px 5px;
}
.pika-label:after {
  content:" \25be";
}

























/*
 * Thèmes
 */

/* lefigaro.fr */
@font-face {
    font-family: "MuseoSlab500";
    src: url(http://a.f1g.fr/assets-fonts/Museo_Slab_500-webfont.woff?1404910573) format("woff");
}
@font-face {
    font-family: "droid_sans";
    src: url(http://a.f1g.fr/assets-fonts/DroidSans-webfont.woff?1434615316) format("woff");
    font-weight: normal;
}
@font-face {
    font-family: "droid_sans";
    src: url(http://a.f1g.fr/assets-fonts/droidsansbold/droidsansbold.woff?1447072358) format("woff");
    font-weight: bold;
}
body {
  background: #e5e5e5;
  font-family: droid_sans,Verdana,sans-serif;
}
a {
  color: #003872;
}
a:hover {
  color: #ff9d0b;
}
.fig-2cols .fig-main-col {
  background-color: #fff;
}
.main-header h1,
.overlay__header h2 {
  color: #444;
}
@media screen and (max-width: 739px) {

  .overlay__header {
    background-color: #3d7acc;
    padding: .25rem 1rem;
  }
  .overlay__header h2 {
    color: #fff;
  }
  .main-header h1 {
    font-size: 1.35rem;
  }

}
@media screen and (min-width: 740px) {

  .fig-container {
    background-color: #fff;
    box-shadow: -5px -2px 7px -4px #bbb;
  }
  .fig-2cols .fig-main-col {

  }
  .fig-2cols .fig-side-col {

  }

  .main-header h1,
  .overlay__header h2 {
    margin-left: .5rem;
  }

}

/* Champs de recherche */
.recherche form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.recherche__btn {
  background-color: #f9af00;
  border-radius: 3px;
  border: 0;
  color: #fff;
  float: right;
  font-family: pt_sans,Verdana,sans-serif;
  font-size: 13px;
  padding: .4em 1rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: bottom;
}
.recherche__btn:hover {
  background-color: #EBA400;
}
.recherche__input {
  flex-grow: 1;
  background: #ececec;
  border: 1px solid #ccc;
  float: left;
  font-size: 18px;
  height: 36px;
  margin-right: 15px;
  padding: 0 8px;
  text-align: left;
  min-width: 50%;
}

/* Suggestions */
.suggestions__titre {
  font-size: 1.2rem;
}
.suggestions__groupe {
  margin-bottom: 1.5em;
}
.suggestions__liste {
  margin: .5em 0;
  padding-left: .5em;
}
.suggestions__liste li {
  line-height: 1.3;
  margin: .35em 0;
}
.suggestions__liste a {
  text-decoration: none;
}
.suggestions__groupe:last-child {
  margin-bottom: 1em;
}
.suggestions__tous::before {
  content: "➔";
  margin-right: .25em;
}
.suggestions__tous {
  text-decoration: none;
}

/* Overlay */
.overlay__lien {
  color: #E8531D;
}
.overlay__critere {
  border-bottom: 1px dotted #bbb;
  display: flex;
  padding: .25em 0;
}
.overlay__critere:first-child {
  border-top: 1px dotted #bbb;
}
.overlay__tri {
  color: #888;
  flex-grow: 1;
}
.type__affinage a {
  display: inline-block;
  margin: 0.1em 0;
  text-decoration: none;
}

/* Articles */
.fig-profil {
  border-bottom: 1px solid #d6d6d6;
  padding-top: 1rem;
}
.fig-profil:first-child {
  border-top: 1px solid #d6d6d6;
}
.fig-profil h2 {
  font-family: MuseoSlab500,"Trebuchet MS",Arial,Helvetica,sans-serif;
  line-height: 1.27778;
}
.fig-profil-headline a {
  font-size: 1.75rem;
  text-decoration: none;
  display: inline-block;
}
@media screen and (max-width: 739px) {

  .fig-profil-tools {
    display: none;
  }

}
@media screen and (min-width: 740px) {

  .fig-profil-mtpd .fig-profil-media {
    border: 1px solid #999;
    margin: 4px 0 15px 15px;
  }
  .fig-profil-tools {
    font-size: 12px;
    opacity: .65;
    transition: opacity 0.2s;
  }
  .fig-profil:hover .fig-profil-tools {
    opacity: 1;
  }
  .fig-profil-tools a {
    text-decoration: none;
  }
  .fig-profil-tools>li {
    display: inline-block;
    margin: 0 0 0 12px
  }
  .fig-profil-tools>li:first-child {
    margin: 0
  }
  .fig-profil-tools-icon {
    display: inline-block;
    background-image: url('/static/img/search/sprite.png');
    margin-right: 5px
  }
  .fig-profil-tools-comments {
    background-position: 0 1px;
    height: 16px;
    vertical-align: middle;
    width: 17px;
  }
  .fig-profil-tools-share {
    background-position: 0 -100px;
    height: 14px;
    vertical-align: top;
    width: 19px;
  }
  .fig-profil-tools .fig-profil-tools-item {
    color: #999;
    padding: 2px 0;
    transition: all .1s ease-out;
  }
  .fig-tools-rubrique {
    padding: 0 4px 0 0;
    text-decoration: none;
  }
  .fig-tools-rubrique:hover {
    background-color: #407cc9;
    border-radius: 3px;
    box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,0.15);
    color: #fff;
    display: inline-block;
  }
  .fig-tools-rubrique::before {
    content: "➔";
    margin-right: .25em;
    background-color: #999;
    border-radius: 3px;
    box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,0.15);
    color: #fff;
    display: inline-block;
    padding: 0 4px;
  }
  .fig-profil:hover .fig-tools-rubrique::before {
    background-color: #407cc9;
  }

  .fig-profil.univers-sport:hover .fig-tools-rubrique::before,
  .fig-profil.univers-sport:hover .fig-tools-rubrique:hover {
    background-color: #383538;
  }
  .fig-profil.univers-economie:hover .fig-tools-rubrique::before,
  .fig-profil.univers-economie:hover .fig-tools-rubrique:hover {
    background-color: #81312f;
  }
  .fig-profil.univers-culture:hover .fig-tools-rubrique::before,
  .fig-profil.univers-culture:hover .fig-tools-rubrique:hover {
    background-color: #4f758b;
  }
  .fig-profil.univers-lifestyle:hover .fig-tools-rubrique::before,
  .fig-profil.univers-lifestyle:hover .fig-tools-rubrique:hover {
    background-color: #7a4189;
  }
  .fig-profil.univers-golf:hover .fig-tools-rubrique::before,
  .fig-profil.univers-golf:hover .fig-tools-rubrique:hover {
    background-color: #28724f;
  }
  .fig-profil.univers-tv:hover .fig-tools-rubrique::before,
  .fig-profil.univers-tv:hover .fig-tools-rubrique:hover {
    background-color: #e4002b;
  }
  .fig-profil.univers-scope:hover .fig-tools-rubrique::before,
  .fig-profil.univers-scope:hover .fig-tools-rubrique:hover {
    background-color: #7a4189;
  }
  .fig-profil.univers-sante:hover .fig-tools-rubrique::before,
  .fig-profil.univers-sante:hover .fig-tools-rubrique:hover {
    background-color: #00857b;
  }
  .fig-profil.univers-nautisme:hover .fig-tools-rubrique::before,
  .fig-profil.univers-nautisme:hover .fig-tools-rubrique:hover {
    background-color: #005b81;
  }
  .fig-profil.univers-madame:hover .fig-tools-rubrique::before,
  .fig-profil.univers-madame:hover .fig-tools-rubrique:hover {
    background-color: #4b4f54;
  }
  .fig-profil.univers-enchere:hover .fig-tools-rubrique::before,
  .fig-profil.univers-enchere:hover .fig-tools-rubrique:hover {
    background-color: #4f758b;
  }
  .fig-profil.univers-vin:hover .fig-tools-rubrique::before,
  .fig-profil.univers-vin:hover .fig-tools-rubrique:hover {
    background-color: #925260;
  }
  .fig-profil.univers-etudiant:hover .fig-tools-rubrique::before,
  .fig-profil.univers-etudiant:hover .fig-tools-rubrique:hover {
    background-color: #FF5C39;
  }
  .fig-profil.univers-voyage:hover .fig-tools-rubrique::before,
  .fig-profil.univers-voyage:hover .fig-tools-rubrique:hover {
    background-color: #4EC3E0;
  }
  .fig-profil.univers-video:hover .fig-tools-rubrique::before,
  .fig-profil.univers-video:hover .fig-tools-rubrique:hover {
    background-color: #d4d4d4;
  }
  .fig-profil.univers-evene:hover .fig-tools-rubrique::before,
  .fig-profil.univers-evene:hover .fig-tools-rubrique:hover {
    background-color: #900;
  }
  .fig-profil.univers-sport24:hover .fig-tools-rubrique::before,
  .fig-profil.univers-sport24:hover .fig-tools-rubrique:hover {
    background-color: #383538;
  }
  .fig-profil.univers-le-scan:hover .fig-tools-rubrique::before,
  .fig-profil.univers-le-scan:hover .fig-tools-rubrique:hover {
    background-color: #453A3A;
  }
  .fig-profil.univers-jardin:hover .fig-tools-rubrique::before,
  .fig-profil.univers-jardin:hover .fig-tools-rubrique:hover {
    background-color: #00af66;
  }
  .fig-profil.univers-immobilier:hover .fig-tools-rubrique::before,
  .fig-profil.univers-immobilier:hover .fig-tools-rubrique:hover {
    background-color: #aa272f;
  }
  .fig-profil.univers-cannes:hover .fig-tools-rubrique::before,
  .fig-profil.univers-cannes:hover .fig-tools-rubrique:hover {
    background-color: #d0a42e;
  }
  .fig-profil.univers-sport24:hover .fig-tools-rubrique::before,
  .fig-profil.univers-sport24:hover .fig-tools-rubrique:hover {
    background-color: #383538;
  }
  .fig-date-pub {
    color: #999;
    display: inline-block;
  }
  .fig-date-pub::first-letter {
    text-transform: uppercase;
  }

}
@media screen and (min-width: 850px) {

  .fig-profil-mtpd h2 {
    float: left;
    width: calc( 100% - 260px );
  }
  .fig-photo {
    display: block;
  }

}

/* Sans recherche */
.sans-recherche {
  overflow: hidden;
}
.sans-recherche__terme {
  background-color: #000;
  border: 1px solid #fff;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 50%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  height: 125px;
}

@media screen and (min-width: 540px) and (max-width: 849px) {

  .sans-recherche__terme {
    width: 33.33333%;
  }
  .sans-recherche__terme:nth-child(n+7) {
    width: 25%;
  }

}
@media screen and (min-width: 850px) {

  .sans-recherche__terme {
    width: 20%;
  }


}
.sans-recherche__terme a {
  background-color: rgba(0,0,0,.3);
  color: #fff;
  display: block;
  font-size: 1.2rem;
  height: 100%;
  padding: 3rem .5rem 0;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px 5px #000;
  width: 100%;
  z-index: 1;
}
.sans-recherche__terme a:hover {
  background-color: transparent;
}

/* Pagination */
/*.paginer-recherche {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 1em 0;
}
.paginer-recherche li a {
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: .8rem;
  margin: 0 2px;
  text-align: center;
}
.paginer-recherche li a.active {
  background-color: #ececec;
  color: #000;
}*/



/* Pikaday */
.plage__titre {
  color: #381C3A;
  border-bottom: 1px dotted #d6d6d6;
  margin: .5rem 0;
}
.plage__texte {
  color: #666;
  display: inline-block;
  margin-bottom: .25rem;
  width: 40%;
}
.pikaday__display {
  margin-bottom: .5rem;
  padding: 1px .25rem;
}
span.pikaday__container {
  display: inline-block;
  width: 58%;
}





/*
 * Temp
 */
.header {
 background-color: #3d7acc;
 background-image: linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,0.25) 100%);
 height: 70px;
}
@media screen and (max-width: 739px) {

  .pub__overlay {
    display: none;
  }
  .pub__body {
    border-bottom: 1px solid #d6d6d6;
    margin: 2rem auto;
    text-align: center;
    padding-bottom: 2rem;
  }

}
@media screen and (min-width: 740px) {

  .pub__body {
    display: none;
  }

}
.recherche__input:focus ~ .suggestions {
  display: block;
}