/* CSS Document */
html {
	height: 100%;
	width: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #000000;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, span {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2 {
	display: none;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;	
}
blockquote {
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#page {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
}
#header {
	position: absolute;
	height: 70px;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	text-align: left;
}
#menu {
	position: absolute;
	height: 30px;
	width: 100%;
	top: 70px;
	left: 0px;
	background: #171717 url(images/menu-fond.gif) repeat-x 0px 0px;
}
#menu #rubriques {
	position: absolute;
	height: 30px;
	width: 555px;
	top: 0px;
	right: 0px;
	background: url(images/menu.gif) no-repeat 0px 0px;
}
#menu #rubriques li {
	position: absolute;
	display: block;
	height: 30px;
	text-decoration: none;
	list-style: none;
}
#menu #rubriques a {
   	display: block;
	height: 30px;
	text-decoration: none;
	font-size: 0px;
	text-indent: -5000px;
}

/* DEBUT ZONE ROLL OVER (SPRITE) */
#bouton_livredor {
	right: 1px;
	width: 124px;
}
#bouton_livredor a:hover {
	background: transparent url(images/menu.gif) -430px -40px no-repeat;
}
* html #bouton_livredor a:hover {
	background: transparent url(images/menu.gif) -429px -40px no-repeat;
}
#bouton_liens {
	right: 125px;
	width: 98px;
}
#bouton_liens a:hover {
	background: transparent url(images/menu.gif) -332px -40px no-repeat;
}
* html #bouton_liens a:hover {
	background: transparent url(images/menu.gif) -331px -40px no-repeat;
}
#bouton_musique {
	right: 223px;
	width: 113px;
}
#bouton_musique a:hover {
	background: transparent url(images/menu.gif) -219px -40px no-repeat;
}
* html #bouton_musique a:hover {
	background: transparent url(images/menu.gif) -218px -40px no-repeat;
}
#bouton_photos {
	right: 336px;
	width: 101px;
}
#bouton_photos a:hover {
	background: transparent url(images/menu.gif) -118px -40px no-repeat;
}
* html #bouton_photos a:hover {
	background: transparent url(images/menu.gif) -117px -40px no-repeat;
}
#bouton_portfolio {
	right: 437px;
	width: 117px;
}
#bouton_portfolio a:hover {
	background: transparent url(images/menu.gif) -1px -40px no-repeat;
}
* html #bouton_portfolio a:hover {
	background: transparent url(images/menu.gif) -0px -40px no-repeat;
}
/* FIN ZONE ROLL OVER (SPRITE) */


/* CONTENU */

#contenu {
	position: absolute;
	top: 330px;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	padding: 0px;
}
#contenu p {
	padding-left: 21px;
	font-size: 11px;
	color: #9A9A9A;
}
#contenu p.sous-titre {
	padding-top: 21px;
	padding-bottom: 5px;
	color: #222222;
	font-size: 17px;
	font-weight: bold;
}
#contenu a {
	font-size: 11px;
	color: #9A9A9A;
	text-decoration: underline;
}
#contenu a:hover {
	font-size: 11px;
	color: #9A9A9A;
	text-decoration: none;
}
#contenu .accueil, #contenu .portfolio, #contenu .photos, #contenu .musique, #contenu .liens, #contenu .livredor {
	position: relative;
	width: 900px;
	text-align: left;
	background-color: #FFFFFF;
	padding-bottom: 21px;
}


/* Accueil */

#contenu .accueil {
	background: #FFFFFF url(images/accueil.jpg) no-repeat right bottom;
}


/* Portfolio */

#contenu .portfolio {
	background: #FFFFFF url(images/portfolio.jpg) no-repeat right bottom;
}
#contenu .portfolio p {
	padding-bottom: 5px;
}
#contenu .portfolio p a {
	text-decoration: none;
}
#contenu .portfolio p#crewstee a {
	background: url(images/crewstee-style1.jpg) no-repeat 0px 0px;
	display: block;
}
html>body #contenu .portfolio p#crewstee a {
	background: url(images/crewstee-style1.jpg) no-repeat 0px 0px;
	height: 60px;
	width: 468px;
	display: block;
}
#contenu .portfolio p a:hover {
	background: none;
}
#contenu .portfolio p#crewstee a:hover {
    background: url(images/crewstee-style2.jpg) no-repeat 0px 0px;
}
#contenu .portfolio a span {
	display: none;
	margin: 0px;
	padding: 0px;
}
#contenu .portfolio a:hover span {
	position: absolute;
	display: inline;
	top: 45px;
	left: 510px;
	font-size: 11px;
	color: #9A9A9A;
}
#contenu .portfolio .description1 {
	margin: 0px;
	padding: 0px;
	width: 390px;
}
#contenu .portfolio .description2 {
	margin: 80px 0px 0px 0px;
	padding: 0px;
	width: 310px;
}


/* Photos */

#contenu .photos {
	/*background: #FFFFFF url(images/photos.jpg) no-repeat right bottom;*/
	background-color: #FFFFFF;
}
#contenu .photos img {
	margin: 6px 7px 1px 1px;
}


/* Musique */

/* #contenu .musique {
	background: #FFFFFF url(images/musique.jpg) no-repeat right bottom;
}*/

#contenu .musique .radioblog {
	position: absolute;
	padding: 21px;
	width: 220px;
	text-align: center;
}
#contenu .musique .radioblog p {
	margin: 0px;
	padding: 0px;
}
#contenu .musique .actu {
	position: relative;
	padding: 21px;
	text-align: right;
}
#contenu .musique .watcha {
	position: relative;
	text-align: left;
	width: 638px; /* 900-241-21 = 638 */
	margin-left: 241px;
	background: url(images/watcha.png) no-repeat right top;
}
#contenu .musique .watcha .citation {
	color: #222222;
	font-weight: bold;
}


/* Liens */

#contenu .liens {
	background: #FFFFFF url(images/liens.jpg) no-repeat right bottom;
}
#contenu .liens table {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#contenu .liens td {
	width: 25%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#contenu .liens p {
	padding-bottom: 5px;
}


/* Livre d'or */

#contenu .livredor {
	background: #FFFFFF url(images/livredor.jpg) no-repeat right bottom;
}
#contenu .livredor .guestbook {
	padding-top: 29px;
	padding-left: 36px;
}


/* Erreur 404 */

#contenu .erreur404 {
	position: relative;
	width: 900px;
	text-align: left;
	background-color: #FFFFFF;
	text-align: center;
}


/* FOOTER */

#footer p {
	font-size: 8px;
	text-align: right;
	font-weight: bold;
	color: #000000;
}
#footer a {
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}