/* Eric Meyers Reset CSS */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.5;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}

body {
    font: 100% Arial, Helvetica, sans-serif;
	background-color: #333;
}

hr, .cache {
	position: absolute;
	left: -5000px;
	top: -5000px;
	font-size: 1px;
}

img {
	border: none;
}

p a { color: #fff }

/* ----------------------------| STRUCTURE |------------------------------- */

#global { margin: 0 auto; width: 832px; position: relative; font: .8em Arial, Helvetica, sans-serif; }

#entete { background: #333 url(img/ELIA.jpg) no-repeat; width:760px; height:163px; position: relative; }

#portrait { background: #333 url(img/portrait-Elia-Kleiber.jpg) no-repeat; width:832px;height:141px; }

/* ----------------------------| INDEX |------------------------------- */


#lang { position: absolute; bottom:-30px; right:0; color: #ccc; font-size: 120% }
#lang a { cursor: pointer; }

#men1 { background: #333 url(img/fond-menu.jpg) no-repeat; width:167px;height:163px;float:left;text-align:right;  }
#men1 a { margin-right:10px;font-size:1.3em; text-decoration:none; color:white;font-weight:strong;line-height:1.5; }

#men2 { background: #333 url(img/menu-1.jpg) no-repeat; width:238px;height:163px;float:left; }
#men3 { background: #333 url(img/menu-2.jpg) no-repeat; width:207px;height:163px;float:left; }
#men4 { background: #333 url(img/menu-3.jpg) no-repeat; width:205px;height:163px;float:left; }
#imgmen2, #imgmen3, #imgmen4 { background: transparent url(img/cadre-blanc-vide.png) top right no-repeat;height:163px;text-align:right;padding:130px 0 0 0; }
#imgmen2 { width:238px; }
#imgmen3 { width:207px; }
#imgmen4 { width:200px;; }
#imgmen2 a, #imgmen3 a, #imgmen4 a { margin-right:10px;font-size:1.3em; text-decoration:none; color:black;font-weight:strong; }

#fond { background: #333 url(img/bottom.jpg) no-repeat; width:832px;height:141px;clear:both; }

#adresse { padding-left:130px; }
#adresse p, #adresse p a { font-size: .9em; font-style:italic;background-color: #333; padding: 7px; color:#777; }
	

/* ----------------------------| PAGES |------------------------------- */

#toppage { background: #333 url(img/top-page.jpg) no-repeat; width:832px;height:141px; }

#page  { background: #333 url(img/doc-page.jpg) repeat-y; width:665px;min-height:300px;float:left; }

#menupage  { background-color: #444; width:160px;height:520px;float:left;text-align:right;position:relative;top:-103px;  }
#menupageh1  { background-color: #444; height:320px; text-align:right;line-height: .7 !important;  }
#menupageh2  { background-color: #333; position: absolute; bottom:0; width: 100%; padding :10px 0;  }
#menupage h1 { margin-right:10px;font-size:1.3em; color:white;font-weight:strong;padding-top:32px;text-align:right;letter-spacing:-.01em; }
#menupage a { margin:0 10px;font-size:1em; text-decoration:none; color:rgb(180,170,160);font-weight:strong; }
#menupage a span { margin:0 1px;}
#menupage h2 a { margin:0;font-size:1.2em; text-decoration:none; color:#ccc;font-weight:strong;padding:010px; }
#menupage a:hover, #menupage a:focus { color:white; }

#contenu { margin-left: 180px; width:440px; position:relative; top:-80px; }
#titrecontenu h1 { margin-bottom:15px;font-size:2em; color:white;font-weight:strong;letter-spacing:-.05em; }
#menucontenu  { background-color: black; height:50px;  }
#menucontenu a  { margin-right:3px; }
#textecontenu  { margin-left:10px;margin-top:30px; color: white;width:420px; }
#textecontenu  p { margin:10px;  }

#contenu.autres { padding: 20px;color:white;}
#contenu.autres h2 { font-size: 1.3em; font-style:italic;color:#999;padding-top:20px;}
#contenu.autres p.cite { font-size: .8em; font-style:italic;padding:0 20px;margin:20px 0; border-left:1px solid #666;}

/* contact */
#tel { color:#ccc;margin-right:10px;font-size:1.1em;text-align:right; font-weight:strong;line-height:1.5; }
#mail { font-size:1em; color:#ccc; }