/*
 * Charte graphique :
 *
 * LIENS :
 * - link=#000099 (ou #7F8180 si inactif) - background=grey (#F8F8F8 ou #E6E7E8)
 * - hover=#000000 - background=#D8E5FD - border=#96B0CC
 * - active/clicked=#C40000
 *
 * LIENS DE RECHERCHE :
 * - tous suivent la charte sauf pour le "cache" : color=#008000
 *
 */




/**** Common styles ****/

a {text-decoration: none; color: #0932aa;}
a:hover {
	text-decoration: none;
	color: #0932aa;
	background-color: #D8E5FD;
}

a.links:hover {
	text-decoration: underline;
	color: #0932aa;
	background-color: #D8E5FD;
}


body, table, td, p, input, textarea, select {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #222222;
}

body, p {
	text-align: justify;
}

body {
	background-image: url(/images/top/background.gif);
	background-position: top left ;
	background-repeat: repeat-y ;
}


h1 {
	font-family: Arial, Verdana;
	font-size: 20px;
	font-weight: bold;
	color: #0942aa;
	border-bottom: 1px solid #0942aa;
	padding-bottom: 4px;
}

h2 {
	font-family: Arial, Verdana;
	font-size: 16px;
	color: #0942aa;
	background-color: #F6F6F6;
	border-bottom: 1px solid #d0d0d0;
	border-right: 0px solid #d0d0d0;
	padding-left: 4px;
	padding-bottom: 0px;
}

h3 {
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #C40000;
	text-align: center;
	background-color: #EBEBEB;
}

h3.index {
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #0909a0;
	text-align: center;
	background-color: #ffffff;
	border-bottom: 1px solid #d0d0d0;
}

h4 {
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #C40000;
}

h5 {
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
}

textarea:focus, input:focus {
	color: #000000;
	background-color: #E6E7E8;
}

textarea, input, select {
	border: 1px solid #7F8180;
}

img {
	border: 0;
}

input.no_border {
	border: none;
}

ul {
	list-style-image: url('mark1.gif') ;
}

ul.rien
{
	list-style-image: none;
	list-style-type: none;
}


/**** Search ****/

.searchSubLinks {color: #008000;}

a.searchSubLinks {color: #008000; text-decoration: underline;}
a.searchSubLinks:hover {
	text-decoration: none;
}

/**** Input Error ****/

input.inputError {
	color: #000000;
	background-color: #FFAEA3;
}


/**** Languages ****/

.language {
	display:block;
	padding: 1px;
	width: 40px;
	font-size: 10px;
	border: 1px hidden transparent;
}

a.language {color: #F8F8F8; text-decoration: none;}
a.language:hover {
	background-color: #D8E5FD;
	color: #7F8180;
	border: 1px solid #96B0CC;
	text-decoration: none;
}


/**** Languages Chinese (ZH) ****/

.language_zh {
	display:block;
	padding: 1px;
	height: 12px;
	width: 40px;
	font-size: 10px;
	border: 1px hidden transparent;
	background-image: url("/images/top/chinese_out.gif");
	background-repeat: no-repeat;
	background-position: 22px center;
}

a.language_zh {color: #F8F8F8; text-decoration: none;}
a.language_zh:hover {
	background-color: #D8E5FD;
	border: 1px solid #96B0CC;
	text-decoration: none;
	background-image: url("/images/top/chinese_over.gif");
	background-repeat: no-repeat;
	background-position: 21px center;
}


/**** Top Menu ****/

.top_menu_margins{
	color: #0942aa;
	text-indent: 47px;
	padding: 1px;
	font-size: 11px;
}

a.top_menu {
	font-size: 11px;
	text-decoration: none;
	color: #0942aa;
}

a.top_menu:hover {
	font-size: 11px;
	text-decoration: none;
	background-color: #ffffff;
	color: #0942aa;
}
/*
a.top_menu:hover {
	font-size: 12px;
	text-decoration: none;
	background-color: #0942aa;
	color: #ffffff;
}*/


/**** Left Menu : main titles ****/

.left_menu_title{
	font-weight: plain;
	font-size: 11px;
}

a.left_menu_title {color: #7F8180; text-decoration: none;}
a.left_menu_title:hover {color: #0942aa; text-decoration: none;}


/**** Left Menu : sub categories ****/

.left_menu {
	display:block;
	padding: 1px;
	padding-left: 5px;
	/* border-top: 1px solid #F8F8F8; */
	border-bottom: 1px solid #F8F8F8;
	text-decoration: none;
	font-size: 11px;
}

a.left_menu {
	color: #0942aa; 
	text-decoration: none;
}

a.left_menu:hover {
	background-color: #D8E5FD;
	color: #000000;
/*	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #96B0CC;*/
	text-decoration: none;
}

.left_submenu1 {
	display:block;
	padding: 1px;
	padding-left: 20px;
	border-bottom: 1px solid #F8F8F8;
	font-size: 11px;
	text-decoration: none;
}

a.left_submenu1 {color: #0942aa; text-decoration: none; }
a.left_submenu1:hover {
	background-color: #D8E5FD;
	padding-left: 20px;
	color: #000000;
	text-decoration: none;
}

.left_submenu2 {
	display:block;
	padding: 1px;
	padding-left: 30px;
	border-bottom: 1px solid #F8F8F8;
	text-decoration: none;
}

a.left_submenu2 {color: #0942aa; text-decoration: none; }
a.left_submenu2:hover {
	background-color: #D8E5FD;
	padding-left: 30px;
	color: #000000;
	text-decoration: none;
}



/**** Menus and sub menu (javascript) ****/

.menu {
	display: block;
	padding: 3px;
	text-decoration: none;
	font-size: 12px;
	border: 1px solid #E6E7E8;
	border-left: 1px solid #F8F8F8;
	border-right: 1px solid #F8F8F8;
	cursor: default;
}

a.menu:hover{
	color: #000000;
	background-color: #D8E5FD;
	border-left: 1px solid #96B0CC;
	border-right: 1px solid #96B0CC;
	text-decoration: none;
	cursor: pointer;
}

#sub_menu{
	position:absolute;
	background-color: #F8F8F8;
	border:1px solid #96B0CC;
	line-height:15px;
	z-index:100;
	font-size: 11px;
	visibility:hidden;
	padding-left: 5px;
}

#sub_menu a{
	width: 100%;
	display: block;
	text-decoration: none;
}

#sub_menu a:hover{
	color: #000000;
	background-color: #D8E5FD;
	text-decoration: none;
}


/**** News ****/

.newsLink {
	padding: 1px;
	cursor: pointer;
}

.newsTheme {
	color: #000000;
}

.newsDate {
	color: #555555;
}

.newsTitle {
	color: #0942aa;
	font-weight: bold;
}

.newsBody {
	font-size: 11px;
}

.newsContent {
	background-color: #F1F1F2;
	padding: 5px;
}

.newsCategory {
	color: #C40000;
}

.newsLeft {
	color: #7F8180;
	font-size: 10px;
	padding-bottom: 5px;
}

.newsLeftTitle {
	color: #7F8180;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #7F8180;
}


a.newsLeft {text-decoration:none; color:#7F8180 ;}
a.newsLeft:hover {text-decoration:none ; color : #7F8180 ; background:none ; }

/**** Glossary ****/

a.glossary {text-decoration:none; color:#333333 ; border-bottom : 1px solid #CCCCCC ; font-style : italic ; }
a.glossary:hover {text-decoration:none ; color : #0000BB ; background:none ; }

/**** Copyright at bottom ****/

.copyright {
	color: #7F8180;
}

/**** Category Titles ****/

.catTitle {
	font-family: Arial, Verdana;
	font-size: 20px;
	font-weight: bold;
	color: #0942aa;
	text-align: left;
	padding-top: 10px ;
	padding-bottom: 10px ;
}

/**** For old site return ****/
a.oldSite {text-decoration: none; color: #A43035;}
a.oldSite:hover {
	text-decoration: underline;
	color: #A43035;
	background-color: transparent;
}

/**** For pictures in the gallery ****/
.gall {
	padding: 1px;
	border:1px solid #9B9B9B;
}

/**** For the FAQs ****/
.faqQ {
	background-image: url(/images/multimedia/mark.gif);
	background-position: top left ;
	background-repeat: no-repeat ;
	padding-left: 20px ;
	text-align: justify;
}

.faqA {
	background-image: url(/images/multimedia/faqBG.gif);
	background-position: top right ;
	background-repeat: repeat-y ;
	text-align: justify;
	padding-left: 10px ;
	padding-right: 10px ;
	padding-top: 6px ;
	padding-bottom: 10px ;
}

/**** For new hoem pages ****/
/*
.homeTitle {
	font-family: Arial, Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #000099;
	text-align: center;
	padding-top: 4px ;
	padding-bottom: 4px ;
	background-image: url(/images/home/titlebg.png);
	background-position: top left ;
	background-repeat: repeat-x ;
}

.homeTitle {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding-top: 2px ;
	padding-bottom: 2px ;
}
*/
.homeText
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #ffffff;
	text-align: none;
	padding-left: 7px ;
	padding-right: 7px ;
	text-decoration: none;
	display: block;
}
a.homeText
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #ffffff;
	text-align: none;
	padding-left: 13px ;
	padding-right: 7px ;
	text-decoration: none;
	display: block;
}

a.homeText:hover
{
	font-family: Arial, Verdana;
	font-size: 11px;
	text-align: none;
	padding-left: 13px ;
	padding-right: 7px ;
	color: rgb(200,200,200);
	text-decoration: none;
	background-color: transparent;
	display: block;
}

.homeTextBlack
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	text-align: none;
	padding-left: 7px ;
	padding-right: 7px ;
	text-decoration: none;
	display: block;
}
a.homeTextBlack
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	text-align: none;
	padding-left: 13px ;
	padding-right: 7px ;
	text-decoration: none;
	display: block;
}

a.homeTextBlack:hover
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #505050;
	text-align: none;
	padding-left: 13px ;
	padding-right: 7px ;
	text-decoration: none;
	background-color: transparent;
	display: block;
}

.homeTextBlackCorporate
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	text-align: none;
	padding-left: 13px ;
	padding-right: 7px ;
	text-decoration: none;
	display: block;
}
a.homeTextBlackCorporate
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	text-align: none;
	padding-left: 25px ;
	padding-right: 3px ;
	text-decoration: none;
	display: block;
}

a.homeTextBlackCorporate:hover
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #888888;
	text-align: none;
	padding-left: 25px ;
	padding-right: 3px ;
	text-decoration: none;
	background-color: transparent;
	display: block;
}

.homeTextBlue
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	text-align: none;
	padding-left: 7px ;
	padding-right: 7px ;
	text-decoration: none;
	display: block;
}
a.homeTextBlue
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #003880;
	text-align: none;
	padding-left: 13px ;
	padding-right: 7px ;
	text-decoration: none;
	display: block;
}

a.homeTextBlue:hover
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #0068b2;
	text-align: none;
	padding-left: 13px ;
	padding-right: 7px ;
	text-decoration: none;
	background-color: transparent;
	display: block;
}

