
/* @group specifics */

/* Pagination */
	.pagination {
		font-weight:bold;
		height:23px;
		line-height:23px;
		margin:30px 0 0;
		padding-top:0;
		position:relative;
		text-align:center;
	}
	
	.pagination a:hover{
		text-decoration: none;
	}
	
	.pagination .numbers {
		height: 24px;
		text-align:center;
		overflow:hidden;
		width: 455px;
		margin-left: 85px;
		margin-right: 85px;
	}

	.pagination .numbers a,
	.pagination .numbers span {
		background:url("../images/portal3/bg-pagination.png") no-repeat scroll 0 0 transparent;
		color:#FFFFFF;
		display:inline-block;
		font-size:12px;
		height:20px;
		line-height:20px;
		vertical-align:middle;
		width:20px;
	}

	.pagination .numbers a {
		background-position: 0 -20px;
	}
	
	.pagination .next {
		float: right;
		text-align: right;
	}

	.pagination .prev {
		float: left;
	}
	
	.pagination .prev,
	.pagination .next {
		overflow:hidden;
		width: 85px;
	}
	.pagination .prev a,
	.pagination .next a {
		font-size: 13px;
		text-transform: capitalize;
	}
/* @end Pagination */

/* @group Pagination simple */
	.pagination_simple {
		border-top:1px dotted #D6D6D6;
		height:60px;
		margin-top:19px;
		padding:10px 16px;
		position:relative;
	}

	.pagination_simple .prev,
	.pagination_simple .next {
		display: block;
		position: absolute;
		top: 2em;
		left: 0;
		padding: 0 0 0 20px;
		color: #f49a1d;
		font-size: 1.4em;
		background: url('../img/new/portal2-3/body/prev.png') no-repeat center left;
	}
	.pagination_simple .next {
		left: auto;
		right: 0;
		padding: 0 20px 0 0;
		text-align: right;
		background: url('../img/new/portal2-3/body/next.png') no-repeat center right;
	}
	.pagination_simple .prev span,
	.pagination_simple .next span {
		display: block;
		text-transform: uppercase;
		color: #558295;
		font-family: arial;
		font-size: 0.6em;
		font-weight: bold;
	}
	.pagination_simple .btn {
		float: none;
		margin: 0 auto;
		width: 167px;
	}
/* @end Pagination simple */

/* @group alpha */
.alpha {
	background:url("../img/new/portal2-3/body/alpha.png") repeat-x scroll left top transparent;
	font-size:12px;
	font-weight:normal;
	height:23px !important;
	line-height:23px;
	margin:10px 0 0;
	padding-bottom:10px;
	position:relative;
	text-transform:uppercase;
}
.alphaleft, .alpharight {
	background:url("../img/new/portal2-3/body/sprite.png") repeat scroll 0 0 transparent;
	height:23px;
	position:absolute;
	top:0;
	width:6px;
}
.alphaleft {
	background-position:-30px -500px;
	left:-5px;
}
.alpharight {
	background-position:-40px -500px;
	right:-5px;
}
.alpha a {
	cursor:pointer;
	padding:2px 1px 1px;
}
.alpha em {
	color:#AAAAAA;
	font-style:normal;
}
.alpha p {
	position:absolute;
	right:0;
	text-align:right;
	top:0;
}
.box .alpha p {
	font-size: 12px;
}
.alpha p span {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #E2E2E2;
	color:#F49A1D;
	font-weight:bolder;
	padding:2px 4px 1px;
}
.alpha span.oblink {
	background:none;
	border:none;
	color:#004664;
	font-weight:normal;
	padding:2px 1px 1px;
}
/* @end alpha */

/* fix IE 6 & 7 */
* html .pagination .numbers {
	height: 20px;
}

* html .pagination .numbers a,
* html .pagination .numbers span {
	margin-right: 2px;
	margin-left: 2px;
}


