/* Réalisation e-Lixir : Dapper Version 2 */
* { padding: 0; margin: 0; }
HTML, BODY { height: 100%; }
BODY { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #4B2819; background: #10100F url(../pics/charte/body-bg.gif) left top repeat-y;  }
A IMG { border: none; }
A { color: #4B2819; text-decoration: underline; }
A:hover { text-decoration: none; }
/* Global */
#global { width: 955px; overflow: hidden; background: url(../pics/charte/global-bg.gif) left top no-repeat; margin-left: 15px; }

/* Home page (Spécifique) */
#homeHeader { height: 115px; background: url(../pics/charte/headerHome-bg.png) left top no-repeat; font-size: 0px; text-indent: -10000px; line-height: 0; }

UL#homeMenu { position: absolute; top: 527px; left: 18px; background: url(../pics/charte/menuHome-bg.gif) left top no-repeat; height: 51px; padding: 0 0 0 113px; }
UL#homeMenu LI { float: left; list-style: none; }
UL#homeMenu LI A { float: left; color: #FFF; font-size: 14px; text-decoration: none; text-align: center; text-indent: -10000px; font-size: 0px; text-decoration: none; }
UL#homeMenu LI A:hover { background-position: left bottom !important; }
UL#homeMenu LI A.last { margin-right: 0 !important; }

UL#homeMenu LI A#homeItem1 { background: #723E28 url('../pics/charte/titres/bg-fondation.gif') left top no-repeat; height: 52px; width: 109px; margin: 0 5px 0 0; }
UL#homeMenu LI A#homeItem2 { background: #B35330 url('../pics/charte/titres/bg-expos-home.gif') left top no-repeat; height: 52px; width: 108px; margin: 0 5px 0 0; }
UL#homeMenu LI A#homeItem3 { background: #A76534 url('../pics/charte/titres/bg-visites-activites.gif'); height: 52px; width: 108px; margin: 0 5px 0 0; }
UL#homeMenu LI A#homeItem4 { background: #A77F5E url('../pics/charte/titres/bg-salles-spectacles.gif') left top no-repeat; height: 52px; width: 109px; margin: 0 5px 0 0; }
UL#homeMenu LI A#homeItem5 { background: #8A742E url('../pics/charte/titres/bg-librairie-ligne-home.gif') left top no-repeat; height: 52px; width: 109px; margin: 0 5px 0 0;color: #8A742E; }
UL#homeMenu LI A#homeItem6 { background: #615326 url('../pics/charte/titres/bg-infos-pratiques.gif') left top no-repeat; height: 52px; width: 108px; margin: 0 5px 0 0;  }
UL#homeMenu LI A#homeItem7 { background: #524317 url('../pics/charte/titres/bg-lettre-infos.gif') left top no-repeat; height: 52px; width: 108px; margin: 0 5px 0 0; }

A#flag { position: absolute; display: block; width: 27px; height: 19px; top: 18px; left: 892px; }

/* Formulaire de recherche */
FORM#homeSearch { background: url(../pics/charte/formHome-bg.png) left top no-repeat; width: 210px; padding: 370px 0 0 0; }
FORM#homeSearch INPUT { border: none; background: #FFF; width: 162px; height: 17px; padding: 2px 0 0 7px; margin: 0 7px 0 10px; font-size: 11px; }
FORM#homeSearch INPUT.bouton { background: url(../pics/charte/formHome-bouton-bg.gif) left top no-repeat; width: 22px; height: 21px; margin: 0; padding: 0; cursor: pointer; vertical-align: top; }

FORM#search { position: absolute; top: 595px; left: 10px; width: 210px; }
FORM#search INPUT { border: none; background: #FFF; width: 162px; height: 17px; padding: 2px 0 0 7px; margin: 0 7px 0 10px; font-size: 11px; }
FORM#search INPUT.bouton { background: url(../pics/charte/formSearch-bouton-bg.png) left top no-repeat; width: 22px; height: 21px; margin: 0; padding: 0; cursor: pointer; vertical-align: top; }

/* Footer de la home */
#homeFooter { margin: 85px 0 0 0; font-size: 10px; padding: 0 0 0 10px; }
#homeFooter P { color: #FFF; }
#homeFooter A { text-decoration: none; color: #FFF; }
#homeFooter A:hover { text-decoration: underline; }

/* Encarts "draggable" */
.homeActus { width: 224px; cursor: move;  position: absolute; }
A.homeActusMore { display: block; float: right; width: 19px; height: 19px; background: url(../pics/charte/homeActus-a-bg.gif) left top no-repeat; font-size: 0px; text-indent: -10000px; line-height: 0; }
DIV.homeActusContent { background: #FFF; clear: both; padding: 8px 8px 8px 8px; overflow: hidden; }

DIV.homeActusContent H2, DIV.homeActusContent H2 A { font-family: Verdana, Arial, Helvetica, sans-serif; color: #4B2819; font-weight: normal; font-size: 11px; margin: 0 0 8px 0; text-decoration: none; }
DIV.homeActusContent H3, DIV.homeActusContent H3 A { font-family: Verdana, Arial, Helvetica, sans-serif; color: #4B2819; font-weight: bold; font-size: 13px; margin: 0 0 5px 0; text-decoration: none; }
DIV.homeActusContent H4,DIV.homeActusContent H4 A { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #DF4912; margin: 0 0 5px 0; text-decoration: none; }
DIV.homeActusContent P  { font-size: 11px; }
DIV.homeActusLeft { float: left; width: 108px; }
DIV.homeActusRight { float: right; width: 90px; background: #A00; }

.homeActusP { width: 180px; cursor: move;  position: absolute; }
.homeActusP A.homeActusMore { display: block; float: right; width: 19px; height: 19px; background: url(../pics/charte/homeActus-a-bg.gif) left top no-repeat; font-size: 0px; text-indent: -10000px; line-height: 0; }
.homeActusP DIV.homeActusContent { background: #FFF; clear: both; padding: 8px 8px 8px 8px; overflow: hidden; }

.homeActusP DIV.homeActusContent H2, DIV.homeActusContent H2 A { font-family: Verdana, Arial, Helvetica, sans-serif; color: #4B2819; font-weight: normal; font-size: 11px; margin: 0 0 8px 0; text-decoration: none; }
.homeActusP DIV.homeActusContent H3, DIV.homeActusContent H3 A { font-family: Verdana, Arial, Helvetica, sans-serif; color: #4B2819; font-weight: bold; font-size: 13px; margin: 0 0 5px 0; text-decoration: none; }
.homeActusP DIV.homeActusContent H4,DIV.homeActusContent H4 A { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #DF4912; margin: 0 0 5px 0; text-decoration: none; }
.homeActusP DIV.homeActusContent P  { font-size: 11px; }
.homeActusP DIV.homeActusLeft { float: left; width: 108px; }
.homeActusP DIV.homeActusRight { float: right; width: 90px; height: 10px; background: #A00; }

A#flagEn { position: absolute; display: block; width: 27px; height: 19px; background: url(../pics/charte/flagEn.gif); left: 891px; top: 18px; font-size: 0px; text-indent: -10000px; line-height: 0; text-decoration: none; }

/* Pages internes (Générales) */
#header { height: 105px; padding: 22px 0 0 0; }
#header A#logo { display: block; width: 163px; height: 75px; margin: 0 0 0 37px; background: url(../pics/charte/logo.png) left top no-repeat; font-size: 0px; text-indent: -10000px; line-height: 0; text-decoration: none; }

/* Menu -> Première colonne */
#menu { float: left; width: 113px; padding: 3px 0 0 3px; }
#menu LI { list-style: none; }
#menu LI A { display: block; width: 108px; color: #FFF; font-size: 14px; text-align: center; text-decoration: none; margin: 0 0 4px 0; text-indent: -10000px; font-size: 0px; text-decoration: none; }
UL#menu LI A#item1 { background: #723E28 url('../pics/charte/titres/bg-fondation.gif') left top no-repeat; height: 52px; margin: 0 0 5px 0; }
UL#menu LI A#item2 { background: #B35330 url('../pics/charte/titres/bg-expos.gif') left top no-repeat; height: 51px; margin: 0 0 5px 0; }
UL#menu LI A#item3 { background: #A76534 url('../pics/charte/titres/bg-visites-activites.gif') left top no-repeat; height: 52px; margin: 0 0 5px 0; }
UL#menu LI A#item4 { background: #A77F5E url('../pics/charte/titres/bg-salles-spectacles.gif') left top no-repeat; height: 52px; margin: 0 0 5px 0; }
UL#menu LI A#item5 { background: #8A742E url('../pics/charte/titres/bg-librairie-ligne.gif') left top no-repeat; height: 51px; margin: 0 0 5px 0; color: #8A742E; }
UL#menu LI A#item6 { background: #615326 url('../pics/charte/titres/bg-infos-pratiques.gif') left top no-repeat; height: 52px; margin: 0 0 4px 0; }
UL#menu LI A#item7 { background: #524317 url('../pics/charte/titres/bg-lettre-infos.gif') left top no-repeat; height: 52px; margin: 0 0 4px 0; }

#menu LI A:hover, #menu LI A.active { background-position: left bottom !important;  }

/* Sous menu -> Deuxième colonne */
#ssmenuOrange { float: left; width: 107px; background: #A76534 url(../pics/charte/ssmenuOrange-bg.png) left bottom no-repeat; margin: 3px 0 0 0; padding: 15px 0 200px 0; }
#ssmenuOrange LI { list-style: none;  width: 107px; }
#ssmenuOrange LI A { color: #FFF; text-decoration: none; display: block; padding: 4px 2px 4px 4px;  width: 101px; font-size: 11px; }
#ssmenuOrange LI A:hover, #ssmenuOrange LI A.active { background: #8D766A; }

#ssmenuDarkOrange { float: left; width: 107px; background: #B35330 url(../pics/charte/ssmenuDarkOrange-bg.png) left bottom no-repeat; margin: 3px 0 0 0; padding: 15px 0 200px 0; }
#ssmenuDarkOrange LI { list-style: none;  width: 107px; }
#ssmenuDarkOrange LI A { color: #FFF; text-decoration: none; display: block; padding: 4px 2px 4px 4px;  width: 101px; font-size: 11px; }
#ssmenuDarkOrange LI A:hover, #ssmenuDarkOrange LI A.active { background: #936D68; }

#ssmenuBrown { float: left; width: 107px; background: #723E28 url(../pics/charte/ssmenuBrown-bg.png) left bottom no-repeat; margin: 3px 0 0 0; padding: 15px 0 200px 0; }
#ssmenuBrown LI { list-style: none; width: 107px; }
#ssmenuBrown LI A { color: #FFF; text-decoration: none; display: block; padding: 4px 2px 4px 4px; width: 101px; font-size: 11px; }
#ssmenuBrown LI A:hover, #ssmenuBrown LI A.active { background: #736364; }

#ssmenuCream { float: left; width: 107px; background: #A77F5E url(../pics/charte/ssmenuCream-bg.png) left bottom no-repeat; margin: 3px 0 0 0; padding: 15px 0 200px 0; }
#ssmenuCream LI { list-style: none;  width: 107px; }
#ssmenuCream LI A { color: #FFF; text-decoration: none; display: block; padding: 4px 2px 4px 4px; width: 101px; font-size: 11px; }
#ssmenuCream LI A:hover, #ssmenuCream LI A.active { background: #8D837F; }

#ssmenuDarkGreen { float: left; width: 107px; background: #615326 url(../pics/charte/ssmenuDarkGreen-bg.png) left bottom no-repeat; margin: 3px 0 0 0; padding: 15px 0 200px 0; }
#ssmenuDarkGreen LI { list-style: none; width: 107px; }
#ssmenuDarkGreen LI A { color: #FFF; text-decoration: none; display: block; padding: 4px 2px 4px 4px; width: 101px; font-size: 11px; }
#ssmenuDarkGreen LI A:hover, #ssmenuDarkGreen LI A.active { background: #6A6D63; }

/* Article -> Troisième colonne */
#article { float: left; background: #E8E8E7; width: 570px; margin: 0 4px 0 3px; padding: 3px 0 0 0; overflow: hidden; }
#article H1#titreOrange { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 43px; background: #A76534; font-weight: normal; text-align: center; padding: 11px 0 0 0; margin: 0 0 28px 3px; }
#article H1#titreOrangeOne { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 36px; background: #A76534; font-weight: normal; text-align: center; padding: 18px 0 0 0; margin: 0 0 28px 3px; }
#article H1#titreDarkOrange { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 43px; background: #B35330; font-weight: normal; text-align: center; padding: 11px 0 0 0; margin: 0 0 28px 3px; }
#article H1#titreDarkOrangeOne { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 36px; background: #B35330; font-weight: normal; text-align: center; padding: 18px 0 0 0; margin: 0 0 28px 3px; }
#article H1#titreBrown { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 43px; background: #723E28; font-weight: normal; text-align: center; padding: 11px 0 0 0; margin: 0 0 28px 3px; }
#article H1#titreBrownOne { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 36px; background: #723E28; font-weight: normal; text-align: center; padding: 18px 0 0 0; margin: 0 0 28px 3px; }
#article H1#titreCream { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 43px; background: #A77F5E; font-weight: normal; text-align: center; padding: 11px 0 0 0; margin: 0 0 28px 3px; }
#article H1#titreCreamOne { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 36px; background: #A77F5E; font-weight: normal; text-align: center; padding: 18px 0 0 0; margin: 0 0 28px 3px; }
#article H1#titreDarkGreen { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 43px; background: #615326; font-weight: normal; text-align: center; padding: 11px 0 0 0; margin: 0 0 28px 3px; }
#article H1#titreDarkGreenOne { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 109px; height: 36px; background: #615326; font-weight: normal; text-align: center; padding: 18px 0 0 0; margin: 0 0 28px 3px; }

#article H2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #10100F; font-weight: normal; margin: 0 0 2px 28px; }
#article H3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #DF4912; font-size: 14px; color: #DF4912; font-weight: normal; margin: 0 0 0 30px; }

#article H3.titreDate { font-size: 11px !important; }

#article .accroche { padding: 15px 0 10px 30px; }
#article .accroche P { font-size: 13px !important; margin: 0 0 10px 0; }
#article .accroche LI { font-size: 13px !important; margin: 0 0 10px 0 !important; }
#article .accroche LI UL { margin: 5px 0 5px 20px; }
#article .accroche LI LI  { margin: 0 0 5px 0 !important; }

.articleGrand .accroche { padding: 15px 0 10px 0 !important; }
.articleGrand .accroche P { font-size: 13px !important; margin: 0 0 10px 0; }

#article DIV.gris { width: 305px; margin: 0 0 15px 25px; background: #D8D0CB; padding: 0 0 0 0; }
DIV.gris H4 { background: #9A7460; height: 16px; color: #FFF; font-weight: normal; font-size: 11px; padding: 2px 0 0 5px; margin: 0 0 0 0; }
DIV.gris H4 A { background: #9A7460; height: 14px; color: #FFF; font-weight: normal; font-size: 11px; margin: 0 0 0 0; text-decoration: none; display: block; }

DIV.gris H5 { padding: 0 0 0 8px; margin: 0 0 0 5px; color: #DF4912; font-size: 11px; font-weight: normal; background: url(../pics/charte/h5-bg.gif) left top no-repeat; }
DIV.gris P { padding: 0 5px 0 5px; margin: 0 0 5px 0; line-height: 14px; text-align: justify; }
DIV.gris UL { margin: 0 0 0 18px; list-style: outside disc; }
DIV.gris UL LI { margin: 0 0 3px 0; }
DIV.gris DIV { padding: 5px 0 5px 0; }

#article DIV.blanc { width: 305px; margin: 0 0 15px 25px; padding: 0 0 0 0; }
DIV.blanc H3 {margin: 0 0 0 4px !important; }
DIV.blanc H4 { background: #9A7460; height: 16px; color: #FFF; font-weight: normal; font-size: 11px; padding: 2px 0 0 5px; margin: 0 0 0 0; text-decoration: none; display: block; }
DIV.blanc H4 A { background: #9A7460; height: 14px; color: #FFF; font-weight: normal; font-size: 11px; margin: 0 0 0 0; text-decoration: none; display: block; }
DIV.blanc H5 { padding: 0 0 0 8px; margin: 0 0 0 5px; color: #DF4912; font-size: 11px; font-weight: normal; background: url(../pics/charte/h5-bg.gif) left top no-repeat; }
DIV.blanc P { padding: 0 0 0 5px; margin: 0 0 5px 0; line-height: 14px; text-align: justify; }
DIV.blanc UL { margin: 0 0 0 18px; list-style: outside disc; }
DIV.blanc UL LI { margin: 0 0 3px 0; }
DIV.blanc DIV { padding: 5px 0 5px 0; }

A.op { background: #9A7460 url('../pics/charte/down.gif') right top no-repeat !important; }
A.cl { background: #9A7460 url('../pics/charte/up.gif') right top no-repeat !important; }

P.logo { margin-top: 10px !important; }
P.logo IMG { vertical-align: middle; }

DIV.bigGris { background: #D8D0CB; border-top: 1px solid #936852; border-bottom: 1px solid #936852; padding: 15px 0 10px 0; overflow: hidden; float: left; width: 100%; margin: 0 0 20px 0; }
#article DIV.bigGris H2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #10100F; font-weight: normal; margin: 0 0 2px 30px;  }

#article .colGauche { float: left; width: 330px; padding: 0 20px 0 0; }

#article .colDroite { float: left; width: 192px; padding: 0 0 0 0; }
#article .colVisite { padding: 140px 0 0 0; }
#article .colDroite .illuVisite { background: #D8D0CB; margin: 0 0 5px 0; }
#article DIV.bigGris .colDroite .illuVisite { background: #C8B7AF; margin: 0 0 5px 0; }
#article .colDroite .illuVisite P { padding: 10px 0 10px 7px; font-size: 10px; }
#article .colDroite .illuVisite A.morePics { display: block; height: 15px; color: #FFF; padding: 0 0 0 22px; background: url(../pics/charte/more-pics-bg.gif) left top no-repeat; text-decoration: none; }
/*#article .colDroite P.date { color: #DF4912; height: 25px; padding: 13px 0 0 5px; }*/
#article .colDroite P.date { color: #DF4912; height: 25px; padding: 13px 0 0 5px; }
#article .colDroite P.spectDate { color: #DF4912; padding: 8px 0 6px 5px; border-bottom: 1px solid #926751; }
#article .colDroite P.spectDuree { height: 20px; padding: 8px 0 0 5px; border-bottom: 1px solid #926751; }
#article .colDroite P.spectApartir { height: 20px; padding: 8px 0 0 5px; margin: 0 0 5px 0; border-bottom: 1px solid #926751; }

#article .colDroite H2, #article .colDroite H2 A { display: block; font-size: 11px; font-weight: normal; background: #9A7460; color: #FFF; text-decoration: none; padding: 1px 0 1px 5px; margin: 0 0 0 0 !important; }

DIV.telechargement { background: #D8D0CB; border-bottom: 1px solid #926751; margin: 0 0 5px 0; padding: 0 0 0 0 !important; }
DIV.bigGris DIV.telechargement { background: #C8B7AF; }
DIV.telechargement UL { list-style: none; padding: 8px 0 5px 0; }
DIV.telechargement P { padding: 8px 0 8px 5px; }
DIV.telechargement UL LI { list-style: none; padding: 0 0 5px 5px; }
DIV.telechargement UL LI A, DIV.telechargement P A { text-decoration: none; color: #4B2819; }
DIV.telechargement UL LI A:hover { text-decoration: underline; }

DIV.video { background: #936953; margin: 0 0 15px 0; }
DIV.video A.videoText { display: block; text-decoration: none; color: #FFF; padding: 3px 0 3px 5px; }

/* Footer */
#footer { background: #10100F; padding: 33px 0 15px 0; margin: 15px 0 0 0; }
#footer UL { padding: 0 0 0 15px; }
#footer UL LI { display: inline; color: #FFF; }
#footer UL LI A { color: #FFF; text-decoration: none; }
#footer UL LI A:hover { text-decoration: underline; }
#footer P { background: #343433; color: #FFF; text-align: center; margin: 5px 0 0 0; }

/* Navigation -> Quatrième colonne */
#navigation { float: left; width: 122px; margin: 59px 0 0 0; padding: 10px 2px 10px 10px; background: #7A7676; }
#navigation UL { }
#navigation UL LI { list-style: inside; color: #FFF; }
#navigation DIV { border-bottom: 1px solid #888484; padding: 5px 0 5px 0; margin: 0 8px 0 0; }
#navigation DIV.last { border: none; }
#navigation H2, #navigation H2 A { color: #000; font-size: 11px; margin: 0 0 5px 0; text-decoration: none; }
#navigation LI A { color: #FFF; text-decoration: none; }
#navigation LI A:hover  { text-decoration: underline; }

.articleOne { padding: 20px 25px 0 25px; height: 500px; }
*>.articleOne { min-height: 500px; height: auto; }
.articleOne H2 { margin-left: 0 !important; }
H3.cinecl { margin: 0 0 15px 0 !important; }

/* Article en une seule colonne */
.articleGrand P { margin: 0 0 10px 5px; }
.articleGrand .agendas H5 { padding: 0px 0 5px 0; margin: 5px 5px 0 5px; color: #DF4912; font-size: 11px; font-weight: normal; overflow: hidden; }
.articleGrand .cines H5 { padding: 0px 0 5px 0; margin: 5px 5px 0 5px; color: #DF4912; font-size: 11px; font-weight: normal; overflow: hidden; }
.articleGrand .description P { text-align: justify; margin: 0 0 10px 0; }
.articleGrand .img , .imgArch{ float: left; width: 116px; }
.articleGrand .l { width: 380px; }
.articleGrand A { text-decoration: underline; color: #4B2819; }
.articleGrand DIV.agendas .alt { background: #C8B7AF; padding: 0 0 0 0; }
.articleGrand DIV.cines .alt { background: #C8B7AF; padding: 0 0 0 0; }
.articleGrand UL { margin: 0 0 10px 18px; list-style: outside disc; }
/* Agenda */
.agenda, .articleGrand, .listeSpectacles  { padding: 0 25px 0 25px; margin: 0 0 20px 0; }
.listeSpectacles { margin: 20px 0 0 0; }
#article .listeSpectacles H2 { margin: 20px 0 40px 0; }
#article .listeSpectacles H3 { font-size: 12px; font-weight: bold; }
#article .listeSpectacles H4 { background: #926751; height: 16px; color: #FFF; font-weight: normal; font-size: 11px; padding: 2px 0 0 5px; margin: 0 0 0 0; }
#article .listeSpectacles H4 A { background: #926751; height: 14px; color: #FFF; font-weight: normal; font-size: 11px; margin: 0 0 0 0; text-decoration: none; display: block; }
#article .listeSpectacles H5 { padding: 2px 0 10px 0; margin: 5px 5px 0 5px; color: #DF4912; font-size: 11px; font-weight: normal; clear: both; }
#article .listeSpectacles A { text-decoration: underline; color: #4B2819; }

#article .agenda H2 { margin: 0 0 40px 0; }
#article .agenda H3 { font-size: 12px; font-weight: bold; }
#article .agenda H4 { background: #926751; height: 16px; color: #FFF; font-weight: normal; font-size: 11px; padding: 2px 0 0 5px; margin: 0 0 0 0; }
#article .agenda H4 A { background: #926751; height: 14px; color: #FFF; font-weight: normal; font-size: 11px; margin: 0 0 0 0; text-decoration: none; display: block; }
#article .agenda H5 { padding: 2px 0 10px 0; margin: 5px 5px 0 5px; color: #DF4912; font-size: 11px; font-weight: normal; clear: both; }
#article .agenda A { text-decoration: underline; color: #4B2819; }

#article .agendaListe { padding: 0 25px 0 25px; }
#article .agendaListe H2 { margin: 0 0 40px 0; }
#article .agendaListe H3 { font-size: 12px; font-weight: bold; margin: 0 0 0 5px; }
#article .agendaListe H4 { background: #926751; height: 16px; color: #FFF; font-weight: normal; font-size: 11px; padding: 2px 0 0 5px; margin: 0 0 0 0; }
#article .agendaListe H4 A { background: #926751; height: 14px; color: #FFF; font-weight: normal; font-size: 11px; margin: 0 0 0 0; text-decoration: none; display: block; }
#article .agendaListe H5 { padding: 2px 0 10px 0; margin: 5px 5px 0 5px; color: #DF4912; font-size: 11px; font-weight: normal; clear: both; }
#article .agendaListe A { text-decoration: underline; color: #4B2819; }

DIV.agendas { margin: 0 0 6px 0; background: #D8D0CB; padding: 0 0 0 0; clear: both; overflow: hidden; }
DIV.agendas DIV.description { border-top: 1px solid #FFF; padding: 10px 5px 10px 0; margin: 0 5px 0 5px; overflow: hidden; }
DIV.agendas .alt  { background: #C8B7AF; overflow: hidden; }
DIV.agendas .norm { background: #D8D0CB; overflow: hidden; }

DIV.cines { margin: 0 0 6px 0; background: #D8D0CB; padding: 0 0 0 0; clear: both; }
DIV.cines DIV.description { border-top: 1px solid #FFF; padding: 10px 5px 10px 0; margin: 0 5px 0 5px; overflow: hidden; float: left; }
DIV.cines .alt { background: #C8B7AF; padding: 7px 0 0 0; overflow: hidden; float: left; width: 511px; }
DIV.cines .norm { background: #D8D0CB; padding: 0px 0 0 0; overflow: hidden; float: left; width: 511px; }

/* Flash milieu de page */
#contFlash { position: absolute; top: 15px; left: 356px; width: 340px; height: 169px; }

IMG#flash { position: absolute; top: 15px; left: 356px; width: 340px; height: 169px; }*/

/* ACCESS PRESSE */
.presse { margin: 0 0 0 0; overflow: hidden; width: 100%; }
.presseTitre { font-weight: bold; margin: 0 0 5px 0 !important; }
.presseImg { float: left; margin: 0 0 5px 0 !important; }
.presseLegende { float: left; margin: 0 0 15px 10px !important; }


/* Classes générales */
.clear  { clear: both !important; }
.spacer { clear: both; height: 1px; }
.border { border-bottom: 1px solid #926751; }
.brown  { color: #4B2819 !important; }
.orange { color: #DF4912 !important; }
.noir { color: #000000 !important; }
.r { float: right; }
.l { float: left; }
.center { text-align: center !important; }

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; /*background-image: url(data:image/gif;base64,AAAA);*/ display: block; }
#prevLink { left: 0; float: left; background: url(../pics/charte/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(../pics/charte/nextlabel.gif) right 15% no-repeat;}

/*
#prevLink:hover, #prevLink:visited:hover { background: url(../pics/charte/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pics/charte/nextlabel.gif) right 15% no-repeat; }
*/

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #FFF; }
#imageData #imageDetails{ width: 90%; float: left; text-align: left; }
#imageData #caption { display:block; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #333; }

A.librairie { display: block; background: #E1693D; padding: 1px 0 1px 2px; color: #E8E8E7; text-decoration: none; }

FORM#contact { width: 360px; margin: 25px 0 0 50px; }
FORM#contact P { margin: 0 0 10px 0; }
FORM#contact * { font-size: 11px !important; }
FORM#contact LABEL { display: block; float: left; width: 85px; }
FORM#contact INPUT { width: 265px; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #BBB; border-right: 1px solid #BBB;  padding: 1px;  }
FORM#contact INPUT.chk { width: auto; vertical-align: middle; border: none; padding: 0px; }
FORM#contact INPUT.bouton { background: url(../pics/charte/bg-bouton-contact.gif) left top no-repeat; width: 78px; height: 22px; padding: 0px; }
FORM#contact SELECT { width: 269px; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #BBB; border-right: 1px solid #BBB;  padding: 1px; }
FORM#contact TEXTAREA { width: 266px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #4B2819; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #BBB; border-right: 1px solid #BBB; padding: 1px; }

FORM#contact #captcha { margin:5px 5px 0 85px; }
FORM#contact #boumjtattrape { margin:0 0 0 85px; }

.videoCont { width: 270px; margin: 20px auto 10px auto; }

P.share { line-height: 18px; }
P.share IMG { border: none; vertical-align: middle; margin: 0 0 0 5px; }
P.share A { outline: none; }