@charset "UTF-8";
/* CSS Document */
/******************************TÉLÉPHONE**************************************/
@media screen and (max-width: 280px) {
  .page_sommaire {
    margin-left: -1em !important
  }
  .grappe_dossier {
    margin-left: -1em !important
  }
  #une_responsive img {
    min-width: 11em !important;
  }
  #dossier, .ArtUne#prems article {
    padding: 1em 1em 2em 2em !important
  }
  #top_footer img {
    max-width: 7em !important;
    margin: 3em 1em 0 1em !important;
  }
}
@media screen and (max-width:320px) {
  .paywall h3 {
    font-size: 0.9em !important
  }
  .paywall h2 {
    font-size: 1.2em
  }
  .paywall > div div {
    max-width: 14em;
    max-height: 14em;
  }
  .paywall h3::after {
    top: 0;
    left: 3em
  }
}
@media screen and (max-width: 540px) {
  * {
    padding: 0 !important;
    margin: 0 !important
  }

  li.rs {
padding-left: 1em;

  }
  .page {
    max-width: 100% !important;
    width: auto;
    margin: 0;
    font-size: 1em;
    top: 4em;
  }
  .GrandeCol {
    width: auto;
  }
  article {
    width: auto
  }
  h4 {
    padding: 0.5em 0 0.2em 0 !important;
    font-size: 1.4em !important;
    line-height: 1.25em;
  }
  .DeuxCol, .TroisCol, .QuatreCol, #Idees, footer section {
    display: block;
    width: auto
  }
  .TroisCol article {
    width: 100% !important
  }
  .grappe_dossier header {
    padding-bottom: 3em !important
  }
  .page_sommaire header {
    padding-bottom: 3em !important
  }
  header {
    padding: 1em !important;
    max-height: 11.5em;
  }
  header h1 {}
  /*
	GESTION DES ABONNEMENTS
	*/
  .Abo::before {
    top: 4.4em !important;
  }
  .ArtUne .Abo::before, #Idees .Abo::before, #enChemin .Abo::before {
    left: -2em !important;
  }
  #enChemin .Abo::before {
    top: 2.65em !important
  }
  #enChemin .SousRub .Abo::before {
    top: 0.5em !important
  }
  .Reste .ToutMenu .Abo::before {
    top: 1.9em !important;
    height: 1.5em;
    padding: 0.5em 0;
    line-height: 1.1em;
    font-size: 0.7em !important;
  }
  /*Search results*/
  .cartouche {
    font-family: 'Bitter';
    padding: 2em !important;
    text-align: center;
  }
  /*
	Compte
	*/
  #compte {
    bottom: .5em;
    top: initial
  }
  #compte li {
    margin-right: 1em !important
  }
  #compte li.bonjour {
    height: 1.5em;
    padding: 0.3em 0.7em 0 !important
  }
  /*
	Menu
	*/
  .niveau1 li, .niveau2, #appel_abo, #fil_d_ariane {
    display: none
  }
  header .spip_logo_site {
    border-bottom: solid 1px;
    display: none;
  }
  .spip_logo_site img {
    max-height: 1.7em;
    width: auto
  }
  .niveau1 .search, .niveau1 .search a, .niveau1 .burger, .niveau1 .burger a {
    display: block;
    padding: 0em !important;
    width: 4em;
  }
  header .niveau1 {
    border: none;
  }
  /*/TEST HOME*/
  .niveau1 .burger {
    width: 4em;
    padding: 0em !important;
  }
  .niveau1 .burger img {
      height: 4em;
  }
  header {
    width: 100%;
    padding:0 !important;
    border-bottom: none;
  }
  #navexport {
    width: auto;
    margin: .5em 1em !important;
}
  .slider {
    width: 33em;
    margin: auto !important;
    margin-bottom: 2em !important;
    height: 30em;
  }
  #appel_abo_responsive {
        display: block;
        height: 4em !important;
        right: 3.5em;
        top: 1em;
    }
  /*/Fin TEST*/
  .logo-section {
    display: none;
  }
  .niveau1  img {
    height: 2em;
    width: auto !important
  }
   header .niveau1{
    justify-content: space-between !important;
    align-items: center;
    height: 3em;
  }
  .niveau1 .logo_mobile {
    display: block;
    padding: 0em !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .niveau1 .logo_mobile a {
    margin-left: auto !important;
  }
  .spip_logo_mobile {
      height: 5.5em !important;
  }
  .niveau1 .search img {
    height: 4em;
  }
  .appel_abo_reponsive {
    display: block;
    text-align: center;
    font-family: 'Heroes', sans-serif;
    font-size: 0.55em;
    color: #b91619;
    line-height: 2.5em
  }
  .appel_abo_reponsive h2 {
    text-align: left;
    color: #000;
    line-height: 1.2em;
    margin-top: 0.4em !important;
  }
  .appel_abo_reponsive h2::after {
    font-family: 'Wingdings 3', sans-serif;
    font-size: 2em;
    letter-spacing: -0.7em;
    position: relative;
    top: 0.2em
  }
  .homeweb {
      top: 4em !important;
  }
  /*----
		#GRAND_MENU
					____*/
  #grand_menu .button {
    display: none
  }
  #grand_menu {
    display: none;
    z-index: 7;
    position: absolute;
    background-color: #CCC;
    width: 100%;
    top: -1em;
    right: 0;
      height:100vh
  }
  #grand_menu_header {
    display: flex;
    justify-content: space-between;
    background-color: #000;
    font-family: 'Heroes';
    font-size: 0.7em;
    color: #b91619;
  }
  #grand_menu_header h1 {
    color: #fff;
    display: block;
    font-size: 1.5em;
    padding: 2em 1em 2em 3.2em !important;
  }
  #grand_menu_header button {
    border: none;
    font-family: "Heroes", sans-serif;
    background-color: #b91619;
    color: #fff;
    font-size: 1.5em;
    width: 5em
  }
  #grand_menu .collapsible {
    color: #000;
    font-family: "Heroes", sans-serif;
    padding: 4em 0 1em !important;
    font-size: 0.77em;
  }
  #grand_menu .collapsible:first-of-type {
    padding-top: 3em !important
  }
  #grand_menu .collapse {
    margin: 0;
    background-color: #F2F2F2;
    height: 100vh;
    max-width: 100% !important;
    width: 100%
  }
  #grand_menu ul {
    display: block;
    font-family: "bebas neue", sans-serif;
  }
  #grand_menu .collapsible::after {
    content: "\000020\030C";
    font-family: 'bitter', serif;
    color: #A3A3A3;
    position: relative;
    right: 1.3em;
    font-size: 2.5em;
  }
  #grand_menu .collapsible.active::after {
    content: "\000020\0302";
  }
  #grand_menu li {
    padding: 0 !important;
    font-size: 1.4em !important;
  }
  #grand_menu .collapsible {
    padding-left: 3em !important
  }
  #grand_menu button:hover, #grand_menu button.active {
    color: #b91619;
    cursor: pointer;
    background-color: #CCC;
    border: none;
  }
  .collapsible.active + .content ul li:last-of-type {
    margin-bottom: 1.3em !important;
  }
  #grand_menu a {
    padding: 0.5em 0.5em 0.3em 4em !important;
    display: inline-block;
    font-size: 1.2em;
  }
  #grand_menu a:hover {
    color: #b91619;
    background-color: #E5E5E5
  }
  /*_____

		SEARCH_FORM						
					-----*/
  #search_form {
    display: none;
    width: 100%;
    background-image: linear-gradient(rgba(00, 00, 00, 1), rgba(00, 00, 00, 0)99%);
    padding: 2em 1em 1em 1em !important;
    margin: auto;
    z-index: 2;
    position: absolute;
    height: 23em;
    right: 0;
    top: 8em
  }
  #search_form form {
    margin: auto;
    display: flex;
    justify-content: center;
    width: auto;
    position: relative;
    top: 0;
  }
  #search_form input[type=text] {
    width: auto;
    min-width: 19.5em;
    margin-left: 3em !important;
    z-index: 2;
    height: 3em;
  }
  #search_form input[type=submit] {
    height: 2em;
    width: 2em;
    background-color: #b91619;
    border: none;
    background-image: url("../img/generique/search_logo.svg");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    margin: 0 1em !important;
  }
  /*
	paywall
			*/
  .paywall {
    padding-top: 9em !important;
    bottom: 16em
  }
  .paywall > div {
    margin: auto !important;
    width: 100%;
  }
  .paywall p, .paywall h3 {
    margin: auto !important;
line-height: 1.2em;
color: black; 
  }
  .paywall h2 {
    padding-top: 1em !important;
  }
  /*
	home
			*/
  .homeweb .GrandeCol {
    padding-top: 0 !important;
  }
  .homeweb .GrandeCol {
    padding-left: 0 !important;
  }
 
  /*----
	   
	SOMMAIRE
				----*/
  .sommaireButton h1 {
    margin-left: 1em !important
  }
  #grand_sommaire_header button.sommaireButton {
    padding: .7em 3em 1.7em 0 !important;
    margin-left: auto !important;
  }
  #grand_sommaire_header button.sommaireButton::after {
    bottom: 1em;
            left: 1.5em;
            display: none;
  }
  #grand_sommaire_header button.sommaireButton.active::after {
    bottom: 1.2em !important;
  }
  #grand_sommaire {
    top: 2em
  }
  
  #grand_sommaire .content li {
    padding: 1em !important;
  }
  .content {
    padding: 0 1em !important;

  }
  #grand_sommaire .collapse {
    max-width: 100% !important
  }
  #grand_sommaire_header {
  }
  #grand_sommaire_header span {
    font-size: 1.5em;
    font-family: 'Bitter';
    font-weight: 800;
    color: #B91619;
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /*
	.slider
	*/
  .slideContainer {
    transition: transform 0.5s ease-in-out;
    margin-bottom: 2em !important;
  }
  .slide.portrait .innerFlex, .slide.Carree .innerFlex {
    display: block;
    justify-content: center;
    margin: 1em 3em;
  }
  .slider .introduction, .slider .introduction-chapo {
    display: none
  }
  .slide {
    height: 21em !important
  }
  .slideTitraille {
    text-align: left;
    padding: .5em 1em 0em !important;
  }
  .prev, .next, .prev:hover, .next:hover {
    border: none;
    padding: 0.5em !important;
    top: 14em;
    background:none;
  }
  .prev {
    left: -.2em;
  }
  .next {
    right: -.2em
  }
  .slide h2 {
    font-size: 1em
  }
  .slideIndicators {
    display: none;
  }
  .slide.portrait .innerFlex, .slide.Carree .innerFlex {
    display: block;
  }
  .slide.portrait img, .slide.Carree img {
    min-width: 90%;
    margin: auto !important;
    display: block
  }
  .landscape img {
    max-width: 24em !important
  }
  .slide.landscape .chapoBrut {
    bottom: inherit;
    padding-left: .5em !important;
  }
  .innerFlex {
    padding: 0 1em !important
  }
  .chapoBrut {
    padding-top: 1em !important;
    display: none
  }
  /*
  Derniers articles
  */
  .GrandeCol h2 {
    font-size: 1.8em;
    line-height: 1.1em;
    margin: 0;
    padding: .5em 0 0.3em 0em !important;
  }
  .homeweb #enChemin {
    padding: 0em 0em 2em !important;
  }
  .noisette.noisette_articleLesderniers {
    padding: 1em 1.5em !important;
  }
  .noisette.noisette_articleLesderniers #enChemin .Abo h3 {
    border-top:none;
    font-family: "Francois One", georgia, serif;
    font-size: 1.8em;
    text-align: left;
    line-height: 1.1em;
  }
  .noisette.noisette_articleLesderniers img {
    margin-bottom: 0.5em !important;
    width:100%;
    max-height:none
  }
  /*
  Noisette youtube
  */
  .noisette.noisette_youtube{
    background-color:#000;
    background-image:none
  }
  .noisette.noisette_youtube figure{
        margin: auto !important;
        height: auto;
  }
  .noisette.noisette_youtube h1 {
    margin: 2em 0 0.3em 1em !important;
    padding: .7em 0 !important;
  }
  .noisette.noisette_youtube h3 {
    margin: 0 .5em !important;
    margin-bottom: 0.5em !important;
    color:#fff
  }
  .noisette_youtube h5 {
    margin: 0 0 1em 1em !important;
  }
  .noisette_youtube h5 .introvideo {
    padding: 0 !important;
    width: 100%;
    font-size: 1.7em;
  }

  .oe-title {
    color: white;
  }

  .rwd-video-container {
    width: 90%;
    height: 10em !important;
    display: block;
  }

  .noisette.noisette_youtube figcaption {
    margin: 1em !important;
  }
  .oe-play-button button {
    left: 40% !important;
    top: 30% !important;
  }
  .oe-title {
    margin-bottom: 1em !important
  }
  /*
  Agenda
  */
  .noisette_agir {
      margin: 1.5em !important;
  }
  .introduction-chapo {
    font-size: 1.35em !important;
  }
  #VraieHome .GrandeCol .noisette_agir h4 {
    line-height: 1.35em;
  }
  /*
	#Remontee
	*/
  #Remontee {
    display: block
  }
  .enCeMoment, .homeOrdinaire, #VraieHome #agir, #VraieHome #agenda, .GrandeCol article:first-of-type {
  }
  .enCeMoment .introduction {
    width: auto
  }
  .enCeMoment .icono {
    display: none
  }
  #Remontee .enCeMoment h3 {
    margin: 0.2em 0 !important
  }
  .enCeMoment p {
    font-size: 1.5em
  }
  #VraieHome {
    display: block
  }
