/* ------------ SOMMAIRE ------------ 
   1. MainContent : styles des headings, body, links, panels, labels, metadata.
   2. Top : styles du logo et éventuelle bannière.
   3. Nav-site : styles de la galaxie Petals.
   4. Nav-menu : styles de la barre de menu en-dessous de la galaxie pour naviguer entre les espaces.
   5. Nav-sidebar : styles de tout le contenu de la sidebar (titres, liens, fonds...).
   6. Bottom: styles de la barre de footer.
   
   V0.0 - 2010-11-08 - Rapatriement brut des fichiers css individuels.
   V0.7 - 2010-11-10 - Rapatriement des modifs RECHERCHE jusqu'au 2010-11-08, ajout lisibilité.
   V1.0 - 2010-11-10 - Version fonctionnelle.
   V1.1 - 2011-01-06 - Ajustements du code (quelques styles directement intégrés aux templates car soumis à condition), 
   V1.5 - 2011-01-06 - Remplacement de l'ensemble des styles de la barre de sites EBM (galaxy EBM) pour mettre en place la nouvelle.
   V1.6 - 2011-01-06 - Rajout du background pour le body, issu de la feuille de style de la nouvelle barre galaxy. (ATTENTION: les chemins des images ont été modifiés par rapport au modèle de Seb).
   V1.7 - 2011-01-??Suppression de l'attribut "top" de #logo, ajout de l'attribut "margin-top:25px;" à #menubar.
   V1.8 - 2011-01-31 - Suppression de l'attribut max-width pour les images.
   V1.9 - 2011-02-11 - Ajout de max-width pour le logo-img.
   V2.0 - 2013-01-18 - Modif URL puces et fond en local cause passage en https.
   v3.0 - 2013-08-20 - Ajout d'une nouvelle class "page-info" et modification des classes "page-metadata" et "labels-section" dans le contexte de ladite classe "page-info", pour la mise en page du nouvel espace d'accueil. Rajouté dans une section 7. Content/space specific styles.
*/

/* ---------- 1. DÉBUT MainContent (ex main-content.css) ---------- */

/*Version 5 2010-11-08 - Remplacement des couleurs des titres et liens, de couleur fixe à renvoi sur "Colour Scheme" de Confluence.
/*Version 4 2010-10-10 - Rapatriement des styles de liens et suppression du soulignement pour les liens dans les titres.*/
/*Version 3 : Rapatriement ici des styles relatifs au contenu principal, dispersés dans d'autres feuilles de styles.*/

/* STYLE GÉNÉRAL DU CONTENU */

body, p, td, table, tr, .bodytext, .stepfield {
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	font-weight: normal;
}

body{	/*ISSU DU STYLESHEET de la nouvelle Galaxy EBM (nav-site)*/
	background:url("/img/fond_2.0.gif") no-repeat scroll center top transparent;
	background-color:#fff;
	margin:0;
	padding:0;}

html, body
{
    margin: 0;
    padding: 0;
}

#header{
    border-bottom-width:3px;
    border-bottom-style:solid;
}

#main{
    border:0;
    padding: 20px;
    min-height:40em;
    _height:40em;
}

hr {
    border:1px solid #CCCCCC;
    height: 0;
}

/* STYLES DE STRUCTURE */

/*TITRES*/

#com-atlassian-confluence .wiki-content h1{
border-bottom:1px solid /*#492562*/;
/* color:#492562; MISE EN COM, on laisse Confluence prendre la couleur définie dans le "Colour Scheme" graphique*/
font-size:1.7em;
margin-bottom:0.5em;
margin-top:2em;
}

/* Styles issus du thème documentation à tester si on garde ou non*/
#com-atlassian-confluence h1 {
    margin:10px 0 0.3em;
    line-height: 1em;
}

#com-atlassian-confluence h1 img{
    float:none;
    margin:0;
    vertical-align:text-bottom;
}
/*Fin des styles issus du thème documentation*/

