/**** FEUILLE DE STYLE SYLVIE VARTAN ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#333; text-align:center; background-color:#8c8bea; }
td								{ font-size:12px; color:#333; vertical-align:top; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:0 0 10px 0; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:12px; color:#777; vertical-align:middle; border:1px solid #cdcdcd; }
input[type=text]:focus,
select:focus, textarea:focus	{ color:#333; border:1px solid #dcdbe6; }

/* couleurs */
.bleu foncé						{ color:#031af9; }
.bleu							{ color:#3ca0cd; }
.bleu clair						{ color:#8c8bea; }
.bleu très clair				{ color:#dcdbe6; }
.rose							{ color:#e10082; }
.rouge							{ color:#e61000; }
.orange							{ color:#ff5f20; }
.color							{ color:#e10082; }
.gris clair						{ color:#96afae; }
.gris foncé						{ color:#3a464e; }
.beige							{ color:#98896e; }
.vert foncé						{ color:#5a6766; }						
.vert foncé						{ color:#4d5258; }	
.vert clair						{ color:#a2afae; }	                   
.vert très clair				{ color:#b2cOc1; }	

/* liens */
a								{ color:#4343ee; text-decoration:underline; }
a:hover							{ color:#8c8bea; text-decoration:underline; }

/* listes */
ul								{ margin:10px 0 10px 40px; padding:0; }
ul li							{ list-style-type:none; list-style-image:url(../images/li.gif); margin:0; padding:0; text-align:justify; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center, .align_center p	{ text-align:center; }
.left							{ float:left; margin-right:10px; }
.right							{ float:right; margin-left:10px; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:right; margin-top:20px; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#999; background-color:#fff; border:1px solid #ccc; }
.toppage a:hover				{ background-color:#dcdbe6; color:#fff; }

/**** STRUCTURE ************************************************************************************/
#all							{ background:#fff url(../images/bg.gif) no-repeat 50% 0; padding-bottom:2px; }
#content						{  }
.wrap							{ position:relative; margin:0 auto; width:980px; text-align:left; }

/**** HEADER ************************************************************************************/
h1								{ font:normal 8px Arial, Helvetica, sans-serif; color:#fff; text-align:right; margin-right:5px; }
#header							{ height:55px; }
#logo							{ position:absolute; top:-10px; left:0; z-index:100; width:230px; height:161px; }

#search							{ position:absolute; top:17px; right:10px; }
#search input[type=text]		{ font-size:12px; color:#4343ee; background-color:#8c8bea; border:1px solid #4343ee; margin-right:3px; padding:3px; }
#search input[type=text]:focus	{ color:#6ed2ff; border:1px solid #6ed2ff; }
#search input[type=submit]		{ border:1px solid #4343ee; background-color:#dcdbe6; color:#4343ee; padding:2px 1px 1px 1px; vertical-align:bottom; font-weight:bold; }


/**** FOOTER ************************************************************************************/
#footer							{ background:url(../images/bg_footer.gif) repeat-x 0 0; height:55px; margin:0 auto 10px auto; padding-top:10px; color:#fff; font-size:10px; }
#footer .colRight				{ float:right; }

#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ display:inline; }
#footer ul li a					{ color:#fff; text-decoration:none; }
#footer ul li a:hover			{ text-decoration:underline; }
#footer p, #footer p a, #footer span	{ color:#4343ee; text-decoration:none; margin:0; }

#footer .colLeft img			{ float:left; margin-right:5px; }
#footer .colLeft p				{ padding-top:5px; }


/**** CONTENT ************************************************************************************/
#content .wrap					{ height:auto !important; padding-top:160px; height:495px; min-height:495px; }
.inc							{ padding:10px; }
.bando							{ text-align:center; }

.navi							{ text-align:right; font-size:10px; color:#aaa; }
.navi a							{ color:#999; }
.navi a:hover					{ color:#8c8bea; }

#content h2						{ font:normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#031af9; text-transform:uppercase; }
#content h2 strong				{ font:normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }
#content h3						{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8c8bea; text-transform:uppercase; margin-bottom:20px; }
#content h3 em					{ font:italic 18px Arial, Helvetica, sans-serif; color:#8c8bea; text-transform:none; }
#content h4						{ font:normal 16px Arial, Helvetica, sans-serif; color:#031af9; }

small							{ font-size:10px; color:#969696; }
small a							{ color:#777; font-style:italic; }


/**** SIDEBAR ************************************************************************************/
.sidebar						{ float:right; width:210px; margin-left:30px; }
.links							{ margin:10px 0; }
.links ul, .links ul li			{ margin:0; padding:0; list-style:none; }
.links ul li					{ margin-top:5px; }


/**** ACCUEIL ************************************************************************************/
/* onglets */
.onglets						{ position:absolute; right:0; top:70px; }
.onglets ul, .onglets ul li		{ margin:0; padding:0; }
.onglets ul li					{ list-style-image:none; list-style-type:none; width:24px; }
.onglets ul li a				{ background-repeat:no-repeat; background-position:0 0; float:right; width:24px; margin-bottom:2px; }
.onglets ul li a:hover			{ background-position:-24px 0; }
.onglets ul li.o_photos a		{ background-image:url(../images/submit_photos.png); height:85px; }
.onglets ul li.o_sondage a		{ background-image:url(../images/submit_sondage.png); height:85px; }
.onglets ul li.o_videos a		{ background-image:url(../images/submit_videos.png); height:85px; }
.onglets ul li.o_chansons a		{ background-image:url(../images/submit_chansons.png); height:109px; }

/* actualités */
#actu_home						{ background-image:url(../images/black-60.png); position:absolute; bottom:0; left:0; width:960px; height:auto !important; height:195px; min-height:195px; padding:10px; color:#fff; }
#actu_home h2					{ font-size:24px; }
#actu_home h2 strong			{ font-size:24px; color:#fff; }
#actu_home h3					{ font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8c8bea; margin:0; }

#actu_home ul, #actu_home ul li	{ margin:0; padding:0; }
#actu_home ul li				{ list-style:none; text-align:left; }
#actu_home span					{ color:#8c8bea; }
#actu_home small				{ color:#fff; }

#actu_home .colLeft				{ float:left; padding-right:35px; width:365px; border-right:1px dotted #fff; }
#actu_home .colLeft img			{ float:left; margin-right:10px; }
#actu_home .colRight			{ margin-left:435px; }
#actu_home p					{ text-align:left; }

#actu_home img					{ border:2px solid #fff; }

#actu_home .link				{ text-align:right; margin-top:10px; }
#actu_home .link a				{ color:#fff; }

/* Boutique officielle */
#boutique_home					{ position:absolute; right:10px; bottom:230px; }
#forum_home						{ position:absolute; right:215px; bottom:230px; }


/**** ACTUALITES ************************************************************************************/
.article						{ margin:0 0 20px 0; clear:left; height:auto !important; height:250px; min-height:250px;  }
.article img					{ border:2px solid #c2c2c2; }
.article .txt					{ margin-left:250px; }


/**** DISCOGRAPHIE ************************************************************************************/
.disc							{ margin:0 0 20px 0; clear:left; height:auto !important; height:160px; min-height:160px;  }
.disc .left img					{ width:150px; border:2px solid #c2c2c2; display:block; }
.disc .left img.note			{ width:inherit; border:none; }
.disc .txt						{ margin-left:180px; }
.disc .txt img					{ width:150px; border:2px solid #c2c2c2; }
.smalldisc .txt img				{ width:100px; border:2px solid #c2c2c2; }

.k7								{ margin-bottom:20px; }
.k7 img							{ border:2px solid #c2c2c2; height:150px; }
.k7 ul, .k7 ul li				{ margin:0; padding:0; }
.k7 ul li						{ list-style-type:none; list-style-image:none; float:left; width:160px; height:180px; font-size:10px; color:#777; text-align:center; border:1px dotted #aaa; margin:5px; padding:10px; }
.k7 ul li img					{ margin:0 auto 3px auto; display:block; width:115px; }

.k7 ul.bigk7 li					{ width:auto; }
.k7 ul.bigk7 li img				{ margin:0 auto 3px auto; display:block; width:auto; }


/**** Versions originales des chansons ******************************************************************/
#versoriginale table			{ width:100%; }
#versoriginale th,
#versoriginale td				{ padding:3px 10px; }
#versoriginale th				{ background-color:#8c8bea; text-align:center; color:#fff; }
#versoriginale td				{ background-color:#efefef; }


/**** PHOTOS ************************************************************************************/
#photos img						{ float:left; margin:2px; width:90px; height:70px; }


/**** LES HOMMES ************************************************************************************/
#leshommes td img				{ width:220px; }


/**** GALERIE PHOTOS ************************************************************************************/
#galerie						{ margin:20px 0; }
#galerie img					{ width:90px; }


/**** CONTACT ************************************************************************************/
.chps							{ font-size:10px; text-align:right; color:#96b91e; margin:0; }
.tab_form						{ border-collapse:collapse; }
.tab_form td					{ vertical-align:top; }
.ireset							{ width:190px; }


/**** TV-GRAPHIE ************************************************************************************/
#tvgraphie td img				{ width:176px; }


/*** PRESSE ************************************************************************************/
.presse							{ border:1px dotted #aaa; padding:10px; margin:10px 0; }


/**** VIDEO ************************************************************************************/
/*#video							{ border:3px solid #8c8bea; width:550px; margin:0; }*/

/**** PUBS  ************************************************************************************/
.leaderboard, .carre			{ /*border:1px solid #c2c2c2; background:url(../images/pub_sony.gif);*/ }
.leaderboard					{ width:728px; height:90px; clear:left; margin:20px auto; }
.carre							{ width:200px; height:200px; }