/* CSS Document */
/************************************************************** 
		HABILLAGE ESPACE PUBLIC 
************************************************************/
.AjaxListOpen {
	display:block;
	background: white;
	border-right: black 1px solid;
	border-left: black 1px solid;
	border-top: black 1px solid;
	border-bottom: black 1px solid;
	padding-right: 0px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 0px;
	position: absolute;
}
.AjaxListClose {
	display:none;
	height: 0px;
	position: absolute;
	z-index:0;
}


.fond-body-public{
	/*background-image:url(/images/charte/fond-index-public.gif);
	background-repeat:no-repeat;*/
	background-position:center;
	background-color:#b3a5dd;
	margin-top:0;
}
.index-public{
	/*background-position: top center;*/
	
	/*text-align:center;*/
	background-image:url(/images/charte/IFM-UNE.gif);
	margin:auto;
	width:1000px;
	background-repeat:no-repeat;
	height:750px;
}

.index-public img{
margin:0px;}
.fond-adherent-g{
	/*background-image:url(/images/charte/public-03a.gif);*/
	width:105px;
	height:97px;
	background-repeat:no-repeat;
	float:left;
}/*
.fond-adherent-formulaire{
	background-image:url(/images/charte/public-03b.gif);
	width:140px;
	height:97px;
	background-repeat:no-repeat;
	background-position:top;
	margin:0;
	padding:0;
}*/




.fond-adherent-formulaire1 form{
	width:140px;
	height:97px;
	margin-top:60px;
	margin-left:100px;
	padding-right:30px;
	_margin-left:50px;
	float:left;
	clear:both;

}


.fond-adherent-formulaire1 p{
	margin-top:0;
	text-align:left;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	color:#FFFFFF;
	font-size:14px;
}
.fond-adherent-formulaire1 .Valid-Adherent{
	margin-left:90px;
	margin-top:2px;
}
.fond-adherent-d{
	/*background-image:url(/images/charte/public-03c.gif);*/
	width:779px;
	height:97px;
	background-repeat:no-repeat;
	float:left;
	margin:0;
	padding:0;
	border:1px solid red;
}
/*
.entree-adherent{
	width:1024px;
	background-position:center;
	}
	*/
.entree-adherent{

	}


/*******************************************************************************************************
	SITE PUBLIC - Menu haut
********************************************************************************************************/

.bandeau-site-public{
	background-image:url(/images/charte/fond-bandeau-public.gif);
	background-repeat:no-repeat;
	width:1000px;
	height:105px;	
	/*position: relative;*/
}

.menu-top .Association{
	width:115px;
	float:left;
	margin-left:10px;
}
.menu-top .Myelome{
	width:100px;
	float:left;
}
.menu-top .Traitement{
	width:110px;
	float:left;
}
.menu-top .Questions{
	width:110px;
	float:left;
}

.menu-top .liens-publics2{
	width:100px;
	float:left;
}

.rechercher2{
	width:176px;
	margin-top:58px;
	height:23px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	vertical-align:text-bottom;
	padding-right:0px;
}
/*******************************************************************************************************
	SITE PUBLIC - Menu gauche
********************************************************************************************************/
#public .Info-authentification{
	/*height:100px;*/
}
#public .menu-gauche-h{
	background-image:url(/images/charte/fond-menu-gauche-h-public.gif);
	width:173px;
	height:29px;
	background-repeat:no-repeat;
}
#public .menu-gauche-b{
background-image:url(/images/charte/fond-menu-gauche-b-public.gif);
	width:173px;
	height:22px;
	background-repeat:no-repeat;
	float:left;
}
#public .menu-gauche{
	width:173px;
	float:left;
	margin:0;
	padding:0;
	
	

}
#public .menu-gauche-txt{
	/*width:173px;*/
	background-image:url(/images/charte/fond-menu-gauche-public.gif);
	background-repeat:repeat-y;
	height:200px;
	overflow:auto;

}


#glossaire{
	width:138px;
	font-size:9px;
	text-align:left;
	margin-left:12px;
	margin-right:5px;
}
/************************************************************** 
	HABILLAGE SITE PRINCIPALE 
************************************************************/
body
{
	font-family:Verdana, Arial, sans-serif;
	margin:auto;
	_margin:0;
	padding:0;
	/*height:1000px;*/

	
	
	}
	
.fond-body{
	font-family:Verdana, Arial, sans-serif;
	
	/*position:static;*/
	margin:auto;
	padding:0px;
	font-size:0;
	background-image:url(/images/charte/fond-body.gif);
	width:1000px;
	/*min-height: 100%;*/
	min-height: 1050px;
	_height:1050px;
	background-repeat:repeat-y;
	background-position: center top;


}
.align-body{
	margin:auto;
	width:1000px;
	
}
.degrade-trame{	
	/*margin-left:-115px;*/
	/*width:1000px;*/

}


