@charset "utf-8";
/** opensuse.css
 *
 * CSS aux couleurs du site opensuse.org pour linuxfr.org
 *  basée sur software.opensuse.org et fr.opensuse.org
 *
 * Historique :
 *   2.-    --/--/----    - En cours...
 *   2.0    10/10/2010    - Départ de zero.
 *                        - Nouvelle couleurs du site opensuse.org
 *                        - Version pour linuxfr en ruby.
 *   1.3    25/10/2009    - Ajout d'un logo dans le style d'opensuse.
 *                        - funbanner plus large pour la banniere hadopi.
 *   1.2    12/10/2009    Ajout d'un style pour les hr dans leftbox et leftcol.
 *   1.1    12/10/2009    - [eggman] Correction pour p.commentsbody :
 *                                   le style n'était pas pris en compte.
 *                        - [eggman] Reduction pour la taille des input text.
 *                        - Ajout d'une taille en pourcentage pour les textarea.
 *                        - [eggman] Plus d'espace entre les commentaires.
 *                        - [eggman] Passage du padding de 0.5em 1% a 0.7em 1%.
 *                        - [Octabrain] Ajout de -webkit-border-radius.
 *                        - [Cyrille Pontvieux] Ajout de border-radius.
 *   1.0    11/10/2009    Publication
 *
 * Benoît Monin
 */

/* RAZ des styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	color: inherit;
}

/* Corps de la page */
body {
	background: #F6F6F6;
	color: #444444;
	font-family: sans-serif;
	font-size: 0.85em;
	margin: 0 auto;
	min-width: 55em;
}

/* Styles globaux pour les liens */
a:link,
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover,
a:active {
	color: #669900;
	text-decoration: underline;
}

/* Bandeau de navigation en haut */
#site {
	display: block;
	margin-bottom: 2.5em;
	background-color: #444444;
	background: -moz-linear-gradient(top, #555555, #333333);
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333));
	color: #FFFFFF;
	font-weight:bold;
	font-size: 0.85em;
}
	#site .go_to_content {
		display: none;
	}
	#site ul {
		display: inline-block;
		list-style: none;
		padding: 0.7em 0 0.7em 2%;
		width: 70%;
	}
	#site ul li {
		display: inline;
	}
	#site ul li:after {
		content: "|";
		color: #555555;
		padding: 0 0.75em;
	}
	#site ul li:last-child:after, #site ul li.last:after {
		content: "";
		padding: 0;
	}
	#site a:link,
	#site a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	#site a:hover {
		color: #669900;
	}
	#site form {
		float: right;
		margin: 0.35em 2% 0 0;
		width: 25%;
		display: block;
		text-align: right;
	}
	#site input[type=submit] {
		border: thin solid transparent;
		background: transparent;
		font-weight:bold;
	}
	#site input[type=submit]:hover {
		color: #669900;
		cursor: pointer;
	}
	#site input#query {
		border: thin solid #2E2E2E;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		border-radius: 0.4em;
		background-color: #EEEEEE;
		color: #444444;
		padding: 0.25em;
		width: 50%;
		max-width: 13em;
	}
	#site input#query:focus {
		background-color: #F6F6F6;
		color: #000000;
	}

/* la barre latéral */
#sidebar {
	display: inline;
	float: left;
	overflow: hidden;
	width: 20%;
	margin: 0 1%;
}

