/*
// Site : http://salado.fr/
// Date	: 2007-06-13
*/

/*
// Section : Html
*/

body{
	background      : #000;
	margin          : 20px 0 0 0;
	padding         : 0;
}


/*
// Section : Main.
*/

#main{
	width           : 865px;
	height          : 570px;

	font            : normal normal 11px Arial, sans-serif;
	background      : #000;
	color           : #FFF;

	margin          : auto;
}


/*
// Section : headmaster.
*/

#headmaster{
	width           : 100%;
	height          : 117px;
	margin          : 0 0 7px 0;
	background      : #FFF;
}

#headmaster h1{
	float           : left;
	margin          : 0;
	padding         : 28px 0 0 20px;
}

#headmaster h1 a{
	display         : block;
	width           : 200px;
	height          : 20px;
	background      : transparent url('../images/gui/bkg/bkg_jerome-salado.png') no-repeat left top;
}

#headmaster h1 a:hover{
	background      : transparent url('../images/gui/bkg/bkg_jerome-salado_on.png') no-repeat left top;
}

#headmaster h1 a span{
	display         : none;
}


/*
// Section : menu.
*/

#menu{
	list-style      : none;
	font            : normal bold 11px Arial, sans-serif;
	color           : #A7A7A7;
	margin          : 0 0 0 554px;
	padding         : 5px 0 0 0;
}

#menu li{
	margin          : 7px 0;
	padding         : 0;
}

#menu li a{
	color           : #A7A7A7;
	text-decoration : none;
}

#menu li a:hover{
	color           : #000;
}

#menu li #mnu-illustration,
#menu li #mnu-communication,
#menu li #mnu-graphism,
#menu li #mnu-about,
#menu li #mnu-contact{
	display         : block;
	width           : 105px;
	height          : 13px;
}

#menu li #mnu-illustration span,
#menu li #mnu-communication span,
#menu li #mnu-graphism span,
#menu li #mnu-about span,
#menu li #mnu-contact span{
	display         : none;
}

/* Menu : Illustration */
#menu li #mnu-illustration{
	background      : transparent url('../images/gui/mnu/mnu_illustration_off.png') no-repeat left top;
}

#menu li #mnu-illustration:hover,
#menu li #mnu-illustration.current{
	background      : transparent url('../images/gui/mnu/mnu_illustration_on.png') no-repeat left top;
}

/* Menu : Communication */
#menu li #mnu-communication{
	background      : transparent url('../images/gui/mnu/mnu_communication_off.png') no-repeat left top;
}

#menu li #mnu-communication:hover,
#menu li #mnu-communication.current{
	background      : transparent url('../images/gui/mnu/mnu_communication_on.png') no-repeat left top;
}

/* Menu : Graphism */
#menu li #mnu-graphism{
	background      : transparent url('../images/gui/mnu/mnu_graphism_off.png') no-repeat left top;
}

#menu li #mnu-graphism:hover,
#menu li #mnu-graphism.current{
	background      : transparent url('../images/gui/mnu/mnu_graphism_on.png') no-repeat left top;
}

/* Menu : About */
#menu li #mnu-about{
	background      : transparent url('../images/gui/mnu/mnu_about_off.png') no-repeat left top;
}

#menu li #mnu-about:hover,
#menu li #mnu-about.current{
	background      : transparent url('../images/gui/mnu/mnu_about_on.png') no-repeat left top;
}

/* Menu : Contact */
#menu li #mnu-contact{
	background      : transparent url('../images/gui/mnu/mnu_contact_off.png') no-repeat left top;
}

#menu li #mnu-contact:hover,
#menu li #mnu-contact.current{
	background      : transparent url('../images/gui/mnu/mnu_contact_on.png') no-repeat left top;
}


/*
// Section : Content.
*/

#content{
	width           : 865px;
	height          : 418px;
	margin          : 0 0 7px 0;
}


/*
// Section : Illustration.
*/

#illustration{
	width           : 543px;
	height          : 426px;
}

#illustration #presentation{
	list-style      : none;
	position        : relative;
	top             : 0;
	left            : 0;
	text-align      : center;
	margin          : 0;
	padding         : 0;
}