/* @group Standard */
	.ob_form fieldset {
		border: none;
		clear: both;
		padding: 10px;
	}
	.ob_form fieldset legend {
		font-size: 16px;
		color: gray;
		font-weight: bold;
	}
	.ob_form ul {
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	.ob_form ul li {
		width: auto;
		clear: both;
		list-style: none;
		margin: 3px 0;
		padding-bottom: 5px;
	}
	.ob_form fieldset.buttons {
		text-align: right;
		float: none;
		clear: both;
		background: #F7F7F7;
		border-top: 1px solid #E5E5E5;
		margin-bottom: 10px;
	}

	.ob_form fieldset.buttons ul {
		min-width: 0;
	}
	.ob_form fieldset.buttons ul li {
		padding: 0;
		margin: 0;
	}
	.ob_form fieldset.left {
		text-align: left;
	}
	.ob_form fieldset.buttons ul li {
		border: none;
		float: none;
	}
	.ob_form ul li ul {
		margin: 0;
		padding: 0;
	}
	.ob_form ul li label {
		display: block;
		width: 35%;
		float: left;
		line-height: 20px;
		padding: 0;
		padding-right: 10px;
		color: #343434;
		font-size: 11px;
	}
	.ob_form ul li label.small {
		width:	auto;
	}
	.ob_form li label.important {
		color: red;
	}
	.ob_form ul li label.full {
		display: inline;
		float: none;
	}
	.ob_form ul .captcha label {
		width:auto!important;
		float: left;
	}
	.ob_form ul .captcha label img {
		vertical-align:bottom;
	}
	.ob_form ul .captcha input {
		width:auto!important;
		font-size:1.5em;
		vertical-align: top;
	}
	.ob_form ul .captcha .yui-button input {
		width:auto!important;
		font-size:1em;
	}

	.ob_form ul li input,
	.ob_form ul li select,
	.ob_form ul li textarea {
		height: auto;
		width: 250px;
		vertical-align: middle;
		font-size: 12px;
		color: black;
		border-bottom-color: #DFDFDF;
		background: white;
		padding: 0;
		margin: 0;
	}
	.ob_form ul li input[type=checkbox] {
	    width: 12px;
	}
	.ob_form .auto {
		width:auto;
	}
	.ob_form ul li textarea {
		height: 6em;
	}
	.checkbox,
	.radio {
		width: auto ! important;
		height: auto ! important;
		float: none ! important;
		border: none ! important;
		line-height:1em;
		vertical-align:middle;
	}
	.ob_form ul li.underInput {
		margin-left: 36%;
		border: none;
	}
	.ob_form .buttons {
		float: right;
	}
	.ob_form .buttons input {
		width: auto;
	}
	.ob_form .buttons ul li {
		float: right;
		clear: none;
	}
	.ob_form .deactivated {
		color: gray;
		border-color: gray;
		cursor: pointer;
	}
	.ob_form .deactivated span.link {
		color: #0066FF;
	}
	.ob_form .deactivated span.link:hover {
		text-decoration: underline;
	}
	.ob_form img {
		vertical-align: -0.4em;
	}
	.ob_form .inline {
		float: none;
		width: auto;
		display: inline;
	}
	.ob_form input.inline,
	.ob_form select.inline,
	.ob_form textarea.inline {
		margin: 0 3px 0 0;
		line-height: 100%;
	}

	/* Debug select disparus sous IE6 */
	* html .ob_form select {
		visibility: visible ! important;
	}

	.ob_form .error {
		border: 1px solid red;
		font-weight: normal;
		text-align: left;
		/*padding: 0;
		margin: 0;*/
		display: inline;
	}
	.ob_form .errors,
	.ob_error_field {
		border: 1px solid red;
		color: red;
	}

/* @end */

/* @group pretty */
	.ob_form_pretty {
		background: white;
	}
	.ob_form_pretty fieldset {
		border: none;
		clear: both;
		padding: 10px;
	}
	.ob_form_pretty fieldset legend {
		font-size: 16px;
		font-family: Georgia, serif;
		font-style: italic;
		margin: 10px 0;
		color: #2B637B;
		font-weight: bold;
	}
	.ob_form_pretty ul {
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	.ob_form_pretty ul li {
		width: auto;
		clear: both;
		list-style: none;
		margin: 3px 0;
		padding-bottom: 5px;
	}
	.ob_form_pretty fieldset.buttons {
		text-align: right;
		float: none;
		clear: both;
		background: #F7F7F7;
		border-top: 1px solid #E5E5E5;
		margin-bottom: 10px;
	}

	.ob_form_pretty fieldset.buttons ul {
		min-width: 0;
	}
	.ob_form_pretty fieldset.buttons ul li {
		padding: 0;
		margin: 0;
	}
	.ob_form_pretty fieldset.left {
		text-align: left;
	}
	.ob_form_pretty fieldset.buttons ul li {
		border: none;
		float: none;
	}
	.ob_form_pretty ul li ul {
		margin: 0;
		padding: 0;
	}
	.ob_form_pretty ul li label {
		display: block;
		width: 200px;
		float: left;
		line-height: 20px;
		padding: 0;
		padding-right: 10px;
		color: #666;
		font-size: 12px;
	}
	.ob_form_pretty ul li label.small {
		width:	auto;
	}
	.ob_form_pretty li label.important {
		color: red;
	}
	.ob_form_pretty ul li label.full {
		display: inline;
		float: none;
	}
	.ob_form_pretty ul .captcha label {
		width:auto!important;
		float: left;
	}
	.ob_form_pretty ul .captcha label img {
		vertical-align:bottom;
	}
	.ob_form_pretty ul .captcha input {
		width:auto!important;
		font-size:1.5em;
		vertical-align: top;
	}
	.ob_form_pretty ul .captcha .yui-button input {
		width:auto!important;
		font-size:1em;
	}

	.ob_form_pretty ul li input,
	.ob_form_pretty ul li select,
	.ob_form_pretty ul li textarea {
		height: auto;
		width: 400px;
		vertical-align: middle;
		font-size: 14px;
		color: black;
		border: 1px solid #888;
		background: #fff url('../img/new/admin/body/input_bg.png') repeat-x left 1px;
		margin: 0;
	}
	.ob_form_pretty ul li input[type=checkbox] {
	    width: 12px;
	}
	.ob_form_pretty .auto {
		width:auto;
	}
	.ob_form_pretty ul li textarea {
		height: 6em;
	}
	.checkbox,
	.radio {
		width: auto ! important;
		height: auto ! important;
		float: none ! important;
		border: none ! important;
		line-height:1em;
		vertical-align:middle;
	}
	.ob_form_pretty ul li.underInput {
		margin-left: 36%;
		border: none;
	}
	.ob_form_pretty .buttons {
		float: right;
	}
	.ob_form_pretty .buttons input {
		width: auto;
		background: transparent;
	}
	.ob_form_pretty .buttons ul li {
		float: right;
		clear: none;
	}
	.ob_form_pretty .deactivated {
		color: gray;
		border-color: gray;
		cursor: pointer;
	}
	.ob_form_pretty img {
		vertical-align: -0.4em;
	}
	.ob_form_pretty .inline {
		float: none;
		width: auto;
		display: inline;
	}
	.ob_form_pretty input.inline,
	.ob_form_pretty select.inline,
	.ob_form_pretty textarea.inline {
		margin: 0 3px 0 0;
		line-height: 100%;
	}

	.ob_form_pretty.light .fields input,
	.ob_form_pretty.light .fields select,
	.ob_form_pretty.light .fields textarea {
		margin-right: 0.25em;
		float: right;
	}
	.ob_form_pretty.light fieldset {
		padding: 0;
		background: #fff;
		border: 0;
	}
	.ob_form_pretty.light fieldset li {
		clear: both;
		padding-top: 5px;
	}

	/* Debug select disparus sous IE6 */
	* html .ob_form_pretty select {
		visibility: visible ! important;
	}

	.ob_form_pretty .error {
		border: 1px solid red;
		font-weight: normal;
		text-align: left;
		/*padding: 0;
		margin: 0;*/
		display: inline;
	}
	.ob_form_pretty .errors {
		border: 1px solid red;
		color: red;
	}
/* @end pretty */

/* help class */
div.help {
	background:url("../img/new/admin/body/form_icon_i.gif") no-repeat scroll 0 0 white;
	color:#3A7AFE;
	display:block;
	float:right;
	font-size:10px;
	margin:0 0 0 10px;
	min-height: 18px;
	padding-left:20px;
	vertical-align:top;
	width:155px;
}
/* @end help class */

/* @group Tableaux */

	table.ob_table {
		border: 1px solid #DDDEDD;
		border-collapse: collapse;
		color: #727272;
		font-size: 0.9em;
	}
	table.ob_table thead,
	table.ob_table tfoot {
		background: #DDD;
		position: relative;
	}
	table.ob_table thead th,
	table.ob_table tfoot td {
		position: relative;
		font-weight: normal;
		color: #444;
		padding: 5px;
		font-size: 0.9em;
		text-align: left;
	}
	table.ob_table thead th .sorting {
		position: absolute;
		top: -7px;
		right: 4px;
		vertical-align: top;
		width: 9px;
		padding-top: 2px;
	}
	* html table.ob_table thead th .sorting {
		top: -11px;
	}
	table.ob_table thead th .sorting a {
		display: block;
		height: 5px;
		margin-top: 4px;
		padding: 0;
		font-size: 5px;
	}
	table.ob_table thead th.selected {
		background: #BBB;
	}
	table.ob_table thead th .relative {
		padding-right: 18px;
	}
	table.ob_table tbody {
		background: white;
	}
	table.ob_table tbody tr {
		border-bottom: 1px solid #D6D7D6;
	}
	table.ob_table tbody tr.alt {
		background: #EDF4FF;
	}
	table.ob_table tbody tr.over {
		background: #B5D1FF;
	}
	table.ob_table tbody td {
		padding: 5px;
		vertical-align: middle;
	}
	table.ob_table tbody td a {
		font-weight: bold;
	}
	table.ob_table th.center,
	table.ob_table td.center {
		text-align: center;
	}

	table.ob_table th.right,
	table.ob_table td.right {
		text-align: right;
	}

	table.ob_table .big {
		font-weight:	bold;
		font-size:		larger;
	}

	table.ob_table td.nowrap {
		white-space:	nowrap;
	}
	
/* @end */

/* @group notifications */
	.notification {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid;
		padding: 5px 5px 5px 45px;
		margin: 5px auto 15px;
		position: relative;
		color: #fff;
	}
	.notification * {
		color: #fff !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 12px !important;
	}
	.notification ul li {
		list-style-type: square;
		margin-left: 2em !important;
	}
	.notification a {
		color: #fff;
		text-decoration: underline;
	}
	.notification .close {
		position: absolute;
		top: 5px;
		right: 5px !important;
		left: auto !important;
		left: 850px;
		padding: 1px;
		width: 11px !important;
		height: 11px !important;
		width: auto;
		height: auto;
		border: 1px solid #fff !important;
		border: 0;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		borer-radius: 2px;
	}
	.notification .close a {
		display: block !important;
		display: inline;
		width: 11px !important;
		width: auto;
		height: 11px !important;
		height: 11px;
		background: transparent url('../img/new/base/body/notification_close.png') no-repeat 2px 2px !important;
		background: transparent none;
		text-decoration: none !important;
		text-decoration: underline;
	}
	.notification .close a span {
		display: none !important;
		display: inline;
	}
	.notification h4 {
		font-weight: bolder;
	}

	.notification_error {
		border: 1px solid #8B3939;
		background: #9F4241 url('../img/new/base/body/notification_error.jpg') no-repeat 5px 5px;
		min-height: 32px;
	}

	.notification_warning {
		border: 1px solid #AF5C25;
		background: #CC6D2B url('../img/new/base/body/notification_warning.jpg') no-repeat 5px 5px;
		min-height: 32px;
	}

	.notification_info {
		border: 1px solid #49718A;
		background: #56849F url('../img/new/base/body/notification_info.jpg') no-repeat 5px 5px;
		min-height: 32px;
	}
	.notification_mini_info {
		border: 1px solid #49718A;
		background: #56849F;
		min-height: 16px;
	}

	.notification_ok {
		border: 1px solid #4A8761;
		background: #599F72 url('../img/new/base/body/notification_ok.jpg') no-repeat 5px 5px;
		min-height: 32px;
	}

	.notification_promopda {
		background: #4072cc url('../img/new/base/body/notification_pda.jpg') no-repeat 5px center;;
		min-height: 32px;
	}
/* @end notifications */

/* Boutons */
/* Nouveaux boutons sans JS */
.ob-button {
	display: -moz-inline-box;
	display: inline-block;
	background: no-repeat;
	margin: .25em .25em;
	padding: 0 0 0 8px;
	cursor: pointer;
	vertical-align: middle;
	font-size: 10px;
}
.ob-button:hover,
.ob-button.hover {
	background-position: 0 -27px;
}
.ob-button:active,
.ob-button.active {
	background-position: 0 -54px;
}
.ob-button.thin,
.ob-button.thin {
	background-position: 0 -81px;
}
.ob-button.thin:hover,
.ob-button.thin.hover {
	background-position: 0 -97px;
}
.ob-button.thin:active,
.ob-button.thin.active {
	background-position: 0 -113px;
}
.ob-button .first-child {
	display: block;
	*display: inline-block;
	*position: relative;
	background:transparent repeat-x right 0;
}
.ob-button:hover .first-child,
.ob-button.hover .first-child {
	background-position: right -27px;
}
.ob-button:active .first-child,
.ob-button.active .first-child {
	background-position: right -54px;
}
.ob-button.thin .first-child,
.ob-button.thin .first-child {
	background-position: right -81px;
}
.ob-button.thin:hover .first-child,
.ob-button.thin.hover .first-child {
	background-position: right -97px;
}
.ob-button.thin:active .first-child,
.ob-button.thin.active .first-child {
	background-position: right -113px;
}
.ob-button input,
.ob-button button,
.ob-button a,
.ob-button a:hover {
	display: block;
	*display: inline-block;
	padding: 0 3px;
	border: none;
	line-height: 27px;
	height: 27px;
	*line-height: 27px;
	font-size: 1.2em;
	background-color: transparent ! important;
	background-image: none;
	color: black;
	margin: 0 8px 0 0 ! important;
	cursor: pointer;
	width: auto;
	border: none;
}
.ob-button.thin input,
.ob-button.thin button,
.ob-button.thin a,
.ob-button.thin a:hover {
	line-height: 16px;
	height: 16px;
	*line-height: 16px;
}
.ob-button {
	background-image: url('../img/albums/common/buttons_l.png');
}
.ob-button.orange {
	background-image: url('../img/new/base/body/ob-button-sprite-l.png');
	background-position: 0 -81px;
}
.ob-button.orange:hover,
.ob-button.orange.hover {
	background-position: 0 -108px;
}
.ob-button.orange:active,
.ob-button.orange.active {
	background-position: 0 -135px;
}
.ob-button .first-child {
	background-image: url('../img/albums/common/buttons_r.png');
}
.ob-button.orange .first-child {
	background-image: url('../img/new/base/body/ob-button-sprite-r.png');
	background-position: right -81px;
}
.ob-button.orange:hover .first-child,
.ob-button.orange.hover .first-child {
	background-position: right -108px;
}
.ob-button.orange:active .first-child,
.ob-button.orange.active .first-child {
	background-position: right -135px;
}
.ob-button input,
.ob-button button,
.ob-button a,
.ob-button a:hover {
	color: white ! important;
}
.ob-button.orange input,
.ob-button.orange button,
.ob-button.orange a,
.ob-button.orange a:hover {
	color: black ! important;
}
/* Bouton */
	.btn {
		height: 20px;
	}
	.btn a {
		background:url("../img/new/base/body/ob-button-sprite-r.png") left -615px no-repeat transparent;
		_background-image: url('../img/new/portal2-3/body/btn01.gif');
		color: #FFFFFF!important;
		cursor: pointer;
		float: right;
		font-size: 10px;
		font-weight: bold;
		height: 20px;
		line-height: 20px;
		padding-left: 4px;
		position: relative;
		right: 5px;
		text-transform: uppercase;
	}

	.btn a:hover {
		color: #EEEEEE!important;
		text-decoration: none;
	}
	.btn a span {
		background:url("../img/new/base/body/ob-button-sprite-r.png") scroll right -615px no-repeat transparent;
		_background-image: url('../img/new/portal2-3/body/btn01.gif');
		float: left;
		left: 5px;
		height: 20px;
		padding-right: 10px;
		position: relative;
	}
	.btn02 {
		height: 34px;
	}
	.btn02 a {
		background: url('../img/new/portal2-3/body/btn02.png') top left no-repeat;
		_background-image: url('../img/new/portal2-3/body/btn02.gif');
		color: #558295;
		cursor: pointer;
		float: right;
		font-size: 10px;
		font-weight: bold;
		height: 34px;
		line-height: 10px;
		padding-left: 5px;
		position: relative;
		right: 5px;
		text-transform: uppercase;
	}
	.btn02 a:hover {
		color: #f49a1d;
	}
	.btn02 a span {
		background: url('../img/new/portal2-3/body/btn02.png') top right no-repeat;
		_background-image: url('../img/new/portal2-3/body/btn02.gif');
		float: left;
		height: 27px;
		left: 5px;
		padding: 7px 30px 0 0;
		position: relative;
	}
	.frm_btn {
		background: #F3F3F3;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 5px 15px;
		display: inline;
	}
	:root .frm_btn {
		display: inline-block;
	}

/* end Buttons */


	/* @group Boutons */

			/* Nouveaux boutons sans JS */
			.ob-button,
			.yui-button {
				display: -moz-inline-box;
				display: inline-block;
				background: url('../img/new/base/body/ob-button-sprite-l.png') no-repeat;
				margin: .25em .25em;
				padding: 0 0 0 8px;
				cursor: pointer;
				vertical-align: middle;
			}
			.ob-button:hover,
			.ob-button.hover,
			.yui-button:hover {
				background-position: 0 -27px;
			}
			.ob-button:active,
			.ob-button.active,
			.yui-button:active {
				background-position: 0 -54px;
			}
			.ob-button.orange,
			.yui-button.default {
				background-position: 0 -81px;
			}
			.ob-button.orange:hover,
			.ob-button.orange.hover,
			.yui-button.default:hover {
				background-position: 0 -108px;
			}
			.ob-button.orange:active,
			.ob-button.orange.active,
			.yui-button.default:active {
				background-position: 0 -135px;
			}
			.ob-button.blue {
				background-position: 0 -162px;
			}
			.ob-button.blue:hover,
			.ob-button.blue.hover {
				background-position: 0 -189px;
			}
			.ob-button.blue:active,
			.ob-button.blue.active {
				background-position: 0 -216px;
			}
			.ob-button.orange.thin {
				background-position: 0 -243px;
				padding-left: 4px;
			}
			.ob-button.orange.thin:hover {
				background-position: 0 -259px;
			}
			.ob-button.orange.thin:active {
				background-position: 0 -275px;
			}
			.ob-button.orange.big {
				background-position: 0 -291px;
				padding-left: 4px;
			}
			.ob-button.orange.big:hover {
				background-position: 0 -332px;
			}
			.ob-button.orange.big:active {
				background-position: 0 -373px;
			}
			.ob-button.portail {
				background-position: 0 -415px;
				padding-left: 4px;
			}
			.ob-button.portail:hover {
				background-position: 0 -415px;
			}
			.ob-button.portail:active {
				background-position: 0 -415px;
			}
			.ob-button.portail.thin {
				background-position: 0 -441px;
				padding-left: 4px;
			}
			.ob-button.portail.thin:hover {
				background-position: 0 -441px;
			}
			.ob-button.portail.thin:active {
				background-position: 0 -441px;
			}
			.ob-button.portail.big {
				background-position: 0 -463px;
				padding-left: 4px;
			}
			.ob-button.portail.big:hover {
				background-position: 0 -463px;
			}
			.ob-button.portail.big:active {
				background-position: 0 -463px;
			}
			.ob-button.portail.gray {
				background-position: 0 -502px;
				padding-left: 4px;
			}
			.ob-button.portail.gray:hover {
				background-position: 0 -502px;
			}
			.ob-button.portail.gray:active {
				background-position: 0 -502px;
			}
			.ob-button.portail.gray.thin {
				background-position: 0 -529px;
				padding-left: 4px;
			}
			.ob-button.portail.gray.thin:hover {
				background-position: 0 -529px;
			}
			.ob-button.portail.gray.thin:active {
				background-position: 0 -529px;
			}
			.ob-button.disabled,
			.ob-button.disabled:hover,
			.ob-button.disabled:active {
				background-position: 0 0;
				cursor: not-allowed ! important;
			}
			.ob-button .first-child,
			.yui-button .first-child {
				display: block;
				*display: inline-block;
				background:transparent url('../img/new/base/body/ob-button-sprite-r.png') repeat-x right 0;
			}
			.ob-button:hover .first-child,
			.ob-button.hover .first-child,
			.yui-button:hover .first-child {
				background-position: right -27px;
			}
			.ob-button:active .first-child,
			.ob-button.active .first-child,
			.yui-button:active .first-child {
				background-position: right -54px;
			}
			.ob-button.orange .first-child,
			.yui-button.default .first-child {
				background-position: right -81px;
			}
			.ob-button.orange:hover .first-child,
			.ob-button.orange.hover .first-child,
			.yui-button:hover.default .first-child {
				background-position: right -108px;
			}
			.ob-button.orange:active .first-child,
			.ob-button.orange.active .first-child,
			.yui-button:active.default .first-child {
				background-position: right -135px;
			}
			.ob-button.blue .first-child {
				background-position: right -162px;
			}
			.ob-button.blue:hover .first-child,
			.ob-button.blue.hover .first-child {
				background-position: right -189px;
			}
			.ob-button.blue:active .first-child,
			.ob-button.blue.active .first-child {
				background-position: right -216px;
			}
			.ob-button.orange.thin .first-child {
				background-position: right -243px;
			}
			.ob-button.orange.thin:hover .first-child {
				background-position: right -259px;
			}
			.ob-button.orange.thin:active .first-child {
				background-position: right -275px;
			}
			.ob-button.orange.big .first-child {
				background-position: right -291px;
			}
			.ob-button.orange.big:hover .first-child {
				background-position: right -332px;
			}
			.ob-button.orange.big:active .first-child {
				background-position: right -373px;
			}
			.ob-button.portail .first-child {
				background-position: right -415px;
			}
			.ob-button.portail:hover .first-child {
				background-position: right -415px;
			}
			.ob-button.portail:active .first-child {
				background-position: right -415px;
			}
			.ob-button.portail.thin .first-child {
				background-position: right -441px;
			}
			.ob-button.portail.thin:hover .first-child {
				background-position: right -441px;
			}
			.ob-button.portail.thin:active .first-child {
				background-position: right -441px;
			}
			.ob-button.portail.big .first-child {
				background-position: right -463px;
			}
			.ob-button.portail.big:hover .first-child {
				background-position: right -463px;
			}
			.ob-button.portail.big:active .first-child {
				background-position: right -463px;
			}
			.ob-button.portail.gray .first-child {
				background-position: right -502px;
			}
			.ob-button.portail.gray:hover .first-child {
				background-position: right -502px;
			}
			.ob-button.portail.gray:active .first-child {
				background-position: right -502px;
			}
			.ob-button.portail.gray.thin .first-child {
				background-position: right -529px;
			}
			.ob-button.portail.gray.thin:hover .first-child {
				background-position: right -529px;
			}
			.ob-button.portail.gray.thin:active .first-child {
				background-position: right -529px;
			}
			.ob-button.disabled:hover .first-child,
			.ob-button.disabled:active .first-child,
			.ob-button.disabled .first-child:hover,
			.ob-button.disabled .first-child:active {
				background-position: right 0;
			}
			.ob-button .restricted {
				display: block;
				*display: inline-block;
				*position: relative;
				padding-left: 10px;
				background: transparent url('../img/new/admin/body/cadenas_piti.png') no-repeat left center;
			}
			.ob-button input,
			.ob-button button,
			.ob-button a,
			.ob-button a:hover,
			.ob-button span.button,
			.yui-button input,
			.yui-button button,
			.yui-button a,
			.yui-button span.oblink,
			.yui-button a:hover {
				display: block;
				*display: inline-block;
				padding: 0 3px ! important;
				border: none;
				line-height: 27px;
				height: 27px ! important;
				*line-height: 27px;
				font-size: 12px ! important;
				background-color: transparent ! important;
				color: black ! important;
				margin: 0 8px 0 0 ! important;
				text-decoration: none;
				cursor: pointer;
				width: auto ! important;
				border: none ! important;
			}
			* html .ob-button input,
			* html .ob-button button,
			* html .ob-button a,
			* html .ob-button a:hover,
			* html .yui-button input,
			* html .yui-button button,
			* html .yui-button a,
			* html .yui-button a:hover {
				padding: 0 ! important;
			}
			*+html .ob-button input,
			*+html .ob-button button,
			*+html .ob-button a,
			*+html .ob-button a:hover,
			*+html .yui-button input,
			*+html .yui-button button,
			*+html .yui-button a,
			*+html .yui-button a:hover {
				padding: 0 ! important;
			}
			.ob-button.orange.thin input,
			.ob-button.orange.thin button,
			.ob-button.orange.thin a,
			.ob-button.orange.thin span.oblink,
			.ob-button.orange.thin a:hover {
				height: 16px ! important;
				font-size: 10px ! important;
				line-height: 16px ! important;
				padding: 0 ! important;
				margin-right: 4px;

			}
			.ob-button.orange.big input,
			.ob-button.orange.big button,
			.ob-button.orange.big a,
			.ob-button.orange.big span.oblink,
			.ob-button.orange.big a:hover {
				height: 41px ! important;
				font-size: 18px ! important;
				line-height: 41px ! important;
				padding: 0 ! important;
				margin-right: 15px;
				margin-left: 15px;
				font-weight: bold;
			}
			.ob-button.portail input,
			.ob-button.portail button,
			.ob-button.portail a,
			.ob-button.portail a:hover,
			.ob-button.portail span.oblink {
				height: 25px ! important;
				line-height: 25px ! important;
				padding: 0 1em ! important;
				margin-right: 15px;
				margin-left: 15px;
				font-weight: bold;
				color: white ! important;
				font-family: arial;
				text-transform: uppercase;
			}
			.ob-button.portail.thin input,
			.ob-button.portail.thin button,
			.ob-button.portail.thin a,
			.ob-button.portail.thin span.oblink,
			.ob-button.portail.thin a:hover {
				height: 22px ! important;
				line-height: 22px ! important;
				padding: 0 ! important;
				margin: 0 4px 0 0 ! important;
				font-size: 11px ! important;
			}
			.ob-button.portail.big input,
			.ob-button.portail.big button,
			.ob-button.portail.big a,
			.ob-button.portail.big a:hover,
			.ob-button.portail.big span.oblink {
				height: 39px ! important;
				font-size: 18px ! important;
				line-height: 41px ! important;
				padding: 0 15px ! important;
				margin-right: 15px;
				margin-left: 15px;
				font-weight: bold;
			}
			.ob-button.blue input,
			.ob-button.blue button,
			.ob-button.blue a,
			.ob-button.blue span.oblink,
			.ob-button.blue a:hover {
				color: white ! important;
			}
			.ob-button.disabled input,
			.ob-button.disabled button,
			.ob-button.disabled span.oblink,
			.ob-button.disabled a {
				color: gray ! important;
				cursor: not-allowed;
			}
			/* nouveaux boutons */

/* @group signup button */
	#header .signup .ob-button.portail {
		background-position:0 -551px;
		padding-left: 8px;
	}
	#header .signup .ob-button.portail .first-child {
		background-position: right -551px;
	}

	#header .signup .ob-button.portail  a,
	#header .signup .ob-button.portail  span.oblink {
		height:32px !important;
		line-height:32px !important;
	}