#VraieHome img {
    width: 100% !important;
    margin: auto !important;
    padding: 1em 0 !important;
}
  .homeOrdinaire {
    font-size: 1.5em;
    padding: 0 1em !important
  }
  .homeOrdinaire article {
    margin: 1em 0 !important
  }
  #Vraiehome .GrandeCol {
    width: 100%;
    padding-left: 0 !important
  }
  .GrandeCol .icono {
    display: none
  }
  .GrandeCol #rubUne .icono {
    width: 100%;
    display: block
  }
  .GrandeCol #agenda {
    font-size: 1.3em;
    border-bottom: solid 1px
  }
  .GrandeCol #agenda li, .GrandeCol #agir li {
    padding: 0 0 0.3em 0 !important;
    margin: 0 0 1em 0 !important;
  }
  .GrandeCol #agenda, .GrandeCol #agir {
    min-height: inherit;
  }
  .GrandeCol .tags {
    font-size: 1.2em
  }
  .GrandeCol #agenda + .tags {
    position: relative;
    bottom: 1.5em;
  }
  .GrandeCol #agenda li:last-of-type {
    border: none;
    height: 4em;
  }
  .GrandeCol #sous_Une h3 {
    color: #297ab9;
    font-size: 1.5em;
    margin: 0 1em !important
  }
  .GrandeCol #rubUne .ArtUne {
    padding: 1.5em !important;
    width: 87%;
  }
  /*
  Side Bar
  */
   .side_bar{
    width:auto!important
  }
  .intertitre {
    padding: 2.7em 0 1em 0 !important;
  }
  #VraieHome .side_bar h3 {
    text-align: center !important;
  }
  #VraieHome .side_bar img {
        margin: auto !important;
        display: block;
        width: 25em;
        padding: 1em 0 !important;
  }
  #VraieHome .side_bar h1, #VraieHome .side_bar h2, #VraieHome .side_bar h3 {
    text-align: center;
    font-size: 1.3em !important;
  }
  #VraieHome .side_bar h3 {
    text-align: left;
    font-size: 1.3em !important;
    padding: 0 !important
  }
  .niouzlaiteur h4{
    padding:1em 0 0 0 !important
  }
  /*
   Newsletter
*/
  .niouzlaiteur form label {
    margin: 1em 0 !important;
  }
  .niouzlaiteur * {
    margin: auto !important;
            padding-bottom: 0.2em !important;
  }
  label[for="mce-EMAIL"] {
    font-size: 1.5em;
  }
  input[type=submit] {
    font-size: 1.5em;
    padding: .2em !important;
    background-color: rgb(239, 239, 239);
    border-radius: .5em;
    border: solid #CCC .002em
  }
  input[type=email] {
    height: 3em;
  }
  .Niouz form {
    padding: 0 1.7em !important;
    font-size: 1.5em;
  }
  .Niouz input {
    height: 4em;
    margin: 1em 0 !important;
  }
  #VraieHome .Niouz {
    padding: 1em 0 3em 0 !important;
  }
  .Niouz button {
    font-size: 1.5em;
    padding: 0.5em !important;
  }
  .Niouz label {
    font-size: 1.5em;
  }
  #VraieHome .derNum.Publi h1 {
    padding: 3em 0 1em 0 !important;
    line-height: 1.5em;
  }
  #VraieHome .derNum.publi img {
    padding: 0 0 2em 0 !important;
  }
  /*
	.une_responsive
	*/

  span.introduction-chapo {
   
    font-size: 0.7em !important;
}


  .FakirNumSeul {
    text-align: center;
  }
  .ArtUne{
    background-color:none
  }
  #Une{
    flex-direction: column;
  } 
  .ArtUne#Der{
    order:-1;
    background-color:#fff !important
  }
  .ArtUne#Der img{
    display:block;
  }
  .ArtUne#dossier{
    order:1
  }
  .ArtUne#prems{
    order:2
  }
 
  #une_responsive, .nav_responsive {
    display: block
  }
  #une_responsive {
    padding: 0 2em 0 0
  }
  #une_responsive img {
    display: block;
    min-width: 14em;
    margin: 1em 1em 1em 0 !important;
    width: 90%
  }
  #une_responsive h3 {
    font-size: 1em
  }
  #une_responsive .introduction, #une_responsive .introduction-chapo, #une_responsive .introduction-texte {
    font-size: 1.2em
  }
  #Une {
  }
  .ArtUne article {
    max-width: 100% !important;
    padding: 1.5em !important;
    padding-top: 0 !important;
  }
  .ArtUne article h4{
    text-align:center
  }
  .ArtUne#prems, .ArtUne#Der {
    width: auto !important;
  }
  .ArtUne#Der article:first-of-type h3 {
     font-size: 2em;
     color: #B91619;
    }
  .ArtUne#Der article h3{
    font-size:1.3em !important;
    text-align:center
  }
  .ArtUne#prems article {
    width: auto;
  }
  #dossier {
    padding: 0em 0em 0em 0em !important;
    width: auto
  }
  #dossier a{
    display:grid
  }
  #dossier a article {
    width: auto;
    padding: 0
  }
  #dossier a h3 {
    width: auto;
    order:-1;
    font-size:1.5em
  }
  #journal .ArtUne a h3{
    font-size: 1.2em;
    padding-bottom: 0.5rem !important;
  }
  #dossier .icono{
        order:-1
  }
  #dossier a img {
    margin-left: 0 !important;
  }
  #dossier a .introduction, #dossier a .introduction-texte, #dossier a .introduction-chapo,#prem a .introduction, #prem a .introduction-texte, #prem a .introduction-chapo{
    font-size:1.3em
  }
  div.ArtUne a .introduction-texte{
           font-size: 1.1em;
  }
 
  h3 {
    display: block;
    font-size: 1em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}


  /*
	#Idees
			*/
  #journal .SousRub h3{
