/* Feuille de styles générale */

/* Styles généraux */
body {background-color:#FFF; font-size: 0.8em; font-family: Verdana,Arial, Helvetica, sans-serif; text-align:center; }
a {color: #008cbf; text-decoration:none; }
a:hover {text-decoration: underline; }
h2 {font-size: 1.2em; margin: 0 0 5px 0; }
h3 {font-size:1.2em; margin: 0; }
h4 {font-size:1em; margin: 0; }
hr {height: 1px; color: #CCC; }

/* Bordure noire */
#bordure {width: 760px; border: 1px solid #000;  margin:0 auto; }

/* En-tête avec le logo ARAU et le moteur de recherche */
#en_tete { padding: 15px 5px 15px 0; text-align:left;}
#en_tete form {margin: 10px 0 0 0;}

/* Navigation principale */
#navigation_principale {width: 760px; background-color:#BF9000; margin: 0 0 4px 0; text-align:left;}
#navigation_principale img {border: none;}
#navigation_principale td {padding: 0 7px;}
#navigation_principale td.home {padding: 0;}
#navigation_principale a {color: #fff; text-transform: uppercase; font-size: 0.85em; font-weight: bold; white-space:nowrap;}
#navigation_principale td.encours {background-color:#fff; border-top: 1px solid #BF9000; border-bottom: 1px solid #BF9000; border-left: 1px solid #BF9000;}
#navigation_principale td.encours a {color:#BF9000;}
#navigation_principale .choix_langue {font-weight:normal; text-transform:none;}

/* Contenu principal */
#contenu {width: 760px; margin: 0 0 25px 0; text-align:left;}
#contenu p {margin: 8px 0;}
.slogan {font-size: 1.6em;}

/* Colonnes de texte */
#colonne_texte { padding: 0 8px 0 0;}
#colonne_texte img {margin: 2px 5px 0 0;}

/* Barre de titre (VG = Visites guidées et Guided Tours, AR = l'ARAU, DO = Dossiers urbains, RA = Recherche et action, Alpha = Groupe alpha) */
#titre_VG {background-color:#008cbf; padding: 5px 0 5px 36px; }
#titre_VG h1 {color:#fff; font-size:1.5em; display: inline;}

#titre_AR {background-color:#bf9000; padding: 5px 0 5px 36px;}
#titre_AR h1 {color:#fff; font-size:1.5em; display: inline;}

#titre_DO {background-color:#887A75; padding: 5px 0 5px 36px; }
#titre_DO h1 {color:#fff; font-size:1.5em; display: inline;}

#titre_RA {background-color:#bfaf84; padding: 5px 0 5px 36px;}
#titre_RA h1 {color:#fff; font-size:1.5em; display: inline;}

#titre_alpha {background-color:#c60; padding: 5px 0 5px 36px;}
#titre_alpha h1 {color:#fff; font-size:1.5em; display: inline;}

/* Navigation secondaire (sur le côté) */
#navigation_secondaire {padding: 10px 0 20px 0; }
#navigation_secondaire td { height: 20px;}
#navigation_secondaire a {color:#09c; font-size:1.2em; margin: -2px 0 0 5px;}
#navigation_secondaire a.encours {color:#000; font-size:1.2em; margin: -2px 0 0 5px;}

/* Illustrations */
#illu {margin: 0 0 4px 0;}

/* Blocs de contenu */
#cadre_gris_fonce, #cadre_gris_clair, #cadre_beige_fonce, #cadre_beige_clair, #cadre_bleu, #cadre_brique,
#cadre_ocre, #filet_beige_clair, #filet_beige_clair_pointille, #filet_bleu_pointille {padding: 10px; margin: 0 0 4px 0; text-align:left;}

#cadre_gris_fonce img, #cadre_gris_clair img, #cadre_beige_fonce img, #cadre_beige_clair img, #cadre_bleu img, #cadre_brique img,
#cadre_ocre img, #filet_beige_clair img, #filet_beige_clair_pointille img, #filet_bleu_pointille img {margin: 2px 5px 0 0; border: none;}

#cadre_gris_fonce a, #cadre_gris_clair a, #cadre_beige_fonce a, #cadre_beige_clair a, #cadre_bleu a, #cadre_brique a,
#cadre_ocre a, #filet_beige_clair a, #filet_beige_clair_pointille a, #filet_bleu_pointille a {font-size: 1.1em; font-weight: bold; }

#cadre_gris_fonce {background-color:#887A75; color:#fff; }
#cadre_gris_fonce a {color:#fff; }

#cadre_gris_clair {background-color:#bfafaf; color:#000; }
#cadre_gris_clair a {color:#000; }

#cadre_beige_fonce {background-color:#99835c; color:#fff; }
#cadre_beige_fonce a {color:#fff; }

#cadre_beige_clair {background-color:#BFAF84; color:#000; }
#cadre_beige_clair a {color:#000; }

#cadre_bleu {background-color:#008CBF; color:#fff; }
#cadre_bleu a {color:#fff; }

#cadre_brique {background-color:#c60; color:#fff; }
#cadre_brique a {color:#fff; }

#cadre_ocre {background-color:#bf9000; color:#fff; }
#cadre_ocre a {color:#fff; }

#filet_beige_clair {border:2px solid #BFAF84; }
#filet_beige_clair a {color:#09c; }

#filet_beige_clair_pointille {border:2px dashed #BFAF84; }
#filet_beige_clair_pointille a {color:#09c; }

#filet_bleu_pointille {border:2px dashed #008CBF; }
#filet_bleu_pointille a {color:#09c; }

/* Navigation du groupe alpha */
#groupe_alpha {width: 760px; background-color:#BF9000; text-align:left;}
#groupe_alpha td {padding: 0 7px;  color: #fff;}
#groupe_alpha a {font-weight: bold; font-size: 0.85em; color: #fff; white-space:nowrap;}
#groupe_alpha td.encours {background-color:#fff; border-top: 1px solid #BF9000; border-bottom: 1px solid #BF9000; }
#groupe_alpha td.encours a {color:#BF9000;}

/* Adresse */
#adresse {width: 760px; font-size: 0.8em; padding: 15px 0; text-align:center;}
#adresse a {color: #000;}