@charset "utf-8";
  /* CSS Centre Belge de la Bande Dessinée */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	text-decoration:none;
	vertical-align: baseline;
	background: transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
	line-height: 1;
	background:url("../images/bg-body.gif") top center repeat-y;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#shortcut {
	display: none;
}
/* ---------------------- Container -------------------------------- */
#general {
  position:relative;
  margin:0 auto;
	padding:0 0 10px 0;
  width:984px;
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3;
  background:#ffffff;
}
#header {
	width:984px;
  height:210px;
  margin:0 0 8px 0;
  border-bottom:1px solid #3782bc;
}
.fr #header {
  background:url("../images/header-fr.jpg") no-repeat;
}
.nl #header {
  background:url("../images/header-nl.jpg") no-repeat;
  background-position:top right;
}
.en #header {
  background:url("../images/header-en.jpg") no-repeat;
  background-position:top right;
}
.de #header {
  background:url("../images/header-de.jpg") no-repeat;
  background-position:top right;
}
#chevalier{
  position:absolute;
  top:42px;
  left:824px;
  width:170px;
  height:200px;
  z-index:3;
  background-repeat:no-repeat;
}
#contenu {
  width:984px;
  clear:both;
}
#menu {
  clear:both;
  width:984px;
}
#breadcrumbs {
  float:left;
  margin:16px 0 0 0;
  padding:0 0 0 230px
}
#left {
  clear:left;
  float:left;
  width:212px;
  padding:20px 0 0 0;
}
#center {
  float:left;
  width:482px;
  margin:20px 0 20px 0;
  padding:0 10px 0 19px;
/*  border-left:1px dashed #666;*/
}
#centerAccueil {
  float:left;
  width:694px;
  margin:16px 0 20px 0;
  padding:0 0 0 30px;
}
#centeractualite {
  float:left;
	margin:20px 0;
	padding:0 10px 0 19px;
	width:482px;
}
#centerFicheActualite {
  float:left;
  width:482px;
  margin:20px 0 20px 0;
}
#right {
  float:left;
  width:235px;
  margin:20px 0 0 0;
  padding:0 0 0 12px;
}

