/* @override http://preprod.macplus.net/css/une.css */

@import url("slide.css");

/* @group depeches */

#depeches {
	width: 450px;
	height: 220px;
	margin: 0;
	padding: 0;
	background: white url(../img/bg_depeches.jpg) no-repeat;
	float: left;
	position: fixe;
	text-align: left;
	border-right: 1px solid #d6d6d6;
	overflow: hidden;
}

#depeches a {
	text-decoration: none;
	color: black;
}

#depeches a:hover {
	text-decoration: none;
}

#depeches .head {
	width: 331px;
	height: 50px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#depeches .head:hover {
	text-decoration: none;
/*	background: #c0dbed url(../img/bg_dep_head.gif) no-repeat;*/
}

#depeches .date {
	height: 45px;
	width: 65px;
	display: block;
	float: left;
	font-size: 9px;
	color: #FFF;
	text-align: center;
	background: url(../img/bg_date.gif) no-repeat 15px 8px;
	padding-top: 5px;
}

#depeches .title {
	height: 35px;
	width: 248px;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	color: #314657;
	margin: 0;
	padding: 22px 0 0 18px;
	font-weight: bold;
}

#depeches .liste, #depeches .liste_end {
	width: 450px;
	height: 21px;
	margin: 0;
	padding: 0;
	display: block;
	border-top: 1px solid #cacaca;
	overflow: hidden;
}

#depeches .liste:hover {
	text-decoration: none;
	background: #c0dbed url(../img/bg_depeche_title.gif) no-repeat;
	color: black;
}

#depeches .liste:visited {
	text-decoration: none;
	background: #c0dbed url(../img/bg_depeche_title_visited.gif) no-repeat;
}

#depeches .date_dep {
	width: 65px;
	margin: 4px 0 0;
	padding: 0;
	display: block;
	text-align: center;
	font-size: 10px;
	float: left;
}

#depeches .title_dep {
	font-size: 11px;
	margin: 2px 0 0;
	padding: 0 0 0 18px;
	width: 360px;
	display: block;
	float: left;
	line-height: 15px;
}

#depeches .type {
	width: 16px;
	height: 14px;
	display: block;
	padding-top: 2px;
	float: left;
	clear: right;
}



/* @end */

#push {
	width: 168px;
	height: 280px;
	float: left;
	margin: 0;
	direction: rtl;
	padding-top: 10px;
	position: relative;
	background-color: white;
	text-align: center;
}

#push p {
	margin: 0 0 10px;
	padding: 0;
}

#col1 {
	float: left;
	width: 500px;
}

#col2 {
	float: left;
	width: 300px;
	overflow: hidden;
	background-color: white;
	padding-bottom: 21px;
}

/* @group itrafik */

#itrafik {
	width: 279px;
	height: 196px;
	position: relative;
	background: black url(../img/bg_itrafik.jpg) no-repeat 1px 0;
	text-align: left;
	padding-top: 94px;
	padding-left: 21px;
	margin: 0;
}

#itrafik a {
	color: #b5a6a6;
	text-decoration: none;
}

#trafik a:hover {
	text-decoration: none;
}

#itrafik .liste {
	width: 258px;
	height: 21px;
	margin: 0;
	padding: 0;
	display: block;
	background: url(../img/arrow.gif) no-repeat 11px 6px;
	border-top: 1px solid #4d3e3f;
	color: #b5a6a6;
}

#itrafik .title_dep {
	font-size: 10px;
	margin: 3px 0 0;
	padding: 0 0 0 22px;
	width: 236px;
	display: block;
	float: left;
	font-weight: normal;
	font-style: normal;
}

#itrafik .liste:hover {
	background-color: #240609;
	text-decoration: none;
	color: white;
}



/* @end */

/* @group Chroniques Tests */

#chroniques, #tests {
	width: 250px;
	height: 300px;
	float: left;
	color: white;
	text-align: left;
	position: relative;
}

#chroniques {
	background: #5ea23e url(../img/bg_chroniques.jpg) no-repeat;
	clear: left;
}

#tests {
	background: #155486 url(../img/bg_tests.jpg) no-repeat;
	width: 250px;
	float: left;
}

#chroniques .images, #tests .images {
	width: 249px;
	height: 135px;
	display: block;
	overflow: hidden;
	padding-bottom: 0;
}

#chroniques span.bann, #tests span.bann {
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
}

#chroniques span.titre {
	color: #005826;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	padding: 0;
	display: block;
	margin: 8px 18px 0;
}

#tests span.titre {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 12px;
	font-weight: bold;
	padding: 0;
	display: block;
	margin: 8px 18px 0;
}

#chroniques h1.sub_title, #tests h1.sub_title {
	color: white;
	font-size: 10px;
	line-height: 12px;
	margin-left: 18px;
	margin-right: 18px;
	padding: 0;
	margin-top: 15px;
	height: 18px;
	width: 214px;
	border-bottom: 1px solid #7fb86c;
	text-transform: capitalize;
	font-weight: normal;
	font-style: normal;
}

#tests h1.sub_title {
	border-bottom-color: #4d7792;
}

