/* CSS BY GUILLAUME H.- START */

/* PRINCIPAL */

body {
	margin:0; 
	padding:0;
	line-height:1.4em;
	background:url("../images/bg_body.png") top left repeat-x #f9f9f9;
	color:#000000;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
}

#principal {
	position:relative;
	width:1000px;
	left:50%;
	margin-left:-500px;
}

/* TOP OF PAGE | HAUT DE LA PAGE */
#top1 {
	margin:0;
	padding:0;
	height:200px;
	background:url("../images/bg_header.png") no-repeat;
}

#top2 {
	margin:0;
	padding:0;
	height:45px;
	background:url("../images/bg_menuheader.gif") bottom repeat-x;
}

#top_right {
	width:50px;
	float:right;
	margin:0;
	margin-top:10px;
	padding:0;
}

/* BOTTOM OF PAGE | BAS DE LA PAGE */
#bottom { 
    width:100%;
    height:110px;
    margin:14px 0 0 0; 
    padding:0;
    background:url("../images/bg_footer.gif") top left repeat-x #f9f9f9;
}

#column_bottom {
	position:relative;
    width:1000px;
	left:50%;
	margin:0 0 0 -500px;
    padding:20px 0 0 0;
	text-align:center;
}

/* MENU */
#main1 {
	margin:0;
	padding:0;
	background-color:#f9f9f9;
}
		
#main2 {
	margin:0;
	padding:0;
	background-color:#f9f9f9;
}
		
#left {
	float:left;
	width:0;
	margin:0; 
	padding:0;
}
		
#right {
	float:right;
	width:0;
	margin:0;
	padding:0;
}

/* MENU TOP */
#menutop {
	margin:0;
	padding:0;
	height:45px;
	font-size:0.8em;
	text-align:center;
	text-transform:uppercase;
}

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

#menutop li {
	margin:0;
	padding:0;
	float:left;
	width:110px;
	display:inline;
	font-weight:bold;
}

#menutop li#referencement {
	display:inline;
	float:left;
	width:110px;
	margin:0;
	padding:0;
}

#menutop li#annuaire {
	display:inline;
	float:left;
	width:110px;
	margin:0;
	padding:0;
}

#menutop li#forum {
	display:inline;
	float:left;
	width:110px;
	margin:0;
	padding:0;
}


#menutop li#referencement a {
	display:block;
	height:33px;
	line-height:33px;
	padding:0px;
	padding-top:12px;
	color:#5e5e5e;
	text-decoration:none;
	background:url(../images/bg_nav_r.gif) left bottom no-repeat;
}

#menutop li#referencement a:hover, #menutop li#referencement a:focus, #menutop li#referencement a:active {
	color:#333333;
	background:url(../images/bg_nav_r.gif) right bottom no-repeat;
}

#menutop li#annuaire a {
	display:block;
	height:33px;
	line-height:33px;
	padding:0px;
	padding-top:12px;
	color:#5e5e5e;
	text-decoration:none;
	background:url(../images/bg_nav_a.gif) left bottom no-repeat;
}

#menutop li#annuaire a:hover, #menutop li#annuaire a:focus, #menutop li#annuaire a:active {
	color:#333333;
	background:url(../images/bg_nav_a.gif) right bottom no-repeat;
}

#menutop li#forum a {
	display:block;
	height:33px;
	line-height:33px;
	padding:0px;
	padding-top:12px;
	color:#5e5e5e;
	text-decoration:none;
	background:url(../images/bg_nav_f.gif) left bottom no-repeat;
}

#menutop li#forum a:hover, #menutop li#forum a:focus, #menutop li#forum a:active {
	color:#333333;
	background:url(../images/bg_nav_f.gif) right bottom no-repeat;
}

#menutop li#current a:link, #menutop li#current a:visited, #menutop li#current a:hover, #menutop li#current a:active {
	padding:0px;
	padding-top:12px;
	display: block;
	line-height:33px;
	height:33px;
	color:#333333;
	text-decoration:none;
	background:url(../images/bg_nav_on.gif) no-repeat left bottom;
}

/* MENU LEFT, RIGHT */
.menuright {
	float:left;
	width:200px;
	margin:7px 0 0 0;
	padding:0;
	background:url("../images/bg_menu_r_l.gif") left repeat-y transparent;
}

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

