body {
	background-color: #ebebeb;
	font-family: "roboto_condensed";
}


#advancedSearchForm .wrap-container h2 {
	font-size: 18px;
}

.personaliseBody {
	background: url('../images/a-backgroud.png') no-repeat center center fixed !important;
	-webkit-background-size: cover !important; 
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover ; 
}

.collections-layer-profil .menu-profil {
	margin-left: -6px !important;
}

*,*::before,*::after{
	box-sizing: border-box;
}
.makeTitleBar{
	max-height: 45px; 
	margin-top:50px;
	z-index: 13;
}
.topAdvancedSearchContainer{
    margin-bottom: 100px;
}

.a-link-recherche{
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-style: normal;
	font-weight: normal;
	font-size: 1rem;
	line-height: 0.625rem;
	padding-left: 20px;
}
.a-link-recherche li {
	margin-right: 10px;
}
.a-makeHover:hover {
	color: black;
}
.a-footer {
	padding: 16px;
    position: fixed;
    bottom: 0;
	min-height: 5.048rem;
	width: 100%;
	display: flex;
    justify-content: space-evenly;
    align-items: center;
	flex-wrap: wrap;
	row-gap: 10px;
	z-index: 3;
}
.a-footer  > * {
    margin: 0 0 10px 0;
}
.a-trier  select {
	max-width: 13.758rem;
}
.wrap-container{

    overflow: auto;
    height: 100%;
    display: flex;
    justify-content: center;
}
.a-main-left{
	width: 50%;
	margin-right: 0.625rem;
	display: flex;
	flex-direction: column;

}

.a-bloc-dynamique:not(.a-bloc3):not(.a-bloc4), .a-bloc-multi:not(.a-bloc3):not(.a-bloc4), .a-bloc:not(.a-bloc3):not(.a-bloc4) {
	margin-bottom: 10px;
} 

#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 30px;
	font-size: 17px;
	z-index: 9999;
  }
  
  #snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }
  
  @-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;} 
	to {bottom: 30px; opacity: 1;}
  }
  
  @keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;} 
	to {bottom: 0; opacity: 0;}
  }
  
  @keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
  }
  
/* .a-main-left > section:nth-child(1){ */
/* 	margin-bottom: 10px; */
/* } */
/* .a-main-left > section:nth-child(2){ */
/* 	margin-bottom: 10px; */
/* } */
/* .a-main-left > section:nth-child(3){ */
/* 	margin-bottom: 10px; */
/* } */

.a-main-right {
	width: 30%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-items: flex-start;
}

.optionlisttriresultats  {
	color:#434343;
}
.a-bloc{
	height: 16.541rem;
}
.a-bloc-dynamique{ 
	min-height: 16.541rem;
}


.a-bloc1 .a-body{
	padding-left: 65px;
    padding-right: 56px;
    padding-top: 31px;
}

.a-bloc2 .a-body {
    padding-top: 22px;	
}

/* .a-bloc7{ */
/* 	margin-top: 0.625rem; */
/* } */
/* .a-bloc8{ */
/* 	margin-top: 0.625rem;	 */
/* } */
/* .a-bloc9 { */
/* 	margin-top: 0.625rem; */
/* } */

.a-bloc-multi {
	display: flex;
	justify-content: space-between;
	

}

.a-bloc-multi .a-bloc3 {
	height: auto!important;
	width: 50%;

}
.a-bloc-multi .a-bloc4{
	width: 49%;
	
	
}


/* radio style  */

