body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #fff url(../images/bg_page.jpg) center top repeat-x;
}
div {
	margin: 0;
	padding: 0;
}


a img { border: 0; }


h4 { font-size: 13px; font-weight: bold; margin: 10px 0; padding: 0; }

p { line-height: 15px; }



.noir { color: black; } 
.rouge { color: red; } 
.vert { color: green; } 



#page {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	background: transparent url(../images/bg_page_top_left.jpg) left top no-repeat;
	position: relative;
}

#col_gauche {
	width: 206px;
	float: left;
	margin: 135px 0 0 19px;
	padding: 0;
	background: #f3f4e6;
	position: relative;
}

* html #col_gauche { margin: 135px -3px 0 auto; left: 19px; } /* pour résoudre le bug des 3px sous IE6*/

	#col_gauche #logo {
		position: absolute;
		top: -135px;
		left: 0;
	}
		#col_gauche #logo img {
			width: 206px;
			height: 135px;
			border: 0;
		}
	#col_gauche ul li a, #col_gauche h3 a {
		color: #333;
		text-decoration: none;
	}
	#col_gauche ul li a:hover, #col_gauche h3 a:hover {
		color: #dd4c00;		
		text-decoration: underline;
	}
	#col_gauche .box {
		position: relative;
		margin: 0;
		padding: 0 5px 0 8px;
		width: 193px;
		background: url(../images/cadre_menu_gauche_middle.jpg) left top repeat-y;
	}
	#col_gauche .boxtop {
		height: 6px;
		background: url(../images/cadre_menu_gauche_top.jpg) left top no-repeat;
	}
	#col_gauche .boxbottom {
		height: 7px;
		background: url(../images/cadre_menu_gauche_bottom.jpg) left top no-repeat;
		margin: 0 0 10px 0;
	}
	.box h2 {
		text-align: center;
		color: #36373d;
		font-size: 13px;
		margin: 0;
		padding: 0 0 9px 0;
	}
	.box h2 a, .box div a, .box p a {
		color: #dd4c00;		
		text-decoration: none;
	}
	.box h2 a:hover, .box div a:hover, .box p a:hover {
		text-decoration: underline;
	}
	.box .content {
		padding: 10px;
	}
	
	#col_gauche h3 {
		font-size: 12px;
		margin: 0;
		padding: 0 0 0 36px;
		line-height: 32px;
		height: 32px;
		background: url(../images/bg_titre_menu_gauche.jpg) left top no-repeat;
		position: relative;
		overflow: hidden;
	}
		#col_gauche h3 img {
			position: absolute;
			left: 0;
			top: 1px;
		}
	/*#col_gauche h3.multiligne {
		line-height: 16px;
	}*/
	#col_gauche ul, #col_gauche ul li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
	}
	#col_gauche ul {
		padding: 4px 0 8px 2px;
	}
	#col_gauche .link_btn {
		text-align: center;
		margin: 0 0 5px 0;
	}
		#col_gauche .link_btn a {
			font-size: 9px;
			background: #dfe0c5;
			padding: 1px 2px 1px 2px;
			text-decoration: none;
			line-height: 20px;
			color: #36373d;
		}
		#col_gauche .link_btn a:hover {
			background: #e7e7d3;
		}
	


#col_droite {
	margin: 0 0 0 225px;
	position: relative;
	padding: 134px 0 0 0;
}
	#col_droite #bloc_partenaire {
		position: absolute;
		top: 20px;
		right: 35px;
	}
	#col_droite #menu_top {
		position: absolute;
		top: 90px;
		left: 0;
		background: url(../images/bg_menu_top.jpg) left top repeat-x;
		height: 20px;
		line-height: 20px;
		text-transform: uppercase;
		width: 775px;
		font-size: 13px;
	}
		#menu_top div {
			border-right: 1px solid #fff;
			width: 30px;
			float: left;
			height: 20px;
		}
		#menu_top a {
			float: left;
			display: block;
			width: auto;
			height: 20px;
			padding: 0 17px 0 17px;
			color: #fff;
			text-decoration: none;
			border-right: 1px solid #fff;
		}
		#menu_top a:hover {
			color: #fff;
			text-decoration: none;
			background: url(../images/bg_menu_top_hover.jpg) left top repeat-x;
		}
		#menu_top span {
			color: #bc0000;
		}
	
	#col_droite #zone_contenu {
		margin: 0 15px 0 15px;
	}
	#zone_contenu .box {
		border: 1px solid #eceac6;
		border-top: 0;
	}
		
