/* v3.css
   cross-browser.com
*/

html {
  color:#000; background:#fff;
  margin:0; padding:0;
}
body {
  color:#000; background:#ededed;
  margin:0; padding:0;
  font-size:small;
  font-family:verdana,arial,helvetica,sans-serif;
}

/* Anchor Elements */

a:link {
  color:#000000; background:transparent;
  text-decoration:none;
}
a:visited {
  color:#000000; background:transparent;
  text-decoration:none;
}
a:active {
  color:#000000; background:transparent;
  text-decoration:none;
}
a:hover {
  color:#333333; background:#ffffff;
  text-decoration:none;
}
            
a.googlelogo, a:hover.googlelogo {
  background:transparent;
}
img.googleImg, img.w3cImg, img.fsfImg, img.ppImg {
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
  border: none;
}
#menubar1 a:link, #menubar1 a:visited, #menubar1 a:active {
  color:#596380; background:transparent;
  text-decoration:none;
  font-weight:bold;
  padding:1px;
}
#menubar1 a:hover {
  color:#333333; background:#ffffff;
  text-decoration:none;
  font-weight:bold;
  padding:1px;
}

.mnuBox a:link {
  color:#596380; background:transparent; /* #727EA3; */
  text-decoration:none;
  padding:1px;
  display:block;
  width:100%;
}
.mnuBox a:visited, .mnuBox a:active {
  color:#596380; background:transparent; /* #727EA3; */
  text-decoration:none;
  padding:1px;
  display:block;
  width:100%;
}
.mnuBox a:hover {
  color:#333333; background:#ffffff;
  text-decoration:none;
  padding:1px;
  display:block;
  width:100%;
}

.xPopupMenu .mnuBox a:link, .xPopupMenu .mnuBox a:visited, .xPopupMenu .mnuBox a:active {
  color:#596380; background:transparent; /* #CFD4E6; */
}
.xPopupMenu .mnuBox a:hover {
  color:#333333; background:#ffffff;
}

.mnuOpt a:link {
  color:#ffffff; background:#ffffff; /* 727EA3; */
  text-decoration:none;
  display:inline;
  width:100%;
}
.mnuOpt a:visited, .mnuOpt a:active {
  color:#596380; background:#727EA3;
  text-decoration:none;
  display:inline;
  width:100%;
}
.mnuOpt a:hover {
  color:#333333; background:#ffffff;
  text-decoration:none;
  display:inline;
  width:100%;
}

.xPopupMenu .mnuOpt a:link, .xPopupMenu .mnuOpt a:visited, .xPopupMenu .mnuOpt a:active {
  color:#596380; background:#CFD4E6;
}
.xPopupMenu .mnuOpt a:hover {
  color:#333333; background:#ffffff; /* CCA78F; */
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
  text-decoration:none;
}

.inA {
  display:inline;
}

/* Misc. Elements */

b {
  font-weight:bold;
 background:transparent;
}
p {
  color:#000; background:transparent;
  margin:.3em 0 .5em 0; padding:0;
  line-height:1.5em;
}
li {
  margin-bottom:.5em;
}
pre {
  font-family:'courier new',monospace;
  color:#596380; background:transparent;
  border:1px dotted #596380;
  margin:4px 2px 10px 2px; padding:10px;
  overflow:auto;
  font-size:small; /* had to add this because IE was rendering it smaller */
  max-height:32em;
}
code, tt {
  font-family:'courier new',monospace;
  color:#596380; background:transparent;
  font-size:small; /* had to add this because IE was rendering it smaller */
}

/* Heading Elements */