.imageflottante
{
	float:left;
	padding-left: 5px;
}

a.homeTitleBlack {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	text-align: left;
	padding-left: 10px ;
	padding-top: 2px ;
	text-decoration: none;
	display: block;
}

a.homeTitleBlack:hover {
	text-decoration: none;
	color: #777777;
	display: block;
	border-left: 0px solid #FFFFFF;
	background-color: transparent;
	padding-left: 11px ;
}



a.homeTitle {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-left: 10px ;
	padding-top: 2px ;
	text-decoration: none;
	display: block;
}

a.homeTitle:hover {
	text-decoration: none;
	display: block;
	color:rgb(200,200,200);
	border-left: 0px solid #FFFFFF;
	background-color: transparent;
	padding-left: 11px ;
}

a.homeMultimediaTitle {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: rgb(255,255,255);
	text-align: left;
	padding-left: 93px ;
	padding-top: 2px ;
	text-decoration: none;
	display: block;
}

a.homeMultimediaTitle:hover {
	text-decoration: none;
	color: rgb(200,200,200);
	display: block;
	border-left: 0px solid #FFFFFF;
	background-color: transparent;
	padding-left: 94px ;
}

.eventsHome a
{
	font-size:10px;
	text-indent: 10px;
	color:rgb(255,255,255);
}
.eventsHome a:hover
{
	text-decoration: none;
	background-color: transparent;
	font-size:10px;
	text-indent: 10px;
	color:rgb(200,200,200);
}
.imageHome a:hover
{
	background-color: transparent;
}
.eventsHomeBlack a
{
	font-size:10px;
	text-indent: 10px;
	color:#000000;
}
.eventsHomeBlack a:hover
{
	text-decoration: none;
	background-color: transparent;
	font-size:10px;
	text-indent: 10px;
	color:#000000;
}
.imageHomeBlack a:hover
{
	background-color: transparent;
}


