html {
	height: 100%;
	background-image: url(../images/fond_page.png);
	background-position: center;
}

body {
	height: 100%;
	font-size: 12px;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../images/fond_page.png);
	background-repeat: repeat-y;
	background-position: center;
}

#page {
	background-image: url(../images/fond_haut.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	
	border-top: 1px solid;
}

.img_png, .image_typo, .spip_logo, .format_png {
	behavior: url("win_png.htc");
}

a, a:visited, a.spip_out, a.spip_in, a.spip_url, a.spip_glossaire {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #9ccb6e;
	text-decoration: none;
}

.clear {
	clear: both;
}

img {
	border: 0px;
}

#haut {
	height: 150px;
	width: 100%;
	z-index: -1;
	padding-left: 5px;
}

#menu_haut {
	height: 28px;
	text-align: right;
	margin-top: 7px;
	margin-left: auto;
	margin-right: 0px;
/*	overflow: hidden;*/
}

#menu_haut a.top {
	height: 28px;
	text-align: center;
	padding-top: 0.6em;
}

.separateur {
	padding-left: 0;
	padding-right: 4px;
}

#top_links {
	float: right;
	margin-top: 20px;
	color: #FFF;
	height: 70px;
	width: 400px;
}

#logo {
	margin: 0;
	margin-top: 40px;
	text-align: left;
	/*background-image: url(../images/fond_menu_gauche_logo.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
}

.rub {
	color: #555555;
}

#zone {
	text-align: left;
	width: 770px;
	padding: 0;
	
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}

#principale {
	padding: 0px;
	margin: 0;
	margin-bottom: 100px;
}

#footer {
	color: #DDD;
	font-size: 10px;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 50px;
	background-image: url(../images/fond_bas.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	position: relative;
}

#footer p {
	padding-top: 20px;
}

#legende {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	background: #e3dedb;
}

#bytecode {
	float: right;
	margin-right: 35px;
	color: #777777;
	font-size: 10px;
}

#bytecode a {
	color: #777777;
	font-size: 10px;
}

#ll {
	float: left;
	margin-left: 30px;
	width: 181px;
	height: 22px;
	color: #777777;
	font-size: 10px;
	background-image: url(../images/realise_logiciels_libres_light.png);
	background-repeat: no-repeat;
	background-position: left;
}

#ll img {
	width: 181px;
	height: 25px;
}

#ll:hover {
	background-image: url(../images/realise_logiciels_libres.png);
	background-repeat: no-repeat;
	background-position: left;
}

.surtitre {
	color: #666666;
	margin-bottom: 0;
}

.soustitre {
	color: #666666;
	margin-top: -1em;
}

.chapo {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.texte {
	padding-top: 5px;
	padding-bottom: 5px;
}

.docs {
	padding-top: 5px;
	padding-bottom: 5px;
}

#centrale {
	float: left;
	width: 770px;
	margin-left: 10px;
	margin-bottom: 2em;
}

#centrale h1, #centrale-article h1 {
	margin-top: 0;
	padding-bottom: 20px;
	color: #666666;
}

#centrale-article {
	float: left;
	width: 500px;
	margin-left: 10px;
	margin-bottom: 2em;
	border-right: 1px dotted #CCC;
}

#centrale-rubrique {
	float: left;
	width: 510px;
	margin-left: 10px;
	margin-bottom: 2em;
}

.marge {
	padding-right: 15px;
}

#droite {
	float: right;
	width: 240px;
}

#droite li a {
	height: 90px;
}

.form_rech{
	padding-left: 0em;
	margin-top: 2em;
	margin-bottom: 2em;
}

#input_recherche {
	font-size: 11px;
	border: 1px solid #666666;
	background-image: url(../images/input_background.gif);
}

input[type=text] {
	font-size: 11px;
	border: 1px solid #666666;
	background-image: url(../images/input_background.gif);
}

input[type=submit] {
	border: 0;
}

textarea {
	border: 1px solid #666666;
	background-image: url(../images/input_background.gif);
	background-repeat: repeat-x;
	background-position: top;
}

h3.spip {
	font-size: 16px;
	text-align: left;
	color: #666666;
}

table {
	cell-spacing: 1em;
}

table, tr, td {
	vertical-align: top;
	padding: 5px;
}

td h3 {
	margin-top: 0;
}

tr.row_odd td {
/*	background-color: #CCCCCC;*/
	border-top: 1px solid #AAAAAA;
}

.spip_bouton input[type=submit] {
	background-color: #666666;
	color: #FFFFFF;
	border: 1px solid #666666;
}

.notes {
	margin-top: 4em;
	border-top: 1px solid;
}

hr {
	clear: both;
	background: #999;
	color: #999;
	height: 1px;
	border: 0px solid;
	width: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul li {
  float: left;
  padding: 10px;
  display: block;
  margin: 0;
  margin-right: 10px;
}

ul li a {
  display: block;
  overflow: hidden;
  height: 180px;
  width: 50px;
  color: #330000;
}

#a1{
  width: 350px;
}

ul li img {
  position: absolute;
}

ul li img.logo_accordion{
  position: relative;
  border: 0px;
}

ul li p {
  margin: 0;
  padding: 0;
  width: 300px;
  display: block;
  margin-left: 50px;
}

#acc_prod {
	width: 769px;
	height: 213px;
	background-image: url(../images/fond_accordion.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px;
	margin: 0;
	margin-top: 1em;
}

ul img {
	border: 0;
}

.column3 {
  column-count: 2;
  column-gap: 20px;
  column-rule: 1px solid #BBB;
	text-align: justify;
	width: 500px;
}

.column-border {
	float: left;
	border-right: 1px solid #BBB;
	padding: 0;
	padding-right: 10px;
}

#latest_news, #product-promotion, .sub-cat {
	float: left;
	width: 233px;
	height: 165px;
  margin-left: 10px;
  padding-left: 10px;	
  margin-bottom: 10px;
}

.sub-cat {
	margin: 0px;
}

hr.ql-separator {
	width: 400px;
	margin: 20px auto 20px;
	clear: both;
	background: #BBB;
	color: #BBB;
	height: 1px;
	border: 0px solid;
}

#quick_links a {
	margin-right: 60px;
}

#product-promotion, #product-promotion2, .sub-cat {
	background-image: url(../images/fond_products.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin: 0;
}

.sub-cat {
}

.sub-cat li a {
  display: block;
  overflow: hidden;
  height: 110px;
  width: 160px;
  color: #330000;
  margin-left: auto;
  margin-right: auto;
}

li.promo {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0;
	padding-top: 25px;
}

li.promo a {
	margin: 0;
	padding: 0;
	width: auto;
}

li.promo img {
	position: relative;
}

li.promo2 {
	display: block;
	width: 233px;
	height: 165px;
	margin: 0;
	padding: 0;
	padding-top: 25px;
	text-align: center;
overflow: visible;
}

li.promo2 a {
	display: block;
	width: 160px;
	height: 110px;
	margin: auto;
	text-align: left;
overflow: hidden;
}

li.promo2 a img {
	width: auto;
}

#product-promotion li {
	height: 90px;
}

#section {
	margin-left: 15px;
}