#zone_footer {
	text-align: center;
	font-size: 10px;
	color: #a4a46d;
	margin: 15px 0 20px 0;
}
	#zone_footer a {
		color: #a4a46d;
		text-decoration: underline;
	}
	#zone_footer a:hover {
		color: #a4a46d;
		text-decoration: none;
	}
		



#chargement { 
	display: none; 
	position: absolute; 
	top: 0;
	right: 0;
	background: #dd4c00; 
	color: #fff;  
	font-weight: bold; 
	padding: 5px 10px 5px 10px;
}




#home_droite {
	float: right;
	width: 245px;
	margin: 0 0 0 10px;
}
	#home_partenaire {
		text-align: center;
	}



.box {
	/*background: #eceac6;*/
	background: transparent url(../images/fond_contenu.png) left top repeat;
	overflow: auto;
	margin: 0 0 15px 0;
}
	.box h1 {
		background: #fff url(../images/bg_titre.gif) right top no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		padding: 0;
		margin: 0;
		text-indent: 35px;
		line-height: 27px;
		font-size: 11pt;
		font-weight: bold;
		font-style: italic;
		height: 27px;
		position: relative;
	}
		.box h1 img {
			position: absolute;
			top: -1px;
			left: -1px;
		}
		
		
.lightbg { background: transparent url(../images/fond_contenu.png) left top repeat; }
		

#home-news h2 {
	font-style: italic;
	text-align: left;
	font-weight: normal;
	color: #000;
}
#home-news .separateur {
	width: 225px;
	height: 17px;
	border-bottom: 1px solid #b4b37a;
	margin: 0 auto 17px auto;	
}

#home-msg-forum ul { margin: 0 0 20px 20px; padding: 0; }
#home-msg-forum li { margin: 0; padding: 0; line-height: 18px; }
#home-msg-forum .fright { color: #999; }


#adherent_ajaxFilter { border: 1px solid #ccc; background: #fcfcfc; padding: 2px 3px; color: #8c8c8c; font-size: 12px; line-height: 13px; font-style: italic; }
#adherent_ajaxFilter.actif { color: #333; font-style: normal; }


tr.forum_msg td { padding-bottom: 5px; line-height: 16px; }
tr.forum_msg td.quickEditForumMsgLink { }
tr.forum_msg td.quickEditForumMsgLink div { padding: 1px 4px; line-height: 13px; }


.overhide { overflow: hidden; }


#compte_onglets { overflow: hidden; margin: 0 0 8px 0; }
	#compte_onglets ul { list-style: none; margin: 0; padding: 0; height: 20px; }
	#compte_onglets li { margin: 0; padding: 0; display: inline; }
	#compte_onglets a { margin: 2px 0 0 7px; font-size: 12px; display: block; text-align: center; color: #fafafa; text-decoration: none; width: 150px; border: 1px solid #fff; line-height: 20px; float: left; background: #fff url(/images/bg_menu_top.jpg) left top repeat-x; background: #fff url(/images/bg_onglet.gif) left top repeat-x; }
	#compte_onglets .actif a,
	#compte_onglets a:hover { color: #fff; font-weight: bold; text-decoration: none; background: #b4b383; padding: 1px 0; margin: 0 0 0 7px; }
	#compte_onglets .first a { margin-left: 0; }

#compte_contenu { background: transparent url(/images/fond_contenu.png) left top repeat; padding: 10px; }


