/* Style sheet for Jeux-Récréation */
/* By Natmark-Concept inc. Copyright 2005. All rights reserved. */

body {
	margin: 5px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align: center; /* Hack for IE5/Win */
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 76%;
	background-color: #E0F1C5;
	}

#Content {
	width:706px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding: 0px;
	border: 3px solid #48AC00;
	background-color:#ffffff;
	font-size: 1em; }

/* ---- Corps des textes ---- */ 
td.inner { font-size: 1em; padding: 0px 25px 15px 25px; background-color: #ffffff; text-align: justify; }	
p { font-size: 1em; }
p.intro { color: #2B912B; font-size: 1.2em; font-weight: bold; }
.subtitle { color: #000; background-color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/* ---- colors ---- */ 
.white { background-color: #FFFFFF; }
.pagecontour { background-color: #B1D960; }
.framecontour { background-color: #48AC00; }
.buttons { background-color: #6AC200; }
.banner { background-color: #2B912B; background-image: url(../images/fond_vert.jpg); background-repeat: no-repeat; }
.faderbanner { background-color: #FFFFFF; background-image: url(../images/degrade_vert.jpg); background-repeat: repeat; }
.bluebox { background-color: #425DA8; color: #ffffff; font-size: 16px; font-weight: bold; }
.greenbox { background-color: #2B912B; color: #ffffff; font-size: 16px; font-weight: bold; text-align: left; }
.redbold { color:#FF0000; background-color: #fff; font-weight: bold; }
	 
/* ---- menu ---- */ 
.on { display: block; width: 170px; background-color: #B1D960; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #2B912B; text-decoration: none; font-size: 1em; font-weight: bold; border: 1px solid; padding: 3px 0px 3px 18px; border-color: #6AC200 #6AC200 #2B912B #6AC200; }
a.menu:link { display: block; width: 170px; background-color: #6EC315; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 1em; font-weight: bold; border: 1px solid; padding: 3px 0px 3px 18px; border-color: #6AC200 #6AC200 #2B912B #6AC200; }
a.menu:visited { display: block; width: 170px; background-color: #6EC315; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 1em; font-weight: bold; border: 1px solid; padding: 3px 0px 3px 18px; border-color: #6AC200 #6AC200 #2B912B #6AC200; }
a.menu:hover { display: block; width: 170px; background-color: #B1D960; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #2B912B; text-decoration: none; font-size: 1em; font-weight: bold; border: 1px solid; padding: 3px 0px 3px 18px; border-color: #B1D960 #6AC200 #2B912B #6AC200; }
a.menu:active { display: block; width: 170px; background-color: #B1D960; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #2B912B; text-decoration: none; font-size: 1em; font-weight: bold; border: 1px solid; padding: 3px 0px 3px 18px; border-color: #B1D960 #6AC200 #2B912B #6AC200; }

/* ---- bouton inscription ---- */ 
a.inscription:link { display: block; width: 140px; background-color: #6EC315; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 1em; font-weight: bold; border: 1px solid #2B912B; padding: 3px 4px 3px 18px; }
a.inscription:visited { display: block; width: 140px; background-color: #6EC315; background-image: url(../images/btn_off.gif); background-repeat: no-repeat; color: #FFFFFF; text-decoration: none; font-size: 1em; font-weight: bold; border: 1px solid #2B912B; padding: 3px 4px 3px 18px; }
a.inscription:hover { display: block; width: 140px; background-color: #B1D960; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #2B912B; text-decoration: none; font-size: 1em; font-weight: bold; border: 1px solid #2B912B; padding: 3px 4px 3px 18px; }
a.inscription:active { display: block; width: 140px; background-color: #B1D960; background-image: url(../images/btn_on.gif); background-repeat: no-repeat; color: #2B912B; text-decoration: none; font-size: 1em; font-weight: bold; border: 1px solid #2B912B; padding: 3px 4px 3px 18px; }

H1 { font-family: Haettenschweiler, "Comic Sans MS", Arial Narrow, Verdana, Arial, sans-serif; color: #2B912B; font-size: 2.5em; font-weight: normal; }
H2 { font-family: Haettenschweiler, "Comic Sans MS", Verdana, Arial, sans-serif; color: #2B912B; font-size: 1.25em; text-decoration: underline; }
H3 { font-family: Verdana, Arial, sans-serif; color: #2B912B; font-size: 1.25em; text-decoration: underline; }

dt { color: #2B912B; font-weight: bold; padding-left: 16px; }
dd { color: #000000; margin-left: 0em; padding-left: 16px; }

/* Formulaires */ 
.field { font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.entry { background-color: transparent; color: #000000; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
input.submit { border: 1px solid #2B912B; background-color:#E0F1C5; color:#35506A; text-align: center; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.erreur_titre { border:1px solid #2B912B; display:block; color:#fff; background-color:#008040; margin:5px 15px 0 15px; font-size:11px; font-weight:bold; padding:6px; text-align:center; }
.erreur_cadre { border:1px solid #2B912B; background-color:#E0F1C5; color:#000; margin:0 15px 5px 15px; padding:10px; font-size: 11px; }
.erreur_champs { border:1px solid #2B912B; background-color:#E0F1C5; font-size: 11px; }
.smallorange { font-size: 10px; background-color: #fff; color: #CB4E22; }

/* ---- liens intégrés ---- */ 
a:link { text-decoration: underline; color: #3300FF; background-color: #fff; }
a:visited { text-decoration: underline; color: #3300FF; background-color: #fff; }
a:hover { text-decoration: overline; color: #3300FF; background-color: #fff; }
a:active { text-decoration: overline; color: #3300FF; background-color: #fff; }

/* ---- liens non soulignés ---- */ 
a.blank:link { text-decoration: none; font-size: 10px; color: #3300FF; background-color: #fff; }
a.blank:visited { text-decoration: none; font-size: 10px; color: #3300FF; background-color: #fff; }
a.blank:hover { text-decoration: none; font-size: 10px; color: #3300FF; background-color: #fff; }
a.blank:active { text-decoration: none; font-size: 10px; color: #3300FF; background-color: #fff; }

/* ---- menu texte du bas ---- */ 
.footer { color: #838383; font-size: 10px; }
p.footer { color: #838383; font-size: 10px; }
a.footer:link { color: #838383; text-decoration: none; font-size: 10px; }
a.footer:visited { color: #838383; text-decoration: none; font-size: 10px; }
a.footer:hover { color: #838383; text-decoration: overline; font-size: 10px; }
a.footer:active { color: #838383; text-decoration: overline; font-size: 10px; }

hr { color: #2B912B; text-align: center; width: 60%; height: 1px; text-decoration: none; }