/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *        __  __            _       __  __             _               *
 *       |  \/  | __ _ _ __(_) ___ |  \/  | __ _ _ __ (_) __ _         *
 *       | |\/| |/ _` | '__| |/ _ \| |\/| |/ _` | '_ \| |/ _` |        *
 *       | |  | | (_| | |  | | (_) | |  | | (_| | | | | | (_| |        *
 *       |_|  |_|\__,_|_|  |_|\___/|_|  |_|\__,_|_| |_|_|\__,_|        *
 *                                                                     *
 * Cette feuille de style gère la mise en page du site MARIOMANIA.NET. *
 * Merci de respecter mon travail en évitant tout plagiat.             *
 * Prenez la liberté de vous inspirer des techniques de                *
 * positionnement CSS utilisées ici pour vos propres créations.        *
 *                                                                     * 
 *                             Romain H.                               *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*** Mise en page XHTML ***/
@import "layout.css";

/*** Définitions générales ***/
body {
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	font-size: 80%;
	color: #333;
	background: #69F url(../design/background.jpg) top left repeat-x;
	text-align: justify;
}
body a {
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
}
p {
	margin: 10px 0 20px 0;
	text-indent: 40px;
}
object {
	display: block;
	margin: 0 auto;
}
#contenu dt {
	font-weight: bold;
}
#contenu dt img {
	display: block;
	margin: 10px auto 2px auto;
	border: 1px solid #69C;
}
#contenu dd {
	color: #369;
	font-weight: bold;
	margin: 0 0 0 50px;
}
hr {
	visibility: hidden;
	clear: left;
	margin-bottom: 5px;
}
a img {
	border: none;
}
acronym { 
	cursor: help;
	border-bottom: 1px dotted #369;
}
blockquote, #introduction {
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #69C;
	background: #D9E9FB;
	font-style: italic;
	text-indent: 0;
	margin: 10px 0 25px 0;
	padding: 20px;
	-moz-border-radius: 6px;
}
blockquote p, #introduction p {
	text-align: justify;
	padding: 0;
	margin: 0;
	text-indent: 0;
}
img.bordered {
	text-align: center;
	border: 1px solid #69C;
	padding: 2px;
}
img.left {
	float: left;
	margin: 0 1em 1em 0;
}
img.right {
	float: right;
	margin: 0 0 1em 1em;
}
a:hover img.left, a:hover img.left {
	border-color: #F00;
}
p.encart {
	text-indent: 0;
}
kbd {
	font-size: 1.2em;
	border: 1px outset #777;
	padding: 0 2px;
}
pre {
	font-size: 1.2em;
	border: 1px dotted #69C;
	padding: 5px;
	overflow: auto;
}
span {
	font-size: 1em;
	font-weight: bold;
	color: #369;
}
#contenu span {
	font-size: 0.85em;
}
span.infos {
	font-weight: normal;
	color: #666;
}
p.infos {
	font-size: 0.9em;
	color: #666;
}


/*** Code XHTML ***/

/* Accessibilité */
#accessibilite a:link, #accessibilite a:visited {
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #00F;
	text-align: center;
	text-decoration: none;
}
#accessibilite a:hover, #accessibilite a:active {
	color: #FFF;
	text-decoration: underline;
}

/* Conteneur */
#conteneur {
	background-color: #ABCDEF;
	border: 1px solid #369;
}

/* Header */
#header {
	color: #FFF;
	font-size: 0.9em;
	background: #ABCDEF url(../design/header.jpg) bottom center no-repeat;
}
#header h1{
	position: absolute;
	text-indent: -5000px;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
#header h1 a {
	display: block;
	margin-left: 185px;
	margin-top: 40px;
	width: 420px;
	height: 70px;
}
#header h1 a span {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#identification {
	margin: 0 0 0 110px;
}
#identification label {
	color: #FFF;
	cursor: pointer;
	margin-left: 10px;
}
#identification input {
	width: 60px;
	background: #FFF;
	color: #369;
	margin: 0 0 0 5px;
}
#identification input.submit {
	width: auto;
}

