*
{
   margin:0;
   padding:0;
   font-family: 'Spectral', serif;
}
body, html{
   height: 100%; /*Pour pleine hauteur*/
   /* font-size:16px;
  font-family: 'Roboto Slab', serif;
  color: #fff; */
  /*margin: 0;
  padding: 0;
  background-color: #90cde3;*/
  
}
/*Formulaire partie contact */

header{

    background-image: url('../img/connection2.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto !important;
 }
 
 #formulaire{
    justify-content: center;
    align-items: center;
    padding: 50px;
    width: 50% !important;
    margin: auto !important;
 }
 .form_item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px;
 }
 textarea{
    background-color: transparent !important;
 }
 
 /*Donner du style au formulaire*/
 
 h2{
    background-color:indigo;
    text-align: center;
    color: rgb(235, 202, 95);
 }
 button{
    display: flex;
    /*justify-content: center;
    align-items: center;*/
    padding: auto;
    border: 1px indigo;
    background-color: rgb(98, 98, 217);
    color: white;
    flex-wrap: wrap;
   
 }
 /*Style au survol*/
 button:hover{
    background-color:  rgb(59, 59, 131);
 }
 /*Style aux inputs
 Pour faire [] sur Windows altGr + 5
 Pour faire [] sur Mac     option + shift + 5
 */
 input[type=text], 
 input[type=email]{
 padding: 10px;
 background-color: transparent;
 
 }
.form-control{
   border: 3px solid indigo !important;
  
}
.col-sm-6{
   display: block;
}

 button p{
 
    display: flex;
    justify-content: center;
    margin: auto;
    text-align: center;
 }
 /*Donner du style aux placeholder*/
 ::placeholder,
 select#pays{
    color: red;
    text-align: right;
 }
 
 
 .indigo{
    background-color: indigo;
    color: rgb(235, 202, 95);
    align-items: center;
    justify-content: center;
 }
 .border{
    border:  2px solid indigo !important;
    
 }
 .col-12 {
    flex: 0 0 auto;
    width: 100%;
    padding: 6px 12px;
    margin: 16px;
 }
 
 
 
 
 /* Fin Formulaire partie contact */