/*
 *  Copyright 2010 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
 
/** This CSS is used simultaneaously in BO for content preview (prefixed by mceContentBody) and by final render (prefixed by #jsn-mainbody) */

/* @ Content illustration */
@import url('/skins/sigma/resources/css/forms.css');
#jsn-mainbody .content-illustration {
	float:left;
	margin-right: 10px;
	border: 1px solid #E6E6E6;
	padding: 4px;
	line-height: 0.7em !important;
}
/* @end */

/*@ Content title and subtitle */
#jsn-mainbody h1.title {
	color: #000000;
	font-size: 1.6em;
	margin: 10px 0 3px 0;
}

#jsn-mainbody h2.subtitle {
	color: #006BB1; 
	font-size: 1.2em;
	margin: 0;
	margin-bottom: 15px;
}

/* @ Content contact */
#jsn-mainbody .content-contact {
	text-align:right;
	font-size:0.9em;
	color: #404040;
	border-top: 1px solid #E6E6E6;
	padding-top: 5px;
}
#jsn-mainbody .content-contact a {
	color: #A1A1A1;
	text-decoration: none;
}
#jsn-mainbody .content-contact a:hover {
	color: #006BB1;
	text-decoration: underline;
}
/* @end */


/* @TITRE */
#jsn-mainbody h3 {
	color: #006BB1;
	font-size: 1.1em;
	margin: 5px 0 10px 0;
	text-transform : uppercase;
}

.mceContentBody h1,
#jsn-mainbody h4 {
	color: #006BB1;
	font-size: 1.1em;
	margin: 0;
	margin: 5px 0 10px 0;
}

.mceContentBody h2,
#jsn-mainbody h5 {
	color: #000000;
	font-size: 1.1em;
	margin: 0;
	margin: 5px 0 5px 0;
	padding-left:15px;	
}

.mceContentBody h3,
#jsn-mainbody h6 {
	color: #000000;
	font-size: 1em;
	margin: 0;
	margin-bottom: 5px;
	padding-left:25px;	
}

#jsn-mainbody h4.subtitle {
	text-transform : none;	
}
/* @end */

/* @STYLE DE PARAGRAPHE */
.mceContentBody p,
#jsn-mainbody p {
}

.mceContentBody p.narrow-spaced,
#jsn-mainbody p.narrow-spaced {
	line-height : 110%;
	margin-top : 0;
	margin-bottom : 0;
}

.mceContentBody p.introduction,
#jsn-mainbody p.introduction {
	letter-spacing: 1px;
	font-size: 0.9em;
	font-weight : bold;
}

.mceContentBody p.important,
#jsn-mainbody p.important {
	border: 1px solid #006FA1;
	letter-spacing: 1px;
	color: #006FA1;
	background-color: #D8EDF8;
	padding: 10px;
}

.mceContentBody p.secondary,
#jsn-mainbody p.secondary {
	color : #808080;
	font-style : italic;
	font-size : 0.9em;
	padding-left:35px;
}

.mceContentBody p.sub-title,
#jsn-mainbody p.sub-title {
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-size: 0.9em;
}

/* @end */

/* @LIENS */

.mceContentBody a.simple,
.mceContentBody a.simple:hover,
.mceContentBody a.simple:link,
.mceContentBody a.simple:visited,
.mceContentBody a.simple:active,
#jsn-mainbody a.simple,
#jsn-mainbody a.simple:hover,
#jsn-mainbody a.simple:link,
#jsn-mainbody a.simple:visited,
#jsn-mainbody a.simple:active {
	text-decoration : underline;
	color : #006BB1 !important;
}

.mceContentBody a.invisible,
.mceContentBody a.invisible:hover,
.mceContentBody a.invisible:link,
.mceContentBody a.invisible:visited,
.mceContentBody a.invisible:active
{
	border-bottom: 1px dashed #000000;
}
.mceContentBody a.invisible,
.mceContentBody a.invisible:hover,
.mceContentBody a.invisible:link,
.mceContentBody a.invisible:visited,
.mceContentBody a.invisible:active,
#jsn-mainbody a.invisible,
#jsn-mainbody a.invisible:hover,
#jsn-mainbody a.invisible:link,
#jsn-mainbody a.invisible:visited,
#jsn-mainbody a.invisible:active
{
	text-decoration: none !important;
	color: #000000 !important;
}

.mceContentBody a.download,
.mceContentBody a.download:hover,
.mceContentBody a.download:link,
.mceContentBody a.download:visited,
.mceContentBody a.download:active,
#jsn-mainbody a.download,
#jsn-mainbody a.download:hover,
#jsn-mainbody a.download:link,
#jsn-mainbody a.download:visited,
#jsn-mainbody a.download:active
{
	text-decoration : underline;
	color : #006BB1 !important;
	padding-left: 15px;
	background-image: url(/skins/sigma/resources/img/download.png);
	background-position: left;
	background-repeat: no-repeat;
}

