/* @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-right: 85px;
		margin-left: 85px;
	}

.pager .pagerLink, .pager .pagerCurrent {
    background: none repeat scroll 0 0 #3FA2E8;
    color: #FFFFFF;
    font-size: 12px;
    height: auto;
    padding: 5px;
    vertical-align: middle;
    width: auto;
}

	.pager .pagerLink {
	 background: none repeat scroll 0 0 #2A8BB8;
	}
	
	.pager .pagerLinkNextPage {
		float: left;
		text-align: left;
	}

	.pager .pagerLinkPrevPage {
		float: right;
	}
	
	.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;
		right: 0;
		padding: 0 20px 0 0;
		color: #f49a1d;
		font-size: 1.4em;
		background: url('//3abber.com/styles/images2/portal2-3/body/prev.png') no-repeat center right;
	}
	.pagination_simple .next {
		right: auto;
		left: 0;
		padding: 0 0 0 20px;
		text-align: left;
		background: url('//3abber.com/styles/images2/portal2-3/body/next.png') no-repeat center left;
	}
	.pagination_simple .prev span,
	.pagination_simple .next span {
		display: block;
		text-transform: uppercase;
		color: #558295;
		font-family: tahoma, 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("//3abber.com/styles/images2/portal2-3/body/alpha.png") repeat-x scroll right 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("//3abber.com/styles/images2/portal2-3/body/sprite.png") repeat scroll 0 0 transparent;
	height:23px;
	position:absolute;
	top:0;
	width:6px;
}
.alphaleft {
	background-position:-30px -500px;
	right:-5px;
}
.alpharight {
	background-position:-40px -500px;
	left:-5px;
}
.alpha a {
	cursor:pointer;
	padding:2px 1px 1px;
}
.alpha em {
	color:#AAAAAA;
	font-style:normal;
}
.alpha p {
	position:absolute;
	left:0;
	text-align:left;
	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-left: 2px;
	margin-right: 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: left;
		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: right;
	}
	.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: right;
		line-height: 20px;
		padding: 0;
		padding-left: 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: right;
	}
	.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-right: 36%;
		border: none;
	}
	.ob_form .buttons {
		float: left;
	}
	.ob_form .buttons input {
		width: auto;
	}
	.ob_form .buttons ul li {
		float: left;
		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 0 0 3px;
		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: right;
		/*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: tahoma, 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: left;
		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: right;
	}
	.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: right;
		line-height: 20px;
		padding: 0;
		padding-left: 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: right;
	}
	.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('//3abber.com/styles/images2/admin/body/input_bg.png') repeat-x right 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-right: 36%;
		border: none;
	}
	.ob_form_pretty .buttons {
		float: left;
	}
	.ob_form_pretty .buttons input {
		width: auto;
		background: transparent;
	}
	.ob_form_pretty .buttons ul li {
		float: left;
		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 0 0 3px;
		line-height: 100%;
	}

	.ob_form_pretty.light .fields input,
	.ob_form_pretty.light .fields select,
	.ob_form_pretty.light .fields textarea {
		margin-left: 0.25em;
		float: left;
	}
	.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: right;
		/*padding: 0;
		margin: 0;*/
		display: inline;
	}
	.ob_form_pretty .errors {
		border: 1px solid red;
		color: red;
	}
/* @end pretty */