/* @end signup button */

/* @group createcommunity button */
	.createCommunity .ob-button.community {
		background-position:0 -551px;
		padding-left: 8px;
	}

	.createCommunity .ob-button.community .first-child {
		background-position: right -551px;
	}

	.createCommunity .ob-button.community a,
	.createCommunity .ob-button.community span.oblink {
		height:32px !important;
		line-height:32px !important;
		color: #fff !important;
		font-weight: bold;
	}

/* @end createCommunity */

/* @end specifics */

/* @group templating css */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
* {
	padding: 0;
	margin: 0;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana;
	color: #000000;
	background-position: center top;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

a {
	color: #004664;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #375d95;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}


.clear {
	clear: both;
}

.hide {
	display:none;
}

.center,
.box p.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.justify {
	text-align: justify !important;
}

fieldset,
img {
	border:0 none;
}

input.text {
	background:url("../img/new/portal2-3/body/sprite.png") no-repeat scroll 0 -50px transparent;
	border:1px solid #E0E0E0;
	font-size:11px;
	height:16px;
	padding:3px 2px 1px;
}

input {
	font-family:Arial,Verdana,sans-serif;
}

input:focus,
textarea:focus
{
	outline:none;
}

/* @group notif */
div.notif {
	margin-bottom:10px;
	margin-top:10px;
	padding:30px 10px 25px 100px;
}
div.notif.ok {
	border: 2px solid #abff58;
	background: url("../img/notif-ok.gif") no-repeat scroll -20px -10px #d4ffaa;
}
div.notif.warning {
	border: 2px solid #ffb658;
	background: url("../img/notif-warning.gif") no-repeat scroll -20px -10px #ffdaaa;
}
div.notif.error {
	border: 2px solid #ff916a;
	background: url("../img/notif-error.gif") no-repeat scroll -20px -10px #ffc0aa;
}
div.notif.info {
	border: 2px solid #73b8ff;
	background: url("../img/notif-info.gif") no-repeat scroll -20px -10px #aad4ff;
}
/* @end notif */


/* @group debug */
pre.xdebug-var-dump {
	font-size: 12px;
	border: 1px solid #000000;
	background-color: #E0E8EF;
	padding: 10px;
	margin-bottom: 10px;
}

#jelixerror {
	z-index: 9999;
}
/* @end debug */

/* @group wrap */
#header .wrap,
#global {
	width: 980px;
	margin: auto;
	position: relative;
	background:none repeat scroll 0 0 #FFFFFF;
	border-right:2px solid #FFFFFF;
}

