
#conteneur {
/* ne pas toucher les lignes suivantes */
position: absolute;
width: 741px;

/*left: 50%;
margin-left: -375px;*/
}
#bandeau {
height: 90px;
margin-top:0px;/* Marge à partir du haut du conteneur */
margin-left:0px;/* Marge à partir de la gauche du conteneur */
/*background-color:#47A944;*/
background-image:url(/rpai/images/pixgris.gif);
/*border:#FED120 1px solid;*/
}
#gauche 
{
position: absolute;
height: 100%;
z-index: 200;
width: 146px;
/*left:0;*/
margin-top: 90px;/* Marge à partir du haut du conteneur */
/*margin-left:0px;/* Marge à partir de la gauche du conteneur */
/*border:#00ff00 1px solid;*/
background-image:url(/rpai/images/fond.gif);
}
#menugen {
/*height: 600px;*/
height: 100%;
left: 0;
width: 285px;
border:#000000 1px solid;
}

#droite
{	
position:absolute;
left: 155px;
width: 550px;
margin-top: 00px;
}
#contenu 
{
position:absolute;
left: 0px;
width: 550px;
margin-top: 0px;
}

#menu2
{
position:absolute;
left:146px;
top:51px;
z-index:1000;
}

/*
#reseau li, #reseau ul li
{
	border:#FED120 1px solid;
}

#reseau a
{
	color:#FF8900;
}

#reseau ul a:hover,#reseau li:hover
{
	border:#FED120 solid 1px;
	background-color:#FED120;
	color:#FFFFFF;
}


#grossesse li, #grossesse ul li
{
	border:#AECCFF 1px solid;
}

#grossesse a
{
	color:#0098FF;
}

#grossesse ul a:hover,#grossesse li:hover
{
	border:#AECCFF solid 1px;
	background-color:#AECCFF;
	color:#FFFFFF;
}
*/

.login {
font-weight:normal;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}

.blancgris {
font-weight:normal;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}

.poptitre {
font-weight:normal;
color:#FFFFFF;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}


.txtlog{
font-weight:normal;
color:#FFFFFF;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}

.titre {
	font-weight:bold;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	text-transform: uppercase;
}

.titre2 {
	font-weight:bold;
	color:#CC3366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	text-transform: uppercase;
}

.titre3 {
	font-weight:bold;
	color:#CC3366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
}

.sous-titre{
	font-weight:bold;
	color:#FF6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	font-style: normal;
}

.p-titre{
	font-weight:bold;
	color:#FF3300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
	font-style: normal;
}

.p-soustitre{
	font-weight:bold;
	color:#FF3300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	font-style: normal;
}

.txt{
	font-weight:normal;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	font-style: normal;
}

.txtblanc {
font-weight:normal;
color:#FFFFFF;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}

.piedpage{
font-weight:normal;
color:#CC3399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}

.p-tabtitre{
font-weight:bold;
color:#FF3300;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}

.tabtitre {
	font-weight:bold;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

.tabtitre2 {
	font-weight:bold;
	color:#CC3399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	text-transform: uppercase;
}

.button {
	font-weight:normal;
	color:#f97d53;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	background-color: #FFFFFF;
	background-position: center;
	border: 1px solid #CCCCCC;
}

a {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:yes;
 font-size: 10px; font-style: normal; color: #000000;
}

a:link {color:#000000}
a:visited {color:#CC3399; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal}
a:hover {color:#CC3399; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal}
a:active  {color:#CC3399; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal}



/* ================ MENU DEBUT =============== */

/* link heights corresponds with image height */
.navButton, .navButton:visited {
height:15px;

/*
	this is for mac/ie5
	it would normally cause a rendering problem
	(a vertical expansion in the topnav)
	but it doesn't here because the topnav is a fixed height
*/
position:relative !important;

}

/* span is same dimensions as link, and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:15px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
}

/* MENU RESEAU */
#PUBLIC_RESEAU{
			width:175px;
			height:24px;
			/*right:15px;*/
			background-image:url(/rpai/images/public_reseau.gif);
			
}
#resButton, #resButton:visited {
			width:175px;
}
#resButton span, #resButton:visited span 
{
	/*background-image:url(/hepatite/images/tm-conv.gif);*/
}
#resButton:hover span {
	/*background-image:url(/hepatite/images/tm-conv2.gif);*/
}

/* MENU COOLECTIF */
#PUBLIC_COLLECTIF{
			width:175px;
			height:27px;
			background-image:url(/rpai/images/public_collectif.gif);
			background-repeat:no-repeat;
			
}
#collButton, #collButton:visited {
			width:175px;
}
#collButton span, #collButton:visited span 
{
	/*background-image:url(/hepatite/images/tm-conv.gif);*/
}
#collButton:hover span {
	/*background-image:url(/hepatite/images/tm-conv2.gif);*/
}

/* MENU ANNUAIRE */
#PUBLIC_ANNUAIRE{
			width:175px;
			height:27px;
			background-image:url(/rpai/images/public_annuaire.gif);
			background-repeat:no-repeat;
			
}
#annButton, #annButton:visited {
			width:175px;
}
#annButton span, #annButton:visited span 
{
	/*background-image:url(/hepatite/images/tm-conv.gif);*/
}
#collButton:hover span {
	/*background-image:url(/hepatite/images/tm-conv2.gif);*/
}
/* MENU MUCO */
#PUBLIC_MUCO{
			width:175px;
			height:27px;
			background-image:url(/rpai/images/public_muco.gif);
			background-repeat:no-repeat;
			
}
#mucoButton, #mucoButton:visited {
			width:175px;
}
#mucoButton span, #mucoButton:visited span 
{
	/*background-image:url(/hepatite/images/tm-conv.gif);*/
}
#mucoButton:hover span {
	/*background-image:url(/hepatite/images/tm-conv2.gif);*/
}

