html {display: flex; flex-direction: column;} /* IE fix */
body {
  display: flex; /* crée un contexte flex pour ses enfants */
  flex-direction: column; /* affichage vertical */
  min-height: 100vh; /* toute la hauteur du viewport (compatible IE9+) */
  font-size:1.5em;
  font-family: 'Open Sans', sans-serif;
}
.wrapper {
  display: block; /* IE fix */
  flex: 1 1 auto; /* occupe la hauteur restante */
  display: flex; /* crée un contexte flex pour ses enfants */
  flex-direction: row; /* affichage horizontal */
}

.flex-body
{
	display:flex;
	flex-direction: column;
	flex:1;
	 flex-grow: 1;
  flex-shrink: 1;
  font-family: 'Open Sans', sans-serif;
color:#000;
}

.flex-footer
{
text-align:center;
}

.flex-container {
  display: block; /* IE fix */
  flex: 1 1 auto; /* occupe la hauteur restante */
  display: flex; /* crée un contexte flex pour ses enfants */
  flex-direction: column; /* affichage horizontal */
  justify-content: center;
  align-items: center;
  align-content: center;
}

header
{
   
    font-size: 1.25em;
	
}


footer
{
   
    font-size: 1em;
	
}

.hash
{
	color:#999;
}

.flex-items
{
    max-height: 2.5em;
	width:80%;
    font-size: 1.5em;
	margin-bottom:1em !important;
	padding:auto;
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
}
@media(max-width:10px){
.flex-items:nth-child(1) {
   display: block; /* IE fix */
  flex: 1 1 auto; /* occupe la hauteur restante */
  display: flex; /* crée un contexte flex pour ses enfants */
  order: 0;
}

.flex-items:nth-child(2) {
   display: block; /* IE fix */
  flex: 1 1 auto; /* occupe la hauteur restante */
  display: flex; /* crée un contexte flex pour ses enfants */
  order: 0;
}

.flex-items:nth-child(3) {
  display: block; /* IE fix */
  flex: 1 1 auto; /* occupe la hauteur restante */
  display: flex; /* crée un contexte flex pour ses enfants */
  order: 0;
}

.flex-items:nth-child(4) {
   display: block; /* IE fix */
  flex: 1 1 auto; /* occupe la hauteur restante */
  display: flex; /* crée un contexte flex pour ses enfants */
  order: 0;
}

.flex-items:nth-child(5) {
  display: block; /* IE fix */
  flex: 1 1 auto; /* occupe la hauteur restante */
  display: flex; /* crée un contexte flex pour ses enfants */
  order: 0;
}

.flex-items:nth-child(6) {
   display: block; /* IE fix */
  flex: 1 1 auto; /* occupe la hauteur restante */
  display: flex; /* crée un contexte flex pour ses enfants */
  order: 0;
}
}

a {
	display:block;
	background-color: #fff;
	box-shadow: 0 5px 0 #eb7030;
	border:1px solid #F47B35;
	color: black;
	padding: 1em 1.5em;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 18px;
	vertical-align: center;
    padding-bottom: 0.2em;
    padding-top: 0.5em;
    padding-left: auto;
    padding-right: auto;
    text-align: center;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

a:hover {
  background-color: #F47B35;
  border:1px solid #f9873a;
  color:#fff;
  cursor: pointer;
}

a:active {
  box-shadow: none;
  top: 5px;
}

  .icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	float:left;
	width:1em;
	height:1em;
	color:#000;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }

a:hover > .icon::before
{
	color:#fff;
}

  .fb::before {
    font-family: "Font Awesome 5 Brands"; content: "\f09a";
  }

  .insta::before {
    font-family: "Font Awesome 5 Brands"; content: "\f16d";
  }

  .youtube::before {
    font-family: "Font Awesome 5 Brands"; content: "\f167";
  }
  
   .email::before {
    font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f0e0";
  }
  
   ._phone::before {
    font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f095";
  }
  
  .phone::before {
    font-family: "LineIcons"; content: "\eb50";
	font-weight: 700;
  }
  
  .__phone::before {
    content: url(../icons/phone-solid.svg);
	width:1em;
	height:1em;
  }
  
  ._website::before {
    font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f0ac";
  }
  .__website::before {
    content: url(../icons/globe-solid.svg);
	width:1em;
	height:1em;
  }
   .website::before {
    font-family: "LineIcons"; content: "\ec01";
	font-weight: 500;
  }
  .cercle-picto {
  
  display:flex;
  
  position:relative;
  
  left : CALC(50% - 150px);
  
  background:#fff;

  border-radius:50%;

  width:300px;

  height:300px;

  border:2px solid #ddd; 
}

.picto
{
	
}

.picto-top-padding
{
	padding:30px;
}