@media all and (min-width:0px) and (max-width:1600px) {
  #add-dda {
    font-size: 13px;
    margin: 17px 0
  }
  header nav.header-top-screen ul.icon-menu li:hover p {
    margin-top: 21px
  }
  .notif-here #bulle-menu-3 {
    margin-left: -44px!important
  }
  #wrap-news-notif {
    left: -150px
  }
  .open-notif {
    top: 41px!important
  }
  #single-article .same-height,
  #single-joueur .same-height {
    height: 50px
  }
  .nav-fcnantes img {
    width: 50px!important
  }
  section.menu-full .header-full-screen img,
  section.menu-full .menu-social-sidebar ul li img {
    width: 20px
  }
  header nav .item-nav #name-button-burger-nav {
    font-size: 14px!important
  }
  .nav-fcnantes #name-nav {
    font-size: 20px!important
  }
  header nav.header-top-screen .nav-other ul {
    font-size: 14px
  }
  header nav.header-top-screen ul.icon-menu li p#bulle-menu-1 {
    margin-left: -70px
  }
  header nav.header-top-screen ul.icon-menu li p#bulle-menu-2 {
    margin-left: -19.5px
  }
  header nav.header-top-screen ul.icon-menu li p#bulle-menu-3 {
    margin-left: -35px
  }
  p#bulle-menu-3.not-notif-here {
    margin-left: -56px!important
  }
  header nav.header-top-screen ul.icon-menu li p#bulle-menu-4 {
    margin-left: -30px
  }
  section.menu-full .all-ellements-menu nav h2 {
    font-size: 25px
  }
  section.menu-full .all-ellements-menu nav ul {
    margin-bottom: 25px
  }
  section.menu-full .all-ellements-menu nav li {
    padding-left: 18px;
    line-height: 15px
  }
  section.menu-full .all-ellements-menu nav li a {
    font-size: 14px;
    font-weight: 300
  }
  section.menu-full .menu-social-sidebar {
    padding: 0 65px
  }
  header nav.header-top-screen ul.icon-menu li svg {
    height: 20px
  }
  footer nav {
    padding: 65px 15% 90px
  }
  footer nav ul li {
    margin: 15px 0
  }
  footer .copyright,
  footer nav ul li a {
    font-size: 14px
  }
  .intro .content-intro h1,
  .title-on-img {
    font-size: 55px;
    letter-spacing: 2px
  }
  .intro .content-intro p {
    margin: 17px 0;
    font-size: 13px
  }
  .intro .content-intro a:nth-child(4) {
    font-size: 13px
  }
  .intro .content-intro a:nth-child(6),
  .intro .content-intro a:nth-child(7) {
    font-size: 12px;
    width: 172px
  }
  .content-articles .event:nth-child(4n+1) {
    min-width: 172px
  }
  .content-articles .event {
    min-width: 181px
  }
  .home-actu-title hr {
    top: 8px
  }
  .content-articles .event:last-child {
    padding-right: calc(60vw - 203px)
  }
  .home-actu-title h3 {
    font-size: 14px
  }
  .content-articles h2 {
    font-size: 37px
  }
  .content-articles p {
    font-size: 11px
  }
  .content-articles .event .content-slideshow-bg {
    height: 105px
  }
  .timeline ul li {
    font-size: 14px
  }
  .home-curent-news {
    width: 28.35vw
  }
  section.home-curent-news article h2 {
    font-size: 17px;
    line-height: 17px
  }
  section.home-curent-news article p {
    font-size: 12px;
    line-height: 13px
  }
  section.home-curent-news article span {
    font-size: 12px;
    line-height: 14px
  }
  #decennie h1 {
    font-size: 50px
  }
  #decennie aside .button-aside {
    width: 60px;
    height: 60px;
    right: -30px
  }
  #decennie aside .button-aside img {
    width: 12px
  }
  .content-decennie article {
    width: 190px;
    margin-right: 25px
  }
  .content-decennie article .content-slideshow-bg {
    height: 112px
  }
  .content-decennie .content-slideshow-text {
    padding: 18px
  }
  .content-decennie article h2 {
    font-size: 17px
  }
  .content-decennie article p {
    font-size: 12px
  }
  .content-intro p,
  .nav .date-nav,
  .timeline-decennie ul li {
    font-size: 14px
  }
  #decennie aside .content-aside .first-button-dece,
  #decennie aside .content-aside .second-button-dece {
    font-size: 14px;
    width: 172px;
    padding: 2px 0
  }
  .timeline-decennie ul {
    margin-bottom: 6px;
    position: relative
  }
  .category-news .block-ancre-actu {
    width: 60px;
    height: 60px;
    top: calc(64vh - 30px);
    left: calc(50% - 30px)
  }
  .content-curent-news-block {
    padding: 25px
  }
  .content-curent-news-block span,
  .video-voir span {
    font-size: 12px;
    line-height: 14px
  }
  .content-curent-news-block h3,
  .video-voir h3 {
    font-size: 17px;
    line-height: 17px
  }
  .content-curent-news-block p,
  .video-voir p {
    font-size: 12px;
    line-height: 13px
  }
  .category-news .block-ancre-actu img {
    width: 25px
  }
  .same-height {
    height: 50px
  }
  .share-social,
  .share-social img#open-share {
    width: 50px!important;
    height: 50px!important
  }
  .share-social {
    left: calc(100% - 25px)!important
  }
  .share-social img#open-share {
    padding: 13px!important
  }
  .share-social .jssocials-shares .jssocials-share {
    margin-top: -55px
  }
  .jssocials-share-link {
    width: 50px;
    height: 50px
  }
  #single .single-content {
    padding-top: 64px
  }
  .single-content .title-single-content img {
    height: 75px
  }
  .single-content .title-single-content a {
    font-size: 14px!important
  }
  .single-content .title-single-content p {
    font-size: 14px
  }
  .single-content .title-single-content h1 {
    font-size: 44px
  }
  .single-content .title-single-content h2 {
    font-size: 14px;
    line-height: 1.3em
  }
  .single-content p.chapeau-single-content {
    line-height: 20px;
    font-size: 16px
  }
  .single-content .content-single-content,
  .single-content aside article.news-white span,
  .text {
    line-height: 18px;
    font-size: 14px
  }
  .single-content aside {
    margin-top: 50px
  }
  .home-classement-title h3 {
    font-size: 14px
  }
  .home-classement-title hr {
    height: 1px;
    top: 3px
  }
  .single-content aside article.news-white {
    height: 270px
  }
  .content-block-news-white h2,
  .content-block-news-white span {
    left: -60px
  }
  .single-content aside article.news-white h2 {
    font-size: 17px
  }
  .zone-pub-newsletter a {
    margin-top: 30px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche img {
    width: 100px;
    top: -50px;
    margin-bottom: -50px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-matche {
    font-size: 17px;
    margin: 15px 0 5px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-equipe {
    font-size: 14px;
    margin-bottom: 10px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-date {
    margin-bottom: 0
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche a {
    top: 19.5px;
    font-size: 14px;
    padding: 8px 20px
  }
  #go-home {
    top: calc(31% - 82px)!important
  }
  aside .zone-pub-newsletter .all-next-matche {
    margin-top: 65px
  }
  section.home-curent-news .news-white,
  section.home-curent-news article.news-black {
    height: 202px
  }
  aside.home-liste-news ul li {
    padding: 6.75px 0
  }
  aside.home-liste-news ul li .home-date-news .d-date-news {
    font-size: 37px
  }
  aside.home-liste-news ul li .home-date-news {
    width: 45px
  }
  aside.home-liste-news ul li .home-infos-news h3 {
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 16px
  }
  aside.home-liste-news ul li .home-infos-news span {
    font-size: 12px;
    line-height: 14px
  }
  aside.home-liste-news .title-aside-actu-time span {
    font-size: 14px
  }
  .navigation-in-decennie p {
    font-size: 37px!important
  }
  #wrap-news-notif aside.home-liste-news ul li .home-infos-news h2 {
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 16px
  }
  #wrap-news-notif aside.home-liste-news ul li .home-infos-news span {
    font-size: 12px;
    line-height: 14px
  }
}

@media all and (min-width:0px) and (max-width:1440px) {
  footer nav {
    padding: 60px 15% 85px
  }
  footer nav ul li {
    margin: 12.5px 0
  }
  footer nav ul li a {
    font-size: 11px
  }
  footer .copyright {
    font-size: 12px
  }
  .content-articles .flex-all .auto .flex {
    margin-top: 4vh
  }
  .intro .content-intro h1,
  .title-on-img {
    font-size: 48px;
    letter-spacing: 1px
  }
  .content-articles h2 {
    font-size: 32px
  }
  .content-articles .event .content-slideshow-bg {
    height: 95px
  }
  .home-curent-news {
    width: 27.8vw
  }
  .home-actu-title h3 {
    font-size: 12px
  }
  header nav.header-top-screen .nav-other ul li {
    margin: 0 11px
  }
  .content-curent-news-block p,
  .video-voir p,
  section.home-curent-news article p {
    margin-top: 10px
  }
  section.home-curent-news article h2 {
    font-size: 14px;
    line-height: 15px
  }
  #decennie h1 {
    font-size: 45px
  }
  #decennie aside .button-aside {
    width: 54px;
    height: 54px;
    right: -27px
  }
  .content-decennie article {
    width: 170px
  }
  .content-decennie article .content-slideshow-bg {
    height: 100px
  }
  .content-decennie article h2 {
    font-size: 14px;
    margin-bottom: 5px
  }
  .content-intro p,
  .nav .date-nav {
    font-size: 13px
  }
  .home-actu-title hr {
    top: 7px
  }
  #decennie aside .content-aside .first-button-dece,
  #decennie aside .content-aside .second-button-dece {
    font-size: 13px;
    width: 150px
  }
  .category-news .block-ancre-actu {
    width: 54px;
    height: 54px;
    top: calc(64vh - 27px);
    left: calc(50% - 27px)
  }
  .content-curent-news-block h3,
  .video-voir h3 {
    font-size: 14px;
    line-height: 15px
  }
  .category-news .block-ancre-actu img {
    width: 18px
  }
  .single-content .title-single-content a {
    font-size: 12px!important
  }
  .single-content .title-single-content p {
    font-size: 12px
  }
  .single-content .title-single-content h1 {
    font-size: 40px
  }
  .single-content p.chapeau-single-content {
    font-size: 15px
  }
  .home-classement-title h3,
  .single-content aside article.news-white span {
    font-size: 12px
  }
  .home-classement-title hr {
    top: 0
  }
  .single-content aside article.news-white {
    height: 240px
  }
  .single-content aside article.news-white h2 {
    font-size: 20px;
    line-height: 1em
  }
  a.home-all-category {
    width: 213px;
    bottom: 97px;
    right: -130px
  }
  a.all-category-single-aside {
    right: -147px;
    bottom: 100px!important
  }
  a.home-all-category span {
    font-size: 12px;
    width: 95px
  }
  a.home-all-category hr {
    height: 1px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-matche {
    font-size: 16px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-equipe {
    font-size: 13px
  }
  .home-classement-content {
    height: 246px
  }
  .zone-pub-newsletter .home-classement-content img {
    margin-top: 30px!important
  }
  .single-content .title-single-content img {
    height: 65px
  }
  aside .zone-pub-newsletter .all-next-matche {
    margin-top: 60px
  }
  section.home-curent-news .news-white,
  section.home-curent-news article.news-black {
    height: 189px
  }
  aside.home-liste-news ul li .home-date-news .d-date-news {
    font-size: 32px
  }
  aside.home-liste-news ul li .home-date-news {
    width: 40px
  }
  aside.home-liste-news ul li .home-infos-news h3 {
    margin-bottom: 3px;
    line-height: 14px
  }
  aside.home-liste-news {
    right: 11vw!important
  }
  .navigation-in-decennie p {
    font-size: 32px!important
  }
  #wrap-news-notif aside.home-liste-news ul li .home-infos-news h2 {
    font-size: 14px;
    margin-bottom: 3px;
    line-height: 14px
  }
}