/* MENU PRIVATE_ACCUEIL*/
#PRIVATE_ACCUEIL{
			width:175px;
			height:30px;
			/*right:15px;*/
			background-image:url(/rpai/images/private_accueil.gif);
			
}
#accButton, #accButton:visited {
			width:175px;
}
#accButton span, #accButton:visited span 
{
	/*background-image:url(/hepatite/images/tm-conv.gif);*/
}
#accButton:hover span {
	/*background-image:url(/hepatite/images/tm-conv2.gif);*/
}

/* MENU PRIVATE_DOCUMENTAIRE*/
#PRIVATE_DOCUMENTAIRE{
			width:175px;
			height:30px;
			/*right:15px;*/
			background-image:url(/rpai/images/private_documentaire.gif);
			
}
#docButton, #docButton:visited {
			width:175px;
}
#docButton span, #docButton:visited span 
{
	/*background-image:url(/hepatite/images/tm-conv.gif);*/
}
#docButton:hover span {
	/*background-image:url(/hepatite/images/tm-conv2.gif);*/
}

/* MENU PRIVATE_GROUPE*/
#PRIVATE_GROUPE{
			width:175px;
			height:30px;
			/*right:15px;*/
			background-image:url(/rpai/images/private_groupe.gif);
			
}
#grpButton, #grpButton:visited {
			width:175px;
}
#grpButton span, #grpButton:visited span 
{
	/*background-image:url(/hepatite/images/tm-conv.gif);*/
}
#grpButton:hover span {
	/*background-image:url(/hepatite/images/tm-conv2.gif);*/
}

/* MENU PRIVATE_AGENDA*/
#PRIVATE_AGENDA{
			width:175px;
			height:30px;
			/*right:15px;*/
			background-image:url(/rpai/images/private_agenda.gif);
			
}
#agendaButton, #agendaButton:visited {
			width:175px;
}
#agendaButton span, #agendaButton:visited span 
{
	/*background-image:url(/hepatite/images/tm-conv.gif);*/
}
#agendaButton:hover span {
	/*background-image:url(/hepatite/images/tm-conv2.gif);*/
}

/* MENU PRIVATE_ELEARNING*/
#PRIVATE_ELEARNING{
			width:175px;
			height:30px;
			/*right:15px;*/
			background-image:url(/rpai/images/private_elearning.gif);
			
}
#elearningButton, #elearningButton:visited {
			width:175px;
}
#elearningButton span, #elearningButton:visited span 
{
	/*background-image:url(/hepatite/images/tm-conv.gif);*/
}
#elearningButton:hover span {
	/*background-image:url(/hepatite/images/tm-conv2.gif);*/
}

/* MENU Administration*/
#admin, #adminButton, #adminButton:visited {
			width:103px;
			left:6px;
			top:10px;
			height:15px;
			color:red;
			}

#adminButton span, #adminButton:visited span 
{
	/*background-image:url(/hepatite/images/b-adm.gif);*/
}

#adminButton:hover span {
	/*background-image:url(/hepatite/images/b-adm.gif);*/
}

/* MENU deconnexion*/
#deconnexion, #deconnexionButton, #deconnexionButton:visited {
			width:80px;
			height:15px;
			left:6px;
			color:red;
			}

#deconnexionButton span, #deconnexionButton:visited span 
{
	/*background-image:url(/hepatite/images/b-deconnect.gif);*/
}

#deconnexionButton:hover span {
	/*background-image:url(/hepatite/images/b-deconnect.gif);*/
}

/* MENU recherche*/
#recherche, #rechercheButton, #rechercheButton:visited {
			width:1px;
			height:1px;
			left:1px;
			color:red;
			}

#rechercheButton span, #rechercheButton:visited span 
{
	/*background-image:url(/hepatite/images/b-deconnect.gif);*/
}

#rechercheButton:hover span {
	/*background-image:url(/hepatite/images/b-deconnect.gif);*/
}

 #nav, #nav ul { /* toutes les listes */
	padding: 0;
    margin: 0;
    margin-left : 25;
    list-style: none;
    width : 11em;
    font-size: 10px;
}

#nav li { /* tous les items de liste */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 100px;
	/*background-color:#FF0000;*/
	margin-left : -15px;
	list-style-type : none;
}

#nav li ul { /* listes de deuxième niveau */
	position : absolute;
		
	/**/left: -999em;/**/
	margin-left : 130px;
	/**/margin-top : -2em;/**/
	list-style-type : none;
	list-style-position : inside;
}
#nav li li
{
	padding: 2px;
	border:1px solid #C83680;
	background-color:#FFFFFF;
	width: 160px;
	margin-left : -20px;
}
#nav li li:hover
{
	color:#FFFFFF;
	/*background-color:#F96852;*/
}

#nav li li a
{
	margin-left:0;
}

#nav li ul ul { /* listes de troisième niveau et plus */
	left: -999em;
}

#nav li a 
{
	color:#C83680;
	display : block;
	font-weight : bold;
	text-decoration : none;
	padding : 0 0.5em;
}

#nav li a:hover
{
	color:#FF0000;
	/*background-color:#FFFFFF;*/
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	border:0;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}



