/* G��al */
body, html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #EEE;
	font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}
p.fil_text_commentaire {
	border:medium dotted green;
	background:#CCC;
	float:right;
	width:30%;
	margin:1em;
	padding:0.5em;
}
.boite a.special {
	color:#069;
}
img {
	border: none;
	vertical-align: bottom;
}
cite:before {
	content: open-quote;
}
cite:after {
	content: close-quote;
}
.del {
	font-style: italic;
	color: #c00;
	text-decoration: line-through;
}
code, pre {
	font-family: "Courier New", monospace;
	font-size: 1em;
  overflow: auto;
}
code {
	color:#993300;
}
q {
	font-style: italic;
}
a {
	color: #000;
}
a:hover, a:focus, a:active {
	background: #af0;
	color: #000;
	text-decoration: none
}
a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color: #666;
	background: transparent;
}
ul {
	list-style-image: url("../images/puce1.png")
}
label {
	cursor: pointer;
}
input[type=text], input[type=password], textarea {
	border: 1px solid;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border: 1px solid #000;
	background: #EEE;
}
input[type=submit] {
	margin: 1em;
	text-align: center;
	margin-bottom: 0;
}
/* Haut de page */
#haut {
	height: 75px;
	background: #036 url("../images/puzzle.png") no-repeat;
	border-top: #000 10px solid;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#haut h1 {
	font-size: 1.5em;
	margin: 0;
	margin-left: 45px;
	margin-top: 5px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 100%;
	text-transform: uppercase;
	padding: 0;
}
#slogan {
	font-size: 1.2em;
	margin-left: 55px;
	margin-top: 5px;
	color: #fff;
	font-style: italic;
	line-height: 100%;
	padding: 0;
	font-weight: normal;
}
/* Recherche */
#recherche {
	background: #507AA0;
	position: absolute;
	right: 0;
	top: 0;
	height: 60px; /* �a c'est fort, IE est insensible � height pour cette bo�te */
	color: #fff;
}
html>body #recherche {
	height: 75px;
}
#recherche form {
	padding: 1em;
	font-size: 0.8em;
}
#searchbox {
	background: #FFF url("../images/search.png") no-repeat;
	border: 1px #000 solid;
	padding-left: 17px;
}
/* Conteneur et contenu */
#conteneur {
	position: absolute;
	top: 90px;
	width: 100%;
	font-size: 0.8em;
}
#contenu {
	position: absolute;
	left: 23%;
	width: 75%;
	margin-top: 2em;
	background: #FFF;
	margin-right: 1em;
	-moz-border-radius: 1em;
	border:1px solid #CCC;
}
* html #conteneur { /* IE Hack */
	top: 120px;
}
* html #contenu { /* IE Hack */
	margin-top:0px;
}
#contenu h1 {
	font-size: 1.2em;
	text-align: center
}
#contenu h2 {
	font-size: 1em;
	margin: 1.33em 1em;
	padding: 0;
	color: #690;
}
#contenu h3 {
	font-size: 0.83em;
	margin: 1.67em 1em;
	color: #c63;
}
#contenu h4 {
	font-size: 0.67em;
	margin: 2.33em 0;
}
#contenu p, #contenu dl {
	padding: 0 1em
}
#contenu pre {
	margin: 0 1em;
	padding:0.5em;
	background:#EEE;
	border-left:medium solid green;
}

#contenu2 {
	left: 23%;
	width: 75%;
	margin-top: 2em;
	background: #FFF;
	margin-right: 1em;
	-moz-border-radius: 1em;
	border:1px solid #CCC;
}
#contenu2 h1 {
	font-size: 1.2em;
	text-align: center
}

/* Menu de gauche (boite) */
#menu2 {
	position:absolute;
	left:0;
	top:6em;
	width: 20%;
}
#menu2 li, #menu2 p {
	font-size: 0.9em;
}
.boite {
	background: #FFF;
	margin: 1em;
	padding: 0;
	margin-top: 2em;
}
.boite h3 {
	background: #CCC url("../images/fleche_bleu.png") no-repeat;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 30px;
	line-height: 110%;
}
.boite p {
	padding: 0.5em;
	margin: 0;
}
.boite ul {
  margin: 0.5em;
  padding:0;
  padding-left:3em;
  padding-bottom: 0.5em;
  margin-left: 0;
}
#rssicon:before {
	content: url("/images/rss-new.png") "";
	vertical-align:middle;
	margin: 1px;
}
#menu2 #liencri74:hover, #liencitic74:hover {
	background-color: transparent;
}

