/*!
 * Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
 */

body {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #343a40;
}

.container{
    background-color: #FFFFFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.masthead {
    position: relative;
    background-color: #343a40;
    background: url("/img/FG.jpg") no-repeat center center;
    /*background: url("/img/bg-masthead-1") no-repeat center center;*/
    background-size: cover;
  /*color: black;*/
}

.masthead h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {

    .masthead {
/*        padding-top: 120px;
        padding-bottom: 12rem;*/
        /*margin: 0;*/
        height: 550px;
        width: 100%;
    }
    
    .masthead h1 {
      font-size: 3rem;
    }

    .showcase .showcase-text {
      padding: 7rem;
    }
  
    .osons{
        font-size: 70px;
    }
    
    .les_violences{
        font-size: 55px;
        font-weight: bold;
    }
    
    .logos img{
       width: 90px;
       margin: 10px;
    }
    
    .espace{
        margin-bottom: 10px;
     }
}

@media (max-width: 768px) {
    .masthead {
        height: 300px;
        width: 100%;
/*      padding-top: 12rem;
      padding-bottom: 12rem;*/
    }
    
    header.masthead h1 {
      font-size: 3rem;
    }
  
    .showcase .showcase-text {
      padding: 3rem;
    }

    .osons{
        font-size: 300%;
    }
    
    .les_violences{
        font-size: 30px;
    }
    
    .bienvenue{
        display: none;
    }
    
    .logos img{
       width: 30%;
       /*text-align: center;*/
    }
    
}

.temoignages img {
  max-width: 12rem;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

/*.testimonial-item img{
    max-width: 200px;
}*/
/*.call-to-action {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
}*/

/*.call-to-action .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}*/

/*footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}*/

#osons_denoncer{
    background-color: #ff501b;
    text-align: right;
    /*height: 100%;*/
    color: #FFFFFF;
    padding: 5px;
    margin-top: -25px;
}

.box_message{
    background-color: #444848;
    border-radius: 4px;
    text-align: center;
}

.alertez{
    font-size: 25px;
    color: #FFFFFF;
}

.numero_court{
    color: #ff501b;
    font-size: 70px;
}

.url-fegu {
    color: #ff501b;
    font-size: 50px;
}

.texte_sms{
    padding-top: 10px;
    /*text-align: center;*/
    color: #444848;
}

.texte-gras{
    font-weight: bold;
}

@font-face {
    font-family: "DaxBold";
    src: url('/styles/fonts/dax-bold.ttf');
}
@font-face {
    font-family: "Daxlight";
    src: url('/styles/fonts/dax-light.ttf');
}
@font-face {
    font-family: "DaxRegular";
    src: url('/styles/fonts/dax-regular.ttf');
}
@font-face {
    font-family: "DaxMedium";
    src: url('/styles/fonts/dax-medium.ttf');
}

.btn, input[type=text], input[type=password], .navbar{
    border-radius: 0;
    /*border: 0.5px;*/
}

.btn.primary{
    background-color: #ff501b;
}

.modal-header{
    box-shadow: 1px 1px 12px #555;
}

.loading-div, .loading-div4{
    display: none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #EBF8A4;
    border: 1px solid #A2D246;
    font-weight: bold;
    font-size: 11px;
}
/*
.loading-div4{
    display: none;
}*/
/*.recherche input, .recherche select, .rechercheBourse input, .rechercheBourse select{
    height: 25px;
    font-size: 9px;
    color: #000000;
    font-style: "Arial Black";
    font-weight: bold;
}*/

html {
  position: relative;
  min-height: 100%;
}

/*body{
    font-family: 'DaxRegular';
    background-size: 100% 90%;
    background-repeat: no-repeat;
}*/

.container .text-muted {
    margin: 20px 0;
}

html, body {
    height: 100%;
    margin: 0; padding: 0;
}

body {
    display : table;
    width: 100%;
    color: #000000;
}

h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
}

.masthead{
    margin-bottom: 2%;
}

/*.card{
    border: 0;
    border-radius: 10px;
}*/

/*.card p, .card-body{
    color: #000000;
}*/

/*.card-header, .btn-primary{
    background-color: #6f42c1;
    border: 0;
}*/

.menu-actif {
    background-color: #ff501b;
    color: #ff501b;
}

.nav-link{
    color: #FFFFFF;
}

a{
    color: #6f42c1
}

.card-body{
    background-color: #F2DF08;
}