/* help class */
div.help {
	background:url("//3abber.com/styles/images2/admin/body/form_icon_i.gif") no-repeat scroll 0 0 white;
	color:#3A7AFE;
	display:block;
	float:left;
	font-size:10px;
	margin:0 10px 0 0;
	min-height: 18px;
	padding-right: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: right;
	}
	table.ob_table thead th .sorting {
		position: absolute;
		top: -7px;
		left: 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-left: 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: left;
	}

	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 45px 5px 5px;
		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-right: 2em !important;
	}
	.notification a {
		color: #fff;
		text-decoration: underline;
	}
	.notification .close {
		position: absolute;
		top: 5px;
		left: 5px !important;
		right: auto !important;
		right: 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('//3abber.com/styles/images2/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('//3abber.com/styles/images2/base/body/notification_error.jpg') no-repeat 5px 5px;
		min-height: 32px;
	}

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

	.notification_info {
		border: 1px solid #49718A;
		background: #56849F url('//3abber.com/styles/images2/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('//3abber.com/styles/images2/base/body/notification_ok.jpg') no-repeat 5px 5px;
		min-height: 32px;
	}

	.notification_promopda {
		background: #4072cc url('//3abber.com/styles/images2/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 8px 0 0;
	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 left 0;
}
.ob-button:hover .first-child,
.ob-button.hover .first-child {
	background-position: left -27px;
}
.ob-button:active .first-child,
.ob-button.active .first-child {
	background-position: left -54px;
}
.ob-button.thin .first-child,
.ob-button.thin .first-child {
	background-position: left -81px;
}
.ob-button.thin:hover .first-child,
.ob-button.thin.hover .first-child {
	background-position: left -97px;
}
.ob-button.thin:active .first-child,
.ob-button.thin.active .first-child {
	background-position: left -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 0 0 8px ! 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('images2/albums/common/buttons_l.png');
}
.ob-button.orange {
	background-image: url('//3abber.com/styles/images2/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('images2/albums/common/buttons_r.png');
}
.ob-button.orange .first-child {
	background-image: url('//3abber.com/styles/images2/base/body/ob-button-sprite-r.png');
	background-position: left -81px;
}
.ob-button.orange:hover .first-child,
.ob-button.orange.hover .first-child {
	background-position: left -108px;
}
.ob-button.orange:active .first-child,
.ob-button.orange.active .first-child {
	background-position: left -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("//3abber.com/styles/images2/base/body/ob-button-sprite-r.png") right -615px no-repeat transparent;
		_background-image: url('//3abber.com/styles/images2/portal2-3/body/btn01.gif');
		color: #FFFFFF!important;
		cursor: pointer;
		float: left;
		font-size: 10px;
		font-weight: bold;
		height: 20px;
		line-height: 20px;
		padding-right: 4px;
		position: relative;
		left: 5px;
		text-transform: uppercase;
	}

	.btn a:hover {
		color: #EEEEEE!important;
		text-decoration: none;
	}
	.btn a span {
		background:url("//3abber.com/styles/images2/base/body/ob-button-sprite-r.png") scroll left -615px no-repeat transparent;
		_background-image: url('//3abber.com/styles/images2/portal2-3/body/btn01.gif');
		float: right;
		right: 5px;
		height: 20px;
		padding-left: 10px;
		position: relative;
	}
	.btn02 {
		height: 34px;
	}
	.btn02 a {
		background: url('//3abber.com/styles/images2/portal2-3/body/btn02.png') top right no-repeat;
		_background-image: url('//3abber.com/styles/images2/portal2-3/body/btn02.gif');
		color: #558295;
		cursor: pointer;
		float: left;
		font-size: 10px;
		font-weight: bold;
		height: 34px;
		line-height: 10px;
		padding-right: 5px;
		position: relative;
		left: 5px;
		text-transform: uppercase;
	}
	.btn02 a:hover {
		color: #f49a1d;
	}
	.btn02 a span {
		background: url('//3abber.com/styles/images2/portal2-3/body/btn02.png') top left no-repeat;
		_background-image: url('//3abber.com/styles/images2/portal2-3/body/btn02.gif');
		float: right;
		height: 27px;
		right: 5px;
		padding: 7px 0 0 30px;
		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('//3abber.com/styles/images2/base/body/ob-button-sprite-l.png') no-repeat;
				margin: .25em .25em;
				padding: 0 8px 0 0;
				cursor: pointer;
				vertical-align: middle;
			}
			.ob-button:hover,
			.ob-button.hover,
			.yui-button:hover {
				background-position: 100% -27px;
			}
			.ob-button:active,
			.ob-button.active,
			.yui-button:active {
				background-position: 100% -54px;
			}
			.ob-button.orange,
			.yui-button.default {
				background-position: 100% -81px;
			}
			.ob-button.orange:hover,
			.ob-button.orange.hover,
			.yui-button.default:hover {
				background-position: 100% -108px;
			}
			.ob-button.orange:active,
			.ob-button.orange.active,
			.yui-button.default:active {
				background-position: 100% -135px;
			}
			.ob-button.blue {
				background-position: 100% -162px;
			}
			.ob-button.blue:hover,
			.ob-button.blue.hover {
				background-position: 100% -189px;
			}
			.ob-button.blue:active,
			.ob-button.blue.active {
				background-position: 100% -216px;
			}
			.ob-button.orange.thin {
				background-position: 100% -243px;
				padding-right: 4px;
			}
			.ob-button.orange.thin:hover {
				background-position: 100% -259px;
			}
			.ob-button.orange.thin:active {
				background-position: 100% -275px;
			}
			.ob-button.orange.big {
				background-position: 100% -291px;
				padding-right: 4px;
			}
			.ob-button.orange.big:hover {
				background-position: 100% -332px;
			}
			.ob-button.orange.big:active {
				background-position: 100% -373px;
			}
			.ob-button.portail {
				background-position: 100% -415px;
				padding-right: 4px;
			}
			.ob-button.portail:hover {
				background-position: 100% -415px;
			}
			.ob-button.portail:active {
				background-position: 100% -415px;
			}
			.ob-button.portail.thin {
				background-position: 100% -441px;
				padding-right: 4px;
			}
			.ob-button.portail.thin:hover {
				background-position: 100% -441px;
			}
			.ob-button.portail.thin:active {
				background-position: 100% -441px;
			}
			.ob-button.portail.big {
				background-position: 100% -463px;
				padding-right: 4px;
			}
			.ob-button.portail.big:hover {
				background-position: 100% -463px;
			}
			.ob-button.portail.big:active {
				background-position: 100% -463px;
			}
			.ob-button.portail.gray {
				background-position: 100% -502px;
				padding-right: 4px;
			}
			.ob-button.portail.gray:hover {
				background-position: 100% -502px;
			}
			.ob-button.portail.gray:active {
				background-position: 100% -502px;
			}
			.ob-button.portail.gray.thin {
				background-position: 100% -529px;
				padding-right: 4px;
			}
			.ob-button.portail.gray.thin:hover {
				background-position: 100% -529px;
			}
			.ob-button.portail.gray.thin:active {
				background-position: 100% -529px;
			}
			.ob-button.disabled,
			.ob-button.disabled:hover,
			.ob-button.disabled:active {
				background-position: 100% 0;
				cursor: not-allowed ! important;
			}
			.ob-button .first-child,
			.yui-button .first-child {
				display: block;
				*display: inline-block;
				background:transparent url('//3abber.com/styles/images2/base/body/ob-button-sprite-r.png') repeat-x left 0;
			}
			.ob-button:hover .first-child,
			.ob-button.hover .first-child,
			.yui-button:hover .first-child {
				background-position: left -27px;
			}
			.ob-button:active .first-child,
			.ob-button.active .first-child,
			.yui-button:active .first-child {
				background-position: left -54px;
			}
			.ob-button.orange .first-child,
			.yui-button.default .first-child {
				background-position: left -81px;
			}
			.ob-button.orange:hover .first-child,
			.ob-button.orange.hover .first-child,
			.yui-button:hover.default .first-child {
				background-position: left -108px;
			}
			.ob-button.orange:active .first-child,
			.ob-button.orange.active .first-child,
			.yui-button:active.default .first-child {
				background-position: left -135px;
			}
			.ob-button.blue .first-child {
				background-position: left -162px;
			}
			.ob-button.blue:hover .first-child,
			.ob-button.blue.hover .first-child {
				background-position: left -189px;
			}
			.ob-button.blue:active .first-child,
			.ob-button.blue.active .first-child {
				background-position: left -216px;
			}
			.ob-button.orange.thin .first-child {
				background-position: left -243px;
			}
			.ob-button.orange.thin:hover .first-child {
				background-position: left -259px;
			}
			.ob-button.orange.thin:active .first-child {
				background-position: left -275px;
			}
			.ob-button.orange.big .first-child {
				background-position: left -291px;
			}
			.ob-button.orange.big:hover .first-child {
				background-position: left -332px;
			}
			.ob-button.orange.big:active .first-child {
				background-position: left -373px;
			}
			.ob-button.portail .first-child {
				background-position: left -415px;
			}
			.ob-button.portail:hover .first-child {
				background-position: left -415px;
			}
			.ob-button.portail:active .first-child {
				background-position: left -415px;
			}
			.ob-button.portail.thin .first-child {
				background-position: left -441px;
			}
			.ob-button.portail.thin:hover .first-child {
				background-position: left -441px;
			}
			.ob-button.portail.thin:active .first-child {
				background-position: left -441px;
			}
			.ob-button.portail.big .first-child {
				background-position: left -463px;
			}
			.ob-button.portail.big:hover .first-child {
				background-position: left -463px;
			}
			.ob-button.portail.big:active .first-child {
				background-position: left -463px;
			}
			.ob-button.portail.gray .first-child {
				background-position: left -502px;
			}
			.ob-button.portail.gray:hover .first-child {
				background-position: left -502px;
			}
			.ob-button.portail.gray:active .first-child {
				background-position: left -502px;
			}
			.ob-button.portail.gray.thin .first-child {
				background-position: left -529px;
			}
			.ob-button.portail.gray.thin:hover .first-child {
				background-position: left -529px;
			}
			.ob-button.portail.gray.thin:active .first-child {
				background-position: left -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: left 0;
			}
			.ob-button .restricted {
				display: block;
				*display: inline-block;
				*position: relative;
				padding-right: 10px;
				background: transparent url('//3abber.com/styles/images2/admin/body/cadenas_piti.png') no-repeat right 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 0 0 8px ! 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-left: 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-left: 15px;
				margin-right: 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-left: 15px;
				margin-right: 15px;
				font-weight: bold;
				color: white ! important;
				font-family: tahoma, 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 0 0 4px ! 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-left: 15px;
				margin-right: 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:100% -551px;
		padding-right: 8px;
	}
	#header .signup .ob-button.portail .first-child {
		background-position: left -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-right: 8px;
	}

	.createCommunity .ob-button.community .first-child {
		background-position: left -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:
//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:right;}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: tahoma,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: tahoma, 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: right !important;
}
.right {
	text-align: left !important;
}
.justify {
	text-align: justify !important;
}

fieldset,
img {
	border:0 none;
}

input.text {
	background:url("//3abber.com/styles/images2/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: tahoma,Arial,Verdana,sans-serif;
}

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

/* @group notif */
div.notif {
	margin-bottom:10px;
	margin-top:10px;
	padding:30px 100px 25px 10px;
}
div.notif.ok {
	border: 2px solid #abff58;
	background: url("images2/notif-ok.gif") no-repeat scroll -20px -10px #d4ffaa;
}
div.notif.warning {
	border: 2px solid #ffb658;
	background: url("images2/notif-warning.gif") no-repeat scroll -20px -10px #ffdaaa;
}
div.notif.error {
	border: 2px solid #ff916a;
	background: url("images2/notif-error.gif") no-repeat scroll -20px -10px #ffc0aa;
}
div.notif.info {
	border: 2px solid #73b8ff;
	background: url("images2/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: 982px;
	margin: auto;
	position: relative;
	background:none repeat scroll 0 0 #FFFFFF;
	border-left:2px solid #FFFFFF;
}

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

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


#content {
    background-color: #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 1px;
    width: 100%;
}

/* @group box */
.box {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #ccc;
	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-right: 10px;
	margin-left: 10px;
}

.box .type
{
	display: block;
	position: absolute;
	top: -12px;
	right: 10px;
	background-color: #F49C22;
	padding:4px 7px;
	padding-bottom: 5px;
	z-index: 5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	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("//3abber.com/styles/images2/portal3/sprite-box-arrow.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:8px;
	position:absolute;
	right: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: 13px;
/*	text-align: justify;*/
}

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

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

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


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

.main.singleCol {
	width: 100%;
}

.sidebar {
	width: 310px;
	float: right;
}
/* @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;
	left:0;
	text-transform:uppercase;
	top:0;
	vertical-align:middle;
	z-index:10;
	padding-right: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;
	font-family: arial,times New Roman;
}

.article-sample h3,
.article-sample h3 a {
	color: #004664;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	text-decoration: none;
}

.article-sample span.illustration{
	float: right;
	margin-left: 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: 23px;
	text-align: right;
}
.box .article-sample p.author{
	color: #7b7b7b;
	font-size: 0.9em;
}
.article-sample p.author span.avatar{
	margin-right: 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: right;
	margin-left: 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: right;
}
.element-list .element .info .date {
	display:inline;
	margin-right: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("//3abber.com/styles/images2/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("//3abber.com/styles/images2/portal3/zoom.png") no-repeat scroll 100% 0 transparent;
	border:0 none;
	color:#838383;
	font-size:1.12em;
	height:29px;
	padding-right:28px;
	margin-right:5px;
	margin-top:2px;
	vertical-align:middle;
}

.search .content form.search .searchSubmit {
	background:url("//3abber.com/styles/images2/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-right:0;
	padding-left:0;
	position:absolute;
	left: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: right;
		line-height: 20px;
		height: 20px;
		width: 120px;
		_width: 106px;
		overflow: hidden;
	}

	.topnav .tags li a {
		color: #004664;
		padding-right: 8px;
		background: url('//3abber.com/styles/images2/portal2-3/body/sprite.png') -10px -167px no-repeat;
		_background-image: url('//3abber.com/styles/images2/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: tahoma,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-family: arial;
    font-size: 24px;
    font-weight: bold;
    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 20px 10px 0;
	}
	h2.bigtitle {
		font-size: 2em;
	}
	.element .title {
		margin-bottom: 5px;
		line-height: 25px;
		color: #004664;
		padding-right: 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;
		right: -8px;
		width: 28px;
		height: 28px;
		background: url('//3abber.com/styles/images2/portal2-3/body/stars.png') no-repeat 0 0;
		_background-image: url('//3abber.com/styles/images2/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: right;
	margin-left: 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('//3abber.com/styles/images2/portal2-3/body/sprite.png') 0px -50px no-repeat !important;
			_background-image: url('//3abber.com/styles/images2/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('//3abber.com/styles/images2/portal2-3/body/sprite.png') 0px -50px no-repeat !important;
			_background-image: url('//3abber.com/styles/images2/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: left;
			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: right;
		}
		.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: right;
			line-height: 20px;
			padding: 0;
			padding-left: 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: right;
		}
		.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-right: 36%;
			border: none;
		}
		.ob_form .buttons {
			float: left;
		}
		.ob_form .buttons input {
			width: auto;
		}
		.ob_form .buttons ul li {
			float: left;
			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 0 0 3px;
			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-right: 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: left;
			padding-left: 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 10px 0 0;
			font-size: 10px;
			vertical-align: top;
			padding-right: 10px;
			color: #3A7AFE;
			background: white url('//3abber.com/styles/images2/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: right;
			display: table-row;
		}
		.ob_form_extended .ok {
			color: #343434;
		}
		.ob_form_extended tbody tr.ok td.help {
			color: #84CB08;
			background: white url('//3abber.com/styles/images2/admin/body/form_icon_ok.gif') no-repeat;
		}
		.ob_form_extended tbody tr.error td.help {
			color: #FB2108;
			background: white url('//3abber.com/styles/images2/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('images2/20-wait-white.gif') no-repeat;
		}
		.ob_form_extended td.help {
			color: #3A7AFE;
		}
		.ob_form_extended td.help img {
			float: right;
			margin: 0 5px;
		}
		.ob_form_extended td.help p {
			padding: 2px 10px 0 0;
			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:right;
	margin:3px;
}
.DrteTexte {
	float:left;
	margin:3px;
}
.CtreTexte {
	clear:both;
	display:block;
	margin:3px auto;
}
/* @end text alignment */

/* @group sidebar taglist */
.tagList ul {
	float:right;
	width:49%;
}
.tagList ul li {
	padding-right:5em;
}
.tagList ul li a {
	background:url("//3abber.com/styles/images2/portal2-3/body/sprite.png") no-repeat scroll -10px -167px transparent;
	font-size:13px;
	font-weight:bolder;
	height:23px;
	line-height:23px;
	padding-right:7px;
}
.headlinesPanel {
	background:url("//3abber.com/styles/images2/portal2-3/body/headline_shadow.png") repeat-x scroll right 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: left;
}
/* @end form signin */

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

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

.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 {
	left:25px;
	top: 6px;
}

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

* html .box.directory .content ul,
* html .box.last-articles ul {
	padding-right: 0px;
	margin-right: 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-right:4px;
	margin-left: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;
	right: 0px;
	top: 10px;
}
#header .logo a {
	
	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;
	left:-2px;
	top:8px;
}

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

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

#header .login label {
	display: inline;
	color: #989898;
	text-transform: uppercase;
	margin-left: 5px;
}
#header .login p {
	position:absolute;
	left: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;
	left: 0px;
	font-size: 12px;
	font-weight: bold;
}
#header .navigation ul {
	float: right;
	height:30px;
	padding-top:8px;
}
#header .navigation ul li {
	float:right;
	list-style:none outside none;
	margin-right:10px;
	margin-left: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;
		right: -98px;
		height: 0;
	}
	#header .navigation ul li .menu .ctn {

		background: url('//3abber.com/styles/images2/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 0px 18px 5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 0px 18px 5px 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: right;
		height: 20px;
		line-height: 20px;
		width: 105px;
		overflow: hidden;
	}
	#header .navigation ul li .menu ul li a {
		color: #558295;
		font-weight: bolder;
		padding-right: 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: right;
	margin-right: 10px;
}

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

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

