/* 
	Nom: front.css
	Version: 1.0.0 (2008-01-30) YYYY-MM-DD
	Fichier CSS du site: http://www.acousticgallery.fr/
	Auteur: Laurent Naudier
	Description: Fichier regroupant tous les styles appliqués au front office.
*/

/* Liste des fichiers à importer */
@import url("home.css");
@import url("mentions_legales.css");
@import url("conseils.css");
@import url("contact.css");
@import url("plan_du_site.css");
@import url("actualites.css");
@import url("auditorium.css");
@import url("fiches.css");
@import url("404.css");


/****************** Instruction générales ******************/
* {
    padding:0;
	margin:0;
}

html, body {
	background:#1a171c url(../img/rayures.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#1a171c;
}

#global {
	margin:0 auto;
}

h4 {
	font-size:1.3em;
}

h5 {
	font-size:0.9em;
}

img {
	border:1px solid #d0c5a6;
}

/****************** Div header ******************/
#header {
	background:url(../img/header_bg.png) repeat-x;
	border-bottom:4px solid #aa9557;
	height:141px;
}

#header #logo {
	height:140px;
	margin:0 auto;
	width:920px;
}
	
#header #logo h1 {
	height:116px;
	background:url(../img/courbes.png) no-repeat top right;
	margin-right:10px;
}

#header #logo h1 a{
	background:url(../img/logo.png) no-repeat 0 15px;
	width:594px;
	height:131px;
	display:block;
	text-indent:-9000px;
}

/**** Div menu ****/
#header #menu {
	width:900px;
	margin:0 auto;
	position:relative;
}

#header #menu ul#nav{
	text-indent:-9000px;
	font-size:0;
}

#header #menu ul#nav li {
	display:inline;
}


/** Menu **/
#header #menu ul#nav {
	width:437px;
	height:28px;
	position:absolute;
	right:0px;
	top:-23px;
}

#header #menu ul#nav li a{
	height: 28px;	
	display:block;
	position:absolute;
	text-decoration:none;
}

/** Français **/
#header #menu ul#nav.fr, #header #menu ul#nav.fr li a {
	background:url(../img/menu_fr.png) no-repeat;
}

/** Anglais **/
#header #menu ul#nav.en, #header #menu ul#nav.en li a {
	background:url(../img/menu_en.png) no-repeat;
}


#header #menu ul#nav li a#auditorium {
	background-position:0 0;
	width:85px;
	left:0px;
}

#header #menu ul#nav li a#auditorium:hover, #header #menu ul#nav li a#auditorium.current {
	background-position:0px -28px;
}

#header #menu ul#nav li a#son {
	background-position:-89px 0;
	width:85px;
	left:89px;
}

#header #menu ul#nav li a#son:hover, #header #menu ul#nav li a#son.current {
	background-position:-89px -28px;
}

#header #menu ul#nav li a#image {
	background-position:-179px 0;
	width:85px;
	left:179px;
}

#header #menu ul#nav li a#image:hover, #header #menu ul#nav li a#image.current  {
	background-position:-179px -28px;
}

#header #menu ul#nav li a#affaires {
	background-position:-268px 0;
	width:85px;
	left:268px;
}

#header #menu ul#nav li a#affaires:hover, #header #menu ul#nav li a#affaires.current  {
	background-position:-268px -28px;
}

#header #menu ul#nav li a#services {
	background-position:-357px 0;
	width:38px;
	left:357px;
}

#header #menu ul#nav li a#services:hover, #header #menu ul#nav li a#services.current {
	background-position:-357px -28px;
}

#header #menu ul#nav li a#contact {
	background-position:-401px 0;
	width:37px;
	left:401px;
}

#header #menu ul#nav li a#contact:hover, #header #menu ul#nav li a#contact.current  {
	background-position:-401px -28px;
}

/****************** Contenu ******************/
#contenu {
	background:#fff;
	font-size:1em;
	padding-bottom:60px;
	overflow:hidden;
}

#contenu p{
	margin-top:5px;
}

#contenu h2{
	border-bottom:1px solid #ae0a17;
	font-size:1.6em;
	text-transform:lowercase;
	margin-bottom:15px;
	color:#ae0a17;
	font-weight:normal;
}

#contenu #home h3 {
	color:#ae0a17;
	border-bottom:1px solid #ae0b18;
	font-size:1.6em;
	text-transform:lowercase;
	margin-bottom:10px;
	font-weight:normal;
}

#contenu a,
#contenu a:visited {
	color:#1A171C;
	text-decoration:underline;
}

#contenu a:hover {
	text-decoration:none;
}

/*Le contenu spécifique à chaque page est présent dans des fichiers CSS externes. Voire la liste au début de ce fichier */

/* _Pagination _ */
#pagination {
	padding:0; 
	margin:0 auto; 
	list-style-type:none;
	clear:left;
	overflow:hidden;
}

#pagination ul {
	padding:0 0 0 345px;
	list-style:none;
	margin-top:10px;
}

#pagination ul li {
	float:left;
}

#pagination ul li.next {
	padding-left:5px;
}

#pagination ul li.previous {
	padding-right:5px;
}

#pagination ul li.next a {
	display:block;
	background:url(../img/next.png) no-repeat;
	width:16px;
	height:16px;
	text-indent:-10000px;
}

#pagination ul li.previous a {
	display:block;
	background:url(../img/previous.png) no-repeat;
	width:16px;
	height:16px;
	text-indent:-10000px;
}

#pagination ul li a, #pagination ul li a:visited, #pagination ul span.separator {
	text-decoration:none;
	color:#97854B;
}

#pagination ul li a:hover {
	text-decoration:underline;
}

/****************** Div footer ******************/
#footer {
	border-top:4px solid #aa9557;
	text-align:center;
	margin:0 auto;
}

#footer ul {
	list-style:none;
	padding:10px 0 40px 0;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	font-size:0.95em;
	color:#1a171b;
	text-decoration:none;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#footer ul li a.current, #footer ul li a.current:hover {
	font-weight:bold;
}