body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}

/*
.nav-item {
  margin-right: 0;
  margin-left: 100px;  
}

.navbar {
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  
}
*/

.dropdown-menu {
  --bs-dropdown-link-hover-bg:  #a94054;
  --bs-dropdown-link-active-bg: #a94054;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.3rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: white;
  background-color: #a94054;
  border: #a94054 1px solid ;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}


.nav-tabs .nav-item {
  margin-top: 1px;
  cursor: pointer;
  border: 1px #a94054 solid;
  border-bottom-color: #d1d1d1;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-left: 10px;
  margin-bottom: 10px;  
}


.tab-content {
  margin-top:            0px;
  border-left:   #a94054 0px solid;
  border-right:  #a94054 0px solid;
  border-bottom: #a94054 0px solid;
  border-top:    #a94054 0px solid;
  padding: .5em;
  margin-bottom: 1em;
}


#quarto-header {
  border-bottom:   10px solid white;
  border-top:      10px solid white;
  border-left:    100px solid white;
  border-right:   100px solid white;
  
}


a:link { 
  text-decoration: none; 
  font-weight: 500;
} 
a:visited { 
  text-decoration: none; 
  font-weight: 500;
} 
a:hover { 
  text-decoration: none; 
  font-weight: 500;
} 
a:active { 
  text-decoration: none; 
  font-weight: 500;
}


#title-block-header {
background: linear-gradient(to right, #34a8de,#3777aa,#755a7f,#a94054,#e81f28);
/*background-color: #34a8de;*/ 
padding: 10px;
color: white;
border-radius: 5px;
margin-bottom: 50px;
border: #3a7e99 1px solid;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0), 0 0 0 0.5px rgb(255, 255, 255),
    0.3em 0.3em 0.3em rgba(44, 62, 80, 0.2);

}

.box_img {
  color:#2c3e50;
  border: solid 0px ;
  border-color: #2c3e50;
  border-radius: 3px ;
  background-color:white;
  filter:grayscale(2%);
  overflow: hidden;
  box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0), 0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 0.5em rgba(44, 62, 80, 0.5);
  padding-left: 6px;
  padding-top:  3px;
  margin-bottom: 40px;
}


/*blocs de code*/

.code-with-filename .code-with-filename-file {
  background-color: #3a7e99;
  border-bottom:     0px solid  #3a7e99;
  border-top:        1px solid  #3a7e99;
  border-left:       1px solid  #3a7e99;
  border-right:      1px solid  #3a7e99;  
  padding-top:       5px;
  padding-bottom:    3px;  
  color: #f6f4fb;
}

.code-with-filename-file pre {
 background-color:  #3a7e99;
 font-weight: 900;
}

.code-with-filename .code-with-filename-file strong {
  font-weight: 900;
  color:  #fff;
}

.cell-output-display pre, .cell-output-stdout pre {
padding: .4em;
color: #3a7e99;
background-color: #f6f4fb;

}

div.sourceCode {
 background-color: #f8f9fa;
 border: 2px solid #3a7e99;
 border-radius:.25rem;
}