#header,
#global,
#header .wrap{
	z-index: 10;
}
/* @end wrap */

.wall {
	position: relative;
	z-index: 0;
}

#content {
	background-color: #f5f5f5;
	margin-bottom: 10px;
	margin-top: 15px;
	padding-top: 1px;
	padding-bottom:10px;
}

/* @group box */
.box {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	box-shadow: 0px 2px 6px #dddddd;
	-moz-box-shadow: 0px 2px 6px #dddddd;
	-webkit-box-shadow: 0px 2px 6px #dddddd;

	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

.box .type
{
	display: block;
	position: absolute;
	top: -12px;
	left: 10px;
	background-color: #F49C22;
	padding:4px 7px;
	padding-bottom: 5px;
	z-index: 5;

	min-height: 11px;
	min-width : 25px;
}

.box .type,
.box .type a {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.box .type span.oblink {
	display: none;
}

.box .type span {
	background:url("../images/portal3/sprite-box-arrow.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:8px;
	position:absolute;
	left:15px;
	top:17px;
	width:10px;
}

.box .content {
	padding:20px 10px 0 10px;
	overflow:hidden;
}

.box .clear {
	height: 10px;
}

.box h2,
.box h2 a{
	color: #004664;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.box h2 a:hover {
	text-decoration: none;
}
.box p {
	color: #464646;
	font-size: 1.1em;
/*	text-align: justify;*/
}

.box p.illustration {
	text-align: center;
}

.box p.illustration img {
	border: 1px solid #DCDEDF;
	padding: 2px;
}

#content .sidebar .box {
	margin-left: 0;
}
/* @end box */


/* @group column */
.main {
	width: 670px;
	float: left;
}

.main.singleCol {
	width: 100%;
}

.sidebar {
	width: 310px;
	float: left;
}
/* @end column */

/* @group article-sample */
.article-sample {
	position: relative;
	clear: both;
	border-top: 1px solid #f5f5f5;
	padding-top: 10px;
	padding-bottom: 20px;
	height: 105px;
	overflow: hidden;
}

.first .article-sample {
	border: 0;
}

.article-sample span.mag {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#F49C22;
	font-size:0.9em;
	height:25px;
	padding-top:14px;
	position:absolute;
	right:0;
	text-transform:uppercase;
	top:0;
	vertical-align:middle;
	z-index:10;
	padding-left:10px;
}

.article-sample span.mag a {
	color:#F49C22;
	font-weight:bold;
}

.article-sample h3 {
	height: 22px;
	width: 550px;
	overflow: hidden;
	text-overflow: ellipsis-word;
	-o-text-overflow: ellipsis-word;
	-moz-binding: ellipsis-word;
	position: relative;
	z-index: 1;
}
.article-sample h3,
.article-sample h3 a {
	color: #004664;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-decoration: none;
}

.article-sample span.illustration{
	float: left;
	margin-right: 10px;
	width: 110px;
	height:75px;
	padding:2px;
	border: 1px solid #dcdedf;
}
.article-sample p.sample{
	color: #464646;
	height:65px;
	overflow:hidden;
	text-overflow: ellipsis-word;
	-o-text-overflow: ellipsis-word;
	-moz-binding: ellipsis-word;
	line-height: 18px;
	text-align: justify;
}
.box .article-sample p.author{
	color: #7b7b7b;
	font-size: 0.9em;
}
.article-sample p.author span.avatar{
	margin-left: 5px
}
/* @end article-sample */

/* @group element list */
.element-list .element {
	position:relative;
	border-top: 1px solid #f5f5f5;
	margin: 0 0 10px 0;
	padding: 10px 0 0;
	min-height: 110px;
}

.element-list .element h3.title,
.element-list .element h3.title a {
	font-size:1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	text-decoration: none;
}
.element-list .element .thumb{
	float: left;
	margin-right: 5px;
}
.element .thumb a img {
	border: 1px solid #DEDEDE;
	padding: 1px;
}
.element .thumb a:hover img {
	border: 1px solid #004664;
}
.element-list .element .thumb img{
	border:1px solid #DEDEDE;
	padding:2px;
}
.element-list .element .info {
	color: #9a9a9a;
	padding: 0.5em 0;
	font-size: 0.95em;
	margin-top: 8px;
	float: left;
}
.element-list .element .info .date {
	display:inline;
	margin-left:10px;
}
#content .element-list .element .excerpt p {
	font-size: 1em;
}

/*.element-list .element .footer {
	bottom:0;
	position:absolute;
	right:0;
	width:494px;
}*/

.element .excerpt {
	font-size:13px;
	line-height:18px;
}

.element .clear {
	height: 0;
}
/* @end element list */

/* @group search */
.search .content form.search {
	position: relative;
	background:url("../images/portal3/bg-search.png") repeat-x scroll 0 0 transparent;
	border: 3px solid #8bacba;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.search .content form.search .searchQuery {
	background:url("../images/portal3/zoom.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	color:#838383;
	font-size:1.12em;
	height:29px;
	padding-left:28px;
	margin-left:5px;
	margin-top:2px;
	vertical-align:middle;
}

.search .content form.search .searchSubmit {
	background:url("../images/portal3/btn-search.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1em;
	height:26px;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	position:absolute;
	right:4px;
	top:2px;
	width:39px;
}

.search .content  .searchQuery{
	width:560px;
}


.sidebar .search .content  .searchQuery{
	width:205px;
}

.box.searchResults .content .content {
	padding-top: 0;
}
/* @end search */

/* Topnav */

	.topnav_ctnr {
		background: #F3F3F3;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		margin: 1em;
		padding: 1px;
		height: 147px;
	}
	.topnav_ctnr .bigtitle_underl {
		margin: 0 10px 0.5em;
	}
	.topnav {
		margin: 0 10px;
		padding: 0;
		font-size: 12px;
	}

	.topnav .tags {
		display: inline;
		_width: 600px;
	}

	.topnav .tags li {
		display: block;
		float: left;
		line-height: 20px;
		height: 20px;
		width: 120px;
		_width: 106px;
		overflow: hidden;
	}

	.topnav .tags li a {
		color: #004664;
		padding-left: 8px;
		background: url('../img/new/portal2-3/body/sprite.png') -10px -167px no-repeat;
		_background-image: url('../img/new/portal2-3/body/sprite.gif');
	}

	.topnav .tags li a:hover,
	.topnav .tags .on a {
		color: #f49a1d;
	}
/* end Topnav */

/* group bigTitle */
#content .lead .selection .bigtitle,
#content .lead .relatedArticles .bigtitle,
.box h2.bigtitle{
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	padding:10px 0 0;
	text-transform:uppercase;
}
/* @end bigTitle */

/* Elements */
	.element {
		clear: both;
	}
	#content h1,
	.bigtitle,
	.bigtitle a {
		color: #000000;
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 10px;
	}

	.bigtitle,
	.bigtitle a {
		padding:0 0 10px;
	}

	.bigtitle_underl {
		color: #004664;
		text-transform: uppercase;
		border-bottom: 1px solid #004664;
		font-size: 12px;
		margin: 1em 20px 0.5em 20px;
		padding: 0.5em 0;
		font-weight: bold;
		width: 50%;
	}

	.noResults {
		padding: 0 20px 10px;
	}

	.related .bigtitle a {
		padding: 0;
	}
	.related p {
		padding: 0 0 10px 20px;
	}
	h2.bigtitle {
		font-size: 2em;
	}
	.element .title {
		margin-bottom: 5px;
		line-height: 25px;
		color: #004664;
		padding-left: 1px;
	}
	.element h3.title {
		font-size: 1.5em;
	}
	.element .title a {
		color: #004664;
	}
	.element .excerpt {
		font-size: 13px;
		line-height: 18px;
	}
	.element .btn {
		margin-top: 10px;
	}

	.position {
		color: #F49C22;
		font-size: 1em;
		font-style: italic;
	}
	.position sup {
		vertical-align: bottom;
		font-size: 0.8em;
	}

	.thumb {
		position: relative;
	}
	.star {
		position: absolute;
		top: -8px;
		left: -8px;
		width: 28px;
		height: 28px;
		background: url('../img/new/portal2-3/body/stars.png') no-repeat 0 0;
		_background-image: url('../img/new/portal2-3/body/stars.gif');
	}
	.star.gold {
		background-position: 0 0;
	}
	.star.silver {
		background-position: 0 -28px;
	}
	.star.bronze {
		background-position: 0 -56px;
	}
	.generate_date {
		border-top: 1px dotted #D6D6D6;
		color: #D6D6D6;
		text-align: center;
		margin: 1em 20px 0 20px;
		padding: 1em;
		text-transform: uppercase;
		font-size: 0.8em;
		font-weight: bold;
	}

/* end Elements */

/* @group sidebloc */
.box .sidebloc .block {
	border-top : 1px solid #f5f5f5;
	padding-top: 5px;
	clear: both;
}
.box .sidebloc .thumb {
	float: left;
	margin-right: 5px;
	width: 45px;
	height: 45px;
	overflow: hidden;
}

/* @end sidebloc */


/* @group OB_FORM */
	/* OB_Form */

		.ob_form label,
		.ob_form .text {
			color: #626262 !important;
		}
		.ob_form input.text, select.text {
			background: url('../img/new/portal2-3/body/sprite.png') 0px -50px no-repeat !important;
			_background-image: url('../img/new/portal2-3/body/sprite.gif');
			border: 1px solid #e0e0e0 !important;
			padding: 3px 2px 1px 2px !important;
		}
		.ob_form input.text {
			height: 16px !important;
		}
		.ob_form textarea.text {

			border: 1px solid #e0e0e0 !important;
			padding: 3px 2px 1px 2px !important;
		}

		.ob_form label {
			font-size: 12px !important;
		}

		.ob_form input.error, .ob_form select.error  {
			background: url('../img/new/portal2-3/body/sprite.png') 0px -50px no-repeat !important;
			_background-image: url('../img/new/portal2-3/body/sprite.gif');
			border: 1px solid #ff0000 !important;
			padding: 3px 2px 1px 2px !important;
		}

		.ob_form textarea.error {
			border: 1px solid #ff0000 !important;
		}

		.ob_form label.error {
			color: #ff0000 !important;
			border: none !important;
		}


	/* End OB_Form */

	/* @group Standard */
		.ob_form {
			background: white;
		}
		.ob_form fieldset {
			border: none;
			clear: both;
			padding: 10px;
		}
		.ob_form fieldset legend {
			font-size: 16px;
			color: gray;
			font-weight: bold;
		}
		.ob_form ul {
			overflow: hidden;
			padding: 0;
			margin: 0;
		}
		.ob_form ul li {
			width: auto;
			clear: both;
			list-style: none;
			margin: 3px 0;
			padding-bottom: 5px;
		}
		.ob_form fieldset.buttons {
			text-align: right;
			float: none;
			clear: both;
			background: #F7F7F7;
			border-top: 1px solid #E5E5E5;
		}

		.ob_form fieldset.buttons ul {
			min-width: 0;
		}
		.ob_form fieldset.buttons ul li {
			padding: 0;
			margin: 0;
		}
		.ob_form fieldset.left {
			text-align: left;
		}
		.ob_form fieldset.buttons ul li {
			border: none;
			float: none;
		}
		.ob_form ul li ul {
			margin: 0;
			padding: 0;
		}
		.ob_form ul li label {
			display: block;
			width: 35%;
			float: left;
			line-height: 20px;
			padding: 0;
			padding-right: 10px;
			color: #343434;
			font-size: 11px;
		}
		.ob_form ul li label.small {
			width:	auto;
		}
		.ob_form li label.important {
			color: red;
		}
		.ob_form ul li label.full {
			display: inline;
			float: none;
		}
		.ob_form ul .captcha label {
			width:auto!important;
			float: left;
		}
		.ob_form ul .captcha label img {
			vertical-align:bottom;
		}
		.ob_form ul .captcha input {
			width:auto!important;
			font-size:1.5em;
			vertical-align: top;
		}
		.ob_form ul .captcha .yui-button input {
			width:auto!important;
			font-size:1em;
		}

		.ob_form ul li input,
		.ob_form ul li select,
		.ob_form ul li textarea {
			height: auto;
			width: 250px;
			vertical-align: middle;
			font-size: 12px;
			color: black;
			border-bottom-color: #DFDFDF;
		}
		.ob_form ul li input[type=checkbox] {
			width: 12px;
		}
		.ob_form .auto {
			width:auto;
		}
		.ob_form ul li textarea {
			height: 6em;
		}
		.checkbox,
		.radio {
			width: auto ! important;
			height: auto ! important;
			float: none ! important;
			border: none ! important;
			line-height:1em;
			vertical-align:middle;
		}
		.ob_form ul li.underInput {
			margin-left: 36%;
			border: none;
		}
		.ob_form .buttons {
			float: right;
		}
		.ob_form .buttons input {
			width: auto;
		}
		.ob_form .buttons ul li {
			float: right;
			clear: none;
		}
		.ob_form .deactivated {
			color: #aaa;
			border-color: #eee;
			cursor: pointer;
		}
		.ob_form img {
			vertical-align: -0.4em;
		}
		.ob_form .inline {
			float: none;
			width: auto;
			display: inline;
		}
		.ob_form input.inline,
		.ob_form select.inline,
		.ob_form textarea.inline {
			margin: 0 3px 0 0;
			line-height: 100%;
		}

		.ob_form input.checkbox,
		.ob_form label.full {
			cursor: pointer;
		}

		.ob_form .error {
			border: 1px solid red;
		}

	/* @end */

	/* @group Étendu */

		.ob_form_extended {
			background: white;
			padding: 10px;
		}

		.ob_form_extended legend,
		.ob_form_extended.v2 h3
		{
			border-bottom:	1px solid #bababa;
			color:			#323232;
			font-size:		1.5em;
			font-weight:	bold;
			margin-bottom:	1em;
			padding-bottom:	0;
		}
		.ob_form_extended.v2 fieldset {
			margin: 20px 0 0 0;
		}
		.ob_form_extended.v2 legend {
			text-align: center;
			font-size: 1.2em;
			color: #6D6D6D;
			text-decoration: none;
			border: none;
			font-weight: normal;
		}
		.ob_form_extended.v2 legend span {
			display: block;
			margin-left: 240px;
		}

		.ob_form_extended p {
			font-size: 11px;
		}
		.ob_form_extended table {
			border-collapse: collapse;
			margin-top: 20px;
		}
		.ob_form_extended.v2 table {
			margin: 0;
		}
		.ob_form_extended th.libelle {
			width: 240px;
		}
		.ob_form_extended label,
		.ob_form_extended input {
			vertical-align: top;
		}

		.ob_form_extended td {
			padding-bottom: 10px;
			border: none ! important;
		}

		.ob_form_extended td.libelle {
			text-align: right;
			padding-right: 5px;
			vertical-align: top;
			font-size: 11px;
			font-weight: bold;
			white-space: nowrap;
		}
		.ob_form_extended th.input {
			width: 360px;
		}
		.ob_form_extended td.input {
			vertical-align: top;
		}
		.ob_form_extended td.input input,
		.ob_form_extended td.input select,
		.ob_form_extended td.input textarea {
			width: 350px;
			border-bottom: 1px solid #E6E6E6;
		}
		.ob_form_extended td.input textarea {
			height: 75px;
		}
		.ob_form_extended td.input .auto {
			width: auto;
		}
		.ob_form_extended td,
		.ob_form_extended th {
			background: white;
		}
		.ob_form_extended tbody td.help {
			width: 278px;
			margin: 0 0 0 10px;
			font-size: 10px;
			vertical-align: top;
			padding-left: 10px;
			color: #3A7AFE;
			background: white url('../img/new/admin/body/form_icon_i.gif') no-repeat;
		}
		.ob_form_extended .error {
			border: none;
			color: inherit;
			font-weight: normal;
			margin: 0;
			padding: 0;
			text-align: left;
			display: table-row;
		}
		.ob_form_extended .ok {
			color: #343434;
		}
		.ob_form_extended tbody tr.ok td.help {
			color: #84CB08;
			background: white url('../img/new/admin/body/form_icon_ok.gif') no-repeat;
		}
		.ob_form_extended tbody tr.error td.help {
			color: #FB2108;
			background: white url('../img/new/admin/body/form_icon_error.gif') no-repeat;
		}
		.ob_form_extended tbody tr.error input,
		.ob_form_extended tbody tr.error select,
		.ob_form_extended tbody tr.error textarea {
			background: #FFCDCB;
		}
		.ob_form_extended tbody tr.wait td.help {
			color: #FFA500;
			background: white url('../img/20-wait-white.gif') no-repeat;
		}
		.ob_form_extended td.help {
			color: #3A7AFE;
		}
		.ob_form_extended td.help img {
			float: left;
			margin: 0 5px;
		}
		.ob_form_extended td.help p {
			padding: 2px 0 0 10px;
			margin: 0;
		}

		.ob_form_extended tfoot .input {
			text-align: center;
			padding-top: 20px;
		}
		.ob_form_extended tfoot .input input {
			border: none;
			width: auto;
		}
	/* @end Étendu */
/* @end OB_FORM */

/* @ group text alignment */
.GcheTexte {
	float:left;
	margin:3px;
}
.DrteTexte {
	float:right;
	margin:3px;
}
.CtreTexte {
	clear:both;
	display:block;
	margin:3px auto;
}
/* @end text alignment */

/* @group sidebar taglist */
.tagList ul {
	float:left;
	width:49%;
}
.tagList ul li {
	padding-left:5em;
}
.tagList ul li a {
	background:url("../img/new/portal2-3/body/sprite.png") no-repeat scroll -10px -167px transparent;
	font-size:13px;
	font-weight:bolder;
	height:23px;
	line-height:23px;
	padding-left:7px;
}
.headlinesPanel {
	background:url("../img/new/portal2-3/body/headline_shadow.png") repeat-x scroll left bottom transparent;
	height:218px !important;
	position:relative;
}

/* @end sidebar taglist */

/* Google Search API */
	.manual .gsc-control,
	.contactForm .gsc-control {
		width: 100%;
		line-height:18px;
	}
	.contactForm .gs-result a.gs-visibleUrl, .contactForm .gs-result .gs-visibleUrl ,
	.manual .gs-result a.gs-visibleUrl, .manual .gs-result .gs-visibleUrl {
		display: none;
	}
	.contactForm .gsc-search-box ,
	.manual .gsc-search-box {
		display: none;
	}
	.contactForm .gsc-results-selector ,
	.manual .gsc-results-selector {
	  display: none;
	}
	.contactForm .gs-result .gs-title, .contactForm .gs-result .gs-title * ,
	.manual .gs-result .gs-title, .manual .gs-result .gs-title * {
		color:#2B637B;
		text-decoration: none;
	}
	.contactForm .gsc-cursor-box ,
	.manual .gsc-cursor-box {
		display: none;
	}
	.contactForm .gsc-resultsHeader ,
	.manual .gsc-resultsHeader {
		display: none;
	}
	#contactForm .gs-visibleUrl-short ,
	.manual .gs-visibleUrl-short {
		display: none;
	}
	.contactForm .gs-webResult div.gs-visibleUrl-long ,
	.manual .gs-webResult div.gs-visibleUrl-long {
		display: block;
		margin-top: 3px;
	}
	.contactForm .gs-title ,
	.manual .gs-title {
		font-size:1.1em;
		line-height:1.1em;
	}
/* End Google Search Api */

/* @group contact */
.box.contact #SpamKeyU {
	width: 157px;
}

.box.contact #googleContent .gsc-webResult.gsc-result {
	padding:8px;
	background: #EFEFEF;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.box.contact #googleContent .gsc-expansionArea .gsc-webResult.gsc-result:nth-child(odd) {
	background: #F8F8F5;
}
/* @end contact */

/* @group form signin */
.ob_form ul li label {
	text-align: right;
}
/* @end form signin */

/* @group notification */
.staticPage .notification h4 {
	color:#FFFFFF !important;
	font-size:12px !important;
	font-weight:bolder !important;
}
/* @end notification */

/* @group warning */
.warning {
	-moz-border-radius:5px 5px 5px 5px;
	background:url("../img/new/portal2-3/body/warning.png") no-repeat scroll 5px 5px #FEFDCF;
	border:1px solid #FD9E09;
	clear:both;
	margin:20px;
	overflow:hidden;
	padding:5px 5px 5px 60px;
	min-height: 45px;
}

.search .erog {
	display:none;
	height:auto;
	text-align:center;
}

/* @end warning */


/* @group FIX IE6 */
* html .main {
	width: 665px;
	overflow: hidden;
}
* html .main .adsense,
* html .main .adsense .content {
	width: 648px;
	overflow: hidden;
}

* html .sidebar .search .content form.search .searchSubmit {
	right:25px;
	top: 6px;
}

* html .search .content form.search .searchSubmit {
	right:50px;
	top: 6px;
}
* html .ob_form select {
	visibility: visible ! important;
}

* html .box.directory .content ul,
* html .box.last-articles ul {
	padding-left: 0px;
	margin-left: 0px;
	width: 610px;
}
* html .box.last-articles ul li {
	height: 12px;
	line-height: 26px;
	overflow:hidden;
	padding-bottom: 0;
}

* html .box.directory .content ul li {
	width: 150px;
	margin-left:4px;
	margin-right:4px;
	height: 22px;
	line-height: 26px;
	overflow: hidden;
}
/* @end FIX IE6 */

#header {
	position: relative;
	background: #FFFFFF;
}

