/* CSS Document */

div.cadre
{
	min-width:900px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
	width:80%;
	display: block;
}

div.cadre section
{
	
}

div.jaune
{
	background-color:#ffc65b;
	height:343px;
}

div.cadre div#h1
{
	width:343px;
	height:343px;
	padding-top:50px;
	float:left;
	display:inline-block;
	text-align:center;
}

div.cadre div#h1 div.contact
{
	text-align:center;
	font-size:16px;
	color:#483e24;
	font-weight:bold;
	width:auto;
}

div.cadre div.quote
{
	background-image:url("/images/divers/left-quotes.png"), url("/images/divers/right-quotes.png");
	background-repeat:no-repeat;
	background-position:3% 3%, 97% 97%;
/*	clear:both;*/
	padding:40px;
	color:#483e24;
	font-size:16px;
	font-weight:bold;
	display:table;
}

div.cadre h1
{
	color:#483e24;
	width:100%;
	font-size:21px;
	text-align:center;
}

div.cadre video
{
	width:600px;
	height:343px;
	background-color:#000000;
	float:right;
}

div.cadre  img#hubert
{
	border-radius:50%;
}

div#illustration
{
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	width:calc(100% - 343px);
	height:343px;
	display:inline-block;
}

@media only screen and (max-width: 500px)
{
	div.cadre
	{
		margin-top:0px;
	}
	
	div.cadre div#h1
	{
		width:100%;
	}
	
	div.cadre div#illustration
	{
		width:100%;
	}
	
}