/********************************************************************/
/**************** STRUCTURE GENERALE DES PAGES  *********************/
/********************************************************************/

BODY
{
   background: #FFF;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
/*   background-image: url(/Library/Styles/Default/Images/Body.gif);*/
}

TABLE.Document
{
   background: #FFF;
   border-color: #888;
   border-style: solid;
   border-width: 0px 1px 0px 1px;
}

TABLE.DocHeader
{
}

DIV.DocBody
{
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 0px;
   padding-bottom: 0px;
}

TABLE.DocFooter
{
   background: #69C;
}

/********************************************************************/
/*************************** ENTETE *********************************/
/********************************************************************/
H1.DocTitle
{
   font-size: 24px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin-left: 10px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   text-align: left;
   color: #369;
}

TD.headersep
{
   border-top: 1px solid #9CF;
   border-bottom: 1px solid #036;
   background: #69C;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #FFF;
   height: 20px;
}

TD.headersep A, TD.headersep A, TD.headersep A
{
   background-color: Transparent;
}

/********************************************************************/
/*********************** BARRES D'OUTILS ****************************/
/********************************************************************/
TABLE.toolbar
{
   border: 1px solid #369;
}

P.toolbar
{
   border: 1px solid #369;
   margin: 0px -40px 0px -40px;
}

TD.toolbar, P.toolbar
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
   font-weight: bold;
   background: #369; /*   padding: 0px 0px 0px 0px;*/
}

TD.toolbar A, TD.toolbar A:hover, TD.toolbar A:visited, P.toolbar A, P.toolbar A:hover, P.toolbar A:visited
{
   color: #FF0;
   text-decoration: none;
   background-color: Transparent;
}

/********************************************************************/
/******************************** MENUS *****************************/
/********************************************************************/
TABLE.menubar, TABLE.menubar TD
{
   border-top: solid 1px #9CF;
   border-bottom: 1px solid #000;
   border-left: 1px solid #9CF;
   border-right: 1px solid #000;
   background: #369;
}

TABLE.menubar, TABLE.menubar TD
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
}

TABLE.menubar A, TABLE.menubar A:hover, TABLE.menubar A:visited
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #CFC;
   text-decoration: none;
   background-color: Transparent;
}

DIV.menu
{
   position: absolute;
   top: 0; /* indispensable */
   visibility: hidden;
   border: 2px outset #9CF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
   line-height: 22px;
}

DIV.menuitem, DIV.menuitemactive
{
   background: #69C;
   border-left: 1px solid #69C;
   border-top: 1px solid #9CF;
   border-right: 1px solid #69C;
   border-bottom: 1px solid #036;
}

DIV.menuitem
{
   background-image: url('/Library/Styles/Default/Images/Menu.gif');
}

DIV.menuitemactive
{
   background: #369 url('/Library/Styles/Default/Images/MenuActive.gif');
}

DIV.menuitem A, DIV.menuitem A:hover, DIV.menuitem A:visited, DIV.menuitemactive A, DIV.menuitemactive A:hover, DIV.menuitemactive A:visited, LAYER.menuitemns A, LAYER.menuitemns A:hover, LAYER.menuitemns A:visited
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
   text-decoration: none;
   cursor: hand;
   background-color: Transparent;
}

/********************************************************************/
/**************************** SECTIONS ******************************/
/********************************************************************/
.sectiontitle
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   background: #69C url('/Library/Styles/Default/Images/SectionTitle.gif');
/*   border: 1px solid #69C;*/
   border-bottom: 0px none;
   color: #FFF;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 1px;
   padding-bottom: 1px;
   page-break-before: auto;
   background-image:url('/Library/Styles/Default/Images/SectionTitle.gif')
}

.sectiontitle P, .sectiontitle A, .sectiontitle A:hover, .sectiontitle A:visited
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin: 0px;
   padding: 2px;
   color: #FFF;
   text-decoration: none;
}

.sectiontitle H1, .sectiontitle H2, .sectiontitle H3, .sectiontitle H4, .sectiontitle H5, .sectiontitle H6
{
   background: yellow;
   color: Red;
}

TD.section
{
   background: #F0F0F0 url('/Library/Styles/Default/Images/Section.gif');
   border: 1px solid #69C;
   padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; background-image:url('/Library/Styles/Default/Images/Section.gif')
}

TD.section P, TD.section LI
{
   margin-left: 0px;
   margin-right: 0px;
   margin-left: 2px;
   margin-right: 2px;
}

/********************************************************************/
/************************** FORMULAIRES******************************/
/********************************************************************/

FORM
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /*12px;*/
}

TD.toolbar FORM
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
   font-weight: bold;
   background: #369;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

TD.toolbar FORM INPUT, P.toolbar INPUT
{
   border: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

INPUT.text
{
   font-family: Courier New;
   color: #000;
   font-size: 12px; /*12px;*/
}

TEXTAREA
{
   font-family: 'Courier New';
   color: #000;
   font-size: 12px; /*12px;*/
   width: 100%;
}

INPUT.button
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12px; /*12px;*/
   color: #FFF;
   background: #69C;
}