font-size: 1.9em;
    color: #000;
    line-height: 1em;
    margin-top: .5em !important;
  }
  #journal .SousRub .introduction-chapo {
    font-size: 1.45em;
  }
  .SousRub .introduction p {
    bottom: 2em;
    position: relative;
}
  #journal .TroisCol p {
    font-size: 1.4em;
    margin-top:.5em
  }
  #enChemin .SousRub .Abo h3{
        font-size: 2.2em;

  }
  #enChemin .Abo h3 {
    bottom:0;
    margin-bottom: .2em !important;
    font-size: 2.9em;
  }
  #enChemin .Abo::before {
top: 32em !important;
        font-size: .9em;
        left: 4em;
        left: -1.8em !important;
  }
  #Idees {
    padding: 1em 1em 2em 4em !important;
  }
  #Idees h4 {
    padding-top: 1em !important
  }
  #Idees h3 {
    font-size: 2.5em !important;
    padding-bottom: 0.3em !important
  }
  #Idees .introduction, #Idees .introduction-chapo, #Idees .introduction-texte {
    line-height: 1.2em !important;
    font-size: 1.2em;
    padding: 0em 1em 1em 0 !important;
    position: relative;
    top: -0.5em;
  }
  #Idees .icono {
    margin: 1em 1em 1em 1em !important;
  }
  #Idees .icono img {
    display: none
  }
  #Idees .DeuxCol:last-of-type {
    border-top: solid 1px;
    padding-top: 1em
  }
  #Idees .Abo::before {
    top: 5.4em !important
  }
  /*
	#enChemin
			*/
  #enChemin {
  }
  #enChemin article {
    padding: 1em 0 !important;
  }
  #enChemin .introduction, #enChemin .introduction-chapo, #enChemin .introduction-texte {
    font-size: 1.35em;
    line-height: 1.2em;
  }
  #enChemin .SousRub {
    border: none !important;
    margin-bottom: 1em !important;
  }
  /*
	.Reste
			*/
  .Reste {
    padding: 1em 1em 2em 2em !important;
  }
  .Reste h4{
    font-size: 1.9em !important;
  }
  #journal .Reste h3{
    font-size:2.2em !important
  }
  .Reste ul {
    padding-right: 1em !important
  }
  .Reste article {
    border: none !important;
    padding-bottom: 1.1em !important
  }
  #journal .Reste li {
    font-size: 1em
  }
  #journal .Reste .introduction, #journal .Reste .introduction-chapo, #journal .Reste .introduction-texte {
    font-size: 1.15em;
    margin-bottom: 1em !important
  }
  /*
  LES NUMÉROS
  */
 .mise_en_avant .article_content {
    display: block;
}
  .mise_en_avant .article_content .icono, .mise_en_avant .article_content .sommaire {
    width:auto;
    margin:auto !important
  }
  .mise_en_avant h1 {
    font-family: 'Heroes', sans-serif;
    font-size: 1.2em;
    margin: 1em !important;
    line-height: 2em;
    text-align: center;
}
  .mise_en_avant .article_content .icono img {
    width: 90%;
    margin: auto !important;
    display: block;
}
  .mise_en_avant .article_content .sommaire li {
    margin: 0 1em !important;
}
 .mise_en_avant .numero {
    display: block;
}
  #tousLesNumeros .sommaire {
    display: block;
    font-family: 'Heroes';
}
  .sommaire.content li {
    line-height: 1.9em;
}
  /*
	footer
			*/
  footer {
    margin-top: 1em !important
  }
  #top_footer, #foot_menu {
    padding: 1em 1em 2em 2em !important;
  }
  #top_footer img {
    max-width: 8em !important
  }
  #foot_menu li {
    margin-bottom: 0.3em !important
  }
  .collapse {
    margin: 1em 0 1.5em 0 !important
  }
  #foot_menu button {
    margin: 2em 0 0.5em !important;
    font-size: 0.65em !important
  }
  #foot_menu .content {
    margin: 0 0 0 1em !important
  }
  #foot_menu .menu_bas li {
    padding-bottom: 0.7em !important;
    font-size: 1.3em
  }
  #adress {
    font-size: 1em !important;
  }
  #top_footer {
    display: block
  }
  #top_footer img {
    margin: 0
  }
  .collapse {
    max-width: 70% !important
  }
  footer .collapse{
            max-width: 90% !important;
        font-size: 1em;
    }
  footer .QuatreCol{
    font-size: 0.7em;
  }
  
  /*----
	
	RUBRIQUE
				----*/
        ul.menu-liste.menu-items.menu_bas.droite {
          text-align: left;
      }


  .grand_abo {
    font-size: 0.85em !important;
    padding: 0.3em 0.7em 0.2em 0.7em !important;
    margin-bottom: 0.9em !important;



  }
  #rubUne h1 {
    margin: 0 0 0.7em 1.2em !important;
    line-height: 1.5em;
  }
  #rubUne .ArtUne h3 {
  }
  #rubUne .ArtUne h5 {
    margin-bottom: 1em !important;
    padding-bottom: 0.7em !important
  }
  #rubUne .ArtUne p {
    font-size: 1.2em !important
  }
  .ArtUne img {
    min-width: 14em;
  }
   .ArtUne#Rubdossier article {
        width: 85%!important;
    }
 .ArtUne#Rubdossier .icono {
        width: 90%!important;
    }
  .tags {
    margin: 0 0 0 2em !important
  }
  .tags a {
    padding: 0.2em 0.2em 0.1em 0.2em !important;
    display: inline-block
  }
  #pagination {
    display: none
  }
  #res_pagination {
    display: block;
    font-family: 'Mate', serif;
    border-bottom: solid 1px !important;
    margin: 2em 1em 1em 1em !important;
    padding: 0 0 0.3em 0 !important
  }
  #res_pagination a {
    color: #297ab9 !important
  }
  .archive_sujets_tag h2 {
    padding-bottom: 1.5em !important
  }

  #journal .TroisCol h3 {
    font-family: "League Gothic", sans-serif;
    color: #297ab9;
    font-size: 1.7em;
    line-height: 0.9;
}


  /*
	header
	*/
  .rubrique_dossier .appel_abo_reponsive {
    display: none
  }
  .rubrique_dossier #fil_d_ariane, .rubrique_en_chemin #fil_d_ariane, .rubrique_agir #fil_d_ariane, .archive_sujets #fil_d_ariane, .rubrique_lylo #fil_d_ariane {
    display: flex;
    position: relative;
    bottom: 2.2em
  }
  .rubrique_dossier #fil_d_ariane li:first-of-type, .rubrique_en_chemin #fil_d_ariane li:first-of-type, .rubrique_agir #fil_d_ariane li:first-of-type, .archive_sujets #fil_d_ariane li:first-of-type, .rubrique_lylo #fil_d_ariane li:first-of-type {
    padding: 0.2em 0.85em 0 0.05em !important;
    background-color: #E6E6E6 !important;
    padding-top: 0;
  }
  .rubrique_dossier #fil_d_ariane li:first-of-type img, .rubrique_en_chemin #fil_d_ariane li:first-of-type img, .rubrique_agir #fil_d_ariane li:first-of-type img, .archive_sujets #fil_d_ariane li:first-of-type img, .rubrique_lylo #fil_d_ariane li:first-of-type {
    top: 0 !important;
    left: -0.4em !important
  }
  .rubrique_en_chemin #fil_d_ariane li:first-of-type img, .rubrique_agir #fil_d_ariane li:first-of-type img {
    width: 1.8em;
    padding: 0 0.4em 0 0.3em !important;
  }
  .rubrique_dossier #fil_d_ariane li, .rubrique_en_chemin #fil_d_ariane li, .rubrique_agir #fil_d_ariane li, .archive_sujets #fil_d_ariane li, .rubrique_lylo #fil_d_ariane li {
    background-color: transparent !important;
    padding: 0 1em !important;
    background-position: 1em 0.5em
  }
  .archive_sujets #fil_d_ariane li {
    background-position: 1em 1em
  }
  .rubrique_en_chemin #fil_d_ariane li, .rubrique_agir #fil_d_ariane li {
    background-position: 1em 1.3em
  }
  .rubrique_dossier #fil_d_ariane a, .rubrique_en_chemin #fil_d_ariane a, .rubrique_agir #fil_d_ariane a, .archive_sujets #fil_d_ariane a, .rubrique_lylo #fil_d_ariane a {
    font-family: "Mate", serif !important;
    font-size: 1em !important;
    color: #000 !important;
    padding: 0.5em 0 0 0.5em !important
  }
  /*
	#rubUne
			*/
  #rubUne article {
    padding: 1em 1em 2em 2em !important;
  }
  .ArtUne#Rubdossier .icono {
    width: auto;
    margin: auto !important;
  }
  .ArtUne#Rubdossier a {
    display: block
  }
  /*-- rubrique_lylo --*/
  .rubrique_lylo #rubUne .ArtUne h3, .single_video #rubUne .ArtUne h3, .single_podcast #rubUne .ArtUne h3 {
    margin: 1em 0 0 1em !important
  }
  .rubrique_lylo #rubUne .ArtUne .date, .single_video #rubUne .ArtUne .date, .single_podcast #rubUne .ArtUne .date {
    margin: 0 0 0 2.5em !important
  }
  .rubrique_lylo h1 {
    font-size: 2em;
    line-height: 1.5em
  }
  .rubrique_lylo .articles_de_suite h3 {
    margin-bottom: 0 !important
  }
  .rubrique_lylo #fil_d_ariane {
    border-top: solid 1px !important;
  }
  .rubrique_lylo #rubUne img {
    max-width: 10em
  }
  .rubrique_lylo .ArtUne#Rubdossier .icono {
    max-width: 100%
  }
  .rubrique_lylo #rubUne .ArtUne h1 {
    padding: 2em 0 0 0em !important;
    width: 8em
  }
  .rubrique_lylo #rubUne .ArtUne h3 {
    margin: 1em 0 0 1em !important;
    line-height: 1em;
  }
  .rubrique_lylo #rubUne .ArtUne h5 {
    margin: 1em 0 0 2em !important
  }
  /*-- single_video--*/
  .single_video .ArtUne.video::before, .single_podcast .ArtUne.podcast::before {
    left: 0 !important;
    top: -1em;
    font-size: 0.7em;
    margin: 1em auto;
    padding: 0.5em;
  }
  .single_video .ArtUne#Rubdossier {
    padding: 1em !important
  }
  .single_video #rubUne article {
    padding: 1em 2em 2em 1em !important
  }
  .single_video .articles_de_suite .row {
    display: block
  }
  .single_video .article_de_suite {
    width: auto
  }
  .single_video .articles_de_suite img {
    display: block !important;
    max-width: 95% !important
  }
  .single_video #rubUne .ArtUne {
    width: auto
  }
  /*
	.single_podcast
					*/
  .single_podcast .DeuxCol > div, .single_podcast .DeuxCol article {
    width: auto;
  }
  .single_podcast .articles_de_suite .row {
    display: block
  }
  .single_podcast .article_de_suite {
    width: auto;
    border-top: solid 1px #297ab9
  } /*-- 
	appel_lylo
			--*/
  .appel_lylo {
    display: none
  }
  /*
	#sous_Une
			*/
  #sous_Une > div {
    width: auto;
  }
  #sous_Une h3 {
    margin: 1em 0 !important
  }
  #sous_Une article {
    padding: 1em 1em 1em 2em !important;
    border-top: solid 1px;
    min-height: inherit !important
  }
  #sous_Une {
    display: block
  }
  #sous_Une div:first-of-type a > article {
    border: none;
  }
  #sous_Une h5 {
    display: block
  }
  /*
	.articles_de_suite
			*/
  .articles_de_suite img {
    display: none !important
  }
  .articles_de_suite article {
    padding: 1em 1em 1em 1em !important;
    min-height: inherit !important
  }
  .articles_de_suite h3 {
    margin: 0.5em 0 !important
  }
  .articles_de_suite h5 {
    margin-bottom: 1em !important
  }
  /*
	LES NUMÉROS			
		*/
  .sommaire li {
    font-size: 0.8em;
    padding: 1em 0 !important;
    border-top: solid 1px #000;
    margin: 0.5em 0 !important;
    width: 100%;
  }
  .les_numeros .icono {
    display: none
  }
  .les_numeros h1 {
    line-height: 2em
  }
  #tousLesNumeros .collapse {
    max-width: 100% !important
  }
  #tousLesNumeros h1 {
    font-size: 1em;
    padding: .5em 0 0 2em !important;
            line-height: 2em;
  }
  #tousLesNumeros .content.sommaire {
    margin-bottom: 2em !important;
  }
  #tousLesNumeros .content.sommaire ul {
    width: 90%;
    padding: 0 0 1em 2em !important;
  }
  #tousLesNumeros .collapsible::after {
    bottom: 1em;
  }
  .sommaire.content li a {
    color: #5E5E5E
  }
  /*
	.side_bar
			*/
  .side_bar {
    display: block !important
  }
  .side_bar {
    width: auto;
  }
  .side_bar h1 {
    padding: 4em 0 0 2em !important
  }
  .side_bar h3 {
    font-size: 1em
  }
  .side_bar article {
    padding: 1em 0.8em 2em !important;
  }
  .side_bar .Abo h3 {
    position: relative;
    bottom: .1em !important;
  }
  .side_bar .icono {
    margin:auto !important;
    width: fit-content !important;
  }
  .side_bar .introduction-texte, .side_bar .introduction-chapo, .side_bar .introduction {
    font-size: 1.2em
  }
  #journal .introduction, #journal .introduction-texte, #journal .introduction-chapo {
  }

  .NumSeul {
    font-family: 'Bitter';
    font-size: 0.7em;
    font-weight: 300;
    color: #B91619;
}

  .articles_de_suite article {
    display: block
  }
  .hfeed {
    width: 100% !important;
  }
  article {
    padding: 0.5em 0.5em 0.5em 0 !important;
    width: auto
  }
  .main, .main.Rub {
    display: block !important;
    width: 100%
  }
  /* side bar plus lus*/
  
  #VraieHome .side_bar .plusLus img,.side_bar .plusLus img {
    display: none;
}
  #VraieHome .side_bar .plusLus ul,.side_bar .plusLus ul {
    padding: 1.5em !important;
}
  #VraieHome .side_bar .plusLus h3,.side_bar .plusLus h3 {
    font-family: "Francois One", georgia, serif;
    line-height: 1.1em;
    text-align: left !important;
}
 #VraieHome .side_bar .plusLus ul.Abo::before,.plusLus ul.Abo::before {
    left: -2em;
    top: 0 !important;
}
  /*
	single_article
					*/
  div.onglets_bloc h2.onglets_titre.selected {
    height: fit-content !important;
    -webkit-hyphens: auto;
    hyphens: auto;
    width: 17em !important;
    text-wrap: wrap;
    z-index: 9 !important;
    padding: 1em 0 !important;
    transition: left 0.3s ease-out;
  }
  div.onglets_bloc .onglets_contenu.selected {
    display: block;
    overflow: hidden;
    padding: 1em !important;
  }
  div.onglets_bloc {
    margin: 1em 0 !important
  }
  .avertissement {
    width: 100% !important;
    padding-top: .1em !important;
    padding-bottom: .1em !important;
  }
  .single_article h2 {
    margin-top: 1em !important;
    text-align: center;
  }
  .reseaux {
    display: none
  }
  .responsive_reseaux {
    display: block
  }
  .responsive_reseaux ul {
   background-color: #ffffffE1;
        padding: 1em 0 0 4em !important;
        left: -10.2em;
        width: 4em;
        border-radius: 2em;
box-shadow: #ccc .1em .3em 1em;
height: 34vh;      
    transition: left 0.3s ease-in-out;
    z-index:2
  }
  .responsive_reseaux ul.active{
    left:-2.2em;
  }
  .responsive_reseaux ul.active::after{
    content:none
  }
  ul#reseaux li:nth-of-type(4) a img {
    right: .3em;
    position: relative;
    width: 3.2em;
}
  .single_article .article_principal {
    padding: 0 1.5em 0 1.5em !important;
    margin-top: 1.5em !important;
  }
  .single_article .article_principal .article_principal_author_line {
      display: block;
  }
  .single_article .mots_clefs {
    padding-top: 0 !important;
    margin-top: 1em !important;
  }
  .single_article h1 {
    line-height: 1.5em
  }
  .single_article .article_principal .introduction-texte, .single_article .article_principal .introduction-chapo, .single_article .article_principal .introduction, .single_article .article_principal .introduction p {
    font-family: 'francois one', sans-serif;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-top: 1em !important;
    display: block
  }
  .single_article .texte {
    font-size: 1.5em
  }
  .single_article .a_lire {
    display: none
  }
  .single_article .responsive_reseaux .reseaux {
    display: block
  }
  .collapsible_res {
    background-color: transparent;
    border: none;
    display: block !important;
    z-index:3;
    position: relative;
  }