p, li, ul, div, a, h1, h2, h3, h4, h5, h6, form,  b, strong, hr, ol, u, em ,br, a, table{
	margin:0;
	padding:0;
}

@media screen { 
	html{
		overflow-y:scroll;
		overflow-x:hidden;
	}
}

.contenu-body{
	/*width:807px;*/
	width:783px;
	/*height:800px;*/
	margin-left:200px;
	margin-top:20px;
	/*float:right;*/
	/*float:left;*/
	margin-bottom:0;

}

.bloc-entourage{
	border-width:1px;
	border-style:solid;
	border-color:#808080;
	height:auto;
	min-height:125px;
	_height:125px;
	margin-bottom:0px;
	padding-bottom:20px;

}

.bloc-contenu{
	margin-left:58px;
	margin-right:15px;
	margin-bottom:10px;

}

h1{
	color:#95339b;
	font-size:15px;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:8px;

}
h1 a{
	margin-left:10px;
}
h2{
	color:#95339b;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:8px;
	margin-left:0px;
	padding-left:20px;
	background-image:url(/images/charte/puce-li.gif);
	background-repeat:no-repeat;

}
h3{
	/*color:#808080;*/
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:8px;
	margin-left:30px;
}
h4{
	color:#808080;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:8px;
	margin-left:40px;
}
p{
	color:#000000;
	font-size:11px;
	padding-bottom:5px;
	text-align:justify;

}
ul{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:20px;
	}
li{
	color:#000000;
	font-size:11px;
	padding-bottom:10px;
	list-style-position: outside;
	list-style-image: url(/images/charte/puce-li.gif);
	padding-bottom:5px;
	margin-left:40px;
	text-align:justify;
}
ol li{
list-style-image: none;
list-style-position:inside;}

a, li a{
	color:#95339b;
	font-size:11px;
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	}
	
td{
	font-size:11px;
	}
	