SELECT
{
   font-family: 'Courier New';
   color: #369;
   background: #FFF;
}

/********************************************************************/
/************************* PIED DE PAGE *****************************/
/********************************************************************/
TD.footer
{
   border-top: 1px solid #9CF;
   border-bottom: 1px solid #036;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px; /*10px;*/
   color: #FFF;
   text-align: center;
   line-height: 14px; /*14px;*/
   margin: 0px;
}

TD.footer A, TD.footer A:hover, TD.footer A:visited
{
   text-decoration: none;
   color: #FFF;
   background-color: Transparent;
}

/********************************************************************/
/************************** FRAMES **********************************/
/********************************************************************/
FRAMESET
{
}

FRAMESET FRAMESET
{
}

FRAME
{
}


FRAME.topframe
{
}

FRAME.leftframe
{
}

FRAME.rightframe
{
}

/********************************************************************/
/***************************** TITRES *******************************/
/********************************************************************/
H1
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #369;
   font-size: 20px; /*20px;*/
   margin-left: -30px;
}

H2
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #369;
   font-size: 16px; /*16px;*/
   margin-left: -30px;
}

H3
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #369;
   font-size: 14px; /*14px;*/
}

H4
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #369;
   font-size: 12px; /*12px;*/
}

H5
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #369;
   font-size: 12px; /*12px;*/
}

H6
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #369;
   font-size: 12px; /*12px;*/
}

/********************************************************************/
/******************** PARAGRAPHES ET LISTES *************************/
/********************************************************************/
P
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
   margin-top: 0px;
   margin-bottom: 12px;
}

UL
{
   list-style-type: square;
   padding-bottom: 3px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /*12px;*/
}

UL UL
{
   list-style-type: disc;
   padding-bottom: 3px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /*12px;*/
}

UL UL UL
{
   list-style-type: circle;
   padding-bottom: 3px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /*12px;*/
}

OL
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /*12px;*/
}

LI
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /*12px;*/
   color: #000;
   margin-top: 3px;
   margin-bottom: 3px;
}                                       

TD
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px; /*12px;*/
   color: #000;
   margin: 0px;
}

/********************************************************************/
/************************ LIGNES DE SEPARATION **********************/
/********************************************************************/
HR
{
   color: #369;
   height: 1px;
}

/********************************************************************/
/***************************** LIENS ********************************/
/********************************************************************/
A
{
   text-decoration: none;
   color: #000080;
}

A:hover
{
   color: #000080;
}

A:visited
{
   color: #369;
}

A.invisible
{
   color: #000;
   text-decoration: none;
}

/********************************************************************/
/***************************** TREE *********************************/
/********************************************************************/

/* Style général de l'arbre */
/* ------------------------ */
UL.Tree
{
   margin: 4px 4px 4px 0px;
   padding: 0px 0px 0px 0px;
}

/* Fils non visibles d'un noeud */
/* ---------------------------- */
UL.TreeClosed
{
   display: none; /* Non visible par défaut */
}

/* Fils visibles d'un noeud */
/* ------------------------ */
UL.TreeOpened
{
   display: block;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 5px 16px;
}

/* Style des items */
/* --------------- */
UL.Tree LI
{
   list-style: none;
   margin: 0px 0px 0px 0px;
}

LI.Opened
{
}

/* Liens */
/* ----- */
UL.Tree A, UL.Tree A:hover, UL.Tree A:visited
{
   color: #000080; /* Bleu foncé */
   text-decoration: none; /* Liens non soulignés */
   font-family: verdana;
   font-size: 12px; /*12px;*/
   background-color: Transparent;
}

/* Texte d'un item normal */
/* ---------------------- */
UL.Tree SPAN
{
   /*	border:1px solid #FFFFFF;		/* Synchroniser avec la couleur de fond du document		*/ /*	width:95%;*/
   cursor: hand;
}

/* Texte de l'item en cours */
/* ------------------------ */
UL.Tree SPAN.TreeCurrent
{
   background-color: #69C;
   border-left: 1px solid #000;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   color: #FFF;
   font-weight: bold;
}

/* Texte d'un item survolé par la souris */
/* ------------------------------------- */
UL.Tree SPAN.Over
{
   background-color: #369;
   border-left: 1px solid #000;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   color: #fff;
}

/* Style du message "chargement en cours" */
/* -------------------------------------- */
DIV.Loading
{
   color: #000000;
   border: 1px solid #000;
   margin-left: 2px;
   padding: 4px;
   background-color: ivory;
}

/********************************************************************/
/**********************  ENCART NOUVEAU SITE  ***********************/
/********************************************************************/
.flash-info /* un p ou une div*/ 
{
    background-color: #ffffe0;
    border: 1px solid #e6db55;
    margin: 1em 0;
    padding: 1em;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div.flash-info
{
    padding: 0 1em;
}

div.flash-info p
{
    font-weight: bold;
    color: #5C5C5C;
    margin-top: 1em;
}