/* les boites de la barre latéral */
#sidebar .box {
	margin: 1.5em 1%;
	padding-bottom: 0.25em;
	border: thin solid;
	border-color: #DDDDDD #CCCCCC #BBBBBB;
	background: #FEFEFE;
	-moz-box-shadow: 0 0.125em 0.375em #CCCCCC;
	-webkit-box-shadow: 0 0.125em 0.375em #CCCCCC;
	box-shadow: 0 0.125em 0.375em #CCCCCC;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	font-size: 0.8em;
}
/* titre de la boite latéral */
#sidebar .box h1 {
	border-bottom: thin solid #DDDDDD;
	padding: 0.4em 1%;
	margin-bottom: 0.5em;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	-moz-border-radius: 0.5em 0.5em 0 0;
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	display: block;
}
/* icone https */
#sidebar .box > a {
	padding: 0;
}
#sidebar img.access {
	float: right;
	margin: 0.3em;
	width: 1.5em !important;
	height: 1.5em !important;
}
/* texte dans la boite latéral */
#sidebar .box > * {
	padding: 0.1em 1%;
}
#sidebar .box input {
	border: thin solid #999999;
	margin-bottom: 1em;
	padding: 0.2em 2%;
	background-color: #F9F9F9;
}
#sidebar .box input[type=text],
#sidebar .box input[type=password] {
	display: block;
	width: 95%;
	color: #006699;
}
#sidebar .box input[type=text]:focus,
#sidebar .box input[type=password]:focus {
	color: #000000;
	border-color: #669900;
	background-color: #FEFEFE;
	-moz-box-shadow: 0 0.1em 0.3em #CCCCCC;
	-webkit-box-shadow: 0 0.1em 0.3em #CCCCCC;
	box-shadow: 0 0.1em 0.3em #CCCCCC;
}
#sidebar .box input[type=submit] {
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	color: #444444;
}
#sidebar .box input[type=submit]:hover {
	background-color: #8ABC00;
	background: -moz-linear-gradient(top, #96C800, #7DAF00);
	background: -webkit-gradient(linear, left top, left bottom, from(#96C800), to(#7DAF00));
	border-color: #006699;
	color: #FFFFFF;
	cursor: pointer;
}

/* liste des forums */
#sidebar div.forum {
	margin: 0 2%;
}
#sidebar div.forum h2 {
	font-weight: normal;
	font-size: 0.8em;
}

/* le logo */
#branding h1 {
	margin-bottom: 2em;
	height: 15em;
	background-image: url(/images/logos/linuxfr_opensuse.png) !important;
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
#branding h1 a {
	display: block;
	width: 100%;
	height: 100%;
	color: transparent;
}
/* le contenu du site */
#container {
	margin: 0 0 0 22%;
	text-align: justify;
	display: block;
	width: 77%;
}
#container > * {
	max-width: 80em;
	margin: 0 auto;
}

/* message important en haut de la page */
#container div.notice {
	margin: 1em auto;
	border: thin dotted #669900;
	padding: 0.5em 0;
	background: #F0F0F0;
	font-weight: bold;
	text-align: center;
}

/* Titre de la page */
#container > h1 {
	color: #669900;
	font-size: 2.5em;
	text-align: center;
	max-width: 32em;
	margin: 1em auto;
}

/* sous-titre */
#container > h2,
#container > div > h2 {
	color: #669900;
	font-size: 1.25em;
	max-width: 64em;
	margin: 0.5em auto;
}
/* tableau de bord directement dans la partie centrale */
#container > table {
	background: #FEFEFE;
	text-align: left;
	border-collapse:collapse;
	border: none;
	-moz-box-shadow: 0 0.1em 0.3em #CCCCCC;
	-webkit-box-shadow: 0 0.1em 0.3em #CCCCCC;
	box-shadow: 0 0.1em 0.3em #CCCCCC;
	margin:0.5em auto;
	width:100%;
}
#container > table th {
	border: thin solid #BBBBBB;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	padding: 0.2em;
}
#container > table td {
	border: thin solid #CCCCCC;
	padding: 0.2em;
}
/* les formulaires */
#container input,
#container button,
#container select,
#container textarea {
	margin: 0.5em;
	color: #006699;
	border: thin solid #999999;
	background-color: #F9F9F9;
	padding: 0.1em 0;
}
#container textarea {
	width: 100%;
	margin: 0.5em auto;
}
#container select {
	padding: 0;
}
#container input:focus,
#container select:focus,
#container textarea:focus {
	color: #000000;
	border-color: #669900;
	background-color: #FEFEFE;
	-moz-box-shadow: 0 0.1em 0.3em #CCCCCC;
	-webkit-box-shadow: 0 0.1em 0.3em #CCCCCC;
	box-shadow: 0 0.1em 0.3em #CCCCCC;
}
#container button,
#container input[type=submit],
#container input[type=submit]:focus {
	padding: 0.25em;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	color: #444444;
}
#container button:hover,
#container input[type=submit]:hover {
	background-color: #8ABC00;
	background: -moz-linear-gradient(top, #96C800, #7DAF00);
	background: -webkit-gradient(linear, left top, left bottom, from(#96C800), to(#7DAF00));
	border-color: #006699;
	color: #FFFFFF;
	cursor: pointer;
}
/* Nouvelle dépêche : les liens */
div#form_links {
	margin: 2em 0;
	border: thin solid;
	border-color: #DDDDDD #CCCCCC #BBBBBB;
	-moz-box-shadow: 0 0.1em 0.3em #CCCCCC;
	-webkit-box-shadow: 0 0.1em 0.3em #CCCCCC;
	box-shadow: 0 0.1em 0.3em #CCCCCC;
	background-color: #FEFEFE;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
}
#form_links fieldset {
	padding: 0.5em 0;
}
#form_links fieldset:first-child {
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	-moz-border-radius: 0.4em 0.4em 0 0;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-top-left-radius: 0.4em;
	border-top-right-radius: 0.4em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
