@media only screen and (min-width: 1900px) {
  .path-journal-interne #wrap > .container {
    width: 1600px !important;
    max-width: inherit;
  }
}

@media (max-width: 1899px) and (min-width: 1650px) {
  .path-journal-interne #wrap > .container {
    width: 1470px !important;
    max-width: inherit;
  }
}

@media (max-width: 1649px) and (min-width: 1500px) {
  .path-journal-interne #wrap > .container {
    width: 1405px !important;
    max-width: inherit;
  }
}

@media (min-width: 1200px) and (max-width: 1499px) {
  .path-journal-interne #wrap > .container {
    width: 1100px !important;
    max-width: inherit;
  }
}

@media (max-width: 1499px) {
  .view-journal-interne .view-content .views-col {
    width: 50% !important;
  }

  .view-journal-interne .view-content .views-row,
  .view-journal-interne .view-content .views-row::after {
    float: none;
    clear: none;
    display: inherit;
    content: "";
  }
}

@media only screen and (min-width: 1200px) {
  .container {
    width: 1200px;
  }

  #header {
    width: 920px;
  }

  #navigation ul.sf-menu {
    width: 1015px;
  }

  #navigation ul.sf-menu li a,
  #navigation ul.sf-menu li > span {
    padding: 0px 35px;
  }
}

@media (max-width: 1199px) {
  .path-user #block-marquedusite::after {
    width: 930px;
  }

  #header .inner {
    text-align: center;
  }
  #block-marquedusite {
    display: inline-block;
  }
  #name-and-slogan {
    float: left;
  }
  .path-user #name-and-slogan {
    float: none;
  }
  body:not(.path-user) #header-right {
    background-position: right 15px center;
    height: 123px;
  }
  .region region-header-right {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  }
  #block-logout > div:not(.contextual),
  #block-formulairederecherche #search-block-form {
    display: inline-block;
    background-color: #ffffff;
  }
  #block-logout > div:not(.contextual) {
    padding-left: 15px;
  }
  #search-block-form {
    padding: 5px 0 0px 20px;
    margin-top: -6px;
  }
  #block-formulairederecherche #edit-actions {
    top: 12px;
  }
  #navigation ul.sf-menu {
    width: 100% !important;
  }

  #block-views-block-agenda-block-1 .view-agenda .view-content .views-col {
    width: 100% !important;
  }

  .path-actualites .view-actualite .view-content .views-row {
    flex-wrap: wrap;
  }
  .path-actualites .view-actualite .views-col {
    width: 50% !important;
  }
  .view-actualite .view-content .views-col .views-field a {
    display: block;
  }
  #block-views-block-actualite-block-2
    .view-actualite
    .view-content
    .views-col
    .actu
    div:nth-child(2) {
    min-height: 285px;
  }

  #navigation ul.sf-menu li a,
  #navigation ul.sf-menu li .sf-depth-1 {
    font-size: 1.14em !important;
  }
}

