/* --- STYLES DE BASE --- */ 
/* Page */
html {
   font-size: 100%; /* Évite un bug d'IE 6-7. */
}
body {
   margin: 0;
   padding: 0; /* Remettre à zéro si nécessaire. */
   font-family: Georgia, "DejaVu Serif", Norasi, serif;
   font-size: .8em; /* À adapter pour la police choisie. (3) */
   line-height: 1.4; /* À adapter au design. (4) */
   color: black;
   background: white;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
   margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
   line-height: 1.2;
   font-weight: bold; /* Valeur par défaut. (6) */
   font-style: normal;
}
h1 {
 	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size: 1.75em;
   	color: #1b4994;
	text-decoration: underline;
}
h2 {
 	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size: 1.5em;
 	color: #1b4994;
	text-decoration: underline;
}
h3 {
   font-size: 1.25em;
}
h4 {
	font-size: 1em;
}

/* Listes */
ul, ol {
   margin: .75em 0 .75em 32px;
   padding: 0;
}

/* Paragraphes */
p {
   margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
   margin: .75em 0;
   font-style: normal;
} 
/* Liens */
a { text-decoration: underline; }
a:link { color: #11C; }
a:visited { color: #339; }
a:hover, a:focus, a:active { color: #00F; }
/* Pas de bordure pointillée ou halo lors du clic sur un lien */
a:active { outline: none; }
/* Pas de bordure autour des images dans les liens */
a img { border: none; }

/* Divers éléments de type en-ligne (8) */
em { font-style: italic; }
strong { font-weight: bold; } 

/* Formulaires */
form, fieldset {
	margin: 0;
	padding: 0;
	border: none; 
}
input, button, select { vertical-align: middle; /* Solution pb. d'alignement. (9) */ }
.clearer { clear: both }

#header {
 	position: absolute;
	top: 0; left: 0; right: 0;
	margin: 0; padding: 6px;
	height: 24px;
	background-color: #eee;
	border-bottom: 2px solid #1b4994;
}
#content {
	position: absolute; top: 38px; left: 0; right: 0; bottom: 0;
	border: none;
}
#content iframe {
	width: 100%;
	border: none !important;
}
#compet-form { float: left; }
#menu { float: left; margin: 0 0 0 15px; list-style-type: none; }
#menu li { float: left; margin-right: 5px; }
#menu a { display: block; float: left; }
#menu a:hover {	text-decoration: underline;}
#combo-competition { margin-top: 2px }

input[type=submit] {
	background-color: #dde7f5;
	border-color: #1b4994;
	color: #1b4994;
}
#credit {
	position: absolute;
	top: 10px; right: 5px;
}

/* <WBUTTONS STYLES> */
/* Défaut */
.wbtn {
	background: #ccc url(btn-overlay-matt.png) repeat-x 0 0;
	border: 1px solid #666;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0,0,0,0.4);
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	height: 24px;
	padding: 0 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
}

/* Etats */
.wbtn:hover { background-color: #aaa; color: #222 }
.wbtn:active { top: 1px }

/* Tailles */
.wbtn.big { font-size: 1.0em; height: 30px; }
.wbtn.small { font-size: 0.9em; height: 22px; }

/* Alignements du texte */
a.wbtn			{ line-height: 24px; }
a.wbtn.big		{ line-height: 30px; }
a.wbtn.small	{ line-height: 22px; }

/* Relief pour les fonds clairs */
.wbtn { 
	color: #333;
	text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

/* Relief pour les fonds foncés */
.wbtn.blue {
	color: #eee;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
}

/* Couleurs */
.wbtn.blue			{ background-color: #1b4994; border-color: #006; }
.wbtn.blue:hover	{ background-color: #17355f }
/* </WBUTTONS STYLES> */