body {
margin: 0;
padding: 0;
background-color:#FFFFFF;
font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: small;
color:#000000;
}
a {
color: #000000;
text-decoration:none;
}
a:hover { 
text-decoration:underline;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 900px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 900px;
height: 210px;
padding: 0;
background:url(images/header-jacobins.gif) no-repeat 200px 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
display:none;
position: absolute;
top: 190px;
left: 771px;
font-size: x-small;
}
#recherche input.saisie {
font-size: x-small;
color: #6699CC;
border: 1px solid #303647;
vertical-align: middle;
width: 146px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
#recherche label {
padding-left: 15px;
line-height: 15px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- FLAGS---*/
#flags{
position: absolute;
top: 114px;
left: 820px;
font-size: x-small;
}
#flags ul {
text-align:right;
list-style:none;
}
#flags ul li {
padding-right:35px;
margin-bottom:5px;
}
#flags ul li a {
text-decoration:none;
font-size:0.9em;
}
#flags ul li.flag_cn {
background:url(iimages/flag_cn.gif) no-repeat center right;
}
#flags ul li.flag_uk {
background:url(iimages/flag_uk.gif) no-repeat center right;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER ---*/
#inscritnews {
float: left;
width: 185px;
font-size: x-small;
padding: 20px 0px 30px 15px;
margin: 10px 0px 0px 0px;
background-image: url(separ_haut_news.gif);
background-repeat: no-repeat;
background-position: 15px 0px;
}
#inscritnews input.saisie {
width: 115px;
font-size: x-small;
color: #000;
border: 1px solid #969696;
vertical-align: middle;
background-color:#fff;
height:20px;
}
#inscritnews input.bouton {
vertical-align: middle;
margin-left: 6px;
}
.inscription { 
color: #ead6ac;
font-size:1em;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
body.bodyaccueil #menu, body.bodygenerique #menu {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content,
body.bodygenerique #content {
float: left;
width: 900px;
padding: 0px;
}
#content {
float: left;
width: 900px;
padding: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
position: absolute;
top: 195px;
left: 200px;
font-size: x-small;
width: 550px;
height: 18px;
color: #000000;
}
body.body.bodyaccueil #filariane {
display:none;
}
#filariane a {
color: #000000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #inter {
float: left;
width: 700px;
padding: 0;
}
body.bodygenerique #inter {
float: left;
width: 509px;
border-right:1px solid #c9c9c9;
margin-top:10px;
margin-bottom:60px;
padding-right:20px;
padding-left:20px;
text-align:justify;
}
#inter h2,
#inter h2 a {
font-size: 1.2em;
margin:0;
padding: 0;
color: #505050;
line-height: 24px;
}
#inter h3,
#inter h3 a {
font-size: 1em;
margin: 0px;
padding: 0;
color: #505050;
line-height: 20px;
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 5px 0px 5px 0px;
padding: 0;
color: #d71920;
font-size:0.9em;
}
#inter p {
margin:7px 0 7px 0;
font-size:0.9em;
}
#inter ul {
margin:7px 0 7px 20px;
}
#inter ul li {
background-image: url(puce_carree.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding: 0px 0px 0px 8px;
}
body.bodygenerique #inter h4.h4partenaires { 
width:509px;
}
body.bodygenerique #inter ul.partenaires {
width:449px;
background-color:#fff;
margin:20px;
padding:10px;
text-align:center;
}
body.bodygenerique #inter ul.partenaires li {
display:inline;
height:100px;
vertical-align:middle;
padding:5px;
margin:0;
} 
.partenariat li { 
list-style-type:square;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
body.bodyaccueil #right { display:none; }
body.bodygenerique #right {
float: right;
width: 130px;
padding: 0px 10px 10px 10px;
}
#right ul {
}
#right ul li {
}
#right ul li ul {
}
#right ul li ul li {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
body.bodygenerique #totem {
display:none;
}
body.bodygenerique .programme_totem h4 { 
margin:0;
padding:0;
}
.telecharger-brochure {
font-size: small;
background:url(images/icone-download.gif) no-repeat 0 0;
height:20px;
width:112px;
padding-left:35px;
padding-top:5px;
}
body.bodygenerique .totem-paris-chine { 
list-style:none;
margin:0;
padding:0;
width:112px;
}
body.bodygenerique .totem-paris-chine li {
display:block; 
border-top:1px solid #c9c9c9;
padding:15px 0 15px 0;
}
body.bodygenerique .totem-paris-chine li.programme {
border-top: none;
}
body.bodygenerique .totem-paris-chine li.programme a.link {
font-size: small;
background:url(images/icone-download.gif) no-repeat 0 0;
height:20px;
width:95px;
display: block;
padding: 0px 0px 5px 25px;
}
body.bodyaccueil #totem {
position: relative;
width:665px;
height:100px;
margin: 0px 0px 60px 0px;
padding:25px 0px 0px 35px;
float: left;
background-image: url(fond_totem.gif);
background-repeat: no-repeat;
background-position: 35px 0px;
}
body.bodyaccueil #totem ul { 
list-style:none;
margin:0;
padding:0;
float:left;
width:655px;
}
body.bodyaccueil #totem ul li {
display:inline; 
float: left;
}
body.bodyaccueil #totem ul li.chine {
margin-left:15px;
padding-right:10px;
background-image: url(fond_elements_totem.gif);
background-repeat: no-repeat;
background-position: right top;
}
body.bodyaccueil #totem ul li.programme {
margin-left:15px;
padding-right:10px;
background-image: url(fond_elements_totem.gif);
background-repeat: no-repeat;
background-position: right top;
}
body.bodyaccueil #totem ul li.programme a.link {
font-size: small;
background:url(images/icone-download.gif) no-repeat 0 0;
height:20px;
width:95px;
display: block;
padding: 0px 0px 5px 25px;
}
body.bodyaccueil #totem ul li.zoom {
margin-left:15px;
}
body.bodyaccueil #totem ul li.zoom a.link {
font-size: small;
background:url(images/icone-zoom.gif) no-repeat 0 0;
height:20px;
width:135px;
display: block;
padding: 0px 0px 5px 25px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- COORDONNEES ---*/
#coordonnees {
margin:0px;
padding: 0px;
font-size: x-small;
}
#coordonnees p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/