@media (max-width: 991px) {
  .path-user #block-marquedusite::after {
    width: 690px;
  }

  body:not(.path-user) #header-container {
    position: relative;
  }
  body:not(.path-user) #header-container > .container:nth-child(4),
  #navigation {
    position: static;
  }
  #block-navigationprincipale .sf-accordion-toggle {
    position: absolute;
    right: 0;
    top: -245px;
  }
  #block-navigationprincipale .sf-accordion-toggle::after {
    content: "";
    display: block;
    clear: both;
  }
  body:not(.path-user) #header-right {
    background-image: inherit;
    height: inherit;
  }
  body:not(.path-user) #header .inner {
    padding-bottom: 0;
  }
  body:not(.path-user) #header-right .inner {
    padding-top: 0;
  }
  body:not(.path-user) #block-marquedusite {
    align-items: flex-end;
    justify-content: space-between;
  }
  body:not(.path-user) #header-right .region-header-right {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  #block-logout,
  #block-formulairederecherche {
    text-align: left;
  }
  #block-formulairederecherche {
    padding-top: 0;
  }
  body:not(.path-user) #header #site-name {
    line-height: 17px;
  }
  body:not(.path-user) #header #name-and-slogan {
    width: 50%;
  }
  body:not(.path-user) #header #logo {
    width: inherit;
  }

  .sf-accordion-toggle span {
    color: transparent;
    background: url(../images/menu_burger.png) no-repeat center center;
    width: 32px;
    height: 20px;
    display: block;
  }
  #navigation {
    background-color: transparent;
    width: 100%;
    height: auto;
  }

  #navigation ul.sf-menu li ul a,
  #navigation ul.sf-menu li ul span:not(.sf-sub-indicator),
  #navigation ul.sf-menu li ul a:hover,
  #navigation ul.sf-menu li ul span:hover {
    background-color: inherit !important;
  }
  #block-navigationprincipale #superfish-main-accordion li.sf-depth-1 {
    background-color: #7bc7c9;
  }
  #block-navigationprincipale
    #superfish-main-accordion
    li.sf-depth-1.menuparent
    ul
    li.sf-depth-2 {
    background-color: #45b6af;
  }
  #block-navigationprincipale
    #superfish-main-accordion
    li.sf-depth-1.menuparent
    ul
    li.sf-depth-2.menuparent
    .sf-depth-3 {
    background-color: #34a194;
  }
  #block-navigationprincipale #superfish-main-accordion li.sf-depth-1:hover {
    background-color: #37b6bb;
  }
  #block-navigationprincipale
    #superfish-main-accordion
    li.sf-depth-1.menuparent
    ul
    li.sf-depth-2:hover {
    background-color: #18ae9f;
  }
  #block-navigationprincipale
    #superfish-main-accordion
    li.sf-depth-1.menuparent
    ul
    li.sf-depth-2.menuparent
    .sf-depth-3:hover {
    background-color: #008c75;
  }

  #navigation #superfish-main-accordion > li ul {
    width: 100%;
  }
  #navigation #superfish-main-accordion > li,
  #navigation #superfish-main-accordion > li ul li {
    display: inline-block;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 0 !important;
  }

  #navigation #superfish-main-accordion > li ul li ul li a {
    padding-left: 30px !important;
  }

  #navigation #superfish-main-accordion > li:not(:last-child) {
    border-bottom: 2px solid #f5efeb;
  }

  #navigation > ul li span,
  #navigation ul.sf-menu li span {
    cursor: pointer;
  }

  #navigation #superfish-main-accordion li a,
  #navigation #superfish-main-accordion li > span {
    text-decoration: none;
    padding: 15px 15px !important;
    text-decoration: none;
    font-size: 1.43em !important;
    display: block;
    padding: 15px;
    color: #ffffff !important;
  }

  #navigation ul.sf-menu > li:not(:last-child):hover {
    border-bottom: 2px solid #f5efeb !important;
  }

  #navigation ul.sf-menu > li:last-child:hover {
    border-bottom: none !important;
  }

  #navigation ul li a:hover,
  #navigation ul.sf-menu li a:hover {
    position: static !important;
    z-index: 9999;
  }

  #navigation ul ul {
    position: static !important;
  }

  .sf-sub-indicator {
    display: block;
  }

  ul.sf-menu.sf-accordion .sf-sub-indicator::after,
  #navigation #superfish-main-accordion > li ul li .sf-sub-indicator::after {
    content: "";
    background: url(../images/menu_plus_blc.png) no-repeat center center;
    width: 12px;
    height: 12px;
  }

  #superfish-main-accordion > li.sf-expanded > .nolink .sf-sub-indicator::after,
  #superfish-main-accordion > li.sf-expanded > span > .sf-sub-indicator::after,
  #navigation
    #superfish-main-accordion
    > li
    ul
    li.sf-expanded
    .sf-sub-indicator::after {
    background: url(../images/menu_moins_blc.png) no-repeat center center !important;
  }

  #featured > .row > div:first-child {
    order: 2;
  }
  #featured > .row > div:nth-c=hild(2) {
    order: 1;
  }

  .path-actualites .view-actualite .views-col {
    width: 100% !important;
  }
  #block-views-block-actualite-block-2
    .view-actualite
    .view-content
    .views-col
    .actu
    div:nth-child(2) {
    min-height: 190px;
  }

  #block-views-block-agenda-block-1 .view-agenda .view-content .views-col {
    width: 100% !important;
  }
  .path-agenda .view-agenda .view-content .views-col {
    width: 100% !important;
    padding: 0;
    margin: 0 !important;
    float: left !important;
  }
  .path-agenda .view-agenda .view-content .views-col > .views-field {
    margin: 0 15px;
    padding: 0;
  }
  .path-agenda .view-agenda .views-view-grid .views-row,
  .path-agenda .view-agenda .views-view-grid .views-row::after {
    clear: none;
    float: none;
    display: inherit;
    content: "";
  }
  .path-agenda .view-agenda .views-view-grid .views-row::after {
    display: block;
  }
  .path-agenda #wrap #content {
    float: none;
  }

  .renouvellement #coordonnees .fieldset-wrapper:nth-child(2) label,
  #form_adhesion #coordonnees .fieldset-wrapper:nth-child(2) label {
    width: 165px;
  }

  #info_connexion label,
  #info_connexion input[type="email"],
  #info_connexion input[type="password"] {
    width: 100% !important;
  }

  .account .form-item:nth-child(9) label,
  .account .form-item:nth-child(10) label {
    text-align: left;
    width: 100% !important;
  }

  .view-journal-interne .view-content .views-col {
    width: 80% !important;
    margin: auto;
    float: none;
  }
}

