/* CSS Document */
body, html{height:100%;}
body{margin:0;
	padding:0;
	top:0;
	background-color:#FFFFFF;
	font-family:"Trebuchet MS";
	color:#333;
	font-size:12px;
	}
img{border:0px;}
a {	color:#0077DD;
	text-decoration:none;
}
a:hover {	color:#222222;
			text-decoration:underline;
		}
div#global{width:950px;
			margin:0 auto 0 auto;
			padding:0;
			top:0;
			left:0;
			overflow:hidden;
			}

h2{display:block;
	width:150px;
	position:relative;
	float:left;
	margin:0;
	padding:0 0 0 10px;
	background-color:#666666;
	font:bold 14px/30px "Trebuchet MS";
	color:#FFFFFF;
	border-bottom:2px #FFFFFF solid;
	}

h3{display:block;
	width:590px;
	position:relative;
	float:left;
	margin:0;
	padding:0 10px 0 10px;
	background-color:#E3810D;
	font:bold 14px/30px "Trebuchet MS";
	color:#FFFFFF;
	border-bottom:2px #FFFFFF solid;
	}
h4{display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	font:bold 14px/30px "Trebuchet MS";
	color:#333333;
	}

/* SERVICES ACCUEIL */
a.suite_service{display:block;
				position:relative;
				float:left;
				margin:8px 0 0 0;
				padding:0 0 0 24px;
				top:0;
				left:0;
				font:normal 12px/19px "Trebuchet MS";
				color:#0099FF;
				background:url(../images/puce_suite_services.jpg) 0 0 no-repeat;
				text-decoration:none;
				overflow:hidden;
				}
a:hover.suite_service{text-decoration:underline;}

a.forum_services{display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0 0 0 60px;
	font:bold 14px/31px "Trebuchet MS";
	color:#0099FF;
	background:url(../images/icone_forum.jpg) 0 0 no-repeat;
	text-decoration:none;
	}
a:hover.forum_services{color:#000000;}

a.annuaire_services{display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0 0 0 60px;
	font:bold 14px/31px "Trebuchet MS";
	color:#0099FF;
	background:url(../images/icone_annuaire.jpg) 0 0 no-repeat;
	text-decoration:none;
	}
a:hover.annuaire_services{color:#000000;}

a.inscription_services{display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0 0 0 60px;
	font:bold 14px/31px "Trebuchet MS";
	color:#0099FF;
	background:url(../images/icone_inscription.jpg) 0 0 no-repeat;
	text-decoration:none;
	}
a:hover.inscription_services{color:#000000;}

a.pub_services{display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0 0 0 60px;
	font:bold 14px/31px "Trebuchet MS";
	color:#0099FF;
	background:url(../images/icone_pub.jpg) 0 0 no-repeat;
	text-decoration:none;
	}
a:hover.pub_services{color:#000000;}


#actus a, a.lien_sidebar{display:block;
				position:relative;
				float:left;
				margin:8px 0 0 0;
				padding:0 0 0 30px;
				top:0;
				left:0;
				font:normal 12px/14px "Trebuchet MS";
				color:#333333;
				background:url(../images/puce_orange.gif) 10px 3px no-repeat;
				text-decoration:none;
				overflow:hidden;
				}
#actus a:hover, a:hover.lien_sidebar{color:#000000;
						text-decoration:underline;
						}
a.lien_suite_sidebar{display:block;
				position:relative;
				float:left;
				margin:8px 0 0 0;
				padding:0 0 0 34px;
				top:0;
				left:0;
				font:normal 12px/19px "Trebuchet MS";
				color:#333333;
				background:url(../images/puce_suite_sidebar.png) 10px 0 no-repeat;
				text-decoration:none;
				overflow:hidden;
				}
a:hover.lien_suite_sidebar{text-decoration:underline;}

p.sidebar{display:block;
			width:140px;
			position:relative;
			float:left;
			margin:0;
			padding:4px 10px 0 10px;
			top:0;
			left:0;
			color:#666666;
			font:normal 11px/12px "Trebuchet MS";
			}
#conteneur_central p{display:block;
				position:relative;
				float:left;
				margin:0;
				padding:0;
				top:0;
				left:0;
				color:#333333;
				font:normal 12px/18px "Trebuchet MS";
				text-align:justify;
				}
a.lien_cat{display:block;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0 0 0 0;
			top:0;
			left:0;
			font:bold 13px/18px "Trebuchet MS";
			color:#0099FF;
			text-transform:uppercase;
			text-decoration:none;
			overflow:hidden;
			}
a:hover.lien_cat{color:#000000;}

.orange{color:#E3810D;}
.lightgrey{color:#DDDDDD;}

/* BANNIERE */
div#banniere{width:950px;
			height:108px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			cursor:default;
			}
div#logo{width:333px;
			height:108px;
			position:relative;
			float:left;
			margin:0 317px 0 0;
			padding:0 0 0 0;
			top:0;
			left:0;
			}
	div#img_logo{width:333px;
					height:73px;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					top:0;
					left:0;
					}
	div#accroche h1{display:block;
						width:333px;
						height:35px;
						position:relative;
						float:left;
						margin:0;
						padding:0;
						top:0;
						left:0;
						font:bold 14px/18px "Trebuchet MS";
						color:#666666;
						}