#form_links fieldset.link {
	border-top: thin solid #DDDDDD;
	background: #FEFEFE;
}
#form_links fieldset:last-child {
	border-top: thin solid #DDDDDD;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	-moz-border-radius: 0 0 0.5em 0.5em;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}
#form_links label {
	display:inline-block;
	text-align: center;
	margin: 0 0 0 1%;
}
#form_links label#label-link-name,
#form_links label#label-link-url {
	width: 33%;
}
#form_links label#label-link-lang,
#form_links label#label-link-actions {
	width:13%;
}
#form_links input {
	width: 33%;
	margin: 0 0 0 1%;
}
#form_links select,
#form_links button {
	margin: 0 0 0 1%;
	width: 13%;
}
/* mdp et mail utilisateur */
#container form.edit_account input[type=text],
#container form.edit_account input[type=email],
#container form.edit_account input[type=password] {
	width: 50%;
	display: block;
}

/* Liens de navigation */
#container > nav.toolbox {
	margin: 2em auto;
	display: block;
	font-size: 0.8em;
	max-width: 100em;
}
#container > nav.toolbox ul {
	display: inline;
	list-style: none;
}
#container > nav.toolbox li {
	display: inline;
}

/* l'article */
article {
	margin-bottom: 1em;
	border: thin solid;
	border-color: #DDDDDD #CCCCCC #BBBBBB;
	-moz-box-shadow: 0 0.1em 0.3em #CCCCCC;
	-webkit-box-shadow: 0 0.1em 0.3em #CCCCCC;
	box-shadow: 0 0.1em 0.3em #CCCCCC;
	background-color: #FEFEFE;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	display: block;
}

/* en-tête de l'article */
article header {
	border-bottom: thin solid #DDDDDD;
	padding: 0.5em 0.75em;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	-moz-border-radius: 0.4em 0.4em 0 0;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-top-left-radius: 0.4em;
	border-top-right-radius: 0.4em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	display: block;
}
	/* titre de l'article */
	article header h1 {
		font-size: 1.25em;
		display: inline;
		color: #444444;
	}
	article header h1 a:link,
	article header h1 a:visited {
		color: #444444;
	}
	/* Info complémentaires dans l'en-tête */
	article header div.meta {
		font-size: 0.8em;
	}
	article header ul,
	article header li {
		display: inline;
		list-style: none;
	}