/*--- FOOTER ---*/
#footer {
clear:both;
position:relative;
width: 100%;
margin: 0 auto;
font-size: x-small;
margin: 30px 0px 0px 0px;
padding-bottom: 20px;
border-top:4px solid #d71920;
text-align:center;
}
#footer a {
text-decoration: none;
}
#footer ul {
text-align:center;
margin-top:20px;
}
#footer ul li {
display: inline;
}
#footer ul li a:hover {
text-decoration:underline;
}
body.bodygenerique .logo-index {
display:none;
}
body.bodyaccueil #footer ul.logo-index {
text-align:center;
width:100%;
}
body.bodyaccueil #footer ul.logo-index li {
display:inline;
margin:5px;
height:70px;
}
body.bodyaccueil #footer ul.logo-index li.logo-bnp {
margin-left:400px;
}



/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 215px;}body.bodygenerique #hautpage {float: left;padding-left: 15px;}
#hautpage a {display: block;width: 71px;height: 18px;padding: 2px 0px 0px 19px;color: #FFFFFF;}
/*-- IMPRIMER LA PAGE --*/body.bodyaccueil #imprimpage {display: none;}
#imprimpage {float: left;padding-left: 10px;}
#imprimpage a {display: block;width: 81px;height: 18px;padding: 2px 0px 0px 19px;color: #FFFFFF;}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {color: #0099CC;}
div.coul03, .violet, .coul03 {color: #9966CC;}
div.coul04, .orange, .coul04 {color: #FF9900;}
div.coul05, .vert, .coul05 {color: #669900;}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {border: 1px solid #CC0000;}
img.bord02, .bordureBleue {border: 1px solid #0099CC;}
img.bord03, .bordureViolete {border: 1px solid #9966CC;}
img.bord04, .bordureOrange {border: 1px solid #FF9900;}
img.bord05, .bordureVerte {border: 1px solid #669900;}
/*-- RESULTAT RECHERCHE --*/
table.result {width: 100%;margin: 15px 0px 10px 0px;}
.result th {background-color: #597FBF;vertical-align: top;color: #FFFFFF;padding: 5px;text-align: left;}
.result td {vertical-align: top;padding: 3px;border: none; }
.result td.title {text-align: left;}
.result td.title a {font-weight: bold;color: #597FBF; }
.result td.date {font-size: x-small; }
.result td.description {border-bottom: 1px solid #597FBF;padding-bottom: 10px; }
html div.prec {float: left;padding-left: 2px;font-size: x-small;}
html div.prec a {display: block;padding: 0px 0px 0px 15px;color: #003333;text-decoration: none;}
html div.suiv {float: right;font-size: x-small;}
html div.suiv a {display: block;padding: 0px 16px 0px 0px;color: #003333;text-decoration: none;}
html div.prec a:hover {text-decoration: underline;color: #BC0606;}
html div.suiv a:hover {text-decoration: underline;color: #BC0606;}
/*-- TABLEAUX --*/
table {border-collapse: collapse;}th,td {/*border: 1px solid #597FBF;*/padding: 3px;vertical-align: top;}
th {background-color: #597FBF;color: #FFFFFF;}
table.tbl-billetterie th {
background-color:#ccc;
}
table.tbl-billetterie td {
border: 1px solid #ccc;
padding:5px;
}
.prix {
width:79px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {padding-left: 20px;}
#plandusite h3 a {font-size: large;margin: 7px 0px 7px 0px;padding: 0;color: #D71920;text-decoration: none;}
#plandusite ul {padding: 0px 0px 5px 20px;border-bottom: 1px solid #D71920;margin: 7px 50px 7px 0px;font-weight: bold;}
#plandusite ul li ul {padding: 0px 0px 0px 10px;border-bottom: none;margin: 0px 0px 0px 0px;font-weight: normal;}
#plandusite ul li a {color: #333A4C;text-decoration: none;}
#plandusite ul li a:hover {color: #333A4C;text-decoration: underline;}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES ---*/
#actus {float:left;width:430px;height:260px;padding:5px 15px 5px 35px;}
#actus h2 {margin:0px 0px 0px -12px;}
#actus p,.actuLigne {float: left;clear: both;width: 100%;text-align:justify;font-size:0.9em;}
.actuLigne {margin-bottom: 20px;}
#actus p img,#inter .actuLigne img {float: right;border-right: 8px solid #BC0606;}
#actus p strong a,.actuLigne strong a {color: #d71920;text-decoration: none;}
#actus p strong a:hover,.actuLigne strong a:hover {text-decoration: underline;}
#actus p.toutesactus {text-align:right;width: 430px;}
#actus p.toutesactus a {background-image: url(bout_plus_actus.gif);background-repeat: no-repeat;display: block;height:16px;width: 85px;}
#actus p.toutesactus a span {position: absolute; left: -5000px;}

#visuHome {
width: 167px;
padding: 0px 15px 19px 23px;
background-image: url(fond_zone_visu_accueil.gif);
background-repeat: no-repeat;
background-position: left bottom;
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  FOCUS  ---*/
#interFocus {
float: left;
width: 540px;
padding: 0px 0px 2px 0px;
margin: 25px 0px 0px 0px;
line-height: 18px;
background-image: url(fond_bas_focus.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
#interFocus p.titre {
margin: 0px 0px 0px 0px;
}
#interFocus #contentFocus {
float: left;
background-color: #e6e6e6;
color: #666666;
width: 520px;
padding: 10px 10px 10px 10px;
}
#interFocus #contentFocus p {
margin: 7px 0px 7px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  LIENS UTILES  ---*/
#interLiensUtiles {
float: left;
width: 540px;
padding: 0px 0px 2px 0px;
margin: 25px 0px 0px 0px;
line-height: 18px;
}
#interLiensUtiles p.titre {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
display: block;
float: left;
width: 100px;
}
#interLiensUtiles #contentLiensUtiles {
float: left;
color: #666666;
width: 430px;
padding: 0px 0px 0px 10px;
background-image: url(fond_liens_utiles.gif);
background-repeat: repeat-y;
}
#interLiensUtiles #contentLiensUtiles p,
#interLiensUtiles #contentLiensUtiles ul {
margin: 7px 0px 7px 0px;
width: 430px;
}
#interLiensUtiles #contentLiensUtiles ul li {
margin: 0px 0px 0px 0px;
padding: 2px 0px 4px 0px;
width: 430px;
color: #666666;
background-image: url(point_bas.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#interLiensUtiles #contentLiensUtiles ul li a {
display: block;
height: auto;
width: 430px;
color: #666666;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- ZONE CONTEXTUELLE --*/
#inter #zoneContext {
width: 509px;
float: left;
background-image: url(fond_zone_context.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 20px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
#inter #zoneContext #telechargement,
#inter #zoneContext #liensUtiles {
width: 198px;
float: left;
background-image: url(fond_zone_context.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 0px 10px 0px 0px;
padding: 6px 5px 0px 32px;
}
#inter #zoneContext #telechargement ul,
#inter #zoneContext #liensUtiles ul {
padding: 10px 0px 0px 0px;
}
#inter #zoneContext #telechargement ul li,
#inter #zoneContext #liensUtiles ul li {
padding: 0px 0px 5px 0px;
}
#inter #zoneContext #telechargement a,
#inter #zoneContext #liensUtiles a {
color: #505050;
font-size: 80%;
background-image: url(puce_carree.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 0px 0px 0px 8px;
}
#inter #zoneContext #telechargement {
background-image: url(icone-download-context.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
border-right: 1px solid #c9c9c9;
}
#inter #zoneContext #liensUtiles {
background-image: url(icone-liensutiles.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible, #raccourcis {display: none;}
#map {
position:relative;
width:529px; 
height:500px;
}
#map h2 {
color:#000;
}
#map p {
margin:0;
padding:0;
color:#000;
}
.photo-artiste {
float:left;
}
.photo-artiste img {
margin-right:20px;
}
.programmation-artiste { 
float:left;
width:334px;
border-right:1px solid #304563;
padding-right:20px;
margin-top:20px;
}
#inter .programmation-artiste h4 {
margin:0 0 10px 0;
background:url(images/icone-fleche.gif) no-repeat 0 0;
padding-left:32px;
width:302px;
line-height:25px;
}
.programmation-artiste ul {
margin:0; 
padding:0;
list-style:none;
}
.programmation-artiste ul li {
margin-bottom:10px;
padding-top:7px;
border-top:1px solid #304563;
}
.programmation-artiste ul li.noborder {
border-top:none;
}
.programmation-artiste ul li ul li {
margin:0;
padding:0 0 0 10px;
border-top:none;
}
.liens-utiles { 
float:right;
width:134px;
padding-left:20px;
margin-top:20px;
}
#inter .liens-utiles h4 { 
color:#ead6ac;
background:url(images/icone-liensutiles.gif) no-repeat 0 0;
padding:0 0 0 32px;
margin:0 0 10px 0;
line-height:25px;
width:102px;
}