@media all and (min-width:0px) and (max-width:1366px) {
  #add-dda {
    margin: 12px 0
  }
  header nav.header-top-screen ul.icon-menu li:hover p {
    margin-top: 16px
  }
  .open-notif {
    top: 36px!important
  }
  #single-article .same-height,
  #single-joueur .same-height {
    height: 40px
  }
  section.menu-full .all-ellements-menu nav ul {
    margin-bottom: 15px
  }
  section.menu-full .all-ellements-menu nav h2 {
    font-size: 20px
  }
  section.menu-full .all-ellements-menu nav ul li {
    line-height: 14px
  }
  section.menu-full .all-ellements-menu nav ul li a {
    font-size: 12px
  }
  .nav-fcnantes img {
    width: 40px!important
  }
  header nav .item-nav #name-button-burger-nav {
    font-size: 12px!important
  }
  .nav-fcnantes #name-nav {
    font-size: 16px!important
  }
  header nav.header-top-screen ul.icon-menu li img {
    height: 18px;
    width: auto!important
  }
  header nav.header-top-screen ul.icon-menu li svg {
    height: 20px
  }
  header nav.header-top-screen .nav-other ul {
    font-size: 12px
  }
  .bandeauPartenaires .event {
    width: 52px
  }
  .bandeauPartenaires a {
    height: auto!important
  }
  footer nav {
    padding: 55px 15% 80px
  }
  footer nav ul li {
    margin: 12px 0
  }
  footer .copyright,
  footer nav ul li a {
    font-size: 11px
  }
  .intro .content-intro h1,
  .title-on-img {
    font-size: 48px
  }
  .intro .content-intro p {
    margin: 12px 0;
    font-size: 12px
  }
  .intro .content-intro a:nth-child(3) {
    font-size: 12px
  }
  .content-articles h2 {
    font-size: 30px;
    margin-top: 5px!important
  }
  .content-articles .event:nth-child(4n+1) .content-slideshow .content-slideshow-text {
    padding: 10% 10% 21%
  }
  .content-articles .event .content-slideshow-text {
    padding: 10% 10% 17%
  }
  .timeline ul li {
    font-size: 12px
  }
  #decennie h1 {
    font-size: 42px
  }
  .content-intro p,
  .nav .date-nav,
  .timeline-decennie ul li {
    font-size: 12px
  }
  .solo-hr {
    top: 52vh
  }
  .content-decennie article {
    width: 162px;
    margin-right: 20px
  }
  #decennie aside .button-aside {
    width: 50px;
    height: 50px;
    right: -25px
  }
  #decennie aside .button-aside img {
    width: 10px
  }
  .timeline-decennie {
    bottom: 5vh
  }
  .content-decennie article .content-slideshow-bg {
    height: 95px
  }
  #decennie aside .content-aside .first-button-dece,
  #decennie aside .content-aside .second-button-dece {
    font-size: 12px;
    width: 145px
  }
  .category-news .block-ancre-actu {
    width: 44px;
    height: 44px;
    top: calc(64vh - 22px);
    left: calc(50% - 22px)
  }
  .content-curent-news-block span,
  .video-voir span {
    line-height: 11px
  }
  .same-height {
    height: 40px
  }
  .share-social,
  .share-social img#open-share {
    width: 44px!important;
    height: 44px!important
  }
  .share-social {
    left: calc(100% - 22px)!important;
    top: 33%
  }
  .share-social img#open-share {
    padding: 10px!important
  }
  .jssocials-share-link {
    width: 44px;
    height: 44px
  }
  .share-social .jssocials-shares .jssocials-share {
    margin-top: -49px
  }
  .share-social .jssocials img {
    width: 18px
  }
  .single-content .title-single-content a {
    font-size: 10px!important;
    top: -30px
  }
  .single-content .title-single-content p {
    font-size: 10px
  }
  .single-content .title-single-content h1 {
    font-size: 38px
  }
  .single-content .title-single-content h2 {
    font-size: 12px
  }
  .single-content p.chapeau-single-content {
    font-size: 13px
  }
  .single-content .content-single-content,
  .text {
    line-height: 16px;
    font-size: 13px
  }
  .single-content aside article.news-white {
    height: 230px
  }
  .single-content aside article.news-white h2 {
    font-size: 14px
  }
  a.home-all-category {
    width: 200px;
    bottom: 90px;
    right: -125px
  }
  .single-content aside article.news-white,
  .zone-pub-newsletter a {
    margin-top: 20px
  }
  a.all-category-single-aside {
    right: -138px
  }
  a.home-all-category span {
    font-size: 12px
  }
  .single-content aside article.news-white span {
    font-size: 12px;
    line-height: 14px
  }
  a.home-all-category hr {
    width: calc(100% - 115px);
    margin-left: 5px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche img {
    width: 80px;
    top: -40px;
    margin-bottom: -40px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-matche {
    font-size: 14px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-equipe {
    font-size: 12px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche a {
    top: 17.5px;
    font-size: 12px;
    padding: 8px 12px
  }
  .home-classement-content {
    height: 227px
  }
  .zone-pub-newsletter .home-classement-content img {
    margin-top: 20px!important
  }
  #go-home {
    top: calc(29% - 30px)!important
  }
  #single .share-social {
    top: 33%
  }
  .single-content .title-single-content img {
    height: 60px
  }
  aside .zone-pub-newsletter .all-next-matche {
    margin-top: 50px
  }
  section.home-curent-news .news-white,
  section.home-curent-news article.news-black {
    height: 171px
  }
  section.home-curent-news article span {
    line-height: 11px
  }
  aside.home-liste-news ul li .home-date-news .d-date-news {
    font-size: 30px
  }
  aside.home-liste-news ul li {
    padding: 5.75px 0
  }
  aside.home-liste-news ul li .home-date-news {
    width: 36px
  }
  aside.home-liste-news ul li .home-infos-news h3 {
    font-size: 12px;
    margin-bottom: 1px;
    line-height: 13px
  }
  aside.home-liste-news ul li .home-infos-news span {
    font-size: 12px;
    line-height: 13px
  }
  .navigation-in-decennie p {
    font-size: 30px!important
  }
  #wrap-news-notif aside.home-liste-news ul li .home-infos-news h2 {
    font-size: 12px;
    margin-bottom: 1px;
    line-height: 13px
  }
  #wrap-news-notif aside.home-liste-news ul li .home-infos-news span {
    font-size: 12px;
    line-height: 13px
  }
}