/* Menu horizontal */
#menu, #menubottom {
	background: #FFF url(../design/menu_off.png) top left repeat-x;
	border-top: 1px solid #69C;
	border-bottom: 1px solid #69C;
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	height: 21px;
	margin: 0;
	padding: 0;
}
#menu li, #menubottom li { 
	display: inline; 
}
#menu li a, #menubottom li a {
	float: left;
	color: #369;
	line-height: 21px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
}
#menu li a:hover, #menu li a.active, #menubottom li a:hover {
	background-color: #369;
	background-image: url(../design/menu_on.png);
	background-repeat: repeat-x;
	color: #FFF;
	padding: 0px 4px 0px 4px;
	border-left: 1px dotted #FFF;
	border-right: 1px dotted #FFF;
}
#menubottom {
	clear: both;
}
#menubottom li a.right {
	float: right;
}
#mentions ul {
	list-style-type: none;
}
#mentions ul li {
	display: inline;
	margin-left: 5px;
}
#mentions a {
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
#mentions a:hover {
	border-bottom: 2px solid #BBB;
}

/* Fil d'Ariane */
#fil {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666;
	margin-bottom: 10px;
}
#fil a {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	border-bottom: 1px dotted #69C;
}
#fil a:hover{
	border-bottom: 1px dotted #F00;
}

/* Div Acceuil */
#mainleft {
	background-color: #FFF;
	border: 1px solid #69C;
	-moz-border-radius: 6px;
}
#mainright {
	border: 1px solid #69C;
	background-color: #FFF;
	-moz-border-radius: 6px;
}

/* Bloc de texte (sauf accueil) */
#contenu {
	background: #FFF url(../design/titre.jpg) left top repeat-x;
	border: 1px solid #69C;
	-moz-border-radius: 6px;
}
#contenu a, #mainleft a {
	color: #369;
}
#contenu a:hover, #mainleft a:hover {
	text-decoration: none;
	color: #F00;
}
#contenu a.light {
	background: transparent url(../design/icons/controller.png) left top no-repeat;
	font-size: 0.85em;
	color: #369;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 18px;
}
#contenu a.light:hover {
	color: #F00;
}
#contenu a.important {
	font-weight: bold;
}
#contenu .mini {
	float: left;
	width: 140px;
	text-align: center;
	border: 1px solid #69C;
	margin: 2px;
	padding: 2px;
}
#contenu .mini img {
	display: block;
	margin: 0 auto;
}
#mainright #recherche {
	margin-bottom: 10px;
}
#sidebar , #mainright{
	color: #369;
	border: 1px solid #69C;
	background-color: #FFF;
	-moz-border-radius: 6px;
}
#sidebar p, #mainright p {
	margin: 0;
	text-indent: 0;
	font-size: 0.95em;
	text-align: left;
}
#sidebar a, #mainright a {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #FFF;
	color: #369;
	margin: 0;
	padding: 0;
}
#sidebar a.image {
	text-align: center;
}
#sidebar a:hover, #sidebar a:focus, #mainright a:hover, #mainright a:focus  {
	background-color: #D9E9FB;
	text-decoration: none;
	border: 1px solid #69C;
	color: #369;
}
#sidebar a:active, #mainright a:active {
	border: 1px solid #F00;
	color: #F00;
}
#sidebar a.link, #mainright a.link {
	background-image: url(../design/icons/arrow_right.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 14px;
	text-align: 0;
	margin: 0;
}
#sidebar ul, #mainright ul {
	font-size: 0.92em;
	color: #666;
	list-style-type: none;
	margin: 0 0 0 -5px;
	padding: 0;
}
#sidebar ol {
	margin: 0 0 0 25px;
	padding: 0;
}
#sidebar ol li a {
	padding: 0 0 0 5px;
}
#sidebar ul li {
	width: auto;
	text-align: left;
	margin: 0 0 0 4px;
}
#sidebar ul.fiche li {
	font-size: 0.9em;
	background: #FFF url(../design/icons/bullet_star.gif) left top no-repeat; 
	padding: 0 0 0 16px;
}
#mainright ul.fiche li {
	background: #FFF url(../design/icons/bullet_star.gif) left top no-repeat; 
	padding: 0 0 0 16px;
	margin: 0;
}
#sidebar li a, #mainright li a  {
	display: block;
	width: auto;
	text-decoration: none;
	color: #369;
}
#sidebar ul li a, #mainright ul li a {
	width: auto;
	text-align: left;
	background-image: url(../design/icons/bullet_star.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 16px;
}
#sidebar #tags ul {
	margin: 0;
	padding: 0;
}
#sidebar #tags li {
	display: inline;
}
#sidebar #tags li a {
	display: inline;
	list-style-type: none;
	background: none;
	margin: 0 8px 0 0;
	padding: 0;
	text-decoration: underline;
	border: none;
}
#sidebar #tags li a:hover {
	color: #F00;
	text-decoration: none;
}

