/*********** #Set / Reset *****************************************************************/

html, body                      { height:100%; }
html                            { font-size:100%; line-height:100%; }
body                            { font-size:0.63em; line-height:1.5em; background-color:#cac0b6; color:#666666; }
*                               { font-size:1em; font-family:Arial, Helvetica, Verdana, sans-serif; 
                                  margin-left:auto; margin-right:auto; margin:0; padding:0; }
img                             { border:0 none; margin:0; }
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 > structure de base pour centrage de la page en X et Y + height 100%  */
#structure-de-base              { width:900px; height:100%; background-color:#eae6e2; margin:auto; }

/* Logo */
#logo                           { padding:28px; }

/* Navigation secondaire : Header > ACCUEIL  |  CONTACT  |  LIENS  |  PLAN DU SITE */
#nav-header                     { background-color:#FFFFFF; }

/* Navigation secondaire : Footer > Informations légales  */
#nav-footer                     { }

/* Navigation secondaire */
.nav-secondaire                 { padding:14px 24px 7px 0px; text-align:right; color:#002f5f; }
.nav-secondaire a               { color:#002f5f; text-decoration:none; text-transform:uppercase; }
.nav-secondaire a:hover         { text-decoration:underline; }


/*********** #Page (Bandeau + Menus + Contenus) *********************************************/

/* Conteneur principal avec en background la bande verticale grise des menus */
#page                           { position:relative; width:900px; min-height:500px; background-color:#ffffff;
                                  background-image:url(../gui/bg-menus.png); background-repeat:repeat-y; background-position:top left; }

/*********** #Bandeau ***********************************************************************/

/* Bandeau bleu */
#bandeau                        { }

/* Image en haut des menus */
#image-sur-menus                { position:absolute; top:0px; left:54px; }


/*********** #Menus *************************************************************************/

/* Cellule conteneur */
td#menus                        { width:200px; padding:90px 0 25px 54px; }
td#menus a                      { display:block; }

/* Sous-menus */
.smenus                         { margin:10px 20px; text-align:right; }
.smenus a                       { display:inline!important; font-size:1.1em; color:#597897; text-decoration:none; }
.smenus a:hover                 { color:#002f5f; }
.smenus a.hover                 { color:#002f5f; }

/* Bande bleue en bas des menus */
#bande-bleue-sous-menus         { position:absolute; bottom:0px; left:54px; height:21px; width:200px; background-color:#002f5f; }


/*********** #Contenus ***********************************************************************/

/* Cellule conteneur */
td#contenus                     { text-align:justify; padding:36px 77px; color:#666666; }

/* Balises standards */
#contenus h1                    { font-size:1.8em; color:#cac0b6; text-transform:uppercase; font-weight:bold; margin:0 0 8px -23px; }
#contenus h2                    { font-size:1.6em; color:#002f5f; font-weight:bold; padding:1em 0; }
#contenus h3                    { font-size:1.1em; color:#404040; font-weight:bold; border-bottom:1px solid #cac0b6; clear:both;  }
#contenus p                     { font-size:1.1em; margin-bottom:1.5em; margin-top:0.5em; }
#contenus ul                    { }
#contenus li                    { font-size:1.1em; line-height:1.5em; list-style-type:square; }
#contenus a                     { color:#002f5f; text-decoration:underline; }
#contenus a:hover               { text-decoration:none;  }

/* Dates */
.date                           { color:#c1b5a2; font-weight:bold; }

iframe                          { width:100%; }
object                          { height:auto; overflow:visible; min-height:500px; width:100%; }

/* Photos "Management" */
.management div                 { color:#002f5f; clear:both; }
.management .nom                { font-size:1.4em; font-weight:bold; margin-top:10px; }
.management .titre              { font-size:1.2em; margin-bottom:5px; }
.management p                   { display:block; width:380px; margin-left:112px; }
.management img                 { float:left; margin:3px 5px 15px 0; border:1px solid #666666; }

/* Détail d'un "Communiqué de presse" */
#press-detail                   {}
.link-back                      { float:right; margin-top:-35px; }

/* Tableau "Communiqués de presse" */
#press                          { font-size:1.1em; width:470px; }
#press td                       { padding:0.4em 0; }
#press .date                    { padding-right:1em; }
#press .text                    { color:#404040;}
#press .text a                  { text-decoration:none; }
#press .text a:hover            { text-decoration:underline; }
#archives br                    { float:left;}
#archives a                     { display:block; margin-right:15px; float:left; }

/* Tableau "Calendrier" */
#calendrier                     { color:#002f5f; font-weight:bold; width:100%; }
#calendrier  p                  { margin-bottom:0.5em; }

/* Tableau "Publications" */
#publications                   { width:100%; }
#publications th                { }
#publications td                { padding:0.4em 0; font-size:1.1em; }
#publications a                 { text-decoration:none; }
#publications a:hover           { text-decoration:underline; }

/* Iframe "Demande d'informations" */
#demande-informations           { margin-top:-15px; }

/* Plan du site */
#plan-du-site                   { text-align:left; line-height:1.6em;  }
#plan-du-site div               { min-width:125px; float:left; padding-right:10px; }
#plan-du-site div.ligne         { width:auto; float:none; clear:both; }
#plan-du-site a                 { font-size:1.0em; text-decoration:none; font-weight:bold;color:#404040; white-space:nowrap; }
#plan-du-site a:hover           { text-decoration:underline; }
#plan-du-site h4                { margin:1.5em 0; }
#plan-du-site h4 a              { font-size:1.3em; color:#002f5f; }

/* Plan d'accès */
#plan-acces img                 { border:1px solid #cabfb5; margin-top:5px; }
#plan-acces-zoom                { display:none; position:absolute; top:10px; z-index:10000; background-color:#333; border:1px solid #cabfb5; } 
 
/* close button positioned on upper right corner */ 
#plan-acces-zoom .close         { }