#com-atlassian-confluence .wiki-content h2{
border-bottom:1px solid /*#783187*/;
/* color:#783187; MISE EN COM, on laisse Confluence prendre la couleur définie dans le "Colour Scheme" graphique*/
font-size:1.5em;
margin-bottom:0.5em;
margin-top:2em;
margin-left:10px;
}

#com-atlassian-confluence .wiki-content h3{
/*border-bottom:1px solid #e46425;*/
/* color:#e46425; MISE EN COM, on laisse Confluence prendre la couleur définie dans le "Colour Scheme" graphique*/
font-size:1.3em;
margin-bottom:0.5em;
margin-top:2em;
margin-left:20px;
}

#com-atlassian-confluence .wiki-content h4{
/*border-bottom:1px solid #666666;*/
/* color:#666666; MISE EN COM, on laisse Confluence prendre la couleur définie dans le "Colour Scheme" graphique*/
font-size:1.1em;
margin-bottom:0.5em;
margin-top:2em;
margin-left:30px;
}

#com-atlassian-confluence .wiki-content h5{
/*border-bottom:1px solid #666666;*/
/* color:#666666; MISE EN COM, on laisse Confluence prendre la couleur définie dans le "Colour Scheme" graphique*/
font-size:0.9em;
margin-bottom:0.5em;
margin-top:2em;
margin-left:40px;
}

#com-atlassian-confluence .wiki-content h6{
/*border-bottom:1px solid #999999;*/
/* color:#999999; MISE EN COM, on laisse Confluence prendre la couleur définie dans le "Colour Scheme" graphique*/
font-size:0.9em;
margin-bottom:0.5em;
margin-top:2em;
margin-left:50px;
}

#com-atlassian-confluence .wiki-content .pagetitle{
color:#orange;
}
/*Fin titres*/

/*LIENS*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none !important;
}

a:link, a:visited, a:active, #default-labels-header a.add {
color:property.style.linkcolour;
text-decoration:underline;
}

a:hover {
color:#E46425;
text-decoration:underline !important;
}

/*Fin liens*/

/*LISTES*/

.wiki-content ul p{
list-style-image:url("/img/puce_v.png");
margin:0;
padding:0;
}

.wiki-content ul{
list-style-image:none;
margin-left:15px;
padding:0 2px;
}

.wiki-content ul li{
list-style-image:url("/img/puce_v.png");
margin-left:15px;
padding:0 2px;
}

.wiki-content ul li ul li{
list-style-image:url("/img/puce_o.png");
margin-left:15px;
padding:0 2px;
}

.wiki-content ul li ul li ul li{
list-style-image:url("/img/puce_g.png");
margin-left:15px;
padding:0 2px;
}

.wiki-content ol {
list-style-type:decimal;
}

.wiki-content ol li {
list-style-type:decimal;
}

/*fin listes*/

/*CODE*/
#content .code {
width:770px;
}
/*fin code*/

/* @group Tab Styles */
.tab-navigation .tab a {
 font-weight: normal;
 color: #999999;
 background-color: transparent;
 border: none;
}

.tab-navigation .tab a:hover {
 font-weight: normal;
 color:#000;
 background-color: transparent;
 border: none;
}

#tab-navigation{
 border-bottom-color:#CCC;
 margin: 1em 0 2em -10px;
 background-color: transparent;
}

ul.tab-navigation .current a:hover, ul.tab-navigation .current a {
 background-color: transparent;
 border:none;
 color:#000000;
}
/* @end */

/*---------- LABELS ----------*/

#default-labels-header{
    float:left;
    padding-right: 5px;
}

#labels-section{
    border-top:1px dashed #CCCCCC;
    margin:40px -20px 10px;
    padding:20px;
}

#labels-section-title{
    display: none;
}

#labelsList a.label{
    background-color: #f0f0f0;
    border-bottom:1px solid #CCC;
    color:#666;
    text-decoration: none;
    padding: 2px 5px;
}