#sidebar #tags li.level-1 a { font-size: 0.85em; }
#sidebar #tags li.level-2 a { font-size: 0.9em; }
#sidebar #tags li.level-3 a { font-size: 0.95em; }
#sidebar #tags li.level-4 a { font-size: 1em; }
#sidebar #tags li.level-5 a { font-size: 1.05em; }

#sidebar #archives {
	clear: left;
	padding-top: 1px;
}

#sidebar input {
	font-size: 0.9em;
}
#sidebar #bavardage input {
	margin-top: 5px;
}
#sidebar #bavardage a {
	display: inline;
	color: #369;
	font-size: 0.9em;
	text-decoration: underline;
	background: none;
	border: none;
}
#sidebar #bavardage a:hover {
	color: #F00;
	text-decoration: none;
	background: none;
	border: none;
}
#sidebar #syndicate li a:link, #sidebar #syndicate li a:visited {
	background: #FFF url(../design/icons/feed.png) 2px center no-repeat;
}
#sidebar #syndicate li a:hover, #sidebar #syndicate li a:active {
	background: #D9E9FB url(../design/icons/feed.png) 2px center no-repeat;
}

/****************************************************************************/
#legende li {
	list-style-type: none;
	list-style-image: none;
	float: left;
}
#legende li a:hover {
	background: none; /* Correction d'un bogue d'IE */
}
#legende li a span {
	display: none; /* Définition de la balise <span> incluse dans le lien <a> */
}
#legende li a:hover span {
	display: block;
}
#legende li a img {
	border: 1px solid #6699CC;
	padding: 2px;
}
/****************************************************************************/


/* Footer */
#footer {
	clear: both;
	width: 100%;
	height: 100px;
	background-color: #ABCDEF;
	background-image: url(../design/footer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#footer p {
	margin: 0;
}
#footer a {
	color: #FFF;
}
#footer a:hover {
	text-decoration: none;
}
#footer ul, #footer li {
	display: inline;
	list-style-type: none;
}


/*** POLICES - PARAGRAPHES - TABLEAUX & BORDURES ***/

