body{padding:0px;margin:0px;background-color:#CCC;}

img{border:0px;vertical-align:middle}


#main{position:relative;left:10%;width:80%;min-width:680px;}


#mainFrame{}


#header{width:100%;background:url("images/fnd_header.png") repeat-x;border: 2px solid black;height:140px}


#logo{margin-bottom:-5px;margin-left:15px;vertical-align:top}

#content{width:100%;min-height:390px;display:block;background-color:#FFF;border: 2px solid black;border-top: 0px solid black;float:left;}

h4{margin-bottom:5px;padding-top:10px;font-family:Arial, Helvetica, sans-serif;font-size:12pt}

h3{margin-top:20px;font-family:Arial, Helvetica, sans-serif;font-size:16pt}

h3:first-letter
{
background:url("images/dot.png") no-repeat;
padding-left:15px;
}

h5{margin-top:20px;font-family:Arial, Helvetica, sans-serif;font-size:11pt}

h5:first-letter
{
background:url("images/sml_dot.png") no-repeat;
padding-left:12px;
}


p{font-family:Arial, Helvetica, sans-serif;}

a{font-family:Arial, Helvetica, sans-serif;color:#00966a;}
a:hover{color:#b7f212;}
/*a:visited{color:#b7f212;}*/


#left_frame{width:200px;min-height:390px;float:left;}


.menu_perso{
margin:0px 0px 5px 0px;
}

.menu{list-style:none;padding:0px;margin:0px;}
.menu li{display:block;border-bottom:2px solid black;padding:0px;margin:0px;}

.menu li a{display:block;background:#FFF;padding:5px;color:black;text-decoration:none;text-indent:5px}
.menu li a:hover{background:#7cb3d1;color:black;}
.menu li a:visited{color:black;}

.menu li a#selected{display:block;background-image:url("images/clr_lb.png");color:black;}

#middle_frame{border-left:2px solid black;padding-left:20px;padding-right:20px;min-height:390px;overflow:auto;}

/* IE 6 */
#IEroot #middle_frame{float:left;border-left:2px solid black;padding-left:20px;padding-right:20px;min-height:390px;overflow:auto;}

#footer{width:100%;display:block;background:url("images/fnd_footer_b.png") repeat-x;border: 2px solid black;border-top: 0px solid black;height:63px;margin-bottom:-10px;float:left;}

#partner{display:block;height:63px;background:url("images/fnd_footer_a.png") repeat-x;float:left;padding-left:8px;padding-top:8px;}

/* Formulaires */

#login_frm{margin-top:-21px;padding:0px 0px 10px 10px;font-family:Arial, Helvetica, sans-serif;font-size:10pt;border-bottom: 2px solid black;}
#IEroot #login_frm{margin-top:0px;padding:0px 0px 10px 10px;font-family:Arial, Helvetica, sans-serif;font-size:10pt;border-bottom: 2px solid black;}

#hello{margin-top:-21px;background:#b7f212;padding: 0px 10px 10px 10px;font-family:Arial, Helvetica, sans-serif;font-size:10pt;border-bottom: 2px solid black;}
#IEroot #hello{margin-top:0px;background:#b7f212;padding: 0px 10px 10px 10px;font-family:Arial, Helvetica, sans-serif;font-size:10pt;border-bottom: 2px solid black;}

.hello_menu{padding-top:10px;clear:both}


#hello a:hover{color:black}

.redstar{
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:14pt;
color:red;
}

#inscription_form{font-family:Arial, Helvetica, sans-serif;font-size:11pt;margin-bottom:15px;}

/* Styles complémentaires */
.highlighted{display:block;background-color:#7cb3d1;border: 2px solid #006eaa;padding:10px;}

.evt{}
.evt_type{float:left;}
/* .evt_user{background-image:url('images/avtr_fnd_sml.png');height:25px;width:25px;float:left;margin-top:3px;margin-right:3px;} */

.hidden{
display: none;
}

.visible{
display: block;
}

.sml_avtr{padding:3px 2px 2px 3px;height:20px;width:20px;background-image:url('images/avtr_fnd_sml.png');margin-right:3px;vertical-align:middle;}
.sml_avtr_href{float:left;}


.evt_content{font-family:Arial, Helvetica, sans-serif;}


.footer_link{text-align:center;margin-top:25px;}
.footer_link a{color:#FFF;}
.footer_link a:hover{color:#b7f212;}

.logo_link{border:0px}

.lrgspc{height:80px;width:100%;}

.sorter{
font-family:Arial, Helvetica, sans-serif;padding:5px;margin-right:45px;background-color:#7cb3d1;float:left;
}
.search{
font-family:Arial, Helvetica, sans-serif;border: 2px solid #7cb3d1;padding:2px;
}


.arial{
font-family:Arial, Helvetica, sans-serif;
}

.arial_b{
font-family:Arial, Helvetica, sans-serif;font-weight:bold;
}

.f_left{
float:left;
}

/*avatar styles*/
#avatar_selector{
margin:8px;
height:110px;
border: 2px solid #BBB;
overflow : auto;
}

.avatar_frame{
display:block;
border:1px solid #EEE;
float:left;
}

.avatar_frame:hover{
background:#b7f212;
border:1px solid #b7f212;
}

.avatar_frame_selected{
background:#b7f212;
border:1px solid #b7f212;
display:block;
float:left;
}

.fnd_avatar{
margin-top:2px;
margin-left:4px;
height:110px;
width:105px;
display:block;
background: transparent url('images/avtr_fnd_mid.gif') no-repeat;
}

.img_avatar{
margin-top:10px;
margin-left:16px;
width:75px;
border:0px;
}

/* pages personnelle */

#IEroot #profil_sum{margin-top:15px}

.profil_avtr{
margin:15px 2px 10px 18px;
}

.profil_avtr_frame{
height:160px;width:160px;padding-bottom:20px;background: url('images/avtr_fnd.gif') no-repeat;margin-right:10px;float:left;
}

.profil_avtr_frame_c{
height:160px;width:160px;padding-bottom:40px;background: #b7f212 url('images/avtr_fnd.gif') no-repeat;margin-right:10px;float:left;
}

.profil_info{
font-size:10pt;text-align:center;
}

#profil_ext{padding-top:5px;clear:both;}

/* annuaire */

.profil_anr_c{
margin-top:10px;background:#b7f212;border:2px solid #b7f212;
}

.profil_anr {
margin-top:10px;background:#7cb3d1;border:2px solid #7cb3d1;
}

.fnd_avtr_mid{
float:left;width:100px;padding:8px 8px 0px 12px;margin:8px 0px 0px 4px;background: transparent url('images/avtr_fnd_mid.gif') no-repeat;
}

.avtr_mid{
height:80px;
}

.anr_profil_info{
background:white;margin-left:112px;font-size:10pt;font-family:arial;padding:3px 5px 5px 3px;
}

.cnx_statut{
font-size:10pt;padding-left:4px
}

/* Discusions */
.discussion {
font-size:10pt;background:#7cb3d1;border:2px solid #7cb3d1;margin-top:10px;
}

.participants{
float:left;width:100px;padding:2px 2px 0px 2px;margin:2px 0px 0px 4px;
}

.sml_avtr_prtcpnt{padding:3px 2px 2px 3px;height:20px;width:20px;background-image:url('images/avtr_fnd_sml.png');vertical-align:middle;margin-bottom:3px;}

.discussion_info{
background:white;margin-left:112px;font-size:10pt;font-family:arial;padding:2px 5px 5px 8px;
}

.last_contrib{
border-top:2px solid #7cb3d1;padding-top:5px
}

/* Tours de table - Parlons-en */

.rt {
background:#7cb3d1;font-size:10pt;border:2px solid #7cb3d1;margin-top:10px;
}

.rt_participants{
float:right;width:100px;padding:2px 5px 0px 10px;
}

.rt_info{
background:white;font-size:11pt;font-family:arial;padding:2px 10px 2px 8px;margin-right:118px;
}

.rt_last_contrib{
border-top:2px solid #7cb3d1;padding-top:5px;font-size:10pt
}

.rt_avtr_selector{
background:white;border:2px solid #CCC;
}

/*
.rt_fnd_avtr_choose{
float:left;width:110px;
}

.rt_fnd_avtr_choose_selected{
float:left;width:110px;background: #b7f212;
}

.rt_fnd_avtr_choose:hover{
background: #b7f212;
}
*/

.rt_avtr_frame{
display:block;
border:1px solid #EEE;
float:left;
text-decoration:none;
}

.rt_avtr_frame:hover{
background:#b7f212;
border:1px solid #b7f212;
}

.rt_add{
width:60px;
border:0px;
}

.rt_add_fnd{
margin:8px;
margin-bottom:9px;
text-align:center;
}

.rt_add_txt{
font-size:10pt;
color:black;
text-decoration:none;
}

/* Messagerie */
.box{
width:90%;background-color:#7cb3d1;
}

.box_head{
text-align:left;font-family:arial;font-size:10pt;font-weight:bold;
}

.box_head_img{
width:33px;
}

.box_line_a{
background-color:#FFF;font-family:arial;font-size:10pt;
}

.box_line_b{
background-color:#EEE;font-family:arial;font-size:10pt;
}

.profil_selector{
width:180px;
height:6em;
padding:5px 5px 5px 5px;
margin: 5px 5px 0px 0px;
list-style:none;
border: 2px black solid;
overflow: auto;
}

.recepient{
width:180px;
height:6em;
padding:5px 5px 5px 5px;
margin: 10px 5px 0px 0px;
list-style:none;
border: 2px black solid;
overflow: auto;
}

.separation{
margin-left:200px;
padding-left:8px;
border-left: 1px dashed black;
}

.add_profil{
border-bottom: 1px solid #CCC;
}

.add_profil a{
padding: 4px 4px 4px 20px;
background: url('images/add.png') no-repeat 2px 7px;
display:block;
width:70%;
}

.rmv_profil{
border-bottom: 1px solid #CCC;
}

.rmv_profil a{
padding: 4px 4px 4px 20px;
background: url('images/suppr.png') no-repeat 2px 7px;
display:block;
width:70%;
}





/* info bulles */
a.info span{
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #7cb3d1;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  2px solid #006eaa; /* Définition des bordures */
	padding:3px;

}

a.info{
	text-decoration:none;
	color:black;
	padding: 2px 22px 2px 2px;
	background: transparent url('images/info_bulle.png') no-repeat right center;
}

a.info:hover{
  color:black;
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}



a.info:hover span, a.info:focus span, a.info:active span 
{
	color	:	black;
    top        :  auto;
    left       :  auto;
    width      :  350px;
    height     :  auto;
    overflow   :  visible;
	margin-left:25px;
}