@charset "UTF-8";

/* outils */
.bt_presse a { 
	border:1px solid #0082cd;
	padding:2px 4px 2px 4px;
	color:#0082cd;
}
.bt_presse a:hover { 
	background-color:#0082cd;
	color:#fff;
}
#outils .bt a {
	border:1px solid #777;
	padding:2px 4px 2px 4px;
}
#outils .bt a:hover {
	
	text-decoration:none;
	color:#fff;
	background-color:#777;
}
#outils .bt a {
	color:#777;
}
#outils li {
	display:inline;
}
.bt, .bt_presse {
	padding:2px;
	font-family:Trebuchet MS;
	font-weight:bold; 
	text-transform:uppercase;
	font-size:0.9em;
}

/* BOUTONS NAVIGATION */
#nav {
	width:940px; 
	margin:auto;
	padding:10px 15px 10px 15px;
	background:url(../images/nav_ombre.gif) no-repeat top;
	height:28px;
}
#nav li {
	display:inline;
}
.bt01 .MenuBarItemSubmenu, .bt02 .MenuBarItemSubmenu, .bt03 .MenuBarItemSubmenu, .bt04 .MenuBarItemSubmenu, .bt05 .MenuBarItemSubmenu { 
	text-transform:uppercase; 
	text-decoration:none; 
	font-weight:bold; 
	font-family:Trebuchet MS;  
}
.bt01 .MenuBarItemSubmenu { 
	padding: 2px 20px 2px 20px; 
	margin: 10px 3px 0 3px; 
	border: 1px solid #666; 
	background-color:#fff; 
	color:#666; 
}
.bt02 .MenuBarItemSubmenu, .bt03 .MenuBarItemSubmenu, .bt04 .MenuBarItemSubmenu, .bt05 .MenuBarItemSubmenu { 
	padding: 3px 20px 3px 20px; 
	margin: 10px 3px 0 3px; 
	color:#fff; 
}
.bt02 .MenuBarItemSubmenu { 
	background-color:#a14387; 
}
.bt03 .MenuBarItemSubmenu { 
	background-color:#c93579; 
}
.bt04 .MenuBarItemSubmenu { 
	background-color:#ff8a00; 
}
.bt05 .MenuBarItemSubmenu { 
	background-color:#7ec319; 
}
.bt01 .MenuBarItemSubmenu:hover { 
	background-color:#f0f0f0; color:#333; 
}
.bt02 .MenuBarItemSubmenu:hover { 
	background: /*url(../images/nav_on_comprendre.jpg) repeat-y*/ #68094e; 
}
.bt03 .MenuBarItemSubmenu:hover { 
	background: /*url(../images/nav_on_vivre.jpg) repeat-y*/ #a81458; 
}
.bt04 .MenuBarItemSubmenu:hover { 
	background: /*url(../images/nav_on_impliquer.jpg) repeat-y*/ #c64900; 
}
.bt05 .MenuBarItemSubmenu:hover { 
	background: /*url(../images/nav_on_unapei.jpg) repeat-y*/ #409400; 
}
.subbt .MenuBarItemSubmenu {
	text-transform:none;
	margin:0;
	font-weight:normal;
}