@media (max-width: 767px) {
  .bootstrap-tabs .nav-tabs > li {
    margin-right: 0;
    width: 100%;
    float: none;
  }
  .path-user #block-marquedusite::after {
    width: 510px;
  }

  body:not(.path-user) #block-marquedusite #logo img {
    max-width: 150px;
  }
  body:not(.path-user) #header-right {
    top: 14px;
  }
  #header #site-name a {
    font-size: 35px;
  }
  #header-top {
    width: 100%;
  }
  #block-navigationprincipale .sf-accordion-toggle {
    position: absolute;
    right: 0;
    top: -197px;
  }

  body:not(.path-user) #header-container > .container:nth-child(4) {
    left: calc((100% - 540px) / 2);
  }

  #block-views-block-actualite-block-2
    .view-actualite
    .view-content
    .views-col
    .actu
    div:nth-child(2) {
    min-height: 260px;
  }

  #block-views-block-agenda-block-1 .view-agenda .view-content .views-col {
    width: 100% !important;
  }

  .path-actualites .view-actualite .views-col {
    width: 100% !important;
  }

  #coordonnees label/*,
	#coordonnees input:not([type="radio"])*/ {
    display: block;
    width: 80%;
    margin: auto;
  }

  #coordonnees label {
    padding-bottom: 10px;
    text-align: left;
  }

  .renouvellement tr.departement td label,
  #form_adhesion tr.departement td label {
    display: block;
  }

  .renouvellement tr.departement td label:not(:first-child) input[type="radio"],
  #form_adhesion tr.departement td label:not(:first-child) input[type="radio"] {
    margin-left: 0 !important;
  }

  #coordonnees label,
  #coordonnees input[type="text"],
  #renseignement-complementaire label,
  #renseignement-complementaire input[type="text"] {
    width: 100% !important;
  }

  table#information_adhesion {
    width: 100% !important;
  }

  .view-journal-interne .view-content .views-col {
    width: 100% !important;
  }

  #form_adhesion,
  #form_adhesion #info_connexion,
  #info_connexion .form-elt label,
  #info_connexion .form-elt input {
    width: 100% !important;
  }
  #form_adhesion .form-elt {
    flex-wrap: wrap;
  }
  #form_adhesion .form-elt .label-form {
    text-align: left !important;
  }
  #form_adhesion .flex.end {
    justify-content: inherit !important;
  }
  #form_adhesion .form-elt .list {
    width: 100% !important;
  }

  p.iframe {
    position: relative;
    overflow: hidden;
    padding-top: 58.5%;
  }
  p.iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}

