/*Grand Titre à droite du menu (Remplacement du caroussel)*/
.container_GrandTitre {
  height: 220px;
  width: 100%;
  background-color: rgb(34, 45, 101);
}

.menu-carousel {
  height: 220px !important;
  background-color: rgb(34, 45, 101);
}

.carousel-horz-container {
  background: rgb(34, 45, 101);
}

.Font_GrandTitre1 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 26px;
  line-height: 40px;
  color: #ffffff;
  text-align: left;
  margin-left: 100px;
}

.Font_GrandTitre2 {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 26px;
  line-height: 40px;
  color: #ffffff;
  text-align: left;
}

.vertical-center_GrandTitre {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.menu-container {
  margin-top: -50px;
}

.menu-container ul li a:link, .menu-container ul li a:visited {
  text-decoration: none;
  color: white !important;
}

/*Accès rapides*/
.theme-info {
  max-width: calc(100% - 20px);
  padding-left: 20px;
}

.theme-cell {
  width: 345px;
  max-width: calc(100% - 20px);
  height: 200px;
  display: grid;
  justify-content: center;
  cursor: pointer;
  position: relative;
  left: 20px;
  color: black !important;
  background-color: white;
}

.theme-cell:hover {
  background: rgb(0, 84, 166);
  transition: all 0.3s ease 0s;
  color: white !important;
}

.theme-cell:hover .theme-title {
  color: white !important;
}

.theme-cell:hover .theme-desc {
  color: white !important;
}

.cell-bordered-aligned {
  width: 345px !important;
  display: inline-grid !important;
  justify-content: center !important;
  color: black !important;
}

.cell-bordered-aligned:hover {
  color: white !important;
}

.cell-bordered-aligned:hover .theme-title {
  color: white !important;
}

.cell-bordered-aligned:hover .theme-desc {
  color: white !important;
}

.cell-img {
  display: flex !important;
  width: 345px !important;
  justify-content: center !important;
}

.cell-img>img {
  margin-left: 0px !important;
}

.theme-title {
  text-align: center !important;
  color: black !important;
  padding-left: 15px;
  padding-right: 15px;
}

.theme-desc {
  text-align: center !important;
  padding-left: 15%;
  padding-right: 15%;
  color: rgb(102, 102, 102);
}

.col-sm-spacing {
  padding-bottom: 10px !important;
}

/*Demande information */
.panel-title {
  color: rgb(10, 10, 10) !important;
  margin-top: 10.5px !important;
  margin-bottom: 10.5px !important;
  margin-left: 30px !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  display: inline-block;
}

.panel-body {
  padding-left: 60px !important;
  background-color:white !important;
}

#rcorners1 {
  border-radius: 23px;
  background: rgb(238, 238, 238);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 15px;
  padding-left: 15px;
  width: max-content;
  height: min-content;
  color: rgb(0, 84, 166);
  font-weight: 500;
  white-space: nowrap;
  display: inline-block;
}

#rcorners2 {
  border-radius: 23px;
  background: rgb(238, 238, 238);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 15px;
  padding-left: 15px;
  width: max-content;
  height: min-content;
  color: white;
  font-weight: 500;
  white-space: nowrap;
  display: inline-block;
  background-color: rgb(0, 84, 166);
}

.plus-content1 {
  content: "";
  position: relative;
  top: 40px;
  left: 0px;
  width: 14px;
  height: 2px;
  background: rgb(10, 10, 10);
}

.plus-content2 {
  content: "";
  position: relative;
  top: 28px;
  left: 0px;
  width: 14px;
  height: 2px;
  background: rgb(10, 10, 10);
  transform: rotate(90deg);
}

.panel-heading:focus>.plus-content2 {
  transform: rotate(0deg);
}

.request-button {
  color: rgb(255, 255, 255) !important;
}

.request-button:hover, .request-button:visited {
  color: rgb(255, 255, 255) !important;
}

.filter-button {
  color: rgb(255, 255, 255) !important;
  border-color: rgb(1, 35, 106) !important;
  background: rgb(1, 35, 106) !important;
  padding: 15px 30px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 23px;
  transition: all 0.35s ease 0s;
  margin-bottom: 30px;
  font-weight: 500;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  gap: 5px;
}

.filter-button:hover {
  color: rgb(255, 255, 255);
  border-color: rgb(1, 35, 106);
  background: rgb(1, 35, 106);
}

.filter-button-elements {
  color: black;
}

.dropdown-menu {
  margin-top: -30px;
  margin-left: 29px;
}

.dropdown-menu>li>a {
  color: #333 !important;
  white-space: nowrap;
}

/*Créer la requete*/
.sidepanel-parent-div {
  margin-top: 62px;
}
.sidepanel-subdiv-1 {
  border-right: none;
  padding-left: 20px !important;
}
.sidepanel-subdiv-1 a:link, .sidepanel-subdiv-1 a:visited {
  color: #333 !important;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color: rgb(0, 84, 166)
}