/* ----- Contenu ----- */
.hp .contenu {
	position: relative;
	background-repeat: repeat-y;
	background-position:right bottom;
}

/* centre */
.hp .centre {
	width: 780px;
}

#hpCentraltd 
{
    width: 720px;
    }

.hp .particuliers {
	background-color: #f0f8e3;
	background-image: url(/Images/acces-particuliers-bkg01.jpg);
	/* background-repeat: no-repeat; */
	background-position: bottom center;
}

.hp .particuliers div,
.hp .professionnels div,
.hp .ecoles div
{
	/* OLD: height:12em; */
	min-height: 120px;
	width: 220px;
	overflow: auto;
	
	/* NEW */
	height: auto !important;
	height: 12em;
}

.hp .professionnels {
	background-color: #f0f0f2;
	background-image: url(/Images/acces-professionnels-bkg01.jpg);
	/* background-repeat: no-repeat; */
	background-position: bottom center;
}

.hp .ecoles {
	background-color: #e9f3f5;
	background-image: url(/Images/acces-ecoles-bkg01.jpg);
	/* background-repeat: no-repeat; */
	background-position: bottom center;
}

.hp .particuliers,
.hp .professionnels
{
	background-color: #cccccc;
	width: 220px;
	float: left;
	margin: 0 2.2em 1em 0;
}

.hp .ecoles {
	background-color: #cccccc;
	width: 220px;
	float: left;
	margin: 0 00px 1em 0;
}


.hp .particuliers ul, .hp .particuliers p,
.hp .professionnels ul, .hp .professionnels p,
.hp .ecoles ul, .hp .ecoles p {
	margin: 0 1em;
}

.hp .particuliers li,
.hp .professionnels li,
.hp .ecoles li {
	list-style-type: none;
}

.hp .particuliers .fleche,
.hp .professionnels .fleche,
.hp .ecoles .fleche {
	text-align: right;
	margin: 1em .9em;
}

.hp .particuliers a,
.hp .professionnels a,
.hp .ecoles a {
	font-weight: bold;
}

.hp .particuliers .fleche a,
.hp .professionnels .fleche a,
.hp .ecoles .fleche a {
	background-image: none;
	margin: 0px;
	padding: 0px;
}

/*
.hp .particuliers .fleche a {
	background-image: url(/Images/acces-particuliers-fleche.jpg);
}

.hp .professionnels .fleche a {
	background-image: url(/Images/acces-professionnels-fleche.jpg);
}

.hp .ecoles .fleche a {
	background-image: url(/Images/acces-ecoles-fleche.jpg);
}*/


/*droite*/
.hp .droite {
	width: 200px;
	border: none;
	background-color: #e2f0f1;
	background-image: url(/Images/bkg07.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px 10px 10px 10px;
}

.hp .droite .separation{
	background-image: url(/Images/bkg08.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	height: 2px;
	margin: 0.5em 0 0.5em 0;
}

.hp .droite .login .bloc
{
	background-image:none;
}

/* ----- HP CONTENT */

.hpcontent .centre .header {
	background-image: url(/Images/hpContent-bkg01.jpg);
	background-color: #f8f8f9;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.hpcontent .actus .chapeau
{
	margin: 0 0 1em 0;
	background-color: #F4F0FE;
	padding: 0.5em;
	border: solid #A38AFF;
	border-width: 0 0 1px 0;
}

/*navonglets*/
/*onglets*/
.hpcontent td.onglets {
	border: solid #A38AFF;
	border-width: 1px 1px 1px 1px;
}

.hpcontent .navonglets td {
	background-image: url(/Images/ecoles-bkg03.jpg);
	width:200px;
	background-repeat: no-repeat;
	background-position: left top;
	border: solid #858991;
	border-width: 0 0px 0px 0px;
}

.hpcontent .navonglets td.infos_on,
.hpcontent .navonglets td.gestes_on,
.hpcontent .navonglets td.publications_on {
	background-image: url(/Images/ecoles-bkg04.jpg);
		width:200px;
	background-repeat: no-repeat;
	background-position: left top;
}

.hpcontent .navonglets .infos a,
.hpcontent .navonglets .infos_on a {
	background-image: url(/Images/ecoles-picto-infos.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0.2em 0 0.5em 30px;
}

.hpcontent .navonglets .gestes a,
.hpcontent .navonglets .gestes_on a {
	background-image: url(/Images/ecoles-picto-gestes.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0.2em 0 0.5em 30px;
}

.hpcontent .navonglets .publications a,
.hpcontent .navonglets .publications_on a {
	background-image: url(/Images/ecoles-picto-publications.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 0.2em 0 0.5em 30px;
}


.contenu #contentBlock .SiteMap 
{
	padding: 20px 40px 0px 40px;
}

.contenu #contentBlock .SiteMap li
{
	line-height: 1em;
}

.contenu #contentBlock .SiteMap ul
{
	margin-bottom: 0em;
}

.contenu #contentBlock .SiteMap a
{
	line-height: 1em;
	font-size:1em;
}

.pollumeter
{
	width:200px;
	height:175px;
    background-repeat:no-repeat;
}

#polluHeader
{
	height:55px;
}

#polluText, #polluImage
{
	padding:0 5px;
	text-align:center;
}

#polluLink
{
	padding:0 10px;
	text-align:right;
}

.pollumeter .fleche a {
	background-image: url(/Images/flechePollumetre.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 20px;
	font-weight: bold;
}

#polluText span, #polluText label {color: #006f90; font-weight:bold;font-size:11px;}
#polluText {padding-top:12px;}