body { font-family: Arial; font-size: 12px; background-color: #006598; margin: 0px }
td { color: #606060; font-family: Arial; font-size: 12px }

div.logo { position: absolute; top: 48px; left: 88px }

td.ligne { border-bottom: 1px solid #FFFFFF }
td.lignes { border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF }
td.bandeau { background-image: url(images/bandeau/photo-hd.jpg); background-repeat: no-repeat; border-bottom: 1px solid #FFFFFF; padding-right: 4px }
.recherche { color: #000000; font-family: Arial; font-size: 10px; background-color: #FFF7DA; padding-left: 3px; border: 1px solid #000000; width: 120px }
a.accueil { color: #FFFFFF; font-family: Arial; font-size: 12px; text-decoration: none; background-color: #006599; padding: 0px 50px 0px 23px; border-right: 1px solid #FFFFFF }
a.accueil:hover { color: #FFC709; font-family: Arial; font-size: 12px; text-decoration: none; background-color: #004681; padding: 0px 50px 0px 23px; border-right: 1px solid #FFFFFF }
a.bandeau { color: #FFFFFF; font-family: Arial; font-size: 12px; text-decoration: none; background-color: #006599; padding: 0px 24px 0px 23px; border-right: 1px solid #FFFFFF }
a.bandeau:hover { color: #FFC709; font-family: Arial; font-size: 12px; text-decoration: none; background-color: #004681; padding: 0px 24px 0px 23px; border-right: 1px solid #FFFFFF }

td.menu { border-right: 1px solid #FFFFFF; vertical-align: top; padding-top: 10px; width: 155px }
p.menu-niv1 { text-align: left; background-color: #1277AB; background-image: url(images/menu/puce-niv1.gif); background-repeat: no-repeat; border-top: 1px solid #3399CC; border-bottom: 1px solid #3399CC; margin: 5px 0px 0px 0px; padding: 1px 0px 1px 14px }
a.menu-niv1 { color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none }
a.menu-niv1:hover { color: #FFC709; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none }
a.menu-niv1-on { color: #FFC709; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none }
div.menu-niv2 { padding-top: 5px }
p.menu-niv2 { text-align: left; margin: 0px; padding: 2px 0px 2px 10px }
a.menu-niv2 { color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none }
a.menu-niv2:hover { color: #FFC709; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none }
a.menu-niv2-on { color: #FFC709; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none }
p.menu-niv3 { text-align: left; background-image: url(images/menu/puce-niv3.gif); background-repeat: no-repeat; margin: 0px; padding-left: 17px }
a.menu-niv3 { color: #FFFFFF; font-family: Arial; font-size: 10px; text-decoration: none }
a.menu-niv3:hover { color: #FFC709; font-family: Arial; font-size: 10px; text-decoration: none }
a.menu-niv3-on { color: #FFC709; font-family: Arial; font-size: 10px; text-decoration: none }

div.signet { background-image: url(images/signets/degrade.gif); padding: 5px 0px 5px 12px }
a.signet { color: #003866; font-family: Arial; font-size: 11px; text-decoration: none }
a.signet:hover { color: #000000; font-family: Arial; font-size: 11px; text-decoration: none }

div.page { background-color: #FFFFFF; background-image: url(images/page/degrade.gif); padding: 20px; border-left: 10px solid #C1E0F0 }
h1 { color: #004681; font-family: Arial; font-size: 16px; font-weight: bold; text-transform: uppercase; background-image: url(images/page/ligne-h1.gif); text-align: center; margin: 0px }
span.h1 { background-image: url(images/page/degrade.gif); background-position: center; padding: 0px 20px 0px 20px }
h2 { color: #C46400; font-family: Arial; font-size: 14px; font-weight: bold; background-image: url(images/page/puce-h2.gif); background-repeat: no-repeat; padding: 4px 0px 4px 19px; margin: 40px 0px 23px 0px }
span.h2 { background-image: url(images/page/ligne-h2.gif); background-repeat: no-repeat; background-position: bottom right; padding-right: 260px }
a.h2 { color: #C46400 }
h3 { color: #1277AB; font-family: Arial; font-size: 12px; font-weight: bold; margin: 13px 0px 13px 15px }
a.h3 { color: #1277AB }
p { color: #606060; font-family: Arial; font-size: 12px; text-align: justify; margin: 13px 0px 13px 15px }
ul { color: #606060; font-family: Arial; font-size: 12px; padding: 0px; margin: 13px 0px 13px 30px }
li { list-style-type: none; background-image: url(images/page/puce-li.gif); background-repeat: no-repeat; padding-left: 11px }
a { color: #4C62E3; text-decoration: underline }
a:hover { text-decoration: none }
span.important { color: #C46400; font-family: Arial; font-size: 12px; font-weight: bold; font-style: italic }
.lien-plan { color: #606060; margin-left: 20px }
.lien-plan2 { color: #606060; font-size: 10px; margin-left: 40px }
table.tableau { background-color: #FFFFFF; border: 1px solid #1277AB; margin: 0px 15px 0px 15px; width: 543px }

table.pagination { margin: 40px 15px 0px 15px; border-bottom: 1px solid #C46400 }
td.pagination { color: #C46400; font-family: Arial; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase }
a.pagination { color: #C46400; font-family: Arial; font-size: 20px; font-weight: bold; text-decoration: none }
a.pagination:hover { color: #EB8926; font-family: Arial; font-size: 20px; font-weight: bold; text-decoration: none }
div.calendrier { background-color: #FFFFFF; padding: 0px 15px 15px 15px; margin: 0px 15px 0px 15px }
td.calendrier { border-bottom: 1px solid #1277AB; vertical-align: top; padding: 5px 0px 5px 0px }
td.type-animation { border-bottom: 1px solid #1277AB; vertical-align: bottom; background-image: url(images/page/type-animation.gif); height: 125px }
td.type-exposition { border-bottom: 1px solid #1277AB; vertical-align: bottom; background-image: url(images/page/type-exposition.gif); height: 125px }
td.type-colloque { border-bottom: 1px solid #1277AB; vertical-align: bottom; background-image: url(images/page/type-colloque.gif); height: 125px }
td.type-concert { border-bottom: 1px solid #1277AB; vertical-align: bottom; background-image: url(images/page/type-concert.gif); height: 125px }
td.type-conference { border-bottom: 1px solid #1277AB; vertical-align: bottom; background-image: url(images/page/type-conference.gif); height: 125px }
td.type-visite { border-bottom: 1px solid #1277AB; vertical-align: bottom; background-image: url(images/page/type-visite.gif); height: 125px }
td.type-indefini { border-bottom: 1px solid #1277AB; vertical-align: bottom; background-image: url(images/page/type-indefini.gif); height: 125px }
p.blanc { color: #000000; font-family: Arial; font-size: 8px; background-color: #FFFFFF; margin: 0px; width: 30px }

p.haut-page { text-align: right; margin: 20px 55px 0px 0px }
a.haut-page { color: #C46400; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none }
a.haut-page:hover { color: #EB8926; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none }

img.photo { margin: 0px 0px 10px 15px }
