@import url('core_presentation.css');

div.hgroup,hgroup
{
	background: url('../pix/presentation/bandeau-acces-distant.jpg') no-repeat 0 100%;
	padding-bottom: 250px;
}

div.hgroup h1,hgroup h1
{
	margin-bottom: .4em;
}

div.hgroup h2,hgroup h2
{
	margin-left: 0;
}

div.hgroup h3,hgroup h3
{
	background: url('../pix/presentation/new-acces-distant.png') no-repeat;
	width: 132px;
	height: 134px;
	position: absolute;
	top: 70px;
	right: 20px;
}

div#contenu-principal h3
{
	padding: 0;
	margin: 0 0 .5em;
	font-size: 1.5em;
}

div#contenu-principal ol
{
	overflow: hidden;
	margin: 20px 0 0;
}

div#contenu-principal ol li
{
	margin: 0 10px 2.2em 0;
	float: left;
	height: 180px;
	width: 48%;
	padding: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

div#contenu-principal ol li h3
{
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	font-size: 1.3em;
	color: #000;
}

div#contenu-principal ol li#numero-1 h3
{
	background-image: url('../pix/presentation/puce-numero-1.gif');
}

div#contenu-principal ol li#numero-2 h3
{
	background-image: url('../pix/presentation/puce-numero-2.gif');
}

div#contenu-principal ol ul
{
	margin: .6em 0 0;
}

div#contenu-principal ol ul li
{
	float: none;
	width: auto;
	margin: 0 0 .2em;
	padding: 0 0 0 10px;
	background: url('../pix/core/puce-liste.gif') no-repeat 0 .5em;
}