nav#menucat
{
	float:left;
	width:360px;
	height:100%;
	display:inline-block;
}

section#conference div.datelieu
{
	margin-bottom:20px;
	text-align:right;
	padding:10px;
	padding-top:15px;
	background-color:#CCC;
	color:#009;
	border-radius:0px 0px 5px 5px;
	box-shadow:0px 4px 4px #666 inset;
}

section#conference
{
	padding:10px;
	font-size:large;
	padding-left:40px;
	padding-right:40px;
	float:left;
	width:calc(100% - 360px);
	text-align:justify;
	color:#000;
	background-color:#FFF;
}

section#conference img.photo
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border: double 5px #ffffff5e;
	box-shadow:0px 4px 4px #000;
}

section#conference h2 span
{
 font-variant:normal;
}

section#conference h2
{
	color:#FFF;
	padding:15px;
	background:#999;
	font-weight:bold;
	box-shadow:0px 4px 4px #000;
	font-variant:small-caps;
	text-align:left;
	margin:0;
	border-bottom:solid 1px #333;
}

section#conference hr
{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}

div#content div.cadre section#conference h3
{
	color:#FFF;
}

div#content div.cadre section#conference ul
{
	list-style: none; 
}

div#content div.cadre section#conference ul li:before
{
	content: "\2022"; 
	color:#1A5EFF;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
}

div.conferencier h3
{
}

section#conference div.conferencier img
{
	float:left;
	border-radius:50%;
	margin-right:10px;
}

section#conference img#illustration
{
	border:solid 1px #AAA;
	float: right;
	margin-left: 10px;
}

div.conferencier
{
	clear:both;
	font-style:italic;
	color:#2a3e92;
}

iframe
{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}

@media only screen and (max-width: 500px)
{
	nav#menucat
	{
		float:none;
		width:100%;
		height:auto;
	}
	
	section#conference
	{
		float:none;
		width:100%;
		padding:10px;
	}
	
	section#conference img#illustration
	{
		width:100%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5px;
		display:block;
	}
}