html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body#disclaimer {
	margin-top: 20px;
	height: 0;
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 15px;
	background-color: #828282;
}
div#wrapper {
	position: relative;
	margin: 0 auto;
	min-height: 100%;
	width: 900px;
	padding: 0 20px;
	background: transparent url('img/bg.png') center repeat-y;
}
/* \*/
* html div#wrapper {height: 100%;}
/* */
a img {border: 0;}
a, input {outline: none;}
a {
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
a:hover {color: #ee0000;}
p { margin: 1em 0;}
hr {display: none;}

A.trade-list { 
	font-family:arial; 
	font-size:14px; 
	text-decoration:none; 
	}
A.trade-list:hover { 
	font-family:arial;
	color:#FF0000; 
	font-size:14px; 
	text-decoration:none; 
	}
A.detail {
	font-family:arial; 
	font-size:9px; 
	text-decoration:none; 
	color:#C0C0C0
	}

/* HEADER
--------------------------------------*/
div#header {
	position: relative;
	height: 160px;
	background: #FFF6D8 url('img/header-bg.jpg') 0 0 no-repeat;	
}
div#header h1 {
	position: absolute;
	top: 25px;
	left: 24px;
	display: block;
	margin: 0;
	height: 0;
	width: 136px;
	padding-top: 90px;
	overflow: hidden;
	font-size: 0.1em;
	background: transparent url('img/header-logo.png') 0 0 no-repeat;		
}
/* Dernier site ajouté */
div#lastsite {
	position: absolute;
	top: 23px;
	left: 470px;
	height: 84px;
	width: 407px;
	overflow: hidden;
}
div#lastsite h2  {
	display: block;
	margin: 0;
	width: 137px;
	height: 0;
	padding-top: 23px;
	overflow: hidden;
	font-size: 0.1em;
	background: transparent url('img/header-dernier-site-ajoute.png') 0 0 no-repeat;
}
div#lastsite p {margin: 0;}

/* menu du header */
ul#header-menu {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	height: 30px;
	background: #121212 url('img/header-menu-bg.png') 0 0 repeat-x;
}
ul#header-menu li {
	display: inline;
	float: left;
	height: 15px;
	margin: 8px 0 0 17px;
}
ul#header-menu li a {
	display: block;
	height: 0;
	padding-top: 15px;
	overflow: hidden;
	font-size: 0.1em;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
}
a#menu-accueil {width: 59px; background-image: url('img/menu-accueil.png');}
a#menu-top-sites {width: 67px; background-image: url('img/menu-top-sites.png');}
a#menu-nouveautes {width: 82px; background-image: url('img/menu-nouveautes.png');}
a#menu-videos-xxx {width: 77px; background-image: url('img/menu-videos-xxx.png');}
a#menu-goodies {width: 59px; background-image: url('img/menu-goodies.png');}
a#menu-horoscope {width: 78px; background-image: url('img/menu-horoscope.png');}

/* CONTENT
content est le conteneur des 3 colonnes : left, center et right
--------------------------------------*/
div#content {
	display: inline;
	float: left;
	width: 100%;
	background-color: #fff;	
}
div#left {
	display: inline;
	float: left;
	margin: 7px 7px 0 7px;
	width: 170px;
}
div#center {
	display: inline;
	float: left;
	margin: 7px 0 0 0;
	width: 532px;
}
div#right {
	display: inline;
	float: right;
	margin: 7px 7px 0 0;
	width: 170px;
}


/* BOX
.sbox correspond aux "boîtes" de colonnes extérieures
.cbox correpsond aux "boîtes" de la colonne centrale
.vbox est une "boîte" particulière pour afficher des lignes de 4 thumbs vidéos dans la colonne centrale
--------------------------------------*/
.sbox, .cbox, .vbox {
	display: inline;
	float : left;
	margin-bottom: 7px;
	padding: 0 10px 10px 10px;
	background-color: transparent;
	background-position: bottom left;
	background-repeat: no-repeat;	
}
.vbox {padding: 0; margin-bottom: 0;}