.single_article .icono {
    width: 100%;
    margin: 0 0 0 1.7em;
    margin: auto !important;
} 
  .single_article .avertissement  a span{
    font-size: .7em;
    margin: 2em 1em 1em 1em !important;
  }
  /*---
				BOUTIQUE	
				*/
  #entete_boutique {
    display: none
  }
  .boutique .TroisCol, .single_boutique .TroisCol {
    display: block;
    border: none
  }
  .boutique article:first-of-type {
    padding-top: 0 !important;
    border: none !important
  }
  .boutique article, .single_boutique article {
    padding: 3em 0 0 0 !important;
    margin: 0em 1em 0em 2.2em !important;
    border-top: solid 1px !important;
    max-width: 85%;
  }
  .panier {
    margin-left: 1em !important;
    max-width: 4em
  }
  .boutique #journal .TroisCol h3 {
    padding: 0.7em 0 0.4em 0 !important;
    border-top: none;
    max-width: inherit
  }
  .boutique #journal .TroisCol h5 {
    padding: 1em 0 !important;
  }
  .boutique .TroisCol article:nth-of-type(2) {
    border: none
  }
  .boutique .TroisCol .couv {
    max-height: inherit;
    max-width: inherit
  }
  .boutique .TroisCol .icono {
    border-bottom: solid 1px;
    padding-bottom: 1em !important;
  }
  .boutique .appel_abo_reponsive {
    display: none;
  }
  .boutique #fil_d_ariane {
    display: flex !important;
    position: relative;
    bottom: 1.7em;
  }
  .boutique #fil_d_ariane li:first-of-type {
    background-color: #E6E6E6;
    padding: 0.2em 0.85em 0 0.05em !important
  }
  .boutique #fil_d_ariane li {
    padding: 0.27em 1em 0.2em 1em !important;
    background-color: transparent;
  }
  .boutique #fil_d_ariane li a {
    font-family: 'Bitter', serif;
    top: 0
  }
  .boutique #fil_d_ariane li.courant {
    background-color: transparent;
    color: #000
  }
  .boutique #fil_d_ariane li.courant a {
    color: #000
  }
  .boutique .niveau2 {
    display: flex;
    position: relative;
    top: -1.7em;
    border-top: none;
    border-bottom: solid 1px #625ca5
  }
  .boutique .niveau2 li a {
    font-family: 'bebas neue', sans-serif;
    padding: 0.5em 0.4em !important;
    font-size: 0.9em;
    color: #625ca5
  }
  .boutique .niveau2 li a:hover {
    background-color: #625ca5;
    color: #fff
  }
  /*-- single_boutique --*/
  .single_boutique .a_lire_aussi .TroisCol {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3em !important;
    justify-content: center
  }
  .single_boutique .a_lire_aussi .TroisCol article {
    width: 30% !important
  }
  .single_boutique .a_lire_aussi .TroisCol article .icono {
    margin-bottom: 1em !important
  }
  .single_boutique .a_lire_aussi .TroisCol h3, .single_boutique .a_lire_aussi .TroisCol h5 {
    padding: 0.7em 0 !important
  }
  .single_boutique .a_lire_aussi .TroisCol h3 {
    font-size: 0.9em !important
  }
  .single_boutique .TroisCol article:nth-of-type(2) {
    border: none
  }
  .single_boutique .TroisCol > * {
    width: auto
  }
  .single_boutique .TroisCol div:nth-of-type(2) {
    max-width: 24em
  }
  .single_boutique #entete_boutique {
    display: block
  }
  .single_boutique h1.hRub {
    margin: 0 0 1em 0 !important;
    text-align: center
  }
  .single_boutique .appel_abo_reponsive {
    display: none
  }
  .single_boutique .produit {
    border-bottom: solid 1px !important;
    padding: 0 2em 2em 2em !important;
  }
  .single_boutique .produit .couv {
    min-width: 17em
  }
  .single_boutique #journal .produit h3 {
    padding: 1em 0 !important;
    margin: 1em 0 !important;
    max-width: inherit;
    text-align: center
  }
  .single_boutique .desc + .prix {
    margin: 2em 0 !important
  }
  .single_boutique .prix #calcul {
    margin: auto !important;
    padding: 1em !important
  }
  .single_boutique .prix h1 {
    padding: 1em 0 !important;
    margin-bottom: 1em !important
  }
  .single_boutique .prix #add_to_basket {
    padding-left: 2.7em !important;
    margin-top: 1em !important
  }
  .single_boutique textarea {
    height: 1.5em;
    min-width: 8em
  }
  .single_boutique .prix button {
    padding: 0.0em 0.25em !important;
    margin: 0 0.1em !important
  }
  .single_boutique .prix button:nth-of-type(2) {
    padding: 0.01em 0.35em !important;
  }
  .single_boutique #journal .a_lire_aussi h1 {
    margin: 1em 0 !important;
    padding-left: 1em !important;
    text-align: center;
  }
  .single_boutique #journal .a_lire_aussi h1::before {
    right: 1.5em
  }
  .single_boutique article {
    border-top: none !important
  }
  .appel_lylo {
    display: none !important
  }
  /*----
	TUNNEL
			___*/
  .tunnel #journal h4 {
    /*display: none;*/
  }
  .tunnel .produit {
    background-color: #F1F1F1
  }
  .tunnel .produit {
    position: relative;
    /*bottom: 1em*/
  }
  .tunnel.informations .produit {
    bottom: 0
  }
  .tunnel .panier_responsive .produit:first-of-type div:first-of-type > h2 {
    border: none
  }
  #guide {
    display: none
  }
  #guide_responsive ul {
    display: block;
    background-color: #b91619;
    color: #fff;
    height: 2em;
    position: relative;
    bottom: 1em;
    padding-top: 0.5em !important;
    font-size: 2.5em
  }
  #guide_responsive li.tunnel_active {
    background-color: #b91619;
    color: #fff
  }
  #guide_responsive li {
    display: none
  }
  #guide_responsive li.tunnel_active {
    display: block
  }
  #guide_responsive li.tunnel_active a {
    color: #fff;
  }
  .tunnel .TiersCol div:first-child {
    width: auto !important
  }
  .tunnel .infos {
    width: auto
  }
  .tunnel .infos textarea {
    width: 17em;
    margin: 0.5em !important
  }
  .tunnel .infos label {
    margin: 1em 0 0 1em !important
  }
  .tunnel .infos .enter {
    margin: 1em !important
  }
  .single_boutique.tunnel h1 {
    margin-bottom: 0 !important
  }
  .single_boutique.tunnel #journal .produit h3 {
    margin: 0 !important
  }
  /*------Panier------*/
  .tunnel .panier_responsive {
    display: block
  }
  .tunnel_panier {
    display: none
  }
  .single_boutique.tunnel .produit .couv {
    min-width: 3em;
    width: 5em;
  }
  .tunnel .icono {
    margin: auto !important;
    width: fit-content;
  }
  .tunnel {
    font-family: "bitter", serif;
    text-align: center
  }
  .tunnel h2 {
    font-size: 1.2em;
    margin: 0.7em 0 0.3em 0 !important;
    color: #b91619;
    border-top: solid 1px #000;
    padding: 0.7em !important
  }
  .single_boutique.tunnel #journal .panier_responsive h3 {
    margin: 0;
    padding: 0 !important
  }
  .tunnel .panier_responsive h1 {
    font-size: 0.9em
  }
  .single_boutique.tunnel #journal .panier_responsive h1 + h3 {
    font-size: 2em
  }
  .single_boutique.tunnel .prix .buttons .add_to_basket {
    background-image: none;
    margin: 1em !important
  }
  .single_boutique.tunnel #journal .panier_responsive div:nth-of-type(2) > div:first-of-type > h2 {
    border: none;
  }
  .single_boutique.tunnel #journal .panier_responsive div.produit {
    background-color: #fff;
  }
  .single_boutique.tunnel .infos select {
    max-width: 17em
  }
  .single_boutique.tunnel.livraison .tunnel_panier {
    display: block
  }
  .single_boutique.tunnel.livraison .tunnel_panier td {
    text-align: center;
    padding-bottom: 1em !important
  }
  .tunnel.livraison #journal h4 {
    display: block;
  }
  .tunnel.paiement textarea {
    width: 4em;
    min-width: 3em
  }
  .tunnel.paiement .deliver_adress {
    display: none
  }
  .tunnel.paiement .deliver_adress.responsive {
    display: block
  }
  section.TiersCol.produit.deliver_adress.carte.responsive {
    DISPLAY: BLOCK;
  }
  .tunnel.paiement .produit > .enter {
    margin-top: 1em !important
  }
  .page_mot h1{
        text-align: center;
  }
}
/******************************INTERMÉDIAIRES 
				(Bascules horizontales Diverse)
*********************************************/
@media screen and (max-width: 660px) {
  body {
    width: 100%
  }
  .niveau1 li {
    font-size: 0.42em !important;
    padding: 0 0.5em 1.2em 0.5em !important
  }
  #Idees .icono {
    display: none
  }
  #Idees a {
    width: 90%
  }
  .produit {
    flex-wrap: wrap;
  }
  .single_boutique .a_lire_aussi {
    flex-wrap: wrap
  }
  #grande_img div {
    left: 7em;
    top: 3em;
    max-width: 14em;
  }
}
/******************************TABLETTES**************************************

*/
@media screen and (max-width: 768px) {
  #appel_abo {
    right: 1em;
    max-height: 5em;
    top: .5em;
}
  header .niveau1{
    justify-content: space-evenly;
  }
  
  .niveau1 li {
    font-size: 0.5em;
        padding: 0 .5em 1.2em 1em;
}
     #appel_abo {
       height: 4em !important;
  } 
  .niveau2 li {
    text-align: center;
    font-family: 'Bitter', serif;
    padding: 0 0.35em 0.3em 0.3em;
    font-weight: 500;
    font-size: 1em !important
  }
  #fil_d_ariane {
    display: none !important
  }
  #fil_d_ariane li {
    font-size: 0.9em !important
  }
  .side_bar h1 {
    font-size: 0.7em !important
  }
  #Idees .icono {
    max-width: 3em
  }
  /*----
	
		GRAND_MENU
				----*/
  #grand_menu .button {
    width: 40%;
  }
  #grand_menu .collapse {
    max-width: 24em;
  }
  /*#grand_menu_header {
		max-width: 100%
	}
	#grand_menu_header h1{
		padding: 1.5em;
		font-size: 1.7em
	}*/
  #grand_menu_header button {
    width: 5em;
    font-size: 1.5em;
  }
  #grand_menu .collapsible {
    font-size: 0.7em
  }
  #grand_menu li {
    font-size: 1em !important
  }
  #grand_menu {
    top: -1em;
    overflow-x: hidden;
        height: 100vh;
  }
  /*----
	
	SUJETS
				----*/
  .mots_clefs {
    flex-flow: wrap;
    padding: 1em !important;
    text-align: center;
    margin: 0 2em !important;
    justify-content: center;
    align-items: center
  }
  .mots_clefs li a {
    padding: 0.3em 0.7em 0.2em 0.7em !important;
    margin: 0.5em !important
  }
  .rubrique_lylo .main.Rub {
    display: block
  }
  /*
	footer
			*/
  footer {
    margin-top: 1em !important
  }
  #top_footer, #foot_menu {
    padding: 1em 1em 2em 2em !important;
  }
  #top_footer img {
    max-width: 10em;
    margin: 3em 1em 0 1em !important
  }
  #foot_menu li {
    margin-bottom: 0.3em !important
  }
  #foot_menu a {
    font-size: 0.8em
  }
  .collapse {
    margin: 1em 0 1.5em 0 !important;
    max-width: 100%
  }
  #foot_menu button {
    margin: 2em 0 0.5em !important;
    font-size: 0.5em !important
  }
  #foot_menu li {
    font-size: 1em !important
  }
  #foot_menu .content {
    margin: 0 0 0 1em !important
  }
  #foot_menu .menu_bas li {
    padding-bottom: 0.2em !important;
    font-size: 1.3em
  }
  #adress {
    font-size: 1.2em;
    margin: 1.5em 0 0 0 !important
  }
  #top_footer {
    display: flex;
  }
  /*
	single_article
				*/
  .reseaux {
    left: 0.5em
  }
  /*---
		BOUTIQUE	
				*/
  #grande_img h1 {
    font-size: 1.7em;
  }
  #grande_img div {
    left: 7em;
    top: 3em;
    max-width: 19em
  }
  .single_boutique #journal .a_lire_aussi h1 {
    margin: 1em 0 1em 1em !important
  }
  .boutique .TroisCol .couv {
    max-width: 7em;
  }
  .panier {
    min-width: 2em
  }
  /*-- 
	single_video
			--*/
  iframe {
    max-width: 100%;
  }
  .single_video .icono + article {
    margin: 0 0 0 2em;
    max-width: 100%;
  }
  .single_video #rubUne h1 {
    margin: 0 0 0.7em 1em !important;
    padding-bottom: 1em !important
  }
  .single_video #rubUne .ArtUne h3 {
    padding-top: 0 !important
  }
  .single_video #journal .introduction, .single_video #journal .introduction-texte, .single_video #journal .introduction-chapo {
    padding-bottom: 1em !important
  }
  .single_video .desc {
    padding-top: 1em !important;
    width: 87%;
    margin: auto
  }
  .single_video #res_pagination {
    margin-bottom: 0 !important;
    padding-bottom: 1em !important;
  }
  .single_video #res_pagination a {
    color: #fff !important
  }
  /*--
	APPEL LYLO
			--*/
  .appel_lylo {
    display: flex;
    background-color: #000
  }
  .appel_lylo img {
    max-width: 8em
  }
  .appel_lylo .row.single_video > div {
    display: flex
  }
  .appel_lylo .row.single_video:first-of-type > div {
    border-bottom: solid 1px #297ab9
  }
  .appel_lylo .row.single_video:nth-of-type(2) > div {
    border-bottom: solid 1px #b91619
  }
  .appel_lylo .row.single_video {
    padding: 0 1em 1em 1em;
    max-width: 45%;
  }
  .appel_lylo .row.single_video h5 {
    color: #fff;
    border-bottom: none;
    margin-top: 1em;
    font-size: 0.7em;
  }
  .appel_lylo .row.single_video article {
    padding-bottom: 0
  }
  .appel_lylo .row.single_video a article:hover {
    background-color: transparent !important
  }
  .appel_lylo .row.single_video a article:hover h5, .appel_lylo .row.single_video a article:hover h3 {
    color: #A3A3A3
  }
  .appel_lylo .row.single_video h1 {
    font-size: 1.7em
  }
  .appel_lylo .row.single_video .article_de_suite:first-of-type article {
    padding: 1em 1em 0 0
  }
  .appel_lylo .row.single_video .article_de_suite:last-of-type article {
    padding-right: 0
  }
  .appel_lylo .row.single_video:first-of-type h1 {
    color: #297ab9;
    padding-bottom: 0;
    border-bottom: 1px solid;
  }
  .appel_lylo .row.single_video h1 {
    font-family: 'Bebas neue', sans-serif
  }
  .appel_lylo .row.single_video:nth-of-type(2) h1 {
    color: #b91619;
    padding-bottom: 0;
    border-bottom: 1px solid;
  }
  .appel_lylo .row.single_video .podcast::before, .appel_lylo .row.single_video .video::before {
    content: none
  }
  /*
	TUNNEL
	*/
  #guide li {
    padding: 0em 0.3em 0.5em 0;
  }
}
/********* IPad air ***********/
@media screen and (max-width: 820px) {
  /*
  Homeweb
  */
  .page {
    width:100%
  }
  .side_bar{
    width:22%
  }
  #dernierNum .icono {
    margin: auto;
    width: 100%;
}
  #enChemin .TroisCol a {
    width: 30%;
    padding: 1em 1em 1em 1em;
}
  
