.guided-search ul {
  padding-left: 0;
}

.guided-search details ul:not(.menu) {
    padding-left: 1rem !important;
}

.block-search-block-guided-search > .content {
  margin:unset !important;
}

.guided-search button {
    border-radius: 999px;
    border-width:1px;
    transition: 0.3s;
}

.guided-search button:hover {
    background:white;
}



#block-views-block-select-thema-seformer-block-1 .vignette {
  aspect-ratio: unset;
}

ul.sf-menu a, ul.sf-menu span.nolink {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

*[id="selection"]:before { 
  display: block; 
  content: " "; 
  margin-top: -65px; 
  height: 75px; 
  visibility: hidden;
}

.btn-primary:hover {
    background-color: #cb1313;
}

.region-top-banner{
    display: block;
    background-color:white;
}

.site-footer {
    margin-top: 5rem !important;
}

.HeaderFull {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.logosize{
  	width: auto;
	height: 60px;
	max-width: unset;
	margin: 0.5rem 0.5rem 1rem 1rem;
  }
  
ul.sf-menu li {
  float: right;
  }

ul.sf-menu a, ul.sf-menu span.nolink{
  color : #363952;
  font-size: small;
}

  ul.sf-v2connexion{
	margin-right: 1rem !important;
}


ul.sf-menu.sf-v2connexion span.nolink{
 font-weight: 700;
text-transform: uppercase;
  
  svg{
        margin-right: 5px; 
  }
  ul{
    background-color: white; 
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
  }
}
.sf-main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	background-color:#363952;
}
ul.sf-v2connexion.sf-menu ul{
  background-color: white;
  border-radius: 7px;
  border: 1px solid #dcdcdc;
  color: #363952 !important;
}
  
ul.sf-main a {
    color: white;
    font-weight: 500;
    font-size: larger;
    padding-left: 4rem;
    padding-right: 4rem;
}
ul.sf-menu.sf-v2connexion ul a[href="/mon-compte"],
ul.sf-menu.sf-v2connexion a{
	background-color: transparent !important; 
	color: #363952 !important;
	text-align: left;
	border-radius: 0;
}
ul.sf-menu.sf-v2connexion ul {
  & .connexionmobile a[href="/cas?returnto=https%3A//portail.syrtis-mnpdd.progilone.fr/"], & a[href="/mon-compte"] {
    background-color: transparent !important; 
	color: #363952 !important;
	text-align: left;
	border-radius: 0;
    padding: 1em 1.5em !important;
  }
}
.toolbar-tray-open ul.sf-menu ul li:nth-last-child(1),
.toolbar-tray-open ul.sf-menu ul li:nth-last-child(2){
  display:none;
}
.searchlarg  .content {
   display: flex;
   justify-content:center;
   margin: 0 0 1rem 0;
   background : #d3d3da;
}

.search-block{
	width:50rem;
  }

#syrtis-search-form {
    margin: 0.5rem 0 0.5rem 0;
    background-color: white;
    border-radius: 1.5rem;
   /* padding-top: 0.25rem;*/
  /*padding-bottom: 0.25rem;*/
    padding-left: 1rem;
    padding-right: 1rem;
   /* display: flex;
    justify-content: space-around;*/
}

#syrtis-search-form .btn-syrtis-search {
   margin-top: 0.25rem;
}

#rech_top {
   border-bottom: 0;
}

/* info et présentation dans les blocs univers*/
.block-info-univers {
    display: flex;
    flex-wrap: wrap;
}

.info-1 {
    display: flex;
}

.info-2 {
    border: solid #80c41c 0.15rem;	
    padding: 1rem;
    margin-bottom: 1rem;
	display:grid;
}

.mode-emploi-1 {
    margin-top: inherit;
    margin-bottom: 1rem;
}

.mode-emploi-2 {
    background-color: #d3d2da;
    padding: 1rem;
}


.field {
    padding-top: unset;
    margin-bottom: unset;
    margin-top: 0.5rem;
}

.field--name-body {
    margin: unset;
}

p {
    margin-top: 0;
    margin-bottom: 0.25rem;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0.25rem;
}

#syrtis_search_selection {
    margin: 0.5rem 0 0.25rem 0;
}