#global .magazines ul li.separator {
	background-position: 100% -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("//3abber.com/styles/images2/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("//3abber.com/styles/images2/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("//3abber.com/styles/images2/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-right: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-right: 0.5em;
	}

	.breadcrumb li a {
		color: #575757;
		font-weight: normal;
		padding-left: 1em;
		background:url("//3abber.com/styles/images2/portal3/breadcrumb-arrow.png") no-repeat scroll left 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{
	right:0;
	position:absolute;
	top:0;
	z-index:1;

}

.sponsoredLinksContainer {
	clear:both;
	position:relative;
	padding-right: 10px;
	padding-left: 10px;
}
.sponsoredLinksContainer .sponsoredLinksInfo {
	color:#CCCCCC;
	font-size:10px;
	position:absolute;
	left: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 {
		
	}

	.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: right;
	padding-bottom: 10px;
}

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

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

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

#div-gpt-ad-billboard {
	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:right;
	height:16px;
	margin-bottom:5px;
	margin-right:5px;
	margin-left: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:right;
	height:16px;
	margin-bottom:5px;
	margin-right:5px;
	margin-left: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:right;
	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("//3abber.com/styles/images2/portal2-3/body/sprite.png") no-repeat scroll -10px -168px transparent;
	color:#558295;
	padding-right: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-right:4px;
	margin-left: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("//3abber.com/styles/images2/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: right;
	margin-left: 5px;
}

/* @end topCommunities */

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

#content .sidebar .top-blog ul li p.number {
	background:url("//3abber.com/styles/images2/portal3/bullet-top-blog.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:15px;
	line-height:12px;
	margin-left: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;
		right:15px;
		top:18px;
		z-index:1;
	}

	.sidebar .box.video .videoOverlay{
		background:url("//3abber.com/styles/images2/portal3/video-overlay.png") no-repeat scroll 0 0 transparent;
		display:block;
		height:203px;
		right: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:right;
}
.sidebar .box.blogsExamples .text {
	margin-right: 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-right: 50px;
}
/* @end sidebloc */


/* @group FIX IE6 */
* html .sidebar .box .bloc .tagslist {
	float:none;
	width: 280px;
}
* html .sidebar .box .bloc .tagslist li {
	float: right;
	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: tahoma,Arial,Verdana,sans-serif;
	line-height:18px;
	
}

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

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

#footer .col2 {
	width:160px;
}