/* Titres */
#contenu h2 {
	font-family: Tahoma, "Trebuchet Ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #369;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 5px;
	border-bottom: 1px solid #69C;
}
h3 {
	background: url(../design/icons/star.png) left top no-repeat;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: #333;
	border-bottom: 1px solid #69C;
	clear: left;
	padding: 0 0 1px 18px;
}
#contenu h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}
.General, #contenu h3.General, #mainleft ul li.General {
	background-image: url(../design/icons/general.png);
}
.Annonce, #contenu h3.Annonce, #mainleft ul li.Annonce {
	background-image: url(../design/icons/annonce.png);
}
.Calendrier, #contenu h3.Calendrier, #mainleft ul li.Calendrier {
	background-image: url(../design/icons/calendrier.png);
}
.Sortie, #contenu h3.Sortie, #mainleft ul li.Sortie {
	background-image: url(../design/icons/sortie.png);
}
.Web, #contenu h3.Web, #mainleft ul li.Web {
	background-image: url(../design/icons/web.png);
}
#mainleft h3, #mainright h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
h4 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #369;
	margin-top: 10px;
	border-bottom: 1px solid #69C;
	padding: 0 0 2px 0;
}
#sidebar h4 {
	color: #69C;
	margin: 10px 0 5px 0;
	background-image: url(../design/h4.gif);
	background-position: right top;
	background-repeat: no-repeat;	
}
h5 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: strong;
	color: #69C;
	margin: 5px 0 0 0;
	padding: 0;
}
#contenu table img {
	margin: 0;
}
#contenu img, #sidebar img {
	text-align: center;
	padding: 2px;
}
#contenu p img {
	display: block;
	margin: 0 auto;
	border: 1px solid #69C;
}
#mainleft img {
	text-align: center;
	border: 1px solid #69C;
	padding: 2px;
}
#contenu img, #mainleft img {
	margin: 5px 5px 5px 0;
}
#sidebar img {
	margin: 10px auto 6px auto;
}
#sidebar p img {
	margin: 0;
	padding: 0;
}
#mainright img {
	margin: 0 auto;
}
#contenu ul, #mainleft ul {
	margin-left: 20px;
	padding-left: 0;
}
#contenu ul li, #mainleft ul li {
	list-style-type: none;
	background: transparent url(../design/list.png) 0 2px no-repeat;
	margin: 0;
	padding-left: 20px;
}
#contenu #jeux ul, #contenu #jeux li {
	list-style-type: none;
	background: none;
	margin: 0;
	padding: 0;
}
#contenu #fiche {
	margin: 0 0 5px 20px;
	padding: 0;
}
#contenu #fiche dt {
	float: left;
	width: 12em;
	font-weight: normal;
	padding-left: 20px;
	background: transparent url(../design/list.png) 0 2px no-repeat;
}
#contenu #fiche dd {
	margin-left: 12.5em;
	margin-bottom: 0;
	padding: 0;
}
#contenu ol {
	margin: 0 10px;
	padding: 0 10px;
}
#contenu ol li {
	color: #333;
	font-style: italic;
	font-weight: bold;
}
#contenu ol ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#contenu ol ul li {
	font-style: normal;
	font-weight: normal;
}
#contenu p.auteur {
	text-align: right;
	text-indent: 0;
	color: #777;
	font-size: 0.9em;
	font-style: italic;
	margin: 0 0 0 4px;
}
#contenu p.commentaires a {
	background: url(../design/icons/comments.png) right center no-repeat;
	font-size: 1em;
	margin: 0 10px 0 0;
	padding: 0 18px 0 0;
}
#contenu p.erreur {
	background: url(../design/icons/erreur.png) left top no-repeat;
	text-indent: 18px;
	font-weight: bold;
}
#contenu p.ok {
	background: url(../design/icons/ok.png) left top no-repeat;
	text-indent: 18px;
	font-weight: bold;
}
#contenu p.lire {
	background: url(../design/icons/arrow_right.gif) 25px 2px no-repeat;
	margin: 0;
}
#contenu p.feed {
	background: #FFF url(../design/icons/feed.png) left center no-repeat;
	text-indent: 18px;
}

#contenu p.field {
	text-indent: 0;
}
#contenu p.image {
	text-indent: 0;
	text-align: center;
}
#contenu p.image span {
	display: block;
}
#contenu .comment-number {
	font: 1.2em Georgia;
}
#comments blockquote {
	margin: 0;
	background-color: #FFF;
	border: 1px dotted #69C;
	-moz-border-radius: 0;
}
#comments p {
	text-indent: 0;
	margin: 15px 0 10px 0;
}
#comments blockquote p {
	margin: inherit;
}

#pagination {
	text-align: center;
	color: #369;
	margin-bottom: 15px;
}
#pagination p {
	text-indent: 0;
}
#pagination a {
	color: #369;
	text-decoration: none;
	padding: 0 5px 1px 5px;
	border: 1px solid #69C;
}
#pagination a:hover {
	border-color: #69C;
	background: #69C;
	color: #FFF;
}
#pagination a.precedente:before, #contenu p.bouton a.precedente:before {
	content: '  \00ab  ';
}
#pagination a.suivante:after, #contenu p.bouton  a.suivante:after {
	content: '  \00bb  ';
}

