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: #CCCCCC;
}
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 {
	text-decoration: none;
	color: #000000;
}
a:hover {color: #CC0000;}
p { margin: 1em 0;}
hr {display: none;}


/* HEADER
--------------------------------------*/
div#header {
	position: relative;
	height: 110px;
	background: #FFFFFF url('img/header-bg_2.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: 80px; 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');}


/* categories
--------------------------------------*/
div#souscat {
	font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

/* tableau
--------------------------------------*/
ul.videoListRight {
	float: left;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	list-style: none;
	background-color: #FFFFFF;
}
ul.videoListRight li, ul#videoListRight li.ban {
	margin: 0 3px;
	padding: 5px 0;
	border-top: 1px solid #E5E5E5;
}
ul.videoListRight li.none {border: none;}
ul.videoListRight li .thumb {
	float: left;
	border: 1px solid #111;
}
ul.videoListRight li h3 {
	margin: 0;
	padding-left: 110px;
	font-size: 12px;
}
ul.videoListRight li h3 a {
	color: #CC0000;
}
ul.videoListRight li p {
	margin: 4px 0 0 0;
	padding:0 0 0 115px;
	font-size: 10px;
}


/* sites
--------------------------------------*/

.catsite {
	font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color:#666666;
}
.titresite {
	color:#CC0000;
}

/* CONTENT
content est le conteneur des 3 colonnes : left, center et right
--------------------------------------*/
A.lienhaut {font-family: verdana; font-size: 12px; font-weight: bold; color: #CC0000}
A.lienhaut:visited {COLOR:#CC0000}
A.lienhaut:hover {COLOR:#CC0000; text-decoration: none}
A.detailurl { font-family:arial; font-size:9px; color:#4A72BA; text-decoration:none; font-weight: bold; }
A.detailurl:hover { font-family:arial; font-size:9px; color:#4A72BA; text-decoration:underline; font-weight: bold; }
A.motscles { font-family:arial; font-size:9px; color:#a9a9a9; text-decoration:none; }
A.detailsite { font-family:arial; font-size:9px; color:#CCCCCC; text-decoration:none; font-weight: bold; }
A.detailsite:hover { font-family:arial; font-size:9px; color:#CC0000; text-decoration:underline; font-weight: bold; 

span.boxtitle {font-family:verdana; font-size:11px; color:#CC0000; text-decoration:none;}
span.boxtitle a {font-family:verdana; font-size:11px; color:#000000; text-decoration:none;}
span.boxtitle a:hover {font-family:verdana; font-size:11px; color:#CC0000; text-decoration:underline;}
span.sscat {font-family:verdana; font-size:11px; color:#CC0000; text-decoration:none; letter-spacing:1pt;}
span.sscat a {font-family:verdana; font-size:11px; color:#000000; text-decoration:none; letter-spacing:1pt;}
span.sscat a:hover {font-family:verdana; font-size:11px; color:#CC0000; text-decoration:underline; letter-spacing:1pt;}


/* 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: 170px;}
.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 */
.sb04 {background-image: url('img/sb04-bg.png');} /* blanc 170px*/

/* 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 {
	float: left;
	hoverflow: hidden;
}
ul.annu-list {
	padding: 10px 0;
}
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;}


/* 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-menu {background-image: url('img/menu_menu.png');}
h2#title-sites-a-voir {background-image: url('img/title-sites-a-voir.png');}
h2#title-menu-categories {background-image: url('img/menu_categorie.png');}
h2#title-menu-filmsx {background-image: url('img/menu_filmsx.png');}



/* titres de la colonne gauche */
h2#title-top-20 {background-image: url('img/title-top-20.png');}
h2#title-partenaires {background-image: url('img/title-partenaires.png');}
h2#title-webmasters {background-image: url('img/title-webmasters.png');}
h2#title-menu-thumb {background-image: url('img/menu_thumb.png');}
/* titres de la colonne droite */
h2#title-menu-trait {background-image: url('img/menu_haut_trait.png');}

/* titres de la colonne centrale */
h2#title-annuaire {background-image: url('img/title-annuaire.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-centrale {background-image: url('img/title-centrale.png');}
h2#title-centrale-blanc {background-image: url('img/title-centrale_blanc.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-sbox-style-sb01alt {background-image: url('img/title-sbox-style-sb01alt.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: 10px 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;
}