/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&family=Roboto:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');
.family-Nouveau .ressource2-label {
    color: var(--primary);

}
#questionProPart
{
	margin-top:20px;
}

.container-lg
{
	padding-left:0 !important;
	padding-right:0  !important;
}
#ressource2-choice-select, .ressource2-additional-choice select
{
	    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    background: #fff;
    border: 1px #ccc solid;
	padding: 25px 10px 10px 10px;
  

}
/* CSS Document */

div.question {
    text-align: center;
    font-size: 1.5rem;
    width: 100%;
    display: inline-block;
	padding: 10px 20px;
}

div.reponse {
    text-align: center;
    width: 100%;
}


a.btn-reponse
{
	border-radius: 0;
height: auto;
padding: 13px 16px;

font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
display: inline-block;
border: 4px solid var(--primary);
font-weight: 700;
cursor: pointer;
position: relative;
margin:10px;
color:var(--primary);
width:45%;
margin:auto
}
 @media only screen and (max-width: 600px) {
	a.btn-reponse {
    width: 100%;
} 
 }
a.selectType-on
{
	border: 4px solid var(--primary);
	color:#fff;
	background-color:var(--primary);
}
a.selectType-off
{
	border: 4px solid #ccc;
	color:#ccc;
	background-color:#fff;
}

.category-ressource2 {
	display:none;
}

#bookingstep-date-bloc
{
	display:flex;
}

.ui-state-active, .ui-widget-content .ui-state-active
{
	
  background: var(--primaryHover);
  color: var(--primaryHoverInvert);
  font-weight: 700;

}

:root {
  --primary: #1a1b1b;
  --primaryInvert: #ffffff;
  --primaryHover: #9d8c83;
  --primaryHoverInvert: #ffffff;
  --secondary: #d2c7be;
  --secondaryInvert: #000000;
   --unactive: #eaeaea;
   --unactiveInvert: #858686;
    --neutral: #000000;
   --neutralInvert: #ffffff;
   --heightField:60px;
   --radiusBorderField:0px;
}


.rgpd-subtitle {
  font-weight: bold;
  margin-bottom: 10px;
}
.rgpd-notice {
font-size: 1rem;
}

.Contact_option12_chk, .Contact_option1_chk, .Contact_option2_chk, .Contact_option3_chk {
  float: none !important;
  margin-left: 30px !important;
}

.stellantis-pricacy-title h1 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.stellantis-pricacy-color {
  color: var(--primary);
}

.stellantis-pricacy-icon 
{
	text-align:right;
}
.stellantis-pricacy-icon img {
  width: 30px;
  
}

.rgpd_1et2_toggle_close, .ml_toggle_close
{
	color: var(--primary);
	text-decoration:underline;
}

.rgpd-choice {
  margin-bottom: 10px;
}
.new-form-text-title {
  margin-bottom: 10px;
  font-weight: bold;
}
.stellantis-pricacy-subtitle {
  font-weight: bold;
  text-align: left;
 font-size: 19px;
  margin-bottom: 10px;
}

.stellantis-pricacy-sep {
  background: #ccc;
  height: 2px;
  margin: 20px 0px;
}



/*anim ressource selected */
#animSelectedVehicule {
  position: fixed;
  bottom: 20px;
  z-index: 5;
  width: 100%;
  height: 250px;
  text-align: left;p
}

.animSelectedVehiculeContent {
  height: 100%;
  -webkit-animation: animateDivCartouche 0.3s ease-out;
  -webkit-animation-fill-mode: forwards;
  position: absolute;
  bottom: 0;
  left: 0;
}
@-webkit-keyframes animateDivCartouche {
    0% {
        width: 0%;
    }
    100% {
         width: 100%;
    }
}

.bg-cartouche-ressource-selected {
position: absolute;
  left: 0;
  bottom: -50px;
  width: 100vw;
  height: 200%;
  background: linear-gradient(180deg, transparent 44%, white 47%, #333 61%);
  z-index: 0;pointer-events: none;
}

.img-cartouche-ressource-selected {
position: absolute;
  display: inline-block;
  z-index: 1;
  -webkit-animation: animateImgCartouche 0.8s ease-out;
  -webkit-animation-fill-mode: forwards;
  height: 100%;
  max-height: 100%;
}


@-webkit-keyframes animateImgCartouche {
    0% {
        right: 150%;
    }
	25% {
        right: 150%;
    }
    100% {
        right: 5%;
    }
}


.infos-cartouche-ressource-selected{
   position:absolute;
   left:10px;
    z-index:2;
}

.close-cartouche-ressource-selected
{
	position:absolute;
	right:10px;
	top:10px;
	width:30px;
	height:30px;z-index: 2;
}
.close-cartouche-ressource-selected img
{
	width:100%;
	height:100%;
	border:0;
	
}

.titre-cartouche-ressource-selected {
 position: absolute;
  left: 10px;
  display: inline-block;
  bottom: 50px;
  z-index: 3;
  color: #fff;
  text-shadow: 2px 2px 2px black;
  text-align: left;
  width: 100%;
}

.cta-cartouche-ressource-selected {
 margin-left: 12px;
  z-index: 4;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

.nom-ressource-cartouche-ressource-selected {
  position: relative;
  padding-left: 20px;
}

.navbar-nav {
  text-align: center;
}

.section__title_no_bar {
  text-align: center;
  margin: 30px;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: var(--primaryInvert);
  background: var(--primary);
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid var(--primary);opacity: 1 !important;
}



.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid var(--primary);
  background: #000;
}
#selectDateCalendar .ui-datepicker
 {
  display: block;
  width: 80%;
  margin: auto;
}

#bookingstep-type-choices {
  margin: auto;
  margin-bottom: 20px;
}
.cta-cartouche-ressource-selected {
  margin-right: 20px; 
}

