@import "styles.css";

/******************** PAGE ********************/
	HTML {
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	BODY {
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

/******************** CONTENEURS ********************/
	#global {
		position: absolute;
		left: 50%;
		width: 780px;
		height: 100%;
		margin: 0 0 0 -390px;
		text-align: left;
		background-color: #FFF;
	}
	HTML>BODY #global {
		min-height: 100%;
		height: auto;
	}
	#central {
		width: 780px;
		background-image: url(../pics/baussan.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	

	HTML>BODY>#global #central {
		display: table;
	}

/******************** EN-TETE ********************/
	#header {
		width: 780px;
		height: 137px;
		margin: 0 0 10px 0;
		background-image: url(../pics/header.jpg);
		background-repeat: no-repeat;
	}
	#nomClan {
		float: right;
		width: 595px;
		height: 15px;
		margin: 65px 5px 0 0;
		text-align: center;
	}
	#nomClan H1 {
		color:#FFF;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}

/******************** MENU ********************/
	#menu {
		float: left;
		width: 170px;
		margin-top: 17px;
		color: #8D080B;
		font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-size: 13px;
		font-weight: bold;
		margin: 5px 5px 0px 5px;
		/*padding-top: 5px;
		padding-left: 5px;*/
	}
	#menu H2 {
		color: #55373A;
		font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 30px;
		vertical-align: middle;
		padding-left: 35px;
		background-position: left;
		background-repeat: no-repeat;
		margin-bottom: 3px;
	}
	#menu .menu1 { background-image: url(http://27paris.net/pics/menu1.gif); }
	#menu .menu2 { background-image: url(http://27paris.net/pics/menu2.gif); }
	#menu .menu3 { background-image: url(http://27paris.net/pics/menu3.gif); }
	#menu .menu4 { background-image: url(http://27paris.net/pics/menu4.gif); }
	#menu .menu5 { background-image: url(http://27paris.net/pics/menu5.gif); }
	#menu .menu6 { background-image: url(http://27paris.net/pics/menu6.gif); }
	#menu UL { margin-bottom: 8px; }
	#menu LI {
		display: inline;
		list-style: none;
	}
	#menu .lettrine { color: #8D080B; }
	#menu A:link, #menu A:active, #menu A:visited {
		display: block;
		padding: 0 0 0 0px;
		background-color: transparent;
		color: #55373A;
		text-decoration: none;
	}
	#menu A:hover {
		display: block;
		padding: 0 0 0 0px;
		background-color: #DAD4C8;
		color: #55373A;
		text-decoration: none;
	}

/******************** CORPS DE LA PAGE ********************/
	#main {
		float: left;
		/*margin-left: 5px;*/
		width: 575px;
		min-height: 100%;
		padding: 0 5px 0 5px;
		text-align: justify;
	}
#main A:link { color: #55373A; text-decoration: underline; }
#main A:hover { background-color: #EADCCC; }

/******************** PIED-DE-PAGE ********************/
	#footer {
		clear: both;
		float: right;
		width: 590px;
		margin: 20px 3px 10px 0;
		border-top: 1px solid #55373A;
		text-align: center;
		padding-top: 3px;
	}
	HTML>BODY>#global #footer {
		width: 593px;
		margin-right: 5px;
	}
	#footer A {
		color: #55373A;
		font-weight: normal;
		text-decoration: none;
	}
	#footer A:hover { background-color: #EADCCC; }