.btn-carrousel {
    display: grid;
    align-content: center;
    justify-content: center;
    margin-bottom: 5rem;
    margin-top:1em;
}

/*block tag*/
/*.block-system-main-block .views-element-container.block {
    padding-top: 1rem;
}*/

/*block selection requete*/
.block-system-main-block .block {
    padding-top: 0.25rem;
}

/*tag*/
.list-center {
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color: lightgrey;
    padding: 2rem 0 2rem 0;
    margin-bottom: 2rem;
}

.lignetag p {
    /* padding: 0 0.3rem 0 0.3rem; */
    margin-right: 0.5rem;
    /* border: solid grey 0.2rem; */
    background-color: grey;
    /* text-align: center; */
    display: flex;
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    border-radius: 0.3rem;
}

.lignetag a {
    color: white;
    text-transform: uppercase;
    padding: 0.5rem;
    font-weight: 500;
}

.list-accesHome-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: lightgrey;
    padding: 1rem 0 1rem 0;
    justify-content: space-around !important;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

/*list picto comm*/
.list-picto-comm {
    display: flex;
    flex-wrap: wrap;
}

.element-picto-comm {
    max-width: 24%;
    margin:0.1rem;
}

.picto-comm {
    background-color: #323B3A;
    padding: 1rem;
    min-height: 300px;
    max-height: 300px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-evenly;
}

/*AIDE*/
.titre-menu-vue-aide a {
    color: #80c41c;
    font-size: x-large;
    font-weight: 600;
	/*padding-inline-start: 5rem;*/
	line-height: normal;
}

.titre-menu-vue-aide a::before {
    content: ">";
    margin-right: 5px;
}

.titre-menu-vue-aide div {
    margin-bottom: 1rem;
}

.menu--menu-aide li {
    list-style-type: none;
}

.menu--menu-aide {
    text-align: center;
}

.menu--menu-aide a {
    color: #3b3b3c !important;
}
.menu--menu-aide ul {
	padding-inline-start: 0px;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

h2#block-menu-aide-menu a {
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: uppercase;
}

h2#block-menu-aide-menu {
    border-bottom: inherit !important;
	padding:inherit;
	line-height: 1rem;
    margin-bottom: 1rem;
}

li.menu-aide-item {
	margin: 0.25rem 0.25rem 0.25rem 0.25rem;
    border: solid #80c41c 0.17rem;
    padding: 0.25rem;
	min-width: 13rem;
    max-width: 13rem;
}
ul.list-aide {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    list-style: none;
    justify-content: center;
}

.field--name-field-icone-menu-aide {
    margin: 1rem;
    border: solid #80c41c;
    padding: 1rem;
    width: 10rem;
    height: 10rem;
	display: flex;
    justify-content: center;
    align-content: center;
	align-items: center;
}

li.aide-element a {
    font-size: 1.5rem;
	color:#3b3b3c;
	justify-content: center;
    display: flex;
}

li.aide-element svg {
    color: #80c41c;
}

li.aide-element h2 {
    display: flex;
    justify-content: center;
}

li.aide-element {
    max-width: 12rem;
    text-align: center;
	margin: 1rem;
	display: flex;
    justify-content: center;
	
}

/*OOLB*/
.citation {
   background-color: #F8F9F9;
    border-left: solid #80c41c 1rem;
    font-weight: 600;
    padding: 0 1rem 0 1rem;
    max-height: 10rem;
}


.block-system-main-block .block > h2{
	padding: 1rem 0 0 0;
}

.breadcrumb {
    margin-bottom: 0rem;
}

.row{
	margin-right:unset;
	margin-left:unset;
}

.btn-carrousel {
  display: grid;
  align-content : center;
  justify-content : center;
}
  
.btn-carrousel a{
  color:white;
  font-weight:400;
  background-color : #cb1313;
  padding : 5px 12px;
  border-radius: 0.25rem;
}

.owl-buttons {
	width: 0px;
}

.inline_block{
  padding-top:unset !important;
}

.site-footer {
 padding:15px !important;
}


.list-group-item {
	background:unset !important;
}

/*grid-3x3{
  width:100px;
}*/


.mobile_show {
   max-height:0px;
   overflow:hidden;
   transition: max-height 0.2s ease-out;
}