@media only screen and (max-width: 768px) {

.animSelectedVehiculeContent
{
	width: 100%;
  text-align: center;
}

.img-cartouche-ressource-selected
{
	bottom: 60px;
	position: relative;
	left: 0;
}

.nom-ressource-cartouche-ressource-selected
	{
  text-align: center;
  padding-left: .0;
  font-size: 19px;
}
.titre-cartouche-ressource-selected
{
	text-align:center;
}

.titre-cartouche-ressource-selected .cta {
  min-width: 210px;
  margin-left: 0;
}

}




#realisationEgylis
{
	
	position: fixed;
  top: 20%;
  padding: 20px;
  background: #fff;
  width: 300px;
  margin-left: -150px;
  left: 50%;
  height: auto !important;
  text-align: center;
  display: inline-block;
  z-index: 1360;
  border: var(--primaryHover) 5px solid;
  box-shadow: 5px 5px 30px black;
}

.ui-widget-header {
  background: #000 50% 50% repeat;
}

.navbar-brand
{
	margin:0;margin-top: 10px;
  margin-bottom: 10px;
}

.ui-menu .ui-menu-item {
	text-align:center
}

.ui-widget-header .ui-icon {
  background-image: url("https://cdn.reservetonessai.fr/css/ui/black/images/ui-icons_ffffff_256x240.png")
}
.ui-widget-header  .ui-button:hover .ui-icon:hover{
  background-image: url("https://cdn.reservetonessai.fr/css/ui/black/images/ui-icons_222222_256x240.png")
}


.ui-dialog-buttonset .ui-button 
{
	background-image:none;
}
.leaflet-bottom.leaflet-right {
  display: none;
}


q-headline-text .ht-headline-row .ht-headline .q-headline::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 4rem;
  height: .0625rem;
  background-color: currentColor;
}

.q-headline-text .ht-headline-row .ht-headline .q-headline::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 4rem;
  height: .0625rem;
  background-color: currentColor;
}
.headline_text:not(.headline_text--align-center):not(.headline_text--align-reversed) .ht-headline-row .ht-headline .q-headline::after, .headline_text:not(.headline_text--align-center):not(.headline_text--align-reversed) .ht-headline-row .ht-subhead .q-subheadline::after {
  left: 0;
}
.font-26, .font-26 * {
  font-size: 1.625rem !important;
}

.q-headline-text .ht-headline-row .ht-subhead .q-subheadline {
 position: relative;
  padding-bottom: .5rem;
   font-family: DSTitle,sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-weight: 400;
  color: inherit;
}
.q-headline-text .q-headline-container .ht-headline-row:not(.ht-headline-row--empty) + .ht-content {
  margin-top: 1rem;
}

.stellantis-pricacy b, .stellantis-pricacy strong {
  font-weight: 700;
  line-height: inherit;
}


.q-headline-text .ht-headline-row .ht-subhead .q-subheadline::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 2rem;
  height: .125rem;
  background-color: #9d8c83;
}
.q-headline-text .flexbox-container .flex-item {
  -webkit-box-flex:
1;
  -ms-flex: 1 1 100%;
  flex:
1 1 100%;
  -ms-flex-item-align: auto;
  align-self: auto;
  display: inline-block;
  max-width: 100%;
  min-height: 1rem;
}
.q-grid-container .q-grid-container:not(.grid-full-width), .q-grid-container:not(.grid-full-width) {
  padding:
0 1.5rem;
}
.q-grid-container {
  padding:
0 .625rem;
}
.q-margin-large {
  margin-top: 2.5rem;
}
.aem-Grid::after {
  clear: both;
}
.aem-Grid::before, .aem-Grid::after {
  display: table;
  content: " ";
}
.q-subheadline, .q-headline
{position:relative}

.q-headline-text:not(.q-ht-expander)::before {
  content: '';
  display: block;
  height: 1.75rem;
  margin-top: -1.75rem;
}

.flexbox-container {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align:
center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack:
justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.q-headline-text .ht-content.q-ht-paragraph {
  letter-spacing: .01562rem;
}

.font-36, .font-36 * {
  font-size: 2.25rem !important;
}


.q-headline-text .ht-headline-row .ht-headline .q-headline {
  position: relative;
  padding-bottom: 1rem;
  font-weight: 300;
  font-stretch: condensed;
  font-size: 2.5rem;
  line-height: 2.5rem;
  text-transform: uppercase;
}
.q-headline-text .ht-headline-row .ht-headline .q-headline {
  color: inherit;
  font-family: DSAutomobilesPro,sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 2.5rem;
}

@media print, only screen and (min-width: 48rem) {
  .q-headline-text .ht-headline-row .ht-headline .q-headline {
    font-size: 4rem;
    line-height: 4rem;
  }
}