#illustration #presentation:hover{
}

#illustration #presentation #next a,
#illustration #presentation #prev a{
	display         : block;
	position        : absolute;
	width           : 270px;
	height          : 460px;
	top             : 0;
	left            : 0;
	margin          : 0;
	padding         : 0;
}

#illustration #presentation #next a:active,
#illustration #presentation #prev a:active,
#illustration #presentation #next a:focus,
#illustration #presentation #prev a:focus{
	outline         : none;
}

#illustration #presentation #next a span,
#illustration #presentation #prev a span{
	display         : none;
}

#illustration #presentation #next a{
	width           : 271px;
	left            : 270px;	
}

#illustration #presentation #next a:hover{
	background      : transparent url('/images/gui/bkg/bkg_next.png') no-repeat right center;
}

#illustration #presentation #prev a:hover{
	background      : transparent url('/images/gui/bkg/bkg_prev.png') no-repeat left center;
}

#illustration #illustration-hi{
	display         : block;
	width           : 541px;
}


/*
// Section : About
*/

#about{
	background      : #E1D9D9;
	width           : 543px;
	vertical-align  : top;
	text-align      : left;
	padding         : 20px;
}

#about #telechargement{
	float           : left;
	text-align      : right;
	margin          : 48px 0 0 20px;
	padding         : 0;
}

#about #telechargement li{
	list-style      : none;
	margin          : 0;
	padding         : 0;
}

#about #telechargement li h1{
	font            : normal normal 11px Arial, sans-serif;
	color           : #D4D4D4;
	text-transform  : uppercase;
	margin          : 0 0 10px 0;
	padding         : 0;
}

#about #telechargement li h1 span{
	display         : block;
	color           : #927C7C;
}

#about #telechargement li a{
	color           : #927C7C;
	text-decoration : none;
	margin          : 0;
	padding         : 0;
}

#about #telechargement li a:hover{
	color           : #333;
}

#about #jerome-salado{
	margin          : 0 0 0 200px;
}

#about #jerome-salado h1{
	font            : normal bold 13px Arial, Helvetica, sans-serif;
	color           : #927C7C;
}

#about #jerome-salado p{
	font            : normal normal 11px Arial, Helvetica, sans-serif;
	color           : #4B4949;
	line-height     : 12px;
}

#about #jerome-salado p strong{
	color           : #000;
}

#about #jerome-salado p a{
	font            : normal normal 11px Arial, Helvetica, sans-serif;
}

#about #jerome-salado ul{
	margin          : 0;
	padding         : 0;
}

#about #jerome-salado ul li{
	margin          : 0 0 0 10px;
	padding         : 0;
	color           : #333;
}


/*
// Section : Photographie
*/

#photographie{
	text-align      : left;
	vertical-align  : top;
	background      : #E1D9D9;
}

#photographie img{
	display         : block;
}


/*
// Section : Actualites
*/

#contact{
	background      : #A7A7A7;
	vertical-align  : top;
	text-align      : left;
	margin          : 0;
	padding         : 0;
}

#contact #jerome-salado{
	width           : 299px;
	height          : 376px;
	margin          : auto;
	margin-top      : 10px;
	background      : #FFF url('/images/contact/contact-salado.jpg') no-repeat 15px 26px;
	color           : #000;
	padding         : 30px 0 0 0;
}

#contact #jerome-salado h1{
	font            : normal bold 14px Arial, Helvetica, sans-serif;
	color           : #787878;
	margin          : 0 0 0 130px;
	padding         : 0;
}

#contact #jerome-salado ul{
	list-style      : none;
	margin          : 10px 0 0 130px;
	padding         : 0;
}

#contact #jerome-salado ul li{
	text-transform  : uppercase;
	margin          : 0;
	padding         : 0;
}

#contact #jerome-salado ul li a{
	font            : normal bold 10px Arial, Helvetica, sans-serif;
	color           : #000;
	text-decoration : none;
}

#contact #jerome-salado address{
	margin          : 45px 0 0 130px;
	padding         : 0;
	font-style      : normal;
}

#contact #jerome-salado address span{
	display         : block;
	margin          : 5px 0;
}

