@font-face {
    font-family: montserrat;
    src: url('//fonts.cdnfonts.com/css/montserrat?styles=17403');
}

@font-face {
    font-family: tradegothic;
    src: url('//fonts.cdnfonts.com/css/trade-gothic-lt-std');
}


.establishment-logo{background:url("https://s3.unistra.fr/immersup_lorraine_prod/prod/2022/logo_ujalu_450.png?AWSAccessKeyId=NDSAKXGWPV0HF9H6466A&Signature=AUiJb%2Fkyb3tZJ2SJIycv%2BhGS%2F3M%3D&Expires=2668074688");background-repeat: no-repeat; margin: 0 auto;height:87px; width:450px}

.bg-gray {
    background-color: #fff !important;
}


@media (max-width:767.98px){
	.navbar-toggler .hide{display:block}
	.navbar-toggler .show{display:none}
	.navbar-toggler.collapsed .hide{display:none}
	.navbar-toggler.collapsed .show{display:block}
	}

.navbar.navbar-light.bg-light {
	background-color: #000 !important;
}
.navbar-light .navbar-toggler {
    color: rgb(255,237,69);
    border-color: rgba(0,0,0,.1);
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:link, .navbar-light .navbar-nav .nav-link:visited, .navbar-light .navbar-nav .nav-link:focus {
    color: rgb(255,237,69);
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
}


.main-title {
    background:url("https://s3.unistra.fr/immersup_lorraine_prod/prod/2022/fdpix.png?AWSAccessKeyId=NDSAKXGWPV0HF9H6466A&Signature=EM3Hod0IeiVYhe7zRBp8kbEeIDI%3D&Expires=2666700326");
}

.presentation {
	background-color: rgba(81,140,135,0.95);
	color:  #fff;
	font-family: 'Tradegothic', sans-serif;
	font-weight: bold;
	padding: 2rem;
}

.info-description h4 {
	color:  #000;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
}

.info-description p {
	color:  rgb(81,140,135);
	font-family: 'Tradegothic', sans-serif;
}

#navbarDropdownUser,#navbarDropdownUser.focus,#navbarDropdownUser:focus,#navbarDropdownUser:hover,.show>#navbarDropdownUser.dropdown-toggle {
	background-color: rgb(255,237,69);
	border-color: rgb(255,237,69);
	color:#000;
	font-family: 'Montserrat', sans-serif;
}

.show>#navbarDropdownUser.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 50%);
}

.btn.btn-primary {
	background-color: rgb(81,140,135);
	border-color: rgb(81,140,135);
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.main-title.inside .container .row {
    -webkit-justify-content: center;
    justify-content: center;
}

.main-title.inside .container .col {
	position:static;
    background: rgba(81,140,135,0.95);
    color: white;
    width: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    padding: 0.25rem 2rem;
}


.card > header {
  position: relative;
  height: 130px;
  background: #f9d91e;
  display: -webkit-flex;
  display: flex;
}

.card > header .domain-title {
  margin: auto auto;
  text-align: center;
  padding: 0 30px;
  font-weight: bold;
}

.domains > .col header {
    background-image: none !important;
}

.domains > .col:nth-child(6n+1) header {
    background-color: rgb(242,119,199) !important;
}

.domains > .col:nth-child(6n+2) header {
    background-color: rgb(249,66,58) !important;
}

.domains > .col:nth-child(6n+4) header {
    background-color: rgb(90,194,231) !important;
}

.domains > .col:nth-child(6n+3) header {
    background-color: rgb(254,127,50) !important;
}

.domains > .col:nth-child(6n+5) header {
    background-color: rgb(0,179,137) !important;
}

.domains > .col:nth-child(6n+6) header {
    background-color: rgb(150,215,0) !important;
}