html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}
* {
	padding: 0;
	margin: 0;
}

body {
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: rgb(105,85,71);
	text-align: center;
}

a {
	color: rgb(105,85,71);
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* pour limiter la hauteur */
/*div.hauteurlimitee {height: 500px; overflow: auto; width: 650px; padding-right: 20px; }*/


/* table des abonnements */
table.abonnements {border: 1px solid #eee; padding: 6px; margin-left: 150px; border-collapse: collapse; margin-bottom: 40px;}
table.abonnements thead th {width: 150px; padding: 5px; border: 1px solid #eee; text-align: center; font-variant: small-caps; }
table.abonnements tbody td {padding: 5px; border: 1px solid #eee; text-align: center; }


/* formulaire identification */
div.erreur {width: 480px; margin-left: 50px; text-align: center; color: #C8231E; position: relative; float: left; margin-top: 10px; margin-bottom: 20px; }
div#formulaire {position: relative; float: left; margin-top: 30px; margin-left: 150px; }
div#formulaire p {margin: 0; padding: 0; padding-bottom: 10px; }
div#formulaire p label {position: relative; float: left; width: 150px; }
div#compte_liens {position: relative; float: left; clear: both; }
div#formulaire label {text-align: left; }

/* menu espace prive */
ul.menuprive {position: relative; float: left; list-style: none; width: 675px; text-align: right; margin-right: 20px;}
ul.menuprive li {padding: 0; margin: 0;}

/* menu support */
div#menusupport {position: relative; float: left; clear: both; width: 100%;  }
div#menusupport ul {list-style: none; }
div#menusupport ul li {display: inline; }

/* formulaire profil */
div#formulaireprofil {position: relative; float: left; margin-top: 30px; margin-left: 50px; }
div#formulaireprofil p {padding-bottom: 5px; }
table.formprofil {width: 550px; }
table.formprofil td {width: 50%; vertical-align: top; }
table.formprofil td p {margin-bottom: 5px; padding-bottom: 5px; }
table.formprofil td p.submit {width: 220px; margin-right: 30px; text-align: right;  }
input.submit {background-color: rgb(105,85,71); color: #fff; padding: 3px; cursor: pointer; }

div#resume {position: relative; float: left; width: 480px; margin-left: 50px; border: solid 1px rgb(105,85,71); padding: 10px; }

/* discussions : consultation */
div.message {position: relative; float: left; clear: both; border: solid 1px rgb(105,85,71); padding: 5px; width: 480px; margin-bottom: 10px; }
div.message div.headermessage {position: relative; float: left; width: 100%; text-align: right; font-style: italic; font-size: 0.8em; margin-bottom: 15px; }

/* page intérieure */
h1 {
	font-size: 1.2em;
	font-variant: small-caps;
}

h2 {font-size: 1.1em; font-variant: normal; font-style: italic; }
h3 {font-size: 1em; }

ul {margin-left: 20px; margin-bottom: 20px; }
ul li {padding-bottom: 10px; }
#menusecondaire {
	position: relative;
	float: left;
	width: 700px;
	text-align: right;
	margin-right: 30px;
	margin-top: 30px;
	background-color: transparent;
}
#menusecondaire ul {
	position: relative;
	float: right;
	height: 46px;
	width: 400px;
	list-style: none;
	background-color: transparent;
}

#menusecondaire ul li {
	display: inline;
	position: relative;
	float: left;
	width: 92px;
	height: 46px;
	background-color: transparent;
}
#menusecondaire ul li#private a {
	position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_private_inactif.gif") no-repeat 0 0;
}
#menusecondaire ul li#private a:hover {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_private_actif.gif") no-repeat 0 0;
}
#menusecondaire ul li#lobby a {
		position: relative;
	float: left;
	width: 92px;
	height: 46px;
	background: url("../images/bouton_lobby_inactif.gif") no-repeat 0 0;
}
#menusecondaire ul li#lobby a:hover {
		position: relative;
	float: left;
	width: 92px;
	height: 46px;
	background: url("../images/bouton_lobby_actif.gif") no-repeat 0 0;
}
#menusecondaire ul li#chauffeur a {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_chauffeur_inactif.gif") no-repeat 0 0;
}
#menusecondaire ul li#chauffeur a:hover {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_chauffeur_actif.gif") no-repeat 0 0;
}
#menusecondaire ul li#lounge a {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_lounge_inactif.gif") no-repeat 0 0;
}
#menusecondaire ul li#lounge a:hover {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_lounge_actif.gif") no-repeat 0 0;
}

