/* CSS Document */
body {
padding:0px;
margin:0px;
font-family: poppins;
}

.hidden {
  display: none;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');

/* CSS pour masquer afficher uun div */
.on {
    display: block;
}
 
.off {
    display: none;
}
/* Empecher surbrillance d'un input texte  */
input:focus, select:focus, textarea:focus, button:focus { outline: none; }


.ligneCentre{
    width:90%;
    max-width:400px;
    margin-right:auto;
    margin-left:auto;
}


.lignePleine
{
    
    width:100%;
    
}


a {
  text-decoration: none;
  color: #4982f2;
}

a:hover {
    text-decoration:underline;
}

.lienGris {

   color: #B1B1B1; 

}

.lienNoir {

   color: #000; 

}

.inputSUBMITcouleur {
   width:100%;
    height:50px;
   font-size:18px;
    border:1px solid #4982f2;
    border-radius:5px;
    background-color:#4982f2;
    text-align:center;
    line-height:35px;
    color:#FFF;
}

.inputTEXTE {
width:96%;
    background-color:#FFF;
    padding:10px;
    border:1px solid #BBB;
    border-radius:5px;
    font-size:15px;
    padding-left:2%;
    padding-right:2%;
    padding-top:15px;
    padding-bottom:15px;
}

.inputTEXTElibelle {
    
    color:#555555;
    font-size:15px;
}

.texteRemarque {
    
    /*color:#B1B1B1;*/
    color:#000;
    font-size:12px;
}


.cadreAvecOmbre{
    
    background-color:#FFF;
    width:480px;height:auto;
    border:1px solid #f7f7f7;
    margin-left:auto;
    margin-right:auto;
    border-radius:10px;
    box-shadow: 5px 5px 5px 0px #d7d7d7;
    margin-top:50px; 
    
    
}




.selectInput2 {
    
 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding:8px;
     border:2px solid black;                                         
   background-image: url('../images/fleche-vers-le-bas-pour-naviguer.svg');
  background-position: center right 10px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
    appearance: none;
    width:200px;
    outline: none;
    height:40px;
    font-size:14px;   
}


.selectInput
{
    
    padding: 17px;
    margin: 0;
    border: 0px solid #ccc;
    width: 100%;
    overflow: hidden;
    font-size:17px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
     border-radius:5px;
    background-image: url('../images/fleche-vers-le-bas-pour-naviguer.svg');
  background-position: right;
  background-size: 15px 15px;
  background-repeat: no-repeat;
}


.selectInputCadre
{
    border-radius:5px;
    border:1px solid #CCC;
    padding-right:10px;
}

.titre {
    
    
    color:#000;
    font-size:20px;
    font-family: poppinsBold;
}
@font-face {
  font-family: "poppins";
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "poppinsBold";
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
}
/* *************************************************************** */
/* ECRAN LARGES */
/* *************************************************************** */
@media only screen and (min-width: 1200px) {}
/* *************************************************************** */
/* TABLETTE */
/* *************************************************************** */
@media only screen and (min-width: 601px) and (max-width : 1199px) {}
/* *************************************************************** */
/* MOBILE*/
/* *************************************************************** */
@media only screen and (max-width: 600px) {}