/******************************************************************************************/
/* 								metal-frog.css                                            */
/*																						  */
/* Pages réalisée avec Macromédia Dreamweaver MX 2004                                     */
/* Merci à Macromedia et Project7 pour les aides et conseils sur les styles CSS           */
/* Allez voir ces deux pages:                                                             */ 
/* http://www.macromedia.com/fr/devnet/mx/dreamweaver/?promoid=home_dev_fr_dw_043004      */
/* http://www.projectseven.com/index.htm                                                  */
/******************************************************************************************/
/* style général du corps de page */
body {
	margin:	0; 		/* nécéssaire pour que la bannière soit */
	padding: 0;		/*	 dans le coin supèrieur gauche de la page */
}
#index {
	cursor: auto;
	color: #FFCC00;
	background-color: #000000;
}

/* style des titres */
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #009900;
	background-color: #FFFFCC;
	text-indent: 20px;
	border: thin solid #CC0000;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #009900;
	background-color: #FFFFCC;
	border: thin solid #CC0000;
	text-indent: 20px;
}

/* barre de navigation */
	/* la couleur de background est sur "default" pour ne voir que les boutons actifs */
#navig {
	font-size: 14px; 	/* valeur limite pour l'affichage correct dans Opéra et Firefox il me semble */
	margin: 15px 0 2.5px 0;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
#navig li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	white-space: nowrap;
}
#navig ul {
	margin: 0;
	padding: 0;
}
#navig a {
	padding: 0px 10px 0px 22px;
	background-image: url(../images/bton_up.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
}
#navig a:link, #navig a:visited {
	color: #333333;
	background-color: #999999;
	font-weight: bold;	
}
#navig a:hover, #navig a:active,
#liensup a:link, #liensup a:visited,
#liensup a:hover, #liensup a:active { /* liensup est util pour avoir le rappel de la page affichée en tête de liste */
	background-color: #999999;
	background-image: url(../images/bton_down.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #FF0000;
	font-weight: bold;
	border-style:outset;
	border-width:thin;
	border-color:#000000;
}
/* style général des hyperliens */

a:link {
	color: #000000;
}

a:visited {
  color: #FFCC99;
}

a:hover {
	text-decoration: none;
	font-weight:bold;
}

a:active {
	color: #FF0000;
}

a.hidden {
  color: #000000;
}

a.menu {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

a.menu:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 1px;
	}

a.box {
	padding: 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: medium solid #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.box:hover {
  color: #000000;
	padding: 3px;
	text-decoration: none;
	background-color: #666666;
	border: medium solid #3366FF;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* sélécteurs pour les divisions de la page */

#fond {
	cursor: auto;
	color: #000000;
	background-image: url(../images/fond_brosse.jpg);
	background-color: #000000;
}
#basic {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: absolute;
	z-index: 1;
	width: 172px;
	height:2.354in;
	top: 422px;
	left: 367px;
	background-image:url(../images/fond4.png);
	text-indent: 5px;
	padding-left: 4px;
	border: thin outset #CC0000;
}
#basic2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-image:url(../images/fond4.png);
	position: absolute;
	z-index: 1;
	height: 309px;
	width: 350px;
	left: 570px;
	top: 455px;
	text-indent: 5px;
	padding-left: 4px;
	border: thin outset #CC0000;
}
#basic3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: absolute;
	z-index: 1;
	height: 437px;
	width: 316px;
	left: 10px;
	top: 395px;
	background-image:url(../images/fond4.png);
	text-indent: 5px;
	padding-left: 4px;
	border: thin outset #CC0000;
}
#basic_bas {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFF99;
	position: absolute;
	z-index: 1;
	height: 334px;
	width: 20%;
	left: 9px;
	top: 440px;
	border: thin outset #CC0000;
}
#basic_nested {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: absolute;
	z-index: 2;
	height: 249px;
	width: 95%;
	left: 7px;
	top: auto;
}
#basic_nested2 {

	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFF99;
	position: absolute;
	z-index: 2;
	height: 99px;
	width: 95%;
	left: 6px;
	top: 445px;
}
#basic_nested_right {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFF99;
	position: absolute;
	z-index: 2;
	height: 1px;
	width: 95%;
	left: 5px;
	top: 228px;
	background-color: #990000;
}
#bas_de_page {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-image:url(../images/fond4.png);
	height: auto;
	width: 98%;
	position: absolute;
	z-index: 3;
	left: 11px;
	border: thin outset #CC0000;
	top: 857px;
	text-indent: 5px;
}
#basic_entete {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: absolute;
	z-index: 1;
	width: 900px;
	height:107px;
	top: 243px;
	left: 3px;
	background-image:url(../images/fond4.png);
	text-indent: 5px;
	padding-left: 4px;
	border: thin outset #CC0000;
}
#basic_gauche {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: absolute;
	z-index: 1;
	height: 671px;
	width: 20%;
	left: 11px;
	top: 360px;
	text-indent: 5px;
	padding-left: 4px;
	background-image:url(../images/fond4.png);
	border: thin outset #CC0000;
}
#basic_droite {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: absolute;
	z-index: 1;
	height: 671px;
	width: 113px;
	left: 840px;
	top: 360px;
	text-indent: 5px;
	padding-left: 4px;
	border: thin outset #CC0000;
	background-image: url(../images/fond4.png);
}


