/* 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: #f00;

}
#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 #f00;
font-weight: 700;
cursor: pointer;
position: relative;
margin:10px;
color:#f00;
width:45%;
margin:auto
}
 @media only screen and (max-width: 600px) {
	a.btn-reponse {
    width: 100%;
} 
 }
a.selectType-on
{
	border: 4px solid #f00;
	color:#fff;
	background-color:#f00;
}
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(--primary);
  color: var(--primaryInvert);
}

:root {
  --primary: #f00;
  --primaryInvert: #ffffff;
  --primaryHover: #c00;
  --primaryHoverInvert: #ffffff;
   --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: 11px;
}

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



/*anim ressource selected */
#animSelectedVehicule {
  width: 100%;
  text-align: left;
}

.animSelectedVehiculeContent {
  overflow: hidden;
  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(187deg, transparent 52%, white 58%, red 58%);
  z-index: 0;
}

.img-cartouche-ressource-selected {
  position: absolute;
  display: inline-block;
  bottom: 60px;
  z-index: 1;
  -webkit-animation: animateImgCartouche 0.8s ease-out;
    animation-fill-mode: none;
  -webkit-animation-fill-mode: forwards;
 height: calc(100% - 40px);
  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;
  font-size: 4rem;
  font-family: ducati-extended, 'ducatiStyleExtended', sans-serif;
  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);
}


#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;
}

}

.d-models-slider {

}
.d-models-slider .slide-content {margin:0;}
span.tag_A2
{
	background:url(../images/A2.png);
	background-size:cover;
	display:inline-block;
	position:absolute;
	right: 20px;
  top: 40px;
	width:40px;
	height:40px;
}

.d-models-slider .slide-content .image.-desktop
{
	background-size:cover;
	background-position:center;
}

.d-button:hover {
  color: #fff;
}
.d-button.-ghost-grey:hover {
  color: #000;
}

.timeline-step-postnotice button.cta {
  max-width: unset !important;
  width: auto !important;
}

@media (max-width: 768px) {
  span.tag_A2 {
    top: 0;
    right: 0;
  }
}

@media (max-width: 576px) {
  h1 {
  font-size: 1.7em;}}