#labelsList a.label:hover{
    color:#000;
}
/*fin labels*/

/* STYLES DE MISE EN VALEUR DU CONTENU */

.important{
color:#B04D1C;
font-size:1.1em;
margin-bottom:0.5em;
margin-top:0.5em;
margin-left:5px;
}

.sectionMacro td.confluenceTd{
    padding-right:20px;
}

/*---------- IMAGES ----------*/

img{/*width: auto;*/
height: auto;
/* max-width: 600px; // MIS EN COM CAR IMPACTAIT TROP TOUTES LES IMAGES. */
}

.small {
width:5%;
color:green;
}

.mini {width:10px;}
.medium {width:40%;}
.large {width:100%;}
.normal {max-width:100%;}
.test{max-width:10%}

/*---------- METADATA ----------*/
.page-metadata a:link, .page-metadata a:active, .page-metadata a:hover, .page-metadata a:visited {
    color: #666;
    text-decoration:none;
}

.page-metadata {
    color:#999;
    margin-top:-.5em;
}

/*---------- PANELS ----------*/

.panel h2 { margin-top: 10px; margin-bottom: 1em; font-size: 1.5em; color: #000; padding-bottom: 2px; border-bottom: 1px solid #919699;}
.panel h3 { margin-top: 10px; margin-bottom: .5em; font-size: 1.2em; color: #333; }

.panelMacro h2 { margin-top: 0; margin-bottom: 1em; font-size: 1.5em; color: #000; padding-bottom: 2px; border-bottom: 1px solid #919699;}
.panelMacro h3 { margin-top: 0em; margin-bottom: .5em; font-size: 1.2em; color: #333; }

.panelMacro, .panel{
    margin: 0 0 10px 0;

}

.panelMacro table{
    padding:10px;
}

#content .infoMacro, #content .tipMacro, #content .warningMacro, #content .noteMacro, #content .panel {
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari */
    border-radius: 5px; /* CSS3 (Opera?) */
}

.panel{
    background-color: #F0F0F0;
    border-color: #BBB;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari */
    border-radius: 5px; /* CSS3 (Opera?) */
}

.panel .panelHeader {
    border-bottom-color:#F0F0F0;
    color: #333;
    text-align: left;
    line-height: 1em;
    padding:10px 10px 5px;
    margin-bottom:0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px; 
}

.panel .panelContent{
    padding: 0 10px;
}

.panelMacro td, .panelMacro p {
    padding:0;
}

.infoMacro{
    background-color: #E0EFFF;
    border-color: #9EB6D4;
}
.tipMacro{
    background-color: #DDFADE;
    border-color: #9EC49F;
}
.warningMacro{
    background-color: #FFE7E7;
    border-color: #DF9898;
}
.noteMacro{
    background-color: #FFFFDD;
    border-color: #F7DF92;
}

.preformatted{
    background-color: #FFF;
}


#content .infoMacro, #content .tipMacro, #content .warningMacro, #content .noteMacro, #content .panel{
    border-width: 1px;
    border-style: solid;
}

/* Don't give tables a border in the panel macro */
.panel .confluenceTable{
    margin: 0;
}

.panel table.confluenceTable th.confluenceTh, .panel table.confluenceTable td.confluenceTd {
    border: 0;
}

/*fin panels*/

/* Group RSS Macro Styles*/
div.rssMacro{
    margin-bottom:20px;
    border:1px solid #CCC;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari */
    border-radius: 5px; /* CSS3 (Opera?) */
}

div.rssMacro table{
    margin: 0;
}
div.rssMacro table th a{
    color: #000;
}

div.rssMacro table th, .rssMacro table td {
    border:0;
}

div.rssMacro b{
    font-weight: normal;
}


.monospaceInput {
font:14px monospace;
}

/*
h1, h2, h3, h4, h5, h6, .wiki-content h1, .wiki-content h2, .wiki-content h3, 
.wiki-content h4, .wiki-content h5, .wiki-content h6, 
.pagetitle, #title-text, #title-text a, .steptitle, .substeptitle, 
.formtitle, a.blogHeading, .more-comments a, .label, label, 
th.confluenceTh, table.confluenceTable th.confluenceTh, table.admin th, 
.form-element-large, .form-element-small, 
#com-atlassian-confluence .mce_h1 span.mceText, #com-atlassian-confluence .mce_h2 span.mceText, 
#com-atlassian-confluence .mce_h3 span.mceText, #com-atlassian-confluence .mce_h4 span.mceText, 
#com-atlassian-confluence .mce_h5 span.mceText, #com-atlassian-confluence .mce_h6 span.mceText 
{ color: #000;}
*/

/* ---------- FIN MainContent (ex main-content.css) ---------- */

/* ---------- 2. DÉBUT Top (ex top.css) ------------ */
/* Version 1.0 Centralisation et structuration des styles appliquables au haut de la page.
*/

/*---------- TOP ----------
  Partie comprenant le logo global, la barre nav-site, la barre nav-menu, le google custom search, le contact.*/
/*#top {		MIS EN COMMENTAIRE CAR
height:60px;		DEPORTE DIRECTEMENT DANS LE TEMPLATE main.vmd
}			GESTION DE LA HAUTEUR EN FONCTION DU SITE (90 pour la doc, 60 pour la recherche) */

/*fin top*/

/*----- LOGO ----- */
#logo-img {
height:60px;!important /* !!! 85 ou 90 pour le site de doc. MAJ: DESORMAIS LES IMAGES DE LA DOC SONT A LA MEME HAUTEUR ET PRETAILLÉES.*/
max-width:1000px !important;
}


/*---------- PAGE SPECIFIC HEADER ----------
  en-tête spécifique à chaque page, se place juste au-dessus du body*/

#theme-header .panelMacro{
    margin-bottom:0;
}

