#conteneur {
	min-height: 570px;
	_height: 570px;
}

/****** BLOC DE GAUCHE ******/
#gauche {
	width: 95px;
	float: left;
	padding: 15px 35px 0 20px;
}
#gauche h2 {
	color: #003772;
	background: #B2B2B2 url(images/mini/gauche-h2-fond.png) no-repeat top left;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 25px 7px 2px 7px;
}
#gauche h2 span {
	font-size: 16px;
}
#gauche h2 a {
	color: #003772;
	text-decoration: none;
}
#gauche ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#gauche ul a {
	color: #fff;
	background: #B2B2B2;
	font-size: 11px;
	text-decoration: none;
	display: block;
	padding: 2px 7px;
}
#gauche ul a:hover {
	background: #0091D2;
}


/****** BLOC CENTRAL ******/
#main {
	float: left;
	width: 660px;
	margin-top: 40px;
}
#mainGauche, #mainDroite {
	float: left;
	width: 300px;
	padding-right: 30px;
}
#main h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0091D2;
	margin: 0;
	padding: 0;
}
#main p {
	margin: 10px 0;
	padding: 0;
}
#main ul {
	margin: 0;
	padding: 0 0 0 15px;
}
#main a {
	color: #0091D2;
}
#main a:hover {
	color: #000;
}

.accroche {
	color: #009EE0;
	font-weight: bold;
}
.precision {
	color: #0091D2;
}

/****** BLOC DE DROITE ******/
#droite {
	float: right;
	width: 170px;
	margin-top: 40px;
}
#droite h2 {
	color: #003772;
	background: #97B7C4 url(images/mini/droite-h2-fond.png) no-repeat 2px 3px;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	padding: 6px 0 4px 30px;
}
#droite ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#droite li {
	margin: 0;
	padding: 0;
}

/* liste des applications */
#applications a {
	color: #003772;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #97B7C4;
	padding: 6px 0 6px 35px;
}
#applications .application1 a {
	background: url(images/mini/application1-off.png) no-repeat 2px 3px;
}
#applications .application1 a:hover {
	background: #f90 url(images/mini/application1-on.png) no-repeat 2px 3px;
}
#applications .application2 a {
	background: url(images/mini/application2-off.png) no-repeat 2px 3px;
}
#applications .application2 a:hover {
	background: #f90 url(images/mini/application2-on.png) no-repeat 2px 3px;
}
#applications .application3 a {
	background: url(images/mini/application3-off.png) no-repeat 2px 3px;
}
#applications .application3 a:hover {
	background: #f90 url(images/mini/application3-on.png) no-repeat 2px 3px;
}
#applications .application4 a {
	background: url(images/mini/application4-off.png) no-repeat 2px 3px;
}
#applications .application4 a:hover {
	background: #f90 url(images/mini/application4-on.png) no-repeat 2px 3px;
}

/* images des applications */
.application {
	display: none;
}
.application img {
	display: block;
}