#bandeau {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	width: 729px;
	height: auto;
	text-align: left;
}
#contenu {
	position: relative;
	float: left;
	height: auto;
	min-height: 250px;
	margin-top: 180px;
	background-color: transparent;
	text-align:	justify;
	font-size: 1.2em;
	padding-left: 30px;
	padding-right: 0px;
	width: 693px;
}
#contenu_haut {
	position: relative;
	float: left;
	height: auto;
	min-height: 250px;
	margin-top: 80px;
	background-color: transparent;
	text-align:	justify;
	font-size: 1.2em;
	padding-left: 30px;
	padding-right: 30px;
	width: 670px;
}

p {
	margin-bottom: 20px;
}
p.intro {
	font-style: italic;
}

 #pied_site {
 	position: relative;
 	float: left;
 	width: 100%;
 	height: auto;
 	margin-top: 20px;
 	background-color: transparent;
 }

/* page de menu */
#main_menu {
	background-color: transparent;
	position: relative;
	width: 721px;
	margin: 0 auto 0 auto;
	height: 460px;
}
table.main {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	background-color: transparent;
}

#menu_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 721px;
	height: 50px;
	background-color: transparent;
	text-align: left;
}
#menu_logo #logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 292px;
	height: 49px;
}

#menu_logo #langues {
	position: absolute;
	top: 10px;
	right: 0;
	width: auto;
	height: auto;
	background-color: transparent;
	font-size: 1.3em;
}

#langues a {
	color: rgb(188,177,171);
	text-decoration: none;
}
#langues a:hover {
	font-weight: bold;
}
#menu_animation {
	position: absolute;
	top: 60px;
	left: 0;
	width: 721px;
	height: 361px;
}
#pied {
	position: absolute;
	top: 430px;
	left: 0;
	width: 721px;
	background-color: transparent;
	font-size: 1em;
}
#pied_site {
	font-size: 1em;
}
#pied a, #pied_site a {
	text-decoration: none;
	color: rgb(188,177,171);
}
#pied a:hover, #pied_site a:hover {
	color: rgb(105,85,71);
}

#menu_bas {position: absolute; left: 0; top: 0; font-size: 1.1em; font-weight: bold; }
#menu_bas ul {list-style: none; }
#menu_bas ul li {display: inline; padding-right: 5px; }

#menu_bas a {color: rgb(105,85,71); }
#pied_site a {color: rgb(105,85,71); }
#pied_site a:hover {color: rgb(188,177,171); }



#copyright {
	position: absolute;
	right: 0;
	top: 0;
	font-style: italic;
	color: rgb(188,177,171);
}


/* Page menu - Code html alternatif */
#menu_alternatif {
	width: 727px;
	height: 368px;
	background: url("../images/private_fond.jpg") no-repeat 0 0;
}
#menu_alternatif_liens {
	width: 400px;
	height: 46px;
	background-color: transparent;
	position: absolute;
	bottom: -2px;
	right: 0;
}

#menu_alternatif_liens ul {
	position: relative;
	float: right;
	height: 46px;
	width: 400px;
	list-style: none;
	background-color: transparent;
}

#menu_alternatif_liens ul li {
	display: inline;
	position: relative;
	float: left;
	width: 92px;
	height: 46px;
	background-color: transparent;
}
#menu_alternatif_liens ul li#private a {
	position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_private_inactif.gif") no-repeat 0 0;
}
#menu_alternatif_liens ul li#private a:hover {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_private_actif.gif") no-repeat 0 0;
}
#menu_alternatif_liens ul li#lobby a {
		position: relative;
	float: left;
	width: 92px;
	height: 46px;
	background: url("../images/bouton_lobby_inactif.gif") no-repeat 0 0;
}
#menu_alternatif_liens ul li#lobby a:hover {
		position: relative;
	float: left;
	width: 92px;
	height: 46px;
	background: url("../images/bouton_lobby_actif.gif") no-repeat 0 0;
}
#menu_alternatif_liens ul li#chauffeur a {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_chauffeur_inactif.gif") no-repeat 0 0;
}
#menu_alternatif_liens ul li#chauffeur a:hover {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_chauffeur_actif.gif") no-repeat 0 0;
}
#menu_alternatif_liens ul li#lounge a {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_lounge_inactif.gif") no-repeat 0 0;
}
#menu_alternatif_liens ul li#lounge a:hover {
		position: relative;
	float: left;
	width: 93px;
	height: 46px;
	background: url("../images/bouton_lounge_actif.gif") no-repeat 0 0;
}