td.imgPure{
	cursor: default;
	background-image: url(/images/home/multimedia_pure_top2.png);
	width:202px;
	height:59px;
	background-repeat: no-repeat;
}
td.imgPure:hover {
	cursor: default;
	width:202px;
	height:59px;
	background-image: url(/images/home/multimedia_pure_top3.png);
	background-repeat: no-repeat;
}

/*slogan*/
.catSlogan {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	text-align: left;
	padding-left: 15px ;
	padding-top: 00px ;
	padding-bottom: 00px ;
	border-bottom: 1px solid #cccccc;
}


/*home*/
.datelinkhome
	{
		font-size:10px;
		font-weight: bold;
		color:rgb(255,255,255);
	}

a.newslinkhome
	{
		font-size:10px;
		color:rgb(255,255,255);
	}

a.newslinkhome:hover
	{
		background:none;
		font-size:10px;
		padding: 0px;
		/*text-decoration: underline;*/
		color:rgb(200,200,200);
	}

.datelinkhomeBlack
	{
		font-size:10px;
		font-weight: bold;
		text-indent: 10px;
		color:#000000;
	}

a.newslinkhomeBlack
	{
		font-size:10px;
		text-indent: 10px;
		color:#000000;
	}

a.newslinkhomeBlack:hover
	{
		background:none;
		font-size:10px;
		text-indent: 10px;
		/*text-decoration: underline;*/
		color:#000000;
	}