.radio-container {
	max-height: 5.048rem;
	position: relative;
	padding-left: 2.188rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  /* Create a custom radio button */
  .radio-container  .radio-checkmark {
	position: absolute;
	bottom: -0.563rem;
	left: 0;
	height: 1.875rem;
	width: 1.875rem;
	border-radius: 50%;
	-moz-border-radius:  50%;
	-webkit-border-radius:  50%;
  }
  
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .radio-container  .radio-checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .radio-container input:checked ~ .radio-checkmark:after {
	display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .radio-container .radio-checkmark:after {
	top: 0.313rem;
	left: 0.313rem;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 50%;
	-moz-border-radius:  50%;
	-webkit-border-radius:  50%;
  }

  .a-regrouper {
	font-style: normal;
	font-weight: bold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #FFFFFF;
	max-width: max-content;
    display: flex;
    justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 3px;
	column-gap: 10px;
  }

.a-regrouper  > * {
margin: 15px;
}  

.a-regrouper .js-simple-tooltip {
border-radius: 0.5em;
padding: 0.5em;
text-align: center;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
}
.css-info-bulle-footer .js-simple-tooltip >  i {
	font-size: 17px;
	position: relative;
	transform: scale(1);
}    
.css-info-bulle-footer .js-simple-tooltip >  i::after{
	content: '';
	position: absolute;
	width: 10px;
	height: 12px;
	/* background: white; */
	top: 13%;
	left: 23%;
	z-index: -1;
	border-radius: 42%;
}

.css-info-bulle-body .js-simple-tooltip >  i {
	font-size: 17px;
	position: relative;
	transform: scale(1);
}    
.css-info-bulle-body .js-simple-tooltip >  i::after{
	content: '';
	position: absolute;
	width: 10px;
	height: 12px;
	/* background: white; */
	top: 13%;
	left: 23%;
	z-index: -1;
	border-radius: 42%;
}
/* button style 1  */
.a-btn-1 {
	min-width: 4.174rem;
	min-height: 3.256rem;
	font-style: normal;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.188rem;
	color: #FFFFFF;
}

/* input style 1   */

.a-input-s2{
	height: 3.331rem;
    background: #FFFFFF;
    min-width: 10.758rem;
    padding: 0 0.25rem 0 0.625rem;
}



/* -------------------------------input checkbox --------------------------- */

.container-chbx {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .container-chbx input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .container-chbx .checkmark-chbx {
	position: absolute;
	left: 0;
	bottom: -0.438rem;
	height: 25px;
	width: 25px;
	border-radius: 2px;
	-moz-border-radius:  2px;
	-webkit-border-radius:  2px;
  }
  
  
 
  
  /* Show the checkmark when checked */
  .container-chbx input:checked ~ .checkmark-chbx:after {
	display: block;
  }
  
/* Create the checkmark/indicator (hidden when not checked) */
.container-chbx .checkmark-chbx:after {
	content: "";
	position: absolute;
	display: none;
}

.a-body {
	padding: 10px;
}
/*  advanced bloc 1 rows */


.a-row{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 10px;
}
.a-row > div:nth-child(1) {
	width: 10%;
	margin-bottom: 10px;
}
.a-row> div:nth-child(2) {
	width: 100%;
	margin-top: 10px;
}

.container-forms{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.container-forms > div:nth-child(1) {
	width: 46%;
}
.container-forms> div:nth-child(2) {
	width: 46%;
}
.container-forms> div:nth-child(3) {
	width: 48%;
}

.a-action {
	width: 100%;
}


.btn-wrap-plus {
	padding: 6px 12px;
	background: #aeb0b1;
	border-radius: 4px;
	-moz-border-radius:  4px;
	-webkit-border-radius:  4px;
	cursor: pointer;
	outline: none;
  }
  .btn-wrap-plus:hover {
	background-color: #beced6;
  }
  .btn-wrap-plus:active {
	background-color: #beced6;
	box-shadow: 0 5px #beced6;
	transform: translateY(2px);
  }
  
  .btn-wrap-plus > .hidePlus .btn-title {
	height: 48.45px;
	width: 254px;
	font-family: "roboto_condensed";
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 7px;
  }
  
  .btn-wrap-plus > .hidePlus > span{
	content: "";
	display: inline-block;
	position: relative;
    left: 8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    height: 10px;
    top: 16px;

  }


/*  advanced bloc 3 rows */

	.allRowsProxy {
		margin-bottom: 10px;
	}

  .a-row-proxy { 
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	column-gap: 10px;
  }

  .a-row-proxy .proximiteid,
  .a-row-proxy .proximitefin,
  .a-row-proxy .proximitedeb { 
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	font-weight: normal;

}
.a-row-proxy  .proximitedeb { 
	font-weight: normal;
}

.a-row-proxy > div:nth-child(1), .a-row-proxy > div:nth-child(3)  
{
	width: 40%;
	
}
.a-row-proxy > div:nth-child(2) 
{
	width: 20%;
	
}

.proximiteInputs > input:nth-child(1) , .proximiteInputs > input:nth-child(3) 
{
	width: 40%;
	
}
.proximiteInputs > input:nth-child(2) 
{
	width: 20%;
	
}

.a-row-proxy .proximitedeb > input { 

	width: 25% !important;
}
.a-row-proxy  .proximiteid > input { 
	width: 20%  !important;
}
.a-row-proxy  .proximitefin > input { 
	width: 25% !important;
}

/* .a-row-proxy .proximitedeb > span {  */
/* 	text-align: right; */
/*     padding-right: 5px; */
/* 	width: 60% !important; */
/* } */

/* .a-row-proxy  .proximiteid > span {  */
/* 	width: 65%  !important; */
/* 	text-align: right; */
/*     padding-right: 5px; */
/* } */
/* .a-row-proxy  .proximitefin > span {  */
/* 	width: 60% !important; */
/* 	text-align: right; */
/*     padding-right: 5px; */
/* } */

  /* style input text 1 */
  .custom-input input, .proximiteInputs input {
	width: 100%;
	min-height: 2.331rem;
	border: 3px solid #434343;
	font-family: "roboto_condensed";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	background: inherit;
	padding-left: 10px;
  }
  
  .proximiteInputs {
  	display: flex;
  	flex-direction: row;
  	column-gap: 10px;
  	margin-bottom: 10px;
  }



.a-wrap-bloc {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
}
.a-wrap-bloc > div:nth-child(1) {
	margin-top: 22px;
}
.a-wrap-bloc > div:nth-child(2) {
	margin-top: 30px;
}


/* //  date style*/
.date-custom {
	height: 29px;
	border: 3px solid #434343;
	font-family: "roboto_condensed";
	font-style: normal;
	font-weight: normal;
	color: #aeb0b1;
	padding-left: 10px;
	font-size: 13px !important;
	width:100%  !important;
	border-right: none;
  }
  .date-custom::after {
	  content: "";
	  height: 54px;
	  width: 3px;
	  background-color: #434343;
	  right: 38px;
	  position: relative;
  }


  


/* Target Navigator */
/* IE 11 (and above..) */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {


/* 	.a-bloc1 { */
/* 		margin-bottom: 0.625rem; */
/* 	} */
/* 	.a-bloc2{ */
/* 		margin-bottom: 0.625rem; */
/* 	} */
/* 	.a-bloc4	{ */
/* 		margin-bottom: 0.625rem; */
/* 	} */
	.a-footer { 
		justify-content: space-around;
		padding-top: 15px;
		align-self: stretch;
	}
	.style1 select { 
		appearance: auto;
		-moz-appearance: auto;
		-webkit-appearance: auto;
		-ms-appearance: auto;
	}
	.style1::after {
		content: ' ';
		width: 10px;
		height:10px;
		position: absolute;
		top:16px;
		right:11px;
		border-style: solid;
		border-width: 10px 5px 0 5px;
		border-color: #434343 transparent transparent transparent;
	}
	.optionlisttriresultats  {
		width: 153px;
	
	}
	.optionlisttriresultats .style1 select  {
		height: 36px;
	}
	
	.style1::after {
		top:14px !important;
	}
}

/* Any version Mozzilaa (Gecko) */
@-moz-document url-prefix() {

	.radio-container .radio-checkmark::after {
		top: 0.33rem;
		left: 0.35rem;
		width: 0.875rem;
		height: 0.9rem;
	}
}
/* //************************************************************************ CSS TYPEHEAD ****************************************************** */
/* ********************************************************************************************************************************************** */ 
.typeahead-container .typeahead-group{
	display: none;
}
.typeahead-container .typeahead-result > .dropdown-menu{
	
	margin-left: 15px;
}

#advancedSearchForm .typeahead__container a {text-decoration: none;overflow: hidden;text-overflow: ellipsis;}
#advancedSearchForm .typeahead__container a .highlighted{font-weight: bold;}
#advancedSearchForm .typeahead__result > ul > li.typeahead__group a{text-shadow: none; font-variant: small-caps; font-weight: bold; background-color: #eee; font-size: 14px;}
#advancedSearchForm .typeahead__container .typeahead__result > .dropdown-menu{border-radius: 0; display: block; width: 100%;z-index: 10 !important;}
#advancedSearchForm .typeahead__group{visibility: hidden!important;}

#advancedSearchForm .typeahead__container .clear_input{
	display: inline !important;
	top: 2px;
	right: 6px;
}


.typeahead__field input:focus, .typeahead__field input:active {
	border-color: #23262A !important;
  }



  /* ************************************************************************** */
  /* ************************************************************************** */
  /* ************************************************************************** */

  /* hover bulle sur les X  */
  .a-info-bulle {
    transform: translateX(-50%);
    left: 50% !important;
	width:177px;
  }

  .fa-question-circle {
	margin: 10px 0 0 5px; 
  } 

    /* hover bulle sur les Y  */
  .a-plus-hover {
	top: 100%;
	transform: translateY(-85%);
	left: 41px !important;
	width: 500px; 
	padding: 5px;
}

/* *************************************************************************************** */
/* ***********************RECHERCHE GEO*************************************************** */
/* *************************************************************************************** */

.a-recherche-bloc {
	padding: 31px 56px 0 65px;
}
.a-recherche-geo {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex: 1;
}
.a-recherche-geo > div:nth-child(1)   {
	display: flex;
	justify-content: space-between;
}
.a-recherche-geo > div:nth-child(2)   {
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
}
.rechercheAvanceeInput {
    position: relative;
	width: 40% ;
}
.rechercheGeoSelectionRayon {
	width: 40%;
}


/* .a-body input:focus  {
	outline: 2px dashed #74b9ff;
} */

/* :focus-visible {
	outline: 2px dashed #74b9ff;
}

:focus:not(:focus-visible) {
	outline: 0;
}

.style1 select:focus  {
	border: 2px dashed #74b9ff ;
}
.style2 select:focus  {
	border: 2px dashed #74b9ff ;
}
.style3 select:focus  {
	border: 2px dashed #74b9ff ;
}
.style4 select:focus  {
	border: 2px dashed #74b9ff ;
} */

.collectionRegion-div {
	display: flex;
    flex-wrap: nowrap;
    width: 20em;
}
.collectionRegion-combobox { 
	width: 100%;
}
.collectionRegion-combobox-field {
	width: 100%;
	border-top: 3px solid #434343;
	border-bottom: 3px solid #434343;
	border-left: 3px solid #434343;
	border-right: none;
}
.collectionRegion-combobox-input {
	height: 2.6em !important;
	padding-top: 0.5em !important;
    padding-bottom: 0.1em !important;
    padding-left: .5em !important;
    padding-right: 0 !important;
    border: none !important;
}

.bibliothequesPhysiquesRegion-div, .bibliothequesNumeriquesRegion-div {
	display: flex;
    flex-wrap: nowrap;
    width: 20em;
}
.bibliothequesPhysiquesRegion-combobox, .bibliothequesNumeriquesRegion-combobox { 
	width: 100%;
}
.bibliothequesPhysiquesRegion-combobox-field, .bibliothequesNumeriquesRegion-combobox-field {
	width: 100%;
	border-top: 3px solid #434343;
	border-bottom: 3px solid #434343;
	border-left: 3px solid #434343;
	border-right: none;
}
.bibliothequesPhysiquesRegion-combobox-input, .bibliothequesNumeriquesRegion-combobox-input {
	height: 2.6em !important;
	padding-top: 0.5em !important;
    padding-bottom: 0.1em !important;
    padding-left: .5em !important;
    padding-right: 0 !important;
    border: none !important;
}

/* Gestion d'affichage du bloc de sélections (responsive) en mode desktop avec fenêtre réduite */
.menuBarResponsive {
    width: inherit !important;
}
.menuBarResponsive ul {
    display: flex;
    flex-wrap: wrap;
}
.menuBarResponsive .menuAbcdList ul {
	display: block !important;
}
.menuBarResponsive .menuAbcdList ul li ul {
	display: block !important;
}
.menuBarResponsive .menuAbcdPopupRegion .popupBg {
	background-size: auto;
}
.menuBarResponsive .menuAbcdPopupRegion .popup {
	width: 60% !important;
	margin-top: 70px;
}
.menuBarResponsive p.trunc {
	max-width: 95px !important;
}