* {
	padding:0px; margin:0px;
	border:0;
}
body {
	font:11px Arial, SunSans-Regular, Sans-Serif; color:#FFF;
	text-align:center;
	padding:0px; margin:0px;
	background:#000 url(/images/bgd_main.gif) no-repeat top center;
}
#content p{ text-align:justify; }
label{ cursor:pointer; }
a{ text-decoration:none; color:#FFF; }
li{ list-style-type:none; }
.clear {
	clear:both;
}
h2{ 
	background:url(/images/bulles.gif) 20px 8px no-repeat; 
	padding:0 0 24px 48px;
}
#archives h3{ 
	background:url(/images/bgd_h3.gif) 5px 8px no-repeat; 
	padding:0 0 20px 65px; margin-top:25px;
}
h4{ font:bold 21px Arial, SunSans-Regular, Sans-Serif; color:#05A9FF; }
/* MAIN */
/*********/
#main {
	width:1000px; 
	margin: 0px auto;
	text-align:left;
}

/* HEADER */
/***********/
#header{ height:320px; }
#header h1 a{
	display:block;
	width:436px; height:177px;
	margin-top:20px;
	background:url(/images/h1_logoMandanda.png) no-repeat;
	float:left; cursor:pointer; position:relative; z-index:4;
}
#header h1 strong{ display:none; }
#highlightResultat{
	width:500px; height:160px;
	background:url(/images/bgd_infoResultat.png) no-repeat;
	float:left;
}
#highlightResultat a:hover{
	text-decoration:underline;
}
#highlightResultat div{
	float:left;	
}
#highlightClub{
	width:110px;
	background:url(/images/logo_om.gif) no-repeat;
	padding:12px 20px 25px 70px; margin:40px 0 0 30px;
}
#highlightMatch{
	background:url(/images/bgd_highlightMatch.gif) repeat-y left;
	padding:8px 0 30px 20px; margin-top:25px; text-align:center;
}
#highlightMatch .score{
	color:#11A8FF; font:bold 16px arial;
}
#highlightMatch .score span{
	color:#FFF; font:bold 21px arial;
}
#menu{
	width:980px; height:160px;
	position:relative; left:10px; top:140px; z-index:2;
	background:url(/images/menu.png) no-repeat;
}
#swfmenu{ 
	position:relative; left:-60px; top:-15px; z-index:10; 
}
/* #menu ul{display:none;} */

/* LEFT */
/********/
#left {
	width:300px;
	padding:0 20px;
	float:left;
	vertical-align:top;
	background:transparent url(/images/bulles.gif) no-repeat 270px bottom;
}
#left h2{
	background:none; padding:40px 0 30px 0;
}
#left h2 a{
	font:bold 21px Arial, SunSans-Regular, Sans-Serif; color:#05A9FF;
}
#left p{ padding:0 0 30px 0; }
.illusMandanda{ height:221px; }
.illusMandanda	a,
.illusMandanda	span{
	display:block;
	width:292px; height:221px; margin-bottom:-221px;
	position:relative; top:-221px; left:0; z-index:100;
	background:url(/images/bgd_illus.png) no-repeat;
}
.illusMandanda	span{ top:-221px; }

/* CONTENT */
/*************/
#content{
	width:280px;
	padding:0 25px;
	float:left;
	position:relative; z-index:3;
}
#content .article{ padding:0 0 20px 0; clear:both; }
/* #content .article img{ float:left; } */

#content .article a.cache{ float:left;display:block;width:120px; height:80px; }
#content .article a.cache span{
	display:block;
	width:111px; height:80px; margin-bottom:-80px;
	position:relative; top:-80px; left:0; z-index:100;
	background:url(/images/cachefeatures.png) no-repeat;
}
#content h3,
#content h3 a{ font-size:16px; color:#02A6FF; }
#content h4{ font-size:14px; font-transform:uppercase; padding:10px 0 0 0; }
#main .classement,
#main .emails,
#main .biographie,
#main .galerie{ width:620px; background:url(/images/bgd_content2.png) no-repeat right top; }

.home{ background:url(/images/bgd_article.png) no-repeat right; }
.plusdinfos img{ padding-right:10px; }

