#menu-mobile, .mobile
{	display: none;
}



/* Lets make the Design Responsive */

@media (min-width: 600px) and (max-width: 1399px) { 
	/* CSS for browsers less than 1024px*/
	body 
	{ 	max-width: 1390px; 
	}



}


@media (max-width: 599px) { 
	/* CSS for browsers less than 480px*/
	body 
	{	max-width: 580px; 
		height:  unset;
		/* background: cyan; */
	}


	.mobile
	{	display: block;
	}

	.no-mobile
	{	display: none;
	}


	/* Général */

	#header-menu-left strong
	{	font-size: 9vw;
	}

	#header-menu-right li a i
	{	font-size: 8vw;
	}

	#header-user
	{	display: none;
	}

	nav.breadcrumb li, nav.breadcrumb li a
	{	font-size: 4vw;
	}

	#main > section > header h1
	{	font-size: 6vw;
	}

	#main > section > div > div form fieldset p
	{	flex-direction: column;
		max-width: 85vw;
		margin-bottom: 3vw;
	}

	#main > section > div > div form fieldset p label
	{	width: 30vw;
		font-size:  4vw;
	}

	#main > section > div > div form fieldset select
	{	font-size: 4vw;
	}

	#main > section > div > div form fieldset .radio fieldset > strong, #main > section > div > div form fieldset .radio fieldset label
	{	font-size:  4vw;
	}

	#main > section > div > div form fieldset input[type="text"], #main > section > div > div form fieldset input[type="email"], #main > section > div > div form fieldset input[type="tel"], #main > section > div > div form fieldset textarea
	{	font-size:  4vw;
	}

	#main > section > div > div form button
	{	font-size:  4vw;
	}

	.information
	{	font-size: 3vw;
	}

	#main > section > div > div form nav button
	{	width: auto;
		font-size: 4vw;
	}

	.alert
	{	z-index: 10000;
	}

	.alert > div
	{	max-width: 90vw;
	}

	.alert > div > a
	{	font-size: 5vw;
	}

	.alert > div > nav > button
	{	font-size: 5vw;
	}

	.alert h2, .alert h3, .alert > div > div
	{	font-size:  4vw;
	}

	.alert h4
	{	font-size:  3.5vw;
	}

	table.dataTable
	{	margin:  6vw 0;
		max-width: 85vw !important;
	}

	table.dataTable td, table.dataTable th, table.dataTable thead th
	{	font-size: 3.5vw;
	}

	table.dataTable tbody td i
	{	font-size: 5vw;
	}

	#main > section > header
	{	flex-direction: column;
	}

	#main > section > header > div ul
	{	justify-content: center;
		margin:  2vw auto;
	}

	#main > section > header > div ul li a
	{	font-size: 3vw;
		padding: 0.7vw;
	}

	.dataTables_info, .dataTables_paginate, .dataTables_length,.dataTables_length label, .dataTables_filter, .dataTables_filter label
	{	font-size: 3vw;
	}

	.dataTables_filter label
	{	margin: 2vw auto;
	}
	
	.ck-editor__editable_inline
	{	font-size: 4vw;
	}

	.ck-reset_all
	{	max-width: 90vw;
	}

	td
	{	font-size:  3.3vw;
	}


	/* Connexion */
	body.connexion h1
	{	font-size: 10vw;
	}

	body.connexion legend
	{	font-size: 6vw;

	}

	body.connexion form input[type="text"], body.connexion form input[type="password"], body.connexion form input[type="email"], body.connexion form input[type="tel"]
	{	line-height: 5vw;
		font-size: 4vw;
	}

	body.connexion form button
	{	font-size: 4vw;
	}

	body.connexion div
	{	font-size: 3.5vw;
	}

	body.connexion p.information
	{	font-size:  3.5vw;
	}

	body.connexion nav p
	{	font-size: 3.5vw;
	}

	/* Home */
	#home-navigation ul
	{	justify-content: center;
	}

	#home-navigation ul li
	{	width: 40vw;
	}

	#home-navigation ul li a i
	{	font-size: 15vw;
	}

	#home-navigation ul li a h2
	{	font-size: 5vw;
		margin-top: 3vw;
	}

	#home-navigation ul li a strong
	{	top:  -1.5vw;
		right: -1.5vw;
		font-size: 5vw;
		min-width: 8vw;
	}

	#copyright
	{	font-size: 2vw;
		margin-bottom: 3vw;
	}


	/* Profil */
	#profil #generate
	{	width: 6vw;
	}

	#profil #generate span
	{	display: none;
	}

	#profil h2
	{	font-size: 5vw;
		margin:  3vw 0;
	}


	/* Agenda */
	.mbsc-calendar-controls
	{	flex-direction: column;
	}

	.mbsc-event-content > div.title
	{	font-size: 5vw;
		margin-bottom: 1.5vw;
	}

	.single-day-event
	{	font-size: 3vw;
	}

	.md-custom-event-cont-popover .md-custom-event-status
	{	font-size: 4vw;
	}

	.infos-pratiques
	{	font-size: 3vw;
	}

	.md-custom-header-view label:nth-child(4)	
	{	display: none;
	}

	#event-view .date, #event-view .horaire, #event-view .duree, #event-view .lieu
	{	font-size:  4vw;
	}

	#event-view > div > div h3, #event-view > div > div h4, #event-view > div > div .participants > div
	{	font-size:  4vw;
	}


	#event-view > div > div header h5
	{	font-size: 3vw;
	}

	#event-view .infos-pratiques
	{	margin-top: 2vw;
	}

	#event-view > div > div header .statut-libelle
	{	font-size: 3vw;
	}

	#event-view > div > div h2
	{	font-size:  4.5vw;
	}

	#event-view > div > div .prerequis strong, #event-view > div > div .participants strong
	{	font-size:  4vw;
	}

	#event-view .date, #event-view .horaire, #event-view .duree, #event-view .lieu
	{	margin-top:  1vw;
	}



	/* Session à venir */
	.session-item
	{	padding: 5vw 0;
	}

	.session-item:last-child
	{	border-bottom: none !important;
	}

	.session-item h2
	{	font-size: 4vw;
		color: var(--vert);
	}

	.session-item .calendrier
	{	display: flex;
		justify-content: space-between;
		margin: 1vw 0;
	}

	.session-item h4, .session-item h5
	{	font-size: 3vw;
	}

	.session-item h4::before
	{	display: inline-block;
		margin-right: 0.5vw;
		content:  "\e953";
		font-family: "painsonneau";
	}

	.session-item h5::before
	{	display: inline-block;
		margin-right: 0.5vw;
		content:  "\e967";
		font-family: "painsonneau";
		color: #<?=$theme["couleur"];?>;
	}

	.session-item h3 
	{	display: flex;
		justify-content: center;
	}

	.session-item h3 span
	{	display: inline-block;
		padding: 0.5vw;
		font-size: 3vw;
		border: 1px solid var(--vert);
	}

	.session-item nav
	{	display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 2vw;
	}

	.session-item nav a, .session-item nav div
	{	font-size: 3.5vw;
		margin-right: 2vw;
	}

	.session-item nav > *:last-child
	{	margin-right: 0;
	}

	.session-item nav > * i
	{	margin-right:  1vw;
	}

	.session-inscription, .session-interet, .session-participation
	{	border: 1px solid black;
		border-radius: 0.5vw;
		padding: 0.3vw 0.5vw;
	}

	.session-inscription.active, .session-interet.active, .session-participation
	{	padding: 0.3vw 0.5vw;
		color: white;
	}

	.session-item .session-view
	{	font-size: 5vw;
	}

	#statut-wrapper label, #statut-wrapper strong
	{	font-size:  4vw;
	}

	#statut-wrapper > div:last-child
	{	flex-direction: column;
		align-items: flex-end;
	}

	#statut-wrapper > div ul
	{	flex-direction: column;
	}

	#main > section > div > div form #session-dates legend, #main > section > div > div form #session-inscriptions legend, #main > section > div > div form #session-interets legend
	{	font-size:  4vw;
	}

	#session-dates fieldset > div table th, #session-inscriptions fieldset > div table th, #session-interets fieldset > div table th
	{	font-size: 4vw;
	}

	#session-dates, #session-inscriptions, #session-interets
	{	margin-top: 6vw;
	}


	/* Personnes ressources */
	body.personnes-ressources .alert h2
	{	font-size: unset;
	}


}