/* style pour les vignettes et les cadres de vignettes */

#cadre_vignette {
	height: 1302px;
	width: 560px;
	z-index: 2;
	position: absolute;
	left: 25%;
	top: 360px;
	background-image:url(../images/fond4.png);
	border: thin outset #CC0000;
}
#cadre_vignette2 {
	height: 120px;
	width: 560px;
	z-index: 2;
	border: thin outset #CC0000;
	background-image:url(../images/fond4.png);
}
	/* les vignettes sont identiques sauf pour leur position dans le cadre
		ce n'est certainement pas la meilleur methode pour des vignettes mais cela suffit pour l'instant...
		il faut que je trouve un moyen plus sympa pour éviter de compter les pixels... */
#vignette1 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 32px;
	top: 38px;
}
#vignette2 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 164px;
	top: 38px;
}
#vignette3 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 296px;
	top: 38px;
}
#vignette4 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 428px;
	top: 38px;
}

#vignette5 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 32px;
	top: 196px;
}
#vignette6 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 164px;
	top: 196px;
}
#vignette7 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 296px;
	top: 196px;
}
#vignette8 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 428px;
	top: 196px;
}
#vignette9 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 32px;
	top: 354px;
}
#vignette10 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 164px;
	top: 354px;
}
#vignette11 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 296px;
	top: 354px;
}
#vignette12 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 428px;
	top: 354px;
}

#vignette13 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 32px;
	top: 518px;
}
#vignette14 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 164px;
	top: 518px;
}
#vignette15 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 296px;
	top: 518px;
}
#vignette16 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 428px;
	top: 518px;
}
#vignette17 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 32px;
	top: 676px;
}
#vignette18 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 164px;
	top: 676px;
}
#vignette19 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 296px;
	top: 676px;
}
#vignette20 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 428px;
	top: 676px;
}
#vignette21 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 32px;
	top: 834px;
}
#vignette22 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 164px;
	top: 834px;
}
#vignette23 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 296px;
	top: 834px;
}
#vignette24 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 428px;
	top: 834px;
}
#vignette25 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 32px;
	top: 992px;
}
#vignette26 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 164px;
	top: 992px;
}
#vignette27 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 296px;
	top: 992px;
}
#vignette28 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 428px;
	top: 992px;
}
#vignette29 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 31px;
	top: 1150px;
}
#vignette30 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 164px;
	top: 1150px;
}
#vignette31 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 296px;
	top: 1150px;
}
#vignette32 {
	position: absolute;
	z-index: 3;
	width: 100px;
	height: 120px;
	left: 428px;
	top: 1150px;
}

/* autres styles */
#important {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FF9900;
	text-decoration: blink;
	text-indent: 5px;
}
#cerisesurlegateau {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FF9900;
}
#foutagedegueule {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #FF9900;
	text-decoration: blink;
}
/* tout simplement pour éviter d'avoir une iframe avec un fond blanc de base */
#iframe_1 { 
	background-image: url(../images/fond_brosse.jpg);
	border: thin outset #CC0000;
}

/* pour les listes, faire ses puces c'est plutôt sympa ... */
#liste_classic {
	text-align: left;
	list-style-image: url(../images/puce1.png);
}
/* menu dans le frame page 3 */
a.ejsmenu { 
	color: #CC0000;
	text-decoration: underline ;
	font:12pt;
	font-family:verdana;
	font-weight: normal;
}
a.ejsmenu:hover { 
	color: #000000;
	background: inherit;
	background-color:#CC0000;
	text-decoration: none;
	font:12pt;
	font-family:verdana;
	font-weight: bold;
}
.titre {
	background-color:#CC0000;
	color:#000000;
	font:12pt;
	font-family:verdana;
	font-weight:bold;
}