@media all and (min-width:0px) and (max-width:1280px) {
  #add-dda {
    font-size: 11px
  }
  aside.home-liste-news {
    right: 0!important
  }
  header nav.header-top-screen .nav-other ul li {
    margin: 0 4px
  }
  .bandeauPartenaires .event {
    margin: 10px 21px
  }
  .intro .content-intro h1 {
    font-size: 43px
  }
  .title-on-img {
    font-size: 41px
  }
  .intro .content-intro a:nth-child(4),
  .intro .content-intro p,
  .timeline ul li {
    font-size: 11px
  }
  .intro .content-intro p {
    padding-right: 17%
  }
  .intro .content-intro a:nth-child(6),
  .intro .content-intro a:nth-child(7) {
    font-size: 11px;
    width: 161px
  }
  .intro .content-intro a:nth-child(6) {
    margin-right: 15px
  }
  .timeline ul {
    bottom: 0
  }
  .timeline-decennie ul li {
    font-size: 11px!important
  }
  #decennie h1 {
    font-size: 38px
  }
  #decennie aside .button-aside {
    width: 46px;
    height: 46px;
    right: -23px
  }
  .content-decennie article h2 {
    font-size: 13px
  }
  .content-decennie article p {
    font-size: 11px
  }
  .content-decennie article .content-slideshow-bg {
    height: 90px
  }
  .content-decennie article {
    width: 153px
  }
  .content-decennie .content-slideshow-text {
    padding: 15px
  }
  .content-decennie {
    top: 57vh
  }
  .category-news .home-news {
    width: 90%
  }
  .single-content .title-single-content h1 {
    font-size: 36px
  }
  .single-content aside article.news-white {
    height: 210px
  }
  .single-content aside article.news-white p {
    margin-top: 10px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche {
    width: 47.5%
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche:nth-child(1) {
    margin-right: 5%
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche img {
    width: 75px;
    top: -37.5px;
    margin-bottom: -37.5px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-matche {
    font-size: 14px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-equipe {
    font-size: 12px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche a {
    top: 15.5px;
    font-size: 12px;
    padding: 6px 9px
  }
  .single-content .title-single-content img {
    height: 55px
  }
  aside .zone-pub-newsletter .all-next-matche {
    margin-top: 45px
  }
  .home-curent-news {
    display: none
  }
}

@media all and (min-width:0px) and (max-width:1024px) {
  #single .single-content .title-single-content a span {
    font-size: 12px;
  }
  section.menu-full .all-ellements-menu {
    width: 60%
  }
  #decennie h1 {
    font-size: 32px;
    left: 4vw
  }
  #decennie aside .content-aside p {
    padding-right: 35%
  }
  #decennie aside .content-aside {
    padding-left: 4vw
  }
  #decennie aside .nav {
    padding: 0 4vw;
    width: 32vw
  }
  #decennie aside .content-aside .first-button-dece,
  #decennie aside .content-aside .second-button-dece {
    font-size: 11px;
    width: 118px
  }
  .category-news .block-ancre-actu {
    width: 40px;
    height: 40px;
    top: calc(64vh - 20px);
    left: calc(50% - 20px)
  }
  .category-news .home-news {
    width: 93%
  }
  .content-curent-news-block h3,
  .video-voir h3 {
    line-height: 14px
  }
  .content-curent-news-block p,
  .video-voir p {
    margin-top: 7.5px
  }
  .category-news .block-ancre-actu img {
    width: 16px
  }
  .share-social,
  .share-social img#open-share {
    width: 40px!important;
    height: 40px!important
  }
  .share-social {
    left: calc(100% - 20px)!important
  }
  .jssocials-share-link {
    width: 40px;
    height: 40px
  }
  .share-social .jssocials-shares .jssocials-share {
    margin-top: -45px
  }
  .share-social .jssocials img {
    width: 16px
  }
  .single-content .title-single-content h1 {
    font-size: 26px
  }
  .single-content aside article.news-white {
    height: 180px
  }
  .single-content aside article.news-white span {
    font-size: 10px;
    line-height: 14px
  }
  a.home-all-category {
    right: -123px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche img {
    width: 70px;
    top: -35px;
    margin-bottom: -35px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-matche {
    font-size: 12px
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-date,
  aside .zone-pub-newsletter .all-next-matche .next-matche p.title-next-equipe {
    font-size: 10px
  }
  aside .zone-pub-newsletter .all-next-matche {
    margin-top: 40px
  }
}

@media all and (min-width:0px) and (max-width:1023px) {
  #decennie aside,
  #decennie aside .nav,
  .content-decennie,
  .intro {
    box-sizing: border-box
  }
  #aside-smart {
    display: block!important
  }
  #aside-pc {
    display: none!important
  }
  aside.home-liste-news {
    opacity: 1!important;
    position: relative!important;
    width: 100%;
    margin: auto;
    padding-bottom: 50px;
    padding-top: 50px!important;
    background-color: #f4f4f4
  }
  aside.home-liste-news ul li .home-infos-news span,
  aside.home-liste-news ul li a {
    color: #2a2a29
  }
  aside.home-liste-news ul li hr {
    background-color: #fd1
  }
  aside.home-liste-news .title-aside-actu-time,
  aside.home-liste-news ul {
    width: 300px;
    margin: auto
  }
  aside.home-liste-news ul li:hover {
    left: 0!important
  }
  #add-dda {
    font-size: 16px;
    margin: 20px 0
  }
  ::-webkit-scrollbar {
    width: 0
  }
  .navigation-in-decennie a {
    position: relative
  }
  header nav.header-top-screen ul.icon-menu li:hover p {
    margin-top: 15px
  }
  .open-notif {
    top: 35px!important
  }
  section.menu-full .all-ellements-menu {
    margin-top: 120px;
    width: 80%;
    padding-top: 0
  }
  section.menu-full {
    display: block
  }
  section.menu-full .menu-full {
    overflow-y: auto
  }
  section.menu-full .menu-social-sidebar ul li {
    display: inline-block;
    margin: 15px 10px
  }
  section.menu-full .menu-social-sidebar {
    display: block;
    height: 150px!important;
    border-right: none
  }
  .text-none-smartphone,
  header nav.header-top-screen .nav-other,
  section.menu-full .menu-social-sidebar .title-social hr {
    display: none
  }
  section.menu-full .menu-social-sidebar .title-social {
    height: auto;
    position: relative
  }
  section.menu-full .menu-social-sidebar .title-social p {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    text-align: center;
    position: relative;
    left: 0;
    top: 0;
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
    width: 280px;
    margin: auto
  }
  header nav.header-top-screen {
    padding-left: 50px!important;
    padding-right: 50px!important
  }
  section.menu-full .header-full-screen {
    padding-top: 50px;
    margin-top: 0!important
  }
  header nav.header-top-screen ul.icon-menu {
    position: absolute;
    right: 50px;
    bottom: 15px
  }
  #single-article header nav.header-top-screen ul.icon-menu {
    position: relative;
    right: 0;
    bottom: 0
  }
  #decennie .filtre-black,
  #single-article .content-hr {
    position: absolute!important
  }
  header nav.header-top-screen ul.icon-menu li:last-child {
    margin-right: 0
  }
  .bandeauPartenaires {
    padding-left: 5%;
    padding-right: 5%
  }
  footer nav {
    padding: 55px 10% 80px
  }
  #home {
    box-shadow: none;
    height: auto
  }
  #home .content-hr {
    height: 100vh
  }
  .wrap {
    height: auto;
    overflow: inherit;
    top: 0
  }
  .intro .content-intro h1 {
    font-size: 45px
  }
  .title-on-img {
    font-size: 31px
  }
  #single-article .content-hr {
    height: 100%!important
  }
  .content-articles .event .content-slideshow-bg {
    height: 138px
  }
  .intro {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 100px 0;
    height: 100vh;
    text-align: center
  }
  .intro .content-intro .auto {
    width: 60%;
    margin: auto!important
  }
  .intro .content-intro p {
    padding-right: 0;
    font-size: 16px
  }
  .intro .content-intro a:nth-child(4) {
    font-size: 16px;
    margin-top: 20px;
    display: block
  }
  .intro .content-intro a:nth-child(6),
  .intro .content-intro a:nth-child(7) {
    font-size: 16px;
    width: calc(50% - 15px)
  }
  .intro .content-intro a:nth-child(6) {
    margin-right: 30px
  }
  .intro .content-intro hr {
    margin: 20px auto;
    width: 50px;
    transform: translate(calc(50% - 25px));
    position: relative;
    height: 2px
  }
  .content-articles,
  .flex-all {
    height: auto;
    display: block
  }
  .content-articles {
    padding-left: 0;
    position: relative;
    overflow: inherit
  }
  #decennie,
  #decennie .wrap {
    overflow: visible
  }
  .content-articles .flex-all .auto .flex {
    margin-top: 0;
    display: block
  }
  .content-articles .event:nth-child(4n+1) {
    width: 200px;
    margin: auto auto -2px
  }
  .content-articles .event {
    width: 220px;
    margin: auto auto 30px
  }
  .content-articles .event:nth-child(4n+2) .content-slideshow,
  .content-articles .event:nth-child(4n+3) .content-slideshow,
  .content-articles .event:nth-child(4n+4) .content-slideshow {
    top: 0;
    left: 0
  }
  .content-articles .event:last-child {
    padding-right: 0
  }
  .content-articles .event:nth-child(4n+1) {
    left: -10%
  }
  .content-articles .event:nth-child(4n+2) {
    right: -10%
  }
  .content-articles .event:nth-child(4n+3) {
    margin: auto auto 30px;
    left: 0
  }
  .content-articles .event:nth-child(4n+4) {
    right: -10%;
    margin-bottom: -2px
  }
  .content-articles .event hr.first-hr {
    width: 2px;
    left: calc(20% - 1px);
    height: 100vh;
    z-index: -1
  }
  #decennie-2 hr.first-hr {
    height: 670px
  }
  #decennie-4 hr {
    display: none!important
  }
  .content-articles .event hr.last-hr {
    display: none
  }
  .timeline,
  .timeline-decennie {
    position: absolute;
    top: -100px;
    margin-top: 100px;
    right: 15px;
    width: 2px;
    z-index: 9
  }
  .timeline ul {
    display: block;
    width: auto;
    right: 40px;
    margin-bottom: 0
  }
  .timeline hr {
    height: 100%;
    width: 2px;
    right: 0;
    position: absolute;
    top: 0
  }
  .timeline hr.jaune {
    width: 2px;
    right: 0;
    transition: all .5s;
    height: 14.2857%;
    max-height: 100%
  }
  .timeline ul li {
    margin-bottom: 20px
  }
  .timeline ul li:last-child {
    margin-bottom: 0
  }
  .timeline-decennie ul {
    display: block;
    width: auto;
    right: 13px;
    margin-bottom: 0
  }
  .timeline-decennie hr {
    height: 100%;
    width: 2px!important;
    right: 0;
    position: absolute;
    top: 0
  }
  .timeline-decennie hr.jaune {
    width: 2px;
    right: 0;
    transition: all .5s;
    max-height: 100%
  }
  .timeline-decennie ul li {
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 14px!important
  }
  .timeline-decennie li:last-child {
    margin-bottom: 0
  }
  .timeline ul li {
    font-size: 14px
  }
  .timeline-decennie {
    bottom: auto
  }
  #decennie .content-background {
    position: relative;
    z-index: 1
  }
  .laptop-background {
    display: none
  }
  .smartphone-background {
    display: block
  }
  .all-hi {
    display: block!important
  }
  .aside-for-pc {
    display: none
  }
  #decennie .smartphone-background .content-hr,
  #decennie .smartphone-background .filtre-black {
    display: block!important
  }
  .tel-basique {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 3;
  }
  .auto-basique {
    width: 60%;
    margin: auto;
    padding-top: 10vh
  }
  .auto-basique aside {
    background-color: #2a2a2900!important;
    padding: 0!important;
    min-height: auto!important
  }
  .auto-basique aside h1 {
    position: relative!important;
    top: 0!important
  }
  .tel-basique {
    display: flex!important
  }
  #decennie .content-background .content-hr,
  #decennie .content-background .filtre-black {
    display: block!important
  }
  .background-scale {
    transform: scale(1);
    left: 0
  }
  #decennie .background-home {
    height: auto;
    min-height: 100vh
  }
  #decennie .content-hr {
    display: none
  }
  #decennie .filtre-black {
    height: 100%;
    display: none
  }
  #decennie aside {
    width: 100%;
    height: auto;
    position: relative;
    left: 0;
    padding: 130px 20% 50px;
    min-height: 50vh
  }
  #decennie aside .content-aside p {
    margin: 0;
    opacity: 1!important;
    transform: translate(0)!important;
    left: 0
  }
  @-webkit-keyframes titreDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: 0
    }
  }
  @-moz-keyframes titreDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: 0
    }
  }
  @-ms-keyframes titreDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: 0
    }
  }
  @-o-keyframes titreDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: 0
    }
  }
  @keyframes titreDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: 0
    }
  }
  #decennie h1 {
    -webkit-animation: titreDecennie .5s .25s ease-out forwards;
    -moz-animation: titreDecennie .5s .25s ease-out forwards;
    -ms-animation: titreDecennie .5s .25s ease-out forwards;
    -o-animation: titreDecennie .5s .25s ease-out forwards;
    animation: titreDecennie .5s .25s ease-out forwards;
    position: absolute;
    top: -57px;
    width: 100%;
    text-align: center;
    font-size: 45px;
    left: 0
  }
  #decennie .wrap {
    height: auto
  }
  @-webkit-keyframes savoirDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: calc(50vw - 25px)
    }
  }
  @-moz-keyframes savoirDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: calc(50vw - 25px)
    }
  }
  @-ms-keyframes savoirDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: calc(50vw - 25px)
    }
  }
  @-o-keyframes savoirDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: calc(50vw - 25px)
    }
  }
  @keyframes savoirDecennie {
    0% {
      opacity: 0;
      left: calc(-700px - 6.5%)
    }
    100% {
      opacity: 1;
      left: calc(50vw - 25px)
    }
  }
  #decennie .solo-hr {
    -webkit-animation: savoirDecennie .5s .45s ease-out forwards;
    -moz-animation: savoirDecennie .5s .45s ease-out forwards;
    -ms-animation: savoirDecennie .5s .45s ease-out forwards;
    -o-animation: savoirDecennie .5s .45s ease-out forwards;
    animation: savoirDecennie .5s .45s ease-out forwards
  }
  
  #decennie .wrap .solo-hr{display: none;}
  .solo-hr {
    position: absolute;
    width: 50px;
    top: 80px;
    left: calc(50vw - 25px)
  }
  #decennie aside .nav {
    display: block;
    opacity: 1;
    top: 0;
    position: relative;
    padding: 0;
    width: 100%;
    left: 0!important
  }
  #decennie aside .content-aside {
    padding: 0;
    box-sizing: border-box;
    top: 0!important;
    text-align: center
  }
  #decennie aside .content-aside p {
    font-size: 16px;
    padding: 0;
    margin-top: 12px
  }
  #decennie aside .nav .date-nav {
    font-size: 16px
  }
  #decennie aside .content-aside .first-button-dece,
  #decennie aside .content-aside .second-button-dece {
    font-size: 16px;
    width: calc(50% - 15px);
    opacity: 1!important;
    display: inline-block!important;
    left: 0!important
  }
  #decennie aside .content-aside hr.hr-aside {
    width: 50px;
    left: calc(50% - 25px);
    position: relative;
    opacity: 1
  }
  #decennie aside .button-aside {
    display: none
  }
  .content-decennie {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    margin: 50px auto;
    padding: 0 10%
  }
  .content-decennie .flex-all {
    display: block;
    height: auto
  }
  .content-decennie .flex-all .auto .flex {
    margin-right: 0;
    display: block
  }
  .content-decennie article {
    width: 45%;
    margin: 50px auto;
    display: inline-block;
    vertical-align: top
  }
  .content-decennie article:nth-child(odd) {
    margin-right: 10%
  }
  .content-decennie article .content-slideshow-bg {
    height: 173px
  }
  .content-decennie article h2 {
    font-size: 19px;
    margin-bottom: 8px
  }
  .content-decennie article p {
    font-size: 14px
  }
  .content-decennie .content-slideshow-text {
    padding: 24px 24px 34px
  }
  .content-hr hr {
    width: 1px
  }
  .hr-black {
    z-index: -9;
    height: 100%;
    position: fixed
  }
  #recherche .filtre-black {
    position: absolute
  }
  #recherche .content-hr {
    height: 64vh
  }
  .category-medias {
    height: auto
  }
  .category-medias article.first-media-cate {
    width: 100%;
    height: 500px
  }
  .category-medias .content-curent-news-block {
    width: 100%;
    left: 0
  }
  .category-medias .l-cate-medias {
    padding-left: 0;
    font-size: 0;
    width: 100%;
    padding-right: 0;
    padding-top: 5%
  }
  .category-medias .l-cate-medias article {
    display: inline-block;
    width: 50%;
    padding-top: 0!important;
    padding-bottom: 0!important;
    height: 400px;
    vertical-align: top
  }
  .category-medias .l-cate-medias article:nth-child(1) {
    padding-right: 2.5%
  }
  .category-medias .l-cate-medias article .image-medias-screen {
    left: 0!important;
    width: 100%;
    height: 60%
  }
  .category-medias .l-cate-medias article .video-voir {
    right: 0!important;
    height: 40%;
    width: 100%;
    position: relative
  }
  #wrap-news-notif,
  .content-background,
  .content-hr,
  .filtre-black {
    position: absolute
  }
  .section-two-cate-media {
    padding: 0
  }
  .category-medias article.first-media-cate:nth-child(2) {
    margin: 5% 0
  }
  .category-medias article .bg-media-video-photo {
    height: 60%
  }
  .category-medias article.first-media-cate:hover .bg-media-video-photo {
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    -webkit-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    transform: scale(1)!important
  }
  .category-medias .l-cate-medias article:hover .video-voir {
    right: 0!important;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
  }
  #tableclassement,
  .home-classement-title {
    width: 100%!important
  }
  .zone-pub-newsletter .home-classement-content,
  aside .zone-pub-newsletter .all-next-matche .next-matche {
    width: 100%
  }
  a.home-all-category {
    right: 0!important;
    left: auto!important;
    bottom: -30px;
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  a.all-category-single-aside {
    bottom: -30px!important
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche:nth-child(1) {
    margin-right: 0;
    margin-bottom: 65px
  }
  .zone-pub-newsletter a img {
    display: block;
    width: 100%
  }
  .colorBasique {
    color: #2a2a29!important
  }
  .content-articles {
    margin: 100px 0;
    margin-bottom: 0!important;
    padding-bottom: 1px
  }
  #home .filtre-black {
    height: 100vh
  }
  .content-articles .event:nth-child(4n+1) .content-slideshow h2,
  .content-articles .event:nth-child(4n+1) .content-slideshow p {
    color: #2a2a29
  }
  #home .timeline hr.blanc {
    background-color: #2a2a29
  }
  #home .hr-black {
    height: 100%!important;
    display: block!important
  }
  .content-articles .event:nth-child(4n+1) {
    background-color: #fff
  }
  #wrap-news-notif {
    left: calc(100% - 270px)
  }
  .arrow-flech-icon {
    text-align: right
  }
  .arrow-flech-icon img {
    margin-right: 51px
  }
}