#theme-header .panelMacro td,
#theme-header .panelMacro p {
    padding:5px 0;
}

#theme-header .infoMacro,
#theme-header .tipMacro,
#theme-header .warningMacro,
#theme-header .noteMacro,
#theme-header .panel{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/*fin space specific header*/
/* ---------- FIN Top (ex top.css) ------------ */
/* ---------- 3. DÉBUT Nav-site (ex nav-site.css) ------------ */
#mainNav {
	margin:0px;
	width:100%;
}
.span-22 {
	width:100%;
}

div.span-22 {
	float:left;
	margin-right:10px;
}

#mainNav .lineNav {
    background:url("/petalslink/img/nav_line.gif") repeat-x scroll 0 0 transparent;
}

#mainNav ul, #mainNav ul li {
    padding: 0px;
    margin: 0 5px;
    list-style: none outside;
}

#mainNav ul  {
    padding: 0 0 0 557px;
	margin:0 auto;
	width:460px;
}
#mainNav ul li {
    padding: 0px 0px;
    float: left;
}

#mainNav ul li a span {
    display: none;
}

#mainNav ul li a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #000;
    font-weight: bold;
    display: block;
    height: 25px;
}

#mainNav ul li a:hover {
    color: #666;
}

#mainNav ul li a.active {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #000;
    font-weight: bold;
}

#mainNav li.navPetalslink {
    background: url(/petalslink/img/nav.png) no-repeat;
    width: 65px;
    height: 25px;
}

#mainNav li.navPetalslink a:hover, #mainNav li.navPetalslink a.active {
    background: url(/petalslink/img/nav_over.png) no-repeat;
    color: #666;
}

#mainNav li.navCommunity a {
    background: url(/petalslink/img/nav.png) no-repeat -65px;
    width: 70px;
    height: 25px;
}

#mainNav li.navCommunity a:hover, #mainNav li.navCommunity a.active {
    background: url(/petalslink/img/nav_over.png) no-repeat -65px;
    color: #666;
}

#mainNav li.navForum a {
    background: url(/petalslink/img/nav.png) no-repeat -135px;
    width: 60px;
    height: 25px;
}

