@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@font-face {
    font-family: 'mariannebold';
    src: url('font/Marianne-Bold.woff2') format('woff2'),
         url('font/Marianne-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'marianneregular';
    src: url('font/Marianne-Regular.woff2') format('woff2'),
         url('font/Marianne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@media (max-width: 650px) {
   .big-container {
       display: none;
   }
}
@media (min-width: 650px) {
   .small-container {
       display: none;
   }
}
/* Responsive iFrame */
.responsive-iframe-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  color: #555;
}

h1 {
  padding: 50px 0;
  text-align: center;
}
img{
    width:100%;
    max-width:150px;
}
p {
  margin: 0 0 0;
  line-height: 1.5;
  max-width: 80%;
}
.notemenu{
  padding: 5px 0 5px 1px;
  font-size: small;
  font-style: italic;
}
.parent {
  margin: 0 auto;
  min-width: 320px;
  max-width: 1044px;
  display: flex;
  justify-content: center;
  align-items: center
}
.child1 {
  display: inline-block;
  width:24%;
}
.child2 {
  display: inline-block;
  text-align: center;

}
.child3 {
  display: inline-block;
  width:24%;
}
.flex-br {
	
    width: 100%;
    height: 0;
	
}
main {
  min-width: 320px;
  max-width: 1044px;
  padding: 25px;
  margin: 0 auto;
  background: #fff;
}

section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label[for*='0']:before {
    content: "\f133";
}

label[for*='1']:before {
    content: "\f1ea";
}

label[for*='2']:before {
  content: '\f5bf';
}

label[for*='3']:before {
  content: '\f084';
}

label[for*='4']:before {
  content: '\f4c4';
}

label[for*='5']:before {
  content: '\f013';
}

label[for*='6']:before {
  content: '\f0c0';
}

label[for*='7']:before {
  content: '\f084';
}

label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid GREY;
  border-bottom: 1px solid #fff;
}

#tab0:checked ~ #content0,
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7 {
  display: block;
}

@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }

  label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}
marianne {
  font-family: "marianneregular";
}
mariannered {
  font-family: "marianneregular";
  color: red;
} 
mariannegras {
  font-family: "mariannebold";
}
mariannegrastitre {
  font-family: "mariannebold";
  font-size : 2vw;
}
mariannegrassoustitre {
  font-family: "mariannebold";
  font-size : 1vw;
}