html,
body {
  height: 100%;
  font-family: compagnon;
  
}

.accueil{
	
	margin-top: 200px;
}




body {
  margin: 0;
  background: white;
  display: flex;
  min-height: 100%;
}

.column-accordian {
  min-height: 60%;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow:hidden;
}
.column-accordian > .column {
  color: black;
  cursor: pointer;
  transition: .2s;
  flex: 1;
  display: flex;
  padding:10px;
 
}

p{
padding:10px;
margin-top:30px;
margin-bottom:30px;}

.jesus {
color:black;
}



/*.column{
overflow-y:scroll;
overflow-x:hidden;}*/


.column-accordian > .column:nth-child(1) {
 overflow-y:scroll;
overflow-x:hidden;

}

.column-accordian > .column:nth-child(2) {
  
   overflow-y:scroll;
overflow-x:hidden;
}
.column-accordian > .column:nth-child(3) {
 
   overflow-x:hidden;
}
.column-accordian > .column:nth-child(4) {
  overflow-y:scroll;
overflow-x:hidden;
}
.column-accordian > .column:nth-child(5) {
   overflow-y:scroll;
overflow-x:hidden;
}
.column-accordian > .column:nth-child(6) {
 
   overflow-y:scroll;
overflow-x:hidden;
}
.column-accordian > .column:nth-child(7) {
 
   overflow-y:scroll;
overflow-x:hidden;
}
.column-accordian > .column > div {
  font-size: 0.5em;
  transition: .6s;
}
.column-accordian > .column.flex {
  flex: 10;

  background:#b5d4f1;
}

.column-accordian > .column.flex > div {
  font-size: 1.1em;

}