.mceContentBody a.know-more,
.mceContentBody a.know-more:hover,
.mceContentBody a.know-more:link,
.mceContentBody a.know-more:visited,
.mceContentBody a.know-more:active,
#jsn-mainbody a.know-more,
#jsn-mainbody a.know-more:hover,
#jsn-mainbody a.know-more:link,
#jsn-mainbody a.know-more:visited,
#jsn-mainbody a.know-more:active
{
	padding: 1px;
	padding-top: 0px;
	padding-right: 16px;
	
	background-image: url(/skins/sigma/resources/img/knowmore.png);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #5884df;
	
	color: #ffffff !important;
	text-decoration : underline;
}

.mceContentBody a.external,
.mceContentBody a.external:hover,
.mceContentBody a.external:link,
.mceContentBody a.external:visited,
.mceContentBody a.external:active,
#jsn-mainbody a.external,
#jsn-mainbody a.external:hover,
#jsn-mainbody a.external:link,
#jsn-mainbody a.external:visited,
#jsn-mainbody a.external:active
{
	color: #006BB1 !important;
	padding-right: 18px;
	background-image: url(/skins/sigma/resources/img/external.png);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration : underline;
}

#jsn-mainbody a.broken,
#jsn-mainbody a.broken:hover,
#jsn-mainbody a.broken:link,
#jsn-mainbody a.broken:visited,
#jsn-mainbody a.broken:active {
	color: #ffffff !important;
	background-color: #ff0000 !important;
}

/* @end */

/* @end */

/** @LIST A PUCE */
.mceContentBody ul.disc,
#jsn-mainbody ul.disc {
	list-style-type : disc;	
}

.mceContentBody ul.square,
#jsn-mainbody ul.square {
	list-style-type : square;	
}

.mceContentBody ul.arrow,
#jsn-mainbody ul.arrow {
	list-style-image : url(/skins/sigma/resources/img/arrow.png);	
}

.mceContentBody ul.check,
#jsn-mainbody ul.check {
	list-style-image : url(/skins/sigma/resources/img/check.png);		
}
/* @end */

/** @LIST NUMEROTEE */
.mceContentBody ol.toc,
.mceContentBody ol.toc ol,
#jsn-mainbody ol.toc,
#jsn-mainbody ol.toc ol {
    counter-reset: section;                
    list-style-type: none;
}

.mceContentBody ol.toc ol,
#jsn-mainbody ol.toc ol {
    margin: 0 0 0 2em;
}

.mceContentBody ol.toc li:before,
.mceContentBody ol.toc ol li:before,
#jsn-mainbody ol.toc li:before,
#jsn-mainbody ol.toc ol li:before {
    counter-increment: section;            
    content: counters(section, ".") ". ";  
}

.mceContentBody ol.arabic,
#jsn-mainbody ol.arabic {
	list-style-type: decimal;
}

.mceContentBody ol.lowerroman,
#jsn-mainbody ol.lowerroman {
	list-style-type: lower-roman;
}

.mceContentBody ol.upperroman,
#jsn-mainbody ol.upperroman {
	list-style-type: upper-roman;
}

.mceContentBody ol.loweralpha,
#jsn-mainbody ol.loweralpha {
	list-style-type: lower-alpha;
}

.mceContentBody ol.upperalpha,
#jsn-mainbody ol.upperalpha {
	list-style-type: upper-alpha;
}
/* @end */

/** @TABLEAU */
.mceContentBody table,
#jsn-mainbody table {
	border-collapse: collapse;
}

.mceContentBody table tr th,
.mceContentBody table tr td,
#jsn-mainbody table tr th,
#jsn-mainbody table tr td {
	padding:5px;
}

.mceContentBody table.simple,
.mceContentBody table.simple tr th,
.mceContentBody table.simple tr td,
#jsn-mainbody table.simple,
#jsn-mainbody table.simple tr th,
#jsn-mainbody table.simple tr td {
	border: 1px solid black;	
}

#jsn-mainbody table.invisible,
#jsn-mainbody table.invisible tr th,
#jsn-mainbody table.invisible tr td {
	border: 0px none transparent;	
}

.mceContentBody table.data,
#jsn-mainbody table.data {
	border: 1px solid #006FA1;	
}

.mceContentBody table.data tr.odd,
#jsn-mainbody table.data tr.odd {
	background-color: #F2F2F2;
}

.mceContentBody table.data tr th,
#jsn-mainbody table.data tr th {
	background-color: #006BB1;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.mceContentBody table.datalight,
#jsn-mainbody table.datalight {
	border: 1px solid #006FA1;	
}

.mceContentBody table.datalight tr,
#jsn-mainbody table.datalight tr {
	border: 1px solid #006FA1;	
}

