a {color: #A63392;}

/* =CONTENU */
#contenu {
	background-image: url(../_media/img/fonds/fondNet_home.jpg);
	position: relative;
	}
/* =PUSH */
#push {
	background: #fff;
	float:left;
	list-style: none;
	margin: 0;
	min-height: 155px; /*!IE */
	position: absolute;
		bottom: 0; /*!IE */
	width: 736px;
	}
	.itemPush {
		border: 1px solid #02448e;
		border-left: none;
		border-bottom: none;
		float: left;
		line-height: 1;
		margin: 0;
		min-height: 144px; /*!IE */
		padding: 6px 16px;
		width: 212px;
		}
	.itemPush:first-child {border-left: 1px solid #02448e;} /* !IE js */
		.itemPush h2 {
			font-size: 1.3em;
			font-weight: bold;
			margin-bottom: 1.8em;
			padding-top: 0;

			}
		.itemPush h2 .format_png {position: absolute;}
			.itemPush h2 a {text-decoration: none;}
				.itemPush h2 a:hover, .itemPush h2 a:focus {text-decoration: underline;}
			.itemPush h2 img {
				display: block;
				padding-bottom: 5px;
				}
		.itemPush h3, .itemPush h4, .itemPush h5, .itemPush h6, .itemPush p, .itemPush pre,
		.itemPush blockquote, .itemPush ul, .itemPush ol, .itemPush dl, .itemPush address {
			letter-spacing: 0;
			margin: 0;
			padding: 0;
			}
		.itemPush h3 {
			font-size: 1em;
			font-weight: bold;
			}


/* =ACTUALITES */
#actualites {
	background: #fff url(../_media/img/fonds/fondFlou_home.jpg) 100% 0;
	float: right;
	height: 265px;
	padding: 18px 11px 170px 7px;
	position: relative;
	width: 201px;
	}
	#actualites h2 {
		color: #0089ad;
		height: 21px;
		margin-bottom: 11px;
		padding: 0 0 10px 6px;
		}
	#listeActualites {
		height: 224px;
		list-style: none;
		margin: 11px 0 0;
		overflow: auto;
		}
		.itemListeActualites {
			background: url(../_media/img/puce_actus.png) no-repeat; /* !IE */
			color: #4c3138;
			margin: 5px 0 8px;
			}
			.itemListeActualites h3 {
				font-size: 1.2em;
				font-weight: bold;
				letter-spacing: 0;
				margin: 0;
				padding: 0 0 0 29px;
				}
			.itemListeActualites div {
				background: url(../_media/img/bordureActu.gif) 0 100% no-repeat;
				padding: 0 0 5px 29px;
				}
				.itemListeActualites div h4, .itemListeActualites div h5,
				.itemListeActualites div h6, .itemListeActualites div p, .itemListeActualites div pre,
				.itemListeActualites div blockquote, .itemListeActualites div ul, .itemListeActualites div ol,
				.itemListeActualites div dl, .itemListeActualites div address {margin: 0;}
				.itemListeActualites a {
					color: #4c3138;
					text-decoration: none;
					}
					.itemListeActualites a:hover, .itemListeActualites a:focus {text-decoration: underline;}

	#slogans {
		height: 160px;
		overflow: auto;
		position: absolute;
			bottom: 10px;
		z-index: 50;
		}
		#slogans h4, #slogans h5, #slogans h6, #slogans p, #slogans pre,
		#slogans blockquote, #slogans ul, #slogans ol, #slogans dl, #slogans address {margin: 0;}
		#slogans img {vertical-align: bottom;}

/* = ANIMATOR */
.animator {
	display: block;
	float:left;
	height: 296px;
	overflow: hidden;
	position: relative;
	width: 955px;
	}
	#animator1, #animator2, #animator3, #animator4, #animator5 {
		display: block;
		height: 292px;
		position: absolute;
			/*top: 102px;
			left: 6px;*/
		width: 737px;
		}

/* =OOTB */
#OOTB {
	/* height: 100%; */
	margin: 0 auto;
	position:absolute;
		top: 120px;
	text-align: center;
	width:100%;
	z-index: 100;
}

#wrapper {

	position:relative;
z-index: 1;}