@charset "iso-8859-1";

html, body
{ background-image: url(images/_fond.gif);  background-attachment: fixed;
  margin: 0px; padding: 0px;
  font-family: Georgia, "Lucida Sans", Lucida, "Times New Roman", Times, serif;
  font-size: .95em;
  text-align: center;  /* à cause d'IE */
 }
 
a img,a:link img,a:visited img,a:hover img { border: none }
a { text-decoration: none }


#conteneur
{
 margin-top: 20px;
 margin-bottom: 90px;
 margin-left: auto;
 margin-right: auto;
 width: 730px;
 text-align: justify;
}

#haut { height: 167px; }

/* Partie principale */

#main
{
padding: 2px 10px 2px 10px;
background-color: #ffffff;
color: #4a62d1
}

#main a { color: #ed6815 }
#main a:hover { color: #ed6815; text-decoration: none;  border-bottom: 1px dotted #ed6815 }

/* Menu */

#menu
{
text-align: center;
color: white;
background-image: url(images/b.png);
padding: 0px 0px 6px 0px;
}

#pied a, #menu a { color: white }
#pied a:hover, #menu a:hover { color: white; text-decoration: underline overline }

/* Haut */

#haut-gauche
{
float: left;
width: 200px;
height: 167px;
background-image: url(images/haut-gauche.png);
}

#titre
{
float: left;
width: 500px;
height: 167px;
background-image: url(images/haut-titre.png);
}

#haut-droit
{
float: left;
width: 30px;
height: 167px;
background-image: url(images/haut-droit.png);
}

#bas-droit
{
float: left ;
width: 30px;
height: 70px;
background-image: url(images/bas-droit.png);
}

#bas-gauche
{
float: left;
width: 30px;
height: 70px;
background-image: url(images/bas-gauche.png);
}

#pied
{
float: left;
background-image: url(images/b.png);
width: 670px;
height: 70px;
}

#pied p { margin-top: 10px; color: white; text-align: center }


.centre { text-align: center }
.droite { float: right; padding-left: 10px }

.sc { font-variant: small-caps }
.petit {font-style: normal; font-size: smaller }
.soul { text-decoration: underline }

.pre { font-family: "Courier New",Courier, monospace }
.space { margin-top: 30px }

.im-d {float: right; margin-left: 7px }
.im-g {float: left; margin-right: 7px }

.no-b { border: none }

/* Cinema */

.cine-titre { color: white; font-size: 2em; text-align: center; font-weight: bold; background-color: red; padding: 2px }
.cine-details { color: #4a62d1; font-family: "Courier New",Courier,monospace; text-align: left }
.cine-nb {font-size: .8em; color: red }
.cine-sign { color: #ed6815; text-align: right}

.films { float: right; padding: 10px; width: 70% }
ul.film { list-style-type: none; margin: 0px; padding-left: 0px; text-align: left; font-style: italic; }
.films-gauche { float: left; padding: 0px 5px; margin: 5px 20px 0px 0px  }

/* Gravity */

h1 {clear: both; text-align: left}

h1.gravity { border-style: outset; font-variant: small-caps;
  color: #77c981; text-align: center; font-size: 2.4em;
  margin: 10px 40px 30px 40px }

/* MIME-Proxy */

h1.mp { text-align: center; background-color: #ab56fe; font-size: 2.4em; color: white; margin: 10px 40px 30px 40px}
.mp-attention { background-color: #088408; color: white; }
.mp-pre { color: #d70189; font-family: "Courier New", Courier, monospace; text-align: left}

/* Liens */

h1.antispam, h2.antispam, h1.liens, h2.liens { color: #606060; margin-bottom: 1.3em; margin-top: 1.3em }
.dr { float: right; margin-left: 7px }
ul.liens { list-style: none; margin-left: 0px; padding-left: 0px; border-top: 2px solid #aaa; border-bottom: 2px solid #aaa }

@media print{ 
#haut, #menu, #titre, #haut-gauche, #haut-droit, #bas-gauche, #bas-droit {display: none}
#main { width: 100%; margin: 0px 30px }
}