/* ---------------------- Tags HTML Default -------------------------------- */
h1 {
  width:342px;
  height:210px;
}
h1 a {
  display:block;
  width:342px;
  height:210px;
  text-indent:-9999px;
}
#contenu #center h2 {
  margin:0 0 10px 0;
  color:#014375;
}
#contenu #center h2 a{
  color:#014375;
  text-decoration:none;
}
#contenu #center h2 a:hover {
  text-decoration:none;
}
#contenu #center h3 {
	clear:both;
  margin:12px 0 6px 0;
  color:#009CE4;
  font-size:0.9em;
}
#contenu #center .ouvrages {
	display:block;
	clear:both;
	margin-bottom:18px;
	height:85px;
}
#contenu #center .ouvrages h3 {
	float:left;
	clear:none;
	margin:5px 0 2px 0;
}
#contenu #center h3 a{
  color:#009CE4;
	text-decoration:none;
}
#contenu #center h4 {
  margin:0 0 6px 0;
  color:#014375;
  font-size:0.8em;
}
#contenu #center p {
  margin:0 0 12px 0;
  line-height:1.5em;
  font-size:0.8em;
  text-align:justify;
  color:#2e2e2e;
}
#contenu #center .ouvrages p {
	float:left;
	text-align:left;
	width:370px;
}
#contenu p {
  margin:0 0 12px 0;
  line-height:1.5em;
  font-size:0.8em;
  text-align:justify;
  color:#2e2e2e;
}
#contenu a {
  color:#f59500;
}
#contenu a:hover {
  text-decoration:underline;
}
#contenu #center a {
  text-decoration:underline;
}
#contenu a:visited {
  color:#cead7b;
}
#contenu #center ul {
  margin:0 0 15px 20px;
  font-size:0.8em;
  color:#3d558b;
}
#contenu #center li {
  line-height:1.2em;
  list-style:square;
}
#contenu #center li em{
	color:#993333;
	font-size:0.7em;
}
#contenu #center img {
  float:left;
  margin:0 16px 0 0;
  padding-top:5px;
}
#contenu #center img.ie6 {
  margin:0;
}
#contenu #center img.icone {
  margin:0 4px 0 0;
	padding-top:2px;
}
#contenu #left img.vignette {
  margin:0 0 60px 11px;
}
#contenu #left img.encart {
  margin:0 0 25px 7px;
}
/* --- Page Not Found ---*/
#contenu.notfound h2 {
  margin:0 0 10px 49px;
  color:#014375;
}
#contenu.notfound p {
  margin:0 0 12px 49px;
  line-height:1.5em;
  font-size:0.8em;
  text-align:left;
  color:#2e2e2e;
}
#contenu.notfound ul {
  margin:0 0 15px 78px;
  font-size:0.8em;
  color:#3d558b;
}
#contenu.notfound li {
  line-height:1.2em;
  list-style:square;
}
/* ---------------------- Page d'Accueil ------------------------------*/
#centerAccueil #bienvenuefr {
	width:675px;
	height:288px;
	padding:20px 0 0 0;
	background:url('../images/bg-accueil-bienvenue-fr.jpg') no-repeat;
}
#centerAccueil #bienvenuenl {
	width:675px;
	height:288px;
	padding:20px 0 0 0;
	background:url('../images/bg-accueil-bienvenue-nl.jpg') no-repeat;
}
#centerAccueil #bienvenueen {
	width:675px;
	height:288px;
	padding:20px 0 0 0;
	background:url('../images/bg-accueil-bienvenue-fr.jpg') no-repeat;
}
#centerAccueil #bienvenuede {
	width:675px;
	height:288px;
	padding:20px 0 0 0;
	background:url('../images/bg-accueil-bienvenue-fr.jpg') no-repeat;
}
#bienvenuefr h2, #bienvenuenl h2, #bienvenueen h2, #bienvenuede h2 {
	float:left;
	width:432px;
	margin:0 0 10px 0;
  color:#014375;
}
#bienvenuefr p, #bienvenuenl p, #bienvenueen p, #bienvenuede p {
	float:left;
	width:432px;
	padding:0 20px 0 0;
	margin:0 0 6px 0;
	line-height:1.4em;
}
#bienvenuefr img, #bienvenuenl img, #bienvenueen img, #bienvenuede img {
	float:left;
	margin:0 15px 0 15px;
}
#centerAccueil .encart {
	margin:0 0 25px 0px;
	height:190px;
}
#centerAccueil .encart img {
	float:left;
	margin:0 24px 0 2px;
}
#centerAccueil .infoCBBD {
	clear:both;
	margin:0 0 0 8px;
	border-top:1px solid #3782BC;
	width:657px;
}
#centerAccueil .infoCBBD h4 {
	float:right;
	width:426px;
	margin:10px 0 0 0;
  color:#014375;
	font-size:0.9em;
}
#centerAccueil .infoCBBD p strong {
  color:#3782BC;
	font-size:0.9em;
}
#centerAccueil .infoCBBD p.adresse {
	float:left;
	width:220px;
	margin:10px 0 0 0;
  color:#2E2E2E;
	font-size:0.8em;
}
#centerAccueil .infoCBBD p.horaires {
	float:right;
	width:426px;
	margin:10px 0 0 0;
  color:#2E2E2E;
	font-size:0.8em;
	text-align:left;
}
#centerAccueil .infoCBBD img.chevalierContact {
	display:none;
}
/* --- Encart Page Expositions Temporaires - Lien vers Actualite ---*/
#contenu #center .contenu {
  width:auto;
  border:1px solid #cacaca;
	padding:1px 1px 1px 1px;
  background:#fff;
}
#contenu #center .contenu h3 {
	width:auto;
  height:18px;
  margin:0;
	padding:3px;
  font-size:0.9em;
  color:#fff;
  background:#8ecb25;
}
#contenu #center .contenu h3 a{
	color:#ffffff;
}

/* --- Table - horaire ---*/
table {
  margin:0 0 15px 0;
	color:#BA7325;
}
td {
  font-size:0.7em;
  line-height:1.3em;
}
td.type {
  width:145px;
}

