.collapse {
  max-width: 11em;
	margin: 1.7em 0 0 1em
}
.collapsible {
  color: white;
  cursor: pointer;
  padding: 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  background: none;
	border-bottom: solid 1px
}
.active, .collapsible:hover {
  color: #A3A3A3;
}
.collapsible:after {
	font-family: 'Bebas Neue',sans-serif;
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 1em;
  font-size: 2em;
	line-height: 1em
}
.active:after {
	font-family: 'Bebas Neue',sans-serif;
  content: "\2212";
  font-size: 2em;
 
}
.content {
  padding: 0 1em;
	margin:0 0 1em 1em;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
#foot_menu .content a{
font-family: 'Bebas Neue',sans-serif;
	font-size: 1em;
	padding: 0.2em 0;
	display: block
}
#foot_menu .content a:hover{
	color:#b91619
}
#foot_menu .content li:first-of-type a{
	margin-top:1em
	
}
#foot_menu .content a:hover{
	color:#A3A3A3
}
#foot_menu .content ul{
	0 1em 0 1em
}
#tousLesNumeros .collapsible::after{
	content: "\000020\0000DC";
	 font-family: 'Wingdings', sans-serif;
	color:#000;
	bottom: .5em;
    position: relative;
    right: 1em;
}
#tousLesNumeros .collapsible.active::after{
		content: "\000020\0000DB";
	color: #B91619

}
/*
	Sommaire
		*/
#grand_sommaire{
	display:none;
       position: absolute;
    background-color: #F2F2F2;
    color: #000;
    font-family: 'Heroes';
    top: 3.3em;
    padding: 3em 0;
    z-index: 4;
    height: 74%;
}
#grand_sommaire ul{
	
}
#grand_sommaire .content{
	overflow:visible
}
#grand_sommaire .content li{
	padding: 1em;
	font-size: .9em;
	border-bottom: solid 1px
}
#grand_sommaire .collapse{
	max-width: 35em;
	height: 100%;
	max-height: auto;
}
#grand_sommaire .collapse h2{
	font-family: 'Bebas Neue';
	color:#B91619;
	font-size: 1.2em
}
#grand_sommaire .collapse h3{
	font-size: .8em
}
#grand_sommaire_header{
	display: flex;
    padding: 1.5em 0 0 2em !important;
    margin-top: 2em;
}
@media screen and (max-width: 540px) {
    #grand_sommaire_header{
        display: flex;
        padding: 0 1.5em !important;
    }
}
#grand_sommaire_header span{
	font-size: 2em;
    font-family: 'Bitter';
    margin: 0.1em 0 0 .5em;
    display: block;
}
#grand_sommaire_header button.sommaireButton{
	background-color: #b91619;
	font-family: 'Bebas Neue';
	border:none;
	border-radius: .5em;
	color:#fff;
    padding: .7em 2em 1.7em 0;
	width: 10em;
	height: 3.2em;
    margin-left: 2em;
}
#grand_sommaire_header button.sommaireButton::after{
	content: "\000020\0000DC";
	font-family: 'Wingdings';
	font-weight: bold;
    float: right;
    margin-left: 1em;
    font-size: 1.7em;
    line-height: 1em;
    position: relative;
    bottom: 1em;
	left:.7em;
    display: none;
}
#grand_sommaire_header button.sommaireButton.active::after{
	content: "\000020\0000DB";
	bottom: 1em
}
#gran .button {
    width: 80%;
}