/*structure generale*/
#contents
{
  padding-bottom:20px;
  position:relative;
  height:100%;
  min-height:500px;
}

#contents #contenu_auteur {
		left:15px;
	  	height:100%;
	  	clear:both;
		position:relative;
	  	float:left; 
		width:835px; _width:855px;
		font:13px Georgia;
		color:#777876;
		z-index:1000;
		margin-bottom: 50px;
}

#contenu_auteur .columleft {width:640px; float:left; background:none;}

#contenu_auteur .columright {float:right;width:160px;margin-left:25px; padding-top:15px; text-align:center;}

#contenu_auteur h3 { font-family:georgia; font-size:14px; font-weight:normal; margin-top:25px; margin-bottom:25px;margin-left:15px;}
#contenu_auteur h3 b{ color:#009df1;}
#contenu_auteur .resultats { float:left; width:100px; text-align:center;height:100px; font-family:georgia; font-size:11px; overflow:hidden;}
#contenu_auteur .resultats img{ border:solid 1px #009df1;}
#contenu_auteur .resultats .espaceImage{ position:relative;width:52px;height:52px; }

#pages
{
  text-align:center;	
  width:640px;
  margin-bottom:3px;
  padding:2px;
  position:relative;
  z-index:1;
}
a.page {border-width:1px;border-color:#8fdd00; border-style:solid;  width:14px; height:14px;text-decoration:none; font:14px Georgia; padding-left:5px;padding-right:5px;}
a#prec{ text-decoration:none; font:14px Georgia; margin-right:10px;}
#prec_grise{ text-decoration:none; font:14px Georgia; margin-right:10px;}
a#suiv{ text-decoration:none; font:14px Georgia; margin-left:10px; }
#suiv_grise{ text-decoration:none; font:14px Georgia; margin-left:10px;}

/*styles columleft*/

.columleft div.presentation{width:640px; margin-top:15px;}
	.columleft div.presentation .avatar { width:70px; float:left;}
	.columleft div.presentation .texte { width:570px; height:180px; float:left;}
	.columleft div.presentation .texte h1 {font:16px Georgia; color:#009df1;}
	.columleft div.presentation .texte .bleu {font:13px Georgia;color:#009df1;}
	.columleft div.presentation .avatarmaxi { float:left;}
	.columleft div.presentation .textemaxi { height:180px; float:left; margin-left:10px;}
	.columleft div.presentation .textemaxi h1 {font:16px Georgia; color:#009df1;}
	.columleft div.presentation .textemaxi .bleu {font:13px Georgia;color:#009df1;}
	
	
.columleft p.onglets{left:0px; float:left; width: 640px; border-bottom: 4px solid #CDEEFB; }
	.columleft p.onglets a{cursor:pointer;}

	.columleft .onglet_interview {position:absolute; top:220px; left:511px;cursor:pointer;}
	
.columleft .onglets_contenu{float:left; width:640px;}

	.columleft .onglets_contenu #illustrations{ width:640px; margin-top:-20px;}
		.columleft .onglets_contenu #illustrations p{ margin-top: 30px;}
		
	.columleft .onglets_contenu #klikklaks{ width:640px; display:none;}
		#klikklaks #nav {width:51px;height:22px;position:absolute; 
							background-color:#FFFFFF; 
									top:260px;left:0px;}
				* html #klikklaks #nav {
				   top:261px; /* Lu uniquement par IE 6 */
				}
		#klikklaks #navprec{ width:25px; height:22px;float:left; 
										background-image:url(../images/fiche/bt_precvert.jpg);cursor:pointer;}
		#klikklaks #navprec:hover{ background-image:url(../images/fiche/bt_precbleu.jpg);}
		* html #klikklaks #navprec {
				   display:inline; /* Lu uniquement par IE 6 */
				}
		#klikklaks #navsuiv{ width:25px; height:22px;float:right; 
										background-image:url(../images/fiche/bt_suivvert.jpg);cursor:pointer;}
		#klikklaks #navsuiv:hover{ background-image:url(../images/fiche/bt_suivbleu.jpg);}
		* html #klikklaks #navsuiv {
				   display:inline; /* Lu uniquement par IE 6 */
				}
		
	.columleft .onglets_contenu .bande_titre{float:left;background-color:#edeff0; text-align:center; padding:3px;width:634px; margin-top:20px;}
	.columleft .onglets_contenu #gagnant_cadre{ float:left; height:216px; width:167px; background-image:url(../images/participez/cadre_gagnant.png); margin-top:10px; margin-left:30px;}
		.columleft .onglets_contenu #gagnant_cadre #illugagnant{ margin-left:15px; margin-top:17px;  }
	.columleft .onglets_contenu #illuselect{ float:left;margin-left:15px;margin-top:20px; height:150px;}
		.columleft .onglets_contenu #illuselect p{ text-align:center; width:142px; margin-top:10px;}

.columleft #interview{float:left; width:640px; border-top:1px solid #8fdd00; padding-top:15px;}

/*styles columright*/
.columright p { text-align:center;font:10px Georgia;}
.columright a { text-align:center;font:12px Georgia;}
.columright span.bleu {color:#009df1;}

.columright #klikklak_mosaique{ width:156px;margin-left: auto;margin-right: auto;} 
	.columright #klikklak_mosaique img{float:left; border: 1px solid #8fdd00; margin:2px; cursor:pointer;}
	
#klikklak_photo{ cursor:pointer;}