/* --- Adresse ---*/
#contenu p.adresse {
	margin:0 0 0 11px;
  text-align:left;
  font-size:0.6em;
  font-style:normal;
  color:#484848;
  line-height:1.4;
}

/* --- Breadcrumbs ---*/
#breadcrumbs p {
  color:#004473;
  font-size:0.6em;
}
#breadcrumbs a {
  color:#3682be;
  font-weight:normal;
}
#breadcrumbs a:hover {
  color:#004473;
}
/* --- Plan du site ---*/
#contenu #center ul.plansite li {
  font-size:1.2em;
	line-height:1.5em;
}
#contenu #center ul.plansite li a{
  color:#3d558b;
}
/* --- Image Chevalier cclonne de gauche ---*/
#left img.chevalierContact {
	display:block;
	margin:20px 0 0 11px;
}
/* --- Form Upload Picture Picassa ---*/
#picassa {
	background:url("../images/bg-encart-picassa.png") no-repeat; 
	padding: 9px 9px 9px 13px;
	width:216px;
	height: 97px;
}
#picassa h3 {
	color:#3782BC; 
	font-size: 0.8em;
}
#picassa input {
}
/* ---------------------- Page Liste Actualite -------------------------------- */
/*#centeractualite .colonne {
  float:left;
  width:244px;
  margin:0 2px 0 0;
  padding:5px;
  background:#e2e2e2;
}
#centeractualite .colonne .contenu {
  width:222px;
  border:1px solid #cacaca;
  padding:5px 10px 5px 10px;
  background:#fff;
}
#centeractualite .colonne .contenu h3 a{
	display:block;
  width:222px;
  line-height:2em;
  font-size:0.8em;
  text-transform:uppercase;
  border-bottom:1px solid #333;
  color:#8ecb25;
}
#centeractualite .colonne .contenu h4 a{
  display:block;
  width:210px;
  margin:12px 0 0 0;
  padding:2px 0 2px 12px;
  line-height:14px;
  font-size:0.7em;
  color:#ffffff;
  background:#000;
}
#centeractualite .colonne .contenu h5 {
  width:210px;
  height:18px;
  padding:0 0 0 12px;
  line-height:2em;
  font-size:0.6em;
  color:#ffffff;
  background:#678c18;
}
*/
#centeractualite p {
  width:auto;
  margin:4px 0 6px 12px;
  line-height:1.2em;
  font-size:0.8em;
	text-align:left;
}
#centeractualite p a{
  margin:0;
	font-size:1em;
}
#centeractualite a {
	margin:0 0 0 12px;
  font-size:0.8em;
}
#centeractualite img {
  display:block;
	margin:0 0 6px 0;
}
/* ---------------------- Page Grande Liste d'Actualite -------------------------------- */
#centeractualite.fiche {
	width:482px;
}
#centeractualite .grandecolonne {
  float:left;
  width:482px;
  margin:0 2px 0 0;
  padding:5px;
  background:#e2e2e2;
}
#centeractualite .grandecolonne .contenu {
  width:auto;
  border:1px solid #cacaca;
  padding:5px 10px 5px 10px;
  background:#fff;
}
#centeractualite .grandecolonne .contenu h3 {
	clear:both;
	display:block;
  width:auto;
  margin:12px 0 0 0;
  padding:2px 0 3px 12px;
  line-height:15px;
  font-size:0.8em;
  color:#678C18;
  background:#CCF28A;
}
#centeractualite .grandecolonne .contenu h4 a{
  display:block;
  width:auto;
  margin:0;
  padding:2px 0 3px 12px;
  line-height:15px;
  font-size:0.8em;
  color:#ffffff;
  background:#8ecb25;
}
#centeractualite .grandecolonne .contenu h5 {
  width:auto;
  height:18px;
  padding:0 0 0 12px;
  line-height:1.7em;
  font-size:0.7em;
  color:#ffffff;
  background:#678c18;
}
#centeractualite .grandecolonne .contenu p {
  width:auto;
  margin:4px 0 6px 12px;
  line-height:1.4em;
  font-size:0.8em;
}
#centeractualite .grandecolonne .contenu p a{
  margin:0;
}
#centeractualite .grandecolonne .contenu a {
	margin:4px 0 0 0;
}
#centeractualite .grandecolonne .contenu img {
	float:left;
	margin:4px 12px 12px 0;
}

