/*@ Content title and subtitle */
.mceContentBody,
div.page .content {
	color: #012D55;
}
.mceContentBody p,
div.page .content p {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.page .content h1,
div.page .content h1.title {
	display:list-item;
	font-size: 1.7em;
	font-weight: normal;
	list-style-image:url(/skins/ametys/resources/img/puce-h3.png);
	list-style-position:outside;
	border-bottom:1px solid #90bee2;
	padding-left: 0;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-bottom: 8px;
	margin-left:18px;
	text-align:left;
}
div.page .content h1 a,
div.page .content h1.title a{ color:#012D55; }
div.page .content h1 a:hover,
div.page .content h1.title a:hover{ text-decoration:none; }

.mceContentBody h1,
div.page .content h2.subtitle,
div.page .content h2 {
	display:list-item;
	list-style-image:url(/skins/ametys/resources/img/puce-h4.png);
	list-style-position:inside;
	padding-left: 15px;
	margin: 5px 0 5px 10px;
	font-size: 1.3em;
	font-weight: normal;
}

.mceContentBody h1 a,
div.page .content h4.subtitle a,
div.page .content h4 a,
.mceContentBody h1 a:hover,
div.page .content h4.subtitle a:hover,
div.page .content h4 a:hover {
	text-decoration:none;
	color: #012D55;
}

.mceContentBody h2,
div.page .content h3,
div.page left-content, div.page right-content {
	display:list-item;
	list-style-image:url(/skins/ametys/resources/img/puce-h5.png);
	list-style-position:inside;
	color: #1da5d3;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 5px;
	margin: 5px 0 5px 20px;
}

div.page .content .content-subtitle {
	display: block;
    font-size: 0.9em;
    margin-left: 0px;
    margin-top: 3px;
}

.mceContentBody h3,
div.page .content h4 {
	display:list-item;
	color: #812281;
	list-style-image:url(/skins/ametys/resources/img/cube.jpg);
	list-style-position:inside;
	margin: 5px 0 5px 20px;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 10px;
}
/***/

div.page .content p {
	margin-left: 20px;
}

.mceContentBody p.sub-title,
div.page .content p.sub-title {
	display:list-item;
	color: #812281;
	list-style-image:url(/skins/ametys/resources/img/cube.jpg);
	list-style-position:inside;
	margin: 5px 0 5px 20px;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 10px;
}

.mceContentBody p.purple,
div.page .content p.purple,
div.right-column p.purple {
	color: #812281;
}

.mceContentBody p.blue,
div.page .content p.blue,
div.right-column p.blue {
	color: #1da5d3;
}

.mceContentBody p.narrow-spaced,
div.page .content p.narrow-spaced {
	line-height : 110%;
	margin-top : 0;
	margin-bottom : 0;
}

.mceContentBody p.introduction,
div.page .content p.introduction {
	letter-spacing: 1px;
	font-size: 0.9em;
	font-weight : bold;
}

.mceContentBody p.important,
div.page .content p.important {
	border: 1px solid #a7d9f4;
	letter-spacing: 1px;
	color: #1da5d3;
	background-color: #f6fbfe;
	padding: 10px;
	clear:left;
}

.mceContentBody p.important:after,
div.page .content p.important:after{
	content : " ";
	display:block;
	clear:both;
}

.mceContentBody p.secondary,
div.page .content p.secondary {
	color : #808080;
	font-style : italic;
	font-size : 0.9em;
	padding-left:35px;
}
/***/

/** @LIST A PUCE */

.mceContentBody ul,
div.page .content ul {
margin: 5px 0;
}

.mceContentBody ol,
div.page .content ol {
	margin: 5px 0;
	display:inline-block;
}

.mceContentBody ul ul, 
div.page .content ul ul {
margin-left: 20px;
}

.mceContentBody ul.disc,
div.page .content ul.disc {
	list-style-type : disc;
	list-style-position : inside;
}

.mceContentBody ul.square,
div.page .content ul.square {
	list-style-type : square;	
}

.mceContentBody ul.disc-violet,
div.page .content ul.disc-violet {
	list-style-image: url(/skins/ametys/resources/img/disc-violet.png);	
}

.mceContentBody ul.disc-violet li,
div.page .content ul.disc-violet li {
	padding-bottom: 8px;
}

.mceContentBody ul.square-violet,
div.page .content ul.square-violet {
	list-style-image : url(/skins/ametys/resources/img/cube-violet.jpg);	
}

.mceContentBody ul.arrow-violet,
div.page .content ul.arrow-violet {
	list-style-image : url(/skins/ametys/resources/img/flech-violet.png);	
}

.mceContentBody ul.arrow-violet li,
div.page .content ul.arrow-violet li {
	padding-bottom: 8px;
}

.mceContentBody ul.custom li,
div.page .content ul.custom li,
.index .content ul.custom li {
	font-weight:bold;
	font-size:0.9em;
	display:block;
	margin:8px 0;
}

/***/


/* @LIENS */
.mceContentBody a.simple,
.mceContentBody a.simple:hover,
.mceContentBody a.simple:link,
.mceContentBody a.simple:visited,
.mceContentBody a.simple:active,
div.page .content a.simple,
div.page .content a.simple:hover,
div.page .content a.simple:link,
div.page .content a.simple:visited,
div.page .content a.simple:active,
.index .content a.simple,
.index .content a.simple:hover,
.index .content a.simple:link,
.index .content a.simple:visited,
.index .content a.simple:active {
	color : #812281 !important;
}

.mceContentBody a.invisible,
.mceContentBody a.invisible:hover,
.mceContentBody a.invisible:link,
.mceContentBody a.invisible:visited,
.mceContentBody a.invisible:active,
div.page .content a.invisible,
div.page .content a.invisible:hover,
div.page .content a.invisible:link,
div.page .content a.invisible:visited,
div.page .content a.invisible:active,
.index .content a.invisible,
.index .content a.invisible:hover,
.index .content a.invisible:link,
.index .content a.invisible:visited,
.index .content a.invisible:active
{
	text-decoration: none !important;
	color: #012D55 !important;
}

.mceContentBody a.download,
.mceContentBody a.download:hover,
.mceContentBody a.download:link,
.mceContentBody a.download:visited,
.mceContentBody a.download:active,
div.page .content a.download,
div.page .content a.download:hover,
div.page .content a.download:link,
div.page .content a.download:visited,
div.page .content a.download:active,
.index .content a.download,
.index .content a.download:hover,
.index .content a.download:link,
.index .content a.download:visited,
.index .content a.download:active
{
	text-decoration : underline;
	color : #812281 !important;
	padding-left: 15px;
	background-image: url(/skins/ametys/resources/img/icon-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,
div.page .content a.know-more,
div.page .content a.know-more:hover,
div.page .content a.know-more:link,
div.page .content a.know-more:visited,
div.page .content a.know-more:active,
.index .content a.know-more,
.index .content a.know-more:hover,
.index .content a.know-more:link,
.index .content a.know-more:visited,
.index .content a.know-more:active
{
	padding: 1px;
	padding-top: 0px;
	padding-right: 16px;
	
	background-image: url(/skins/ametys/resources/img/icon-knowmore.png);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #812281;
	
	color: #ffffff !important;
}

.mceContentBody a.read-more,
.mceContentBody a.read-more:hover,
.mceContentBody a.read-more:link,
.mceContentBody a.read-more:visited,
.mceContentBody a.read-more:active,
.index .content a.read-more,
.index .content a.read-more:hover,
.index .content a.read-more:link,
.index .content a.read-more:visited,
.index .content a.read-more:active,
div.page .content a.read-more,
div.page .content a.read-more:hover,
div.page .content a.read-more:link,
div.page .content a.read-more:visited,
div.page .content a.read-more:active{
	background:url("/skins/ametys/resources/img/puce.png") no-repeat scroll left center transparent;
	font-size:0.9em;
	font-weight:normal;
	padding-left:7px;
	color:#012D55;
	text-decoration:none;
}

.mceContentBody a.read-more:hover,
.index .content a.read-more:hover,
div.page .content a.read-more:hover{
	text-decoration:underline;
}

.mceContentBody a.see-all,
.mceContentBody a.see-all:hover,
.mceContentBody a.see-all:link,
.mceContentBody a.see-all:visited,
.mceContentBody a.see-all:active,
.index .content a.see-all,
.index .content a.see-all:hover,
.index .content a.see-all:link,
.index .content a.see-all:visited,
.index .content a.see-all:active,
div.page .content a.see-all,
div.page .content a.see-all:hover,
div.page .content a.see-all:link,
div.page .content a.see-all:visited,
div.page .content a.see-all:active{
	background:url("/skins/ametys/resources/img/puce.png") no-repeat scroll left center transparent;
	font-size:10px;
	font-weight: bold;
	color:#812281;
	display: block;
	text-decoration:none;
	margin-top:5px;
	border-top:1px solid rgba(250,250,250,0.3);
	padding:5px 10px;
}
.mceContentBody a.see-all:hover,
.index .content a.see-all:hover,
div.page .content a.see-all:hover{
	text-decoration:underline;
}

.mceContentBody a.button,
.mceContentBody a.button:hover,
.mceContentBody a.button:link,
.mceContentBody a.button:visited,
.mceContentBody a.button:active,
.index .content a.button,
.index .content a.button:hover,
.index .content a.button:link,
.index .content a.button:visited,
.index .content a.button:active,
div.page .content a.button,
div.page .content a.button:hover,
div.page .content a.button:link,
div.page .content a.button:visited,
div.page .content a.button:active{
	 background: url("/skins/ametys/resources/img/btn-knowmore.png") repeat-x scroll left top transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 1px #CCCCCC;
    display: inline-block;
    line-height: 2.2em;
    margin: 10px 20px 0 0;
    padding: 0 20px;
    text-decoration: none!important;
    font-weight:600;
    font-size:1.2em;
    font-family:"Open Sans",Verdana,Arial,Helvetica,sans-serif;
    color:#012D55;
}

.mceContentBody a.external,
.mceContentBody a.external:hover,
.mceContentBody a.external:link,
.mceContentBody a.external:visited,
.mceContentBody a.external:active,
div.page .content a.external,
div.page .content a.external:hover,
div.page .content a.external:link,
div.page .content a.external:visited,
div.page .content a.external:active, 
div.right-column a.external,
div.right-column a.external:hover,
div.right-column a.external:link,
div.right-column a.external:visited,
div.right-column a.external:active
{
	color: #812281 !important;
	padding-right: 20px;
	background-image: url(/skins/ametys/resources/img/icon-external.png);
	background-position: right;
	background-repeat: no-repeat;
}

.mceContentBody a.website,
.mceContentBody a.website:link,
.mceContentBody a.website:visited,
.mceContentBody a.website:active,
div.page .content a.website, div.right-column a.website,
div.page .content a.website:link, div.right-column a.website:link,
div.page .content a.website:visited, div.right-column a.website:visited,
div.page .content a.website:active, div.right-column a.website:active 
{
	/*font-size: 0.9em;*/
	color: #012D55 !important;
	background-image: url(/skins/ametys/resources/img/puce-blue.gif);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	border-bottom: 1px solid #9da7b6;
	padding-left: 10px;
	margin: 2px 20px 0 20px;
	padding-bottom: 2px;
	text-decoration: none;
}

.mceContentBody a.website:hover,
div.page .content a.website:hover,
div.right-column a.website:hover
{
	text-decoration: underline;
}

div.page .content a.broken, body.mceContentBody a.broken,
div.page .content a.broken:hover, body.mceContentBody a.broken:hover,
div.page .content a.broken:link, body.mceContentBody a.broken:link,
div.page .content a.broken:visited, body.mceContentBody a.broken:visited,
div.page .content a.broken:active, body.mceContentBody a.broken:active{
	color: #ff0000 !important;
	text-decoration:line-through!important;
}
/***/

/* @TABLEAUX */
.mceContentBody table,
div.page .content table {
	border-collapse: collapse;
}

.mceContentBody table tr th,
.mceContentBody table tr td,
div.page .content table tr th,
div.page .content table tr td {
	padding:2px;
}

.mceContentBody table tr th p,
.mceContentBody table tr td p,
div.page .content table tr th p,
div.page .content table tr td p {
	margin: 0px;
}

.mceContentBody table.simple,
.mceContentBody table.simple tr th,
.mceContentBody table.simple tr td,
div.page .content table.simple,
div.page .content table.simple tr th,
div.page .content table.simple tr td {
	border: 1px solid #a6daef;	
}

.mceContentBody table.simple tr th,
div.page .content table.simple tr th {
	color: #22a4d5;
}

.mceContentBody table.invisible,
div.page .content table.invisible {
	border: 0 none transparent;	
}

.mceContentBody table.invisible tr th,
div.page .content table.invisible tr th {
	color: #7d2282;
}

.mceContentBody table.blue,
.mceContentBody table.blue tr td,
div.page .content table.blue, 
div.page .content table.blue tr td{
	border: 1px solid #a4dceb;	
}

.mceContentBody table.blue tr th,
div.page .content table.blue tr th {
	border: 1px solid #a4dceb;
	background: #002f57 url(/skins/ametys/resources/img/bg-table-blue.jpg) repeat-x top left;
	color: #fff;
}

.mceContentBody table.purple,
div.page .content table.purple {
	border: 1px solid #cfa7cc;
}

.mceContentBody table.purple tr th,
div.page .content table.purple tr th {
	background: #422156 url(/skins/ametys/resources/img/bg-table-purple.jpg) repeat-x top left;
	color: #fff;
}

.mceContentBody table.newstyle,
div.page .content table.newstyle {
	border: 1px solid #cfa7cc;
	border-radius:10px;
	border-collapse:separate;
	border-spacing:0;
	padding:2px;
}

.mceContentBody table.newstyle tr th,
div.page .content table.newstyle tr th {
	background:#DCE9F9;
/* 	background-image:-moz-linear-gradient(center top , #EBF3FC, #DCE9F9); */
	background: -webkit-linear-gradient(center top , #EBF3FC, #DCE9F9);
	background:    -moz-linear-gradient(center top , #EBF3FC, #DCE9F9);
	background:     -ms-linear-gradient(center top , #EBF3FC, #DCE9F9);
	background:      -o-linear-gradient(center top , #EBF3FC, #DCE9F9);
	background:         linear-gradient(center top , #EBF3FC, #DCE9F9);
	color: #812281;
	text-align:left;
	vertical-align:top;
}

.mceContentBody table.newstyle tr th,
div.page .content table.newstyle tr th,
.mceContentBody table.newstyle tr td,
div.page .content table.newstyle tr td{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #cfa7cc;
	padding:10px;
}
.mceContentBody table.newstyle tr.last th,
div.page .content table.newstyle tr.last th,
.mceContentBody table.newstyle tr.last td,
div.page .content table.newstyle tr.last td{
	border-bottom-width:0;
}

.mceContentBody table.latest-sites,
div.page .content table.latest-sites,
div.right-column table.latest-sites {
	border-bottom: 1px solid #cce1f1;
	font-size: 0.9em;
	padding-bottom: 3px;
}

.mceContentBody table.media-coverage,
div.page .content table.media-coverage,
div.right-column table.media-coverage {
	border-bottom: 1px solid #9fa9b8;
	font-size: 0.9em;
	padding-bottom: 3px;
}

.mceContentBody table.latest-sites a.simple,
div.page .content table.latest-sites a.simple,
div.right-column table.latest-sites a.simple  {
	color: #012D55;
	text-decoration: none;
}

.mceContentBody table.latest-sites a.simple:hover,
div.page .content table.latest-sites a.simple:hover,
div.right-column table.latest-sites a.simple:hover,
.mceContentBody table.media-coverage a.simple:hover,
div.page .content table.media-coverage a.simple:hover,
div.right-column table.media-coverage a.simple:hover {
	text-decoration: underline;
}

.mceContentBody table.media-coverage a.simple,
div.page .content table.media-coverage a.simple,
div.right-column table.media-coverage a.simple {
	color: #812281;	
}

.mceContentBody table.latest-sites p,
.mceContentBody table.media-coverage p,
div.page .content table.latest-sites p,
div.page .content table.media-coverage p,
div.right-column table.latest-sites p, 
div.right-column table.media-coverage p {
	margin-top: 0;
	margin-bottom: 0;
}

.mceContentBody table caption,
div.page .content table caption {
	color : #808080;
	font-size : 0.9em;
	padding-bottom: 5px;
}
/***/

/* @IMAGES */
.mceContentBody img.simple,
div.page .content img.simple {
	border: 1px solid #1da5d3;
	margin: 10px;
	padding: 0px;	
}

.mceContentBody img.invisible,
div.page .content img.invisible {
	border-style: none;
	margin: 10px;
	padding: 0px;
}

.mceContentBody img.frame,
div.page .content img.frame {
	border: 1px solid #1da5d3;
	background-color: #ffffff;
	margin: 10px;
	padding: 3px;
}

.mceContentBody img.largeframe,
div.page .content img.largeframe {
	border: 1px solid #1da5d3;	
	background-color: #ffffff;
	margin: 10px;
	padding: 8px;	
}

.mceContentBody img.zoom ,
div.page .content img.zoom {
	border:1px solid #1DA5D3;
	margin: 10px 10px 10px 20px;
	padding:0;	
}

.mceContentBody img.zoom.floatleft ,
div.page .content img.zoom.floatleft {
	margin-left: 20px;
}

.mceContentBody span.image-wrapper.floatleft,
div.page .content span.image-wrapper.floatleft,
.index .content span.image-wrapper.floatleft {
	float: left;
	margin: 0px;
	margin-right: 10px;	
}

.mceContentBody span.image-wrapper.floatright,
.index .content span.image-wrapper.floatright,
div.page .content span.image-wrapper.floatright {
	float: right;
	margin: 0px;
	margin-left: 10px;	
}

.mceContentBody ul,
div.page .content ul {
	margin: 5px 0px;
	padding-left:40px;
}
.mceContentBody ul ul,
div.page .content ul ul{
	padding-left:0;
}
/***/

/* Filtered-contents */
div.page .content .filtered-contents ul,
div.page .content .filtered-contents li{
	margin-left:0;
	padding-left:0;
	list-style-type:none;
	clear: both;
}

div.page .content .filtered-contents.feature-list-contents ul,
div.page .content .filtered-contents.feature-list-contents li{
	clear: none;
}

.mceContentBody .floatleft,
.ametys-cms-content .floatleft
{
	float: left;
	margin-right: 10px;
}

.mceContentBody .floatright,
.ametys-cms-content .floatright
{
	float: right;
	margin-left: 10px;
}

/* Forms */
.button{
	margin-left:10px;
	padding-right:10px;
	float:left;
}
.button,
.button input[type=submit]{
	background:url('/skins/ametys/resources/img/button.png') no-repeat right top;
	border-width:0;
	color:#ffffff;
	height:26px;
	line-height:26px;
	text-align:center;
	display:inline-block;
}

.button input[type=submit]{
	background-position: left top;
	margin-left:-10px;
}

.button:hover,
.button:hover input[type=submit]{
	background-position: right bottom;
	cursor:pointer;
}

.button:hover input[type=submit]{
	background-position:left bottom;
}

/* Migration 3.6 > 3.7 */
.ametys-cms-content ol.toc,
.ametys-cms-content ol.toc ol {
    counter-reset: section;               
    list-style-type: none;
}
 
.ametys-cms-content ol.toc ol {
    margin: 0 0 0 2em;
}
 
.ametys-cms-content ol.toc li:before,
.ametys-cms-content ol.toc ol li:before {
    counter-increment: section;           
    content: counters(section, ".") ". "; 
}