div#recherche{width:300px;
			height:28px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:54px 0 0 0;
			top:0;
			left:0;
			}

/* MENU HAUT */
div#menu_haut{width:950px;
			height:48px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			}
	div#haut_menu_haut{width:950px;
			height:11px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			background:url(../images/haut_menu_haut.gif) 0 0 no-repeat;
			}
	div#bas_menu_haut{width:950px;
			height:11px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			background:url(../images/bas_menu_haut.gif) 0 0 no-repeat;
			}
	div#contenu_menu_haut{width:950px;
			height:26px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			}
		#contenu_menu_haut a{display:block;
							position:relative;
							float:left;
							margin:0;
							padding:0;
							top:0;
							left:0;
							text-align:center;
							text-decoration:none;
							color:#333333;
							font:bold 12px/26px "Trebuchet MS";
							background-color:#DCDCDC;
							}
		#contenu_menu_haut a:hover{background-color:#0099FF;
									color:#FFFFFF;
									}
		#contenu_menu_haut a.current{background-color:#E3810D;
									color:#FFFFFF;
									}
		
			#contenu_menu_haut a.accueil{width:160px;
										border-right:2px #FFFFFF solid;
										}
			#contenu_menu_haut a.ajout{width:174px;
										border-right:2px #FFFFFF solid;
										}
			#contenu_menu_haut a.modifier{width:181px;
										border-right:2px #FFFFFF solid;
										}
			#contenu_menu_haut a.new{width:165px;
										border-right:2px #FFFFFF solid;
										}
			#contenu_menu_haut a.rechercher{width:150px;
										border-right:2px #FFFFFF solid;
										}
			#contenu_menu_haut a.forum{width:110px;
										background-color:#919191;
										color:#FFFFFF;
										}
			#contenu_menu_haut a:hover.forum{background-color:#0099FF;
											}
			#contenu_menu_haut a.forum_current{width:110px;
												background-color:#E3810D;
												color:#FFFFFF;
												}
/* CENTRE */
div#centre{width:950px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:10px 0 0 0;
			left:0;
			top:0;
			overflow:hidden;
			}
	div#pub_haut{width:728px;
			height:90px;
			position:relative;
			float:left;
			margin:0 10px 0 0;
			padding:25px;
			left:0;
			top:0;
			overflow:hidden;
			background-color:#F5F5F5;
			border:1px #CCCCCC solid;
			}
	div#actus{width:160px;
			height:142px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0 0 0 0;
			left:0;
			top:0;
			overflow:hidden;
			background-color:#DCDCDC;
			}

/* SIDEBAR GAUCHE */
div#sidebar_gauche{width:160px;
			position:relative;
			float:left;
			margin:10px 10px 0 0;
			padding:0 0 0 0;
			left:0;
			top:0;
			overflow:hidden;
			}	
	div#gigotbitume{width:160px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0 0 0 0;
			left:0;
			top:0;
			overflow:hidden;
			background-color:#DCDCDC;
			}
		#gigotbitume a{display:block;
						width:130px;
						position:relative;
						float:left;
						margin:0;
						padding:0 0 0 30px;
						top:0;
						left:0;
						background:url(../images/onglet_menu_gauche2.gif) 0 0 no-repeat;
						font:normal 12px/24px "Trebuchet MS";
						color:#333333;
						text-decoration:none;
						border-bottom:2px #FFFFFF solid;
						}
		#gigotbitume a:hover{background:url(../images/onglet_menu_gauche2.gif) -160px 0 no-repeat;
							color:#FFFFFF;
							}
		#gigotbitume a.current{display:block;
						width:130px;
						position:relative;
						float:left;
						margin:0;
						padding:0 0 0 30px;
						top:0;
						left:0;
						background:url(../images/onglet_menu_gauche.gif) -160px 0 no-repeat;
						font:normal 12px/24px "Trebuchet MS";
						color:#FFFFFF;
						text-decoration:none;
						border-bottom:2px #FFFFFF solid;
						}
	
	div#annonces_google{width:160px;
			position:relative;
			float:left;
			margin:8px 0 0 0;
			padding:0 0 0 0;
			left:0;
			top:0;
			overflow:hidden;
			}

	div#annonces_google2{width:468px;
			position:relative;
			float:none;
			margin:24px auto;
			overflow:hidden;
			}
	
	div#partenaires{width:160px;
			position:relative;
			float:left;
			margin:10px 0 0 0;
			padding:0 0 10px 0;
			left:0;
			top:0;
			overflow:hidden;
			background-color:#DCDCDC;
			}	
						