/* ---------------------- Page d'une fiche d'Actualite -------------------------------- */

#centeractualite.fiche {
	width:482px;
}
#centeractualite.fiche .grandecolonne {
  float:left;
  width:482px;
  margin:0 2px 0 0;
  padding:5px;
  background:#e2e2e2;
}
#centeractualite.fiche .grandecolonne .contenu {
  width:auto;
  border:1px solid #cacaca;
  padding:5px 10px 5px 10px;
  background:#fff;
}
#centeractualite.fiche .grandecolonne .contenu h3 {
	display:block;
  width:auto;
	color:#8ecb25;
  line-height:1.8em;
  font-size:0.8em;
  text-transform:uppercase;
  border-bottom:1px solid #333;
	margin:0;
	padding:2px 0 3px 0;
	background:none;
}
#centeractualite.fiche .grandecolonne .contenu h4 {
  display:block;
  width:auto;
  margin:4px 0 0 0;
  padding:2px 0 3px 12px;
  line-height:15px;
  font-size:0.9em;
  color:#ffffff;
  background:#8ecb25;
}
#centeractualite.fiche .grandecolonne .contenu h5 {
  width:auto;
  height:18px;
  padding:0 0 0 12px;
  line-height:1.7em;
  font-size:0.7em;
  color:#ffffff;
  background:#678c18;
}
#centeractualite.fiche .grandecolonne .contenu hr {
  border:none;
	width:auto;
	height:1px;
	margin:10px 0 3px 0;
	background:#000000;
}
#centeractualite.fiche .grandecolonne .contenu hr.blanc {
	clear:both;
  border:none;
	width:auto;
	height:1px;
	margin:0;
	background:#ffffff;
}
#centeractualite.fiche .grandecolonne .contenu a.navactualitenext {
  float:right;
	display:block;
	height:16px;
	margin:0;
}
#centeractualite.fiche .grandecolonne .contenu a.navactualiteprevious {
  float:left;
	display:block;
	height:16px;
	margin:0;
}
#centeractualite.fiche .grandecolonne .contenu p {
  width:auto;
  margin:4px 0 6px 0;
  line-height:1.4em;
  font-size:0.8em;
}
#centeractualite.fiche .grandecolonne .contenu p a{
  margin:0;
}
#centeractualite.fiche .grandecolonne .contenu a {
	margin:4px 0 0 12px;
}
/* liste des iamges d'une actu */
#centeractualite.fiche ul#images {
	margin:15px 0 0 0;
}
#centeractualite.fiche ul#images li {
	width:222px;
	height:140px;
	float:left;
	padding:0;
	margin:0 4px 8px 4px;
}
#centeractualite.fiche ul#images li a {
	display:block;
	width:222px;
	height:140px;
	padding:0;
	margin:0;
	text-indent:-9999px;
}
/* liste de fichiers d'une actu */
#centeractualite.fiche ul#fichiers{
	clear:both;
  margin:20px 0 15px 0;
}
#centeractualite.fiche ul#fichiers li{
  float:left;
}
#centeractualite.fiche .grandecolonne .contenu ul#fichiers li a{
  border:1px solid #fff;
  background-repeat:no-repeat;
  background-position: 50% 35%;
  display:block;
  height:100px;
  width:100px;
  margin:0;
}
#centeractualite.fiche .grandecolonne .contenu ul#fichiers li a:hover{
  color:#000;
}
ul#fichiers li span{
  color:#000;
  display:block;
  font-size:10px;
  height:36px;
  line-height:1.2;
  margin:62px 0 0 0;
  overflow:hidden;
  text-align:center;
}
/* ---------------------- Mise en forme - Formulaire -------------------------------- */
#contenu #center h4.demandereservation {
  background:url("../images/fleche-demande-reservation.gif") no-repeat;
  padding:0 0 0 12px;
  font-size:0.8em;
}
#contenu #center h3 .italic {
  font-style:italic;
  font-weight:normal;
  font-size:0.8em;
}
#contenu #center form {
  width:460px;
  margin:10px 0 12px 0;
  padding:0 0 20px 0;
  background:#e7f0f4;
  border:1px solid #006CBF;
}
#contenu #center form em{
  color:#F59500;
	font-weight:bold;
}
#contenu #center form p {
	margin:0;
}
#contenu #center form p em{
	padding:0;
  color:#F59500;
	font-size:0.8em;
}
#contenu #center form div.message {
	margin:0;
	padding:0 0 0 95px;
	text-align:left;
	color:#fff;
}
#contenu #center form div.message p {
  font-size:.7em;
  font-weight:bold;
	color:#fff;
	background:#00CC00;
	padding:3px 7px 5px 7px;
	text-align:left;
}
#contenu #center form div.message p.envoiYes {
	background:#0a0;
}
#contenu #center form div.message p.envoiNo {
	background:#c00;
}
#contenu #center form.parcoursbd {
  background:url("../images/bg-form-parcours-bd.jpg") no-repeat;
}
#contenu #center form.visitesguidees {
  background:url("../images/bg-form-visites-guidees.jpg") no-repeat;
}
#contenu #center fieldset {
  width:420px;
  margin:10px 0 0 8px;
  padding:5px 8px 15px 8px;
  border:1px solid #ffffff;
  background:#e7f0f4;
}
#contenu #center fieldset.fondTransparent {
  background:url("../images/pixel-opaque-2.png") repeat;
}
#contenu #center legend {
  margin:0 0 0 0;
  padding:0 5px 6px 5px;
  font-size:0.8em;
  color:#5e6a6f;
	font-weight:bold;
}
#contenu #center label {
  display:block;
  float:left;
  width:250px;
  line-height:1.8em;
  margin:0 0 6px;
  color:#5e6a6f;
  font-size:0.7em;
  font-weight:bold;
}
#contenu #center input {
  float:left;
  width:160px;
  height:16px;
  margin:0 0 8px 0;
  color:#666666;
  border-left:1px solid #A1A1A1;
  border-top:1px solid #A1A1A1;
  font-size:0.8em;
}
#contenu #center input.submit {
  width:90px;
  height:22px;
  margin:10px 0 0 0;
}
#contenu #center input.vide {
	display:none;
}
#contenu #center input.cp {
  width:46px;
}
#contenu #center input.date {
  width:84px;
}
#contenu #center input.heure {
  width:45px;
}
#contenu #center select {
  display:block;
  float:left;
  width:160px;
  height:20px;
  margin:0 0 8px 0;
  color:#666666;
  font-size:0.8em;
}
#contenu #center textarea {
  clear:both;
  display:block;
  width:410px;
  height:70px;
}
#contenu #center .labelitalic {
  display:block;
  line-height:1.5em;
  font-size:0.8em;
  font-style:italic;
  font-weight:normal;
}
/* ---  Presse : Formulaire Connect et Liste Presse------ */
#contenu #center.formPress {
	background:#efefef;
	padding-top:12px;
}
#contenu #center.formPress form {
	background:#fff url("../images/bg-form-press.gif") no-repeat top right;
	width:300px;
	padding:10px;
	border:1px solid #666666;
}
#contenu #center.formPress label {
	width:100px;
	float:none;
}
#contenu #center.formPress input {
	width:100px;
	float:none;
	height:18px;
}
#contenu #center.formPress input.submit {
	display:block;
	width:100px;
	height:22px;
	background:#efefef;
}
#contenu #center.presse {
	width:700px;
}
#contenu #center.presse h3 {
	display:block;
	clear:both;
	background:#009CE4;
	font-size:0.9em;
	color:#fff;
	line-height:1.6em;
	padding:0 0 0 14px;
	margin:0;
}
#contenu #center.presse h3 a {
	display:block;
	color:#ffffff;
}
#contenu #center.presse .listePresse {
	clear:both;
	border:1px solid #009CE4;
	margin:0 0 15px 0;
	padding:0 12px 0 12px;
}
#contenu #center.presse .listePresse h4 {
	width:100px;
	line-height:1.3em;
	margin:0;
	padding:0 0 0 12px;
	color:#666;
	font-size:0.7em;
	background:#e3e2e2;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #e3e2e2;
}
#contenu #center.presse .listePresse a {
	font-size:0.9em;
	padding:0 0 0 45px;
}
#contenu #center.presse .listePresse ul {
	clear:both;
	margin:0 0 20px 0;
	padding:10px 0 0 8px;
	width:666px;
	border:1px solid #ccc;
}
#contenu #center.presse .listePresse li {
	list-style:none;
}
#contenu #center.presse .listePresse ul.images li {
	display:block;
	float:left;
	width:100px;
	height:100px;
	margin:0 9px 9px 0;
	padding:0;
	border:1px solid #CCCCCC;
}
#contenu #center.presse .listePresse ul.images li:hover {
	border:1px solid #F59500;
}
#contenu #center.presse .listePresse ul.images li a {
	display:block;
	width:100px;
	height:100px;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
}
#contenu #center.presse .listePresse ul.images li span {
	display:block;
	width:100px;
	height:16px;
	background:#fff;
}