#header,
#header .wrap {
	height: 112px;
}

/* @group logo */
#header .logo {
	height: 102px;
	width: 237px;

	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 10px;
}
#header .logo a {
	background:url("../images/portal3/sprite-logos.png") no-repeat scroll 0 0 transparent;
	_background:url("../images/portal3/sprite-logos.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:89px;
	width:237px;
}
#header .logo span {
	display:none;
}

#header .pitch {
	display: none;
}

/* @end logo */

/* @group login */
#loginTop,
#logoutTop {
	border-bottom:2px solid #F5F5F5;
	font-size:11px;
	height:30px;
	overflow:hidden;
	padding-bottom:2px;
	padding-top:15px;
	position:absolute;
	right:-2px;
	top:8px;
	min-width: 310px;
}

#loginTop a.directoryKiwi {
    margin-top: 8px;
    float: left;
    display: block;
    font-size: 12px;
    color: #575757;
}
#loginTop a.directoryKiwi:hover {
    text-decoration: none;
    color: #F49C22;
}

#logoutTop {
	font-size: 12px;
}
.adminLinks {
	text-align: right;
}

#loginTop .btn_login {
    float: right;
}

.adminLinks,
.adminLinks a {
	color: #989898;
}
/* Fix IE 6 */
* html #loginTop {
	left: 670px;
	right:0px;
	padding-bottom: 0px;
	width: 305px;
}