input{
	color:#95339b;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
hr{
	color:#95339b;
	width:50%;
	background-position:center;
	margin-bottom:10px;
	margin-top:10px;
	margin-right:10px;}

.retour{
	background-image:url(/images/charte/retour.gif);
	background-repeat:no-repeat;
	width:806;
	height:21px;
	background-position:right;
	margin-bottom:0px;
	margin-left:0;
	margin-right:0;
	padding-right:0;
	text-align:right;
	font:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}
strong{
	color:#95339b;
	font-weight:bold;}
.gras{
	color:#000000;
	font-weight:bold;}

.spacer{
width:15px;
}
/********************************************************
ESPACE PRIVE - ACCUEIL 
***********************************************************/
.titre-AlaUne{
	background-image:url(/images/charte/h1-ALaUne.gif);
	background-repeat:no-repeat;
	height:39px;
	width:783px;
}
.titre-Actualite{
	background-image:url(/images/charte/h1-Actualites.gif);
	height:39px;
	background-repeat:no-repeat;
	width:783px;
}
.contenu-Actualite .bloc-contenu{
	padding:20px;
	margin:0px;
}
.contenu-Actualite li{
	color:#000000;
	padding-left:0px;
	margin-left:0px;
}
.contenu-Actualite li a{
	color:#000000;
}
.contenu-Actualite li a.gct-titre-actu 
{
	color:#95339b;
}
.contenu-Actualite h1{
	padding-bottom:0px;
	margin-bottom:0px;
}
/*********************************************************************************************************
BANDEAU PAGES SITES
********************************************************************************************************/
.bandeau-rub-association{
	background-image:url(/images/charte/bandeau-association.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-myelome{
	background-image:url(/images/charte/bandeau-myelome.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-traitement{
	background-image:url(/images/charte/bandeau-traitement.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-FAQ{
	background-image:url(/images/charte/bandeau-questions.gif);
	height:84px;
	width:781px;
	background-position:top;
}
	
.bandeau-rub-evenement{
	background-image:url(/images/charte/bandeau-agenda-rub.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-evenement-CR{
	background-image:url(/images/charte/bandeau-CR.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-liens{
	background-image:url(/images/charte/bandeau-liens.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-contact{
	background-image:url(/images/charte/bandeau-association.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-agenda{
	background-image:url(/images/charte/bandeau-agenda-rub.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-portfolio{
	background-image:url(/images/charte/bandeau-portfolio.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-contribuer{
	background-image:url(/images/charte/bandeau-contribuer.gif);
	height:84px;
	width:781px;
	background-position:top;}
	
.bandeau-rub-doc-dispo{
	background-image:url(/images/charte/bandeau-doc-dispo.gif);
	height:84px;
	width:781px;
	background-position:top;}

.titre-rubrique{
	background-image:url(/images/charte/puce-titre-rub-g.gif);
	background-repeat:no-repeat;
	height:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#95339b;
	margin-top:30px;
	width:auto;
	float:left;
	margin-left:70px;
	_margin-left:30px;
	padding-left:45px;
	vertical-align:text-top;
}
.puce-d{
	background-image:url(/images/charte/puce-titre-rub-d.gif);
	background-repeat:no-repeat;
	width:34px;
	height:15px;
	float:left;
	margin-top:33px;
	margin-left:10px;
}
.Imprimer, .Imprimer p{
	background-position:right;
	text-align:right;
	margin:5px;
	margin-bottom:0;
}

/*******************************************************************************************************
	ESPACE PRIVE - Menu haut
********************************************************************************************************/

.bandeau-site{
	background-image:url(/images/charte/fond-bandeau.gif);
	background-repeat:no-repeat;
	width:1000px;
	margin:auto;
	height:105px;
	
}

.menu-top{
	width:800px;
	color:#080808;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	float:left;	
}
.menu-top a{
	color:#080808;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.menu-top a:hover{
	color:#808080;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.menu-top .Accueil{
	width:148px;
	float:left;
}
.menu-top .Profil{
	width:93px;
	float:left;
}
.menu-top .Annuaire{
	width:82px;
	float:left;
}
.menu-top .Port-Folio{
	width:80px;
	float:left;
}
.menu-top .Cotiser{
	width:81px;
	float:left;
}
.menu-top .Contact-IFM{
	width:97px;
	float:left;
}
.menu-top .Site-public{
	width:96px;
	float:left;
}
.menu-top .liens-publics{
	width:81px;
	float:left;
}
.rechercher{
	/*width:224px;*/
	width:200px;
	margin-top:58px;
	height:23px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	vertical-align:text-bottom;
}
.champ-recherche{
	background-color:#e3dbf9;
	color:#95339b;
	border-color:#b6a9de;
	border:1px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
}

/*******************************************************************************************************
	ESPACE PRIVE - Menu gauche
********************************************************************************************************/
.Info-authentification{
	width:148px;
	height:61px;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	padding-left:17px;
	padding-top:10px;
}
#public .Info-authentification{
	height:auto;
}
.bt-connexion-prive{
	margin:0;
	margin-top:15px;
	padding:0;
	padding-top:6px;
	padding-left:27px;
	margin-bottom:10px;
	background-image:url(/images/charte/bt-acces-prive.gif);
	/*width:174px;*/
	_width:auto;
	height:30px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;


}
.bt-connexion-prive a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;}
	
.bt-connexion-prive a:hover{
	color:#95339b;
	text-decoration:none;
}

.menu-gauche{
	width:173px;
	float:left;
	margin:0;
	padding:0;
}

.menu-gauche-h{
	background-image:url(/images/charte/fond-menu-gauche-h2.gif);
	width:173px;
	height:23px;
	background-repeat:no-repeat;
}
.menu-gauche-b{
	background-image:url(/images/charte/fond-menu-gauche-b2.gif);
	width:173px;
	height:24px;
	background-repeat:no-repeat;
	float:left;
	
}

/**********************************************************
AGENDA
**********************************************************/
.fond-agenda{
	background-image:url(/images/charte/img-agenda.gif);
	background-repeat:no-repeat;
	margin-left:6px;
	_margin-left:3px;
	margin-top:40px;
	float:left;
	padding-top:2px;
	padding-bottom:0px;
	width:161px;
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.fond-agenda .lien-agenda{
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.fond-agenda .lien-agenda:hover{
	color:#95339b;
	text-decoration:none;
}
.contenu-agenda{
	margin : 2px;
}
.bandeau-agenda{
	background-image:url(/images/charte/bandeau-agenda.gif);
	height:18px;
	background-repeat:repeat-x;
	width:158px;
	color:#000000;
	font-size:10px;
	text-align:center;
}
.fond-agenda-b{
	background-image:url(/images/charte/img-agenda-bas.gif);
	background-repeat:no-repeat;
	width:160px;
	_width:159px;
	height:18px;
	_height:17px;
	margin-left:7px;
	_margin-left:4px;
	float:left;
}
.lien-agenda-complet {
	padding-left:7px;
	color:#c872ff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none
}
.lien-agenda-complet:hover{
	color:#808080;
}




/***************************************************************** 
	ESPACE PRIVE - HABILLAGE DYNAMIQUE DU MENU DE GAUCHE 
**************************************************/
#menu{

	float:left;
	width:173px;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/charte/fond-menu-gauche-txt2.gif);
	background-repeat:repeat-y;
}
.niveau1 {

	font-size: 10px;
	color:#808080;
	text-transform:none;
	font-weight: bold;
	
}
/*style au clic*/

.niveau1Selection{
	height:33px;
	padding-left:53px;
	margin-left:3px;
	font-size: 12px;
	color:#808080;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:13px;
	font-weight:normal;
}
.niveau1-txt {
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-top:13px;
	font-weight:normal;
}
.niveau1Fond-rub01 {
	background-image:url(/images/charte/img-menu-compterendu.gif);
	height:33px;
	background-repeat:no-repeat;
	padding-left:53px;
	margin-left:3px;
	}
.niveau1Fond-rub02 {
	background-image:url(/images/charte/img-menu-protocoles.gif);
	height:33px;
	background-repeat:no-repeat;
	padding-left:58px;
	margin-left:5px;
}
.niveau1Fond-rub03 {
	background-image:url(/images/charte/img-menu-publications.gif);
	height:50px;
	background-repeat:no-repeat;
	padding-left:58px;
	margin-left:5px;
	padding-top:16px;
}
.niveau1Fond-rub04 {
	background-image:url(/images/charte/img-menu-documents.gif);
	height:49px;
	background-repeat:no-repeat;
	padding-left:58px;
	margin-left:5px;
	}
.niveau1Fond-rub05 {
	background-image:url(/images/charte/img-menu-contribuer.gif);
	height:45px;
	background-repeat:no-repeat;
	padding-left:58px;
	margin-left:5px;

}

.niveau2 {
	width:167px;
	text-indent:80px;
}
.lienNiveau2{
	text-decoration:none;
	font-size: 12px;
	color: #000000;
	line-height:15px;
}
.lienNiveau2:hover{
	text-decoration:none;
	font-weight: normal;
	color: #898989;
}
.lienNiveau2-Select{
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 15px;
}

/*********************************************************************************************
DIVERS
*****************************************************************************************/

.entourage-table{
	width:550px;
	background-color:#988cbc;
	padding:5px;
	margin:5px;
	background-position:center;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}


/*********************************************************************************************
CONTENEUR MENU TOP PARTIE PUBLIQUE
*****************************************************************************************/

#menuHaut {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 20px;
	font: 9px verdana, sans-serif;
}

#menuDeroulantIE6 {
	display: none;}						/* on masque le menu utilisé par IE6 */

#menuDeroulant {

	position:absolute;
	margin:0px;
	padding-top:70px;
	margin-left:140px;
	width:660px;
	height: 25px;
	text-align: center;
}

.accueil-public{
position:absolute;
	margin:0;}
/* ----- 1 er niveau (et li en général que l'on redéfinit par la suite) ----- */

#menuDeroulant li {
	float:left;
					/* Pour afficher les li en ligne*/
	width: 91px;
	list-style-type: none;
	list-style-image:none;
	margin:auto;
	padding:0;
	margin-left:19px;
	display:block;
	border-right: 0px solid transparent;
}

#menuDeroulant ul{

	margin:0;
	padding:0;
} 
/* ------ Les sous-menus ----- */	

#menuDeroulant .sousMenu {/* Masqués par défaut */
	display: none;						
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;

}
#menuDeroulant .sousMenu li {
	float: left;	
	width: 100%;					/* on annule le float définit plus haut*/
										/* Pour avoir sous-menu plus grand on peut le spécifier ici */
	border-top: 1px solid #ffffff;	/* Pour séparer les items du menu*/
	list-style-image:none;
	padding:0;
	margin:0;
	background-color: #e1dbf5;
	
	/*background-image:url(/images/charte/degrade-transparent.gif);
	background-repeat:repeat;*/

	
}
/* Affichage du sous-menu quand on survol 1er niveau*/
#menuDeroulant li:hover > .sousMenu {
	display: block;
	
}
/* ----- Les liens du menu ----- */
#menuDeroulant a {
	text-decoration: none;
	margin:0;
	padding:0;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited {
	display: block;						/* Le display block permet de spécifier des dimensions/marges/padding...*/
	height: 1%;
	color: #000000;
	padding: 4px 0;	
	font-size:12px;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
					/* Padding à gauche*/
	margin:0;
	display: block;	
	font-size:11px;
	color:#95339b;
	padding-left:4px;
	
} 
#menuDeroulant li a:hover {
	color:#666666;
	font-size:12px;
	display: block;			/* Changement de couleur au survol d'un lien principal */
}

#menuDeroulant .sousMenu li a:hover	{
		
	background-color:#e4bcff;
	padding-left:4px;
	font-size:11px;
	color:#ffffff;	
	display: block;		/* Pour le changement de couleur lors du survol d'un sous-menu */
}