.menuright li {
	padding:0;
	margin:0;
	display:inline;
}

.menuright li.header {
	display:block;
	margin:0;
	padding:9px 0 5px 5px;
	font-weight:bold;
	font-size:1.1em;
	color:#333333;
	border-bottom:1px #ff6b00 solid;
    background:url("../images/bg_menu_header.png") top left no-repeat transparent;
}

.menuright li.text {
	display:block;
	margin:0;
	padding:3px 0 2px 6px;
	color:#000000;
	background:url("../images/bg_menu_r_l.gif") left repeat-y transparent;
}

.menuright li.text_last {
	display:block;
	margin:0;
	padding:0 0 0 6px;
	color:#000000;
	background-color:transparent;
	border-bottom:1px #9f9f9f solid;
}

.menuright li a, .menuright li a:link, .menuright li a:visited, .menuright li.last a, .menuright li.last a:link, .menuright li.last a:visited{
	display:block;
	line-height:1.1em;
	padding:3px 0 2px 5px;
	color:#000000;
	text-decoration:none;
}

.menuright li.last a, .menuright li.last a:link, .menuright li.last a:visited {
	border-bottom:1px #bfbfbf solid;
}

.menuright li a:hover, .menuright li a:active, .menuright li.last a:hover, .menuright li.last a:active {
	padding:3px 0 2px 5px;
	color:#ffffff;
	background-color:#ff6b00;
	text-decoration:none;
}

.menuright li.last a:hover, .menuright li.last a:active {
	border-bottom:1px #bfbfbf solid;
}

/* MENU CATEGORIES */
.menucategories {
	float:left;
	width:385px;
	margin:0;
	padding:0 0 0 2px;
}

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

.menucategories li {
	float:left;
	width:385px;
	display:inline;
	padding:0;
	margin:5px 0 5px 0;
}

.menucategories li.subcat {
	float:left;
	width:385px;
	display:inline;
	padding:0;
	margin:-10px 0 4px 0;
}

.menucategories li a, .menucategories li a:link, .menucategories li a:visited {
	display:inline;
	width:385px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:underline;
	color:#444444;
}

.menucategories li a:hover, .menucategories li a:active {
	width:385px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	color:#ef560a;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:underline;
	background-color:transparent;
}

.menucategories li.subcat a, .menucategories li.subcat a:link, .menucategories li.subcat a:visited {
	width:385px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	color:#222222;
	font-size:0.9em;
	text-decoration:none;
	background-color:transparent;
}

.menucategories li.subcat a:hover, .menucategories li.subcat a:active {
	width:385px;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 3px 0 3px;
	color:#ef560a;
	font-size:0.9em;
	text-decoration:none;
	background-color:transparent;
}

/* CENTRAL PAGE */
#middle {
	margin:0;
	background-color:#ffffff;
}
		
.column {
	margin:0;
	padding:0;
}

#column_left {
    float:left;
    width:790px;
    margin:13px 0 0 0;
    padding:0;
}

#column_right {
    float:right;
    width:200px;
    margin:13px 0 0 0;
    padding:0;
}

.column_in {
	float:left;
	width:774px;
	margin:0;
	padding:7px;
	border:1px #9f9f9f solid;
	border-top:1px #ff6b00 solid;
	background-color:#ffffff;
}

#column_in_description {
	float:left;
	width:774px;
	margin:0 0 7px 0;
	padding:7px;
	border:1px #9f9f9f solid;
	border-top:1px #ff6b00 solid;
	background-color:#ffffff;
}

.column_in_white {
	float:left;
	width:774px;
	margin:0 0 7px 0;
	padding:7px;
	border:1px #9f9f9f solid;
	background-color:#ffffff;
}

.column_in_grey {
	float:left;
	width:774px;
	margin:0 0 7px 0;
	padding:7px;
	border:1px #9f9f9f solid;
	background-color:#ffefe4;
}

#column_in_pagination {
	float:left;
	width:727px;
	margin:0;
	padding:7px;
	text-align:center;
}

.column_out_radom_left {
	float:left;
	width:388px;
	margin:0;
	padding:0;
}

.column_in_radom_left {
	float:left;
	width:372px;
	margin:0;
	padding:7px;
	border:1px #9f9f9f solid;
}