#header .login label {
	display: inline;
	color: #989898;
	text-transform: uppercase;
	margin-right: 5px;
}
#header .login p {
	position:absolute;
	right:23px;
	top:0;
	color: #989898;
}
#header .login p a {
	color: #989898;
}
#header .login #loginTopLogin,
#header .login #loginTopPasswd,
#header .login #loginTopHack{
	width: 80px;
	display: inline;

	border: 1px solid #bfbfbf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
	color: #989898;
}

/* Fix IE 6 */
* html #header .login #loginTopLogin,
* html #header .login #loginTopPasswd,
* html #header .login #loginTopHack{
	padding: 0px;
}

#header .loginSubmit {
	background: none;
	border: none;
	color: #f49c22;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}
/* @end login */

/* @group navigation */
#header .navigation {
	position: absolute;
	top: 70px;
	right: 0px;
	font-size: 12px;
	font-weight: bold;
}
#header .navigation ul {
	float: left;
	height:30px;
	padding-top:8px;
}
#header .navigation ul li {
	float:left;
	list-style:none outside none;
	margin-left:10px;
	margin-right:10px;
	text-transform: uppercase;
	height:32px;
	line-height:24px;
}
#header .navigation ul li a {
	color: #575757;
	font-weight: bold;
}
#header .navigation ul li.active a {
	border-bottom:2px solid #FEEBCC;
	color:#F49C22;
	padding-bottom:4px;
}
#header .navigation ul li a:hover {
	text-decoration: none;
	color:#F49C22;
}
	/* @group communitites menu */
	#header .navigation ul li .menu {
		position: absolute;
		float: none;
		z-index: 99999;
		overflow: hidden;
		background: transparent;
		width: 540px;
		top: 25px;
		left: -25px;
		height: 0;
	}
	#header .navigation ul li .menu .ctn {

		background: url('../img/new/portal2-3/body/sprite.png') no-repeat;
		background-position: 220px -782px;

		padding-top: 18px;
	}
	#header .navigation ul li .menu ul {
		background: white;
		display: block;
		width: 500px;
		height: auto;
		margin: 0 20px 20px 20px;
		padding: 1em 0;
		border: 1px solid #ccc;
		border-top: 0;
	}
	:root #header .navigation ul li .menu ul {
		-webkit-box-shadow: 0 5px 18px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 5px 18px 0px rgba(0, 0, 0, 0.4);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border: none;
	}
	#header .navigation ul li .menu ul li {
		display: block;
		float: left;
		height: 20px;
		line-height: 20px;
		width: 105px;
		overflow: hidden;
	}
	#header .navigation ul li .menu ul li a {
		background: url("../img/new/portal2-3/body/sprite.png") no-repeat -10px -167px;
		color: #558295;
		font-weight: bolder;
		padding-left: 8px;
	}

	#header .navigation ul li .menu ul li.on a,
	#header .navigation ul li.on a {
		color: #f49a1d;
	}
	/* @end communitites menu */
/* @end navigation */

#header .signup {
	float: left;
	margin-left: 10px;
}

#global .magazines,
#global .magazines ul {
	background:url("../images/portal3/sprite-menu.png") repeat-x scroll 0 -37px transparent;
	width: 100%;
	height: 37px;
	border-bottom: 4px solid #337eb0;
}

#global .magazines {
	padding-right:1px;
	padding-left:1px;
	margin-bottom: 10px;
}
#global .magazines ul{
	background-position: 0 0;
}
#global .magazines ul li{
	background:url("../images/portal3/sprite-menu.png") repeat-x scroll 0 0 transparent;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:27px;
	list-style:none outside none;
	padding-left:17px;
	padding-right:17px;
	padding-top:10px;
	cursor: pointer;
}

#global .magazines ul li.separator {
	background-position: 0 -37px;
	background-repeat: no-repeat;
}

#global .magazines ul li {
	border-bottom: 4px solid #57991b;
	color: #57991b;
}

#global .magazines ul li a{
	text-decoration: none;
	color: #57991b;
}

#global .magazines ul li.grp2 {
	border-bottom: 4px solid #da2292;
	color: #da2292;
}

#global .magazines ul li.grp2 a {
	color: #da2292;
}

#global .magazines ul li.grp3 {
	border-bottom: 4px solid #337eb0;
	color: #337eb0;
}

#global .magazines ul li.grp3 a {
	color: #337eb0;
}

#global .magazines ul li.grp1.active a,
#global .magazines ul li.grp1:hover a {
	background:url("../images/portal3/sprite-menu-arrow.png") no-repeat scroll 50% -170px transparent;
	display:block;
	height:40px;
}

#global .magazines ul li.grp2.active a,
#global .magazines ul li.grp2:hover a {
	background:url("../images/portal3/sprite-menu-arrow.png") no-repeat scroll 50% -70px transparent;
	display:block;
	height:40px;
}

#global .magazines ul li.grp3.active a,
#global .magazines ul li.grp3:hover a {
	background:url("../images/portal3/sprite-menu-arrow.png") no-repeat scroll 50% 30px transparent;
	display:block;
	height:40px;
}


/* Fix IE 6 */
* html #global .magazines,
* html #global .magazines ul {
	overflow: hidden;
	border:none;
	height: 42px;
}

* html #global .magazines ul li.grp1.active a,
* html #global .magazines ul li.grp2.active a,
* html #global .magazines ul li.grp3.active a {
	background:none;
	font-weight: bold;
	display:inline;
}


/* Breadcrumbs */

	.breadcrumb {
		width:970px;
		display: block;
		font-size:1.2em;
		height:20px;
		line-height: 1.2em;
		padding-left:0.8em;
		padding-top:0.9em;
		margin-bottom: -6px;
		overflow: hidden;
		text-overflow: ellipsis-word;
		-o-text-overflow: ellipsis-word;
		-moz-binding: ellipsis-word;
	}

	.breadcrumb li{
		display: inline;
		color: #004664;
		font-weight: bold;
		font-size: 0.9em;
		padding-left: 0.5em;
	}

	.breadcrumb li a {
		color: #575757;
		font-weight: normal;
		padding-right: 1em;
		background:url("../images/portal3/breadcrumb-arrow.png") no-repeat scroll right 3px transparent;
	}
/* End Breadcrumbs */
.ads.top {
	text-align: center;
	margin-bottom: 15px;
}

.ads.left {
	margin-top: 20px;
	padding: 0;
}

.ads.bottom {
	position:relative;
	width:1278px;
	margin:auto;
	height: 200px;
	cursor: pointer;
}
.ads.bottom .buttom-wrap{
	left:0;
	position:absolute;
	top:0;
	z-index:1;

}

