form {margin: 0}
img {border: 0}
.spacer {margin: 0; padding: 0; clear: both; height: 1px;}
html>body .spacer {display: block;}
.marge10, .marge10bis {margin-bottom: 0; display: block; clear: both}
.marge10bis  {margin-bottom: 10px;}
html>body .marge10 {margin-bottom: 10px;}
p.marge3 {margin-bottom: 3px}
.droit_txt {text-align: right}
.droit {float: right}
.rouge {color: #990000}
span.bt_or {background: #F98B42; padding: 2px 10px; float: right}
span.bt_or a {color: #FFF; font-size: 12px; font-weight: bold; letter-spacing: 0.1em}
span.bt_gris {background: #F0F0F0; padding: 2px 10px; border: 2px solid;  border-top-color: #FAFAFA; ; border-right-color: #848484;  border-bottom-color: #848484; border-left-color: #FAFAFA;}
span.bt_gris a {color: #292929; font-size: 12px; font-weight: bold;}
input.parcourir {float: left;  font-size: 12px; border: 1px solid; border-top-color: #848484; ; border-right-color: #FAFAFA;  border-bottom-color: #FAFAFA; border-left-color: #848484;}
a.suppr {color: #115092; text-decoration: underline; background: url(images/interface/suppr.gif) no-repeat top right; padding-right: 20px}
a.edit {color: #115092; text-decoration: underline; background: url(images/interface/b_edit.gif) no-repeat top right; padding-right: 20px}
a.retour {
	color:#115092;
	text-decoration: none;
	font-weight: bold;
}


/* a.bt_orange {display: block; float: right; margin: 12px 0 15px 0; padding-top: 2px; width: 148px ; height: 19px; background: url(images/interface/bt_orange.gif) no-repeat top left; color: white; font-weight: bold; text-align: center} */
a.bt_orange {display: block; float: right; margin: 12px 0 15px 0; padding-top: 2px; width: 148px ; height: 19px; background: url(images/interface/bt_orange.gif) no-repeat top left; color: white; font-weight: bold; text-align: center} 
img.bt_orange_absente {display: block; float: right; margin: 12px 0 15px 0; padding-top: 2px; width: 148px ; height: 19px; color: white; font-weight: bold; text-align: center}

div#nous_gauche {float: left; width: 522px;}
div#nous_gauche div#bandeau_gauche {padding: 0 0 0 0; margin: 0 0 20px 0; height: 109px;}
div#nous_gauche div#bandeau_gauche img {float: left}
div#nous_gauche div#bandeau_gauche p#connect {text-decoration: none; color: white;background: url(images/interface/bandeau_centre.jpg) no-repeat top left; float: left; width: 191px; height: 93px; padding-top: 16px; margin: 0; text-align: right;}
div#nous_gauche div#bandeau_gauche p#connect a {text-decoration: underline; color: white}

/* PARTIE GAUCHE */
/*home encart bienvenue, encart collaborateur */
div#nous_gauche div#bienvenue, div#nous_gauche div#collab {background: url(images/interface/bienvenue_fond.gif) repeat-x top left; margin-right: 20px}
div#nous_gauche div#bienvenue div#bord, div#nous_gauche div#collab div#bord {background: url(images/interface/bienvenue_bord_droit.gif) no-repeat top right; padding: 17px 22px 17px 22px; height: 200px;}
div#nous_gauche div#collab div#bord {padding: 32px 20px 17px 22px; height: 185px;}
div#nous_gauche div#bienvenue img {float: left; border: 11px solid #00AEFF}
div#nous_gauche div#bienvenue p#texte_bienvenue {float: left; margin: 0; width: 290px; height: 135px; padding: 15px 15px 9px 14px; background: white; font-size: 12px; }
div#nous_gauche div#bienvenue p#texte_bienvenue span {font-size: 24px; line-height: 20px; color: #990000; font-weight: bold}
div#rdv1 h1.rouge{	font-size: 16px;	line-height: 16px;	color: #990000;	font-weight: bold;	margin-bottom: 3px;}
div#rdv1 p.bleu_cest_nous  {color:#003366;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin:0pt 0pt 22px;padding:0pt;}
div#rdv1 p.pas_de_RDV {font-weight:bold;}

/* home actus - FAQ*/
div#nous_gauche div#bienvenue div#bord { padding: 17px 22px 0px 22px;  }
div#nous_gauche div#faq {margin: 0 20px 0 0; padding: 0 19px 36px 22px;}
div#nous_gauche div#actus{margin: 0 20px 0 0; padding: 0 19px 0px 22px;}
div#nous_gauche div#actus h3 {color: #990000;}
div#nous_gauche div#actus p.entete {margin: 0; color: #990000; font-size: 14px}
div#nous_gauche div#actus p.texte_actu {margin: 0 0 15px 0}
div#nous_gauche div#actus span.savoir {display: block;}
div#nous_gauche div#actus span.savoir a {color: #115092; float: right;}

/*collaborateur */
/*div#collab {border: 1px solid blue}*/
div#collab2 img.photo, div#profil img.photo {float: left; border: 4px solid #00AEFF}
/* modif TB */
div#collab2 img.photo3  {float: left; border: 4px solid #00AEFF;}
div#profil img.photo3  {float: left; border: 4px solid #00AEFF; margin-top: 38px;}
/* fin modif TB */
div#collab2 img.photo2 {float: left; border: 4px solid #7CAE2B}
div#collab2 div#desc {float: left; margin: 0; width: 460px; background: white;}
div#collab2 div#desc img#relation {float: right; margin: 12px 0 15px 0}
div#collab2 div#desc div#texte {
	position: relative;
	float: left;
	margin: 0;
	width: 309px;
	height: 125px;
	background: white;
	font-size: 12px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 10px;
}
div#collab2 div#desc div#texte img {float: right}
div#collab2 div#desc div#texte img.logo {margin-right: 0px; }
div#collab2 div#desc div#texte div#logo_rel {float: right; width: 150px;}
div#collab2 div#bloc_nom {	float: left;	height:86px;}
div#collab2 div#desc div#texte div#logo_rel table {width:100%}
div#collab2 div#desc div#texte div#logo_rel table td {vertical-align: middle;}
/*div#collab2 div#desc div#texte div#logo_rel table img.ecole {margin-right: 5px; float: left}modif TB 01/11/07*/
div#collab2 div#desc div#texte div#logo_rel table img.ecole {margin-right: 0px; float: left}
div#collab2 div#desc div#texte div#logo_rel table img.ecole {margin-right: 0px; float: left}
div#collab2 div#desc div#texte img#collaborateur {margin-top: 0px}
div#collab2 div#desc div#texte span#nom {display: block; font-size: 18px; font-weight: bold; color: #990000; width: 155px; margin: 0;}
div#collab2 div#desc div#texte span.fonction {display: block; color: #F98B42; font-weight: bold; line-height: 18px; width: 155px; margin: 0;}
div#collab2 div#desc div#texte span.comment {display: block; font-size: 11px; width: 155px; margin: 0;}
div#collab2 div#desc div#texte span.maxime { color: #0081B5;	font-weight: bold;	line-height: 18px;	width: 155px;}

/*tableau logos */

div#infos  {margin: 0 20px 15px 0; padding: 0 19px 36px 22px; background: white}
h1.infos {background: url(images/interface/tt_info_pers.gif) no-repeat top left; height: 30px; padding: 10px 0 0 40px; color: #990000; font-size: 15px }
div#infos span.intitule {float: left; width: 130px; font-weight: bold; color: #990000}
div#infos span.donnees {float: left; width: 330px;}
a#modif_fiche {float: right; background: url(images/interface/modif_fiche.gif) no-repeat top right; padding-right: 22px; margin-top: 15px; color: #115092; text-decoration: underline}
span#lien_action {	float: right;width: 160px;text-align: right;}
span#lien_action a {float: right;}

/*ancien, ambassadeur */
div#collab2 {background: #D6ECF5; margin-right: 20px;}
div#collab2 div#bord {background: url(images/interface/arrondi_haut2.gif) no-repeat top right; width: 502px}
div#degr_collab2 {background: url(images/interface/degr_collab.gif) repeat-x bottom left; padding: 32px 20px 35px 22px;}
div#collab2 div#texte2 {margin: 0 0 0 0; padding: 10px; width: 440px; clear: both;  background: white;}
div#collab2 div#texte2 div#txt_gauche {float: left; border-right: 1px solid #D9E1E8; width: 225px; padding-right: 5px}
div#collab2 div#texte2 div#txt_droit {float: left; border-left: 1px solid #D9E1E8;  width: 198px; padding-left: 10px; margin-left: -1px}
div#collab2 div#texte2 h1  {font-size: 14px; color: #163D6A}

/*info bulle */
span#info_bulle, span#info_bulle2, span#info_bulle3, span#info_bulle4  {background: url(images/interface/info_bulle_pointe.gif) no-repeat top right; margin: 0; display: none; position: absolute; top:108px; right: 38px; cursor: help}
span#info_bulle2 {position: absolute; top: 116px; right: 30px;}
span#info_bulle3 {position: absolute; top: 116px; right: 25px;}
span#info_bulle4 {position: absolute; top:116px; right: 20px;}
span#info_bulle span, span#info_bulle2 span, span#info_bulle3 span, span#info_bulle4 span {display: block; border: solid #8B8F95; border-width: 0 1px 1px 0; margin-top: 15px;}
span#info_bulle span span, span#info_bulle2 span span, span#info_bulle3 span span, span#info_bulle4 span span  {display: block; background: white; margin-top: 15px; border: solid #EEE; border-width: 0 2px 2px 2px; padding: 5px; color: #115092}

/* login */
div#login, div#profil, div#liste_medias, div#media, #ajout_video {background: #E7EFF8 url(images/interface/arrondi_haut.gif) no-repeat top right; margin-right: 20px;}
div#login div#arrondi_bas, div#liste_medias div#arrondi_bas, div#media div#arrondi_bas {background: url(images/interface/arrondi_bas.gif) no-repeat bottom right; padding: 15px 20px 15px 22px;  width: 460px; margin-bottom: 100px}
div#login h1, div#liste_medias h1, div#media h1 {color: #014768; font-size: 30px}
div#login div#form {width: 398px; margin: 20px 0 25px 0; color: #163D6A; font-size: 12px; font-weight: bold;}
div#login div#form p#erreur {color: #990000; font-weight: bold; margin: 0 0 20px 0}
div#login label {float: left; width: 100px; padding-right: 15px;}
div#login input {float: left; width: 277px; border: 2px solid; border-top-color: #848484; ; border-right-color: #FAFAFA;  border-bottom-color: #FAFAFA; border-left-color: #848484;}
div#login span.spacer {height: 10px;}

/*FAQ */
div#faq h1 {color: #990000; font-size: 30px}
div#faq dt {background: url(images/puce_liste_liens.gif) no-repeat 0 50%; padding-left: 8px; color: #014768; font-weight: bold;  }
div#faq dd {margin: 0 0 15px 25px;}
div#faq ul {margin-left: 0px;	padding-left: 0px;}
div#faq a{color: #014768;}

/* erreur  rajout TB */
div#erreur{background: #E7EFF8 url(images/interface/arrondi_haut.gif) no-repeat top right; margin-right: 20px}
div#erreur div#arrondi_bas {background: url(images/interface/arrondi_bas.gif) no-repeat bottom right; padding: 15px 20px 15px 22px;  width: 460px; margin-bottom: 20px}
div#erreur p {color: #CC0000; font-size: 16px; font-weight: bold;}

/* profil */
div#profil div#arrondi_bas, #ajout_video div#arrondi_bas {background: url(images/interface/arrondi_bas.gif) no-repeat bottom right; padding: 15px 20px 15px 22px;  width: 460px;}
div#profil h1, #ajout_video h1 {float: right; font-size: 18px; color: #2865A4}
div#profil div#ma_photo {float: left; background: white; margin: 5px 0 25px 0; width: 300px; height: 91px; padding: 12px 8px 5px  8px;}
div#profil div#ma_photo h3 {color: #508005; text-transform: uppercase; margin: 0}
div#profil div#ma_photo h4 {color: #115092; font-size: 12px; margin: 5px 0}
div#profil div#ma_photo span.bt_gris {float: right}
div#profil h2, div#collab2 h2 {background: url(images/interface/gauche_h2_fond.gif) no-repeat top left; width: 460px; height: 18px; margin: 0; padding: 0; font-size: 14px; color: #FFF; text-align: right; text-transform: uppercase}
div#profil h2 img {vertical-align: -4px}
div#profil div#infos {padding: 0; margin: 0; width: 460px}
div#profil div#infos label {float: left; background: white; padding: 5px 8px; width: 126px; margin: 0 7px 2px 0; font-size: 12px; color: #115092; font-weight: bold}
div#profil div#infos label span.mineur {font-size: 11px; font-weight: normal}
div#profil div#infos input, div#profil div#infos textarea {float: left; width: 301px; height: 18px; padding-left: 3px; margin-top: 2px; border: 1px solid; border-top-color: #848484; ; border-right-color: #D2CFCF;  border-bottom-color: #D2CFCF; border-left-color: #848484;}
div#profil div#infos select {width: 306px;border: 1px solid; border-top-color: #848484; ; border-right-color: #D2CFCF;  border-bottom-color: #D2CFCF; border-left-color: #848484;}
div#profil div#infos label.pres_longue {height: 105px}
div#profil div#infos textarea {height: 109px}
div#profil div#infos select.liste_mois {	width: 120px;	float: left;}
div#profil div#infos input.champs_annee { 	width: 50px;float: left;	margin-top:0px;	margin-left: 5px;}
div#profil div#infos  label.pres_longue span.label_texte {color:#115092;font-size:10px;}

/* medias liste */
div#liste_medias div#arrondi_bas, div#media div#arrondi_bas {padding-bottom: 5px}
div#liste_medias h1, div#media h1 {margin: 0}
div#media a {color: #014768} /* modif TB 01-11-2007 lien sur tout les medias */
h2.result {color: #FF9900; width: 220px; font-size: 18px}
p#pager2  {color: #004869;}
p#pager  {/*width: 230px; */float: right; color: #004869; text-align: right}
p#pager_bas {color: #004869; text-align: center;}
p#pager a, p#pager2 a, p#pager_bas a {color: #004869; text-decoration: underline}
p#pager span.on, p#pager2 span.on, p#pager_bas span.on {font-size: 14px; color: #FF9900; font-weight: bold}

img.media {float: left}
p.media {float: left; background: white; width: 357px; padding: 0px;  height: 63px; color: #115092; margin: 0}
p.media span.auteur_titre_media {	display: block;	width: 232px;	float: left;	padding: 9px;}
p.media span.auteur_titre_collaborateur {	display: block;	width: 272px;	float: left;	padding-top: 9px;	padding-bottom: 0px;	padding-left: 9px;}
p.media span.auteur_titre_media a  {color: #115092}
p.media span.auteur, p.media span.auteur a {color: #FF9900}
p.media span.date_vu {	display: block;	width: 80px;	float: left;	padding-top: 9px;}
p.media span.ecole {	display: block;	width: 65px;	float: right;	padding-left: 10px;}

/* rajout TB moteur picto ecole */
p.media span.vu {color: #77A6D8}
p.media span.play {width: 20px; margin-top: 8px; float: left}
div#liste_medias p.spacer {height: 19px; margin: 0; background: url(images/interface/pointille.gif) repeat-x 50% 50% ;} 
a.suppr_reseau {
	color: #4BC7FE;
	text-decoration: none;
	padding-right: 20px;
	float: left;
	line-height: 20px;
	font-weight: bold;
	margin-top: 5px;
	background-image: url(images/interface/suppr.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
a.ajout_reseau {
	color: #4BC7FE;
	text-decoration: none;
	background: url(images/interface/pic_ajout_reseau.gif) no-repeat top right;
	padding-right: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 5px;
	display: block;
	height: 20px;
	width: 120px;
	float: left;
}
/*video */
div#media {color: #115092;}
h3#video {width: 250px; margin: 0;  float: left; overflow: hidden;}
h3#auteur {width: 202px; color: #FF9900; float: right; text-align: right; }
h3#auteur a {color: #FF9900}
div#media a.suppr,div#media a.edit {float: right}
/*h3.meme_auteur {color: #004869; background: url(images/interface/pic_meme_auteur.gif) no-repeat top left; padding-left: 25px; text-transform: uppercase}
*/
h3.meme_auteur {
	background: url(images/interface/h3_meme_auteur.gif) no-repeat left top;
	width: 258px;
	height: 18px;
	padding: 0px;
	color: #FFFFFF;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 1px;
	vertical-align: top;
	margin-left: 5px;
}
div#media p.vignette, div#media p.vignette_centrale  {background: #C2DFEF}
div#nous_droit a.recherche {color: #FFFFFF} /* modif TB 01-11-2007 lien sur cote droit */
div#media div#arrondi_bas h2.result {color: #FF9900; width: auto; font-size: 18px}

/* ajout_video - mise en relation */
div#boite_daily {color: #47699E; border: 1px solid #47699E; background: url(images/interface/daily_motion.gif) no-repeat top left; padding: 32px 8px 15px; margin: 15px 0}
div#boite_photo {color: #47699E; border: 1px solid #47699E; ; padding: 15px 8px 15px; margin: 15px 0}
div#boite_daily a {
	color: #47699E;
	text-decoration: underline;
	font-weight: bold;
}
div#form_ajout_video {}
div#form_ajout_video label {display: block; float: left; width: 142px; height: 22px; padding: 3px 0 0 5px; margin-right: 8px; background: white; color: #115092; font-size: 12px; font-weight: bold;height:auto;}
div#form_ajout_video input, div#form_ajout_video textarea, div#form_ajout_video select {float: left; width: 300px; margin-top: 3px;  border: 1px solid; border-top-color: #848484; ; border-right-color: #FAFAFA;  border-bottom-color: #FAFAFA; border-left-color: #848484;}
div#form_ajout_video textarea, div#form_ajout_video label#demande {height: 115px}
p.date_pub {float:left;	clear: left;width: 250px} /* ajout tb 1/11/2007 */
div#form_ajout_video div.label_texte,div#profil div#ma_photo div.label_texte{
	color:#115092;
	font-size:10px;
	float: left;
	clear: left;
	padding-top: 3px;
	font-weight: bold;
	display: block;
	width: 300px;
}
  
/* PARTIE DROITE - HOME RECRUT */
div#nous_droit {float: left; width: 260px;}
div#nous_droit p#bandeau_droit {background: #670001; padding: 0 0 0 0; margin: 0 0 8px 0; height: 155px}
div#nous_droit a {color: #115092;}
div#nous_droit  a.toutes {
	font-weight: bold;	
}
div#nous_droit  a.toute_ses_en_rouge, a.toute_ses_en_rouge {
	font-weight: bold;
	color:#990000;
}
div#nous_droit a.bt_lire, div#recrut a.bt_lire {padding: 0}
div#recrut {margin-bottom: 30px; color: #0A3F75; width: 260px}
div#nous_droit h3, div#recrut h3 {background: url(images/interface/droit_h1_fond.gif) no-repeat top left; width: 258px; height: 18px; margin: 0; padding: 0; color: #FFF; text-align: right; text-transform: uppercase}
div#nous_droit a.toute_mes {
	color:#FFFFFF;
}
div#nous_droit h3 img, div#recrut h3 img {vertical-align: -4px}
div#nous_droit h3 img.rss {float: left; display: block; margin: 4px 0 0 12px; }
div#nous_droit p#recherche {margin: 7px 0 10px 0; height: 21px}
div#nous_droit p#recherche input {float: left; width: 190px; height: 17px;  border: 1px solid #007FBA; color: #115092; font-size: 11px; padding: 2px 0 0 6px} 
div#nous_droit p#recherche img {margin-left: 5px;  float: left}
div#nous_droit p#nb_resultats {color: #115092; font-weight: bold; margin: 0}
div#recrut h3 {width: 261px;}
p.vignette, p.vignette_centrale {float: left; margin: 2px 0 1px 0; background: #D6ECF5; width: 84px}
p.vignette_centrale {margin: 2px 3px 0 3px}
div#recrut p.vignette_centrale {	margin-top: 2px;	margin-right: 4px;	margin-bottom: 0;	margin-left: 4px;}
p.vignette span, p.vignette_centrale span {display: block; padding: 4px 2px 9px 7px; color: #115092}
p.vignette span.date, p.vignette_centrale span.date {color: #77A6D8; font-size: 9px; padding: 4px 0 0 0; }
p.vignette img.voir, p.vignette_centrale img.voir {float: right;}
div#recrut div.block_recrut {	
	display: block;
	clear: both;
	float: left;
	margin-top: 3px;
}
p.video {height: 117px; overflow: hidden}
div#nous_droit p.inscrit,div#recrut p.inscrit  {height: 100px; overflow: hidden}
div#nous_droit p.inscrit span,div#recrut p.inscrit span  {float: left; padding-right: 2px}
div#nous_droit ul#liens {list-style: square url(images/puce_liste_liens.gif);color: #115092; margin: 7px 0 0 20px; padding: 0;}
div#nous_droit ul#liens li {margin: 0; padding: 0; border: 1px solid}

div#nous_droit p#derniers_liens {margin: 5px 0 0 0}
div#recrut p#derniers_liens {margin: 0; background: #D7EFF3; padding-left: 10px; width: 248px; }
div#nous_droit p#derniers_liens a.lien, div#recrut p#derniers_liens a.lien {background: url(images/puce_liste_liens.gif) no-repeat 0 6px; padding: 0 0 0 10px;}
div#recrut p#derniers_liens a {color: #0A3F75}
div#recrut p#derniers_liens a.lien {font-weight: bold; }
div#nous_droit p#derniers_liens img.suppr {float: right; margin-right: 6px}

div#nous_droit div.elts_form {width: 245px}
div#nous_droit label {color: #115092; font-size: 12px; font-weight: bold}
div#nous_droit label.petit {float: left; width: 40px; color: #115092; font-size: 11px; font-weight: bold}
div#nous_droit input {width: 138px; border: 1px solid; border-top-color: #848484; ; border-right-color: #D2CFCF;  border-bottom-color: #D2CFCF; border-left-color: #848484;}
div#nous_droit input.parcourir {width: 100%}
div#nous_droit span.bt_gris a {color: #292929}
div#nous_droit span.bt_or a {color: #FFF}

div#nous_droit p.bloc_gris {background: #E5E5E5 url(images/interface/arrondi_gris_gauche.gif) no-repeat top left; padding: 20px 0 14px 7px; width: 250px; height: 31px; margin: 0}
div#nous_droit p.bloc_gris a {display: block; float: left; width: 111px; height: 18px; background: url(images/interface/bt_bleu_fond.gif) no-repeat top left; color: white; font-weight: bold; padding: 8px 0 5px 7px}
div#nous_droit p.bloc_gris a#image {margin-right: 12px}

/* ajout TB */
div#edition_ancien_collaborateur,div#edition_ancien_collaborateur_sortie {display: none;} 
div#edition_collaborateur_internationnal, div#niv_responsabilite_internautes_autre,div#edition_ambassadeur  {display: none;}

/* chat */
.chat_content { background: url(images/interface/bandeau_chat.jpg) 0 110px no-repeat; }
.chat_content div#nous_droit { height:120px; overflow: hidden; }
div#collab2.chat { margin: 0; padding: 70px 0 0 0; background: none; }
div#collab2.chat .title { margin:0; padding: 0 0 0 22px; font-size: 18px; color:#6d665c; }
div#collab2.chat div#degr_collab2 { margin: 0 0 35px 22px; padding: 0; background: url(images/interface/bg_chat.gif) 361px 0 repeat-y; overflow: hidden; }
div#collab2.chat div#desc { position: relative; margin:28px 24px 0 0; width: 352px; background: url(images/interface/bg_hr.gif) repeat-x bottom left; }
div#collab2.chat div#desc div#texte div#logo_rel {width: 142px;}
div#collab2.chat div#desc div#texte { padding:0 0 9px 0; width: 342px; height: 125px; background: none; }
div#collab2.chat div#desc div#texte a.bt_orange { margin:0 0 6px 0; padding:22px 0 0 0; width:142px; height: 0; background: url(images/interface/bt_relation_chat.gif) no-repeat top left; overflow: hidden; }
div#collab2.chat div#desc div#texte a.bt_orange_tchat { background: url(images/interface/bt_lancer_chat.gif) no-repeat top left; }
div#collab2.chat div#desc div#texte span#nom { padding: 0 0 2px 0; width: 110px; font-size: 12px; }
div#collab2.chat div#desc div#texte span.fonction { padding: 0 0 2px 0; width: 110px; font-size: 11px; line-height: normal; }
div#collab2.chat div#desc div#texte span.comment { padding: 0 0 2px 0; width: 110px; font-size: 11px; }
div#collab2 div#desc div#texte span.online { display: block; margin: 10px 0 0 0; padding: 0 0 0 12px; color: #81c401; font-size: 12px; background: url(images/interface/picto_online.gif) left top no-repeat; font-weight: bold; }
div#collab2 div#desc div#texte span.online a { display: block; color: #81c401; }
div#collab2.chat div#desc .maxime { position: absolute; left: 0; bottom: 20px; color: #0081B5;	font-weight: bold; }
div#collab2.chat #pagination { text-align: center; font-size: 12px; }
div#collab2.chat #pagination a { margin: 0 5px; color: #007db7; }
div#collab2.chat #pagination .on { margin: 0 5px; font-size: 14px; }
div#collab2.chat #pagination .back, div#collab2.chat #pagination .next { padding: 1px 4px 0 4px; background: #d6ecf5; border: 1px solid #007db7; }
div#collab2.chat #pagination .next { padding-right: 20px; }