/* MENU NAVIGATION */
ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*font-size: 100%;*/
	cursor: default;
	width: auto;
}
ul.MenuBarActive {
	z-index: 1000;
}
ul.MenuBarHorizontal li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*font-size: 100%;*/
	position: relative;
	text-align: left;
	cursor: pointer;
	/*width: 8em;*/
	float: left;
}
ul.MenuBarHorizontal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	width: 18em;
	position: absolute;
	left: -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left: auto;
	margin-left:2px;
}
ul.MenuBarHorizontal ul li {
	width: 100%;
	border-bottom:1px solid #fff;
}
ul.MenuBarHorizontal ul ul {
	position: absolute;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: 17em;
	top: 5px;
}
ul.MenuBarHorizontal ul {
	border: 1px solid #FFF;
	border-bottom:none;
}
ul.MenuBarHorizontal a {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	cursor: pointer;
	padding: 3px 20px 3px 20px;
	color: #FFF;
	text-decoration: none;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	color: #FFF;
}
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
	ul.MenuBarHorizontal li.MenuBarItemIE {
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

/* MENU */
#contenu { 
	background:url(../images/fond_page.jpg) repeat-x top;
}
#contenu_container {
	height:420px;
	background:url(../images/ombre_nav_int.png) top left no-repeat;
}
#menu { 
	width:185px; 
	float:left;
	background:#f6f5f4; 
	padding:25px 0 0 0;
	margin:0 0 0 15px;
}
#menu a:hover { 
	text-decoration:none; 
}
#menu ul li { 
	font-size:1.2em; 
}
#menu ul li a { 
	color:#000; 
	padding:3px 15px 3px 15px; 
	border-top:1px solid #fff;
	background:#eceae8;
	display:block;
}
#menu ul li ul li { 
	font-size:0.85em;
}
#menu ul li ul li ul li { 
	font-size:1em; 
}
#menu ul li ul li a { 
	color:#000; 
	padding:3px 15px 3px 15px; 
	display:block;
	background:none;
}
#menu ul li ul li ul li a { 
	color:#666;
	border:none;
	padding:3px 15px 3px 30px;
}
#menu ul li ul li ul li { 
	background:url(../images/puce_ariane_gris.gif) 15px 5px no-repeat;
}
.affiche {
	visibility:visible;
}
.cache {
	display:none;
}
#menu ul li .on, #menu ul li ul li .on, #menu ul li ul li ul li .on {
	display:block;
}
#menu .menu_1 ul li .on {
	background:#a14387;
	color:#fff;
}
#menu .menu_1 a:hover, #menu .menu_1 ul li ul li .on, #menu .menu_1 ul li ul li ul li .on {
	background:none;
	color:#a14387;
}
#menu .menu_1 ul li ul li ul .on, #menu .menu_1 ul li ul li ul li a:hover { 
	background:url(../images/puce_ariane_violet.gif) 15px 5px no-repeat;
}
#menu .menu_9 ul li .on {
	background:#c93579;
	color:#fff;
}
#menu .menu_9 a:hover, #menu .menu_9 ul li ul li .on, #menu .menu_9 ul li ul li ul li .on {
	background:none;
	color:#c93579;
}
#menu .menu_9 ul li ul li ul .on, #menu .menu_9 ul li ul li ul li a:hover { 
	background:url(../images/puce_ariane_rose.gif) 15px 5px no-repeat;
}
#menu .menu_22 ul li .on {
	background:#ff8a00;
	color:#fff;
}
#menu .menu_22 a:hover, #menu .menu_22 ul li ul li .on, #menu .menu_22 ul li ul li ul li .on {
	background:none;
	color:#ff8a00;
}
#menu .menu_22 ul li ul li ul .on, #menu .menu_22 ul li ul li ul li a:hover { 
	background:url(../images/puce_ariane_orange.gif) 15px 5px no-repeat;
}
#menu .menu_28 ul li .on {
	background:#7ec319;
	color:#fff;
}
#menu .menu_28 a:hover, #menu .menu_28 ul li ul li .on, #menu .menu_28 ul li ul li ul li .on {
	background:none;
	color:#64a301;
}
#menu .menu_28 ul li ul li ul .on, #menu .menu_28 ul li ul li ul li a:hover { 
	background:url(../images/puce_ariane_vert.gif) 15px 5px no-repeat;
}
#menu .menu_140 ul li .on {
	background:#0082cd;
	color:#fff;
}
#menu .menu_140 a:hover, #menu .menu_140 ul li ul li .on, #menu .menu_140 ul li ul li ul li .on {
	background:none;
	color:#0082cd;
}
#menu .menu_140 ul li ul li ul .on, #menu .menu_140 ul li ul li ul li a:hover { 
	background:url(../images/puce_ariane_bleu.gif) 15px 5px no-repeat;
}