#contenu p.deconnect {
	margin:26px 0 15px 14px;
	padding:0 0 4px 0;
	line-height:1.4em;
	width:153px;
	background:#EFEFEF;
	border:1px solid #ccc;
}
#contenu p.deconnect a{
	display:block;
	line-height:1.4em;
	padding:1px 0 0 24px;
	background:url('../images/action_stop.gif') no-repeat 6px 3px;
}
#contenu p.deconnect a:hover{
	background:url('../images/action_stop-hover.gif') no-repeat 6px 3px;
}
/* ---------------------- Flash Info -------------------------------- */
#right #flash_info {
	width:auto;
	padding:0 14px 8px 13px;
	margin:0 0 10px 4px;
	background:#c3b597;
}
#right #flash_info h2{
	text-transform:uppercase;
  width:204px;
  line-height:18px;
  margin:0;
  padding:6px 0 4px 0;
  color:#fff;
  font-size:0.9em;
  background:none;
	border-bottom:1px solid #fff;
}
#right #flash_info h3 {
  margin:10px 0 6px 0;
  padding:0;
  line-height:16px;
  font-size:0.8em;
	color:#2E2E2E;
}
#right #flash_info h4 {
  margin:0 0 6px 0;
  padding:0;
  line-height:16px;
  font-size:0.6em;
	color:#fff;
}
#right #flash_info p{
  margin:0 0 6px 0;
  font-size:0.7em;
	text-align:left;
}
#right #flash_info a.thickbox{
	display:block;
	height:auto;
  margin:0;
}
#right #flash_info p a{
  color:#666666;
	text-decoration:underline;
}
/* ---------------------- A la Une -------------------------------- */
#right h2 {
  text-transform:uppercase;
  width:227px;
  line-height:28px;
  margin:0 0 8px 0;
  padding:2px 0 0 20px;
  color:#009ce4;
  font-size:0.9em;
  background:url("../images/a-la-une-top-1.gif") no-repeat;
}
#right #actualite {
  width:247px;
  background:url("../images/a-la-une-center.gif") repeat-y;
  padding:0;
}
#right #actualite div {
  padding-bottom:8px;
}
#right #actualite h3{
	display:block;
  width:195px;
  height:auto;
  margin:0 0 0 17px;
  padding:0 0 0 19px;
  line-height:19px;
  font-size:0.7em;
	background:#ccf28a;
	color:#678C18;
}
#right #actualite h4 a{
	display:block;
  width:195px;
  margin:0 0 0 17px;
  padding:2px 0 2px 19px;
	line-height:14px;
  color:#fff;
  font-size:0.7em;
  font-weight:bold;
	background:#8ECB25;
}
#right #actualite h5{
  width:195px;
  height:18px;
  margin:0 0 0 17px;
  padding:0 0 0 19px;
  line-height:16px;
  font-size:0.7em;
  color:#fff;
	font-weight:normal;
	background:#678C18;
}
#right #actualite p{
  width:191px;
  margin:0 0 2px 36px;
  font-size:0.7em;
	text-align:left;
}
#right #actualite p a{
  color:#666666;
	text-decoration:underline;
}
#right #actualite p.piedpage{
  display:block;
  width:230px;
  margin:0 0 4px 0;
  padding:0 0 0 17px;
  height:47px;
  background:url("../images/a-la-une-pli-page.gif") no-repeat 0 -10px;
}
#right #actualite p.piedpage a{
  color:#F59500;
}

