#test_conteneur{
position:relative;
width: 740px;
height:500px;
border:#FF0000 1px solid;
/*left: 50%;
margin-left: -375px;*/
}

#test_bandeau{
position:relative;
left:148px;
width: 592px;
border:#000000 1px solid;
}
#test_navgauche{
position:relative;
left:0px;
width: 148px;
border:#000000 1px solid;
}
#test_contenu{
position:absolute;
left:148px;
width: 592px;
border:#0000FF 1px solid;
}
#test_navbas{
position:absolute;
left:148px;
width: 592px;
border:#000000 1px solid;
bottom:0px;
}



#conteneur {
/* ne pas toucher les lignes suivantes */
position: absolute;
width: 741px;
/*border:#000000 10px solid;*/
left: 50%;
margin-left: -375px;
}
#bandeau {
height: 150px;
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;*/
/*position:relative;*/
}
#droite
{	
position:absolute;
left: 155px;
width: 550px;
margin-top: 00px;
}
#contenu 
{
position:absolute;
left: 0px;
width: 717px;
margin-top: 0px;
/*border:#FF0000 1px solid;*/
}
#menu2
{
position:absolute;
left:29px;
top:66px;
z-index:1000;
width: 717px;
/*border:#FF0000 1px solid;*/
}
#pied_page
{
	position:absolute;
	left: 0px;
	width: 717px;
	margin-top: 0px;
	/*border:#000000 10px solid;*/
}

#qui li, #qui ul li
{
	border:#FF9933 0px solid;
}
#qui a
{
	color:#FFFFFF;
	background-color:#FF9933;
}
#qui ul a:hover,#qui li:hover
{
	border:#CCCCFF solid 0px;
	background-color:#FFFF66;
	color:#000000;
}

#parents li, #parents ul li
{
	border:#CCCCFF 0px solid;
}
#parents a
{
	color:#FFFFFF;
	background-color:#3333FF;
}
#parents ul a:hover,#parents li:hover
{
	border:#CCCCFF solid 0px;
	background-color:#FFFF66;
	color:#000000;
}

#jeunes li, #jeunes ul li
{
	border:#CCCCFF 0px solid;
}
#jeunes a
{
	color:#FFFFFF;
	background-color:#CC33FF;
}
#jeunes ul a:hover,#jeunes li:hover
{
	border:#CCCCFF solid 0px;
	background-color:#FFFF66;
	color:#000000;
}

#pro li, #pro ul li
{
	border:#CCCCFF 0px solid;
}
#pro a
{
	color:#FFFFFF;
	background-color:#99CC33;
}
#pro ul a:hover,#pro li:hover
{
	border:#CCCCFF solid 0px;
	background-color:#FFFF66;
	color:#000000;
}


.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:#ff9933;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
}

.titre-qui {
	font-weight:bold;
	color:#ff9933;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
}

.titre-infos {
	font-weight:bold;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	text-transform: uppercase;
}

.titre-parents {
	font-weight:bold;
	color:#3333FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
}

.titre-jeunes {
	font-weight:bold;
	color:#CC33FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
}

.titre-pro{
	font-weight:bold;
	color:#99CC33;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
}

.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;
}

.txt-infos {
font-weight:normal;
color:#FFFFFF;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}

.txt-home {
font-weight:normal;
color:#ff9933;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}

.txtblanc {
font-weight:normal;
color:#FFFFFF;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}

.piedpage {
font-weight:normal;
color:#993366;
font-family: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:Arial, Helvetica, sans-serif;
	/*text-decoration:yes;*/
 	font-size: 10px; font-style: normal; color: #000000;
}

a:link {color:#993366}
a:visited {color:#336699; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal}
a:hover {color:#CCCC00; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal}
a:active  {color:#CC3399; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal}

/* ================ MENU ADMIN et DECO (col de gauche) =============== */

 #nav, #nav ul { /* toutes les listes */
	padding: 0;
    margin: 0;
    margin-left : 150;
    list-style: none;
    width : 11em;
    font-size: 10px;
	margin-top : -45px;
}

#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 : -0px;
	list-style-type : none;
}

#nav li ul { /* listes de deuxième niveau */
	position : absolute;
		
	/**/left: -999em;/**/
	margin-left : 130px;
	/**/margin-top : -4em;/**/
	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;
}
/* ================ FIN MENU ADMIN et DECO =============== */