#mainNav li.navForum a:hover, #mainNav li.navForum a.active {
    background: url(/petalslink/img/nav_over.png) no-repeat -135px;
    color: #666;
}

#mainNav li.navDownload a {
    background: url(/petalslink/img/nav.png) no-repeat -195px;
    width: 65px;
    height: 25px;
}

#mainNav li.navDownload a:hover, #mainNav li.navDownload a.active {
    background: url(/petalslink/img/nav_over.png) no-repeat -195px;
    color: #666;
}

#mainNav li.navDocumentation a {
    background: url(/petalslink/img/nav.png) no-repeat -260px;
    width: 85px;
    height: 25px;
}

#mainNav li.navDocumentation a:hover, #mainNav li.navDocumentation a.active {
    background: url(/petalslink/img/nav_over.png) no-repeat -260px;
    color: #666;
}

#mainNav li.navBlogs a {
    background: url(/petalslink/img/nav.png) no-repeat -345px;
    width: 46px;
    height: 25px;
}

#mainNav li.navBlogs a:hover, #mainNav li.navBlogs a.active {
    background: url(/petalslink/img/nav_over.png) no-repeat -345px;
    color: #666;
}

/* ---------- FIN Nav-site (ex nav-site.css) ------------ */
/* ---------- 4. DÉBUT Nav-menu (ex nav-menu.css) ------------ */
/* COPIE DU FICHIER subspace-resource.css DU PLUGIN SUBSPACE
 POUR STYLER LA BARRE DE MENU D'ACCÈS RAPIDE AUX ESPACES */

/* STYLE MIS EN COM CAR NE SERT PAS ET TOUCHE A LA TAILLE DE BASE
#com-atlassian-confluence {
color:#000000;
font-size:10pt;
font-weight:normal;
line-height:1.3;
}*/


body #header {
position:relative;
z-index:3 !important;
}
.ajs-menu-bar {
position:relative;
}
#logoblock td img {
display:block;
}
#col1 {
position:relative;
}
* html #menubar {
padding-top:0 !important;
}

#logo{
border:0 none;
padding:0;
text-decoration:none;
height:40px;
position:relative;
width:600px;
}
#startPage {
background:url("/petalslink/img/bg_menu.png") repeat-x scroll 0 0 transparent;
border-right:1px solid #FFFFFF;
float:left;
width:200px;
z-index:11;
}
#startPage p {
border-right:1px solid #CCCCCC;
margin:0;
padding:0;
}
#startPage a {
color:#000000;
display:block;
font-weight:bold;
height:25px;
line-height:25px;
padding-left:10px;
text-decoration:none;
}
#startPage a:hover {
background:none repeat scroll 0 0 #CCCCCC;
color:#E20074;
}
#menubar {
/*background:url("/petalslink/img/bg_menu.png") repeat-x scroll 0 0 transparent;*/
clear:both;


