@import "common.css?version=dev-develop";

@font-face { font-family: 'marianne_light'; src: url("../static/fonts/Marianne-Light.woff?version=dev-develop") format("woff"), url("../static/fonts/Marianne-Light.woff2?version=dev-develop") format("woff2"), url("../static/fonts/Marianne-Light-webfont.ttf") format("truetype"); }
@font-face { font-family: 'marianne_regular'; src: url("../static/fonts/Marianne-Regular.woff?version=dev-develop") format("woff"), url("../static/fonts/Marianne-Regular.woff2?version=dev-develop") format("woff2"), url("../static/fonts/Marianne-Regular-webfont.ttf") format("truetype"); }
@font-face { font-family: 'marianne_bold'; src: url("../static/fonts/Marianne-Bold.woff?version=dev-develop") format("woff"), url("../static/fonts/Marianne-Bold.woff2?version=dev-develop") format("woff2"), url("../static/fonts/Marianne-Bold-webfont.ttf") format("truetype"); }

/* Définition des styles du simulateur (partie centrale) */

.article {
  padding: 0.5rem;
}

.container.main-container {
    max-width: 50rem;
    margin: auto;
}

.col-main {
    width: 100%;
    margin:0;
}

.step-container {
    margin: 0;
    padding:0;
}

.step-description {
    margin-bottom: 0;
}

.simulator-breadcrumb {
    display: none;
}

.step-description {
    margin-bottom: 0;
}

#step1 {
    padding-left: 0em;
}

/* Masque les éléments non nécessaires */
div.mention-asterisk {  display: none; visibility:hidden;}
.simulator-breadcrumb { display: none;visibility:hidden;}
.help-panel, .step-page .blockinfo-chapters, .fiche-item {border: none;}
.step-page .blockinfo-chapters, .step-page .section-content, .step-page .section-annotations {border: none; padding:0;}
.fiche-item .fiche-item-content {padding:0;}
.fas , .fa-chevron-left, .fa-chevron-right { display: none; }
.step-page .section-content {  background-color: transparent;}
.step-page .label {text-align: left;}
.asterisk {display: none;}
.step-page .btn-help-before { margin: 0; font-size: 1.3rem; border:none;}
.widthmaxradio {margin: 0 0 5px 0 !important;}
.article ul li::before { color: #3a3a3a !important;}

/* H1 */
article > h1 {
    font-family: "marianne_bold" !important;
    text-transform: inherit;
    font-weight: 700;
    font-size: 2.5rem !important;
    line-height: 3rem;
    color: var(--text-title-grey);
    text-align: left;
    padding-left: 0;
    margin-bottom: 3rem;
    border-color: transparent !important;
}

/* Mise en page de l'intro */
.Intro {
    color: #414856;
    font-family: "marianne_regular";
    text-align : left;
    margin-bottom: 2rem;
    font-size: 1.25rem;

}


#Departement-label {
    float: left;
    text-align: left;
    font-family: "marianne_regular";
    font-weight: normal;
    font-size: 1rem;
    color: #161616;
    padding-left: initial;
    padding-top: 15px;
    width: 100% !important; 
    padding-bottom:0.5rem;
}

/* Le sous-titre */
 span.libelle {
    display: block;
    text-align: left;
    font-family: "marianne_light";
    font-weight: 300;
    font-style: normal; 
    font-style: normal;
    color: #5E5E5E;
    font-size: 0.75rem !important;
    padding-bottom: 0.5em;
    padding-top: 5px !important;
    width: fit-content !important;
}

#Departement-label span.libelle {
    display: block;
    text-align: left;
    font-family: "marianne_regular";
    font-weight: 400;
    font-style: normal;
    color: #666;
    font-size: 0.75rem !important;
    padding-bottom: 0.5em;
    line-height: 1.25rem;
    margin-bottom: 0;
}

#Departement {
    display: block;
    width: 100%;
    border-radius: 0.25rem 0.25rem 0 0;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
    color: var(--text-label-grey);
    background-color: var(--background-contrast-grey);
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
 }

 /* INPUT */
 .input-group {
  width: 100% !important;
padding-left: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
border: 0 !important;
background-color: transparent !important;
}

/* Input => modifier le type selon */
.step-page input[type="text"] {
  width: 100% !important;
  max-width: 100%;
  min-width: auto;
  padding-left: 2em;
  padding-right: 5em;
  /*font-variant: all-small-caps;*/
  border-bottom: 3px solid #2a313e;
  background-color: #f0f0f0 !important;
  color: #414856;
  font-family: "marianne_light";
  border-radius: 0.25rem 0.25rem 0 0 !important;
}

.glyphicon {
visibility: hidden;
}


.autocomplete-input-clear-button {
  /*margin-left: 3px;
  margin-right: 1em;
  border: 1px !important;
  font-family: inherit;
  font-size: 1em;
  padding: 0;*/
  background: transparent !important;
  /*color: gray;*/
}

/* Mise en page du bouton */
button.btn {
  font-family: 'marianne_regular';
	border: 1px solid #000091;
  border-radius: 0;
	padding: 8px;
  background-color: transparent;
  margin-left: 0 !important;
  margin-right: 20px !important;
}

button.btn.btn-primary {
  border-radius: 0;
  background-color: #000091!important;
  border: 1px solid #000091;
  margin-left: 0 !important;
}

.btn-help, .btn-help-before {color: #000091; border:none; }

.step-page .action_buttons {
  border-radius: 0;
  text-align: left;
  float:left;
  margin-right: 20px;
}

/* Mise en page du bouton au survol*/
.fr-btn:hover, .btn.btn-secondary:hover {
  border: 0;
  background-color: #f5f5fe;
}

.btn-secondary {
  text-transform: none;
}

button.btn-primary:hover, 
button.btn-primary:focus {
    background-color: #1212ff !important;
}