#footer .col3 {
	width:120px;
}

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

#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 {
	
	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: right;
	width: 16px;
	height: 11px;
	margin-right: 2px;
	margin-left: 2px;
}

.langs ul li a {
	background:url("//3abber.com/styles/images2/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, right top, right 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(//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(//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-right: 5px;
    padding-left: 5px;
}

.column_content .sky_links .pub .article.adsense {
	padding:0;
	padding-right: 5px;
	padding-left: 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("//3abber.com/styles/images2/portal3/bg-header-erog.png") no-repeat scroll top center #161616;
}

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

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

body.XX #header .logo a {
	
}

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

body.XX #header .pitch a {
	display: block;
	position: absolute;
left: -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("//3abber.com/styles/images2/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("//3abber.com/styles/images2/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-right:auto;
	margin-left: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("//3abber.com/styles/images2/portal3/breadcrumb-arrow-erog.png") no-repeat left 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("//3abber.com/styles/images2/portal3/sprite-logos-erog.png") no-repeat scroll 0 -93px transparent;
	_background:url("//3abber.com/styles/images2/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("//3abber.com/styles/images2/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("//3abber.com/styles/images2/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;
}
   .main .home .line-1 {clear:right;} .main .home .line-2 {clear:right;} .main .home .line-2 .box{ width : 313px; float: right; margin-bottom: 20px; } .main .home .line-3 {clear:right;} .main .home .line-4 {clear:right;} .main .home .line-5 {clear:right;} .main .home .line-6 {clear:right;} /* @end line */ .box.top-article .content ul li, .box.directory .content ul li, .box.tag-cloud .content ul li, .box.mag-articles .content ul li, .box.last-articles .content ul li{ list-style: none; }   .box.edito .content h2, .box.blog-vip .content h2{ color:#004664; font-weight:bold; height:22px; margin-bottom:15px; overflow:hidden; } /* @end edito / blog vip */   .box.tag-cloud ul { font-size:10px; text-align:justify; } .box.tag-cloud li { display:inline; } .box.tag-cloud a.size0 { font-size:1em; } .box.tag-cloud a.size1 { font-size:1.4em; } .box.tag-cloud a.size2 { font-size:1.7em; } .box.tag-cloud a.size3 { font-size:2em; } .box.tag-cloud a.size4 { font-size:2.2em; } .box.tag-cloud a.size5 { font-size:2.5em; } .box.tag-cloud a { margin:3px; } /* @end box tag cloud */   .box.mag-articles .content { padding-top: 5px; } .box.mag-articles ul li.first{ border: 0; padding-top: 0; } /* @end box mag-articles */   .box.last-articles .content ul { padding-right: 10px; } .box.last-articles ul li{ float:right; height:20px; line-height:20px; padding-bottom:5px; width:300px; overflow: hidden; text-overflow: ellipsis-word; -o-text-overflow: ellipsis-word; -moz-binding: ellipsis-word; } /* @end box last articles */   * html .box.last-articles ul li{ float:right; display: block; height:auto; line-height:auto; padding-bottom:0; width:300px; overflow: auto; } * html .line-2, * html .line-3, * html .line-4, * html .line-5, * html .line-6 { width: 670px; } * html .main .home .line-2 .box{ width: 300px; } * html .main .home .line-2 .edito { float: right; margin-right: 6px; } * html .main .home .line-2 .blog-vip { float: left; margin-left: 6px; } * html .directory .content ul li { float:right; line-height:20px; width:54px; } * html .box.top-article .content ul.controls { position: relative; bottom: 0; margin-right:360px; height: 35px; top: 0px; z-index: 100; border-top:1px solid #F5F5F5; padding-top:5px; margin-top: -40px; margin-bottom: -10px; } * html .box.top-article .content ul.controls li { float:right; font-size:0px; text-indent:-100px; margin-top: 5px; } * html .box.top-article .content ul.controls li.counter { float: right; width: 100px; } /* @end fix IE 6 */ 
  .box.top-article .content { padding:20px 10px 10px; position: relative; } .box.top-article .content ul.news-articles{ height:224px; overflow:hidden; position:relative; width:628px; } .box.top-article .content ul.news-articles li { position: absolute; display: none; } .box.top-article .content ul.news-articles li.active { display: block; }
  .box.top-article .content h2 {
   font-size: 20px; font-family: arial,times New Roman; margin-bottom:0px;  }
	.box.top-article .content ul.news-articles p{ height:auto; line-height:20px; margin-top:0; text-overflow: ellipsis-word; -o-text-overflow: ellipsis-word; -moz-binding: ellipsis-word; text-align: right; } .box.top-article .content span.illustration { display:block; float:right; margin-left:10px; } .box.top-article .content .news-articles .article { float:right; width:266px; } .box.top-article .content ul.controls { border-top:1px solid #F5F5F5; bottom:2px; margin-right:360px; margin-top:5px; padding-top:5px; position:absolute; } .box.top-article .content ul.controls li { text-indent: -9999px; font-size: 0px; width: 29px; height: 28px; background:url("//3abber.com/styles/images2/portal3/sprite-controls.png") no-repeat scroll 0 0 transparent; float: right; margin-right: 5px; margin-left: 5px; cursor: pointer; } .box.top-article .content ul.controls li.previous { background-position: 0 -84px; } .box.top-article .content ul.controls li.pause { background-position: 0 -28px; } .box.top-article .content ul.controls li.play { background-position: 0 -56px; } .box.top-article .content ul.controls li.pause.hide, .box.top-article .content ul.controls li.play.hide { display: none; } .box.top-article .content ul.controls li.next { background-position: 0 0px; } .box.top-article .content ul.controls li.counter { background:none repeat scroll 0 0 transparent!important; color:#5F93AC; font-size:12px; padding-top:7px; text-indent:0; width:140px; cursor: auto; } /* @end top-article */

.static {
    
}

.staticPage p, .staticPage ul {
     margin-bottom: 15px;
}

.staticPage ul li {
     list-style: none outside none;
}

.staticPage h3 {
     border-bottom: 0pt none;
     color: #004664;
     font-size: 24px;
     font-weight: normal;
}

.staticPage .content p {
     font-size: 13px;
     margin-top: 10px;
}

.staticPage h4 {
     border: 0pt none ! important;
     color: #2B637B ! important;
     font-size: 24px ! important;
     font-style: normal;
     font-weight: normal ! important;
     line-height: 25px ! important;
     margin: 0pt 0pt 10px ! important;
     padding: 0pt ! important;
}

.staticPage h5 {
     background: url("images2/portal2-3/body/sprite.png") no-repeat scroll -10px -165px transparent;
     color: #2B637B;
     font-size: 14px;
     font-weight: normal;
     padding-right: 13px;
     text-transform: none;
}

.staticPage .ob_form fieldset.buttons {
     margin: 0pt -20px -15px -10px;
}

.partners .leftCol, .partners .rightCol {
     float: right;
     width: 49%;
}

.partners .first img, .partners .leftCol img, .partners .rightCol img {
     float: right;
     margin-left: 10px;
}

.partners li {
     background: url("images2/portal2-3/body/sprite.png") no-repeat scroll -10px -167px transparent;
     margin-right: 100px;
     padding-right: 7px;
}

.partners .leftCol dt, .partners .rightCol dt {
     border: 0pt none ! important;
     color: #2B637B ! important;
     font-size: 24px ! important;
     font-style: normal;
     font-weight: normal ! important;
     line-height: 25px ! important;
     margin: 0pt 0pt 10px ! important;
     padding: 20px 10px 0pt;
}

.partners .leftCol dd, .partners .rightCol dd {
     min-height: 90px;
     padding: 0pt 10px;
}

.classic, .pda, .premium {
     padding: 10px;
}

.classic ul, .pda ul, .premium ul {
     margin-right: 15px;
}

.classic ul li, .pda ul li, .premium ul.marged li {
     height: 16px;
     margin-top: 0px;
     padding-right: 27px;
     padding-top: 15px;
}

.staticPage ul li.e1 {
     background: url("images2/promo/l1.png") no-repeat scroll 0pt 2px transparent;
}

.staticPage ul li.e2 {
     background: url("images2/promo/l2.png") no-repeat scroll 0pt 2px transparent;
}

.staticPage ul li.e3 {
     background: url("images2/promo/l3.png") no-repeat scroll 0pt 2px transparent;
}

.staticPage ul li.e4 {
     background: url("images2/promo/l4.png") no-repeat scroll 0pt 2px transparent;
}

.staticPage ul li.e5 {
     background: url("images2/promo/l5.png") no-repeat scroll 0pt 2px transparent;
}

.classic .strong {
     font-weight: bold;
}

.classic h3 {
     background: url("images2/promo/offre_blog.png") no-repeat scroll 0pt 2px transparent;
     color: #F49C22;
     height: 98px;
     right: -25px;
     padding-left: 30px ! important;
     padding-top: 43px;
     position: relative;
     text-align: left;
     top: -36px;
     width: 613px;
}

.classic h3 em {
     color: #FFFFFF;
}

.pda h3 {
     background: url("images2/promo/offre_auteur.png") no-repeat scroll 0pt 2px transparent;
     color: #FFFFFF;
     height: 122px;
     right: -15px;
     padding-left: 15px;
     padding-top: 17px;
     position: relative;
     text-align: left;
     top: -25px;
     width: 623px;
}

.premium h3 {
     background: url("images2/promo/pack_premium.png") no-repeat scroll 0pt 2px transparent;
     color: #FFFFFF;
     height: 122px;
     right: -15px;
     padding-left: 15px;
     padding-top: 17px;
     position: relative;
     text-align: left;
     top: -25px;
     width: 623px;
}

.classic h3 em, .pda h3 em, .premium h3 em {
     font-size: 20px;
}

.classic p, .classic ul, .classic ol, .premium p, .premium ul, .premium ol, .pda p, .pda ul, .pda ol {
     margin-bottom: 15px;
}

#error .signature {
     font-style: italic;
     margin-top: 10px;
}
.message p.error {
     background-color: #B5393A;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #B80103;
     color: #FFFFFF;
     display: block;
     margin: 0pt;
     padding: 7px;
}

.loginForm .form .error {
     background-color: #B5393A;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #B80103;
     color: #FFFFFF;
     display: block;
     margin: 0pt;
     padding: 5px 10px;
}



.loginForm .form .important {
     background-color: #F9DA70;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #E5B719;
     display: block;
     margin: 0pt;
     padding: 5px 10px;
}

.message p.info {
     background-color: #BEDEEB;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #8CB2C2;
     display: block;
     margin: 0pt;
     padding: 7px;
}
.loginForm .form .info {
     background-color: #BEDEEB;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #8CB2C2;
     display: block;
     margin: 0pt;
     padding: 5px 10px;
}

.loginForm form fieldset legend {
     border-bottom: 0pt none;
     color: #004664;
     font-size: 24px;
     font-weight: normal;
     padding: 10px 0pt;
}

.loginForm .retrievePassword {
     font-size: 0.9em;
     line-height: 25px;
     margin-right: 0pt;
}

.overview {
     margin: 13px;
}

.inscription .steps li {
     background: url("images2/portal2-3/body/steps.png") no-repeat scroll 0px -35px transparent;
     color: #FFFFFF;
     float: right;
     font-weight: bold;
     height: 35px;
     line-height: 35px;
     margin-left: 0px;
     padding: 0pt 40px 0pt 5px;
     text-align: center;
     width: 215px;
}

.inscription .steps .step2 {
     background-position: -260px -35px;
}

.inscription .steps .step3 {
     background-position: -520px -35px;
}

.inscription .steps .step1.on {
     background-position: 0pt 0pt;
}

.inscription .steps .step2.on {
     background-position: -260px 0pt;
}

.inscription .steps .step3.on {
     background-position: -520px 0pt;
}

.comparison {
     width: 100%;
}

.comparison .col1 {
     font-family: Tahoma,Arial,sans-serif;
}

.comparison .col2, .comparison .col3 {
     text-align: center;
     width: 30%;
}

.comparison .col23 {
     text-align: center;
     width: 60%;
}

.comparison .col13 {
    color: #F49A1D;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding: 44px 0 0;
    text-transform: uppercase;
    width: 100%;
}

.comparison tbody tr, .comparison thead tr {
     border-bottom: 1px solid #E5E5E5;
}

.comparison th, .comparison td {
     padding: 5px 0pt;
}

.comparison th {
     font-size: 1.5em;
}

.comparison td {
     height: 1.5em;
}

.comparison th a {
     color: #626262;
}

.comparison strong {
     color: #558295;
     font-size: 1.15em;
}

.tos p {
     margin: auto;
     padding: 0.5em;
}

.tos h2 {
     font-size: 1em;
     margin-bottom: 1em;
     margin-top: 1em;
}

.tos ul {
     margin-right: 0em;
     padding-right: 0.5em;
}

.tos li {
     margin-right: 1em;
}

.tos dt {
     font-weight: bold;
}

.tos dl.definitions dt {
     font-style: italic;
     font-weight: normal;
}

.tos dd {
     margin-bottom: 1em;
     padding: 0.5em;
}

.tos dl.definitions dd {
     margin-bottom: 0.5em;
     padding: 0.5em;
}

.tos dd p {
     margin: 0px ! important;
     padding: 0pt 0pt 0.5em;
}

.tos dd li {
     padding: 0pt 0pt 0.5em;
}

.o {
     color: #F49C22;
     font-family: Arial,Verdana,sans-serif;
}

.b {
     color: #3E3E3E;
     font-family: Arial,Verdana,sans-serif;
}
.bloggers {
  
}
.blogger{
    overflow:auto;
}

.bloggers h1.bigtitle a {
     font-size: 14px;
}

.box.lastArticles .element {
     background: none repeat scroll 100% 0% transparent;
}

.interview h1 {
     border-bottom: 1px solid #EEEEEE;
     margin-bottom: 15px;
     padding-bottom: 10px;
}

.blogger .bloggerProfile {
     border-bottom: 2px solid #EFEFEF;
     margin: 0pt 10px 20px;
     padding-bottom: 10px;
}

.blogger .bloggerProfile .thumb {
     float: right;
}

.blogger .bloggerProfile .nickname, .blogger .bloggerProfile .excerpt {
     margin-right: 130px;
}

.blogProfile {
    float: right;
    margin: 0 10px;
    position: relative;
    width: 46%;
}

.blogProfile .type {
     float: right;
     margin-left: 20px;
     position: relative;
     top: 0pt;
}

.blogProfile .content {
     margin-right: 0pt;
     margin-left: 0pt;
     overflow: visible;
     padding-right: 0pt;
     padding-top: 0pt;
}

.blogProfile .thumb {
     float: right;
     margin-left: 5px;
}

.box .blogProfile .excerpt, .box .bloggerProfile .excerpt {
     line-height: 20px;
}

.box .blogProfile h2.title {
     height: 25px;
     line-height: 25px;
     overflow: hidden;
}

.box .blogProfile .excerpt p, .box .bloggerProfile .excerpt p.tags {
     color: #7B7B7B;
}

.box .blogProfile .excerpt p span {
     font-weight: bold;
}

#content .lastArticles h1.bigtitle {
     margin-bottom: 0px;
}

.lastArticles .element {
     min-height: 0pt;
     padding: 10px 0pt 0pt;
}

.lastArticles .element:nth-child(1) {
     border-top: medium none;
}


.blogs {
    
}

.box .sidelink {
     clear: both;
}

.box.topBlogs {
     clear: both;
     width: 647px;
}

.box.topBlogs .topblog ul li {
     border-bottom: 1px solid #F5F5F5;
     float: right;
     height: 40px;
     margin-bottom: 10px;
     margin-right: 4px;
     margin-left: 4px;
     overflow: hidden;
     padding: 2px;
     width: 300px;
}

* html .box.topBlogs .topblog ul li {
     width: 47%;
}

.box.topBlogs .topblog ul li p.number {
     background: url("images2/portal3/bg-top-blogs.png") no-repeat scroll 0pt 0pt transparent;
     color: #FFFFFF;
     float: right;
     font-size: 20px;
     font-weight: bold;
     height: 28px;
     margin-left: 5px;
     padding-top: 4px;
     text-align: center;
     width: 32px;
}

.box.topBlogs .topblog ul h4.title {
     font-size: 14px;
     font-weight: bold;
     height: 18px;
     letter-spacing: -0.01em;
     overflow: hidden;
     width: 262px;
}

.box.topBlogs .topblog ul li p.info {
     height: 14px;
     overflow: hidden;
     width: 262px;
}

.box.topBlogs .topblog ul li p.info, .box.topBlogs .topblog ul li p.info a {
     color: #7B7B7B;
     font-size: 11px;
}

* html .box.topBlogs .topblog ul h4.title, * html .box.topBlogs .topblog ul li p.info {
     float: right;
     width: 250px;
}

.box.categoriesBlogs ul li, .box.bloggersGeoloc ul li {
     float: right;
     height: 18px;
     overflow: hidden;
     padding: 2px;
     width: 142px;
}

.directoryBlock {
     clear: both;
     padding-top: 5px;
}

.box.categoriesBlogs .content {
     overflow: hidden;
}

.smallBlock {
     float: right;
     width: 50%;
}

* html .smallBlock {
     width: 322px;
}

.practicalBlogs .practicalBlog .bloc {
     float: right;
     height: 45px;
     width: 33%;
}

.practicalBlogs .practicalBlog .title {
     display: block;
     font-size: 14px;
     font-weight: bold;
     letter-spacing: -0.01em;
     margin-bottom: 5px;
     overflow: hidden;
     white-space: nowrap;
     width: 180px;
}

.practicalBlogs .practicalBlog .info a {
     color: #7B7B7B;
     display: block;
     font-size: 11px;
     overflow: hidden;
     white-space: nowrap;
}
.signup {
    
}

div.signup {
     text-align: center;
}

.signup .warning {
     color: #A93330;
     height: 50px;
     margin: 20px auto 0pt;
     text-align: right;
     width: 541px;
}

.signup .cgu {
     padding: 0pt 0pt 20px;
}

.signup .hook {
     background: url("images2/portal2-3/body/signup-carousel.jpg") no-repeat scroll right top #FFFFFF;
     height: 100px;
     margin: 20px auto;
     text-align: right;
     width: 620px;
}

.signup.sfr .hook {
     background-image: url("images2/portal2-3/body/signup-carousel-sfr.jpg");
}

.signup .hookMigration {
     background: url("images2/portal2-3/body/signup-cartons.png") no-repeat scroll right top #FFFFFF;
     height: 100px;
     margin: 20px auto;
     text-align: right;
     width: 620px;
}

.signup .hookMigration h1 {
     font-weight: normal;
     padding-bottom: 0px;
     padding-right: 190px;
}

.signup .hookMigration h2 {
     font-size: 20px;
     margin-bottom: 20px;
     padding-right: 190px;
}

.signup .hook h1 {
     font-weight: normal;
     padding-bottom: 0px;
     padding-right: 210px;
}

.signup .hook h1 span {
     color: #FF9D01;
}

.signup .hook h2 {
     font-size: 19px;
     margin-bottom: 20px;
     padding-right: 210px;
}

.box #signupForm {
     text-align: center;
}

