/* @group HTML (base) */

html, body {
	padding: 0;
	margin: 0;
	color: #465b82;
	font: 12px/16px Verdana,"Bitstream Vera Sans",sans-serif;
}

html {
	background: #dfe3ec url(images/page-background.gif) no-repeat center bottom;
	/*height: 100%;*/
}

.format_png { behavior: url(win_png.htc); }

body {
	padding: 20px;
}

a img {
	border: 0;
}

.nolist {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.not_sent {
	color: #ff0000;
	font-weight: bold;
}

.sent {
	color: #66a4e6;
	font-weight:bold;
}

#page {
	width: 830px;
	margin: auto;
	/*position: relative;*/
}

.login-page {
}

/* @end */

/* @group CSS Fixes */

.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%;
}

/* @end */

/* @group Header */


#header {
	position: relative;
}

#header .languages {
	position: absolute;
	right: 20px;
	top:  17px;
	font-size: 10px;
	color: #99a5bb;
}

#header .languages .text {
	padding-bottom: 4px;
}

#header .languages a {
	text-decoration: none !important;
}

#header .languages span {
	padding-left: 7px;
}

/* @end */

/* @group Navigation */

#navigation .menu {
	background: url(images/menu-background.gif) no-repeat left top;
	width: 826px;
	height: 30px;
	margin-bottom: 10px;
	margin-top: 30px;
}

#navigation .menu li {
	float: left;
	line-height: 23px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-right: 1px solid #afafaf;
	cursor: pointer;
	vertical-align: middle;
}

#navigation .menu a {
	color: #465b82;
	text-decoration: none;
}

#navigation .menu a.current {
	color: #66a4e6;
	/* font-weight:bold; */
}

#navigation .menu li.last {
	border-right: 0px;
}

/*
#navigation .menu li img {
	vertical-align: middle;
}*/

/* @end */

/* @group Content */

#content .more {
	text-align: right;
}

#content .more a,
#content .more a:link,
#content .more a:active,
#content .more a:visited,
#content .more a:hover
{
	text-decoration: none;
	color: #66a4e6;
	font-style: italic;
}



/* @end */

/* @group Menu */

.anylinkcss {
	border: 1px solid #465b82;
	padding: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: white;
	opacity: 0.85;
	z-index: 500;
	position: absolute;
	visibility: hidden;
}

.anylinkcss a {
	display: block;
	border-top: 1px solid #a4aec3;
}

.anylinkcss a,
.anylinkcss a:link,
.anylinkcss a:active,
.anylinkcss a:visited,
.anylinkcss a:hover
{
	color: #465b82;
	text-decoration: none;
}

.anylinkcss a.first {
	border-top: none;
}

.anylinkcss a span {
	display: block;
	border-left: 3px solid #53b2ff;
	padding-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 11px;
	width: 200px;
}

.anylinkcss a:hover span {
	display: block;
	border-left: 3px solid #333366;
	color: #ffffff;
	background-color: #333366;
	padding-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 11px;
}



/* @end */

/* @group Insert Main */

.insert-main {
	position: relative;
	background: url(images/encart-main-background.jpg) no-repeat left top;
	width: 826px;
	height: 248px;
	color: #f5f6f7;
	font-size: 11px;
	margin-bottom: 15px;
}

.insert-main h3 {
	color: #66a4e6;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
}

.insert-main .insert-picture-message {
	position: absolute;
	width: 170px;
	left: 283px;
	top: 95px;
	color: #465b82;

}

.insert-main .insert-text {
	position: absolute;
	width: 283px;
	right: 34px;
	top: 95px;
}

/* @end */

/* @group Insert Sub */

.insert-subs {

}

.insert-sub {
	float: left;
	width: 258px;
	margin-right: 26px;
}

.insert-sub-image {
	height: 76px;
}

.insert-sub-content {
	/*background: url(images/insert-content.gif) repeat-y left top;*/
	background: url(images/insert-content.gif) repeat-y left bottom;
	padding: 20px;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 11px;
	text-align: center;
	/*height: 50px;*/
}

.insert-sub-1 .insert-sub-image {
	background: url(images/insert-sub-background-1.jpg) repeat-y left top;
}

.insert-sub-2 .insert-sub-image {
	background: url(images/insert-sub-background-2.jpg) repeat-y left top;
}

.insert-sub-3 .insert-sub-image {
	background: url(images/insert-sub-background-3.jpg) repeat-y left top;
}

.insert-sub-3 {
	margin-right: 0 !important;
}
/* @end */

/* @group Footer */

#footer {
	margin-top: 55px;
	clear: both;
	font-size: 10px;
}

#footer .info-1 {
	color: #a4aec3;
}

#footer .separator {
	margin-bottom: 10px;
	border-bottom: 1px solid #a4aec3;
}

#footer .left {
	float: left;
	padding-left: 15px;
}

#footer .right {
	float: right;
	text-align: right;
	padding-right: 15px;
}

#footer .search,
#footer .login
{
	border-left: 3px solid #70b5fb;
}

#footer .disclaimer
{
	font-size: 9px;
}