height:27px;
margin:0 auto;
padding-left:400px;
width:100%;
margin-top:25px; /*NEW in 1.7 to have clean display either with or without the galaxy on.*/
}
.menu {
font-size:0.85em;
position:static;
}
.menu p {
margin:0;
}
.menu ul {
list-style-type:none;
margin:0;
padding:0;
position:relative;
z-index:100;
}
.menu ul {
padding-top:0 !important;
}
.menu li {
border-right:1px solid #FFFFFF;
border-left:1px solid #cccccc;
display:inline;
float:left;
position:relative;
}
.menu li li {
border-left:medium none;
border-right:medium none;
}
.menu a, .menu a:visited, .menu #nospaces {
background:url("/petalslink/img/bg_menu.png") repeat-x scroll 0 0 transparent;
border-right:1px solid #CCCCCC;
display:block;
font-size:12px;
font-weight:bold;
height:25px;
line-height:25px;
padding:0 12px;
text-decoration:none;
white-space:nowrap;
}
* html .menu a {
width:1px;
}
.menu ul ul {
border-left:medium none;
height:0;
left:-2px;
margin:0;
padding-top:2px;
position:absolute;
top:25px;
visibility:hidden;
}
.menu ul ul ul {
left:159px;
top:-1px;
width:160px;
}
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:url("/petalslink/img/arrow_grey_r.gif") no-repeat scroll 96% 50% #FFFFFF;
}
.menu ul ul a.drop:hover {
background:url("/petalslink/img/arrow_grey_r.gif") no-repeat scroll 96% 50% #E7E7E7;
}
.menu ul ul :hover > a.drop {
background:url("/petalslink/img/arrow_grey_r.gif") no-repeat scroll 96% 50% #E7E7E7;
}
.menu ul ul ul a, .menu ul ul ul a:visited {
background:none repeat scroll 0 0 #FFFFFF;
}
.menu ul ul ul a:hover {
background:none repeat scroll 0 0 #E7E7E7;
}
.menu * :hover > a, .menu ul ul * :hover > a {
background:none repeat scroll 0 0 #CCCCCC;
}
.menu * :hover > a {
color:#F78E31;
}
.menu table {
border-collapse:collapse;
left:0;
position:absolute;
top:0;
}
.menu ul ul a, .menu ul ul a:visited {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px 1px;
color:#000000;
font-weight:normal;
height:auto;
line-height:1.25em;
padding:5px 20px 5px 10px;
white-space:normal;
width:128px;
}
.menu ul ul ul {
border-top:1px solid #CCCCCC;
}
.menu a:hover {
background:none repeat scroll 0 0 #CCCCCC;
color:#F78E31;
}
.menu ul ul a:hover {
background:none repeat scroll 0 0 #E7E7E7;
color:#000000;
}
.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
}
.menu ul :hover ul :hover ul {
visibility:visible;
}
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}
.menu ul :hover ul ul {
visibility:hidden;
}
.menu ul :hover ul :hover ul ul {
visibility:hidden;
}
.menu li a.nopermission {
color:#CCCCCC !important;
}
.menu ul ul li a.nopermission {
background:none repeat scroll 0 0 #FFFFFF !important;
color:#CCCCCC;
}
.menu a.nopermission:hover {
background:none repeat scroll 0 0 transparent !important;
color:#CCCCCC;
position:relative;
}
.menu ul ul .nopermission:hover {
background:none repeat scroll 0 0 #E7E7E7 !important;
}
.menu :hover > a.nopermission, .menu ul ul * :hover > a {
background:none repeat scroll 0 0 transparent;
}
#menubar .menu ul ul :hover > a.nopermission {
background:none repeat scroll 0 0 #E7E7E7 !important;
}
ul.treenode {
list-style:none outside none !important;
margin-left:-45px;
margin-top:-5px;
}
* + html ul.treenode {
margin-left:-5px;
}
* html ul.treenode {
margin-left:-4px;
}
.subspaces_plain ul {
margin:auto;
}
#link_image {
background:url("/petalslink/img/link.png") no-repeat scroll 2px center transparent;
padding-left:15px !important;
}
.success {
background-color:green;
}

/* ---------- FIN Nav-menu (ex nav-menu.css) ------------ */
/* ---------- 5. DÉBUT Nav-sidebar (ex nav-sidebar.css) ------------ */
/* Version 5 2010-11-08 - Mise en com' des couleurs de titres et liens pour que les couleurs custom de chaque espace s'appliquent.
Correction des liens vers les images pour aller taper dans le dossier petalslink. */

/* Version 4 Suppression de tout le code doublon avec le main-content.css (styles de titres, liens, images, etc...)
 */

/* COPIER-COLLER DU FICHIER splitter.css DU THÈME DOCUMENTATION, ADRESSES DES IMAGES ADAPTÉES */
/* text & colors */

#theme-header, #theme-footer {
    text-align:center;
}

/* Sidebar navigation styles */
#splitter-sidebar ul{
    padding:0;
    margin:0;
    list-style:none;
    line-height:1.0em; /* AJOUT PERSO*/
}

