@charset "iso-8859-1";
BODY {
	  position: absolute;
      top: 0px;
      left: 0px;
      margin: 0px;
      background-color: #006796;
	  scrollbar-face-color: #006796; 
	  scrollbar-shadow-color: #006796;
	  scrollbar-highlight-color: #006796; 
	  scrollbar-3dlight-color: #999999;
	  scrollbar-darkshadow-color: #505050; 
	  scrollbar-track-color: #0086cc;
	  scrollbar-arrow-color: #ffffff;
      text-align: center;
	  color: #ffffff;
	  font-family: Arial, sans-serif;
	  line-height: 16px;
	  font-size: 14px;
	  font-style: normal;
	  
	  }	 
a {color: #ffffff; font-family: Arial, sans-serif; line-height: 16px; font-size: 14px; font-style: normal;}
	  
/* Les 3 cadres principaux */
.haut {position: absolute; top: 0px; left: 0px; width: 980px; height: 60px; background: #006796; border: none; background-color: #006796;}
.gauche {position : absolute; top: 60px; left : 0px; width: 120px; height: 600px; background: #006796; border: none; background-color: #006796; text-align: center;}
.droite {position: absolute; top: 60px; left: 120px; width: 860px; height: auto; background: #0086cc; background-color: #0086CC; font-family: Comic Sans MS; color: #FFFFFF; border: none; text-align: center; vertical-align: middle}
.droite a:link, .droite a:visited {color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-style: bold; text-decoration: underline;}
.droite a:active, .droite a:hover {color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-style: bold; text-decoration: underline overline;}

/* Le cadre du haut */
.haut a:link, .haut a:visited {position: absolute; top: 0px; left: 0px; width: 156px; height: 58px; background-image: url("haut/bord-g.gif"); background-repeat: no-repeat;} 
.haut a:active, .haut a:hover {position: absolute; top: 0px; left: 0px; width: 156px; height: 58px; background-image: url("haut/bord-g.gif"); background-repeat: no-repeat;}


/* Le menu de gauche */
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7 {position: relative; width: 92px; height: 40px; border: none; margin: 1px;} 
a#menu1:link, a#menu1:visited {position: absolute; top: 20px; left: 12px; width: 92px; height: 40px; background-image: url("menu/alain.gif");background-repeat: no-repeat;} 
a#menu1:active, a#menu1:hover {position: absolute; top: 20px; left: 12px; width: 92px; height: 40px; background-image: url("menu/alain2.gif");background-repeat: no-repeat;}
a#menu2:link, a#menu2:visited {position: absolute; top: 62px; left: 12px; width: 92px; height: 40px; background-image: url("menu/series.gif");background-repeat: no-repeat;} 
a#menu2:active, a#menu2:hover {position: absolute; top: 62px; left: 12px; width: 92px; height: 40px; background-image: url("menu/series2.gif");background-repeat: no-repeat;}
a#menu3:link, a#menu3:visited {position: absolute; top: 104px; left: 12px; width: 92px; height: 40px; background-image: url("menu/images.gif");background-repeat: no-repeat;} 
a#menu3:active, a#menu3:hover {position: absolute; top: 104px; left: 12px; width: 92px; height: 40px; background-image: url("menu/images2.gif");background-repeat: no-repeat;}
a#menu4:link, a#menu4:visited {position: absolute; top: 146px; left: 12px; width: 92px; height: 40px; background-image: url("menu/usagi.gif");background-repeat: no-repeat;} 
a#menu4:active, a#menu4:hover {position: absolute; top: 146px; left: 12px; width: 92px; height: 40px; background-image: url("menu/usagi2.gif");background-repeat: no-repeat;}
a#menu5:link, a#menu5:visited {position: absolute; top: 188px; left: 12px; width: 92px; height: 40px; background-image: url("menu/forum.gif");background-repeat: no-repeat;} 
a#menu5:active, a#menu5:hover {position: absolute; top: 188px; left: 12px; width: 92px; height: 40px; background-image: url("menu/forum2.gif");background-repeat: no-repeat;}
a#menu6:link, a#menu6:visited {position: absolute; top: 230px; left: 12px; width: 92px; height: 40px; background-image: url("menu/liens.gif");background-repeat: no-repeat;} 
a#menu6:active, a#menu6:hover {position: absolute; top: 230px; left: 12px; width: 92px; height: 40px; background-image: url("menu/liens2.gif");background-repeat: no-repeat;}
a#menu7:link, a#menu7:visited {position: absolute; top: 272px; left: 12px; width: 92px; height: 40px; background-image: url("menu/email.gif");background-repeat: no-repeat;} 
a#menu7:active, a#menu7:hover {position: absolute; top: 272px; left: 12px; width: 92px; height: 40px; background-image: url("menu/email2.gif");background-repeat: no-repeat;}
#brenda {position: absolute; top: 316px; left: 1px; width: 118px; height: 140px; background-image: url("menu/pinupmenu.gif"); background-repeat: no-repeat; padding-top: 95px}

/* La page d'accueil */
#bienvenue {position: relative; width: 292px; height: 80px; background: #0086cc; background-image: url("images/bienven.gif");background-repeat: no-repeat; border: none;margin: 10px;}
#pandora {position: absolute; top: 330px; left: 130px; height: 272px; width: 230px; background-color: #006796; border-color: #ffffff; border-width: 2px; text-align: center; color: #000000; font-family: Arial, sans-serif; line-height: 16px; font-size: 12px; font-style: normal; margin: 10px; border: medium groove #FFFFFF; border-style: groove; padding-top: 12px;}
#nouveaute {position: absolute; top: 330px; left: 424px; height: 272px; width: 230px; background-color: #006796; border-color: #ffffff; border-width: 2px; text-align: center; color: #000000; font-family: Arial, sans-serif; line-height: 16px; font-size: 12px; font-style: normal; margin: 10px; border: medium groove #FFFFFF; border-style: groove; padding-top: 12px}
#nouveaute h1 {color: #ffffff; font-family: Arial, sans-serif; line-height: 20px; font-size: 18px; font-style: normal;}
#textedefil {position: absolute; top: 330px; left : 716px; height: 272px; width: 230px; background-color: #006796; border-color: #ffffff; border-width: 2px; text-align: center; color: #000000; font-family: Arial, sans-serif; line-height: 16px; font-size: 12px; font-style: normal; margin: 10px; border: medium groove #FFFFFF; border-style: groove; padding-top: 12px;}
#textedefil h1 {color: #ffffff; font-family: Arial, sans-serif; line-height: 20px; font-size: 18px; font-style: normal;}
#compteur {position: relative; top: 360px; width: 410px; height: 0px; background: #0086cc; border: none; margin: 10px;}

/* La page Alain */
#photoalain {position: absolute; top: 70px; left: 130px; width: 328px; height: 338px; background-color: #006796; background-image: url("images/alain.jpg"); background-repeat: no-repeat; border-color: #ffffff; border-width: 2px; border: medium groove #FFFFFF; border-style: groove;}

/* La page des séries */
.series {position: relative; width: auto; background-repeat: no-repeat; background-color: #006796; border-color: #ffffff; border-width: 2px; text-align: center; color: #ffffff; font-family: Arial, sans-serif; line-height: 16px; font-size: 12px; font-style: normal; margin: 10px; border: medium groove #FFFFFF; border-style: groove;}
.series h1 { color: #ffffff; font-family: Arial, sans-serif; line-height: 18px;	font-size: 16px; font-style: normal;}
.series a:link, .series a:visited {color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-style: bold; text-decoration: underline;}
.series a:active, .series a:hover {color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-style: bold; text-decoration: underline overline;}

/* Les pages des images */
.couverture {width: 180px; background-color: #006796; text-align: center; color: #ffffff; font-family: Arial, sans-serif; font-size: 10px; font-style: normal; margin: 10px; border-color: #ffffff; border-width: 2px; border: medium groove #FFFFFF; border-style: groove;}
.couverture img {border-color: white; border-style: groove; border-width: 2px}
.croquis {width: auto; height: auto; background-color: #006796; text-align: center; color: #ffffff; font-family: Comic Sans MS; font-size: 12px; font-style: normal; margin: 10px; border-color: #ffffff; border-width: 2px; border: medium groove #FFFFFF; border-style: groove;}
.croquis h2 {line-height: 18px; font-size: 16px;}

/* Le donnees generales */
.texte {background: #006796; font-family: Comic Sans MS; color: #ffffff; font-size: 12px; border-color: #ffffff; border-width: 2px; border: medium groove #FFFFFF; border-style: groove;}
.texte h1 {color: #ffffff; font-family: Comic Sans MS; line-height: 24px; font-size: 18px; font-style: normal;}
.general {font-family: Comic Sans MS; color: #000000; font-size: 12px;}
.general h1 {
	  color: #ffffff;
	  font-family: Comic Sans MS;
	  line-height: 24px;
	  font-size: 18px;
	  font-style: normal;}
.lien {height: 100px; width: auto; background-color: #006796; border-color: #ffffff; border-width: 2px; position: relative; text-align: left; color: #ffffff; font-family: Arial, sans-serif; line-height: 16px; font-size: 12px; font-style: normal; margin: 10px; border: medium groove #FFFFFF; border-style: groove; padding-left: 4px; padding-top: 4px; vertical-align: middle; padding-bottom: 4px; padding-right: 4px}
.lien img
	  {
	  margin-right: 10px;	  
	  }

.lien h1
	  {
	  color: #ffffff;
	  font-family: Arial, sans-serif;
	  line-height: 18px;
	  font-size: 16px;
	  font-style: normal;
	  }