/*********** #Elements de base ***************************************************************/

html, body                      { height:100%; }
html                            { font-size:100%; line-height:100%; }
body                            { font-size:0.63em; line-height:1.5em; background-color:#ffffff; }
*                               { font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; 
                                  margin-left:auto; margin-right:auto; margin:0; padding:0; }
img                             { border:0 none; margin:0; -ms-interpolation-mode:bicubic; }
form                            { margin:0; padding:0; }
table                           { border:0; }
td                              { vertical-align:top; } 
a                               { outline:none; }
div                             { }
ol, ul                          { margin:0 0 15px 45px; }

/*********** #Structure principale *********************************************************/

/* Tableau pour centrage horizontal et vertical */
#structure-de-base              { width:100%; height:100%; }
#structure-de-base-td           { vertical-align:middle; text-align:left; }

/* Element contenant logo, menus et contenus */
#page                           { position:relative; width:100%; min-height:690px; text-align:left; }

/* Background beige droit */
#bg-beige                       { position:absolute; top:104px; left:0px; width:100%; height:561px; z-index:1; background-color:#f1e4c6; }
#bg-beige.home                  { background-color:#f6eee1; }
#bg-beige div                   { position:absolute; bottom:0px; left:0px; width:81px; height:100px; background-color:#ffffff; }

/* Logo */
#logo                           { position:absolute; top:0px; left:0px; width:210px; height:84px; text-align:right; z-index:40; }


/*********** #Bloc Gauche ******************************************************************/

/* Element principal: fond brun terre */
#bloc-gauche                    { position:absolute; top:84px; left:0px; width:210px; height:539px; background-color:#DCC28D; z-index:10; }
#bloc-gauche.home               { background-color:#002b44; }

/* Langues */
#langues                        { padding:10px 12px; }
#langues a                      { color:#ffffff; text-decoration:none; }
#langues a.actif                { color:#c19032; }

/* Mosaiques */
#mosaique                       { position:absolute; top:20px; right:0px; width:129px; height:519px; background:top no-repeat;  }
#mosaique-home                  { position:absolute; top:104px; left:81px; z-index:40; }
#mosaique.presentation          { background-image:url(../gui/mosaique-presentation.jpg); }
#mosaique.philosophie           { background-image:url(../gui/mosaique-philosophie.jpg); }
#mosaique.gestion-fortune       { background-image:url(../gui/mosaique-gestion-fortune.jpg); }
#mosaique.autres-services       { background-image:url(../gui/mosaique-autres-services.jpg); }
#mosaique.contact               { background-image:url(../gui/mosaique-contact.jpg); }

/* Navigation secondaire */
#nav-secondaire                 { padding:19px 10px 0 23px; }
#nav-secondaire div             { padding:5px 0; }
#nav-secondaire a               { font-size:1.1em; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:1.6em; }
#nav-secondaire a:hover         { color:#bf912f; }


/*********** #Bloc Central ******************************************************************/

/* Element principal */
#bloc-central                   { position:absolute; top:82px; left:210px; width:780px; height:541px; background-color:#f8f0df; z-index:20; }

/* Menus */
#menus                          { height:22px; width:100%; background-color:#ffffff; text-align:center; }
#menus img                      { border:none; }
#menus div                      { display:inline; color:#B2BFC7; padding:0px 5px; height:8px; margin-top:-10px; }
#menus a                        { font-size:12px; color:#B2BFC7; text-transform:uppercase; text-decoration:none; letter-spacing:1px; }
#menus a:hover                  { color:#002B45; }

/* Contenus */
#contenus                       { padding:45px 149px 60px 74px; text-align:justify; }
#contenus *                     { color:#666666; }
#contenus h1                    { font-size:21px; color:#BF9130; text-transform:uppercase; font-weight:normal; padding:9px 0 20px 0; }
#contenus h2                    { font-size:1.2em; color:#BF9130; padding:9px 0 16px 0;  }
#contenus p                     { font-size:1.1em; margin-bottom:1.5em; margin-top:1em; }
#contenus li                    { font-size:1.1em; line-height:1.6em; }
#contenus a                     { text-decoration:underline; color:#666666; }
#contenus a:hover               { text-decoration:none; }


/*********** #Footer ***********************************************************************/

/* Element principal */
#footer                         { position:absolute; bottom:0px; left:82px; width:844px; height:20px; z-index:30; }

/* Copyright */
#copyright                      { color:#CCB285; float:left; }

/* Membre de l'arif */
#membre-arif                    { font-size:11px; color:#002B45; text-transform:uppercase; float:right; }