/* CONTENU CENTRAL */
div#contenu_et_sidebar_droite{width:780px;
			position:relative;
			float:left;
			margin:10px 0 0 0;
			padding:0 0 0 0;
			left:0;
			top:0;
			overflow:hidden;
			}
div#conteneur_central{width:610px;
			position:relative;
			float:left;
			margin:0 10px 0 0;
			padding:0 0 0 0;
			left:0;
			top:0;
			overflow:hidden;
			}
	div.contenu{width:590px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:10px;
			left:0;
			top:0;
			overflow:hidden;
			background:url(../images/degrade_centre.png) 0 0 no-repeat;
			}
	
		div#all_cats{float:left; 
					width:590px; 
					padding-top:10px;
					}
			#all_cats p{padding-right:4px;
						padding-top:4px;
						font:normal 11px/12px "Trebuchet MS";
						text-align:left;
						}
		div#alphabet{float:left; 
					width:590px; 
					padding-top:10px;
					}
			#alphabet a{display:block;
						position:relative;
						float:left;
						padding:0 5px 0 5px;
						background-color:#666666;
						color:#FFFFFF;
						margin-right:4px;
						margin-bottom:4px;
						text-decoration:none;
						top:0;
						left:0;
						}
			#alphabet a:hover{background-color:#0099FF;}

/* SIDEBAR DROITE */
div#sidebar_droite{width:160px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0 0 0 0;
			left:0;
			top:0;
			overflow:hidden;
			}
	div#cimbat{width:158px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:10px 0 10px 0;
			left:0;
			top:0;
			overflow:hidden;
			border:1px #CCCCCC solid;
			}
		#cimbat a{padding:0 10px 0 10px;}
	
	div#pub_droite{width:160px;
			position:relative;
			float:left;
			margin:10px 0 0 0;
			padding:0 0 0 0;
			left:0;
			top:0;
			overflow:hidden;
			}
	
/* PUB BAS */			
div#pub_bas{width:728px;
			height:90px;
			position:relative;
			float:left;
			margin:10px 0 0 0;
			padding:25px;
			left:0;
			top:0;
			overflow:hidden;
			background-color:#F5F5F5;
			border:1px #CCCCCC solid;
			}

/* FOOTER */			
div#footer{width:950px;
			position:relative;
			float:left;
			margin:10px 0 0 0;
			padding:0;
			left:0;
			top:0;
			overflow:hidden;
			text-align:center;
			}





/**** ****/
div.information { display:block; line-height:24px; text-align:center; padding:4px; margin:4px; }
#all_cats a.lien_cat { text-transform:uppercase; }
#cat_list, table#link_list { width:98%; margin:auto;clear:both; }
#cat_list td, #link_list td { width:50%; padding:0px 4px; font-size:11px; vertical-align:top; }
#cat_list a.lien_cat { font-size:12px; }

#conteneur_central div.contenu ul { display:block; float:none; }
#conteneur_central div.contenu p.link_details { display:block; float:none; margin-top:8px; }
#conteneur_central div.contenu p.link_details span { text-decoration:underline; }
#conteneur_central div.contenu p.link_details img { margin:0px 4px 0px 6px; }
#thumbshot { float:right; width:240px; height:180px; margin-left:12px; border:2px solid #CCCCCC; }

#inscription input[type=text] { width:400px; height:18px; margin-bottom:8px; }
#inscription select { width:408px; height:22px; margin-bottom:8px; }
#inscription textarea { width:400px; height:96px; margin-bottom:8px; }
#inscription input[type=submit] { display:block; width:120px; margin:auto; }

#inscription td { vertical-align:top; }
#inscription table { margin:auto; }
#inscription .error { color:#FF2020; }

#oneColList p { clear:both; margin-bottom:2px; }
#oneColList h4 { clear:both; }
#oneColList a.lien_cat { font-size:12px; }

h3 a { color:#F8F8F8; }
h3 a:hover { text-decoration:underline; }

div.contenu h1 {
	display:block;
	float:none;
	clear:both;
	margin:auto;
	margin-bottom:8px;
	text-align:center;
	font:bold 14px/24px "Trebuchet MS";
	color:#333333;
}

#deadLink { float:right;border:none 0px;margin:0px;cursor:pointer; }
#addYourSite { float:right;border:none 0px;margin:0px;cursor:pointer; }
#addYourSiteForm { display:none; }

#lastSitePreview { display:block; width:588px; height:74px; padding:12px 0px 24px 0px; clear:both;}
#lastSitePreview img { position:absolute; top:0px; left: 0px; display:block; width:96px; height:72px; }
#lastSitePreview a { 
	float:left; 
	position:relative; 
	display:block; 
	width:96px; 
	height:72px; 
	margin:0px 0px 0px 22px; 
	padding:0px; 
	overflow:hidden; 
	border:2px solid #DCDCDC; 
	background:#E3810D; 
	color:#FFF; 
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
#lastSitePreview a:hover { text-decoration:none; color:#FFF; }