#signupForm {
     background: url("images2/portal2-3/body/signup-formtop.jpg") no-repeat scroll center top #FFFFFF;
     margin: 20px auto;
     text-align: center;
     width: 601px;
}

#signupForm ul {
     margin: 0pt 0pt 20px;
}

#signupForm ul li {
     border-bottom: 1px solid #EEEEEE;
     margin: 0pt 20px;
     padding: 20px 0pt;
     text-align: right;
}

#signupForm label {
     font-size: 16px;
     font-weight: bold;
     margin-right: 10px;
     margin-top: 20px;
}

#signupForm .hint {
     color: #999999;
     font-style: italic;
}

#signupForm ul li:hover .hint {
     color: inherit;
}

#signupForm .fieldsContainer {
     background: url("images2/portal2-3/body/biginput-bg.jpg") repeat-x scroll right 1px #FFFFFF;
     border-radius: 4px 4px 4px 4px;
     border: 1px solid #999999;
     position: relative;
}

#signupForm .fieldsContainer.focus {
     border: 1px solid #333333;
}

#signupForm .fieldsContainer.invalid {
     border: 1px solid #A93330;
}

#signupForm .fieldsContainer.invalid.focus {
     border: 1px solid #C93D3B;
}

#signupForm .fieldsContainer.valid {
     border: 1px solid #68A53F;
}