/* ---------------------- Les Menus -------------------------------- */
/* --- Menu principal ---*/
#menu ul {
  height:24px;
  background:url("../images/bg-menu.gif") repeat-x;
}
#menu ul li {
  float:left;
}
#menu ul li a {
  display:block;
  float:left;
  line-height:23px;
  padding:0 14px 0 14px;
  color:#ffffff;
  font-size:0.9em;
  font-weight:bold;
  background:#ffffff;
}
#menu ul li a:hover {
  background-image:url("../images/fleche-actif.gif");
	background-position: center top;
	background-repeat: no-repeat;
}
#menu ul li.actif a {
  background:url("../images/fleche-actif.gif") center top no-repeat;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

#menu ul li#site_rub_1 a { background-color:#446; }
#menu ul li#site_rub_2 a { background-color:#3782bc; }
#menu ul li#site_rub_3 a { display:none; background-color:#33cdcf; }
#menu ul li#site_rub_4 a { background-color:#8ecb25; }
#menu ul li#site_rub_5 a { background-color:#e2cd22; }
#menu ul li#site_rub_6 a { background-color:#f59500; }
#menu ul li#site_rub_7 a { background-color:#ba7325; }
#menu ul li#site_rub_8 a { background-color:#994f50; }
		    
#menu ul li#site_rub_1.actif a { background-color:#446; }
#menu ul li#site_rub_2.actif a { background-color:#3782bc; border-bottom:1px solid #3782bc; }
#menu ul li#site_rub_3.actif a { display:none; background-color:#33cdcf; border-bottom:1px solid #33cdcf; }
#menu ul li#site_rub_4.actif a { background-color:#8ecb25; border-bottom:1px solid #8ecb25; }
#menu ul li#site_rub_5.actif a { background-color:#e2cd22; border-bottom:1px solid #e2cd22; }
#menu ul li#site_rub_6.actif a { background-color:#f59500; border-bottom:1px solid #f59500; }
#menu ul li#site_rub_7.actif a { background-color:#ba7325; border-bottom:1px solid #ba7325; }
#menu ul li#site_rub_8.actif a { background-color:#994f50; }