.newsCorporate
{
	padding-left:10px;
	padding-right:3px;
}

.imageflottante
{
   float: left;
}

.indent {
	padding-left: 30px;
	/*padding-right: 30px; */
}


/* PT registration */

#login-box {
	display: none;
	text-align: left;
	width: 400px;
	height: 80px;
	/* margin: 5px auto; */
	display: none;
	padding:5px;
	background-color:#FFFFFF;
}

#login-box form {
	background-color:#FFFFFF;
	height: 80px;

}

#register-box {
	display: none;
}

.toggle_button {
	padding: 1px;
	margin-left: 10px;
}

#signupForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
}
input.error{
	border:1px dotted red;
}

.error {
	color: red;
}

.error_messages{
	margin-top: 15px;
	color: red;
	padding-left: 20px;
	text-align: left;
}

img.float_right {
	float: right;
	margin: 5px 10px 5px 20px;
}

img.float_left {
	display: block;
	float: left;
	margin: 5px 20px 5px 10px;
}






/* NEW TABS */

#tab-container {
	margin-top: -40px;
}

.ui-tabs-hide { display: none; }
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 14px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: right;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav li.ui-tabs-nav-selected {
    float: right;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #0942aa;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-unselected a span {
    padding-top: 0;
    height: 27px;
    /* background-position: 0 -23px; */
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
	background-color: #CCCCCC;
}
.ui-tabs-nav a:link,
.ui-tabs-nav a:visited,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:link,
.ui-tabs-nav .ui-tabs-unselect a:visited,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active,
#buy_pt_tab.ui-tabs-unselect a:link,
#buy_pt_tab.ui-tabs-unselect a:visited,
#buy_pt_tab.ui-tabs-unselect a:focus,
#buy_pt_tab.ui-tabs-unselect a:active{ /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	background-color: #999999; /* #F8F8F8 */

}


.ui-tabs-nav a:hover,
.ui-tabs-nav .ui-tabs-unselect a:hover { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	background-color: #a9b7cc;
}


.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #ccc;
}
.ui-tabs-panel {
    /* border: 1px solid #519e2d; */
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#try_pp{
	/* background-color: #CCCCCC; */
	border-top: 3px solid #CCCCCC;
	overflow:auto;
}

#buy_pt {
	/* background-color: #CCCCCC; */
	border-top: 3px solid #CCCCCC;
	overflow:auto;
}

a.image_link:hover {
	background-color: white;
}

#pp_next_step {
	background-color: #ccc;
}

#pp_next_step li{
	display: block;
	text-align: left;
	list-style: none;
	list-style-position: outside;
	list-style-image: none;
}

#pp_next_step a{
	display: block;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}


/* Release Notes */

#releases_container {
	display: block;
	margin-left: 20px;
}

.prod_releases{
	line-height: 1.5em;
}

.prod_release_notes {
	display: block;
	overflow: auto;
	/* margin-bottom: 5px; */
}