#signupForm .fieldsContainer.invalid .textField {
     color: #A93330 ! important;
}

#signupForm .fieldsContainer input, #signupForm .fieldsContainer span {
     color: #000000;
     font-size: 20px;
     line-height: 27px;
}

#signupForm .fieldsContainer input {
     padding: 8px;
}

#signupForm .fieldsContainer .textField {
     background-color: transparent;
     border-radius: 4px 4px 4px 4px;
     border: 0pt none;
     color: #000000;
     line-height: 27px;
     margin: 0pt auto;
     outline: medium none;
     width: 544px;
}

#signupForm #showpasswd {
     bottom: 2px;
     color: #626262;
     display: none;
     font-size: 10px;
     position: absolute;
     left: 2px;
}

#signupForm #showpasswd:hover {
     color: #333333 ! important;
}

#signupForm #protocol {
    line-height: 27px;
    margin: 8px 0 8px 8px;
    width: 60px;
}

#signupForm #insc_blogName, #signupForm #OBBlogUrl {
    outline: medium none;
    padding-left: 0;
    width: 260px;
}

* + html #signupForm #insc_blogName, * + html #signupForm #OBBlogUrl {
     padding-right: 70px;
     padding-top: 8px;
}

#signupForm #domainContainer {
    border: 1px solid transparent;
    direction: ltr;
    margin: 0;
    position: relative;
    width: 160px;
}