#enChemin .TroisCol:first-of-type a, #enChemin .TroisCol:first-of-type a article {
    padding-top: 0;
}
  .chapoBrut {
    font-size: 1em;
}
  .slide.landscape img {
    max-width: 37em;
    max-height: 24em;
}
  /* Fin Homeweb */

  /*Home Grappe*/
  

.grappe_num_sommaire .ArtUne#Der {
    width: 20%;
    order: -1;
}
 .grappe_num_sommaire #dossier a .introduction-texte,.grappe_num_sommaire #dossier a p {
    font-size: 1.2em;
    color: #fff;
}
 .grappe_num_sommaire #dossier {
    background-color: #b91619;
    color: #fff;
}
.grappe_num_sommaire .ArtUne#prems {
    width: 40%;
}
  #appel_abo {
        height: 5.3em;
    right: 1em;
}
  .niveau1 li {
    padding: 0 0.5em 1.2em 0.42em !important;
    font-size: 0.5em
  }
  .niveau2 li {
    text-align: center;
    font-family: 'Bitter', serif;
    padding: 0 0.35em 0.3em 0.3em;
    font-weight: 500;
    font-size: 1em !important
  }
  #fil_d_ariane li {
    font-size: 0.9em !important
  }
  .side_bar {
    display: none
  }
  .page {
    max-width: 100%
  }
  .Rub .hfeed {
    width: auto
  }
  .ArtUne#Rubdossier .icono {
    margin: 3em 1em 2em 1em;
    width: 50%;
}
  .ArtUne#Rubdossier article {
    width: 50%
  }
  .mots_clefs {
    flex-flow: wrap;
    padding: 1em !important;
    text-align: center;
    margin: 0 2em !important;
    justify-content: center;
    align-items: center
  }
  #top_footer #adress {
    font-size: 1.5em;
    font-weight: 100;
    line-height: 1em;
    margin: 3em 0 0 0 !important;
  }
  /*
	HomeWeb
				*/
  #VraieHome .side_bar {
    display: block
  }
  #VraieHome .GrandeCol .icono {
    width: auto !important
  }
  .GrandeCol {
  }
  .slide h2 {
  }
  .slide {
    height: auto
  }
  /*
	single_article
				*/
  .reseaux {
    left: 0.7em
  }
  /*
	single_boutique
				*/
  .single_boutique .reseaux li {
    max-width: 1.5em
  }
  .single_boutique .produit .couv {
    min-width: 9em;
  }
  .single_video .articles_de_suite img {
    max-width: 14em
  }
  .single_podcast .articles_de_suite img {
    max-width: 14em;
  }
  .appel_lylo .row.single_video h3 {
    font-size: 1.1em !important;
    line-height: 1em
  }
  .appel_lylo .row.single_video h5 {
    color: #fff;
    border-bottom: none;
    margin-top: 1em;
    font-size: 0.7em;
  }
  .appel_lylo img {
    max-width: 8em
  }
  /*Side Bar*/
  .side_bar #dernierNum h1,.homeweb .side_bar #dernierNum h1{
    font-size: 1em !important;
    margin: .5em 0 !important;
  }
  .side_bar #dernierNum img{
    width: 100%;
  }
  .side_bar ul.Abo img {
    display:none
  }
  .homeweb .GrandeCol h2 {
    font-size: 1.8em;
  }
  .side_bar .intertitre h3 {
    font-size: 1.1em !important;
  }
  