.sponsoredLinksContainer {
	clear:both;
	position:relative;
	padding-left: 10px;
	padding-right: 10px;
}
.sponsoredLinksContainer .sponsoredLinksInfo {
	color:#CCCCCC;
	font-size:10px;
	position:absolute;
	right:10px;
	top:10px;
}

.sponsoredLinks p.link a, .sponsoredLinks p.link a:hover {
	color:#F49A1D !important;
	margin-bottom:5px;
}

.searchResults .sponsoredLinksContainer .sponsoredLinks .element-list .element {
	border-top: none;
}


/* @group Habillage */
	body.habillage {
		background-repeat:no-repeat;
	}
	.habillage .wall {
		background: none;
	}
	.habillage a.arches {
		position: absolute;
		display: block;
		top: 0;
	}

	body.darken.habillage {
		background-color: #000000;
	}

	.darken.habillage #header .logo a {
		background: url("../images/portal3/sprite-logos.png") no-repeat scroll 0 0 transparent;
	}

	.darken.habillage #header .wrap, .darken.habillage  #global {
		background : none repeat scroll 0 0 #000;
		border: 0;
	}

	.darken.habillage #loginTop, .darken.habillage  #logoutTop {
		border: 0;
	}

	.habillage.darken #header {
		opacity: 1;
		background: none
	}

	.darken.habillage #header .navigation ul li.active a {
		border-bottom: 2px solid #433011;
		color: #f49c22;
	}

	.darken.habillage #header .navigation ul li a {
		color: #575757;
	}

	.darken.habillage #header .logo a {
		background-position : 0 -210px;
	}

	.darken.habillage #header .wrap, .darken.habillage  #global {
		background : none repeat scroll 0 0 #000;
		border: 0;
	}

	.darken.habillage #loginTop, .darken.habillage  #logoutTop {
		border: 0;
	}

	.habillage.darken #header {
		opacity: 1;
		background: none
	}

	.darken.habillage #header .navigation ul li.active a {
		border-bottom: 2px solid #433011;
		color: #f49c22;
	}

	.darken.habillage #header .navigation ul li a {
		color: #575757;
	}

	.darken.habillage #logoutTop_blog {
		color: #f49c22;
	}

	.darken.habillage #header .login #loginTopLogin,
	.darken.habillage #header .login #loginTopPasswd,
	.darken.habillage #header .login #loginTopHack {
		background: #FFFFFF;
	}

/* @end Habillage */


/* @group adsense */
.box.adsense .content {
	padding:10px 10px 0px 10px;
	overflow:hidden;
}

.adsWrapper .adsContent {
	margin-top:5px;
	margin-bottom:5px;
}

#content .sidebar .box .adsense .adsContent p.title {
	font-size: 1.1em;
}

#content .sidebar .box .adsense .adsContent p.line{
	font-size: 1em;
}

#content .main .box.adsense .title{
	font-size: 18px;
}

#content .main .box.adsense .adsContent {
	margin-top: 10px;
	margin-bottom: 5px;
}

.main .content div.ads p.adsByGoogle a {
	color: #464646;
	font-style: italic;
}

.main .content div.ads div.adsContent p.title a {
	font-weight: bold;
}

.main .content div.ads {
	background: #FFFFFF;
	padding:0;
	margin-bottom: 10px;
	margin-top: 10px;
}

.main .content div.ads div.adsContent p.title a.link {
	color: #004664;
}
.main .content div.ads .title{
	font-size: 18px;
}

.main .content div.ads .adsContent {
	margin-bottom: 10px;
}

.main .content div.ads {
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	padding-top: 10px;
}
	.main .content div.ads.first {
		border-bottom: none;
	}

	.main .content div.ads.adsBottom {
		border: none;
		padding:0;
	}

.content.cod div.ads {
	clear: both;
	margin: 20px 0 10px;
	padding: 10px;
}


.sidebar .box.adsense .adsContent {
	padding-top: 5px;
}

.sidebar .box.adsense .adsContent .title a {
	font-weight: bold;
	font-size: 13px;
}
.sidebar .box.adsense .adsContent .line {
	margin: 3px 0 3px 0;
}
.sidebar .box.adsense .adsContent .link a {
	color: #7B7B7B;
}


/* @end adsense */

/* @group ads COD */
div.content.cod div.ads {
	border-bottom: none;
}

div.content.cod div.ad.top {
	width: 300px;
	height: 200px;
	float: left;
	padding-bottom: 10px;
}

div.content.cod div.ad.bottom {
	width: 100%;
	height: 200px;
	float: left;
	padding-top: 10px;
}

.box.codAds .content {
	padding : 0;
}
/* @end ads COD */

/* @group fix eBuzzing ads */
.ads.left {
	overflow: hidden;
}
/* @end fix eBuzzing ads */

#aposition1 {
	text-align:center;
}
/* @group sidebar box */
.sidebar ul li {
	list-style: none;
}
.sidebar ol li {
	list-style:decimal inside none;
}
.box.simpleLine{}
	.box.simpleLine li {
		border-top:1px solid #f5f5f5;
		font-size:1em;
		padding:10px;
	}
	.box.simpleLine li.first {
		border-top: none;
	}
.box.noLine{}
	.box.noLine li {
		font-size:1em;
		padding:10px;
	}

	.box.noLine li a {
		color: #0f4777;
	}

	#content .sidebar .box h4 {
		font-size: 1.1em;
		font-weight: bold;
		color: #004664;
	}

	#content .sidebar .box p {
		font-size: 0.95em;
		color: #7b7b7b;
	}

	#content .sidebar .box .sidelink {
		clear: both;
	}
/* @end sidebar box */

/* @group blog-location */
.sidebar .blog-location ol li{
	line-height:20px;
	padding:0 10px;
}
/* @end box blog-location */

/* @group sidebar Directory */
.sidebar .box.directory ul li {
	float:left;
	height:16px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	overflow:hidden;
	width:80px;
	text-overflow: ellipsis-word;
	-o-text-overflow: ellipsis-word;
	-moz-binding: ellipsis-word;
}
.sidebar .box.directory {}
/* @end sidebar Directory */

/* @group sidebar editorials */
.sidebar .box.editorials ul li {
	float:left;
	height:16px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	overflow:hidden;
	width:80px;
	text-overflow: ellipsis-word;
	-o-text-overflow: ellipsis-word;
	-moz-binding: ellipsis-word;
}
/* @end sidebar editorials */

/* @group sidebar taglist */
.sidebar .box .bloc .tagslist {
	float:left;
	font-size:0.9em;
	width:92px;
	overflow: hidden;
	text-overflow: ellipsis-word;
	-o-text-overflow: ellipsis-word;
	-moz-binding: ellipsis-word;
}

.sidebar .box .bloc .tagslist li {
	height:1.4em;
	line-height:1.4em;
	overflow:hidden;
}

.sidebar .box .bloc .tagslist a {
	background:url("../img/new/portal2-3/body/sprite.png") no-repeat scroll -10px -168px transparent;
	color:#558295;
	padding-left:6px;
}

.sidebar .box.bloggersGeoloc ul li a{
	color: #004664;
}
/* @end sidebar taglist */


/* @group sidebar title only */
.sidebar .box.sbTitle h3,
.sidebar .box.sbTitle h3 a {
	color:#F49C22;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
/* @end sidebar title only */

/* @group topCommunities */
.sidebar .box.topCommunities ul li {
	border-bottom:1px solid #F5F5F5;
	height:40px;
	margin-bottom:10px;
	margin-left:4px;
	margin-right:4px;
	overflow:hidden;
	padding:2px;
	text-overflow: ellipsis-word;
	-o-text-overflow: ellipsis-word;
	-moz-binding: ellipsis-word;
}
.sidebar .box.topCommunities ul li:last-child {
	border-bottom: 0;
}
#content .sidebar .box.topCommunities p.number {
	background:url("../images/portal3/bg-top-blogs.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	height:28px;
	padding-top:4px;
	text-align:center;
	width:32px;
	float: left;
	margin-right: 5px;
}

/* @end topCommunities */

/* @group top-blog*/
.sidebar .top-blog ul li {
	height:20px;
	overflow:hidden;
	padding-bottom:5px;
	padding-top:5px;
	padding-left: 0;
	text-overflow: ellipsis-word;
	-o-text-overflow: ellipsis-word;
	-moz-binding: ellipsis-word;
}

#content .sidebar .top-blog ul li p.number {
	background:url("../images/portal3/bullet-top-blog.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:15px;
	line-height:12px;
	margin-right:5px;
	padding-top:5px;
	text-align:center;
	width:17px;
}

#content .sidebar .top-blog ul li h4 {
	padding-top:4px;
}
/* @end box top-blog */

/* @group sbTitle */
.sidebar .box.sbTitle .content {
	padding-top: 10px;
}
/* @end sbTitle */

/* @group videos  */
	.sidebar .box.video .content {
		height:203px;
		width:270px;
		positition: relative;
	}

	.sidebar .box.video .content img {
		position: absolute;
		left:15px;
		top:18px;
		z-index:1;
	}

	.sidebar .box.video .videoOverlay{
		background:url("../images/portal3/video-overlay.png") no-repeat scroll 0 0 transparent;
		display:block;
		height:203px;
		left:15px;
		position:absolute;
		top:18px;
		width:270px;
		z-index:2;
	}
/* @end  videos */

/* @groupe createCommunity */

.createCommunity {
	text-align: center;
}

/* @end createCommunity */

/* @group navExamples */
.sidebar .box.blogsExamples {}
.sidebar .box.blogsExamples .thumb {
	float:left;
}
.sidebar .box.blogsExamples .text {
	margin-left: 50px;
}
.sidebar .box.blogsExamples li{
	border-top:1px solid #EFEFEF;
	clear:both;
	margin-bottom:15px;
	padding-top:15px;
}

.sidebar .box.blogsExamples li.first{
	border-top: 0;
	padding-top:0;
}
/* @end navExamples */

/* @group sidebloc */
.sidebar .sidebloc .text {
	margin-left: 50px;
}
/* @end sidebloc */


/* @group FIX IE6 */
* html .sidebar .box .bloc .tagslist {
	float:none;
	width: 280px;
}
* html .sidebar .box .bloc .tagslist li {
	float: left;
	width: 90px;
}

* html .sidebar .box .bloc .tagslist a,
* html .sidebar .box.video .videoOverlay{
	background: none;
}
/* @end FIX IE6 */

#footer {
	clear: both;
	border-top: #f8f8f8;

	font-size:12px;
	font-family:Arial,Verdana,sans-serif;
	line-height:18px;
	
}

#footer .wrap {
	background-color: #f5f5f5;
	width: 960px;
	padding: 10px;
	margin: auto;
	position: relative;
}

#footer .col {
	float:left;
	margin-right:15px;
	width:180px;
}

#footer .col2 {
	width:160px;
}

