@import url('general.css');

div#centre h1
{
	color: #666;
}

div.intro
{
	background: url('../pix/engagements/visuel-contrat.gif') no-repeat 100% 0;
	padding-right: 250px;
	margin: 2em 40px 2em 0;
	min-height: 124px;
}

div.intro ul
{
	margin: 1em 0;
}

ul.liste li,p
{
	margin: 0 0 .4em;
}

ol.liste h2
{
	cursor: pointer;
	font-size: 1.4em;
	font-weight: bold;
	background: url('../pix/engagements/picto-off.gif') no-repeat 99% 4px;
	padding-left: 30px;
}

ol.liste h2.active
{
	background-image: url('../pix/engagements/picto-on.gif');
	/*color: #666;
	font-style: italic;*/
}

ol.liste h3
{
	color: #666;
	font-size: 1.3em;
	text-transform: uppercase;
	margin-bottom: 1em;
	padding-top: 60px;
}

ol.liste em
{
	font-weight: bold;
	font-style: normal;
}

ol.liste strong,h4
{
	color: #c50538;
}

ol.liste h3+h4
{
	margin-top: -1em;
}

ol.liste h4
{
	margin-bottom: 1em;
}

ol.liste li
{
	margin-bottom: 1em;
	padding-top: 3px;
}

ol.liste li div
{
	background-repeat: no-repeat;
	overflow: hidden;
	/*padding-top: 60px;
	padding-left: 190px;*/
	padding: 20px 60px;
	font-size: 1.2em;
	line-height: 1.6;
}

ol.liste li div section
{
	margin-left: 250px;
}
/*
ol.liste li div p.button
{
	margin-top: 1em;
}

ol.liste li div p.button a
{
	background: url('../pix/puce/fleche-button-d.gif') no-repeat 100% 50%;
	padding-right: 10px;
}
*/
ol.liste p.visuel
{
	float: left;
	margin: 0 !important;
}

.detail
{
	font-size: .8em;
}

ul.detail
{
	margin-left: 2em;
}