/* Sondage */
#sondage{
	font-size:12px; font-weight:bold;
	margin-top:20px;
	background:#00212D url(/images/bgd_sondage.gif) no-repeat bottom right;
}
#sondage .button{width:47px; height:18px; float:right; clear:both; margin-top:10px;}
#sondage h3{
	padding:20px 30px;
	font-size:16px; color:#05A9FF;
	text-align:right;
	background:#00212D url(/images/bgd_h2Sondage.gif) no-repeat top right;
}
#formSondage{
	padding:20px 30px 50px 30px;
}
#formSondage legend span{
	display:block;
	width:200px; padding-bottom:10px;
	white-space:normal;
}
#formSondage p{ padding:10px 0 0 10px; width:200px; }
#formSondage input{ float:left; }
#formSondage label{ padding:0 0 0 10px; }
#formSondage li{ padding:0 0 10px 10px; }

/* RIGHT */
/*********/
#right {
	width:295px;
	padding:0 0 0 25px; margin-bottom:-100px;
	float:left;
	position:relative; top:-100px; z-index:1;
}
#right a{
	display:block; cursor:pointer;
}
#right #videos{ background:url(/images/context_videos.png) no-repeat top;margin:0 0 50px 0; }
#right #videos a{ padding:10px 0 0 120px; }
#right #videos iframe{ width:207px;height:204px;overflow:hidden;margin:37px 0 0 35px;border:4px solid #000; }
#right #photos{ background:url(/images/bgd_context-photos.jpg) no-repeat bottom; }
/*#right #photos img{ padding:0 0 200px 80px; }*/
#right #photos a{ padding:0 0 200px 80px; }
.imgGalerieCopy{padding:285px 0 0 180px;}