#footer .col3 {
	width:120px;
}

#footer .col5 {
	width: 230px;
	float: left;
}

#footer h5 {
	color:#f6b04e;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:5px;
	padding:0 0 0 0;
	text-transform:uppercase;
}

#footer ul,
#footer li {
	list-style:none outside none;
	color: #7f7f7f;
}

#footer li a {
	color: #7f7f7f;
}

#footer .logo {
	font-size:11px;
	text-align:center;
}

#footer .logo .image {
	background:url("../images/portal3/sprite-logos.png") no-repeat scroll 0 -90px transparent;
	_background:url("../images/portal3/sprite-logos.gif") no-repeat scroll 0 -90px transparent;
	height:60px;
	margin:0 auto;
	width:154px;
}

#footer .logo p,
#footer .logo p a {
	color: #c4c4c4;
}

/* @group sidebar lang */
.langs {
	width: 230px;
	margin-top: 10px;
}

.langs ul {
	width: 80px;
	margin: auto;
}

.langs ul li,
.langs ul li a {
	float: left;
	width: 16px;
	height: 11px;
	margin-left: 2px;
	margin-right: 2px;
}

.langs ul li a {
	background:url("../images/portal3/sprite-flags.jpg") no-repeat scroll -16px 0 transparent;

}

.langs ul li.fr a {
	background-position: -16px -44px;
}
.langs ul li.en a {
	background-position: -16px 0;
}
.langs ul li.de a {
	background-position: -16px -22px;
}
.langs ul li.es a {
	background-position: -16px -32px;
}
.langs ul li.it a {
	background-position: -16px -11px;
}
.langs ul li.fr a:hover {
	background-position: 0 -44px;
}
.langs ul li.en a:hover {
	background-position: 0 0;
}
.langs ul li.de a:hover {
	background-position: 0 -22px;
}
.langs ul li.es a:hover {
	background-position: 0 -32px;
}
.langs ul li.it a:hover {
	background-position: 0 -11px;
}

.langs ul li span,
.langs span {
	display:none;
}
/* @end sidebar lang */


/* @end templating css */

/* @group Extra */
/* @group Interstitial */
.interstitialOB {
	display: none;
}

/* OB version */
.interstitialWrap .skipBar {
	background: #e3e3e3;
	background: -moz-linear-gradient(top, #e3e3e3 0%, #dedede 39%, #d8d8d8 61%, #d9d9d9 65%, #d5d5d5 74%, #d2d2d2 97%, #d5d5d5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(39%,#dedede), color-stop(61%,#d8d8d8), color-stop(65%,#d9d9d9), color-stop(74%,#d5d5d5), color-stop(97%,#d2d2d2), color-stop(100%,#d5d5d5));
	background: -webkit-linear-gradient(top, #e3e3e3 0%,#dedede 39%,#d8d8d8 61%,#d9d9d9 65%,#d5d5d5 74%,#d2d2d2 97%,#d5d5d5 100%);
	background: -o-linear-gradient(top, #e3e3e3 0%,#dedede 39%,#d8d8d8 61%,#d9d9d9 65%,#d5d5d5 74%,#d2d2d2 97%,#d5d5d5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#d5d5d5',GradientType=0 );
	background: linear-gradient(top, #e3e3e3 0%,#dedede 39%,#d8d8d8 61%,#d9d9d9 65%,#d5d5d5 74%,#d2d2d2 97%,#d5d5d5 100%);
	border-bottom: 1px solid #433011;
	height: 33px;
}
.interstitialWrap .skipBar .logo {
	background: url(http://fdata.over-blog.net/99/00/00/01/style/obbar/common/sprite.png) no-repeat scroll 0 -2px;
}

/* Erog version */
.XX .interstitialWrap .skipBar .logo {
	background: url(http://fdata.over-blog.net/99/00/00/02/style/obbar/common/sprite.png) no-repeat scroll 0 -2px;
}
/* @end Interstitial */

/* @group google thema on blogs */
.column_content .sky_thema .pub .ads_Sky {
	padding-left: 5px;
    padding-right: 5px;
}

.column_content .sky_links .pub .article.adsense {
	padding:0;
	padding-left: 5px;
	padding-right: 5px;
}

.column_content .sky_thema .pub .ads_Sky .box-titre,
.column_content .sky_links .pub .box-titre {
	display: none;
}

.column_content .sky_links .pub .article.adsense .divTitreArticle h2 {
	margin-bottom: 0;
	padding-bottom: 5px;
}

.column_content .sky_links .pub .article.adsense .contenuArticle .ggLine a {
	text-overflow: ellipsis-word;
	word-wrap: break-word;
	overflow: hidden;
    width: 150px;
}

.column_content .sky_links .pub .article.adsense .afterArticle {
	display: none;
}

/* @end google thema on blogs */

body.XX a,
body.XX a:hover,
body.XX .box h2,
body.XX .box h2 a,
body.XX .article-sample h3,
body.XX .article-sample h3 a,
body.XX .o,
body.XX .sidebar .box.langs span,
body.XX .sidebar .box.sbTitle h3,
body.XX .sidebar .box.sbTitle h3 a,
body.XX .staticPage h3,
body.XX .breadcrumb li {
	color: #ae1414;
}

body.XX #header .loginSubmit,
body.XX #header .navigation ul li.active a,
body.XX #header .navigation ul li a:hover,
body.XX .classic h3,
body.XX .article-sample span.mag,
body.XX .article-sample span.mag a,
body.XX .position,
body.XX .element.community .nb_blogs a,
body.XX #header .adminLinks a,
body.XX .topnav .tags li a:hover,
body.XX .topnav .tags .on a {
	color: #ee76ae !important;
}

body.XX #header .navigation ul li a {
	color: #989898 !important;
}

body.XX #global .magazines ul li,
body.XX #global .magazines ul li a,
body.XX .box .type,
body.XX .box .type span,
body.XX .box .type span a,
body.XX .box .type a,
body.XX .pagination .numbers a {
	color: #FFFFFF!important;
}

body.XX,
body.XX #header,
body.XX #header .wrap,
body.XX #global,
body.XX #content {
	background-color: transparent;
}

body.XX {
	background:url("../images/portal3/bg-header-erog.png") no-repeat scroll top center #161616;
}

/* @group header */
body.XX #header .wrap,
body.XX #global {
	border-right:2px solid #161616;
}

body.XX #header .logo {
	left: -20px;
}

body.XX #header .logo a {
	background:url("../images/portal3/sprite-logos-erog.png") no-repeat scroll 0 0 transparent;
	_background:url("../images/portal3/sprite-logos-erog.gif") no-repeat scroll 0 0 transparent;
}

body.XX #header .pitch {
	color:#AE1414;
	display:block;
	font-size:14px;
	left:135px;
	line-height:43px;
	position:absolute;
	top:58px;
}

body.XX #header .pitch a {
	display: block;
	position: absolute;
right: -100px;
top: 0px;
}

body.XX #header .navigation ul li.active a {
	border-bottom:2px solid #824562;
}

body.XX #header .login #loginTopLogin,
body.XX #header .login #loginTopPasswd,
body.XX #header .login #loginTopHack {
	padding: 2px;
}

body.XX #header #loginTop,
body.XX #header #logoutTop {
	border-bottom:2px solid #2A2A2A;
	color: #989898 !important;
}

/* @end header */

/* @group magazine */
body.XX #global .magazines,
body.XX #global .magazines ul,
body.XX #global .magazines ul li {
	background:url("../images/portal3/sprite-menu-erog.png") repeat-x scroll 0 0 transparent;
}

body.XX #global .magazines,
body.XX #global .magazines ul,
body.XX #global .magazines ul li {
	border-bottom:4px solid #8E1111;
}

body.XX #global .magazines ul li.separator {
	background-position:0 -45px;
	background-repeat:no-repeat;
}

body.XX #global .magazines ul li.active a,
body.XX #global .magazines ul li:hover a {
	background:url("../images/portal3/sprite-menu-arrow-erog.png") no-repeat scroll 50% 30px transparent;
	display:block;
	height:40px;
}
/* @end magazine */

/* @group Breadcrumbs */
body.XX .breadcrumb {
	background: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	width:952px;
	margin-bottom:0px;
	padding-bottom:5px;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
body.XX .breadcrumb li a {
	color: #575757;
	background:url("../images/portal3/breadcrumb-arrow-erog.png") no-repeat right 3px;
}
body.XX .pagination .numbers span {
	background-position: 0 -40px;
}
/* @end Breadcrumbs */

/* @group common */
body.XX .box {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

body.XX .box .type {
	background-color:#fe659f;
}

body.XX .box .type span {
	background-position: 0 -398px;
}

body.XX .box.mag-articles ul li {
	list-style:none outside none;
}

body.XX .article-sample span.mag a {
	color: #ab9672!important;
}
/* @end common */

/* @group sidebar */
body.XX .sidebar .box.langs ul {
	width: 40px;
}

body.XX #content .sidebar .top-blog ul li p.number {
	background-position: 0 -20px;
}
/* @end sidebar */

/* @group blogs */
body.XX .box.topBlogs .topblog ul li p.number {
	background-position: 0 -32px;
}
/* @end groups */

/* @group footer */
body.XX #footer {
	border : 0;
}
body.XX #footer .wrap {
	background:none;
}
body.XX #footer h5 {
	color: #ae1414;
	border-bottom: 2px solid #2d2d2d;
}

body.XX #footer .logo .image {
	background:url("../images/portal3/sprite-logos-erog.png") no-repeat scroll 0 -93px transparent;
	_background:url("../images/portal3/sprite-logos-erog.gif") no-repeat scroll 0 -93px transparent;
}
/* @end footer */

/* @group carousel */
body.XX .box.top-article .content ul.controls li {
	background-image:url("../images/portal3/sprite-controls-erog.png");
}

body.XX .box.top-article .content ul.controls li.total {
	color: #525980;
}
/* @end carousel */

/* @group search */
body.XX .box.search .content form.search {
	border-color: #808080;
}

body.XX .box.search .content form.search .searchSubmit {
	background-position: 0 -26px;
}
/* @end search */

body.XX #content .sidebar .box.topCommunities p.number {
	background-position: 0 -32px;
}

/* @group forum */
body.XX .loginForum .logo {
	background:url("../images/portal3/sprite-logos-erog.png") no-repeat scroll 0 -150px transparent;
}
body.XX .loginForum .signup a {
	color: #AE1414
}
/* @end forum */


/* @group Fix IE 6 */
* html body.XX #global .magazines ul,
* html body.XX #global .magazines ul li {
	border-bottom:none;
}
/* @end Fix IE 6 */

/* @end Extra */


@media print {
	/* @group templating css */

	/* @end templating css */
}


















