
#header {
	height: 145px;
}

#ascendance {
	display: none;
}

#navigation {
	display: none;
}

#milieuPage {
	padding-top: 0;
}

#contenus {
	background-image: url(images/home-contenus.png);
	/*padding: 10px 0 10px 10px;*/
	width: 640px;
}
#contenusInt {
	background-image: url(images/home-contenus-bas.png);
}
#contenusInt2 {
	padding: 5px 0 5px 10px;
}


/*********** gauche ***********/

/* gauche haut */
.haut {
	background: url(images/home-haut.jpg) no-repeat top left;
	clear: both;
	width: 618px;
	height: 238px;
	border: 1px solid #ccc;
	position: relative;
	color: #333;
}
/*.haut .accroche {
	position: absolute;
	top: 120px;
	left: 70px;
	font-size: 16px;
	font-weight: bold;
	width: 250px;
}
.haut .texte {
	position: absolute;
	top: 140px;
	left: 70px;
	width: 250px;
}*/

/* gauche gauche et droite */
.gauche, .droite {
	color: #333;
	float: left;
	width: 300px;
	height: 138px;
	padding: 30px 0 10px 10px;
}
.gauche h2, .droite h2 {
	padding: 0;
	margin: 0;
	font-size: 16px;
}
.gauche a, .droite a {
	color: #789b0a;
	text-decoration: none;
	font-weight: bold;
}
.gauche a:hover, .droite a:hover {
	color: #333;
}
.gauche p, .droite p {
	margin: 0;
	padding: 5px 0;
}
.gauche ul, .droite ul {
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
}
.gauche li, .droite li {
	background: url(images/contenu-puce.png) no-repeat 0 5px;
	margin: 0;
	padding: 0 0 0 10px;
}

/* gauche gauche */
.gauche {
	background: url(images/home-gauche.jpg) no-repeat top left;
	padding-right: 80px;
	width: 220px;
}

/* gauche droite */
.droite {
	background: url(images/home-droite.jpg) no-repeat top left;
	padding-right: 120px;
	width: 180px;
	margin-left: 10px;
}


/*********** navigation droite ***********/

#navigDroite {
	float: left;
	width: 300px;
	margin-left: 20px;
}
#navigDroite .element {
	background: #ebebeb url(images/home-element.png) no-repeat top left;
	margin-bottom: 10px;
}
#navigDroite .element .element {
	background: url(images/home-element2.png) no-repeat bottom left;
	padding: 10px;
}
#navigDroite .element h2 {
	font-size: 14px;
	color: #707070;
	margin: 0;
	padding: 0;
}
#navigDroite .element h3 {
	margin: 0;
	padding: 5px 0;
	font-size: 14px;
}
#navigDroite .element h3 a {
	text-decoration: none;
}
#navigDroite .spacer{
	clear: both;
	font-size: 1px;
	height: 1px;
}
#navigDroite .element .suite {
	text-align: right;
}
#navigDroite .element .suite a {
	text-decoration: none;
	font-weight: bold;
}

/* pub */
.pub{
	margin-bottom: 10px;
}

/* actus */
#actus{
	position: relative;
}
#actus ul, #actus li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#actus li{
	width: 280px;
}

.actu img{
	float: left;
	max-width: 80px;
	max-height: 100px;
	_width: 80px;
	margin-right: 5px;
}

.bx_pager {
	position: absolute;
	top: 10px;
	right: 10px;
}
.bx_pager a {
	background: #97bf0d url(images/pager-off.png) no-repeat center center;
	color: #fff;
	float: left;
	padding: 0px 4px;
	margin-right: 5px;
	text-decoration: none;
	font-weight: bold;
}
.bx_pager a:hover, .bx_pager a.active {
	background: #fff url(images/pager-on.png) no-repeat center center;
	color: #97bf0d;
}

/* communique */
#navigDroite #communique img {
	float: left;
	margin: 10px 0 0 5px;
}
#navigDroite #communique h3{
	padding-left: 40px;
}
#navigDroite #communique p{
	padding: 0 0 0 40px;
	margin: 0;
}