.side_bar ul.Abo li {
  margin-left: 0;
  }
  .side_bar ul.Abo .icono {
    padding:0;
    width: 6em;
  }
  .slide.portrait .innerFlex .chapoBrut, .slide.Carree .innerFlex .chapoBrut {
    margin: 1em 0 0 1em;
    padding: 0 ;
  }
  .side_bar #dernierNum {
    min-height: 28.2em;
  }
  .side_bar > div:first-of-type h3 {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 850px) {
  .single_video .ArtUne.video::before, .single_podcast .ArtUne.podcast::before {
    left: 29em
  }
}
/********* Surface Pro ***********/
@media screen and (max-width: 915px) {
  body {
    width: auto !important
  }
  .mots_clefs {
  }
  .mots_clefs li {
    margin: 0 0 0 0 !important;
  }
  .enCeMoment .InnerFlex {
    display: block;
  }
  .enCeMoment .InnerFlex .icono, .enCeMoment .InnerFlex .introduction {
    width: auto
  }
}
@media screen and (max-width: 932px) {
  body {
    width: 100%
  }



.grappe_num_sommaire .ArtUne#Der {
    width: 35%;
    order: -1;
  
}
  #dossier a h3 {
    font-size: 1em;
  }
 .grappe_num_sommaire #dossier a .introduction-texte,.grappe_num_sommaire #dossier a p {
    font-size: 1em;
    color: #fff;
}
 .grappe_num_sommaire #dossier {
    width: 100%;
    background-color: #b91619;
    color: #fff;
}

}
@media screen and (max-width: 990px) {
  .rubrique_lylo .video::before, .rubrique_lylo .podcast::before {
    left: 0;
    bottom: 0em;
  }
  header .niveau1 li {
    font-size: 0.5em;
        padding: 0 .4em 1.2em 1em !important;
  }
  header .niveau2 li {
    padding: 0 0.1em 0.3em 0.35em !important;
margin: 0.3em .5em !important;
  }
  header .niveau2 li a {
        font-size: 0.65em;
    }  
  .rubrique_lylo .ArtUne#Rubdossier .icono {
    width: auto
  }
  .single_video .ArtUne.video::before, .single_podcast .ArtUne.podcast::before {
    left: 28.7em
  }
  .single_podcast .articles_de_suite img {
    max-width: 14em;
  }
  .appel_lylo img {
    max-width: 8em
  }
  .appel_lylo .row.single_video {
    padding: 0 1em 1em 1em;
    width: 46%;
  }
  #compte li {
    margin-right: 0.5em;
  }
  .appel_lylo div + a.podcast, .appel_lylo div + a.podcast::after, .appel_lylo div + a.video, .appel_lylo div + a.video::after {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 1024px) {
  .grappe_num_sommaire{
    width:100%
  }
  #dernierNum .icono {
    margin: auto;
    width: 11em;
}
  #appel_abo {
    height: 5.3em;
  }
}
@media screen and (max-width: 1514px) {
  header .niveau2 li {
margin: 0.3em .5em !important;
  }
    .side_bar ul.Abo img {
    display:none
  }
  .side_bar ul.Abo li {
        margin-left: 2em;
      }
  .side_bar ul.Abo .icono {
    padding:0;
    width: 0em;
  }
#appel_abo_responsive{
  display:block;
  height:4.5em
  }
  #appel_abo{
}
  .side_bar .intertitre h3 {
    font-size: 1.5em !important;
}
}
@media screen and (max-width: 1185px) {
  header .niveau1 li {
    font-size: 0.59em;
  }
  #rubUne .ArtUne h3 {
    font-size: 1.5em;
}
#dernierNum .icono {
}
}
@media screen and (max-width: 2000px) {
  header .niveau1 {
    justify-content: left;
  }
  header .niveau2 {
    justify-content: left;
    padding-left: 4em;
  }
}

@media screen and (max-width: 1194px) {
  header .niveau2 li {
margin: 0.3em 1em !important;
    font-size:.9em
  }
}
@media screen and (max-width: 1071px) {
  header .niveau1 li {
padding: 0 1.4em 1.2em 1em;
  }
  .side_bar .intertitre h3 {
    font-size: 1em !important;
  }
}
@media screen and (max-width: 888px) {
  header .niveau1 li {
        padding: 0 .4em 1.2em 1em;
  }
}
@media screen and (max-width: 851px) {
     .niveau1 li, .niveau2, #appel_abo, #fil_d_ariane {
        display: none;
    }
     .niveau1 .search, .niveau1 .search a, .niveau1 .burger, .niveau1 .burger a {
        display: block;
    }
}