/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27 sept. 2021, 09:43:49
    Author     : 906221
*/

*{ margin:0;padding:0;}

h1 { 
  text-align: center;
  color: #00a885;
  text-transform: uppercase;
  font-size:18px;
  line-height: 30px;
  margin:10px 0 20px 0;
}

a, a:visited, a:active { color: #ffffff;}
/*a, a:visited, a:active { color: #1b5ed1;}*/

body {
    height: 100vh;
    /*background-color: #000000*/
}

.topbar {
  background:#00a885; 
  opacity: .8;
  height: 26px;
  width:100%;
}

.wrapper {
  width:100%;
  max-width: 450px;
  min-width: 350px;
  margin:auto;
}

.divBt {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  width:100%;
}

figure {
  width:250px;
}
img {width:100%;}

.bouton { 
  width:140px; 
  padding:20px; 
  margin:20px;
  background:#00a885; 
  /*background:linear-gradient(#00a885,#FFFFFF 90%); */
  /*background:linear-gradient(#00a885,#00a885 90%); */
  border:1px #00a885 solid; /*1px*/
  opacity: 100; /*0.8*/
  border-radius:100px;
  text-align: center;
  font-size:24px;
  display:flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 60px;
}

.bouton:hover {
  /*background : #031c34;*/
  background : color:white;
  /*color: #DEDEDE;*/
  color: #DEDEDE;
  border-color : #5a6771;
}
.bouton:hover a { color:white; }

.footer { 
  color: #CDCDCD;
  border-top: 1px solid #CDCDCD;
  margin:10px 0;
  text-align: center;
  padding-top:8px;
  width:100%;
}


/* 768 xl */
@media screen and (min-width: 48em) { 
  .wrapper { max-width: 500px; }
  h1 { font-size:24px;}
}

/* 1280 xl */
@media screen and (min-width: 80em) { 
 .wrapper { max-width: 1100px; }
 
}