@import "common.css?version=dev-develop-1";
@font-face { font-family: 'marianne_light'; src: url("../static/webfonts/marianne-Light.eot"); src: url("../static/fonts/marianne-Light.eot?#iefix") format("embedded-opentype"), url("../static/fonts/marianne-Light.woff?version=dev-develop") format("woff"), url("../static/fonts/marianne-Light-webfont.ttf?version=dev-develop") format("truetype"), url("../static/fonts/marianne-Light-webfont.svg#marianne_light") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'marianne_regular'; src: url("../static/webfonts/marianne-Regular.eot"); src: url("../static/fonts/marianne-Regular.eot?#iefix") format("embedded-opentype"), url("../static/fonts/marianne-Regular.woff?version=dev-develop") format("woff"), url("../static/fonts/marianne-Regular-webfont.ttf") format("truetype"), url("../static/fonts/marianne-Regular-webfont.svg#marianne_regular") format("svg"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'marianne_bold'; src: url("../static/webfonts/marianne-Bold.eot"); src: url("../static/fonts/marianne-Bold.eot?#iefix") format("embedded-opentype"), url("../static/fonts/marianne-Bold.woff?version=dev-develop") format("woff"), url("../static/fonts/marianne-Bold-webfont.ttf") format("truetype"), url("../static/fonts/marianne-Bold-webfont.svg#marianne_bold") format("svg"); font-weight: 700; font-style: normal; }



/* Définition des styles du simulateur (partie centrale) */
.container.main-container {
    max-width: 60rem;
    margin: auto;
}

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


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: #333333 !important;
	font-size: 1.125rem !important;
    line-height: 1.75rem;
	font-family: "marianne_regular";
    text-align : left;
	padding-bottom: 0 !important;
    margin-top: 3rem !important;
    padding-left: 1rem;
}


ul {
    padding-left: 1rem !important;
    margin-left: 2rem !important;
}



.simulator-breadcrumb {
	    display: none;
}

div.mention-asterisk {
	display: none;
}

/* Taille de la case à cocher */
input[type="radio"] {
	width: 3rem !important;
	color: #0606b2;
    padding-left: 0px !important;
}




#PrenomExp-label,
#NomExp-label,
#Civilite-label,
#AdresseExp-label,
#CodePostalExp-label,
#CommuneExp-label,
#MailExp-label,
#TypeDeContrat-label,
#ReferenceContrat-label,
#DateDuJour-label,
#FaitA-label,
#CiviliteDefunt-label,
#PrenomDefunt-label,
#NomDefunt-label,
#DateDeces-label,
#Telephone-label
 {
	float: left;
	text-align: left;
	font-family: "marianne";
	font-weight: normal;
	font-size: 1rem;
	color: #161616;
	padding-left: initial;
	width: 100% !important;   
	/*grid-row: 1;
	grid-column: 1;*/
}

.step-page .fieldset-container legend {
    border-bottom: 0px !important;
    color: #000091;
    margin: 0 0 0.8em;
    padding: 0;
    width: 100% !important;
  }


  ::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

/*.step-page .fieldset-container legend {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--sp-blue);
    border-radius: 50%;
    color: var(--sp-white);
    margin-bottom: 0.5rem;
}*/
   
   
 /*   border-bottom: 0px !important;
    color: #a80b12;
    margin: 0 0 0.8em;
    padding: 0;
    width: 100%;

}*/



legend {
    font-family: "marianne_light";
text-align: center; 
color: #000091 ;
font-size: 1.25rem !important;
line-height: 2rem !important;
font-weight: 400 !important;
}



.choice {
    text-align: left;
	font-family: "marianne";
	font-weight: normal;
	font-size: 1rem !important;
	color: #3a3a3a !important;
	padding-left: 0px !important;
    margin-left: 0px !important;
}

.input-group {
    width: 100% !important;
padding-left: 0px !important;
margin-left: 0px !important;
}