#contact #jerome-salado p{
	margin          : 45px 0 0 130px;
	padding         : 0;
}

#contact #jerome-salado p a{
}

#contact #jerome-salado ul.artiste{
	margin          : 45px 0 0 130px;
	padding         : 0;
}

#contact #jerome-salado ul.artiste li{
	color           : #666;
	font            : normal normal 10px Arial, Helvetica, sans-serif;
	margin          : 0;
	padding         : 0;
	text-transform  : capitalize;
}


/*
// Section : Actualites
*/

#actualites{
	width           : 315px;
	height          : 426px;
	background      : #A7A7A7;
	vertical-align  : top;
	text-align      : center;	
	padding         : 0;
	margin          : 0;
}

#actualites a{
	text-decoration : none;
}

#actualites a span.actualite{
	display         : block;
	clear           : both;

	width           : 299px;
	height          : 130px;
	background      : #FFF;

	text-align      : left;
	margin          : auto;
	margin          : 5px 0 5px 7px;
	padding         : 0;
	border          : 2px solid #A7A7A7;
}

#actualites a:hover span.actualite{
	border          : 2px solid #333;
}

#actualites a span.actualite img{
	display         : block;
	float           : left;
	margin          : 10px;
	border          : 0;
}

#actualites a span.actualite strong.actualite-h1{
	display         : block;
	font            : normal bold 12px Arial, Helvetica, sans-serif;
	color           : #787878;
	margin          : 0;
	padding         : 13px 0 0 0;
}

#actualites a span.actualite em.actualite-h2{
	display         : block;
	font            : normal bold 9px Arial, Helvetica, sans-serif;
	color           : #000;
	text-transform  : uppercase;
	margin          : 10px 0 0 0;
	padding         : 0;
}

#actualites a span.actualite span.actualite-p{
	display         : block;
	font            : normal bold 9px Arial, Helvetica, sans-serif;
	color           : #666;
	line-height     : 15px;
	margin          : 18px 0 0 0;
	padding         : 0;
}


/*
// Section : Navigation.
*/

#navigation{
	width           : 315px;
	background      : #5E5E5E url('../images/gui/bkg/bkg_navigation_helper.png') no-repeat left bottom;
	vertical-align  : top;
	text-align      : left;
}

#navigation ul, #navigation ul li{
	list-style      : none;
	margin          : 0;
	padding         : 0;
}


/*
// Section : Navigation : Sous Navigation.
*/

#navigation #sous-navigation{
	width           : 100%;
	height          : 125px;
	background      : #A7A7A7;
}


/*
// Section : Navigation : Séries.
*/

#navigation #series{
	margin          : 0;
	padding         : 8px 0 10px 13px;
	float           : left;
}

#navigation #series li{
	margin          : 4px 0;
	padding         : 0;
	text-transform  : uppercase;
}

#navigation #series li a{
	font            : normal normal 11px Arial, sans-serif;
	color           : #434343;
	text-decoration : none;
}

#navigation #series li a:hover{
	color           : #FFF;
}

#navigation #series li a span{
	display         : none;
}

#navigation #series #nouveaute,
#navigation #series #serie_1,
#navigation #series #serie_2,
#navigation #series #serie_3,
#navigation #series #nouveaute_graphism,
#navigation #series #serie_1_graphism,
#navigation #series #serie_2_graphism,
#navigation #series #serie_3_graphism{
	display         : block;
	width           : 75px;
	height          : 19px;
}

/* Navigation : Nouveauté */
#navigation #series #nouveaute{
	background      : transparent url('../images/gui/mnu/mnu_nouveaute.png') no-repeat left top;
}

#navigation #series #nouveaute:hover,
#navigation #series #nouveaute.current{
	background      : transparent url('../images/gui/mnu/mnu_nouveaute_on.png') no-repeat left top;
}

#navigation #series #nouveaute_graphism{
	background      : transparent url('../images/gui/mnu/mnu_nouveaute_graphism.png') no-repeat left top;
}

#navigation #series #nouveaute_graphism:hover,
#navigation #series #nouveaute_graphism.current{
	background      : transparent url('../images/gui/mnu/mnu_nouveaute_graphism_on.png') no-repeat left top;
}


