/* margin: top right bottom left; */
/*
----------------------------------------------------------------------------- 
Common
-----------------------------------------------------------------------------*/

* { margin:0;padding:0 }

body { 
	margin: 0;
	padding: 0;
	font-family:  Arial, Geneva, Verdana, sans-serif;
	font-size: 12px;
	line-height:  175%;
	color: #666;
	}

h1 { font-size: 20px; color: #585c5c; margin: 10px 0 10px 0; }
h2 { font-size: 16px; color: #585c5c; margin: 10px 0 10px 0;}
h3 { font-size: 14px; color: #666; margin: 10px 0 10px 0; }
h4 { font-size: 12px; color: #369; margin: 10px 0 10px 0; }
h5 { font-size: 11px; color: #036; margin: 10px 0 10px 0; }
h6 { font-size: 10px; color: #69C; margin: 10px 0 10px 0; }

br { clear: both; }

p { margin: 0 0 1em 0; padding:0; }

strong { font-weight:bold; }

ul { padding-left:12px; }
li { list-style-position: outside; }

a:link,a:visited,a:active {
	color: #585c5c;
	text-decoration: none;
	font-weight: bold;
	}

a:hover { color: #585c5c; text-decoration: underline; font-weight: bold; }

img, a img { border: none; text-decoration: none; }

.right { float:right; margin:0 0 20px 20px; }
.left { float:left; margin:0 20px 20px 0; }


/*
----------------------------------------------------------------------------- 
Container
-----------------------------------------------------------------------------*/

#elum-overall {
	width: 880px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	border:0;
	}

#elum-container {
	float:left;
	width: 880px;
	margin:0;
	padding: 0;
	text-align: left;
	background-color: #fff; /*ok */
	border:0;
	}


/*
----------------------------------------------------------------------------- 
Site Info Header & Footer
-----------------------------------------------------------------------------*/

#elum-siteinfo-header { display:none; }
#elum-siteinfo-footer { display:none; }


/*
----------------------------------------------------------------------------- 
Branding
-----------------------------------------------------------------------------*/
#elum-branding {
	width: 880px;
	height: 90px;
	float: left;
	margin:0;
	padding:0;
	border:0;
	}


#elum-branding-logo {
	clear: both;
	float: left;
	margin:0;
	padding:0; 
	width: 270px;
	height: 90px;
	text-align: left;
	border:0;
	}

#elum-branding-logo img {
	border:0;
	margin:0;
	}

#elum-branding-name {
	visibility:hidden;
	float: left;
	margin: 0;
	padding:0;
	}

	
/*
----------------------------------------------------------------------------- 
Navigation Menu
-----------------------------------------------------------------------------*/

div#elum-nav-menu-container { display:none; }


/*
----------------------------------------------------------------------------- 
Content
-----------------------------------------------------------------------------*/
#elum-content-container,
#elum-content-container-accueil,
#elum-content-container-soundways,
#elum-content-container-studio,
#elum-content-container-residentiel,
#elum-content-container-contact {
	float: left;
	width: 880px;
	padding: 10px 0 0 0;
	}

#elum-content-container-accueil { background: url(../img/container/container_accueil_bg.jpg) bottom right no-repeat; }
#elum-content-container-soundways { background: url(../img/container/container_soundways_bg.jpg) bottom left no-repeat; }
#elum-content-container-studio { background: url(../img/container/container_studio_bg.jpg) bottom left no-repeat; }
#elum-content-container-residentiel { background: url(../img/container/container_residentiel_bg.jpg) bottom right no-repeat; }
#elum-content-container-contact { background: url(../img/container/container_contact_bg.jpg) bottom right no-repeat; }

#elum-content {
	float: left;
	width: 580px;
	padding:0;
	margin: 10px 0 0 30px;
	}

#elum-content-container-soundways #elum-content,
#elum-content-container-studio #elum-content {
	float: right;
	width: 580px;
	padding:0;
	margin: 10px 30px 0 0;
	}


/*
----------------------- REPOSITORY LIST ------------------------ */

#elum-content h1 { }


/*
----------------------------------------------------------------------------- 
Side Bar
-----------------------------------------------------------------------------*/

	
#elum-content-with-sidebar {
	float: left;
	width: 880px;
	padding: 10px 0 0 0;
	}

#elum-sidebar {
	float: left;
	width: 580px;
	margin:25px 0 0 30px;
	clear:right;
	}
	
#elum-content-container-soundways #elum-sidebar,
#elum-content-container-studio #elum-sidebar {
	float:right;
	margin:25px 30px 0 0;
	clear:left;
	}


/* elum-box : le paragraphe d'encart avec fond semi-transparent */

#elum-sidebar .elum-box {
	float: left;
	width:580px;
	border:#000 1px solid;
	}

#elum-sidebar .elum-box p {
	margin:20px;
	padding:0;
	color:#222;
	font-weight:normal;
	font-size: 14px; 
	border:0;
	}

#elum-sidebar .elum-box h2 {
	height:auto;
	padding:5px;
	margin: 0;
	font-weight:bold;
	text-align: center;
	font-size: 18px;
	color: #000;
	border-bottom:#000 1px dotted;
	}


/*
----------------------------------------------------------------------------- 
Bloc
-----------------------------------------------------------------------------*/
.elum-blocs {
	float: left;
	width: 580px;
	}

.elum-bloc {
	float: left;
	width: 580px;
	line-height: 200%;
	}

.elum-bloc p { float:left; margin:0; width: 580px; }
	
.elum-blocs img { display:block; }
	
.elum-blocs #studio img { float:right; margin:-60px 50px 40px 60px; }
.elum-blocs #residentiel img { float:left; margin:-55px 40px 0 -30px; }

.elum-blocs h1 {
	width:290px;
	height:50px;
	font-size: 20px;
	color: #585c5c;
	text-align:left;
	font-weight:normal;
	letter-spacing:0.1em;
	margin-bottom:5px;
	}
	
.elum-blocs h1 span { visibility:visible; }

.elum-blocs #studio h1 { display:block; float:left;  }
.elum-blocs #residentiel h1 { display:block; float:right; width:253px;}


/*
----------------------------------------------------------------------------- 
Titles
-----------------------------------------------------------------------------*/
h2 {
	width:560px;
	height:35px;
	font-size: 16px;
	color: #585c5c;
	text-align:left;
	font-weight:normal;
	letter-spacing:0.1em;
	margin-bottom:5px;
	}

h2 span { visibility:visible; }

#soundways_index { display:block; clear:right;  }
#soundways_equipe { display:block; clear:right;  }


/*
----------------------------------------------------------------------------- 
Photo
-----------------------------------------------------------------------------*/

div.elum-photo { 
	font: 85% Verdana,sans-serif; 
	float:left;
	border:0;
	margin: 10px 10px 0 0;
	}
	
div.elum-photo img { border: 1px solid #222; }

div.elum-photo ul { 
	margin-top: 0.25em;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0.25em; 
	font: normal small Arial, Verdana, sans-serif;
	padding:0;
	}

div.elum-photo li {
	list-style:none; 
	text-align:center; 
	margin:0;
	padding:0;
	}
	
hr { visibility:hidden; }