.h1Color { color:#596380; }
h1 {
  color:#596380;
  background:transparent;
  font-weight:normal;
  margin:0; padding:0 0 6px 0;
  text-align:left;
  font-size:xx-large;
}

.h2Color { color:#ffffff; }
.h2Bkgnd { background:#ffffff; }
h2 {
  color:#ffffff;
  background:transparent;
  font-weight:bold;
  margin:2em 0 1em 0; padding:4px 0px;
  font-size:large;
}

.h3Color { color:#596380; }
h3 {
  color:#596380;
  margin:2em 0 1em 0; padding:0 0 0 0;
  font-weight:bold;
  font-size:medium;
}

#rightColumn h3 {
  font-size:small;
}

.h4Color { color:#ffffff; }
h4 {
  color:#ffffff;
  margin:1.6em 0 .6em 0; padding:0;
  font-weight:bold;
  font-size:small;
}

.mnuBox h4 {
  margin:.5em 0;
}

h5 {
  color:#596380; background:transparent;
  margin:1.6em 0 .6em 0; padding:0;
  font-weight:bold;
  font-size:x-small;
}

.h5i { /* H5 'inline' */
  color:#596380;
  background:transparent;
  margin:1.6em 2em .6em 0;
  padding:0;
  font-weight:bold;
  font-size:x-small;
}

.h4P {
  margin:.3em 0 .5em .25em; padding:0;
}
.h5P {
  margin:.3em 0 .5em .5em; padding:0;
  font-size:x-small;
}

/* Misc. Classes */

#topLinkCon {
  margin:0; padding:0;
}
.smaller {
  font-size:smaller;
}
.textInput {
  font-family:'courier new',monospace;
  color:#000; background:#fff;
  width:140px;
}
.inpTxt {
  color:#000; background:#CCA78F;
  font-family:'Courier New',monospace;
  font-size:12px;
  border:1px solid #596380;
}
.inpBtn {
  color:#000; background:#CCA78F;
  font-size:10px;
  border:1px solid #596380;
  cursor:pointer;
}
.noDisp {
  display:none;
}
.collapsible {
  margin:0; padding:0;
  overflow:hidden;
  display:block;
}
/*
#sponsors, #sponsor1, #sponsor2 {
  margin:0;
  padding:0;
  overflow:hidden;
}
#sponsor1 p {
  margin:0;
  padding:2px;
}
#sponsor1 p a {
  position: relative;
  padding:2px 0;
  display:block;
  width:100%;
}
#sponsor2 {
  margin-top:16px;
}
*/
.hint, .titleHover { /* for non-A elements that have title='some info' */
  border-bottom: 1px dotted #ffffff;
  cursor: help;
}

/* Sidebar Menu */

.mnuBox, .mnuOpt {
  margin:0 0 4px 0; padding:4px 2px 4px 2px;
  overflow:hidden;
}
.mnuBox p, .mnuOpt p {
  margin:0; padding:0;
  line-height:1.2em;
  font-size:smaller;
}

/* Layout */

#header {
  background:transparent;
  overflow:hidden;
  margin:0; padding:0;
  margin-bottom:30px;
}

#menubar1 {   /* static, horizontal site menu */
  color:#596380;
  background:transparent;
  padding:2px;
  margin:0;
  font-weight:normal;
  text-align:right;
}
#menubar1 b {
  color:#ffffff;
}

.column {
  top:0px; /* 90px; */ /* just estimate it ;-) */
  position:absolute; overflow:hidden;
  background:transparent;
  margin:0; padding:0;
}
#leftColumn {
  left:0%; width:100%;

}
#rightColumn {
  left:100%; /* rightCol.left = leftCol.left + leftCol.width */
  width:0%; /* rightCol.width = 99 - rightCol.left */
}
.leftContent, .firstLeftContent {
  background:#fff; /* CFD4E6; */
  overflow:auto;
  margin:0 0 0px 0;
  padding:0px 0px 0px 0px;
}
.rightContent {
  background:#fff; /* 727EA3; */
  overflow:hidden;
  margin:0 0 0px 0;
  padding:0px 0px 0px 0px;
}
/*
.rightContent .collapsible p {
  font-size:smaller;
}
*/
.rightContent {
  font-size:smaller;
}

#footer {
  font-size:smaller;
  text-align:center;
  padding:10px 20px 10px 20px;
  border:none;
}

/* Objects */

.xToolbar {
  position:absolute; overflow:hidden;
  background:transparent;
  width:24px;
}

.xButton {
  overflow:hidden;
  margin:2px;
  width:16px; height:14px;
  color:#596380; background:#CFD4E6;
  font-size:xx-small;
  font-weight:bold;
  cursor:pointer;
  text-align:center;
  border-left:1px solid #CFD4E6;
  border-top:1px solid #CFD4E6;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
}
.xButtonHover {
  overflow:hidden;
  margin:2px;
  width:16px; height:14px;
  color:#CFD4E6; background:#ffffff;
  font-size:xx-small;
  font-weight:bold;
  cursor:pointer;
  text-align:center;
  border:1px solid #ffffff;
}