/* Timer */
.fr-callout {
    font-family: "marianne_regular";
  position: relative;
  background-color: var(--background-contrast-grey);
  box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france);
  margin: 2rem 0;
  padding: 1rem 3rem;
}


.fr-radio-group input[type="radio"] + label {
    position: relative;
	text-align: left !important;
    /*padding: 0.75rem 0;*/
    font-size: 1rem;
    /*line-height: 1.5rem;*/
    -webkit-tap-highlight-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: left !important;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*margin-left: 2rem;*/
}

/*.fr-radio-group input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.75rem;
    margin-right: 0.5rem;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px var(--border-action-high-grey), inset 0 0 0 12px var(--background-default-grey), inset 0 0 0 12px var(--background-action-high-blue-france);
}*/

#Civilite-label span.libelle,
#AdresseExp-label span.libelle,
#CodePostalExp-label span.libelle,
#CommuneExp-label span.libelle,
#MailExp-label span.libelle,
#ReferenceContrat-label span.libelle,
#DateDuJour-label span.libelle,
#FaitA-label span.libelle,
#DateDeces-label span.libelle,
#Telephone-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;
	
}

#PrenomExp,
#NomExp,
#AdresseExp,
#CodePostalExp,
#CommuneExp,
#MailExp,
#Telephone,
#ReferenceContrat,
#FaitA,
#DateDuJour,
#PrenomDefunt,
#NomDefunt,
#DateDeces,
#Telephone
 {
	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);
	 }

 /* Mise en page du bloc réponse CP */
.step-page input[type=number] {
    width: 100% !important;
    font-size: 1em !important;
     text-align: left;
      /* border: 1px solid rgb(8, 85, 134) !important;*/
       border-radius: 10px;
     padding: .5em .1em .5em .4em;
 }

 
.step-page input[type=text] {
    width: 100%;
       font-size: 1em !important;
     text-align: left;
    /*   border: 1px solid rgb(8, 85, 134) !important;*/
       border-radius: 10px;
     padding: .5em .1em .5em .4em;
 }
 
 .step-page input.date {
    border: transparent !important;
    width: 100%;
  }

  .step-page .form-group[data-type="date"] .input-group {
   
    background: #fff none repeat scroll 0 0;
    border: transparent !important;
  }

  /* Mise en page de bloc quand les infos sont complètes */
.fr-alert--success {  box-shadow: inset 0 0 0 1px #18753c, inset 2.5rem 0 0 0 #18753c;}
.fr-alert {
  position: relative;
  padding: 1rem 1.25rem 0.75rem 3.5rem;
}
.fr-alert p { font-family: "marianne_regular"; font-size:1.1rem;}

/* Mise en page du bloc de la lettre */
#ModelLettre-panel-1-blockinfo-5-chapter-1-section-2-content {
	border: 1px solid #44317c;
	border-radius: 10px;
	padding:10px;
}


  /* Suppression de chevrons */
.input-group.hidden {
	display: none !important;
	color: transparent !important;
}
/*
#ModeleDeLettre-panel-1-blockinfo-4-chapter-1-section-1-content {
    border: #18753C solid 1px;
    border-left: #751859 solid 40px;
    float: left;
	text-align: left;
	font-family: "marianne_light";
	font-weight: normal;
	font-size: 1rem;
	color: #3a3a3a;
	padding-left: 16px;
    padding-right: 56px;
    width: 95%;
	/*grid-row: 1;
	grid-column: 1;
}
*/


#TypeDeContrat,
#Civilite {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.input, .step-page input[type="text"],
.step-page input[type="number"] {
   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);
}

.sp-entete-bullet .sp-entete-bullet-number {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: -.2rem;

  }

  .step-page input[type="text"], .step-page input[type="date"],
.step-page input.date, .step-page input[type="number"], .step-page input[type="money"],
.step-page .form-group[data-type="date"] .input-group {
  color :#44317c;
  width: 100% !important;
  max-width: 100%;
  min-width: auto;
}

