/***************************************** GESTION DES BLOCS ********************************************************/
/* bloc contenant tous les autres */

.main{
	position: relative;
	/*width: 92%;*/
	/*margin-left: 4%;*/     /* Trois lignes à décommenter pour passer à une largeur adaptable */
	/*margin-right: 4%;*/
	margin-left: auto;       /* Ligne a retirer pour passer à une largeur adaptable */
	margin-right: auto;      /* Ligne a retirer pour passer à une largeur adaptable */
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
    min-width: 900px;  
}

/**************************** gestion des trois blocs principaux ****************************/
.header{
	overflow: hidden;
}

.mainBody{
	clear: both;	
}

.footer{
	clear: both;
	overflow: hidden;
	text-align: center;
}

/**************************** blocs contenus dans l'en-tête ****************************/

.headerMenu{
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
}

.bottomHeader{
	clear: both;
}

.topLeft{
	text-align: center;
	float: left;
	width: 150px;

}

.topRight{
	text-align: center;
	font-size: 8pt;
	float: right;
	width: 150px;
}

.currentPositionIndex{
    clear: both;
	text-align: left;	
    font-size: 8pt;
    margin-right: 150px;
}

.topCenter{
    float: left;
    margin-right: 150px;
}

.date{
	padding-right: 5px;
	padding-left: 5px;
	float: right;
}

.headerMenuTopic{
	margin-left: 5%;
}

/**************************** blocs contenus dans le corps ****************************/

.leftBody{
	float: left;
	width: 145px; 
}

.rightBody{
	float: right;
	width : 145px;
}

/* hérite les différent contenu et laisse ou non la place pour les blocs latéraux */
.centerBodySmall, .centerBodyFull, .centerBodyLeft, .centerBodyRight{
	text-align: center;
	margin: 0px;	
	padding-top: 10px;
	padding-bottom: 10px;
	.height: 100%; 
} /* empeche un bug sous IE */

.centerBodySmall{
	margin-left: 145px;
	margin-right: 145px;
	padding-right: 10px;
	padding-left: 10px;
}

.centerBodyRight{
	margin-left: 145px;
	padding-left: 10px;
}

.centerBodyLeft{
	margin-right: 145px;
	padding-right: 10px;
}

.blockContent{
	text-align: justify;
}

.blockTitle{
	padding-left: 10px;
	margin-top: 10px;
	margin-top: 0px;
}

.menuContainer{
	.margin-top: 10px;
	margin-bottom: 10px;
}

.rightTopic{
	padding-bottom: 5px;
	padding-left: 3px;
}

.leftTopic{ 
	text-align: left;
}

.menuContainerTitle{
	margin-top: 10px;
}

/* gestion de l'organisation par multiple blocs verticaux */

.blockContainerFull{
    width: 100%;
}

.blockContainerHalf{
	float: left;
	clear: none;
	width: 50%;
}

.blockContainerThird{
	float: left;
	clear: none;
	width: 33%;
}

.blockContainerQuart{
	float: left;
	clear: none;
	width: 25%;
}

/**************************** blocs contenus dans le pied de page ****************************/

.footerTop{		
	padding-top: 10px;
}