/* --- Sous-menu ---*/
#sousmenu ul {
  width:984px;
  height:23px;
  margin:0 0 0 0;
}
#sousmenu li {
  display:inline;
}
#sousmenu li a {
  display:block;
  float:left;
  margin:0 8px 0 12px;
  font-size:0.76em;
  color:#ffffff;
  height:23px;
  line-height:21px;
}
#sousmenu li a:hover {
  text-decoration:none;
  color:#1c1c1c;
  background:url("../images/fleche-actif-verso.gif") no-repeat bottom;
}
#sousmenu li.actif a {
  font-weight:bold;
  background:url("../images/fleche-actif-verso.gif") no-repeat bottom;
}
#sousmenu ul.element_2 { background-color:#3782bc; }
#sousmenu ul.element_3 { display:none; background-color:#33CDCF; }
#sousmenu ul.element_4 { background-color:#8ECB25; }
#sousmenu ul.element_5 { background-color:#E2CD22; }
#sousmenu ul.element_6 { background-color:#F59500; }
#sousmenu ul.element_7 { background-color:#BA7325; }
#sousmenu ul.element_8 { background-color:#994F50; }

/* --- Sous-sous-menu ---*/
#sousousmenu {
	margin:0 0 0 11px;
  background:url("../images/bg-sousousmenu-center.gif") repeat-y;
}
#sousousmenu ul {
  width:192px;
  margin:0 0 20px 0;
  padding:9px 0 0 0;
  background:url("../images/bg-sousousmenu-top.gif") no-repeat;
}
#sousousmenu ul li {
  padding:0 0 9px 8px;
}
#sousousmenu ul li a {
  font-size:0.6em;
  color:#3782bc;
}
#sousousmenu ul li a:hover {
  color:#444466;
}
#sousousmenu li.actif {
  font-weight:bold;
}