.step-page input.date {max-width: 100% !important;}
.step-page .form-group[data-type="date"] .input-group {border:none;}
.step-page a.datepicker-button.blue {color: #0606b2; }


  .sp-section-bullet {
    font-family: 'marianne_light';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--sp-blue);
    border-radius: 50%;
    color: var(--sp-white);
    margin-bottom: 0.5rem;
  }
  .sp-blue {
    font-family: 'marianne_light';
    color: #3a3a3a;
    fill: var(--sp-blue);
  }


.step-page .blockinfo-chapters, .step-page .section-content, .step-page .section-annotations {
  border: 0px;
  background-color: transparent;
  padding: 0;
}

.input-group {
    width: 100% !important;
}

/* Titre de l'étape */
.legend, .step-page .fieldset-container legend {
    border-bottom: none;
    display: block;
    text-align: center;
    font-family: 'marianne_light';
    font-size: 1.25rem ;
    line-height: 2rem ;
    margin: var(--text-spacing);
    }
    
    .RecapFinal {
    border-bottom: none;
    display: block;
    text-align: center;
    font-family: 'marianne_light';
    font-size: 1.25rem ;
    line-height: 2rem ;
    margin: var(--text-spacing);
    }
    
    .sp-entete-bullet .sp-entete-bullet-number {
    font-size: 1.2rem;
    /*font-weight: bold;*/
    margin-top: -.2rem;
    }
    
    .sp-section-bullet {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    color: var(--sp-white);
    margin-bottom: 0.5rem;
    }

    .sp-blue {
    color: #3a3a3a;
    font-family: "marianne_regular";
    fill: var(--sp-blue);
    }

    
.sp-section-bullet-green {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background: #18753c;
    border-radius: 50%;
    color: var(--sp-white);
    margin-bottom: 0.5rem;
}  

    @media (min-width: 48em) {
    .fr-text--lg {
    font-size: 1.25rem !important;
    line-height: 2rem !important;
    }
    }

    .sp-panel.sp-blue-panel {
        border-color: var(--blue-france-main-525);
    }
    .sp-panel {
        background-color: var(--sp-white);
        border: 1px solid var(--sp-grey-5);
        margin: 1rem 0;
        padding: 25rem 10rem 2rem 10rem;
        width: 100%;
       
    }
    .fr-pb-1v, .fr-py-1v {
        font-family: "marianne_regular";
        font-size: 1.1rem;
        color: #333333;
        padding: 1.8rem !important;

           }
    *, *::before, *::after {
        box-sizing: inherit;
    }
    feuille de style user-agent
    div {
        display: block;
    }
.time {
    line-height: 1.5;
    font-size: 1.1rem;
    padding-bottom: 10px !important;
}

   /* Mode d'emploi */
.ModeEmploi > h2 {font-size: 1rem; font-family: 'marianne_bold'; padding-left:1.5rem;color: var(--text-default-grey);}

.sp-panel.sp-blue-panel { border-color: var(--blue-france-main-525);}
.sp-panel {
  border: 1px solid var(--sp-grey-5);
  background-color: var(--sp-white);
  margin: 1rem 0;
  padding: 0.5rem 0;
}

.fr-py-1v { padding: 1rem 0.5rem;}

ul {
  list-style-type: var(--ul-type);
  padding-inline-start: var(--ul-start);
  padding-left: 2rem;
}

/* Timer */
.fr-callout {
  position: relative;
  background-color: var(--background-contrast-grey);
  box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france);
  margin: 2rem 0;
  padding: 1rem 3rem;
}

.temps {padding-left: 1.5rem; }


.sp-btn-collapse:focus, .sp-btn-collapse:hover {
    color: var(--sp-blue);
}
.sp-panel .sp-btn-collapse {
    padding: 0.75rem 2.5rem 0.75rem 1rem;
}

.sp-btn-collapse {
    background: transparent;
    color: var(--sp-grey-2);
    display: block;
    margin: 0;
    padding: 0.5rem 2.5rem 0.5rem 0.5rem;
    position: relative;
    text-align: left;
    white-space: normal;
    width: 100%;
}