/*.connexionmobile {
    position: absolute;
    z-index: 550;
    right: 0;
    top: 0;
    background-color: lightgreen;
    text-align: center;
    padding: 1rem 0 1rem 0;

}*/

/*li.menu-item >a {
    margin: 1rem;
    padding: 0.5rem;
}*/

.connexionmobile  {
    /*margin: 1rem;*/
	position: absolute;
    z-index: 550;
    right: 0;
    top: 0;
    background-color: lightgrey;
}

.connexionmobile >ul{
	text-align: center;
    padding: 2rem 4rem 20rem 4rem;
	list-style-type: none;
}

.connexionmobile .menu-item {
  padding: 2rem 0 0 0;
  color: #363952;
}

.connexionmobile ul.menu a{
  color : #363952;
  font-size: small;
}


.connexionmobile a[href="/cas?returnto=https%3A//portail.syrtis-mnpdd.progilone.fr/"], a[href="/mon-compte"] {
    color: white !important;
    border-radius: 0.5rem;
    background-color: grey;
    padding : 0.5rem;
}

.connexionmobile a[href="/informations-personnelles"] {
    border-radius: 0.5rem;
    border: solid grey;
  	font-weight : 600;
	padding : 0.5rem;
	color : #363952;
}


.fermeturemoncompte{
    position: absolute;
    z-index: 600;
    right: 0;
	top : 0;
}

.navmobile  {
    /*margin: 1rem;*/
	position: absolute;
    z-index: 550;
    right: 0;
    top: 0;
    background-color: lightgrey;
}

nav.navmobile div{
	/*text-align: center;*/
    padding: 2rem 4rem 10rem 4rem;
}

.navmobile p {
    padding: 2rem 0 0 0;
}

.navmobile a {
    /*padding: 2rem 0 0 0;*/
    color: #363952;
	font-weight:600;
}

.fermeturenav{
    position: absolute;
    z-index: 600;
    right: 0;
	top : 0;
}
	

/* Extra small devices (phones, 600px and down) */
@media (max-width: 599px) {
  .desktop {
  	display:none !important;
  }
  .tablet {
  	display:none !important;
  }
  .mobile {
    display:inherit !important;
  }
  .search-block{
	width:16rem;
  }
  .element-picto-comm {
    max-width: 100%;
  }
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media  (min-width: 600px) {
  .desktop {
  	display:none !important;
  }
  .tablet {
  	display:none !important;
  }
  .mobile {
    display:inherit !important;
  }
    .search-block{
	width:16rem;
  }

}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) {
  .desktop {
  	display:none !important;
  }
  .tablet {
  	display:none !important;
  }
  .mobile {
    display:inherit !important;
  }
    .search-block{
	width:16rem;
  }
}

/* Large devices (large laptops and desktops, 992px and up) */
@media (min-width: 992px) {
  .desktop {
  	display:inherit !important;
  }
  .tablet {
  	display:none !important;
  }
  .mobile {
  	display:none !important;
  }
  .sf-main {
    font-size:smaller;
  }
  
  .search-block{
	width:35rem;
  }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1200px) {
  .desktop {
  	display:inherit !important;
  }
  .tablet {
  	display:none !important;
  }
  .mobile {
  	display:none !important;
  }
}

table > * > tr > th {
  background-color: #DDDDDD;
  color: #3b3b3b;
}

#main-data .mes_comptes_numeriques img {
  width: auto;
  height: 70px;
  max-width: 150px;
  -o-object-fit: contain;
  object-fit: contain;
}

/* Pour l'OPAC v2 */
:root {
   --bfColGap: 0;
   --bouton-padding-block: .5rem;
   --bouton-padding-inline: 1rem;
   --bouton-padding-block: .5rem;
   --bouton-padding-inline: 1rem;
   --search_bar_button_color: #3b3b3b;
   --syrtis-search-form-v2-border: 1px solid #3b3b3b;
   --focus-color: #3b3b3b;
   --primary_color_dark: #202020;
}

p.p-no-style, p.no-style {
  margin-bottom: 0;
}

div.block-cover-block {
  margin-bottom: 0.2rem;
}

.generic_item {
  background-color:#eeeded !important;
}