/* 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 {
  position: fixed;
  bottom: 20px;
  z-index: 5;
  width: 100%;
  height: 250px;
  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: "Racing Sans One", '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);
}