#chroniques h1 span {
	background-color: #75c444;
	padding-left: 10px;
	padding-right: 10px;
	height: 15px;
	display: inline-block;
	padding-top: 3px;
}

#tests h1 span {
	background-color: #3a85a4;
	padding-left: 10px;
	padding-right: 10px;
	height: 15px;
	display: inline-block;
	padding-top: 3px;
	color: white;
}

#chroniques span.text {
	color: #e2f8d6;
	font-size: 11px;
	line-height: 12px;
	margin-left: 18px;
	margin-right: 18px;
	padding: 0;
	margin-top: 5px;
	display: block;
}

#tests span.text {
	color: #b5cbd7;
	font-size: 11px;
	line-height: 12px;
	margin-left: 18px;
	margin-right: 18px;
	padding: 0;
	margin-top: 5px;
	display: block;
}

#chroniques .btn_liresuite, #tests .btn_liresuite {
	color: #e2f8d6;
	display: block;
	margin-left: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 10px;
	vertical-align: top;
	padding: 0;
	height: 15px;
}

#tests .btn_liresuite {
	color: #b5cbd7;
}

#chroniques .btn_liresuite:hover, #tests .btn_liresuite:hover {
	text-decoration: underline;
	color: white;
}

#chroniques .btn_liresuite img, #tests .btn_liresuite img {
	margin-right: 4px;
	float: left;
	display: block;
}

#chroniques .une, #tests .une {
	text-decoration: none;
}

#chroniques .liste {
	width: 214px;
	height: 21px;
	margin: 0 18px;
	padding: 0;
	display: block;
	background: url(../img/arrow_green.gif) no-repeat 11px 6px;
	color: #c0dbbc;
	border-bottom: 1px solid #7fb76d;
	overflow: hidden;
}

#tests .liste {
	width: 214px;
	height: 21px;
	margin: 0 18px;
	padding: 0;
	display: block;
	background: url(../img/arrow_blue.gif) no-repeat 11px 6px;
	color: #b4c7d3;
	border-bottom: 1px solid #4a748f;
	overflow: hidden;
}

#chroniques .title_dep, #tests .title_dep {
	font-size: 14px;
	margin: 3px 0 0;
	padding: 0 0 0 22px;
	width: 192px;
	display: block;
	float: left;
	font-weight: normal;
	font-style: normal;
	overflow: hidden;
}

#chroniques a {
	text-decoration: none;
}

#tests a {
	text-decoration: none;
}

#chroniques .liste:hover {
	background-color: #75c444;
	text-decoration: none;
	color: white;
}

#tests .liste:hover {
	background-color: #3a84a4;
	text-decoration: none;
	color: white;
}



/* @end */

/* @group Forums */

#forum {
	width: 500px;
	height: 214px;
	border-top: 1px solid white;
	background: white url(../img/bg_fora.jpg) repeat-x;
	position: relative;
	clear: left;
	float: left;
	text-align: left;
}

#forum img {
	float: left;
}

#forum h1 {
	display: block;
	color: white;
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	float: left;
}

#forum h1 span {
	font-size: 10px;
	color: #4c4c4d;
	display: block;
	padding-top: 12px;
	margin-bottom: 5px;
	text-transform: none;
}

#forum p {
	width: 460px;
	height: 140px;
	padding: 0;
	margin: 0 0 0 20px;
}

#forum h2 {
	color: #c6cdd2;
	width: 450px;
	height: 17px;
	display: block;
	background-color: #3f5465;
	font-size: 9px;
	clear: left;
	margin: 0 0 0 20px;
	padding: 3px 0 0 10px;
	font-weight: bold;
}

#forum .liste {
	width: 440px;
	display: block;
	background: #93a4b2 url(../img/arrow_gray.gif) no-repeat 11px 4px;
	color: #dde1e5;
	font-size: 9px;
	height: 14px;
	margin-top: 1px;
	padding-top: 2px;
	padding-left: 20px;
}

#forum a {
	text-decoration: none;
}

#forum .liste:hover {
	background-color: #cbd1d6;
	text-decoration: none;
	color: black;
}



/* @end */

#pub_droite {
	width: 300px;
	height: 250px;
	margin: 0;
	background-color: silver;
	overflow: hidden;
}

/* @group Services */

#annonces {
	width: 300px;
	text-align: left;
	font-size: 10px;
	line-height: 13px;
	margin: 25px 0 0;
	padding: 0;
}

#newsletter, #games {
	width: 300px;
	text-align: left;
	font-size: 10px;
	line-height: 13px;
	margin: 35px 0 0;
	padding: 0;
}

#annonces img, #newsletter img, #games img {
	float: left;
}

#annonces .titre, #newsletter .titre, #games .titre {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 4px;
}

#annonces .orange {
	color: #e94e20;
	font-weight: bold;
}

#annonces .link, #newsletter .link, #games .link {
	text-decoration: none;
	color: #32485a;
	display: inline-block;
	background: url(../img/arrow_link.gif) no-repeat 0 -1px;
	padding-left: 17px;
	margin-top: 8px;
}

#annonces .link:hover, #newsletter .link:hover, #games .link:hover {
	text-decoration: underline;
}



/* @end */