#footer .address
{
	border-right: 3px solid #70b5fb;
}

#footer .search .search-field,
#footer .login  .login-name,
#footer .login  .login-password
{
	border:  1px solid #94989d;
	color: #465b82;
	padding: 3px;
	padding-left: 10px;
	background: white;
	font-size: 11px;
	height:  14px;/*22px;*/
}

#footer .login  .login-name,
#footer .login  .login-password {
	width: 100px;
}

#footer .search .search-button,
#footer .login .login-button
{
	background: #70b5fb url(images/button-background.gif) repeat-x left top;
	border:  1px solid #5a83b2;
	color: white;
	font-weight: bold;
	padding: 2px;;
	font-size: 11px;
	cursor: pointer;
	height: 22px;
}


/* @end */

/* @group Login Page */

.login-page .insert-main {
	position: relative;
	background: url(images/login-background.gif) no-repeat left top;
	width: 826px;
	height: 370px;
	font-size: 13px;
	line-height: 15px;
	margin-top: 30px;
	z-index: 10;
}

.login-page .insert-main-shadow {
	position: absolute;
	z-index: 1;
	top: 87px;
	left: -15px;
}

.login-page .insert-picture-message {
	top:  18px;
	left:  17px;
}

.login-page .insert-text {
	right: 45px;
	top: 220px;
	width: 150px;
}


/* @end */

/* @group Main Page */

.main-page .insert-sub-content {
	height: 50px;
}

/* @end */

/* @group Article Page */


.article-page .sidebar {
	float: left;
	width: 258px;
}

.article-page .article h3,
.article-page .article-overview h3 {
	color: #66a4e6;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
}


.article-page .article-overview {
	font-size: 11px;
}

.article-page .article-overview-header {
	background: url(images/article-overview-top.gif) no-repeat left top;
	height: 40px;
}

.article-page .article-overview-content {
	background: url(images/article-overview-middle.gif) repeat-y left top;
	padding: 20px;
	padding-left: 25px;
	padding-right: 25px;
}

.article-page .article-overview-footer {
	height: 61px;
	background: url(images/article-overview-bottom.gif) repeat-y left top;
	margin-bottom: 5px;
}

.article-page .article-overview .breves {
	list-style-type: none;
	padding-left: 20px;
}


.article-page .article-overview .breves li {
	line-height: 1.8em;
	list-style-image: url(images/puce2.gif);
	/*display: block;
	border-left: 3px solid #53b2ff;
	padding-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;*/
}

.article-page .article-overview .breves a {
	text-decoration:none;
	color: #465b82;
}

.article-page .article-overview .breves a.current {
	color: #66a4e6;
	/* font-weight:bold; */
}

.article-page .article {
	width: 542px;
	float: right;
	font-size: 11px;
}

.article-page .article-header {
	background: url(images/article-top.gif) no-repeat left top;
	/*height: 40px;*/
	height: 63px;
}

.article-page .article-content {
	background: url(images/article-middle.gif) repeat-y left top;
	padding: 20px;
	padding-left: 20px;/*55px;*/
	padding-right: 20px;/*55px;*/
}

.article-page .article-content a,
.article-page .article-content a:link,
.article-page .article-content a:active,
.article-page .article-content a:visited,
.article-page .article-content a:hover
{
	text-decoration: none;
	color: #66a4e6;
	font-weight: bold;
}

.article-page .article-footer {
	height: 70px;
	background: url(images/article-bottom.gif) repeat-y left top;
}

.article-page .insert-sub-content {
	height: none;
}

.article-page .insert-sub-image { 
	background: transparent url(images/insert-nopicture.gif) no-repeat scroll center bottom;
	height: 13px;
}

/*
.article-page .insert-sub-image {
	background:transparent url(images/insert-picture-4.gif) repeat-y scroll left top;
	height: 57px;
}*/

/* @end */

/* @group Forms */

form table {
padding: 0px;
margin: 0px;
}


form table tr td {
padding: 5px;
margin: 0px;
font-size: 11px;
}

form table tr td input {
width: 90%;
}

form table tr td input.champ_texte {
font: 11px/14px Verdana,"Bitstream Vera Sans",sans-serif;
color: #465b82;
border: 1px solid #8C8F95;
padding: 2px;
height: 20px;
}

form table tr td input.required {
background: white url(images/form-input-required.gif) no-repeat left top;
padding-left: 14px;
}

form table tr td textarea.required {
background: white url(images/form-input-required.gif) no-repeat left top;
padding-left: 14px;
}


form input.button
{
background: #70b5fb url(images/button-background.gif) repeat-x left top;
border: 1px solid #5a83b2;
color: white;
font-weight: bold;
padding: 2px;;
font-size: 11px;
cursor: pointer;
height: 22px;
}


form table tr td textarea {
padding: 5px;
margin: 0px;
font: 11px/14px Verdana,"Bitstream Vera Sans",sans-serif;
width: 100%;
color: #465b82;
border: 1px solid #8C8F95;
padding: 2px;
}

form table tr td .info {
color: #99a5bb;
}

/* @end */