@media all and (min-width:0px) and (max-width:768px) {
  #wrap-resp-picto aside.home-liste-news ul li .home-infos-news h2 {
    color: #fff!important
  }
  #wrap-resp-picto #wrap-news-notif,
  #wrap-resp-picto #wrap-news-notif .home-liste-news,
  #wrap-resp-picto #wrap-news-notif .home-liste-news li {
    background: 0 0
  }
  #wrap-resp-picto #wrap-news-notif {
    display: block;
    opacity: 1;
    left: 0;
    top: 0;
    position: relative;
    width: auto
  }
  #wrap-resp-picto #wrap-news-notif ul {
    padding: 0
  }
  #wrap-news-notif .home-liste-news li img {
    display: none!important
  }
  #wrap-resp-picto #wrap-news-notif .home-liste-news {
    text-align: center
  }
  #wrap-resp-picto #wrap-news-notif .home-liste-news li img {
    display: block!important;
    width: 100%;
    left: 0;
    margin-top: 0;
    height: auto!important
  }
  #wrap-news-notif .home-liste-news li span,
  #wrap-resp-picto #wrap-news-notif #title-notif {
    display: none
  }
  #notif-respon span {
    width: 15px;
    height: 15px;
    background: #fff;
    color: #262524!important;
    font-size: 10px!important;
    margin-top: 0;
    border-radius: 100%;
    text-align: center;
    line-height: 16px;
    right: -5px;
    transition: all .25s;
    position: relative;
    bottom: 1px
  }
  header nav.header-top-screen ul.icon-menu {
    display: none!important
  }
  header nav.header-top-screen ul.icon-menu li #Capa_1 {
    display: block!important
  }
  .content-all-svg {
    display: none
  }
  #close-tools,
  #wrap-resp-picto li .content-svg-tools,
  #wrap-resp-picto li:last-child form,
  #wrap-resp-picto ul li a,
  #wrap-resp-picto ul li span {
    display: inline-block;
    vertical-align: middle
  }
  #close-tools {
    width: 24px
  }
  #Capa_1 {
    cursor: pointer
  }
  .menu-tools-empsale {
    width: auto!important;
    padding: 0!important;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer
  }
  .menu-tools-empsale img {
    width: 20px
  }
  #button-open-engrenage {
    display: inline-block!important;
    text-align: right;
    vertical-align: middle
  }
  header nav.header-top-screen .item-nav {
    width: calc(50% - 103px)
  }
  #button-open-engrenage svg {
    height: 20px;
    stroke: #fff;
    fill: #fff;
    transition: all .25s
  }
  #close-main-click,
  #wrap-resp-picto,
  .add-click-home-tools {
    transition: all .75s ease-in-out
  }
  #wrap-resp-picto {
    display: block!important;
    background-color: #2a2a29;
    position: fixed;
    height: 100vh;
    top: 0;
    width: 280px;
    box-shadow: 20px 0 20px -10px #000 inset, -8px 0 8px -10px transparent inset;
    right: -280px;
    overflow: auto;
    z-index: 99
  }
  #close-main-click {
    position: fixed;
    top: 0;
    right: calc(-100% - -280px);
    height: 100%;
    width: calc(100% - 280px)
  }
  .add-click-home-tools {
    right: 280px!important
  }
  #wrap-resp-picto .header-top-screen {
    background: 0 0!important;
    padding-left: 35px!important;
    padding-right: 35px!important
  }
  .open-tools-page {
    transform: translate(-280px)
  }
  #wrap-resp-picto .nav-fcnantes.item-nav {
    width: calc(100% - 24px)!important;
    text-align: left
  }
  .title-on-img,
  footer nav {
    text-align: center
  }
  #wrap-resp-picto .menu img {
    width: 20px
  }
  #wrap-resp-picto ul {
    padding: 35px;
    margin: 0;
    box-sizing: border-box
  }
  #wrap-resp-picto ul li {
    list-style: none;
    border-bottom: solid 1px #fff;
    margin: 10px 0;
    padding: 10px 0
  }
  #wrap-resp-picto ul li span {
    color: #fff;
    font-size: 12px;
    font-weight: 100
  }
  #wrap-resp-picto svg {
    height: 20px
  }
  #wrap-resp-picto li .content-svg-tools {
    width: 35px
  }
  #wrap-resp-picto li:last-child form input[type=text] {
    color: #fff;
    background: 0 0;
    border: none;
    font-size: 12px;
    font-weight: 100;
    outline: 0
  }
  #wrap-resp-picto li:last-child form input::-webkit-input-placeholder {
    color: #fff
  }
  header nav.header-top-screen .item-nav button {
    width: 30px
  }
  header nav.header-top-screen .item-nav button span {
    margin: 4px 0
  }
  header nav.header-top-screen .item-nav button span#line-3 {
    width: 20px
  }
  footer nav {
    padding: 50px 10% 75px
  }
  header nav.header-top-screen .item-nav.nav-fcnantes {
    width: 206px
  }
  header .selected-none .nav-fcnantes {
    display: inline-block!important
  }
  #button-open-engrenage,
  header nav.header-top-screen .nav-menu.item-nav {
    width: 24.33%
  }
  header nav.header-top-screen .nav-fcnantes.item-nav {
    width: 51.333%
  }
  .same-height {
    display: none!important
  }
  #single .image-single {
    width: 100%;
    height: 75vh;
    position: relative!important
  }
  #single .image-single .cut-anim {
    height: 75vh
  }
  .share-social {
    top: initial!important;
    bottom: -20px!important;
    right: calc(50% - -5px);
    left: auto!important
  }
  .jssocials-share-count {
    margin: 0!important
  }
  #single .single-content {
    width: 100%;
    left: 0;
    margin-top: 40px
  }
  #single-article .single-content .title-single-content {
    z-index: 9
  }
  .single-content .title-single-content p {
    margin-bottom: 8%
  }
  .single-content .content-single-content,
  .text {
    text-align: justify
  }
  .single-content aside article.news-white,
  .zone-pub-newsletter a,
  aside .zone-pub-newsletter .all-next-matche .next-matche {
    box-shadow: 0 0 20px rgba(42, 42, 41, .2)!important
  }
  a.all-category-single-aside {
    box-shadow: none!important
  }
  aside .zone-pub-newsletter .all-next-matche .next-matche a,
  aside .zone-pub-newsletter .all-next-matche .next-matche img,
  aside .zone-pub-newsletter .all-next-matche .next-matche p {
    -webkit-transform: translateZ(0)!important;
    transform: translateZ(0)!important
  }
  #go-home {
    right: calc(50% - 45px)!important
  }
  .footer-image {
    bottom: 40px
  }
  .footer-image .nav {
    top: -40px
  }
  #single-page .share-social {
    top: initial!important;
    bottom: -20px!important
  }
}

