@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?version=dev-develop") 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) */
@media (min-width: 60em) {
	.col-main {
		float: left;
		width: 80%;
		margin: 0 10%;
	}
}

/* Titre et apparence générale*/
h1, article > h1 {font-family: 'marianne_bold'; color: #0606b2; font-size: 1.5rem;}
b {font-family: 'marianne_bold' ;}

/*************************************/
.simulator-breadcrumb {
	display: none;
}

body {
	font-family: 'marianne_light', sans-serif;
}

.input-group, .choice {
	color:  #3a3a3a !important;
	padding-left: 10px !important;
}

/*  Tests de mise en forme : boutons radio sous les libellés de question   */

.step-page label.choice {
    width: 100%;
}

.btn btn-help collapsed {
}

input[type=radio], input[type=checkbox]  {
    display : inline-table;
    width : 5em !important;
    margin : 0px !important;
}

.step-page label, .step-page .label {width : 100% !important;}

.input-group {
    width: 100%;
}

.input-group fieldset label {
    display : block;
    width : 100% !important;

}

.form-horizontal .control-label {
    text-align : left
}

/* Mise en page de l'intro */
.Intro {
	color: #3a3a3a;
	font-family: marianne_bold;
	font-size: 1.1rem;
	border-left: 10px solid #0606b2;
	padding-left: 2rem;
}

a {color:#0606b2;}
/* Mise en page du bloc attention de l'intro */
div.AlertInfo {
	text-align: left;
	font-size:1rem;
	width: 95%;
	background-color: #e2e2f4;
	margin: 10px;
	padding: 5px;
}

/* Mise en page des blocs d'alerte */
div#PrenoteAlert {
	color: #E10600; 
	background: #fdeaeb; 
	font-size: 0.8em;
	border : solid #E10600;
	border-width: 1px 1px 1px 40px;
	padding: 5px ;	
}


/* Mise en page du bloc Info */
div#PostnoteInfo   {
	color:#0052cc;
	font-family: marianne_light;
	font-size: 0.9em;
	background: #F2F2F9;
	border : solid #0052cc;
	border-width: 1px 1px 1px 40px;
	padding: 5px;
}

.fiche-item {
	border: none;
}


.step-page .section-content{
	border-radius: 5px;
	background-color: #e6f0f6;
}

.step-page .post-note {
	padding: 0,2em 1px;
}	
	
.section-body-container ul li {
  list-style-type: none; /* annule la puce par défaut */
  margin-left: 3em; /* pour éviter la superposition du contenu */
  text-indent: -1.5em; /* pour ajouter un retrait à la seconde ligne */

}

/* Mise en page des blocs d'alerte */
.step-page .has-error  {
	color: #E10600; 
	background: #fdeaeb; 
	font-size: 1rem;
	border : solid #E10600;
	border-width: 1px 1px 1px 40px;
	padding: 20px;	
}


#telecharge-container {
	display:none;
}

/* Mise en page des listes */
.Liste {
	padding-left: 20px;
}

.Liste2 {
	padding-left: 2rem;
}

div.blockinfo-chapters {
	border:none;
}

/*titre des parties */
.step-page .fieldset-container legend {
	color: #0606b2;
	font-family: "marianne_bold";
	font-size: 1.1rem;
	font-weight: normal;
	width: 70%;
}

/* Mise en page du champs question */
.form-horizontal .control-label, .widthmax {
	font-family: 'marianne_bold';
	color: #3a3a3a;
	padding-top : 10px;
	text-align: left;
	font-size: 1rem;
	width: 100%;
}

/* Suppression des chevrons */
.fas , .fa-chevron-left, .fa-chevron-right {
	display: none;
}

/* Mise en page du bouton */
.btn {
	border: 1px solid #0606b2;
	border-radius: 5px;
	padding: 8px;
	transition-property: transform;
	transition-duration: 400ms; 
	font-family: "marianne_bold";
}
button.btn.btn-help.collapsed {background-color: transparent;}
.btn.btn-primary {
   background-color: #0606b2;
   color: whitesmoke;
   border: 1px solid #0606b2;
   border-radius: 10px;
   transition-property: transform;
	transition-duration: 400ms; 
}
.btn-help, span.icon.icon-help {
	color: #0606b2 !important;
  }

/* Mise en page du bouton au survol*/
.btn:hover {
	background: #0606b2;
	color: white;
	transform:scale(1.1);
}
/* Mise en page du bouton formulaire*/
button.bouton {
	background: white;
	border: 1px solid #0606b2;
	border-radius: 3px;
	transition-property: transform;
	transition-duration: 400ms;
}
button.bouton:hover {
	background: #0606b2;
	color: white;
	transform:scale(1.05);
}
button.bouton a:hover {color: whitesmoke;}