/* styles css magali imbert - galata */

/* 
/*
/* global ******************* */

* {
padding: 0;
margin: 0;
border: 0;
font: normal 1em/1.6em geneva, helvetica, arial, sans-serif;
outline: none;
color: #fff;
}

html, body {height: 100%;}
body {background-color: #000;}

#global {
position: absolute;
width: 100%;
min-height: 100%;
}

#fondpage {
position: fixed; 
width: 100%; 
height: 100%;
}

#fondpage img {
position: relative;
min-width: 100%; 
min-height: 100%;
}

#conteneur {
position: relative;
width: 900px;
margin: 0 auto;
background-color: transparent;
}

/* 
/*
/* header ******************* */

#header {
position: relative;
width: 260px;
height: 126px;
background: transparent url(../galata_imports/magali-imbert-logo.png) 0 10px no-repeat;
}

#header a {
display: block;
width: 260px;
height: 126px;
}

#header h1, #header span {display: none;}

/* 
/*
/* menu ******************* */

#menu {
position: absolute;
top: 0;
left: 280px;
height: 100px;
border-left: 1px #fff solid;
}

#menu ul, #menu2 ul {list-style-type: none;}

#menu li {
float: left;
font-size: 0.9em;
}

#menu li a {
display: block;
height: 60px;
padding: 40px 5px 0 5px;
border-right: 1px #fff solid;
text-decoration: none;
}

#menu li a:hover, #menu li a.on {
color: #000;
background-color: #fff;
}

#menu2 {
position: relative;
top: -28px;
left: 280px;
width: 400px;
border-left: 1px #fff solid;
}

#menu2 li {
font-size: 0.8em;
}

#menu2 li a {
display: block;
height: 25px;
line-height: 25px;
padding-left: 5px;
text-decoration: none; 
}

#menu2 li a:hover, #menu2 li a.on {
border-left: #fff solid 15px;
}



/* 
/*
/* contenu / typo ******************* */


#contenu {
padding: 20px 0 80px 0;
}

#contenu img {
border: #fff 1px solid;
margin-top: 10px;
}

div.colonne-small {
float: left;
width: 260px;
margin-right: 30px; 
background-color: transparent;
}

div.colonne-middle {
float: left;
width: 550px;
margin-right: 30px; 
background-color: transparent;
}

#photos img, #videos img {margin-right: 10px;}
#photos a:hover, #videos a:hover {opacity: 0.7;}

div.disco {
float: left;
width: 160px;
margin-right: 58px;
margin-bottom: 18px;
}

div.disco img {margin-bottom: 5px;}


h1 {
font-size: 1.2em;
letter-spacing: 0.2ex;
border-bottom: #fff 1px dotted;
margin-bottom: 5px;
}

h2 {
font-size: 1.1em;
margin-bottom: 5px;
}

h3 {
font-size: 1em;
margin-bottom: 0;
}

p {
font-size: 0.8em;
margin: 0 0 15px 0;
text-align: justify;
}

p.lefty {
text-align: left;
}

p.legende {
width: 170px;
text-align: left;
font-size: 0.7em;
}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

a.img-art, a.img-art-off:hover {
margin-right: 3px;
opacity: 1;
}
a.img-art:hover, a.img-art-off {
margin-right: 3px;
opacity: 0.5;
}

em {
font-style: oblique;
}

strong {
font-weight: bold;
}

hr.clear {
visibility: hidden;
height: 1px;
clear: both;
}


/* 
/*
/* footer ******************* */

#footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
}

#footer div {
position: relative;
top: 0;
left: 0;
width: 900px;
height: 60px;
margin: 0 auto;
}

#footer #submenu {
position: relative;
top: 0;
left: 280px;
width: 460px;
margin: 0;
border-left: 1px #fff solid;
}

#footer ul {
list-style-type: none;
}

#footer li {
float: left;
font-size: 0.9em;
}

#footer li a {
display: block;
height: 40px;
padding: 20px 5px 0 5px;
border-right: 1px #fff solid;
text-decoration: none;
}

#footer li a:hover, #footer li a.on {
color: #000;
background-color: #fff;
}