@media all and (min-width:0px) and (max-width:700px) {


#blason-nav {
background-image: url('/images/blason.png');
background-repeat: no-repeat;
background-size:40px 40px;
/*margin-top: 5px;*/
}

#blason-nav2 {
background-image: url('/images/blason.png');
background-repeat: no-repeat;
background-size:40px 40px;
/*margin-top: 5px;*/
}

header nav.header-top-screen.header-down #blason-nav {
background-image: url('/images/blasonV.png');
background-repeat: no-repeat;
background-size:40px 40px;
margin-top: 5px;
}

header nav.header-top-screen.header-down #blason-nav {
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}


  #add-dda {
    font-size: 14px
  }
  section.menu-full .all-ellements-menu nav {
    width: 100%;
    display: block
  }
  section.menu-full .bande-menu-full {
    width: 10px;
    position: fixed;
    left: auto
  }
  section.menu-full .all-ellements-menu {
    margin-left: 30px
  }
  header nav.header-top-screen {
    padding-left: 15px!important;
    padding-right: 15px!important
  }
  section.menu-full .filtre-menu {
    position: fixed;
    left: auto
  }
  section.menu-full .background-menu-full {
    transform: scale(1)
  }
  section.menu-full .all-ellements-menu nav ul li {
    line-height: 20px!important
  }
  section.menu-full .all-ellements-menu nav ul li a {
    font-size: 16px!important;
    line-height: 20px!important
  }
  section.menu-full .menu-social-sidebar {
    margin-top: 40px
  }
  .cache-nav {
    max-height: 0;
    overflow: hidden;
    transition: all .5s
  }
  .open-ul-nav {
    max-height: 500px!important
  }
  footer nav ul:nth-child(1),
  footer nav ul:nth-child(2) {
    margin-bottom: 25px
  }
  footer nav ul {
    width: 50%
  }
  .auto-basique,
  .intro .content-intro .auto {
    width: 80%
  }
  .intro .content-intro a:nth-child(6),
  .intro .content-intro a:nth-child(7),
  .intro .content-intro p {
    font-size: 14px
  }
  .intro .content-intro h1 {
    font-size: 40px
  }
  .intro .content-intro a:nth-child(4) {
    font-size: 14px
  }
  .content-decennie {
    margin: 15px auto
  }
  .content-decennie article:nth-child(odd) {
    margin-right: 0
  }
  .content-decennie article {
    width: 100%;
    margin: 15px 0
  }
  #decennie h1 {
    font-size: 40px;
    top: -51px
  }
  #decennie aside .content-aside .first-button-dece,
  #decennie aside .content-aside .second-button-dece,
  #decennie aside .content-aside p,
  #decennie aside .nav .date-nav {
    font-size: 14px
  }
  #recherche .content-hr,
  .cut-anim.new-cate-image {
    height: calc(100vh - 40px)!important
  }
  .category-news {
    padding-top: 50px
  }
  .category-news .block-ancre-actu {
    top: calc(100vh - 60px)
  }
  .category-news .home-news {
    margin: 20px auto auto
  }
  .category-medias {
    width: 100%
  }
  .category-medias article.first-media-cate {
    height: 320px
  }
  .category-medias .l-cate-medias {
    padding: 0!important;
    margin-top: 20px
  }
  .category-medias .l-cate-medias article {
    width: 100%;
    padding: 0!important;
    height: 320px;
    margin-bottom: 20px
  }
  .category-medias article.first-media-cate:nth-child(2) {
    margin: 20px 0!important
  }
  .single-content .title-single-content h1 {
    width: 75%
  }
  .single-content p.chapeau-single-content {
    padding-right: 0;
    text-align: justify
  }
  .single-content aside article.news-white {
    height: 320px!important
  }
  .single-content aside article.news-white .cut-scale {
    height: 60%;
    width: 100%
  }
  .content-block-news-white {
    width: 100%;
    padding: 25px!important;
    height: 40%
  }
  .single-content aside article.news-white h2 {
    font-size: 12px!important
  }
  .single-content aside article.news-white p {
    margin-top: 7.5px!important
  }
  .content-articles {
    margin: 30px 0
  }
}