#liencri74:after, #liencitic74:after {
	content: url(/images/citic74.png) "";
}
/* Menu horizontal */
#menu_horizontal {
	position: absolute;
	top: 85px;
	right: 0px;
	left: -1px;
	margin-top: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	background: #369;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	z-index:10;
}
#menu_horizontal li {
	display: inline;
}
#menu_horizontal li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0.2em 1em;
	padding-left: 22px;
	border: 0;
	border-left: 1px solid #FFF;
	text-decoration: none;
	background-color: #369;
	color: #FFF;
}
#menu_horizontal li a:hover {
	background-color: #5E84A5;
	color: #FFF
}
a#accueil {
	background: url("../images/menu_accueil.png") no-repeat;
}
a#seamonkey {
	background: url("../images/menu_seamonkey.png") no-repeat;
}
a#firefox {
	background: url("../images/menu_firefox.png") no-repeat;
}
a#thunderbird {
	background: url("../images/menu_thunderbird.png") no-repeat;
}
a#nvu {
	background: url("../images/menu_nvu.png") no-repeat;
}
a#kompozer {
	background: url("../images/menu_kompozer.png") no-repeat;
}
a#aide {
	background: url("../images/menu_aide.png") no-repeat;
}
a#participer {
	background: url("../images/menu_divers.png") no-repeat;
}
a#contact {
	background: url("../images/menu_contact.png") no-repeat;
}
/* Divers */
#bas {
	background: #CCC;
	border-top: #CCC 1px solid;
	width: 80%;
	margin: auto;
	-moz-border-radius: 1em;
	text-align: center;
}
#telechargement, .lientelechargement {
	float: right;
	margin-right: 5em;
	margin-top: -6em
}
p#telechargement a:before, p.lientelechargement a:before {
	content: url("/images/download.png") " ";
}

#telecharger, .lientelecharger {
	float: right;
	margin-right: 5em;
	margin-top: 1em;
	margin-bottom:0;
}
p#telecharger a:before, p.lientelecharger a:before {
	content: url("/images/download.png") " ";
}
.capture {
	float: left;
	text-align: center;
	font-size: 0.8em;
}
#conanpture, .conanpture {
	margin: 0;
	padding: 0 1em;
}
.spacer {
	clear: both;
}
#info_commentaires {
	font-size: 0.7em;
	text-align: center;
}
.commentaire_content {
	background: #EEE;
	margin: 1em;
	padding: 0.1em
}
.comment_posteur {
	font-weight: bold;
	font-size: 0.9em
}
.commentaire {
	margin: 0.2em
}
.add_comment {
	margin: auto;
	width: 90%;
	margin-left: 5%;
	height: 10em;
}
.form_edit {
	width: 95%;
	height: 30em;
	margin: auto 1em;
}
/* formulaire de classement des extensions */
#choix-categorie {
	float:right;
	width:30em;
}
#choix-categorie fieldset {
	-moz-border-radius:5%;
	background:#DDD;
	border:0!important;
}
#choix-categorie legend {
	font-size: 1em;
	font-weight:bold;
	background:#DDD;
	border:0;
	-moz-border-radius:2%;
}
#logocri74 {
	width:100%;
	max-width:180px;
}

/* plier-d�plier les commentaires */
.commentHidden {
	display : none
}
.commentVisible {
	display : block
} 
#commentaires span {
	font-size:0.8em;
	font-weight:normal;
}
	#commentaires span a {
	text-decoration:none!important;
}
#commentaires img {
	vertical-align:middle;
}
#contenu dl.liste dd {
	display:list-item;
	list-style-type: square;
}
#contenu dl.faq dt {
	font-weight:bold;
	margin-top:1em;
	margin-left:1em;
}
#contenu dl.faq dt:before {
	content: "Q : ";
	font-style:italic;
}
#contenu dl.faq dd:before {
	content: "R : ";
	font-style:italic;
}
#contenu dl.faq dd {
	margin-left:1em;
	margin-top:0.5em;
}
#contenu .apercu {
	background-color:#d4fbee;
}
#cc:before {
	content: url("/images/cc.png") " ";
	vertical-align:middle;
}

/* EXTENSION DU MOIS */
/* cadre essentiel */
#essentiel {
  float:left;
  width:25em;
  margin: 0.5em;
  padding: 0.25em;
  border: 1px solid #690;
  border-right-width: 3px;
  border-bottom-width: 3px;
  -moz-border-radius: 15px;
}

/* Vérification de l'utilisation des styles */
#stylecheck {
  background: url("../styles/style_moderne.php") no-repeat 0 0;
  z-index:-1;
}