@import url('https://fonts.googleapis.com/css?family=Montserrat:300,700');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500&display=swap');

:root {
  --body-background-color: #1f1f1f;
  --rgpdPage-background-color:  #f1f1f1;
  --carte-background-color: #ffffff;
  --navRGPD-color:white;
  --stronger-color:#ee750d;
  
}

body {
    font-family: 'Montserrat', sans-serif !important;
    /*font-family: 'Shippori Mincho B1', serif !important;*/
    background-color: var(--body-background-color) !important; 
    text-align: justify;
}

:focus {
    outline: none !important;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}


.container-non-fluid {
    padding: 0 5%;
    margin: 50px auto 20px auto;
}

nav {
    margin-top: 40px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px !important;
    color : var(--navRGPD-color) !important; 
    text-align : center;
}

#pageRGPD{
    background-color: var(--rgpdPage-background-color) !important; 
    padding: 3%;
}

#slogan {
  font-size : xx-large;
}

.far{
  margin-right : 5px;
}

.fas{
  margin-right : 5px;
}

.stronger{
  font-weight : bolder;
  color : var(--stronger-color) !important; 
}

.col-carte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px 0 10px;

}

.carte-investir {
    margin-top: 30px;
    width: 100%;
}

.img-investir {
    width: 100%;
}

.carte-contenu {
    padding: 20px 50px 30px 50px;
    background-color: var(--carte-background-color) !important; 
}

.carte-titre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.carte-titre img {
    height: 50px;
    width: 50px;
}

.carte h3{
  margin-bottom : 25px;
  color : var(--stronger-color) !important; 
}

.rgpdTitle{
  text-decoration : none; 
  margin-top : 5px; 
  margin-bottom : 5px;
  color : var(--stronger-color) !important; 
  font-size : large;
  cursor : pointer !important;
  
}

.rgpdContent{
  margin : 30px; 
}

footer{
    color : var(--navRGPD-color) !important; 
    text-align : center;
}

.deco{
  text-align : center;
}

.imgcontainer{
  text-align : center;
}

h2{
  margin-bottom : 25px;
}

#buttonContainer{
  text-align : center;
}

label{
  font-weight : normal !important;
}

table tr td
{
   vertical-align: middle;
}

input[type="radio"]{
  margin-right : 5px;
  vertical-align: middle;
}

label{
  cursor : pointer;
}