@charset "iso-8859-1";

html, body {
margin: 0;
padding: 0;
height: 100%
}
body {
	width:90%;
    max-width:930px;
	min-width:700px;
	margin:0 auto;
	background-color:#e7e7ed;
	font-family:arial,Tahoma,  verdana, sans-serif;
}

#fond { 
	background-color:#f5f7f1;
	background-image: url(images/bg.gif); background-repeat: repeat-x;
	/*background/* */:#f5f7f1 url(images/bg.gif) repeat x; */
	background-position: 0 top;
	width:90%;
    max-width:900px;
	min-width:700px;
	margin:0 auto;
height:100%;
 }

#page {
position:relative;
background-color:white;
background/* */:#ffffff url(images/banniere-g.gif) repeat-y;
margin: 0 auto 0 auto;	
padding-left:12px;
/*height:100%;*/
} 
#droite{
background/* */:#ffffff url(images/banniere-d.gif) repeat-y 100% 0%;
padding-right:15px;
display: block;
height:100%;
margin: auto; 
}

#page .coller img{
	display: block;
}
#page .nolien a{
	text-decoration: none;
	color:white;
}
#page .nolien a:hover{
	text-decoration: none;
	color:#FFCC33;
}
hr {
clear: both;
height:1px;
}

ul {
	list-style-image: url(images/carre_bm.gif);
}
ul ul {list-style-image: url(images/fl-puce.jpg);padding-right:20px;}

#page .tiret ul {list-style-image: url(images/tiret.gif);text-align:left;}
#page .tiret li {list-style-image: url(images/tiret.gif);padding-right:20px;}

#page .fl ul {list-style-image: url(images/fl-puce.jpg);}
#page .fl li {list-style-image: url(images/fl-puce.jpg);padding-right:20px;}

#page .flv ul {list-style-image: url(images/fl-vert.gif);}
#page .flv li {list-style-image: url(images/fl-vert.gif);padding-left:20px;}

#page .flr ul {list-style-image: url(images/fl-rg.gif);}
#page .flr li {list-style-image: url(images/fl-rg.gif);padding-left:10px;}

#page .carrev ul {list-style-image: url(images/puce-vv.jpg);}
#page .carrev li {list-style-image: url(images/puce-vv.jpg);padding-left:10px;margin-top:10px;}

#page .carre ul {
	list-style-image: url(images/puce-mi.png);
}
#page .carre li{
	list-style-image: url(images/puce-mi.png);
}
#page .boule ul {
	list-style-image: url(images/bille.gif);
}
#page .boule li {
	list-style-image: url(images/bille.gif;);
}
#page .point ul {list-style-image: url(images/point.gif);}
#page .point li {list-style-image: url(images/point.gif);padding-right:20px;list-style-position:outside;}
#page .point ul ul {list-style-image: url(images/fl-puce.jpg);padding-right:20px;}
#page .point ul li{list-style-image: url(images/fl-puce.jpg);padding-right:20px;}

#page .nb ul {
	list-style-image: url(images/fl-vert.gif);
	margin-top:5px;
}
#page .nb li{
	padding-left:10px;
	padding-right:20px;
	list-style-position:inside;
}

/* ----------------------------------------------------------------------------------------- */
/*		menu vertical		*/
#page .navert {
	/*clear: both;	*/
	z-index: 10;
	color: #800080;
}
#page .navert li ul {
	text-align: left;
	z-index: 11;
}

#page .navert ul {
    font: bold 12px arial, verdana, sans-serif;
	color: #800080;
	font-weight:bold;
	width: 145px;
	/*margin: 0px 0px 0px 0px;	*/
	list-style: none;
	/*height: 17px;*/
	margin: 0;
	padding: 0;
	border:1px solid white;
}

#page .navert li {
	float: left;
	width:145px;
	height: 28px;
	margin: 0;
	/* margin: 2px 0px 5px 3px;	   sépare les cases */
}
#page .navert a {
	display: block;
	height:23px;
	text-decoration: none;
	/*color: #ffffff;*/
	padding: 3px 6px 2px 6px;	  /* espace autour des lettres*/
}

#page .navert a:hover {
	background-image:url(images/degr-lie.jpg);
	background-repeat:  repeat-x;
	color: #000099;
}

#page .navert a:link {
color:#800080;
text-decoration: none;
}

#page .navert li a.selected {
	/*background-image:url(images/degr-vio-m.jpg);*/
	background-image:url(images/degr-lie.jpg);
	background-repeat:  repeat-x;
	/*height:26px;*/
	margin:0px;
	color:white;
}

#page .navert li:hover ul, #navert li.sfhover ul {
	background-image:url(images/degr-lie.jpg);
	background-repeat:  repeat-x;
	/*height:26px;
	left: auto;*/
	color: #000099;
}

#page .navert .vert, #navert .vert ul {
	/*background-image:url(images/degr-or-m.jpg);
	background-repeat:  repeat-x;*/
	height: 28px;
	color: #800080;
	padding-left:3px;
	background-color: #c9e784;
	border-bottom:2px solid white;
}