@media all and (min-width:0px) and (max-width:500px) {
  .content-articles .event hr,
  header nav.header-top-screen .item-nav #name-button-burger-nav {
    display: none
  }
  #add-dda {
    font-size: 12px
  }
  header nav.header-top-screen {
    padding-top: 15px
  }
  section.menu-full .menu-social-sidebar .title-social p {
    width: 200px
  }
  section.menu-full .all-ellements-menu nav h2 {
    font-size: 18px
  }
  section.menu-full .all-ellements-menu nav ul {
    margin-bottom: 10px
  }
  section.menu-full .all-ellements-menu {
    margin-top: 80px
  }
  section.menu-full .menu-social-sidebar {
    padding: 0 20px;
    margin-top: 0
  }
  header .menu-full .item-nav {
    width: 50%!important
  }
  header .menu-full .nav-fcnantes {
    text-align: right!important
  }
  section.menu-full .header-full-screen {
    padding-top: 15px
  }
  .input_menu_open {
    width: 50px!important
  }
  header nav.header-top-screen {
    padding-left: 12px!important;
    padding-right: 12px!important
  }
  header nav.header-top-screen ul.icon-menu {
    margin-left: 0
  }
  .nav-fcnantes #name-nav {
    font-size: 12px!important
  }
  .nav-fcnantes img {
    width: 35px!important;
    margin-right: 0
  }
  footer nav ul {
    width: 100%
  }
  footer nav ul:nth-child(3) {
    margin-bottom: 25px
  }
  .auto-basique,
  .intro .content-intro .auto {
    width: 100%;
    padding: 0 20px
  }
  .intro .content-intro p {
    font-size: 12px
  }
  .intro .content-intro h1,
  .title-on-img {
    font-size: 26px
  }
  .intro .content-intro a:nth-child(6),
  .intro .content-intro a:nth-child(7) {
    font-size: 11px;
    padding: 2px 10px
  }
  .intro .content-intro a:nth-child(4),
  .timeline ul li {
    font-size: 12px
  }
  .content-articles .event:nth-child(4n+2),
  .content-articles .event:nth-child(4n+4) {
    right: 0;
    margin-top: 30px!important
  }
  .content-articles .event:nth-child(4n+1),
  .content-articles .event:nth-child(4n+3) {
    left: 0
  }
  .content-articles .event .hr-smartphone {
    display: block!important;
    height: 32px;
    width: 2px;
    left: calc(50% - 1px);
    bottom: -32px
  }
  .timeline,
  .timeline-decennie {
    right: 10px
  }
  .timeline ul {
    right: 30px
  }
  .timeline-decennie ul li {
    font-size: 12px!important
  }
  #single .image-single,
  #single .image-single .cut-anim {
    height: 65vh
  }
  #single .single-content {
    margin-top: 0;
    padding-top: 56px
  }
  .single-content .title-single-content p {
    margin-bottom: 20px
  }
  #decennie h1 {
    font-size: 26px;
    top: -33px
  }
  #decennie aside .content-aside .first-button-dece,
  #decennie aside .content-aside .second-button-dece {
    font-size: 11px
  }
  #decennie aside .content-aside p,
  #decennie aside .nav .date-nav,
  .content-decennie article p {
    font-size: 12px
  }
  .solo-hr {
    top: 60px
  }
  #decennie aside {
    padding: 87px 20px 37px
  }
  .nav .date-nav hr {
    width: 25px
  }
  .content-decennie {
    margin: 30px auto 0;
    width: 100%
  }
  .content-decennie article h2 {
    font-size: 16px
  }
  .content-decennie article {
    width: 220px;
    display: block;
    margin: auto auto 30px
  }
  .content-decennie article:nth-child(odd) {
    margin-right: auto
  }
  .content-decennie article .content-slideshow-bg {
    height: 138px
  }
  #decennie-5 {
    margin-top: 30px!important
  }
}

@media all and (min-height:0px) and (max-height:450px) {
  header nav.header-top-screen {
    padding-top: 0!important
  }
}