/** RESET & CO **/
*, *:before, *:after {
  box-sizing: inherit;
}
button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}
ul {
  padding-left: 0;
}
li {
  list-style-type: none;
}
figure {
  margin: 0
}

/***** DEBUT DESIGN FIGARO *****/

/* declaration fonts */
/*
*/

@font-face {
  font-display:swap;
  font-family:noto-serif;
  font-style:normal;
  font-weight:normal;
  src:local('Noto Serif'),
  local('NotoSerif'),
  url(https://static.lefigaro.fr/common/fonts/NotoSerif/notoserif-regular.woff2) format('woff2'),
  url(https://static.lefigaro.fr/common/fonts/NotoSerif/notoserif-regular.woff) format('woff');
}
@font-face {
  font-display:swap;
  font-family:noto-serif;
  font-style:normal;
  font-weight:bold;
  src:local('Noto Serif Bold'),
  local('NotoSerif-Bold'),
  url(https://static.lefigaro.fr/common/fonts/NotoSerif/notoserif-bold.woff2) format('woff2'),
  url(https://static.lefigaro.fr/common/fonts/NotoSerif/notoserif-bold.woff) format('woff');
}
@font-face {
  font-display:swap;
  font-family:noto-serif;
  font-style:italic;
  font-weight:normal;
  src:local('Noto Serif Italic'),
  local('NotoSerif-Italic'),
  url(https://static.lefigaro.fr/common/fonts/NotoSerif/notoserif-italic.woff2) format('woff2'),
  url(https://static.lefigaro.fr/common/fonts/NotoSerif/notoserif-italic.woff) format('woff');
}
@font-face {
  font-display:swap;
  font-family:noto-serif;
  font-style:italic;
  font-weight:bold;
  src:local('Noto Serif Bold Italic'),
  local('NotoSerif-BoldItalic'),
  url(https://static.lefigaro.fr/common/fonts/NotoSerif/notoserif-bolditalic.woff2) format('woff2'),
  url(https://static.lefigaro.fr/common/fonts/NotoSerif/notoserif-bolditalic.woff) format('woff');
}
@font-face {
  font-display:swap;
  font-family:source-sans-pro;
  font-style:normal;
  font-weight:normal;
  src:local('Source Sans Pro Regular'),
  local('SourceSansPro-Regular'),
  url(https://static.lefigaro.fr/common/fonts/SourceSansPro/sourcesanspro-regular.woff2) format('woff2'),
  url(https://static.lefigaro.fr/common/fonts/SourceSansPro/sourcesanspro-regular.woff) format('woff');
}
@font-face {
  font-display:swap;
  font-family:source-sans-pro;
  font-style:normal;
  font-weight:bold;
  src:local('Source Sans Pro SemiBold'),
  local('SourceSansPro-SemiBold'),
  url(https://static.lefigaro.fr/common/fonts/SourceSansPro/sourcesanspro-semibold.woff2) format('woff2'),
  url(https://static.lefigaro.fr/common/fonts/SourceSansPro/sourcesanspro-semibold.woff) format('woff');
}
@font-face {
  font-display:swap;
  font-family:source-sans-pro;
  font-style:italic;
  font-weight:bold;
  src:local('Source Sans Pro SemiBold Italic'),
  local('SourceSansPro-SemiBoldItalic'),
  url(https://static.lefigaro.fr/common/fonts/SourceSansPro/sourcesanspro-semibolditalic.woff2) format('woff2'),
  url(https://static.lefigaro.fr/common/fonts/SourceSansPro/sourcesanspro-semibolditalic.woff) format('woff');
}
@font-face {
  font-display:swap;
  font-family:source-sans-pro;
  font-style:italic;
  font-weight:normal;
  src:local('Source Sans Pro Italic'),
  local('SourceSansPro-Italic'),
  url(https://static.lefigaro.fr/common/fonts/SourceSansPro/sourcesanspro-italic.woff2) format('woff2'),
  url(https://static.lefigaro.fr/common/fonts/SourceSansPro/sourcesanspro-italic.woff) format('woff');
}

/* Base styles */

html {
  -webkit-text-size-adjust:100%;
  box-sizing:border-box;
  line-height: 1.42857;
  font-size: 16px;
}
body {
  margin:0;
  font-family:'noto-serif',serif;
  overflow-y:scroll;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#163860;
}

a {
  color:#163860;
  background-color:transparent;
  transition:color ease-out 0.3s;
  text-decoration: none;
}
a:hover {
  color: #4a90e2;
}

h1 {
  font-size: 1.5rem;
  line-height: 1.4;
}
h2 {
  font-size: 1.25rem;
  line-height: 1.4;

}
@media screen and (max-width: 740px) {
  h2 { margin-bottom: 16px; }
}


/********** LAYOUT **********/

.page {
  margin: 32px auto;
  overflow-x: visible;
}


@media screen and (max-width: 768px) {
  /* en mobile 1 col */
  .page {
    padding: 0 16px;
  }
}
@media screen and (min-width: 768px) {
  /* en tablette 1 col max 768 de large  */
  .page {
    max-width: 768px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1023px) {
  /* en desktop 2 col max 1000 de large */
  .page {
    width: 1000px;
    max-width: 1000px;
  }
  .fig-2cols {
    clear: both;
    overflow: hidden;
    width: auto;
    zoom: 1;
    display: flex;
  }
  .fig-2cols .fig-main-col {
    width: calc( 100% - 332px );
  }
  .fig-2cols .fig-side-col {
    width: 300px;
    margin-left: 32px;
  }
  /* Éléments masqués en desktop */
  .facettes__affiner,
  .overlay__close {
    display: none !important;
  }
}


/**********  ARTICLES **********/

.fig-profil {
  border-bottom: 1px solid #cccccc;
  padding: 16px 0;
}
.fig-profil::after {
  clear: both;
  content: " ";
  display: table;
}
.fig-profil:last-child {
  margin-bottom: 2rem;
}

.fig-profil .highlight{
  border-bottom: 1px dotted #163860;
}
.fig-profil-headline {
  font-size: 16px;
}
.fig-profil-chapo {
  clear: left;
  font-size: .875rem;
  line-height: 1.42857;
  margin: 8px 0;
}
.fig-photo img {
  max-width: 100%;
}

.fig-profil-tools {
  font-family: 'source-sans-pro',sans-serif;
  font-size: 14px;
  color:  #727272;
  margin: 8px 0;
}

.fig-profil-tools li {
  display: inline-block;
  margin-right: 16px;
}

.fig-tools-rubrique {
  text-decoration: underline;
}
.fig-date-pub {
  color: #999;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .fig-profil-headline {
    font-size: 24px;
  }

  /* Layout  2 col des profils articles si image dès viewpor tablette*/
  .fig-profil-mtpd .fig-profil-headline,
  .fig-profil-mtpd .fig-profil-chapo,
  .fig-profil-mtpd .fig-profil-tools {
    float: left;
    width: calc( 100% - 245px );
    padding-right: 16px;
  }
  .fig-profil-mtpd .fig-photo {
    float: right;
    max-width: 245px;
    max-height: 160px;
  }
  .fig-profil-mtpd .fig-profil-media {
    clear: right;
    display: block;
    max-width: 245px;
  }
}


/********** BLOC FACETTE **********/

.overlay__affiner__btn {
  display: none !important;
}

/** en mobile + tablette **/
@media screen and (max-width: 1023px) {
  .overlay__affiner {
    background-color: #fff;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 705;
  }
  .overlay__affiner__btn:checked + .overlay__affiner {
    display: block;
  }
  .overlay__contenu {
    height: 100%;
    overflow: scroll;
    padding: 8px 12px;
  }

  .overlay__header {
    padding: 24px 12px 0 12px;
    display: flex;
    justify-content:space-between;
  }
  .overlay__close {
    cursor: pointer;
    content: '';
  }
  .overlay__close::before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    pointer-events: none;
    background-color: #163860;
    -webkit-mask-image: url("../../img/search/icon-plus.svg");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url("../../img/search/icon-plus.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transform: rotate(45deg);
  }

}

/* default */
.close {
  display: none;
}

/*** Crières sélectionnés ***/
.overlay__affiner {
  font-family: 'source-sans-pro',sans-serif;
}

.overlay__titre {
  font-size: 1.25rem;
  line-height: 1.7;
  font-weight: bold;
}
.overlay__sous-titre {
  padding: 4px 0;
  display: block;
  font-weight: bold;
}


.overlay__lien {
  margin-right: .5rem;
  text-decoration: none;
  display: flex;
  text-align: right;
}
.overlay__lien:after {
  background: #163860;
  border-radius: 10%;
  color: #fff;
  content: "\00D7";
  display: inline-block;
  height: 1.5rem;
  margin-left: .5rem;
  text-align: center;
  vertical-align: baseline;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}


.overlay__criteres {
  margin: .5em 0;
  background-color: #f5f5f5
}
.overlay__critere {
  border-bottom: 1px dotted #bbb;
  display: flex;
  padding: 8px 0;
  font-weight: 400;
}
.overlay__critere:first-child {
  border-top: 1px dotted #bbb;
}
.overlay__tri {
  display: inline-block;
  margin: 0 .3em 0 .5rem;
  flex-grow: 1;
}


/* Bascule affinage */
.type__affinage ul {
  padding: 0 .5rem;
}

.type__affinage label {
  border-bottom: 1px solid #ccc;
  color: #003872;
  cursor: pointer;
  display: block;
  margin: .8em 0 1px;
  padding: .5em 25px .5em .5rem;
  position: relative;
}
.type__affinage label:before {
  content: '';
  -webkit-mask-image: url("../../img/search/icon-arrow-down.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("../../img/search/icon-arrow-down.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background: #003872;
  height: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  position: absolute;
  right: .5rem;
  text-align: center;
  top: .4rem;
  width: 1.5rem;
  transition: all .2s;
}
.type-selected label:before {

}
.type__affinage input[type=radio],
.type__affinage input[type=checkbox] {
  display: none;
}

.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 {
  transform: rotate(180deg);
}
.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;
}
.type__affinage a {
  display: inline-block;
  margin: 0.1em 0;
  text-decoration: none;
}

.facettes__criteres {
  margin-bottom: 1rem;
  margin-top: 16px;
}

.facettes__terme {
  background-color: #fbc74c;
  color: #494949;
}



/*********** Nbe de résultats ***********/
.resultats {
  margin-bottom: 1rem;
  padding: .5rem 0;
  margin-top: 16px;
  font-family: 'source-sans-pro',sans-serif;
  font-weight: 700;
  color: #4A90E2;
  text-transform: uppercase;
  border-bottom : 1px solid #cccccc;
}

.tools {
  clear: left;
}



/* Champs de recherche */

.recherche form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 16px 0;
}
.btn {
  font-size: .9375rem;
  line-height: 1.33333;
  border-radius: 4px;
  display: block;
  font-family: 'source-sans-pro',sans-serif;
  font-weight: 700;
  padding: 12px 24px;
  text-transform: uppercase;
  transition: border-color .3s ease,background-color .3s ease;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  width: 100%;
}

.btn_secondary {
  background-color: #FFF;
  border: 1px solid #163860;
  color: #163860;
  margin: 16px auto;
}
.btn_primary {
  background-color: #163860;
  border: 1px solid #163860;
  color: #fff;
  text-decoration: none;
}
.btn_primary:hover {
  background-color: #4A90E2;
  border: 1px solid #4A90E2;
  color: #fff;
}
.recherche__btn {
  padding: 5px 12px;
  width:auto;
}
.recherche__btn:before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  background: #fff;
  pointer-events: none;
  mask-image: url("../../img/search/icon-loupe.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: url("../../img/search/icon-loupe.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

.recherche__input {
  font-family: 'source-sans-pro',sans-serif;
  color: #727272;
  flex-grow: 1;
  line-height: 1.25;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color:  #fff;
  border:1px solid #CCCCCC;
  border-radius: 4px;
  margin-right: 16px;
  padding: 12px 16px;
  transition: box-shadow .3s;
  width: 100%;
  box-sizing: border-box;
}
.recherche__input:focus {
  border-color:#163860;
}
/* AUTOCOMPLETE */

.recherche {
  position: relative;
}

.suggestions {
  bottom: 16px;
  display: none;
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
  font-family: 'source-sans-pro',sans-serif;
}
.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;
}

.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;
}
.recherche__input:focus ~ .suggestions {
  display: block;
}


/*  TOP 10 - ACCUEIL */
.sans-recherche {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
}
.sans-recherche__terme {
  background-color: #000;
  border: 1px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 50%;
  max-width: 250px;
  min-width: 150px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  height: 125px;
}

@media screen and (min-width: 768px) {
  .sans-recherche__terme {
    width: 33.33333%;
  }
}
@media screen and (min-width: 1024px) {
  .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;
}


/* Pikaday */
.plage__titre {
  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%;
}

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

.fig-premium-mark-article::before {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3cg fill='%23EBB52E' fill-rule='nonzero'%3e %3cpath d='M9.07 7.25a6.36 6.36 0 013.14 3.44v4.43a12.66 12.66 0 01-3.4-1.26v2.9a.5.5 0 01-.15.38c-.1.1-.25.16-.39.15H7.11V20h8.65v-2.7h-1.11c-.65 0-.88-.21-.88-.72v-1.85h2.85v-2.47h-2.85v-2.3h3.09c.21-.02.4.06.53.19s.2.29.2.52v.66H21V7.25H9.07z'/%3e %3cpath d='M16.88 16.48A27.9 27.9 0 0115.35 15h-1.3v.38l.7.3c.9.42 1.72.97 2.43 1.57 1.05.95 1.23.98 2.5 2.37l.52.36a13.58 13.58 0 00-1.69-2c-.49-.5-1.04-.97-1.63-1.5zM7.26 12.58a13.41 13.41 0 004.64 2.14v-4.04s-1.01-2.4-3.58-3.43c-.07-.02.08.24 0 .23C5.6 6.68 3.1 4 3.1 4c.06.96.24 1.92.52 2.84a1.5 1.5 0 01-.62-.5c.74 3.07 2.93 4.16 2.93 4.16-.4-.05-.83-.14-1.22-.28.87 1 3.8 2.45 3.8 2.45-.3 0-1.25-.1-1.25-.1z'/%3e %3c/g%3e %3c/svg%3e");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 30px;
	background-size: cover;
	content: " ";
	display: inline-block;
	height: 29px;
	letter-spacing: 27px;
	letter-spacing: normal;
	margin-right: 4px;
	vertical-align: middle;
	width: 29px;
}

.fig-premium-mark-article__text {
	background-color: #fff7e4;
	display: inline-block;
	font-family: source-sans-pro,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,sans-serif;
	font-size: .875rem;
	line-height: 1.4285714286;
	padding: 5px 16px;
}

.gala .facettes__nombre {
	color: #EB132A;
}

.gala a {
    color: #121212;
}

.gala .type__affinage label:before {
    background: #EB132A;
}

.gala .close {
    color: #121212;    
}

.gala {
    color: #121212;
	font-family : 'Proza Libre';
    font-weight: 400;
}

.gala .fig-date-pub {
    color: #727272;
}

.gala .btn_primary {
    background-color: #121212;
    border: 1px solid #121212;    
}

.gala .fig-profil-headline {
	font-family: 'GT Super Display';
    font-weight: 400;
    font-size: 30px;
}