/* Boutons CSS */
#contenu p.bouton, #contenu input.valid {
	text-align: center;
	text-indent: 0;
	margin: 20px 0;
	padding: 0;
}
#contenu p.bouton a, #contenu p.bouton a:active, #contenu input.valid {
	text-decoration: none;
	font-weight: bold;
	background: #FFF url(../design/menu_off.png) top left repeat;
	color: #369;
	border: 1px solid #69C;
	padding: 1px 10px 2px 10px;
	margin: 0 2px 0 2px;
}
#contenu p.bouton a:hover, #contenu input.valid:hover {
	text-decoration: none;
	color: #FFF;
	background: #369 url(../design/menu_on.png) top left repeat;
}

/* Légendes des images */
#images li a:hover {
	background: none;
}
#images li a span {
	display: none;
}
#images li a:hover span {
	display: block;
}
#images li a img {
	border: 1px solid #69C;
	padding: 2px;
}
	
/* Boites d'Informations */
#contenu div.box, #infos {
	background-color: #D9E9FB;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #69C;
	padding: 0 0 15px 0;
	margin: 20px 0 15px 0;
	-moz-border-radius: 6px;
}
#contenu div.box h3, #infos h3 {
	color: #369;
	background-color: #FFF;
	background-position: 4px 4px;
	text-indent: 18px;
	border-style: dotted;
	border-color: #69C;
	border-width: 0 1px 1px 0;
	margin: 0;
	padding: 5px;
	width: 80%;
}
#contenu div.box h3 a {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #369;
	margin: 0;
}
#contenu div.box h3 a:hover {
	color: #F00;
	text-decoration: underline;
}
#contenu div.box ul li {
	background-image: url(../design/boxlist.gif);
}
#contenu div.box ul {
	margin-left: 50px;
}
#contenu div.box ul ul {
	margin-left: 20px;
}
#contenu div.box p.auteur {
	font-style: normal;
	text-align: left;
	text-indent: 0;
	background: url(../design/icons/date.png) left top no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 0 4px;
}
#contenu div.box p.commentaires {
	font-size: 0.85em;
	text-align: right;
	margin: 0 15px 0 0;
	padding: 0;
}
#contenu div.box p {
	text-align: justify;
	padding: 0 20px 0 20px;
	margin: 20px 0 20px 0;
	text-indent: 20px;
}
#contenu p.noindent, #contenu div.box p.noindent {
	text-indent: 0;
}
#infos p {
	text-align: justify;
	padding: 0 20px 0 20px;
	margin: 20px 0 20px 0;
	text-indent: 0;
}
#contenu div.box a:link, #contenu div.box a:active, #contenu div.box a:visited  {
	color: #369;
}
#contenu div.box a:hover {
	text-decoration: none;
	color: #F00;
}
#contenu div.box li {
	text-align: left;
	text-indent: 0;
}
#contenu div.box img {
	margin: 1px;
	padding: 2px;
	border: 1px solid #69C;
}
#contenu div.box div.epingle {
	float: left;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 10px;
}

/* Tags et commentaires */
#contenu div.box ul.tags {
	margin: 0.5em 0 0 2.5em;
	padding: 0;
}
#contenu div.box ul.tags li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 18px;
	background: transparent url(../design/icons/tag.png) left center no-repeat;
}
#contenu div.box ul.tags li a {
	font-size: 0.9em;
	color: #777;
}

/* Navigation par Onglets */
#contenu #onglets {
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	padding-bottom: 24px;
	padding-left: 50px;
	margin: 0;
	border-bottom: 1px solid #69C;
}
#contenu #onglets li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	height: 21px;
	background-color: #D9E9FB;
	background-image: none;
	margin: 2px 2px 0 2px;
	border: 1px solid #69C;
	padding: 0;
}
#contenu #onglets li.current {
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
}
#contenu #onglets li.current a {
	color: #369;
}
#contenu #onglets a {
	float: left;
	display: block;
	color: #369;
	text-decoration: none;
	padding: 2px 5px 1px 5px;
}
#contenu #onglets a:hover {
	background-color: #FFF;
}