/* #Article Infos */
/****************************************************/
#main .articleInfo{ width:620px; background:url(/images/bgd_content2.png) no-repeat right center; }
.articleInfo .illusMandanda{ float:left; padding:0 20px 20px 0; }
p.date{color:#B8B8B8;font-style:italic; padding-bottom:10px;}
.articleInfo p{ padding-bottom:10px; }
.articleInfo b{ color:#009DDC;
font-size:12px; }
.articleInfo .signature{ width:100%; text-align:right; padding-bottom:20px; }

/* #Biographie */
/****************************************************/
.biographie #right{ top:-148px;}
.biographie h2{ background:url(/images/bulles.gif) 25px 8px no-repeat;  padding:0 0 24px 52px; }
.biographie #content { width:620px; background:transparent none; overflow:hidden; float:left; padding-left:0; margin-left:25px; }
.biographie #content p, .biographie #content h4{ padding:0 0 10px 0; }
.biographie .illusMandanda{ padding:0 0 0 0;float:left;margin-right:25px; }
.biographie .illusMandanda span{ top:-231px; }
.biographie .illusMandanda img{ padding:0 0 10px 0; }
.biographie .texte{ 
	width:290px;
	background:transparent url(/images/bgd_raquo.gif) no-repeat right bottom;
}
.biographie .texte img{
	float:left; margin:6px 10px 0 0;
}
.biographie .texte strong{
	display:block;
	text-indent:25px;
	font:normal 10px arial; color:#CCC; font-style:italic;
	padding:3px 0 0 0;
	background:transparent url(/images/bgd_laquo.gif) no-repeat 102px top;
}
/* #content.biographie .illusMandanda{ padding:0 20px 20px 0; } */

.precedent,
.suivant{ display:block; color:#01B5FF; width:40%; float:left; }
.suivant{ background:transparent url(/images/ico_suivant.gif) no-repeat right 4px; padding:0 10px 0 0; float:right; text-align:right; }
.precedent{ background:transparent url(/images/ico_precedent.gif) no-repeat left 4px; padding:0 0 0 10px; }
.scroller{ width:10000px; }
.section{ width:650px; overflow:hidden; text-align:justify; float:left; }
.section .bioText{ float:left; width:308px; padding-right:20px; background:url(/images/bgd_content2.png) no-repeat right center; }

/* #Classement */
/****************************************************/
#main .classement h2{ 
	background:url(/images/bulles.gif) 0px 8px no-repeat; 
	padding:0 0 24px 28px;
}
.classement .illusMandanda { padding:0 0 20px 0; float:left; }
.classement li{ border-top:1px solid #002535; padding:5px 0; }
	.classement li.first{ border-top:0; }
	.classement li strong{ color:#00B6FE; }
.listeInfo{ float:right; width:328px; }
.listeInfo li{ margin:0 0 0 25px; }

/* #Archives */
/****************************************************/
#archives{ clear:both; }
#archives li{ padding:5px; background:url(/images/bgd_archives.gif) bottom no-repeat; }
#archives a{ display:block; }
#archives .date{ padding-right:50px; }

/* #Photos */
/****************************************************/
#iframe{ text-align:center; }
#other li a{ width:224px; display:block; padding:5px 0; position:relative; z-index:500; }
#other li.after{ float:left; text-align:right; }
#other li.next{ float:right; text-align:left; }
#images{ height:300px; }
#images span{
	display:block;
	width:450px; height:300px; margin-bottom:-300px;
	position:relative; top:-300px; left:0; z-index:100;
	background:url(/images/commun/galerieup.png) no-repeat;
	cursor:default;
}
div.pagination{ height:30px; text-align:center; }
.pagination li{ display:inline; padding:0 2px; }
.pagination li a.actif{ font-size:14px; font-weight:bold; }

/* #Fonds d'écran */
/****************************************************/
.wallpaper{ height:235px; margin:15px 20px; background:transparent url(/images/bgd_archives.gif) bottom no-repeat; }
.wallpaper ul{ float:right; }
.wallpaper li{ padding:0 0 10px 0; }
.wallpaper img{ border:1px solid #01070A; }
#saveScreen{ padding:0 0 0 25px; }
#saveScreen li{ padding:5px 5px; }

/* #Vidéos */
/****************************************************/
.videos{ height:110px; margin:15px 20px; background:transparent url(/images/bgd_archives.gif) bottom no-repeat; }
.vignetteVideo{ float:left; border:1px solid #00B6FF; margin-right:25px; }
.videosPlayer{ margin:15px 20px; background:transparent url(/images/bgd_archives.gif) bottom no-repeat; text-align:center; }
.videosPlayer h3{ padding:0 0 10px 0; }
#content .videosPlayer p{ padding:10px 0 10px 0; text-align:center; }

/* Tableau */
.blanc{
	background-color:#596068;
	font:10px Verdana, Arial, Helvetica; color:#FFF;
}
.tableau{
	padding:0; margin:0 0 20px 0;
	font:11px Arial, Helvetica;
	border:0;
}
table.tableau td{
	height:20px;
    	font-size:11px; font-weight:bold;
	border-bottom :#04B3FF 1px solid;
}
.tableau .last td{ border:0; }
.tableau td.pastel1{
	font-size:11px; font-weight:normal; color:#FFF;
	background-color:#055880;
}
.odd{ background-color:#00324A; }
table.tableau th{
	height:22;
	font-size:11px; font-weight:bold; color:#FFF;
	background-color:#055880;
}

/* .emails */
/****************************************************/
#main .emails h2{
	width:200px; float:left;
	background:url(/images/bulles.gif) 0px 4px no-repeat; 
	padding:0 0 24px 28px;
}
#main .emails table{ margin-top:5px; }
#ecrireMails{ padding:0 0 0 0; clear:both; }
#ecrireMails li{ 
	padding:5px 5px 0;
	font-size:12px;
}
.emails p{ clear:both; padding:5px 20px; }
.emails p.date,
.emails p.expediteur{ padding:0; }
.emails p.expediteur{ font-size:12px; color:#00B6FE; text-transform:uppercase; }
.emails label{ 
	display:block; 
	width:100px; 
	float:left;
	font-size:12px;
}
.emails form{ padding:10px 0; }
.emails input,
.emails select,
.emails textarea{ 
	width:250px; 
	float:left; 
	padding:2px 5px;
}
.emails .question{
	padding:4px 0 13px 20px;
	background:url(/images/bgd-ques.gif) 4px 6px no-repeat;
}
.emails .reponse{
	padding:3px 0 13px 20px;
	background:url(/images/bgd-res.gif) 4px 7px no-repeat;
}
.buttonMail{
	background:#033A55;
	font-size:12px;
	text-transform:uppercase;
	display:block; padding:2px 10px;
}
.emails input.submit{
	width:100px; clear:both;
	background:#033A55;
	font-size:12px; color:#FFF;
	text-transform:uppercase;
	display:block; padding:2px; float:right;
}

/* FOOTER */
/***********/
#footer{ padding:20px 25px; }
#footer li{ float:right; padding-right:10px; }
#footer li.first{ float:left; }
