/* Css global du site fabricemillischer.com */

/* Ce logiciel est la propriete intellectuelle de Claire Bergerault : Reproduction interdite   */



/*---------------------------------------*/
/*           CSS GENERALES               */
/*---------------------------------------*/
* {
margin: 0;
padding: 0;
}


body {
	background: #E9E6B0 url(../images/filet_fond.gif) repeat-x;
	color: #1C0E0A;
	font-family: Georgia, "Trebuchet MS", Arial;
	font-size: 12px;
}

.stop {
	clear: both;
	visibility: hidden;
}


/*---------------------------------------*/
/*               CONTENEUR               */
/*---------------------------------------*/

#conteneur {
	position: relative;
	width: 920px;
	margin: 0 auto;
}

h1 {
	width: 920px;
	height: 150px;
	background-image: url(../images/banniere-920.jpg);
}

h2 {
	float: left; 
	display: block;
	width: 500px;
	margin-left: 20px;
	margin-top: 15px;
	color: #C67239;
	font-size: 21px;
	font-family: Georgia, "Trebuchet MS", Arial;
	font-weight: normal;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	color: #C67239;
	font-family: Georgia, "Trebuchet MS", Arial;
	width: 175px;
	border-bottom: 1px solid #1C0E0A;
	text-align: center;
	margin: 20px auto 3px auto;
}

.puce {
	background: url(../images/puce.gif) 0px 5px no-repeat;
}

.decal {
	margin-left: 25px;
	padding-left: 9px;
	margin-top: 10px;
}


/*---------------------------------------*/
/*                BANNIERE               */
/*---------------------------------------*/

	h1 span {
		display: none;
		visibility: hidden;
	}
	
	
/*---------------------------------------*/
/*                  PAGE                 */
/*---------------------------------------*/

#page {
	width: 920px;
	background: #F2EDD0 url(../images/filet_page.gif) repeat-x;
}

/*-------- NAVIGATION --------*/

	ul#menu{
		list-style-type: none;
	}
	ul#menu li{
		float: left;
	}
	ul#menu li a {
		float: left;
		height: 35px;
		width: 122px;
		margin-left: 7px;
		margin-top: 2px;
	}
	
		ul#menu li a#accueil { margin-left: 10px; background: url(../site3/images/accueil.gif) 0 -35px; }
		ul#menu li a#accueil:hover { background: url(../site3/images/accueil.gif); }
		
		ul#menu li a#portrait { background: url(../site3/images/portrait.gif) 0 -35px; }
		ul#menu li a#portrait:hover { background: url(../site3/images/portrait.gif); }
		
		ul#menu li a#extraits { background: url(../site3/images/extraits.gif) 0 -35px; }
		ul#menu li a#extraits:hover { background: url(../site3/images/extraits.gif); }
		
		ul#menu li a#concerts { background: url(../site3/images/concerts.gif) 0 -35px; }
		ul#menu li a#concerts:hover { background: url(../site3/images/concerts.gif); }
		
		ul#menu li a#galerie { background: url(../site3/images/galerie.gif) 0 -35px; }
		ul#menu li a#galerie:hover { background: url(../site3/images/galerie.gif); }
		
		ul#menu li a#cd { background: url(../site1/images/cd.gif) 0 -35px; }
		ul#menu li a#cd:hover { background: url(../site1/images/cd.gif); }
		
		ul#menu li a#liens_contacts { background: url(../site3/images/liens_contacts.gif) 0 -35px; }
		ul#menu li a#liens_contacts:hover { background: url(../site3/images/liens_contacts.gif); }
		
		ul#menu li a span { display: none; visibility: hidden; }

/*--------- CONTENU ----------*/

#actualites2 {
	position: absolute;
	top: 290px;
	right: 0px;
	background-image: url(../images/actus.gif);
	width: 210px;
	height: 350px;
}

#actualites {
	position: absolute;
	top: 180px;
	right: 0px;
	background-image: url(../images/actus.gif);
	width: 210px;
	height: 350px;
}

	#actus {
		width: 167px;
		height: 289px;
		background-color: #F6F4E4;
		margin-left: 18px;
		padding: 3px;
		overflow: auto;
		scrollbar-face-color:#F2EDD0;
		scrollbar-arrow-color:#C67239;
		scrollbar-track-color: #F2EDD0;
		scrollbar-3dlight-color: #E9E6B0;
		scrollbar-darkshadow-color: #E9E6B0;
	}
		
		#actus dl {
			margin-bottom: 7px;
		}
		
		#actus dl dt { 
			background: url(../images/puce.gif) 0px 5px  no-repeat;
			padding-left: 9px;
			font-size: 11px;
			font-weight: bold;
		}
		
			#actus dl dt.grand {
				font-size: 13px;
			}		
		
		#actus dl dd { 
			font-size: 11px;
			color: #403129; 
			margin-top: 2px;
		}
		
			#actus dl dd a img {
				border: none;
				margin-left: 10px;
				margin-top: 10px;
			}		
		
		#actus dl a {
			text-decoration: underline;
			color: #403129;
			font-size: 10px;
		}
		#actus dl a.plus {
			text-decoration: underline;
			color: #403129;
			font-size: 11px;
		}
		#actus dl a:hover {
			text-decoration: underline;
			color: #1C0E0A;
			font-size: 10px;
		}
		#actus dl a.plus:hover {
			text-decoration: underline;
			color: #1C0E0A;
			font-size: 11px;
		}		
		
		
		

/*---------------------------------------*/
/*                 FOOTER                */
/*---------------------------------------*/

#footer {
	width: 100%;
	height: 200px;
	background-color: #403129;
	border-top: 2px solid #1C0E0A;
	text-align: center;
	color: #997F73;
	font-family: Georgia, "Trebuchet MS", Arial;
	font-size: 12px;
	clear: right;
	padding-top: 10px;
}

	#footer a {
		text-decoration: underline;
		color: #997F73;
	}
	
	#footer a:hover {
		text-decoration: underline;
		color: #997F73;
	}