body{
  background: #72a8a8;
}
.clair{
  background: #72a8a8;

}

.fonce{
  background: #548282;

}

.text_blanc{
  color: rgb(255,255,255);
 }

.text_padding {
   padding-top: 10px;
 }

h3{
  font-family: Forum, cursive;
  font-size: 62px;
  font-weight: normal;

}

p{
  font-family: Forum, cursive;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
}

.ul_center{
  display: inline-block;
  text-align: left;
}

.forum18{
  font-family: Forum, cursive;
  font-size: 20px;
  text-align: left;
  font-weight: 600;
}

.aileron20{
  font-family: Aileron, sans-serif;
  font-size: 20px;
  font-weight: normal;
}

.espace6px{
  letter-spacing: 6px;
}

.aileron24{
  font-family: Aileron, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-weight: normal;
  color: rgb(0,0,0);
}

.alex{
  font-family: 'Alex Brush';
  font-size: 50px;
}

.alex_bar{
  font-family: 'Alex Brush';
  font-size: 30px;
}
.text_center{
	text-align: center;
}

.align_right{
  text-align: right;
}

.bottom_left {
  position: absolute;
  bottom: 0;
  left: 0;
}

.column {
  float: bottom;
  width: 50%;
  padding: 5px;
}

.vertical_align{
  vertical-align: baseline;
}

.padding_nav {
  padding-top: 30px;
}

.padding_partners {
  padding-top: 5%;
}

.item1 { 
  grid-area: header; 
  text-align: center;
}

.item2 { 
  grid-area: list;
  text-align: center;
   
}

.list-centered{
  text-align:left;
  display: inline-block;
}

.item3 { 
  grid-area: left; 
  text-align: right;
}

.item4 { 
  grid-area: right; 
  text-align: left;
}

.item-top{
  grid-area: item-top;
  text-align: center;
}

.item-bottom{
  grid-area: item-bottom;
  text-align: center;
}


.grid-container {
  display: grid;
  grid-template-areas: 
  'header header'
  'list list'
  'left right';
  gap: 10px;
  padding: 10px;
}

.grid-container3 {
  display: grid;
  grid-template-areas: 
  'header header'
  'item-top item-top'
  'item-bottom item-bottom';
  gap: 10px;
  padding: 10px;
}

.grid_item {
  display: flex;            
  align-items: center;
  justify-content: center;       
}



.grid-container2 {
  display: grid;
  grid-template-areas:'header header header'
                      'left center right';
  justify-items: center;
  gap: 10px;
  padding: 10px;
}


.text_black {
  color: rgb(0,0,0);

}

.box1 {
  margin: right;
  margin: 35px;
}

.box2 {
  margin: right;
  margin: 60px;
}

.box3 {
  margin: right;
  margin: 5px;
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #72a8a8;
  color: white;
}

/* Whatsapp */
.fa-whatsapp {
  background: #72a8a8;
  color: white;
}

/* Instagram */
.fa-instagram {
  background: #72a8a8;
  color: white;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}