label#jform_email1-lbl {
    color: red;
}
.com-users-registration {
  background-color: white;
   border-radius: 0.5em !Important;
  padding: 1em;
}
.com-content-article {
  overflow: hidden;
}

.sijr-fede-titre {
  background:black;
  color: white;
  margin: -1em -1em 0 -1em;
  padding: 0.5rem 0 0 0;
}
.sijr-fede-infos {
   background: white;
}
.sijr-fede-spectacles  {
   background: white;
}
.sijr-fede-subv {
   background: white;
} 
.sijr-fede-contacts {
   background: white;
} 
.sijr-fede-subv-l {
   background: white;
} 
.sijr-fede-infos2 {
   background: white;
} 
.sijr-fede-liens a {
  background-color: var(--cyan);
  color: white;
}
.sijr-fede-liens a:hover {
  color: #f8bb19;
}
.sijr-fede-desc {
    color: white;
}
.blog-item .item-image {
    margin-bottom: 15px;
    margin-top: 0px;
    overflow: hidden;
}
.sijr-map-button {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 1);
  padding: -0.5rem 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #dfe3e7;
  font-size: 1.286rem;
  margin-top: 0;
  line-height: 1.2;
  border-radius: 0.5em !Important;
  width: 100%;
  font-weight: var(--cassiopeia-font-weight-headings, 700);
}
.sijr-map-button:hover {
  background-color: #f8bb19;
}
.sijr-map-content {
  overflow: hidden;
}

.top-a {
  padding: 0px !important;
}

.navbar-brand {display:block !important;}     
.site-grid>.full-width {grid-column: 2/6;}        
.site-grid{grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,16.875rem)) [main-end] minmax(0,1fr) [full-end];}
.header .grid-child {max-width: 70em;}
.footer .grid-child {max-width: 70em;}
.topbar .grid-child {max-width: 70em;}
:root{  
        --cassiopeia-color-primary:#f8bb19;
        --cassiopeia-color-link:#000000 ;
        --cassiopeia-color-hover:#f8bb19 ;
        --cassiopeia-font-family-body: "roboto" ;
        --cassiopeia-font-family-headings: "roboto" ;
        --cassiopeia-font-weight-headings: 700 ;
        --cassiopeia-font-weight-normal: 300 ;
    }