#splitter-sidebar li{
    padding:5px 0;
  /* border-bottom:1px solid #CCC;*/
}

#splitter-sidebar h1, #splitter-sidebar h2, #splitter-sidebar h3{
    padding: 0;
    margin: 0;
    margin-top:10px;
    /*border-bottom:2px solid #CCC;*/
    white-space:nowrap;
    width:auto;
    line-height:1.5em;
/*    color:#492562; MISE EN COM POUR QUE COULEUR SOIT PRISE SELON L'ESPACE */ /*TEST*/
}

#splitter-sidebar li a,
#splitter-sidebar p,
#splitter-sidebar h1,
#splitter-sidebar h2,
#splitter-sidebar h3{
    padding-left:10px;
}

#splitter-sidebar h1{
	
    font-size:1.2em;
}

#splitter-sidebar h2{
    font-size:1.1em;
}

#splitter-sidebar h2{
    font-size:1em;
}

#splitter-sidebar a{
    font-size:.9em;
/*    color:#492562; MISE EN COM POUR PRENDRE COULEUR DE CHAQUE ESPACE */
    text-decoration:none;
}

#splitter-sidebar a:hover{
    color:#e46425;
    text-decoration:underline;
}

#splitter {
   /* Height is set to match window size in $().ready() below */
    min-width:  600px;
    min-height: 300px;
}

#splitter-sidebar{
    background-image: url(/petalslink/img/sidebar-shadow.png);
    background-repeat: repeat-y;
    background-position: right top;
    background-color: #F0F0F0;
}

#splitter #splitter-content{
    background-color: #FFF;
}
#splitter #splitter-content,
#splitter #splitter-sidebar
{
    overflow: auto;
}
.vsplitbar {
    width: 5px;
    background: #CCC;
    background-image: url(/petalslink/img/vgrabber.gif);
    background-repeat: no-repeat;
    background-position: center;
}

/* @group Pagetree Styles */

#splitter-button{
    background: url(/petalslink/img/tree.png) no-repeat 4px 50%;
    width:30px;
    height: 2em;
    cursor:pointer;
    margin-left: 5px;
}

#splitter-button.collapsed{
    /*background: #ccc url(../../../../../../../..//petalslink/img/icons/sidebar/collapse.gif) no-repeat 4px 50%;*/
    background: url(/petalslink/img/tree-off.png) no-repeat 4px 50%;
}

#splitter-sidebar .plugin_pagetree {
    margin-left: -10px;
}

#splitter-sidebar .plugin_pagetree #pagetreesearch {
    margin: 10px 0 10px 20px;
    min-width: 230px;
}


#splitter-sidebar .plugin_pagetree img{
    width: 9px;
    height: 9px;
}

#splitter-sidebar .plugin_pagetree span img{
    display:none;
}

#splitter-sidebar .plugin_pagetree ul{
    padding-left:10px!important;
    margin-left:0!important;
}

#splitter-sidebar .plugin_pagetree li {
    text-decoration: none;
    margin: 0;
    padding: 2px 0;
    border-bottom: none;
}

#splitter-sidebar .plugin_pagetree li a,
#splitter-sidebar .plugin_pagetree ul{
    color: #4C4C4C;
    font-size: 9pt;
    text-decoration: none;
    padding-left: 0;
}

#splitter-sidebar .plugin_pagetree li a:hover{
    text-decoration:underline;
}

#pagetreesearch input{
    background-color: #FFF;
    border:1px solid #CCCCCC;
    color:#666666;
}
/* @end */

/* @group Page Bottom and Panel Styles */

.section-header a:link, .section-header a:active, .section-header a:hover, .section-header a:visited {
    /* this is not a valid value, but will set it back to the parent color*/
    color:default;
}

#splitter-sidebar .panel{
    border:0;
    background:none;
}

#splitter-sidebar .panel .panelContent {
    padding:0 10px;
    background: none;
    margin-top:0;
}