#signupForm #selectedDomain {
    direction: ltr;
    margin: 0;
    padding: 0;
}

#signupForm #insc_domain {
    direction: ltr;
    font-size: 20px;
    margin: 8px 0 0;
    right: 0;
    width: 199px;
	 background: none repeat scroll 0 0 transparent;
    border: 0 none;
}

#signupForm #domainContainer.focus {
     border: 1px dotted #CCCCCC;
}

#signupForm #captcha {
     margin: 8px;
     position: absolute;
}

#signupForm #insc_captcha {
     margin-right: 68px;
     width: 300px;
}

#signupForm div.error {
     color: #A93330;
     line-height: 16px;
     padding: 5px 10px 0pt;
}

#signupForm div.error .icon {
     background: url("images2/portal2-3/body/help.gif") no-repeat scroll -16px 0pt transparent;
     float: right;
     height: 16px;
     margin-left: 5px;
     width: 16px;
}

.signup .connect {
     margin: 20px;
     text-align: center;
}

.signup h3 {
     font-size: 20px;
     margin-bottom: 11px;
}

.portalform .title {
     clear: both;
     color: #2B637B ! important;
     font-size: 20px ! important;
     margin: 20px 0pt 5px ! important;
     padding-right: 220px ! important;
}

.portalform p {
     clear: both;
     margin-bottom: 10px;
}