.sbox h2, .cbox h2, .vbox h2 {
	display: block;
	margin: 0 -10px 0 -10px;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
	font-size: 0.1em;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.vbox h2 {margin: 0; padding-top: 32px;}

/* style des boîtes pour colonnes droite et gauche */
.sbox {width: 150px;}
.sbox h2 {width: 170px;}
.sb01 {background-image: url('img/sb01-bg.png');} /* jaune */
.sb02 {background-image: url('img/sb02-bg.png');} /* gris */
.sb03 {background-image: url('img/sb03-bg.png');} /* blanc */

/* style des boîtes pour colonne centrale */
.cbox {width: 512px;}
.cbox h2 {width: 532px;}
.vbox, .vbox h2  {width: 532px;}
.cb01 {background-image: url('img/cb01-bg.png');} /* jaune */
.cb02 {background-image: url('img/cb02-bg.png');} /* gris */
.cb03 {background-image: url('img/cb03-bg.png');} /* blanc */

/* style des listes de liens */
.sbox ul, .cbox ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}
.sbox ul li a, .cbox ul li a  {
	padding-left: 14px;
	background-color: transparent;
	background-position: left center;
	background-repeat: no-repeat;	
}
/* icone plus */
ul.cross01a li a {background-image: url('img/icon-cross01a.png');}
ul.cross01b li a {background-image: url('img/icon-cross01b.png');}
ul.cross02a li a {background-image: url('img/icon-cross02a.png');}
ul.cross02b li a {background-image: url('img/icon-cross02b.png');}
ul.cross03a li a {background-image: url('img/icon-cross03a.png');}
ul.cross03b li a {background-image: url('img/icon-cross03b.png');}
/* icone flèche */
ul.arrow01a li a {background-image: url('img/icon-arrow01a.png');}
ul.arrow01b li a {background-image: url('img/icon-arrow01b.png');}
ul.arrow02a li a {background-image: url('img/icon-arrow02a.png');}
ul.arrow02b li a {background-image: url('img/icon-arrow02b.png');}
ul.arrow03a li a {background-image: url('img/icon-arrow03a.png');}
ul.arrow03b li a {background-image: url('img/icon-arrow03b.png');}