/* MENU MAGAZINE */
#menu a.bt_mag_1_on, #menu a.bt_mag_9_on, #menu a.bt_mag_22_on, #menu a.bt_mag_28_on, #menu a.bt_mag_1, #menu a.bt_mag_9, #menu a.bt_mag_22, #menu a.bt_mag_28 {
	font-family:trebuchet MS;
	clear:both;
	padding:7px 15px 7px 15px;
	background:url(../images/nav_mag.gif) no-repeat #dad8d7 15px 5px;
	border:1px solid #fff top;
}
#menu a.bt_mag_1_on, #menu a.bt_mag_1_on:hover, #menu a.bt_mag_1:hover {
	background:url(../images/nav_mag_comprendre.gif) no-repeat #68094e 15px 5px;
	color:#fff;
}
#menu a.bt_mag_9_on, #menu a.bt_mag_9_on:hover, #menu a.bt_mag_9:hover {
	background:url(../images/nav_mag_vivre.gif) no-repeat #a81458 15px 5px;
	color:#fff;
}
#menu a.bt_mag_22_on, #menu a.bt_mag_22_on:hover, #menu a.bt_mag_22:hover {
	background:url(../images/nav_mag_impliquer.gif) no-repeat #e36a00 15px 5px;
	color:#fff;
}
#menu a.bt_mag_28_on, #menu a.bt_mag_28_on:hover, #menu a.bt_mag_28:hover {
	background:url(../images/logo_vivrensemble_unapei.gif) no-repeat #409400 15px 5px;
	color:#fff;
}

/* MENU NEWS */
#menu a.bt_news_on, #menu a.bt_news {
	font-family:trebuchet MS;
	clear:both;
	padding:7px 15px 7px 15px;
	background:#dad8d7;
	border:1px solid #fff top;
}
#menu a.bt_news_on, #menu a.bt_news_on:hover, #menu a.bt_news:hover {
	color:#fff;
	background:#409400;
}
/*#menu .actualite {
	background:url(../images/nav_actualite.gif) no-repeat #dad8d7 15px 5px;
}
#menu .actualite_on, #menu a:hover .actualite_on {
	background:url(../images/nav_actualite-on.gif) no-repeat #409400 15px 5px;
}
#menu .agenda {
	background:url(../images/nav_agenda.gif) no-repeat #dad8d7 15px 5px;
}
#menu .agenda_on, #menu a:hover .agenda_on {
	background:url(../images/nav_agenda-on.gif) no-repeat #409400 15px 5px;
}
#menu .annonces {
	background:url(../images/nav_annonces.gif) no-repeat #dad8d7 15px 5px;
}
#menu .annonces_on, #menu .annonces_on {
	background:url(../images/nav_annonces-on.gif) no-repeat #409400 15px 5px;
}*/

/* NAVIGATION MAGAZINE */
.bt02 .bt_mag_1, .bt03 .bt_mag_9, .bt04 .bt_mag_22, .bt05 .bt_mag_28 {
	background:url(../images/nav_mag.gif) no-repeat #dad8d7 15px 1px;
	color:#000;
}
.bt02 .bt_mag_1:hover {
	background:url(../images/nav_mag_comprendre.gif) no-repeat #68094e 15px 1px;
	color:#fff;
}
.bt03 .bt_mag_9:hover {
	background:url(../images/nav_mag_vivre.gif) no-repeat #a81458 15px 1px;
	color:#fff;
}
.bt04 .bt_mag_22:hover {
	background:url(../images/nav_mag_impliquer.gif) no-repeat #e36a00 15px 1px;
	color:#fff;
}
.bt05 .bt_mag_28:hover {
	background:url(../images/logo_vivrensemble_unapei.gif) no-repeat #409400 15px 1px;
	color:#fff;
}