div.programme ul
{
	padding:0px;
	margin:0px;
}

div.programme li
{
	list-style: none;
}

div.programme h3
{
	
}

.programme .axe0 h2 { background-color: var(--axe0-color); }
.programme .axe1 h2 { background-color: var(--axe1-color); } 
.programme .axe2 h2 { background-color: var(--axe2-color); } 
.programme .axe3 h2 { background-color: var(--axe3-color); } 

.programme .axe0 li.theme h3 { border-color: var(--axe0-color); color: var(--axe0-color); }
.programme .axe1 li.theme h3 { border-color: var(--axe1-color); color: var(--axe1-color); }
.programme .axe2 li.theme h3 { border-color: var(--axe2-color); color: var(--axe2-color); }
.programme .axe3 li.theme h3 { border-color: var(--axe3-color); color: var(--axe3-color); }


.programme .axe0 li.line::before { background-color: var(--axe0-color); }
.programme .axe1 li.line::before { background-color: var(--axe1-color); }
.programme .axe2 li.line::before { background-color: var(--axe2-color); }
.programme .axe3 li.line::before { background-color: var(--axe3-color); }

div.programme li.axe h2
{
	padding:40px 20px 50px 20px;
	color:#fff;
	text-align: center;
	font-size: 1.8em;
	margin: 20px;
}


div.programme li.theme h3
{
	color:#fff;
	text-align: center;
	font-size: 1.4em;
	border:5px solid;
	width:fit-content;
	padding:20px 30px;
	border-radius:50px;
	margin:auto;
	margin-bottom: 20px;
}

div.programme li.theme>p
{
	padding:0px 20px;
}

div.programme ul.lines
{
	margin-bottom:50px;
}

div.programme li.line
{
	padding:0px 60px;
	margin-left:20px;
	position:relative;
	line-height: 1.4em;
	font-size: .9em;
}

div.programme li.line::before
{
	content:"";
	display: block;
	width:30px;
	height:30px;
	border-radius: 15px;
	position:absolute;
	left:10px;
	top:calc(50% - 15px);

}

.menu-programme-container
{
	margin:auto;
	
	width:60%;
	text-align: center;

	color:#fff;
	font-weight: 600;
	padding:20px 30px;
	border-radius: 10px;
	text-decoration: none;
	
}

li.axe
{
	cursor:pointer;
}

ul.themes { display:none; }
ul.themes.open { display:block; }

li.theme>p { display:none; }
li.theme>ul { display:none; }

li.theme.open>p { display:block; }
li.theme.open>ul { display:block; }


/*
li.theme { display:none; }
li.theme.open { display:block; }

li.theme>p { display:none; }



li.line { display:none; }*/

@media only screen and (max-width: 700px) {

	div.programme li.axe h2 {
		padding: 30px 20px 35px 20px;
		font-size: 1.6em;
		width: 100vw;
		box-sizing: border-box;
		margin-left: 50%;
		transform: translateX(-50%);
	}

	div.programme li.theme h3
	{
		font-size: 1.1em;
		border-radius: 100px;
		line-height: 1.3em;
		padding: 15px 25px;
	}

	div.programme li.theme > p
	{
		font-size: 1.0em;
		line-height: 1.4em;
	}

	div.programme li.line {
		line-height: 1.3em;
		font-size: .8em; 
		padding: 0px 40px;
  		margin-left: 20px;
	}

	div.programme li.line::before
	{
		width: 25;
  		height: 25px;
		left: 0px;
	}


}