.column_out_radom_right {
	float:right;
	width:388px;
	margin:0;
	padding:0;
}

.column_in_radom_right {
	float:right;
	width:372px;
	margin:0;
	padding:7px;
	border:1px #9f9f9f solid;
}


/* TABLE */

.column_in_table {
	float:left;
	width:220px;
	margin:0;
	padding:0;
}

.column_in_table_cat {
	float:left;
	width:520px;
	margin:0;
	padding:0;
}

#show_arbo {
	float:left;
	width:671px;
	margin:13px 0 0 0;
	padding:0 7px 0 2px;
	font-size:0.9em;
}

ul.fon { 
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:22px;
	padding-left:30px;
}

/* title */
.title_h_1 {
    float:left;
	width:776px;
    margin:7px 0 0 0;
    padding:9px 7px 5px 7px;
	background:url("../images/bg_title.png") top left no-repeat #ececec;
}

.title_h_2 {
    float:left;
	width:776px;
    margin:7px 0 0 0;
    padding:9px 7px 5px 7px;
	background:url("../images/bg_title.png") top left no-repeat #ececec;
}

.title_h_2_out {
	float:left;
	width:715px;
	margin:0;
	padding:0;
}

.title_h_2_left {
	float:left;
	width:374px;
    margin:7px 0 0 0;
    padding:9px 7px 5px 7px;
	background:url("../images/bg_title_small.png") top left no-repeat #ececec;
}

.title_h_2_right {
	float:right;
	width:374px;
    margin:7px 0 0 0;
    padding:9px 7px 5px 7px;
	text-align:right;
	background:url("../images/bg_title_small.png") top left no-repeat #ececec;
}


.fixe {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}
	   
.fixe1 {
	line-height:0.1em;
	margin:0;
	padding:0;
	background:transparent;
}
								

/* LINKS AND TEXT STYLE */

a { font-family:Tahoma, Verdana, Arial, sans-serif; }
a:link, a:visited { color:#000000; text-decoration:none; }
a:hover, a:active { color:#ef560a; text-decoration:none; }

a.link_orange { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_orange:link, a.link_orange:visited { color:#ed4d00; text-decoration:none; }
a.link_orange:hover, a.link_orange:active { color:#ed4d00; text-decoration:underline; }

a.link_show_arbo { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_show_arbo:link, a.link_show_arbo:visited { color:#000000; text-decoration:none; }
a.link_show_arbo:hover, a.link_show_arbo:active { color:#ef560a; text-decoration:underline; }

a.link_footer_small{ font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em; }
a.link_footer_small:link, a.link_footer_small:visited { color:#000000; text-decoration:none; }
a.link_footer_small:hover, a.link_footer_small:active { color:#000000; text-decoration:none; }


h1 {
    margin:0;
    padding:0;
    display:inline;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:1.1em;
    font-weight:bold;
	color:#ffffff;
    background-color:transparent;
}

h2 {
    margin:0;
    padding:0;
    display:inline;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:1.1em;
    font-weight:bold;
	color:#ffffff;
    background-color:transparent;
}

h3 {
	margin:0;
	padding:0;
	display:inline;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#ed4d00;
	text-decoration:underline;
}

.text_numbers {
	font-size:0.8em;
	color:#222222;
}		


/* FORM, INPUT, TEXTAREA, IMG */

form { 
	margin:0;
	padding:0;
}		

input { 
	margin:0;
	padding:0;
}	
	 
img { 
	border:0;
	margin:0;
	padding:0;
}

img.center_image { 
	border:0;
	margin:0;
	padding:0;
	text-align:center;
}

img.random_image {
	border:#ab89cc 1px solid;
	width:120px;
	height:90px;
	margin:0;
	margin-left:28px;
	padding:0;
}

img.website_image {
	float:left;
	width:120px;
	height:90px;
	margin:0;
	margin-right:7px;
	padding:0;
	border:1px #ab89cc solid;
}

img.website_image_right {
	float:right;
	width:120px;
	height:90px;
	margin:0;
	margin-left:7px;
	padding:0;
	border:1px #ab89cc solid;
}

img.category_image {
	float:left;
	width:24px;
	height:24px;
	margin-top:-2px;
	padding:0;
}