/*le score de l'article */
article > figure.score {
	font-weight: bold;
	background: #4C7C00;
	background: -moz-linear-gradient(top, #669900, #336600);
	background: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#336600));
	color: #FEFEFE;
	padding: 1.2em 0 0;
	margin: 1em 0.75em 0.5em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.5em;
	float: left;
	display: block;
	width: 3.5em;
	height: 2.3em;
	text-align: center;
}
/*la vignette de l'article */
article > figure.image {
	float: left;
	margin: 1em 0.75em 0.5em;
	width: 3.5em !important;
	height: 3.5em !important;
}
/* On force la taille de l'image : ce serait mieux avec du svg */
article > figure.image img {
	width: 3.5em !important;
	height: 3.5em !important;
}

/* Styles pour le contenu de l'article */
article div.content,
article div.body {
	padding: 0.5em 0.75em;
	color: #000000;
	min-height: 4.5em;
}
article div h1,
article > h1 {
	padding: 0.5em 0.75em;
	font-size: 1.5em;
	color: #669900;
}
article div h2 {
	padding: 0.4em 0.75em 0;
	font-size: 1.4em;
	color: #669900;
}
article div h3 {
	padding: 0.3em 0.75em 0;
	font-size: 1.2em;
	color: #669900;
}
article div h4 {
	padding: 0.2em 0.75em 0;
	font-size: 1.1em;
	color: #669900;
}
article div h5 {
	padding: 0.1em 0.75em 0;
	font-size: 1em;
	font-weight: normal;
	color: #669900;
}
article div ul {
	list-style: inside;
	padding: 0.5em 0.75em;
}
article blockquote {
	font-style: italic;
	margin: 0.5em 0 0.5em 3em;
	color: #444444;
}
article li.link {
	padding-left: 3em;
}
/* drapeau du lien */
article li.link img {
	width: 1.25em !important;
	height: 0.8em !important;
}
article a:link,
article a:visited {
	color: #006699;
	text-decoration: none;
}
article a:hover {
	color: #669900;
	text-decoration: underline;
}

/* uniquement pour le sondage en cours */
article.poll div.content ul {
	list-style: none;
}
article.poll div.content form {
	margin-left: 5em;
}

/* uniquement pour les resultats de sondages */
article.poll div.content ul.poll {
	list-style: disc outside none;
	margin-left: 5em;
}
.poll li {
	margin-bottom: 0.5em;
}
.poll meter {
	display: block;
	border: thin solid #DDDDDD;
	background: #F0F0F0;
	color: #444444;
	text-align: right;
}

/* Le pied de l'article */
article > footer {
	padding: 0.5em 0.75em;
	display: block;
	font-size: 0.8em;
	border-top: thin solid #DDDDDD;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	-moz-border-radius: 0 0 0.5em 0.5em;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

/* Les boutons de vote pour l'article et le commentaire */
div.vote,
div.vote form.button_to,
div.vote form.button_to div {
	display: inline;
}
div.vote {
	margin-left: 0.3em;
}
#container div.vote input {
	border: thin solid transparent;
	background: none;
	color: #006699;
	margin:0;
	padding:0;
}
#container div.vote input:hover {
	border: thin solid transparent;
	background: none;
	color: #669900;
	cursor: pointer;
}
/* Tout les commentaires */
#comments {
	margin: 4em auto;
}

/* texte au dessus des commentaires */
#comments > p {
	margin: 1em auto;
	text-align: center;
}

/* les fils de commentaires */
#comments ul.threads {
	margin: 4em auto;
	list-style: none;
}

/* Un fil de discussion de commentaires */
#comments > ul > li {
	margin: 0 0 1em 0;
	border: thin solid;
	padding: 0.7em;
	border-color: #DDDDDD #CCCCCC #BBBBBB;
	-moz-box-shadow: 0 0.1em 0.3em #CCCCCC;
	-webkit-box-shadow: 0 0.1em 0.3em #CCCCCC;
	box-shadow: 0 0.1em 0.3em #CCCCCC;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	background-color: #FEFEFE;
	color: #000000;
	font-size: 1em;
}
/* Decalage a droite pour les reponses */
#comments li > ul {
	padding-left: 1.5em;
	list-style: none;
}

/* le titre du commentaire */
#comments li > h3 {
	margin-top: 0.5em;
	padding: 0.2em 0.5em;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	border-bottom:thin solid #DDDDDD;
	color: #444444;
	font-size: 1em;
	font-weight: bold;
}
#comments li > h3 a:link,
#comments li > h3 a:visited {
	color: #444444;
	text-decoration: none;
}
#comments li > h3 a:hover {
	text-decoration: underline;
}

/* en-tête et pied de page du commentaire */
#comments li > p.meta,
#comments li > footer.actions {
	color: #444444;
	font-size: 0.8em;
	padding: 0.5em 0 0.5em 0.875em;
	display: block;
}
/* l'avatar */
#comments li > figure.image {
	display: inline;
	float: left;
	padding: 0 0.5em 0 1em;
}
#comments li > figure.image img {
	width: 3em !important;
	height: 3em !important;
}

/* le commentaire */
#comments li > div.content {
	padding: 0 0 0 1em;
	min-height: 3em;
	border-left: thin solid #CCCCCC;
}