.main button {
    background-color: transparent;
  }

  .sp-panel.sp-blue-panel .sp-panel-btn-text {
    font-family: "marianne_regular";
    font-size: 1.1rem;
}


.sp-panel .sp-panel-btn-text.sp-panel-with-icon, .sp-panel .sp-panel-title.sp-panel-with-icon {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}


.sp-panel .sp-panel-btn-text, .sp-panel .sp-panel-title {
    line-height: normal;
    margin: 0;
}

.fr-text--bold {
    font-weight: 700 !important;
}

*, *::before, *::after {
    box-sizing: inherit;
}

.sp-btn-collapse {
    background: transparent;
    color: var(--sp-grey-2);
    display: block;
    margin: 0;
    padding: 0.5rem 2.5rem 0.5rem 0.5rem;
    position: relative;
    text-align: left;
    white-space: normal;
    width: 100%;
}
.sp-btn {
    background-color: transparent;
    background-image: none;
    border: 0;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    /*padding: 0.25rem 0.75rem;*/
    text-align: right;
    vertical-align: center;
}

a, button, input[type=checkbox], input[type=checkbox] + label, input[type=radio], input[type=radio] + label, input[type=file], input[type=range], input[type=button], input[type=image], input[type=reset], input[type=submit], select, video[controls], audio[controls], details, details > summary:first-of-type {
    cursor: pointer;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    color: inherit;
    background-color: transparent;
    font-family: inherit;
}

ul {
    list-style-type: var(--ul-type);
    padding-inline-start: var(--ul-start);
}

.sp-icon.sp-icon-ri-arrow-down-s-line {
    text-align: right;
}








.vert {
    background-color: #18753c;
}

/* Elements de la lettre */

/* Mise en page des éléments de la lettre */
#Global {
	font-size:1.1rem;
	padding-left: 10px;
}

.Exp {
	color: rgb(68,49,124);
	font-family: "marianne_bold";
	font-size:1.1rem;
}

.ExpLight {
    color: #333333;
    font-family: "marianne_regular";
    margin-top: 1rem !important;
}

.Dest {
	color: rgb(68,49,124);
	font-weight: bold;
	font-size:1.1rem;
	padding-left: 50%;
}
.Objet {padding: 3rem 0;}

.Sign {
	padding-left:40%;
	text-align: center;
}

.Contenu {
	color: rgb(68,49,124);
	font-weight: bold;
	font-size:1.1rem;
}

.PJ {font-size: 0.8rem; margin: 1rem 0; width: 100%;}
.PJ .Contenu {font-size: 0.8rem; margin: 1rem 0;}

.Info {	padding: 15px 20px;}

.retrait {text-indent: 2rem;}


#ModeleDeLettre-panel-1-blockinfo-8-chapter-1-section-3-content {
    border: 1px solid #0606b2;
    border-radius: 10px;
    padding: 10px;
}


/* Boutons
.step-page .action_buttons button {
    display: inline-block;
    text-align: left;
    margin: 2px 25px 1em 1em;
      margin-left: 1em;
    font-size: 1.2em; 
}*/

  /* Mise en page du bouton */


.btn-primary {
    color: #fff;
    text-align: left !important;
    font-family: "marianne_regular" !important;
    background-color: #0606b2 !important;
    margin: 2px 25px 1em 1em;
   /*margin-left: 0 !important;*/
    padding: 10px;
  }

  .btn-secondary {
    color: #0606b2 !important;
    font-family: "marianne_regular" !important;
    text-align: left !important;
    background-color: #fff !important;
    margin: 2px 25px 1em 1em;
   /* margin-top: 1rem;
    margin-left: 0 !important;*/
    padding: 10px;
    border : 0.5px solid #0606b2;
  }  
    

  .padding {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav-up a {
	display: none !important;
  }

  .nav-up {
	border: none !important;
  }