.portalform .clear {
     clear: right;
     display: block;
}

.portalform .libelle, .portalform .input, .portalform .help {
     display: block;
     float: right;
}

.portalform .libelle {
     font-weight: bold;
     line-height: 20px;
     padding-left: 10px;
     text-align: left;
     width: 210px;
}

.portalform .input {
     padding-left: 20px;
     width: 340px;
}

.portalform .input .text {
     width: 338px;
}

.portalform .input .text.captcha {
     width: 50px;
}

.portalform .input .text.address {
     width: auto;
}

.portalform .input select {
     padding: 2px;
     vertical-align: top;
}

.portalform .help {
     color: #2B637B;
     opacity: 0.5;
     width: 300px;
}

.portalform .help:hover {
     opacity: 1;
}

.portalform .help .icon {
     background: url("images2/portal2-3/body/help.gif") no-repeat scroll -48px 0pt transparent;
     float: right;
     height: 16px;
     margin-left: 5px;
     width: 16px;
}

.portalform .ok .help {
     color: #68A53F;
}

.portalform .ok .help .icon {
     background-position: 0pt 0pt;
}

.portalform .wait .help {
     color: #F49C22;
}

.portalform .wait .help .icon {
     background-position: -32px 0pt;
}

.portalform .error .help {
     color: #A93330;
     font-weight: bold;
}

.portalform .error .help .icon {
     background-position: -16px 0pt;
}

.portalform .error {
     border: 0pt none ! important;
}

.portalform .empty {
     padding-right: 220px;
}

#signupForm optgroup {
     font-weight: bold;
}

#signupForm option {
     font-weight: normal;
     padding-right: 15px;
}