.footerBottom{
	padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/**************************** partie concernant form.tpl ****************************/

.formContainer{
	border: 1px solid #69686D;
	padding: 2px;
	background-color: white;
	margin-bottom: 2px;
}

.formHeader{
	padding: 5px;
	margin-bottom: 2px;
	background-color: silver;
	text-align: left;
}

.formBody{
	width: 100%;
}

.formFooter{
	border: 1px solid #69686D;
	text-align: right;
	margin-top: 2px;
	padding: 2px;
	background-color: silver;
}

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


/**************************** partie concernant matrix.tpl ****************************/

.matrixContainer{
	width: auto;
	border: 1px solid #69686D;
	/*margin: 2px;*/
	background-color: white;
}

.matrixHeader{
	border-bottom: none;
	padding: 2px;
	background-color: silver;
	overflow: hidden;
}

.matrixHeaderLeft{
}

.matrixHeaderRight{
    float: right;
}

.matrixContent{
	background-color: white;/**/
	clear: both;
}

/**************************** partie concernant bulletLink.tpl ****************************/

.bulletLinkContainer{

}

.bulletLinkTitle{
	margin-bottom: 10px;
}

.bulletLinkContent{

}

/**************************** partie concernant bulletListFrame.tpl ****************************/

.bulletListFrameContainer{
	background-color: white;
}

.bulletListFrameTitle{
	margin-bottom: 5px;
}

.bulletListFrameContent{
	padding-left: 5px;
}

/**************************** partie concernant processus.tpl ****************************/

.processusContainer{
	width: 100%;
}

.processusTitle, .processusTop, .processusDescription{
	margin-bottom: 15px;
}

.processusTitle{

}

.processusTop{

}

.porcessusDescription{

}

/**************************** partie concernant output.tpl ****************************/

.outputContainer{
	
}

.outputTitle{

}

.outputTop{
	margin-bottom: 15px;
}

.outputBottom{

}

/**************************** partie concernant vcardDetail.tpl ****************************/

.vcardDetailContainer{
	width: 100%;
	text-align: left;	
}

.vcardDetailTop, .vcardDetailCenter, .vcardDetailBottom{
	width: 75%;
	margin-left: 23%;
}

.vcardDetailTop{
}

.vcardDetailCenter{
}

.vcardDetailBottom{
}

.vcardDetailLeft{
	margin-left: 3%;
	width: 20%;
	float: left;
}

/**************************** partie concernant vcard.tpl ****************************/

.vcardContainer{
	width: 100%;
}

.vcardHeader{
	margin-bottom: 10px;
}

.vcardHeaderLeft{
	width: 30%;
}

.vcardHeaderRight{
    width: 40%;
    margin-right: 30%;
	text-align: center;
	float: right;
}

.vcardHeaderBottom{
	width: 70%;
	float: right;
}

.vcardContent{
	clear: both;
}

/**************************** partie concernant confentry.tpl ****************************/

.confentryContainer{
	vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 8pt;
}

.confentryTitle{
    padding: 1px;
    float: left;
    width: 100%;
}

.confentryContent{
	padding-bottom: 20px;
	padding-top: 20px;
	float: left;
	width: 100%;	
	vertical-align: middle;
	text-align: center;
}

.confentryButtons{
	margin-top: 20px;
    margin-bottom: 8px;
	float: left;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}

.confentryFooter{
    padding-top: 3px;
    font-size: 10pt;
    clear: both;
    text-align: center;
}

.confentryContainer p{
	text-align: center;
}

/**************************** partie concernant gantdiagram.tpl ****************************/

.gantContainer{
	width: auto;
	padding: 5px;
	padding-right: 10px;
	margin: 5px;
}

.gantHeader{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	overflow: hidden;
}

.gantTitle{
}

.gantTools{
}

.gantContent{
	clear: both;
}

/**************************** partie concernant tableblock.tpl ****************************/

.tableBlockContainer{
	width: 100%;
}

.tableBlockHeader{

}

.tableBlockBody{
    padding: 2px;
    overflow: hidden;
    border: 1px solid black;
    border-top: none;
}

.tableBlockTitle{
	width: 70%;
	float: right;
}

.tableBlockRef{
	width: 30%;
}

.tableBlockContent{
	clear: both;
}



/**************************** partie concernant list.tpl ****************************/


.listContainer{
	width: 100%;
	padding-top: 10px;
	margin-bottom: 15px;
}

.listTitle{

}

.listContent{

}


/**************************** partie concernant diagram.tpl ****************************/

.diagContainer{
	width: 100%;
}

.diagTitle{
	
}

.diagContent{

}

/**************************** partie concernant ap.tpl et pv.tpl ****************************/

.pvBlock{
	margin-bottom: 5px;
}

.pvBlockRetail{
	margin-bottom: 5px;
}

.pvTitle{
}

/**************************** partie concernant table.tpl ****************************/

.tableContainer{
	background-color: white;
	border: 1px solid gray;
	padding: 2px;
	width: auto;
	margin-bottom: 5px;
}

.headerTable{
	background-color: white;
	width: 100%;
	overflow: hidden;
}

.tableContent{
	width: 100%;
}

.tableFooter{
	background-color: silver;
	margin-top: 2px;
	text-align: left;
	padding-left: 10px;
	font-size:0.8em;
}

/* hidable bullet list styles */
ul.hidablebulletlist_closed li {
    display: none;
}

div.hidablebulletlisttoggle_open, div.hidablebulletlisttoggle_closed {
    margin-left: -17px;
    cursor: pointer;
    background-repeat:no-repeat;
    background-position:center left; 
}

b.hidablebulletlisttoggle {
    margin-left: 17px;
}

h3.hidablebulletlisttoggle_open, h3.hidablebulletlisttoggle_closed {
    padding-left: 15px;
    background-repeat:no-repeat;
    background-position:center left; 
}

h3.hidablebulletlisttoggle_open, div.hidablebulletlisttoggle_open {
    background-image: url(/images/expanded.gif);
}

h3.hidablebulletlisttoggle_closed, div.hidablebulletlisttoggle_closed {
    background-image: url(/images/expandable.gif);
}

li.hidablebulletlisttoggle_open {
    list-style-type: none;
}

li.hidablebulletlisttoggle_closed {
    list-style-type: none;
}

.textheader{
    padding-top: 0px;
    margin-top: 0px;
}

h3, h4, h5{
    margin: 0px;
}

/**************************** partie concernant le menu de gauche menuframed.tpl ****************************/

.menuContainer .menu{
    list-style-type: none;
    padding-left: 5px;
    margin: 0px;
}

/* permet de faire aller la partie blanche sur toute la surface */
.menuContainer .currentMenu{
    margin-left: -5px;
    padding-left: 5px;
    font-weight: bold;
    background-color: white;
}

.menuContainer .menulist{
    margin: 0px;
}

ul ul .menulist, ul.menulist
{
    margin: 0px;
    padding-left: 25px; 
    font-size: 10pt
}

ul ul ul.menulist
{
    padding-left: 5px; 
    margin-left: 5px; 
    margin-top: 0px; 
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 10pt
}

ul ul ul ul.menulist
{
    margin: 0px;
    padding: 0px;
    padding-left: 3px; 
    margin-left: 3px; 
    font-weight: italic;
    font-size: 9pt
}

/**************************************************** Recupération *****************************************************************************************  *********************/

.editablecontentblock
{
    font-size: 10pt;
    text-align: left;
    border: none;
    margin: 0px;
    padding: 0px;
}
.contentblockright
{
    font-size: 8pt;
    text-align: left;
    border: none;
    margin: 0px;
    padding: 0px;
    padding-left: 0.2cm;
}
td.contentblockcenter
{
    font-size: 8pt;
    text-align: left;
    border: none;
    margin: 0px;
    padding: 0px;
}
td.contentblockleft
{
    font-size: 8pt;
    text-align: left;
    border: none;
    margin: 0px;
    padding: 0px;
}
td.contentHolder
{
    font-size: 8pt;
    text-align: left;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

td.tabcontentholder
{
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
    border: 1px black solid;
    border-top: none;
    margin: 0px;
    padding: 0px;
}

td.contentblock
{
    font-size: 8pt;
    text-align: left;
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-left: 0.2cm;
}
td.menu
{
    margin: 0px; 
    padding: 0px;
    padding-left: 0.2cm;
    font-size: 9pt;
    font-weight: normal;
    text-align: center;
    border: none;
}

td.tabmenu
{
    margin: 0px; 
    padding: 0px;
    font-size: 9pt;
    font-weight: normal;
    text-align: center;
    border: none;
}

td.menulight
{
    margin: 0px; 
    padding: 0px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    border: none;
}

td.menuborderleft
{
    margin: 0px; 
    padding: 0px;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    border: none;
}

td.menuborderright
{
    margin: 0px; 
    padding: 0px;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    border: none;
}

td.curmenu
{
    margin: 0px; 
    padding: 0px;
    padding-left: 0.2cm;
    font-size: 9pt;
    font-weight: bold;
    border: none;
}

td.tabcurmenu
{
    margin: 0px; 
    padding: 0px;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    border: none;
}

td.curmenuborderleft
{
    margin: 0px; 
    padding: 0px;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    border: none;
}

td.curmenuborderright
{
    margin: 0px; 
    padding: 0px;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    border: none;
}

td.menuspace
{
    margin: 0px; 
    padding: 0px;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    border: none;
}

ul ul.menulist, ul.menulist
{
    padding-left: 25px;    
    font-size: 10pt
}
ul ul ul.menulist
{
    margin: 0px;
    padding: 0px;
    padding-left: 5px; 
    margin-left: 5px; 
    font-weight: normal;
    font-size: 10pt
}

ul ul ul ul.menulist
{
    margin: 0px;
    padding: 0px;
    padding-left: 3px; 
    margin-left: 3px; 
    font-weight: italic;
    font-size: 9pt
}

td.tableform
{
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
    border: none;
    margin: 0px;
    padding: 0px;
    padding-left: 0.1cm;
}

td.form
{
    font-size: 8pt;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
    border: none;
    margin: 0px;
    padding: 0px;
    padding-left: 0.1cm;
}
td.formInput
{
    font-size: 8pt;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
    border: none;
    margin: 0px;
    padding: 0px;
}

.backgroundContent
{
    font-family: Sans-Serif, Cursive;
    font-size: 8pt;
    margin: 0px;
    padding: 0px;
    padding-left: 0.2cm;
}
/* table */
td.tablecell
{
    border: none;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
    border: none;
    margin: 0px;
    padding: 0px;
    padding-left: 0.1cm;
}
.tabletittle
{
    text-align: left;
    border-bottom: none;
    margin: 0px;
    padding: 0px;
    padding-left: 0.2cm;
    padding-top: 0.2cm;
}
.tableheader
{
    border: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.tablefoot
{
    border: none;
    font-size: 8pt;
    text-align: right
}
.formHolder
{
    text-align: left;
    margin: 0px;
    padding: 0px;
    border: none;
}

/* Titres */

h1
{
    font-size: 18pt;
    font-weight: bolder;
    margin-bottom: 0.1cm;
    padding-left: 0.2cm
}
h3
{
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 0.1cm;
}
h4
{
    font-size: 12pt;
    font-weight: bold;
}
h5
{
    font-size: 10pt;
    font-weight: bolder;
}
td.columnTitle
{
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    border: none;
    font-weight: bolder;
}
td.matrixColumnTitle
{
    font-size: 9pt;
    font-weight: normal;
    text-align: center;
    border: 0px;
    border-style: none;
    font-weight: bolder;
}
td.smallcolumnTitle
{
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    border: none;
}
.textheader
{
    font-size: 12pt;
    line-height: 14pt;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    padding-left: 0.5cm;
    text-align: left;
}
.tableCell
{
    border-left: none;
    text-align: left;
    font-size: 9pt;
    padding-left: 0.2cm;
    padding-right: 0.2cm;
}
input
{
    font-size: 9pt;
    font-weight: normal;
}
select
{
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
}
textarea
{
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
}
p
{
    font-size: 9pt;
    margin: 0.3cm 0.5cm 0.5cm;
}
ul
{
    font-size: 10pt
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <td> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <td> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <td> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <tr> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <td> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}



/* dynSelect                            */
a.dsactif, a.dsactifdecal, a.dspaactif, a.dspaactifdecal
{
	display:block;
	cursor: default;
	text-decoration: none;
	color: black;
	white-space: nowrap;
	font-size: 9pt;
	text-align: left;
}

a.dsactif, a.dsactifdecal, a.dsactif:hover, a.dsactifdecal:hover, a.dsactif:active, a.dsactifdecal:active
{
	background: #EEEEEE none repeat scroll 0%;
	outline: none;
}

a.dsactifdecal
{
	margin-left: 10px;
}

a.dspaactif, a.dspaactifdecal
{
	background: #FFFFFF none repeat scroll 0%;
}

a.dspaactifdecal
{
	margin-left: 10px;
}

div.dslinker, body.dslinker
{
	background-color: white;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}

body.dslist
{
    overflow-x: hidden;
}

div.dslinker
{
	margin: 2px;
	padding: 2px;
	border: 1px solid #000000;
}

body.dslinker
{
	margin: 2px;
}

input.dsfield {
	font-size: 9pt;
}

div.dsoptgrptitle {
	font-size: 9pt;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
}

textarea.tiny, textarea.tinyinactiv {
    font-family: Arial, Helvetica, sans-serif;
    width:28px;
    height:28px;
    width: 95%;
    overflow: hidden;
    border:1px solid; 
    padding:0px;
    margin:0px;
    font-size:0.8em;
    text-align:center;
}

textarea.tinyinactiv {
    border-color: #888888;
}

/* tooltip styles */


div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:0.8em;
}

/* loading div */

div.loading, body.loading, iframe.loading
{
	position:absolute;
	top:0;
	left:0;
	width:110%;
	height:110%;
	z-index:100000;
	margin : 0px;
	padding: 0px;
	border : none;
}

iframe.loading, div.loading
{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

div.loading, body.loading
{
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	background-color:#000000;
}

/* panel block */

div.panel {
    width: 100%;
    min-width: 100%;
}

div.panelMain {
    width: 79%;
    float: right;
    overflow-y: hidden;
}

div.panelBigBlockContainer {
    width: 100%;
    height: 100%;
}

div.panelBlockTitle {
    color: #4B59AD;
    font-size: 18pt;
    font-weight: bolder;
    margin-bottom: 0.1cm;
    padding-left: 0.2cm;
    width: 100%;
}

div.panelBigBlockContent {
    width: 98%;
    height: 98%;
    padding: 2px;
}

div.panelSmallBlockContainer {
    float: left;
    overflow: auto;
    /*height: 312px;*/
    padding: 2px;
    overflow-y: hidden;
}

div.panelRight {
    width: 19%;
    float: right;
    overflow: auto;
    padding: 2px;
}

/* hidable bullet list styles */
ul.hidablebulletlist_closed li {
    display: none;
}

div.hidablebulletlisttoggle_open, div.hidablebulletlisttoggle_closed {
    margin-left: -17px;
    cursor: pointer;
    background-repeat:no-repeat;
    background-position:center left; 
}

b.hidablebulletlisttoggle {
    margin-left: 17px;
}

h3.hidablebulletlisttoggle_open, h3.hidablebulletlisttoggle_closed {
    padding-left: 15px;
    background-repeat:no-repeat;
    background-position:center left; 
}

h3.hidablebulletlisttoggle_open, div.hidablebulletlisttoggle_open {
    background-image: url(/images/expanded.gif);
}

h3.hidablebulletlisttoggle_closed, div.hidablebulletlisttoggle_closed {
    background-image: url(/images/expandable.gif);
}

li.hidablebulletlisttoggle_open {
    list-style-type: none;
}

li.hidablebulletlisttoggle_closed {
    list-style-type: none;
}

/* Test concernant les nouveau icones */

.valid{
    background-image: url(/images/valid.png);
}

.cancel{
    background-image: url(/images/cancel.png);    
}

.valid, .cancel, .save{
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 17px;      
}

.save{    
    background-image: url(/images/media-floppy.png); 
}