/* Navigation : Série 1 */
#navigation #series #serie_1{
	background      : transparent url('../images/gui/mnu/mnu_serie_1.png') no-repeat left top;
}

#navigation #series #serie_1:hover,
#navigation #series #serie_1.current{
	background      : transparent url('../images/gui/mnu/mnu_serie_1_on.png') no-repeat left top;
}

#navigation #series #serie_1_graphism{
	background      : transparent url('../images/gui/mnu/mnu_serie_1_graphism.png') no-repeat left top;
}

#navigation #series #serie_1_graphism:hover,
#navigation #series #serie_1_graphism.current{
	background      : transparent url('../images/gui/mnu/mnu_serie_1_graphism_on.png') no-repeat left top;
}


/* Navigation : Série 2 */
#navigation #series #serie_2{
	background      : transparent url('../images/gui/mnu/mnu_serie_2.png') no-repeat left top;
}

#navigation #series #serie_2:hover,
#navigation #series #serie_2.current{
	background      : transparent url('../images/gui/mnu/mnu_serie_2_on.png') no-repeat left top;
}

#navigation #series #serie_2_graphism{
	background      : transparent url('../images/gui/mnu/mnu_serie_2_graphism.png') no-repeat left top;
}

#navigation #series #serie_2_graphism:hover,
#navigation #series #serie_2_graphism.current{
	background      : transparent url('../images/gui/mnu/mnu_serie_2_graphism_on.png') no-repeat left top;
}


/* Navigation : Série 3 */
#navigation #series #serie_3{
	background      : transparent url('../images/gui/mnu/mnu_serie_3.png') no-repeat left top;
	border-bottom   : 1px solid #FFF;
}

#navigation #series #serie_3:hover,
#navigation #series #serie_3.current{
	background      : transparent url('../images/gui/mnu/mnu_serie_3_on.png') no-repeat left top;
}

#navigation #series #serie_3_graphism{
	background      : transparent url('../images/gui/mnu/mnu_serie_3_graphism.png') no-repeat left top;
	border-bottom   : 1px solid #FFF;
}

#navigation #series #serie_3_graphism:hover,
#navigation #series #serie_3_graphism.current{
	background      : transparent url('../images/gui/mnu/mnu_serie_3_graphism_on.png') no-repeat left top;
}


/*
// Section : Navigation : Téléchargement.
*/

#navigation #telechargement{
	margin          : 0 0 0 125px;
	padding         : 28px 0 0 0;
}

#navigation #telechargement li h1{
	background      : transparent url('../images/gui/bkg/bkg_telechargement.png') no-repeat left top;
	width           : 102px;
	height          : 12px;
	font            : normal normal 11px Arial, sans-serif;
	color           : #D5D5D5;
	text-transform  : uppercase;
	margin          : 0 0 5px 0;
	padding         : 0;
}

#navigation #telechargement li{
	margin          : 3px 0;
}

#navigation #telechargement li h1 span{
	display         : none;
}

#navigation #telechargement li a{
	font            : normal 10px Arial, sans-serif;
	color           : #676767;
	text-decoration : none;
}

#navigation #telechargement li a:hover{
	color           : #FFF;
	text-decoration : underline;
}


/*
// Section : Navigation : Illustrations.
*/

#illustrations{
	clear           : both;
	height          : 300px;
}

#illustrations li{
	float           : left;
}

#illustrations li a{
	display         : block;
	float           : left;
	width           : 40px;
	height          : 40px;
	border          : 5px solid #5E5E5E;
}

#illustrations li a:hover{
	border          : 5px solid #A7A7A7;
}

#illustrations li a.current{
	border          : 5px solid #000;
}

#illustrations li a img{
	border          : 0;
	display         : block;
	width           : 40px;
	height          : 40px;
}


/*
// Section : Footer.
*/

#footer{
	clear           : both;
	background      : #A7A7A7;
	color           : #1F1F1F;
	text-align      : center;
}

#footer p{
	margin          : 0;
	padding         : 2px;
}

#footer p a{
	color           : #000;
	text-decoration : none;
}

#footer p a:hover{
	color           : #666;
}