.xPopupMenu {
  position:absolute;
  color:#596380; background:#FFF; /* CFD4E6; */
  margin:0; padding:3px;
  border:1px outset #596380;
}

.menuFilm {font-family: verdana; color:#000000; font-size: 9px; text-decoration: none;}
a.menuFilm {font-family: verdana; color:#000000; font-size: 9px; text-decoration: none;}
a.menuFilm:hover {font-family: verdana; color:#ffffff; font-size: 9px; text-decoration: none;background-color:#666666;}
.footer {font-family: verdana; color:#999999; font-size: 9px; text-decoration: none;}
a.footer {font-family: verdana; color:#999999; font-size: 9px; text-decoration: none;}
a.footer:hover {font-family: verdana; color:#999999; font-size: 9px; text-decoration: underline;}
input.footer {font-family:verdana;color:#555555;font-size:9px;font-weight:normal;text-decoration:none;border-left: #999999 solid 1px;border-top: #999999 solid 1px;border-right:#999999 solid 1px;border-bottom: #999999 solid 1px;background-color: #f4f4f4;text-align:left}

.texte {font-family: verdana; color:#000000; font-size: 8pt; text-decoration: none}
.titre4 {  font-family: Verdana, Arial, Helvetica, sans-serif; color:#222222; font-size: 8pt; font-weight:bold;text-decoration: none}
.titre5 {  font-family: Verdana, Arial, Helvetica, sans-serif; color:#222222; font-size: 12pt; font-weight:bold;text-decoration: none}
.titre {  font-family: Verdana, Arial, Helvetica, sans-serif; color:#222222; font-size: 11px; font-weight:bold;text-decoration: none}
.titre2 {  font-family: Verdana, Arial, Helvetica, sans-serif; color:#222222; font-size: 18px; line-height: 16px; text-decoration: none}
.titre3 {  font-family: Verdana, Arial, Helvetica, sans-serif; color:#222222; font-size: 16px; line-height: 16px; text-decoration: none}
a.titre3 {  font-family: Verdana, Arial, Helvetica, sans-serif; color:#222222; font-size: 16px; line-height: 16px; text-decoration: none}
a.titre3:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; color:#222222; font-size: 16px; line-height: 16px; text-decoration: underline}
.text {  font-family: verdana; color:#000000; font-size: 8pt; text-decoration: none}
.texte2 {  font-family: verdana; color:#000000; font-size: 7pt; text-decoration: none}
td.justify {text-align:justify};
select.panier {  font-family: verdana; color:#000000; font-size: 8pt; line-height: 10pt; text-decoration: none}
a.text {font-family: verdana; color:#000000; font-size: 8pt; line-height: 10pt; text-decoration: none;}
a.text:hover {  font-family: verdana; color:#000000; font-size: 8pt; line-height: 10pt; text-decoration: underline;}
.gras {font-family: verdana; color:#000000; font-size: 8pt; line-height: 10pt; font-weight:bold;text-decoration: none;}
a.gras {font-family: verdana; color:#000000; font-size: 8pt; line-height: 10pt; font-weight:bold;text-decoration: none;}
a.gras:hover {  font-family: verdana; color:#000000; font-size: 8pt; line-height: 10pt; font-weight:bold;text-decoration: underline;}
a.texte {font-family: verdana; color:#000000; font-size: 8pt; line-height: 10pt; text-decoration: none;}
a.texte:hover {  font-family: verdana; color:#000000; font-size: 8pt; line-height: 10pt; text-decoration: underline;}
.nomArticle {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; line-height: 12px; text-decoration: none}
.createurArticle {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 9px; line-height: 12px; text-decoration: none}
.prixArticle {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 16px; line-height: 16px; text-decoration: none}
.prixArticleBarre {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 16px; line-height: 16px; text-decoration: line-through}
.fournisseurArticle {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 9px; line-height: 12px; text-decoration: none}
.stockArticle {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 9px; line-height: 12px; text-decoration: none}
a.achatArticle {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 9px; line-height: 12px; text-decoration: none;}
a.achatArticle:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 9px; line-height: 12px; text-decoration: underline;}
a.createurArticle {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 9px; line-height: 12px; text-decoration: none}
a.createurArticle:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 9px; line-height: 12px; text-decoration: underline}
.titreActu {  font-family: verdana; color:#222222; font-size: 18pt; line-height: 19pt; font-weight: normal; text-decoration: none}
a.suite {  font-family: verdana; color:#222222; font-size: 8pt; line-height: 10pt; font-weight: bold; text-decoration: none}
a.suite:hover {  font-family: verdana; color:#222222; font-size: 8pt; line-height: 10pt; font-weight: bold; text-decoration: underline}
.notes {font-family: verdana; color:#666666; font-size: 9px; text-decoration: none}
.designation {font-family: verdana; color:#000000; font-size: 12pt; text-decoration: none}
.nomArticle {font-family: verdana; color:#000000; font-size: 19px; line-height: 20px; text-decoration: none}
.prix {font-family: verdana; color:#666666; font-size: 12pt; text-decoration: none}
.cinemapantheon {font-family: verdana; color:#ffffff; font-size: 9px; text-decoration: none;}
a.cinemapantheon {font-family: verdana; color:#ffffff; font-size: 9px; text-decoration: none;}
a.cinemapantheon:hover {font-family: verdana; color:#ffffff; font-size: 9px; text-decoration: underline;}

.lienActu {font-family: verdana; color:#000000; font-size: 9px; text-decoration: none;}
a.lienActu {font-family: verdana; color:#000000; font-size: 9px; text-decoration: none;}
a.lienActu:hover {font-family: verdana; color:#000000; font-size: 9px; text-decoration: underline;}

.lienCinema {font-family: verdana; color:#ffffff; font-size: 9px; text-decoration: none;}
a.lienCinema {font-family: verdana; color:#ffffff; font-size: 9px; text-decoration: none;}
a.lienCinema:hover {font-family: verdana; color:#ffffff; font-size: 9px; text-decoration: underline;}

.nomRealisateur {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 14px; text-decoration: none}
a.nomRealisateur {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 14px; text-decoration: none}
a.nomRealisateur:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 14px; text-decoration: underline}

.designationCollection {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 9px; line-height: 10px; text-decoration: none}
.prixCollection {font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size: 11px; text-decoration: none}
.numCommande {font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size: 10px; text-decoration: none}
.prixArticlePanier {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; text-decoration: none}
.nomArticleCollection {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 10px; line-height: 10px; text-decoration: none}
a.nomArticleCollection {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 10px; line-height: 10px; text-decoration: none}
a.nomArticleCollection:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 10px; line-height: 10px; text-decoration: underline}

td.liste {font-family: Verdana, Arial, Helvetica, sans-serif; color:#555555; font-size: 9px; text-decoration: none};
.cache {font-family: verdana; color:#ffffff; font-size: 1pt; text-decoration: none}
.chapeau {font-family: verdana; color:#000000; font-size: 8pt; font-weight:bold; text-decoration: none}
.commande {font-family: verdana; color:#000000; font-size: 9px; text-decoration: none}
.message {  font-family: verdana; color:#CC6600; font-size: 8pt; font-weight:bold;text-decoration: none}

.apropos {font-family: verdana; color:#000000; font-size: 11px; font-weight:normal; text-decoration: none;}
a.apropos {font-family: verdana; color:#000000; font-size: 11px; font-weight:normal; text-decoration: none;}
a.apropos:hover {font-family: verdana; color:#000000; font-size: 11px; font-weight:normal; text-decoration: underline;}

.retour {font-family: verdana; color:#000000; font-size: 9px; text-decoration: none;}
a.retour {font-family: verdana; color:#000000; font-size: 9px; text-decoration: none;}
a.retour:hover {font-family: verdana; color:#000000; font-size: 9px; text-decoration: underline;}

.contentLiens {font-family: verdana; color:#000000; font-size: 9px; text-decoration: none;}
a.contentLiens {font-family: verdana; color:#000000; font-size: 9px; text-decoration: none;}
a.contentLiens:hover {font-family: verdana; color:#000000; font-size: 9px; text-decoration: underline;}