/* Style de titre pour les nouveaux commentaires */
#comments li.new-comment > h3 {
	margin-top: 0.5em;
	padding: 0.2em 0.5em;
	background-color: #777777;
	background: -moz-linear-gradient(top, #888888, #666666);
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#666666));
	border-bottom:thin solid #666666;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
}
#comments li.new-comment > h3 a:link,
#comments li.new-comment > h3 a:visited {
	color: #FFFFFF;
}

/* le lien retour en haut de page */
#container > footer {
	display: block;
	font-size: 0.8em;
	max-width: 100em;
	margin: 2em auto;
}

/* le pied de page */
#bigfooter {
	display: inline;
	float: left;
	border-top: thin dotted #999999;
	width: 90%;
	margin: 3em 5% 5em;
	font-size: 0.8em;
}
/* les 4 listes du pied de page */
#bigfooter nav, #bigfooter section {
	display: inline;
	float: left;
	overflow: hidden;
	width: 23%;
	margin: 1em 1%;
	color: #666666;
}
/* Le contenu du pied de page */
#bigfooter h1 {
	font-size: 1.25em;
	margin: 0 0 0.5em 0;
}
#bigfooter ul {
	list-style: none;
}

/* la toolbar */
#toolbar {
	position: fixed;
	overflow: hidden;
	bottom: 0;
	left: 1.25%;
	width: 19.4%;
	border-top: thin solid #DDDDDD;
	border-left: thin solid #CCCCCC;
	border-right: thin solid #CCCCCC;
	padding: 0.5em 0 0.25em;
	-moz-box-shadow: 0 0.125em 0.375em #CCCCCC;
	-webkit-box-shadow: 0 0.125em 0.375em #CCCCCC;
	box-shadow: 0 0.125em 0.375em #CCCCCC;
	-moz-border-radius: 0.5em 0.5em 0 0;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	background-color: #FEFEFE;
	color: #444444;
	font-size: 0.8em;
	
}
#toolbar > span {
	display: block;
	margin: 0 0.3em;
}

/* l'éditeur markdown */
.markItUpContainer {
	margin-bottom: 1em;
	border: thin solid;
	border-color: #DDDDDD #CCCCCC #BBBBBB;
	-moz-box-shadow: 0 0.1em 0.3em #CCCCCC;
	-webkit-box-shadow: 0 0.1em 0.3em #CCCCCC;
	box-shadow: 0 0.1em 0.3em #CCCCCC;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
}

.markItUpHeader {
	border-bottom: thin solid #DDDDDD;
	padding: 0.5em 1%;
	height: 1.2em;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	-moz-border-radius: 0.4em 0.4em 0 0;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-top-left-radius: 0.4em;
	border-top-right-radius: 0.4em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.markItUpEditor,
#container .markItUpEditor {
	width: 100%;
	height: 20em;
	display: block;
	overflow: auto;
	border: none;
	background-color: #FCFCFC;
	color: #006699;
	padding: 0;
	margin: 0;
}
.markItUpEditor:focus,
#container .markItUpEditor:focus {
	background-color: #FFFFFF;
	color: #000000;
}