html {background: url("https://catalogue-pole-sud.fr/images/headers/fond-fede.jpg#joomlaImage://local-images/headers/fond-fede.jpg?width=1280&height=718");background-repeat: no-repeat; background-position: center center; background-size: cover;  background-attachment: fixed; }
p,li,ul,td,table {font-size: 1rem !important}
.atss {top: 20%}
body {background-color: rgba(230, 230, 230, 0.15); }
.brand-logo {font-family: "oswald"}   
.btn-primary{color: #ffffff ; background-color: #f8bb19; border-color: #f8bb19}
.btn-secondary{color: #353b41 ; background-color: #ffffff; border-color: #ced4da}
.btn-info{color: #ffffff ; background-color: #30638d; border-color: #30638d}
.btn-success{color: #ffffff ; background-color: #448344; border-color: #448344}
.btn-warning{color: #ffffff ; background-color: #ad6200; border-color: #ad6200}
.btn-danger{color: #ffffff ; background-color: #a51f18; border-color: }
.blog-item {background-color: rgba(255, 255, 255, 1)}
.btn, .badge {border-radius: 0.5rem}
.card-header{background-color: rgba(0, 0, 0, 1) }
.card, .mm-collapse, .breadcrumb, .item-content, .blog-item, .item-image, .item-page, .card-header, .left.item-image img, .category-list, .reset, .remind, .pagination,.page-link, .login, .list-group-item, .finder, .no-card .newsflash-horiz li {border-radius: 0.5em !Important}
.close_button {float:right; bottom: 5px; border-radius: 0.5rem; padding: 5px;}
.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before {background: #f8bb19; opacity: 1}
.container-banner .banner-overlay .overlay {background-color: rgba(21, 64, 44, 0.5);}
.container-bottom-a>*, .container-bottom-b>*, .container-top-a>*, .container-top-b>* {margin: 1em 0 0 0 ;}
.container-top-a {background-color:rgba(255, 255, 255, 0) }
.container-top-b {background-color:rgba(255, 255, 255, 0)}
.container-bottom-a {background-color:rgba(255, 255, 255, 0) }
.container-bottom-b {background-color:rgba(255, 255, 255, 0)  }
.container-banner .banner-overlay {height:30vh }
.container-header .metismenu>li.level-1>ul {min-width: 15rem;}
    .container-header .mod-menu, .container-header .navbar-toggler {color: #000000}
    .card-header {color: #ffffff;}
    .container-header {background-color: white; background-image: none;}
    .footer {background: url(https://catalogue-pole-sud.fr//) ; box-shadow: inset 0 0 0 5000px  rgba(23, 23, 23, 0.9);background-size: 100% auto; background-repeat: no-repeat; }
.container-nav {flex-direction: row-reverse; }
    .footer .grid-child {align-items:flex-start}
    .h1, h1 {font-size:1.875rem }
    .h2, h2 {font-size:1.271rem }
    .h3, h3 {font-size:1.286rem }
    .h4, h4 {font-size:1.111rem }
    .h5, h5 {font-size:1.05rem }
    .item-page, .com-users, .com-users-reset, .com-users-remind, .com-users-profile, .com-content-category, .card, .mod-articlesnews-horizontal li, .breadcrumb, .finder, .login {background-color: rgba(255, 255, 255, 1); padding: 15px;}
.item-content {padding: 15px; }
    .metismenu.mod-menu .metismenu-item {flex-wrap: wrap !Important;justify-content: flex-end;}
    .navbar-brand {font-family: Roboto;padding-top: 0rem; padding-bottom: 0rem;}
    .result__title-text {font-size: 1.286rem; font-size: 1.5rem; color: #f8bb19}
    .result__item>*+* {margin-left: 1em; margin-bottom: 1em;  }
            @media (min-width:200px) and (max-width:768px){.footer .grid-child {display:flex; flex: 1 1 300px; flex-direction: column} }
        @media (min-width:768px) {.bottombar{display:none;} }

@media (max-width: 767.98px) {.container-header .container-nav .container-search, .container-header .container-nav nav {     margin-top: 1em;     justify-content: flex-end;}
}
.header.container-header.full-width {
	display: grid;
	grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,16.875rem)) [main-end] minmax(0,1fr) [full-end];
	grid-gap: 0 1em;
	align-items: center;
}
.container-header .grid-child:first-child {
	grid-column: 2/2;
}
.container-header .container-nav {
	grid-column: 3/6;
}
.sijr-fede-h1 .h1{
  text-align: center;
}
.sijr-fede-logo img {
  max-height: 237px;
  width: auto;
}
.sijr-fede-plan .leaflet-container {
  border-radius: 0.5em !Important;
  overflow: hidden;
}
.sijr-fede-adresse ul {
  padding-left: 0;
}
@media (min-width: 768px){
.sijr-fede-container  {
  display: grid;
  grid-template-columns: [main-start] repeat(3,1fr) [main-end] ;
  grid-gap: 1em;
}
.sijr-fede-titre {
  grid-column: 1 / 4;
  grid-row: 1;
}
.sijr-fede-logo {
  grid-column: 1 ;
  grid-row: 2;
}
.sijr-fede-adresse {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    line-height: 80%;
}
.sijr-fede-plan {
  grid-column: 3 ;
  grid-row: 2;
}
.sijr-fede-infos {
    grid-column: 1/4;
    grid-row: 3;
    border-style: solid;
    border-radius: 0.5em !Important;
    padding: 0.5rem;
}
.sijr-fede-infos p {
  margin: 0 1rem;
}
.sijr-fede-infos ul {
    display: flex;
  justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap;
  padding-inline-start: 0;
  margin-bottom: 0rem;
}
.sijr-fede-infos li {
  list-style: inside;
}
.sijr-fede-liens {
    grid-column: 1/4;
    grid-row: 4;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.sijr-fede-liens a {
    margin: 0 1rem 1rem 1rem;
    border-style: outset;
    border-radius: 0.5em !Important;
    padding: 0.1rem 1rem 0.1rem 1rem;
    text-transform: uppercase;
}
.sijr-fede-desc {
  grid-column: 1/4 ;
  grid-row: 5;
}
.sijr-fede-spectacles {
  grid-column: 1/2 ;
  grid-row: 6;
  border-style: solid;
  border-radius: 0.5em !Important;
  padding: 0.5rem;
}
.sijr-fede-spectacles a {
  color:chocolate;  
}
.sijr-fede-spectacles a:hover {
  color:#f8bb19;  
}
.sijr-fede-subv {
  grid-column: 2/4 ;
  grid-row: 6;
  border-style: solid;
  border-radius: 0.5em !Important;
  padding: 0.5rem;
}
.sijr-fede-subv-l {
  grid-column: 1/4 ;
  border-style: solid;
  border-radius: 0.5em !Important;
  padding: 0.5rem;
}
.sijr-fede-contacts {
  grid-column: 1/4 ;
  grid-row: 7;
  border-style: solid;
  border-radius: 0.5em !Important;
  padding: 0.5rem;
}
.sijr-fede-infos2 {
    grid-column: 1/4;
    grid-row: 8;
    border-style: solid;
    border-radius: 0.5em !Important;
    padding: 0.5rem;
}
.sijr-fede-infos2 p {
  margin: 0 1rem;
}
.sijr-fede-infos2 ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  padding-inline-start: 0;
  margin-bottom: 0rem;
}
.sijr-fede-infos2 li {
  list-style: inside;
  }}
@media (max-width: 767.99px){
  .sijr-fede-container  {
  display: grid;
  grid-template-columns: [main-start] repeat(2,1fr) [main-end] ;
  grid-gap: 0.5em;
}
.sijr-fede-titre {
  grid-column: 1 / 3;
  grid-row: 1;
}
.sijr-fede-logo {
  grid-column: 1 ;
  grid-row: 2;
}
.sijr-fede-adresse {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
  text-align: center;
    justify-content: center;
    flex-wrap: nowrap;
    line-height: 80%;
}
.sijr-fede-plan {
  grid-column: 2 ;
  grid-row: 3;
}
.sijr-fede-infos {
    grid-column: 1;
    grid-row: 3;
    border-style: solid;
    border-radius: 0.5em !Important;
    padding: 0.5rem;
}
.sijr-fede-infos ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  padding-inline-start: 0;
  margin-bottom: 0rem;
}
.sijr-fede-infos li {
  list-style: none;
}
.sijr-fede-liens {
    grid-column: 1/3;
    grid-row: 4;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.sijr-fede-liens a {
    margin: 1rem0 0 1rem 0;
    border-style: outset;
    border-radius: 0.5em !Important;
    padding: 0.1rem 1rem 0.1rem 1rem;
    text-transform: uppercase;
}
.sijr-fede-desc {
  grid-column: 1/3 ;
  grid-row: 5;
}
.sijr-fede-spectacles {
  grid-column: 1/3 ;
  grid-row: 6;
  border-style: solid;
  border-radius: 0.5em !Important;
  padding: 0.5rem;
}
.sijr-fede-spectacles a {
  color:chocolate;  
}
.sijr-fede-spectacles a:hover {
  color:#f8bb19;  
}
.sijr-fede-subv {
  grid-column: 1/3 ;
  grid-row: 7;
  border-style: solid;
  border-radius: 0.5em !Important;
  padding: 0.5rem;
}
.sijr-fede-subv-l {
  grid-column: 1/3 ;
  border-style: solid;
  border-radius: 0.5em !Important;
  padding: 0.5rem;
}
.sijr-fede-contacts {
  grid-column: 1/3 ;
  grid-row: 8;
  border-style: solid;
  border-radius: 0.5em !Important;
  padding: 0.5rem;
}
.sijr-fede-infos2 {
    grid-column: 1/3;
    grid-row: 9;
    border-style: solid;
    border-radius: 0.5em !Important;
    padding: 0.5rem;
}
.sijr-fede-infos2 p {
  margin: 0 1rem;
}
.sijr-fede-infos2 ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    padding-inline-start: 0;
  margin-bottom: 0rem;
}
.sijr-fede-infos2 li {
  list-style: none;
}
}
.sijr-fede-infos .field-label  {
  font-weight: 700;
} 
.sijr-fede-infos2 .field-label  {
  font-weight: 700;
}  
.sijr-fede-logo figure {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none !Important;
}
.sijr-fede-logo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