.mceContentBody table.datalight tr th,
#jsn-mainbody table.datalight tr th {
	color: #006FA1;
	font-weight: bold;
	text-align: center;
}

.mceContentBody table.datastrong,
#jsn-mainbody table.datastrong {
	border: 1px solid #006BB1;	
}

.mceContentBody table.datastrong tr th,
#jsn-mainbody table.datastrong tr th {
	background-color: #006BB1;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.mceContentBody table.datastrong tr td,
#jsn-mainbody table.datastrong tr td {
	border: 1px solid #006BB1;	
}

.mceContentBody table.datastrong tr,
#jsn-mainbody table.datastrong tr.odd {
	background-color: #F2F2F2;
}

#jsn-mainbody table.datastrong tr.even {
	background-color: #FFFFFF;	
}

.mceContentBody table caption,
#jsn-mainbody table caption {
	color : #808080;
	font-size : 0.9em;
	padding-bottom: 5px;
}

/** @IMAGE */
#jsn-mainbody img {
}

.mceContentBody img.simple,
#jsn-mainbody img.simple {
	border: 1px solid #2A2A2A;
	margin: 10px;
	padding: 0px;	
}

.mceContentBody img.invisible,
#jsn-mainbody img.invisible {
	border-style: none;
	margin: 10px;
	padding: 0px;
}

.mceContentBody img.frame,
#jsn-mainbody img.frame {
	border: 1px solid #2A2A2A;
	background-color: #ffffff;
	margin: 10px;
	padding: 3px;
}

.mceContentBody img.largeframe,
#jsn-mainbody img.largeframe {
	border: 1px solid #2A2A2A;	
	background-color: #ffffff;
	margin: 10px;
	padding: 8px;	
}

.mceContentBody img.floatleft,
#jsn-mainbody img.floatleft {
	float: left;
	margin: 0px;
	margin-right: 10px;	
}

.mceContentBody img.floatright,
#jsn-mainbody img.floatright {
	float: right;
	margin: 0px;
	margin-left: 10px;	
}

#jsn-mainbody .attachments-wrapper h3 {
	color : #000000;
	text-transform: none;
}


/** @Newsletter edition */
#newsletter-content {
	width: 700px;
}

#newsletter-content .center {
	float:left;
	width:490px;
}

#newsletter-content .edito {
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:1px;
	background-color: #F4F4F4;
	padding: 10px;
}

#newsletter-content .edito h3 {
	font-size:1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}

#newsletter-content .articles {
	padding: 10px;
}

#newsletter-content .articles .article {
	clear: left;
}

#newsletter-content .articles .article h3 {
	padding-left: 0px;
}

#newsletter-content .articles .article .content-illustration {
	float:left;
	margin-right: 10px;
	border: 1px solid #E6E6E6;
	background-color: #FFFFFF;
	padding: 4px;
}

#newsletter-content .articles .article .content-illustration img {
	margin: 0px !important;
}
	
#newsletter-content .sidebar {
	clear:right;
	float:right;
	width:190px;
	padding: 10px;
	background : transparent url('/skins/sigma/resources/img/rightside-bg-small.png') repeat-y scroll -240px 0
}

#newsletter-content .sidebar .encart {
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #999999;
}

#newsletter-content .sidebar .encart.last {
	border: 0px none;
}
	
#newsletter-content .sidebar .encart h2 {
	color: #006BB1;	
	text-transform: uppercase;
	margin: 0px;
	letter-spacing: 1px;
	padding: 0;
}

/** @My page */
#mypage-person-wrapper {
	overflow: auto;
	border: 1px solid #006FA1;
	background-color: #E6F4FB;
	padding: 10px;
	margin: 5px 0 10px 0;
}

#mypage-person-wrapper .content-illustration {
	float:left;
	margin-right: 10px;
	border: 1px solid #008ed0 !important;
	padding: 4px;
}

#mypage-publication .item {
	padding: 10px 0px 10px 20px;
	border-top: 1px solid #CCCCCC;
}

#mypage-publication .item .title {
	font-weight: bold;
}

#mypage-publication .item .file {
	padding-top: 5px;
}
#mypage-publication .item .website {
	padding-top: 5px;
}


/** mandatory forms element */
#jsn-mainbody form span.mandatory {
	color: #000000;
	padding-left: 5px;
}

#jsn-mainbody form label.form-error {
	color: #ff0000;
	background-image: url('/skins/sigma/resources/img/form-error.png');
	background-position: bottom;
	background-repeat: repeat-x;
}

#jsn-mainbody form input.form-error {
	border: 1px solid #ff0000;
}


/* Fix close dialog box error */
.ui-dialog .ui-dialog-titlebar-close {
        background-image: url(/skins/sigma/resources/css/jquery/images/ui-icons_222222_256x240.png);
        background-position: -96px -128px;
        border-radius: 4px;
}