/* ----------------------------------------------------------------------------------------- */
/* menu a onglets  */
#ong {
	/*clear: both;	*/
	margin: 0 auto;
	position:relative;
	text-align: center;
	width: 100%;
	height: 49px;
	margin:0 0 2px 2px;
	/*padding-left:5px;*/
	z-index: 10;
}

#ong ul {
	margin: 0 auto;
	/*position:absolute;*/
	text-align: center;
    font: bold 12px arial, verdana, sans-serif;
	font-weight:bold;
	width:650px;
	height: 49px;
	color:white;
	/*margin: 0px 0px 0px 0px;	*/
	list-style: none;
	/*padding-left:15px;
	border:1px solid red;*/
}

#ong li {
	background-repeat:no-repeat;
	background-image:url(images/pano-vl.png); 
	color: #800080; 
	float: left;
	list-style:  none;
	color:white;
	height: 49px;
	width:99px;
	margin: 0px 2px 0 5px;	   /* sépare les cases */
}
#ong li:hover {
	background-repeat:no-repeat;
	background-image:url(images/pano-viol.png);
	color: white;
}

#ong a {
	display: block;
	color:#800080;
	text-decoration: none;
	padding: 3px 6px 2px 6px;	  /* espace autour des lettres*/
}
#ong a:hover {
	height:49px;
	background-repeat:no-repeat;
	background-image:url(images/pano-viol.png);
	color: white;
}

#ong a:link {
text-decoration: none;
}
#ong li a.selected {
	background-repeat:no-repeat;
	background-image:url(images/pano-viol.png);
	height:49px;
	/*background-color:#800080;*/
	color:white;
}
/*
#ong ul ul {
           position: relative;
           margin-top: 10px;
		   margin-bottom: -10px;
		   margin-left:-20px;
		   margin-right:-20px;
		   display:none;
		   background:none;
           }  
		   
#ong LI:hover UL.niveau1 {
	DISPLAY: block;
}
#ong LI.sfhover UL.niveau1 {
	DISPLAY: block;
}
#ong LI.sousmenu {
	background:none;
	height:20px;
	color:#800080;
	background-color:white;
	border: #b0b0b0 1px solid;
}
#ong li.sousmenu a:hover{
	background:none;
	height:20px;
	color:white;
	background-color:blue;
}
#ong li.sousmenu a.sfhover{
	background:none;
	height:20px;
	color:white;
	background-color:blue;
}
*/
/* ------------------------------------------------------------------------------------ */
/*   menu à onglets colores   */

#menu {
	font-size: 9px;
  margin: 0 0 0 5px;
  padding: 0;
  list-style: none;
}

#menu li {
  float: left;
  margin-right: 9px;
}

#menu li a {
  display: block;
  padding-right: 13px;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}

#menu li a span {
  display: block;
  padding: 6px 5px 5px 18px;
}

#menu li a.actif {
  position: relative;
  z-index: 100;
  top: 1px;
}


#menu li.vert a { background: #5a9b00 url(images/fd_menu_vert.png) no-repeat 100% -50px; }
#menu li.vert a span { background: #5a9b00 url(images/fd_menu_vert.png) no-repeat 0 -50px; }
#menu li.vert a.actif, #menu li.vert a:hover { background: url(images/fd_menu_vert.png) no-repeat 100% 0; }
#menu li.vert a.actif span, #menu li.vert a:hover span { background: url(images/fd_menu_vert.png) no-repeat 0 0; }

#menu li.orange a { background: #dc7028 url(images/fd_menu_orange.png) no-repeat 100% -50px; }
#menu li.orange a span { background: #dc7028 url(images/fd_menu_orange.png) no-repeat 0 -50px; }
#menu li.orange a.actif, #menu li.orange a:hover { background: url(images/fd_menu_orange.png) no-repeat 100% 0; }
#menu li.orange a.actif span, #menu li.orange a:hover span { background: url(images/fd_menu_orange.png) no-repeat 0 0; }

#menu li.beige a { background: #dc7028 url(images/fd_menu_beige.png) no-repeat 100% -50px; }
#menu li.beige a span { background: #dc7028 url(images/fd_menu_beige.png) no-repeat 0 -50px; }
#menu li.beige a.actif, #menu li.beige a:hover { background: url(images/fd_menu_beige.png) no-repeat 100% 0; }
#menu li.beige a.actif span, #menu li.beige a:hover span { background: url(images/fd_menu_beige.png) no-repeat 0 0; }


/*---------------------------------------------------------------------------------*/
.ft-p{font-style:normal;font-weight:normal;font-size:10px;font-family:Times New Roman;color:#000000;}
.ft-m{font-style:normal;font-weight:normal;font-size:12px;font-family:Times New Roman;color:#000000;}
.ft-g{font-style:normal;font-weight:bold;font-size:16px;font-family:Times New Roman;color:#000000;}