/* Formulaires */
fieldset {
	width: auto;
	border: 1px solid #69C;
	margin-bottom: 20px;
	padding: 10px;
}
fieldset legend {
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: bold;
	color: #369;
}
fieldset label {
	display: block;
	color: #69C;
	cursor: pointer;
	clear: both;
}
select {
	border: 1px solid #69C;
}
textarea {
	font-size: 1em;
}

#nom label, #pwd label, #pwd2 label, #email label, #site label, #objet label, #message label{
	padding-left: 18px;
}
#nom label {
	background: transparent url(../design/icons/nom.png) left center no-repeat;
}
#pwd label, #pwd2 label {
	background: transparent url(../design/icons/pwd.png) left center no-repeat;
}
#email label {
	background: transparent url(../design/icons/email.png) left center no-repeat;
}
#site label {
	background: transparent url(../design/icons/web.png) left center no-repeat;
}
#objet label {
	background: transparent url(../design/icons/objet.png) left center no-repeat;
}
#message label {
	background: transparent url(../design/icons/message.png) left center no-repeat;
}
#avatar label {
	display: inline;
}
#header input, fieldset input, textarea, select {
	font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	border: 1px dotted #69C;
}
#contenu fieldset input, #contenu textarea {
	width: 420px;
}
#contenu #evaluation fieldset input {
	width: auto;
}
#sidebar fieldset input {
	width: 225px;
}
#sidebar fieldset ul {
	margin-bottom: 5px;
}
fieldset input:hover, textarea:hover, select:hover {
	background: #D9E9FB;
}
fieldset input:focus, textarea:focus, select :focus{
	border: 1px solid #69C;
}
/*
.avatar {
	float: left;
	margin: 0 10px;
}
.avatar input {
	width: auto;
	margin-left: 15px;
	border: none;
}*/
#contenu fieldset #note label {
	display: inline;
	margin: 0;
	padding: 0;
}
#contenu fieldset #note input {
	width: auto;
	margin: 0 0 0 12px;
	border: none;
}
#contenu fieldset #note .note {
	float: left;
	margin: 0;
}
input.text {
	font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #369;
	border: 1px solid #69C;
	background: #D9E9FB url(../design/input.gif) left center no-repeat;
	padding-left: 20px;
}
input.text:hover {
	color: #336699;
	background-color: #E8EFF9;
	border: 1px solid #69C;
}
input.submit, input.preview {
	font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;
	color: #369;
	background-color: #D9E9FB;
	border: 1px solid #69C;
	cursor: pointer;
	text-align: center;
}
input.submit:hover, input.preview:hover {
	color: #F00;
	background-color: #E8EFF9;
	border: 1px solid #69C;
	cursor: pointer;
}

/* Tableaux */
#contenu table {
	border: #69C 1px solid;
	border-collapse: collapse;
	text-align: center;
	margin-top: 0;
}
#contenu table caption {
	text-align: center;
	font-size: 0.9em;
}
#contenu table {
	width: 447px;
}
#contenu thead {
	border: #69C 1px solid;
	background-color: #D9E9FB;
	text-align: center;
}
#contenu tbody {
	border: #69C 1px dotted;
	background-color: #FFF;
	text-align: center;
}
#contenu th {
	font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	padding: 2px;
	border-top: #69C 1px solid;
	border-left: #69C 1px dotted;
	border-right: #69C 1px dotted;
	border-bottom: #69C 1px dotted;
	text-align: center;
	background-color: #D9E9FB;
}
#contenu td {
	font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 2px 1px;
	border: #69C 1px dotted;
	text-align: center;
}
#contenu caption {
	font-family: "Trebuchet MS", Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11pt;
	color: #369;
	padding: 5px;
	margin-top: 20px;
}
table a:link, table a:active, table a:visited {
	color: #369;
}
table a:hover {
	text-decoration: none;
	color: #F00;
}

/* Quizz */
ul li.true {
	background-color: #F1FFE9;
	border: 1px dotted #B2D98C;
}
ul li.false {
	background-color: #FFE9E9;
	border: 1px dotted #FF9B9B;
}