#content .code{
    border-style:dashed;
    background-color: #FFF;
}


#personal-info-sidebar {
    margin-right: -20px;
}


/* @end */

@media print{

    html, body, #main, #splitter {
        overflow: visible!important;
        height: 100%!important;
    }

    #theme-header, #theme-footer, #splitter-sidebar, .page-metadata, .vsplitbar, #labels-section, #children-section{
        display:none;
    }

    #splitter #splitter-content{
        left:0!important;
        overflow: visible!important;
        width:800px!important;
        height: 100%!important;
    }

    .panel, panelMacro{
        page-break-inside: avoid;
    }

    body, p, td, table, tr, .bodytext, .stepfield, .wiki-content p, .panelContent, .wiki-content a{
        color: #000;
    }

    #comments-section{
        page-break-before: always;
    }

    #footer{
        display:none;
        /*font-size: 11px;*/
        /*fixed: absolute; bottom: 0; left: 0; width: 100%; height: 2em;*/
    }
}

/* ---------- FIN Nav-sidebar (ex nav-sidebar.css) ------------ */
/* ---------- 6. DÉBUT Bottom (ex bottom.css) ------------ */
/* V1.5 Structuration et centralisation des styles appliquables au bas de page*/

/*Styles issus de www.petalslink.com, applicables à la liste de liens*/

#subnavlist {
	margin:172px auto 0;
	padding: 0.5em 1.2em 0.4em 0; /* LTR */
	font-size: 0.9em;
	color: #783187;
	width:700px;
	}
#subnavlist a {
	text-decoration:none;
	font-weight: bold;
	color: #783187;
}
#subnavlist a:hover {
	color: #a37dae;
	text-decoration:underline;
	font-weight: bold;
}
ul.links li {	
	border-left: 1px solid #783187; /* LTR */
	padding-left: 5px;
}
ul.links li.first {
	border: none;
}

.links {
	color: #999;
}

/*Styles issus du thème documentation, appliquables au footer spécifique à la page (pas le footer global)*/

#theme-footer .infoMacro,
#theme-footer .tipMacro,
#theme-footer .warningMacro,
#theme-footer .noteMacro,
#theme-footer .panel{
    border-top-width: 1px;
    border-top-style: solid;
}

#theme-footer .panelMacro{
    margin:0;
}

#theme-footer p{
    margin-top:0;
}

#footer{
    background-image: none;
    border-top:1px solid #CCC;
}


#footer {
position:absolute;
width:100%;
border-top:1px solid #820737;}

#bottom {
bottom:0;
position:absolute;
width:100%;
border:0;
}

#poweredby{
	border:none;
	margin:0 auto;
	padding: 0em 1.2em 0.4em 0; /* LTR */
	font-size: 0.9em;
	color: #783187;
	width:700px;
	}
#poweredby a {
	border:none;
	text-decoration:none;
	font-weight: bold;
	color: #820737;
}
#poweredby a:hover {
	border:none;
	color: #B80A4E;
	text-decoration:underline;
	font-weight: bold;
}
#footer #poweredby {
background-image:none;
border-top:1px solid #f0f0f0;
}

/* ---------- FIN Bottom (ex bottom.css) ------------ */
/* ---------- 7. SPECIFIC CONTENT/SPACE STYLES ----------*/
/* 7.1 Specific "home" space styles*/

#page-info {
    margin: 0;
    overflow: auto;
    padding: 10px 0;
}

#page-info .page-metadata {
    color: #999999;
    float: left;
    margin: 0;
    width: 49%;
}

#page-info #labels-section {
    border: medium none;
    clear: none;
    float: right;
    margin: 0;
    padding: 0;
    width: 49%;
}

#header .ajs-menu-bar .home-specific {
 bottom: 27px !important;
}

#header .ajs-menu-bar .home-specific ul.first, 
#header .ajs-menu-bar ul.home-specific.first {    border-top: 1px solid #820737 !important;}