/* --- Menu langues ---*/
ul#menulangue {
  float:right;
  margin:11px 7px 0 0; 
}
ul#menulangue li {
  float:left;
  width:23px;
  height:23px;
  margin:0 0 0 12px;
  border:1px solid #6b573f;
}
ul#menulangue li a {
  display:block;
  width:23px;
  height:23px;
  line-height:23px;
  text-align:center;
  color:#999;
  font-size:0.8em;
  background:#fff;
}
ul#menulangue li a:hover {
  background:#6bbbf9;
	color:#fff;
}
ul#menulangue li.actif a {
  font-weight:bold;
	color:#fff;
  background:#3782BC;
}

/* --- Menu Fonctionnel - RSS - Plan site - Presse ---*/
ul#menufonct {
  float:right;
  height:18px;
  padding:16px 30px 0 0;
}
ul#menufonct li {
  display:inline;
  font-size:0.6em;
}
ul#menufonct li a{
	background:url("../images/separation_menufonct.png") right top no-repeat;
  display:block;
  float:left;
  height:16px;
  line-height:1.2em;
  padding:0 6px 0 4px;
  color:#737373;
  font-weight:normal;
}
ul#menufonct li.sans a{
	background:none;
}
ul#menufonct li a:hover {
  text-decoration:none;
  color:#000000;
}
ul#menufonct li.rss a {
  padding-left:15px;
	margin:0 0 0 6px;
	background:url("../images/ico-rss.gif") 0px 0px no-repeat;
}
/* --- Ancre Top : pour remonter en haut des pages ---*/
#ancre {
	clear:both;
	width:984px;
	height:15px;
	margin:10px 0 0 0;
	font-size:10px;
}
#ancre.presse {
	clear:both;
	width:auto;
	height:15px;
	margin:10px 0 0 0;
	font-size:10px;
}
#ancre a {
	display:block;
	height:16px;
	width:80px;
	margin:0 0 0 451px;
	padding:13px 0 0 0;
	text-align:center;
	color:#336699;
	text-decoration:none;
	background:url(../images/bt-top.gif) no-repeat top center;
}
#ancre.presse a {
	margin:0;
	padding:13px 0 0 0;
	font-size:1em;
}
#ancre a:hover{
	color:#014375;
	text-decoration:none;
	background:url(../images/bt-top-hover.gif) no-repeat top center;
}

/* --- Menu Footer ---*/
ul#menufooter {
  margin: 25px 0 0 0;
  clear:both;
  text-align:center;
  border-top:1px solid #3782bc;
  padding: 10px 200px 0 230px;
  height: 30px;
}
ul#menufooter li {
  padding:0 0 0 10px;
  background: url("../images/bullet-menu-footer.png") no-repeat 3px 10px;
  display:block;
  float: left;
  color:#6d8496;
  height:18px;
}
ul#menufooter li.first {
  padding:0;
  background: none;
}
ul#menufooter li a.archives {
  width:97px;
  height:26px;
  display: block;
  text-indent: -9999px;
}
ul#menufooter li a.archives.fr {
  background: url(../images/bt-archives-fr.png);
}
ul#menufooter li a.archives.nl {
  background: url(../images/bt-archives-nl.png);
}
ul#menufooter li a.archives.en {
  background: url(../images/bt-archives-en.png);
}
ul#menufooter li a.archives.de {
  background: url(../images/bt-archives-de.png);
}
ul#menufooter li a {
  color:#6d8496;
  font-size:0.7em;
  line-height:18px;
}
ul#menufooter li a:hover {
 color:#195f96;
}