/* styles des listes liens et autres pour la colonne centrale */
ul.sided-list, ul.annu-list, ul.boxlien {
	float: left;
	hoverflow: hidden;
}
ul.sided-list2, ul.annu-list2 {
	float: right;
	hoverflow: hidden;
}
ul.annu-list, ul.boxlien {
	padding: 5px 0;
	font-size: 17px;
	line-height: 22px;
}
ul.annu-list li {
	font-size: 17px;
	line-height: 22px;
}
ul.annu-list li a {
	padding-left: 23px;
	color: #666;
	background: transparent url('img/icon-annu-cat.png') left center no-repeat;
}
ul.annu-list li a:hover {color: #ee0000;}

ul.boxlien li {
	font-size: 20px;
	line-height: 25px;
	}
ul.boxlien li a {
	padding-left: 30px;
	color: #666;
	background: transparent url('img/5546.png') left center no-repeat;	
}
ul.boxlien li a:hover {color: #ee0000;}

/* styles des listes de thumbs vidéos pour la colonne centrale */
ul.video-list {
	display: inline;
	float: left;
	margin: 0 -4px 7px -4px;
	width: 540px;
	padding: 0;
	list-style: none;	
}
ul.video-list li {
	display: inline;
	float: left;
	margin: 0 4px;
	width: 127px;
	text-align: center;
}
ul.video-list li a img {
	padding: 5px;
	background-color: #efefef;
	border: 1px solid #dbdbdb;
}


/* TITRE DES BOITES
--------------------------------------*/
/* titres de la colonne gauche */
h2#title-menu {background-image: url('img/title-menu.png');}
h2#title-sites-a-voir {background-image: url('img/title-sites-a-voir.png');}
h2#title-sites-nouveaux {background-image: url('img/title-nouveautes_fg.png');}
h2#title-videosx-hebdo {background-image: url('img/title-video-x-semaine_fb.png');}

/* titres de la colonne droite */
h2#title-top-20 {background-image: url('img/title-top-20.png');}
h2#title-partenaires {background-image: url('img/title-partenaires.png');}
h2#title-partenaires-b {background-image: url('img/title-partenaires-b.png');}
h2#title-webmasters {background-image: url('img/title-webmasters.png');}
h2#title-videos-sextrash {background-image: url('img/title-video-sex-trash_fb.png');}

/* titres de la colonne centrale */
h2#title-annuaire {background-image: url('img/title-annuaire.png');}
h2#title-recherche {background-image: url('img/title-recherches.png');}
h2#title-top-liens {background-image: url('img/title-top-liens.png');}
h2#title-videos-du-jour {background-image: url('img/title-videos-du-jour.png');}
h2#title-videos-hebdo {background-image: url('img/title-videos-hebdo.png');}
h2#title-videos-exclusives {background-image: url('img/title-videos-exclusives.png');}
h2#title-page-video-hebdo {background-image: url('img/title-page-video-hebdo.png');}
h2#title-best-of {background-image: url('img/title-best-of.png');}
h2#title-zone-membre {background-image: url('img/title-zone-membre.png');}
h2#title-video-visionner {background-image: url('img/title-video-a-visionner.png');}
h2#title-topvideos {background-image: url('img/title-topvideos.png');}
h2#title-liveshow {background-image: url('img/title-liveshow.png');}
h2#title-stars-nues {background-image: url('img/title-stars-nues.png');}

/* temporaire */
h2#title-sbox-style-sb01 {background-image: url('img/title-sbox-style-sb01.png');}
h2#title-sbox-style-sb02 {background-image: url('img/title-sbox-style-sb02.png');}
h2#title-sbox-style-sb03 {background-image: url('img/title-sbox-style-sb03.png');}
h2#title-site-a-voir-gauche {background-image: url('img/title-sites-a-voir_fj.png');}
h2#title-sbox-style-sb02alt {background-image: url('img/title-sbox-style-sb02alt.png');}
h2#title-sbox-style-sb02alt2 {background-image: url('img/title-sbox-style-sb02alt2.png');}
h2#title-sbox-style-sb03alt {background-image: url('img/title-sbox-style-sb03alt.png');}
h2#title-cbox-style-cb01 {background-image: url('img/title-cbox-style-cb01.png');}
h2#title-cbox-style-cb02 {background-image: url('img/title-cbox-style-cb02.png');}
h2#title-cbox-style-cb03 {background-image: url('img/title-cbox-style-cb03.png');}
h2#title-cbox-style-cb01alt {background-image: url('img/title-cbox-style-cb01alt.png');}
h2#title-cbox-style-cb02alt {background-image: url('img/title-cbox-style-cb02alt.png');}


/* FOOTER
--------------------------------------*/
div#footer {
	clear: both;
	padding: 9px 0;
	text-align: center;
	color: #f5f5f5;
	border-top: 1px solid #222;
}
div#footer p {
	margin: 0;
	font-size: 11px;
}

/* DISCLAIMER
--------------------------------------*/
div#disc {
	position: relative;
	margin: 0 auto;
	width: 900px;
	padding: 20px 20px 0 20px;
	text-align: center;
	background: #fff url('img/disc-bg.png') 0 0 no-repeat;
}
div#disc-content {padding: 0 25px 0 346px;}
div#disc-content h1 {
	margin: 0 0 20px 0;
	padding-top: 25px;
	font-size: 11px;
}
div#disc-content h2, p {
	margin: 0;
	font-weight: normal;
	font-size: 12px;
}
p#warning {
	margin: 40px 0 20px 0;
	font-size: 14px;
	text-transform: uppercase;
	color: #ee0000;
}
p#disc-button {
	display: block;
	margin: 20px 0;
}
p#disc-button a {margin: 0 5px;}
h3#disc-logo {
	position: absolute;
	top: 45px;
	left: 45px;
	width: 321px;
	height: 0;
	padding-top: 481px;
	overflow: hidden;
	font-size: 0.1em;
	background: transparent url('img/disc-logo.jpg') 0 0 no-repeat;
}
div#disc-footer {
	position: relative;
	margin: 0 -20px;
	padding-top: 20px; 
	width: 940px;
	height: 55px;
	background: transparent url('img/disc-bottom.png') bottom left no-repeat;
}
div#disc-footer p {font-size: 11px;}
div#disc-under {
	margin: 0 auto;
	width: 900px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 11px;
}