.markItUpFooter {
	padding: 0.5em 0;
	border-top: thin solid #DDDDDD;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
	-moz-border-radius: 0 0 0.5em 0.5em;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

.markItUpResizeHandle {
	overflow: hidden;
	width: 20%;
	height: 0.5em;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/markitup/handle.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: n-resize;
}

.markItUpHeader ul li {
	list-style: none;
	float: left;
	position: relative;
}
.markItUpHeader ul li ul {
	display: none;
}
.markItUpHeader ul li:hover > ul {
	display: block;
}
.markItUpHeader ul a {
	display: block;
	width: 1.2em;
	height: 1.2em;
	text-indent: -1000em;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	margin: 0 0.3em;
}
.markItUpHeader ul .markItUpSeparator {
	margin: 0 1em;
	width: 0;
	height: 1.2em;
	overflow: hidden;
	border-left: thin solid #CCCCCC;
}
.markItUp .h1 a {
	background-image: url(/images/markitup/h1.png);
}
.markItUp .h2 a {
	background-image: url(/images/markitup/h2.png);
}
.markItUp .h3 a {
	background-image: url(/images/markitup/h3.png);
}
.markItUp .h4 a {
	background-image: url(/images/markitup/h4.png);
}
.markItUp .bold a {
	background-image: url(/images/markitup/bold.png);
}
.markItUp .italic a {
	background-image: url(/images/markitup/italic.png);
}
.markItUp .stroke a {
	background-image: url(/images/markitup/stroke.png);
}
.markItUp .list-bullet a {
	background-image: url(/images/markitup/list-bullet.png);
}
.markItUp .list-numeric a {
	background-image: url(/images/markitup/list-numeric.png);
}
.markItUp .image a {
	background-image: url(/images/markitup/picture.png);
}
.markItUp .link a {
	background-image: url(/images/markitup/link.png);
}
.markItUp .quotes a {
	background-image: url(/images/markitup/quotes.png);
}
.markItUp .code a {
	background-image: url(/images/markitup/page_white_code.png);
}

/* coloration syntaxique : repris de la css linuxfr */
.hll {
	background-color: #ffffcc;
}
.c {
	color: #808080;
}
.err {
	color: #F00000;
	background-color: #F0A0A0;
}
.k {
	color: #008000;
	font-weight: bold;
}
.o {
	color: #303030;
}
.cm {
	color: #808080;
}
.cp {
	color: #507090;
}
.c1 {
	color: #808080;
}
.cs {
	color: #cc0000;
	font-weight: bold;
}
.gd {
	color: #A00000;
}
.ge {
	font-style: italic;
}
.gr {
	color: #FF0000;
}
.gh {
	color: #000080;
	font-weight: bold;
}
.gi {
	color: #00A000;
}
.go {
	color: #808080;
}
.gp {
	color: #c65d09;
	font-weight: bold;
}
.gs {
	font-weight: bold;
}
.gu {
	color: #800080;
	font-weight: bold;
}
.gt {
	color: #0040D0;
}
.kc, .kd, .kn {
	color: #008000;
	font-weight: bold;
}
.kp {
	color: #003080;
	font-weight: bold;
}
.kr {
	color: #008000;
	font-weight: bold;
}
.kt {
	color: #303090;
	font-weight: bold;
}
.m {
	color: #6000E0;
	font-weight: bold;
}
.s {
	background-color: #fff0f0;
}
.na {
	color: #0000C0;
}
.nb {
	color: #007020;
}
.nc {
	color: #B00060;
	font-weight: bold;
}
.no {
	color: #003060;
	font-weight: bold;
}
.nd {
	color: #505050;
	font-weight: bold;
}
.ni {
	color: #800000;
	font-weight: bold;
}
.ne {
	color: #F00000;
	font-weight: bold;
}
.nf {
	color: #0060B0;
	font-weight: bold;
}
.nl {
	color: #907000;
	font-weight: bold;
}
.nn {
	color: #0e84b5;
	font-weight: bold;
}
.nt {
	color: #007000;
}
.nv {
	color: #906030;
}
.ow {
	color: #000000;
	font-weight: bold;
}
.w {
	color: #bbbbbb;
}
.mf {
	color: #6000E0;
	font-weight: bold;
}
.mh {
	color: #005080;
	font-weight: bold;
}
.mi {
	color: #0000D0;
	font-weight: bold;
}
.mo {
	color: #4000E0;
	font-weight: bold;
}
.sb {
	background-color: #fff0f0;
}
.sc {
	color: #0040D0;
}
.sd {
	color: #D04020;
}
.s2 {
	background-color: #fff0f0;
}
.se {
	color: #606060;
	font-weight: bold;
	background-color: #fff0f0;
}
.sh {
	background-color: #fff0f0;
}
.si {
	background-color: #e0e0e0;
}
.sx {
	color: #D02000;
	background-color: #fff0f0;
}
.sr {
	color: #000000;
	background-color: #fff0ff;
}
.s1 {
	background-color: #fff0f0;
}
.ss {
	color: #A06000;
}
.bp {
	color: #007020;
}
.vc {
	color: #306090;
}
.vg {
	color: #d07000;
	font-weight: bold;
}
.vi {
	color: #3030B0;
}
.il {
	color: #0000D0;
	font-weight: bold;
}