.categ_tous { color: #000; }
.categ_adherents { color: #dd4c00; }
.categ_administrateurs { font-style: italic; color: #36373d; font-weight: bold; }
.categ_aucun { border-bottom: 1px dotted #36373d; color: #36373d; }


		
span.styled { width: 160px; float: left; }


fieldset.styled { margin: 10px auto 10px auto; }
		
form {
	display: inline;
}
	form div.styled {
		margin: 4px 0;
		clear: left;
	}
		form div.styled label {
			margin: -3px 0 4px;
		}
	form div.labelstyled {
		padding-left: 140px;
	}
	form.styled label.styled {
		float: left;
		text-align: right;
		padding-right: 10px;
		width: 130px;
		line-height: 19px;
	}
	form.styled label.styled small {
		font-size: 10px;
	}
	form.styled .buttonline {
		margin-top: 10px;
		text-align: center;
	}
	
textarea { font-size: 13px; font-family: Arial, Helvetica, Tahoma; }
	
	

a.bouton { background: #FFF; color: #321D4E; border: 1px solid #321D4E; text-decoration: none; padding: 2px; font-size: 1em; font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }
a.bouton:hover { background: #FFCC33; color: #A67306; border: 1px solid #A67306; text-decoration: none; padding: 2px; font-size: 1em; font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }

a.petitbouton { background: #FFF; color: #321D4E; border: 1px solid #321D4E; text-decoration: none; padding: 2px; font-size: 10px; font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }
a.petitbouton:hover { background: #FFCC33; color: #A67306; border: 1px solid #A67306; text-decoration: none; padding: 2px; font-size: 10px; font-family: Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; }



.tleft { text-align: left !important; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.fright { float: right; }
.fleft { float: left !important; }
.clleft { clear: left; }
.clright { clear: right; }
.clboth { clear: both; }

.small { font-size: .8em; font-weight: bold; color: #777; }

.nobr { white-space: nowrap; }

.barre { text-decoration: line-through; }
.italique { font-style: italic; }


.note { color: #7d7e42; background-color: #e7e6d2; border: 1px dashed #a5a46c; padding: 5px 10px; margin: 5px 0 15px 0; } 
.erreur { color: red; background-color: #ffcccc; border: 1px dashed red; padding: 5px 10px; margin: 5px 0 15px 0; } 




#form_adm_categories ul, #form_adm_categories ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#form_adm_categories #pictosContainer {
	float: left;
	overflow: hidden;
	display: block;
	width: 570px;	
}
#form_adm_categories ul li {
	float: left;
	padding: 5px;
}




table { }
th { padding: 5px 10px; }
td { padding: 2px 5px; }
tr.alternate td { background-color: #F5DEB3; }


table.forum { background: #d7c152; }
	table.forum tr { border: 1px solid #d7c152; background: transparent url(../images/bg_forum.gif) left top repeat-y; }
		table.forum tr th { background: #996633; color: #fff; }
			table.forum tr th a { color: #fff; text-decoration: none; }
			table.forum tr th a:hover { color: #fff; text-decoration: underline; }
			table.forum tr th a.actif { color: #fff; text-decoration: underline; }
			table.forum tr th a.actif:hover { color: #fff; text-decoration: none; }
		table.forum tr td.forum_open { height: 40px; background: transparent url(../images/picto_forum.gif) 1px 1px no-repeat; padding-left: 45px; }






#encart_connexion { float: right; margin: 0 0 10px 10px; border: 1px dashed #996633; width: 310px; padding: 10px; text-align: center; }
	#encart_connexion #portrait { text-align: center; }
	
label.ministyled { float: left; width: 90px; text-align: left; padding-right: 7px; }



#oeuvre { margin: 0 0 15px 0; width: 245px; height: 432px; background: transparent url(../images/bg_oeuvres.gif) left top no-repeat; overflow: hidden; position: relative; right: -15px; }
	#oeuvre_img { text-align: center; position: absolute; bottom: 65px; left: 0; width: 245px; }
 
	#oeuvre_titre  { color: #fff; position: absolute; bottom: 28px; left: 10px; line-height: 15px; width: 225px; height: 15px; font-size: 13px; font-style: italic; text-align: center; overflow: hidden; }
	#oeuvre_artiste  { color: #fff; position: absolute; bottom: 10px; left: 0; line-height: 15px; width: 245px; height: 15px; font-size: 13px; font-style: italic; text-align: center; overflow: hidden; }
		#oeuvre_titre a,
		#oeuvre_titre a:hover,
		#oeuvre_artiste a,
		#oeuvre_artiste a:hover {
			color: #fff;
			text-decoration: none;
		}
		
		
#annuaire { font-size: 13px; line-height: 20px; }


.col1 { width: 330px; margin: 0 10px; float: left; }
.col2 { width: 330px; margin: 0 10px; float: right; }



/* STYLE DU SITE ACTUEL */

.present_titre {
	background-color:#F5DEB3;
	border:2px solid #996633;
	font-weight:bold;
	padding:4px 4px 4px 8px;
	text-align:center;
}

.present_texte {
	background-color:#FAEBD7;
	padding:4px;
}