.personne_container {
	width: 690px;	
	clear: both;
	margin: 0 0 20px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}

.personne_main {
	position: relative;
	overflow: hidden;
	clear: both;
	width: 690px;
}
.personne_pages {
	position: absolute;
	width: 20000em;
}

/* Container des thèses et des petits points */	
	
.personne_page {
	float: left;
	padding: 10px;
	background: #eee;
	width: 670px;
}

/* Hauteurs communes importantes */	

.personne_main, .personne_page {
	height: 150px;
}
.personne_item_status {
	height: 105px;
}

.personne_scrollable {
	position:relative;
	overflow:hidden;
	width: 650px;
	height: 125px;
}
.personne_scrollable .personne_items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* Bloc d'une thèse */

.personne_item {
	width: 650px;
	height: 135px;

}


        

/* Icône concernant le status de soutenance d'une thèse */

.personne_item_status {
	width: 50px;
	float: left;
        padding-right:5px;/**/
	/*background: url(/images/fond_status.gif) repeat-y ;*/
}
.personne_item_status img {
	margin: 30px 0 0 0;       
}

/* Textes de la thèse */

.personne_item_content {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	/*background: white;*/
	float: left;
        height: 99px;
	width: 589px;
        border: 3px solid white;
        -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;       
}
.personne_item p {
	margin: 10px 10px 0 10px;
	color: #666;
}
.personne_item p a {
	text-decoration: none;
	color: #0096DC;
}
.personne_item p a:hover {
	color: #fff;	
}

/* Onglets "Soutenance" et "Accéder en ligne" */

.personne_item_soutenance, .personne_item_acceder a {
	 -khtml-border-radius: 0 0 10px 10px; 
         -moz-border-radius: 0 0 10px 10px; 
         -webkit-border-radius: 0 0 10px 10px; 
         border-radius: 0 0 10px 10px; 
}
.personne_item_soutenance {
	color: #FB8920;/*#fa7800;*/
}
.personne_item_acceder a {
	background: #52397b;
	color: #ccc;
	text-decoration: none;
}
.personne_item_acceder a:hover {
	color: #fff;
}

/* Pousser les petits points à droite */

.personne_main div.personne_navi {
	cursor: pointer;
	float: right;
	margin: 35px 0 0 0;
}
/* Groupement des onglets */
	
.personne_roles {
    /*padding:0px !important;*/
    margin:0px !important;
    padding-right:5px !important;
    padding-left:5px !important;   
    width: 680px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
    background-color: #EEEEEE;
}

/* Onglet standard */
	
.une_role {
	width: 100%;
        cursor:default;
}
.deux_roles {
	width: 50%;
        cursor:pointer;
}
.trois_roles {
	width: 33%;
	border: 1px solid #ddd;
        cursor:pointer;
}
	
.personne_roles li {
	background: #ddd;
	list-style-type: none;	
	float: left;
	padding: 5px 0;
	margin: 2px 0;
	color: #555;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.personne_roles .une_role li {

}
/* Onglet en survol */
	
.personne_roles li:hover {
	background: #333;
	color: #fff;
}
/* Onglet actif */
	
.personne_roles li.active {
	background: #38B4E7;
	color: #fff;
}
/* Zone pour le nom de la personne */
	
.personne_entete {
	float: left;
	/* passe en EEEEEE */
	background: #EEEEEE;
	color: #333;
	width: 690px;
}

.personne_entete h2, span.ptexte {
	margin: 0;
	padding: 0;
	font-weight: 300;
	display: block;
}

.personne_entete h2 {
	font-size: 20px;
}

span.ptexte {
	font-size: 14px;
}

/* Zone de l'avatar */
	
.personne_avatar {
	float: left;
	/* yann a mis 0px ce con*/
	border: 0px solid #0096dc; 
	width: 58px;
	height: 58px;
}
.personne_active {
	background: url(../images/personne_active.gif) no-repeat 5px 5px #EEEEEE;
}
.personne_inactive {
	background: url(../images/personne_inactive.gif) no-repeat 5px 5px #EEEEEE;
}

a.infobulle{
position:relative;
z-index:25;
color:#000;
text-decoration:none
}

a.infobulle:hover{
z-index:25;
background-color:#FFF
}

a.infobulle span{
display: none
}

a.infobulle:hover span{
display:inline;
position:relative;
width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

/* Zone du nom de la personne */
/* yann change couleur */
.personne_nom {
	float: left;
	width: 560px;
	margin: 8px 0 0 10px;
	color: #666666;
}

/* yann vire ombre */
.personne_nom a {
	color: #0096DC;
	text-decoration: none;
	display: block;
}
.personne_nom a:hover {
	text-decoration: underline;
	background: none;
}
/* Zone de la flèche */

.personne_fleche {
	padding: 4px;
	}

.personne_fleche a {
	float: left;
	width: 50px;
	height: 50px;
	text-decoration: none;
	display: block;
	background: url(../images/personnes_fleche.png) no-repeat 17px 17px #EEEEEE;

}
.personne_fleche a:hover {
	text-decoration: none;
}
/* Etats des petits points, à ne pas toucher */

.personne_navi a {
	width: 8px;
	height: 8px;
	margin: 3px;
	background: url(../images/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
	padding: 0;
}
.personne_navi a:hover {
	background-position:0 -8px;
}
.personne_navi a.active {
	background-position:0 -16px;
}