@media (max-width: 575px) {
  body:not(.path-user) #header-container > .container:nth-child(4) {
    left: inherit;
    right: 0;
  }
  #block-views-block-actualite-block-2 .view-actualite .view-header h2,
  #block-views-block-agenda-block-1 .view-agenda .view-header h2,
  #block-renouvellementadhesion .field--name-body h2,
  #block-agapeiblockadhesion h2 {
    padding: 0 15px;
  }

  #block-nonadherent .field--name-body p:last-child a {
    margin-right: 0;
  }
  .path-user #block-marquedusite {
    max-width: 100%;
  }

  .view-actualite .view-content .views-col .actu .col-md-4 {
    text-align: center;
  }
  .view-actualite .actu img {
    width: 100%;
    margin-bottom: 15px;
  }
  #block-views-block-actualite-block-2
    .view-actualite
    .view-content
    .views-col
    .actu
    div:nth-child(2) {
    min-height: 170px;
  }
  #featured {
    margin: auto;
    padding: 0;
  }

  #featured > div {
    padding: 0;
  }

  #block-views-block-actualite-block-1
    .view-actualite
    .view-content
    .views-col {
    margin: 0;
  }

  .region-header-top-right {
    flex-wrap: wrap;
  }

  .path-agenda .view-agenda .view-content .views-col {
    width: 100% !important;
    float: none;
  }

  #form_adhesion #info_connexion {
    width: 100%;
  }

  #block-agapeiadherents-content .DivPaiement {
    display: block;
    width: 100%;
    text-align: center;
  }

  #block-agapeiadherents-content .DivPaiement input {
    display: inline-block;
  }
  #form_adhesion #BtnSubmit {
    flex-direction: inherit !important;
  }
  #form_adhesion #SubmitAdh {
    padding: 15px !important;
    font-size: 1rem !important;
  }
}

@media (max-width: 489px) {
  #header #site-name a {
    font-size: 32px;
  }

  #block-agapeiadherents-content #justificatif {
    width: 100%;
  }

  #block-agapeiadherents-content #justificatif tr th {
    display: none;
  }

  #block-agapei_adherents-content #justificatif .entete {
    display: block;
    width: 100% !important;
    background-color: #e0662f;
    color: #fff;
    text-align: center;
  }

  #block-agapeiadherents-content #justificatif .info {
    display: block;
    width: 100% !important;
  }
}

@media (max-width: 470px) {
  #block-formulairederecherche {
    margin-bottom: 20px;
    padding-right: 0;
  }
}
@media (max-width: 439px) {
  .path-user form,
  #block-nonadherent .field--name-body,
  #block-titreformconnexion .field--name-body {
    width: 100%;
  }
  .path-user form:not(.user-login-form) .form-item label {
    width: 100%;
    text-align: left;
    margin-right: 0;
  }
  .path-user form:not(.user-login-form) .form-item input {
    width: 100%;
  }
  .path-user #main .form-item #edit-pass--description {
    padding-left: 0;
  }
  .path-user form #edit-actions input {
    margin: auto;
  }
  #block-nonadherent .field--name-body p:last-child {
    margin-right: 0;
  }
}
@media (max-width: 436px) {
  #header #site-name a {
    font-size: 24px;
  }
}

@media (max-width: 370px) {
  body:not(.path-user) #header-right .region-header-right {
    flex-wrap: wrap;
  }
  #block-logout,
  #block-formulairederecherche {
    width: 100%;
  }
  #block-formulairederecherche,
  #block-logout > div:not(.contextual) {
    text-align: center;
  }
  #block-logout > div:not(.contextual) {
    display: block;
    padding-left: 0;
  }
  #block-formulairederecherche #search-block-form {
    padding-left: 0;
    margin-top: 5px;
  }
  #block-navigationprincipale .sf-accordion-toggle {
    top: -258px;
  }
}

@media (max-width: 320px) {
  .path-actualites .view-actualite .view-content .views-col .actu {
    margin: 0 0 20px 0;
  }

  #coordonnees label,
  #coordonnees input:not([type="radio"]) {
    width: 100%;
  }

  #form_adhesion .form-submit div:first-child {
    width: 100% !important;
  }

  table#information_adhesion tr td {
    padding: 2px !important;
  }
}