body { 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:10px; 
		color:#555;
		margin:0;
		padding:0;
	}
	.home {background:none !important}
	.bgrdBody{background:none !important}

.fond0{	background:url(../images/bgrd_body0.png) bottom left no-repeat ;  }
.fond1{	background:url(../images/bgrd_body1.png) bottom left no-repeat ;  }
.fond2{	background:url(../images/bgrd_body2.png) bottom left no-repeat ;  }
.fond3{	background:url(../images/bgrd_body3.png) bottom left no-repeat ;  }
.fond4{	background:url(../images/bgrd_body4.png) bottom left no-repeat ;  }

/*************************************/
	a { color:#b80000; text-decoration:none}
	a:hover { color:#000; text-decoration:underline}
	a img { border-width:0}

/*************************************/
	h1 { font-size:14px; color:#000;}
	h2 { font-size:12px; color:#666; }
	h3 { font-size:11px; color:#999}
	h4 { font-size:10px; color:#999}
	

/*************************************/
	hr { clear:both; margin:0; padding:0; visibility:hidden}
	input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
	form { margin:0; padding:0; width:98%}
	* html form { width:auto }
	legend, caption {font-size: 12px; font-weight:bold}
	fieldset { border:1px solid #ccc}
	table { font-size:10px; }
	th { font-weight:bold}
	th a:hover { text-decoration:none}
	td { vertical-align:top; margin:0; padding:5px}
	ul{ list-style-type:none}

/*************************************/
	#container {width:780px;padding:0px;margin:0 0 0 0;}
	#body {margin:0; }
	#colBody { margin-left:235px}
	.home #colBody {padding-top:10px; background:url(../images/bgrd_centre.png) top left no-repeat #fff; margin:0}
	#bloc_recherche_alpha {margin:5px 35% 0 0;float:right;border:1px solid #ccc; background-color:#f5f5f5;padding:10px;width:220px;}
	
	.titleLeft {color: #000; font-size:1.1em; font-weight:bold}
	
	#tipBox {position: absolute; border-color:#000000;border-style: solid;border-width:1px;width: 150px; z-index: 100;  background-color: #FFFFCC ;visibility: hidden}
		
/***********************************************************************************************************
																				HEADER
***********************************************************************************************************/
	#header {margin:0; padding:0 !important; height:100px; background:url(../images/bgrd_header.png) top left no-repeat;}
	*html #header {height:90px;}

/*************************************/
	#ident { background: url(../images/bgrd_ident.png) no-repeat  left top; margin:0; padding:5px; height:100%; color:#fff; width:160px; float:left}
	#ident a{ color:#fff !important;font-weight:bolder!important}
	#ident a:hover{ color:#ccc !important}

/*************************************/
	#logo { margin:0; padding:10px 0 0 0; height:45px; float:left;}

/*************************************/
	#nav { list-style-type:none; margin:0; padding:10px 0 0 0; float:right;}
		#nav li { float:left; padding:0; margin:0 5px; display:block; height:35px; }
		#nav a { color:#999; font-weight:bold; text-decoration:none; padding:26px 3px 2px 0; width:40px;}
		#nav a:hover { color:#000; text-decoration:none}
		#nav .btn { margin:0; display:block; text-align:center; background:no-repeat center top;}
		#nav .accueil {  background-image: url(../images/btn_icone_accueil.gif)}
		#nav .accueil:hover { background-image:url(../images/btn_icone_accueil_over.gif)}
		#nav .contact { background-image:url(../images/btn_icone_contact.gif)}
		#nav .contact:hover { background-image:url(../images/btn_icone_contact_over.gif)}
		#nav .logout { background-image:url(../images/btn_icone_deconnexion.gif)}
		#nav .logout:hover { background-image:url(../images/btn_icone_deconnexion_over.gif)}
		#nav .map { background-image:url(../images/btn_icone_plan.gif)}
		#nav .map:hover { background-image:url(../images/btn_icone_plan_over.gif)}
		#nav .admin { background-image:url(../images/btn_icone_gestion.gif)}
		#nav .admin:hover { background-image:url(../images/btn_icone_gestion_over.gif)}
		#nav .print { background-image:url(../images/btn_icone_print.gif)}
		#nav .print:hover { background-image:url(../images/btn_icone_print_over.gif)}
		#nav .help { background-image:url(../images/btn_icone_help.gif)}
		#nav .help:hover { background-image:url(../images/btn_icone_help_over.gif)}

/*************************************/
		#menu { list-style-type:none; margin:20px 0 0 0; padding:0; position:absolute; top:50px; left:170px; border-bottom:1px dashed #D24632;}
		#menu li { float:left; margin:0; padding:0;}
		#menu li a { float:left; margin:0; padding:3px 17px 4px 25px; height:20px }

		#menu a {font-weight:bold; font-style:normal; font-size:10px; letter-spacing:1px; text-decoration:none;}
		#menu a:hover { text-decoration:none;}
		#menu .btn { margin:0; text-align:center;}
		#menu .action { background:url(../images/bgrd_btn_action.png) top left no-repeat; color:#D24632}
		#menu .cloture { background:url(../images/bgrd_btn_equipement.png) top left no-repeat; color:#0197F7}
		#menu .ressources { background:url(../images/bgrd_btn_ressources.png) top left no-repeat; color:#5A4678}
		#menu .localisation { background:url(../images/bgrd_btn_localisation.png) top left no-repeat; color:#E88C21}
		#menu .annuaire {background:url(../images/bgrd_btn_annuaire.png) top left no-repeat; color:#000}

		#menu_01{ list-style-type:none; position:absolute; display:none; margin:20px 0 0 0; padding:10px 0; z-index:99; left:0px; width:155px; background: url(../images/bgrd_ul_top.png) no-repeat top left}
		#menu_01 li { clear:both; margin:0 ; padding:0; width:100%}
		#menu_01 .menu_start { background-color:/*#d24632*/#d24632}
		#menu_01 li a {color:#fff;margin:0 0 10px 5px;  padding:2px 0 5px 10px; height:auto; line-height:10px; /*background: url(../images/bgrd_puce_submenu.png)top left no-repeat*/}
		#menu_01 li a:hover { color: #F18677}
		#menu_01 .menu_end {background-image: url(../images/bgrd_ul1_bottom.png); background-position:bottom left; background-repeat: no-repeat;}
		#menu_01 .sous_niveaux {display:none;} 
		#menu_02{ list-style-type:none; position:absolute; display:none; margin:20px 0 20px 0; padding:10px 0; z-index:99;left:93px; width:155px; background: url(../images/bgrd_ul2_top.png) no-repeat top left}
		#menu_02 li { clear:both; margin:0; padding:0 0 10px 10px; width:145px}
		#menu_02 li a {color:#fff;margin:0 0 10px 5px;  padding:2px 0 1px 15px; height:auto; line-height:10px; background: url(../images/bgrd_puce_submenu.png)top left no-repeat}
		#menu_02 li a:hover { color: #71C4F9}
		#menu_02 .menu_start { background-color:#0197F7}
		#menu_02 .menu_end {background-image: url(../images/bgrd_ul2_bottom.png); background-position:bottom left; background-repeat: no-repeat;}

		#menu_03{ list-style-type:none;  position:absolute; display:none; margin:20px 0 0 0; padding:10px 0; z-index:99; left:260px; width:155px; background: url(../images/bgrd_ul3_top.png) no-repeat top left}
		#menu_03 li { clear:both; margin:0 ; width:100%}
		#menu_03 li a {color:#fff;margin:0 0 10px 5px;  padding:2px 0 5px 10px; height:auto; line-height:10px; background: url(../images/bgrd_puce_submenu.png)top left no-repeat}
		#menu_03 li a:hover { color: #9079B3}
		#menu_03 .menu_start { background-color:#5A4678}
		#menu_03 .menu_end {background-image: url(../images/bgrd_ul3_bottom.png); background-position:bottom left; background-repeat: no-repeat;}


/*************************************/
	#header2 { border:1px solid #ccc; margin:0 0 10px 0; padding:10px}
		#header2 h1 { margin:0; padding:0; text-align:center; }
		#header2 p { margin:5px 0 0 0; padding:0; text-align:center}
		#header2 span { margin:0; padding:0 10px}
	
/***********************************************************************************************************
																				PATH
***********************************************************************************************************/
	#path {
		margin:0; 
		padding:8px 0; 
		font-size:13px; 
		background:url(../images/bgrd_path.png) no-repeat  !important; 
		font-weight:bold
	}
	#path h1 { margin:0; padding:0 10px;}
	#path ul { list-style-type:none; margin:0; padding:2px 5px; }
	#path li { display:inline; }

/***********************************************************************************************************
																				MENU JS
***********************************************************************************************************/
	.menuglobal { border: 1px solid #ccc}
	.menuglobal dt { cursor:pointer; font-weight:bold; font-size:1.2em; padding:2px 10px; background-color:#eee}
	.menuglobal dt:hover { cursor:pointer; background-color:#ddd; }

/***********************************************************************************************************
																					HOME CENTRE
***********************************************************************************************************/
	#centre { width:500px; margin:0; padding: 240px 0px 20px 10px; height:300px}
	#centre ul { float:left;padding:0; list-style-type:none; margin:39px 0 0 0}
	#centre li a { color:#000; background:url(../images/bgrd_puce_centre.png) bottom right no-repeat; padding:5px 20px 0px 0; display:block; text-decoration:none; font-size:12px; font-weight: bold; margin-right:10px}
	#centre li .pucenoire { background:url(../images/bgrd_puce_centre_over.png) bottom right no-repeat}
	#centre div a { text-decoration:underline; }
	#centre h1{ margin-left:140px}
	#centre p{ margin:0 20px 0 140px;}

/***********************************************************************************************************
																				COLLEFT
***********************************************************************************************************/
	#colLeft { float:left; margin:5px 5px 0 0; width:220px; padding:5px; border:1px solid #ccc;}
	#colLeft select  { width:200px; overflow:hidden}

	#colLeft  span{ display:block; padding:5px 0}
	#colLeft  span label{ display:block; font-weight:bold; padding-bottom:5px}

	#colLeft li{}
	#colLeft .headermenu_avance li{ display: block;  margin-bottom:5px}
	#colLeft .headermenu_avance li ul{padding-left:10px; margin-top:5px}
	#colLeft .headermenu_avance li ul li{margin-top:5px}

/***********************************************************************************************************
																				COLRIGHT
***********************************************************************************************************/
	#colRight { float:right; width:260px;}
	#colRight div{ background:url(../images/bgrd_colright.png) top left no-repeat; padding:5px 0 0 10px; margin:0 0 20px 0;}
	#colRight h1{ background:url(../images/bgrd_h1.png) top left no-repeat; padding:0 0 5px 20px !important; border-bottom:1px dashed #f00; margin:10px 0 0 0}
	#colRight ul{ list-style-type:none}
	#colRight li{ background:url(../images/bgrd_colright_li.png) center left no-repeat; padding-left:20px}

/***************		carto					**********************/
	#blocCarto hr{/* visibility:visible;margin: -0.5em 0; height: 1px; padding:0;border:0; color:#ccc;background-color:#ccc;*/ display:none}
	#blocCarto p{ clear:both; /*border-bottom:1px solid #ccc;*/ height:80px; overflow:hidden}
	#blocCarto img{ float:left;}
	#blocCarto strong{ display:block}

	#blocCarto .vitrine img{ float:right; padding-bottom:5px}
/***********************************************************************************************************
																				COL BODY
***********************************************************************************************************/
	#colBody .tree tr { background:none !important; border-width:0 !important}
	#colBody .tree ul tr:hover { background:none !important}
	
	#colBody fieldset { padding:10px; }
	#colBody form p { margin:20px 0}
	#colBody form span { display:block; margin:2px}
	#colBody form label { float:left; width:170px; text-align:right; padding:0 5px; font-weight:bold}
	#colBody form .multiCheck span { padding-left:180px}
	#colBody form .multiCheck label { float:none; display:inline}
	#colBody form .multiChamp { float:none; display:inline}
	
	#colBody form .multiChamp { float:none; width:auto; text-align:left}
	
	#colBody form ul { float:left; margin:0; padding:0; list-style-type:none}
	#colBody form ul a { font-weight:normal}
	#colBody form ul label { float:none; text-align:left; font-weight:bold}
	#colBody form strong { float:left; width:170px; text-align:right; padding:0 5px; font-weight:bold}
	#colBody .btn { margin:0 0 0 170px}
	
	#colBody table { border-collapse: collapse; width:99%; margin:0 0 20px 0;}
	#colBody table caption { padding:5px; font-size:12px}
	#colBody table th { padding:5px; border-right:1px solid #fff; text-align:left}
	#colBody table tr { cursor:default; border-width:0 0 1px 0; border-style:solid}
	#colBody table tbody td { padding:2px; border-right: 1px solid #fff; }
	#colBody table tbody a { text-decoration: underline}
	#colBody table .nowrap { white-space:nowrap}
	
	#colBody dl { border:1px solid #ccc; }
	#colBody dt { border-bottom:1px dashed #ccc; padding:5px; font-weight:bold}
	#colBody dd { padding:5px 20px; margin:0; overflow:hidden}
	#colBody dd a { border-top:1px dashed #ccc; display:block; margin:10px 0 0 0; padding:5px 0 0 0; }

/***********************************************************************************************************
																				CALENDRIER
***********************************************************************************************************/
	table.calendrier caption { font-size:10px !important; color:#000; line-height:10px; height:30px; vertical-align:bottom; margin:0; padding:0; overflow:hidden}
	table.calendrier th { width:100px}
	
	table.calendrier tr:hover { background:none !important}
	
	table.calendrier td { vertical-align:top; width:100px; height:100px; padding:2px ; margin:0; font-size:9px}
	table.calendrier td table { border:1px solid #EEC1C1 !important; }
	table.calendrier td td { border-width:0 !important; padding:0 !important}
	table.calendrier td td {width:auto; height:auto}
	
	a.day { font-size:13px; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:normal}
	a.today { font-size:16px; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold}
	
	td.heure { width:40px !important; line-height:11px; background:url(../images/bgrd_calendar_h.png) repeat-y }
	
	/* RDV */
	table.rdv { background-color:#ddd;}
	/* EVENEMENTS */
	table.evt {background-color:#fff; }
	/* PERSO */
	table.perso caption {}
	/* AUTRES */
	table.autres caption { font-weight:normal !important}

/***********************************************************************************************************
																				POP UP
***********************************************************************************************************/
	#popup { padding:2%;}
	#popup #header { background-color:#fff; border:1px solid #ccc; margin:0 0 10px 0; height:80px; background-image:none}
	/*#popup #ident { width:180px}*/
	#popup #logo { left:10px; top:10px}
	#popup #nav { left:320px; top:13px}
	#popup #header h1 { left:10px; top:60px; color:#000; font-size:1.4em; letter-spacing:2px}
	
	#popup span { display:block; margin:2px}
	#popup span label { float:left; width:100px; padding-right:5px; text-align:right; font-weight:bold}
	#popup .bloc { border:1px solid #ccc; padding:10px; background-color:#fff; width:98%}
	#popup table { margin:5px 0 15px  0}
	#popup #footer { display:none}

/***********************************************************************************************************
																				FOOTER
***********************************************************************************************************/
	#footer { clear:both; height:auto; margin:150px 50px 0 50px; padding:2px ; border-top:1px solid #ccc; }
.home #footer { margin:-94px 50px 0 50px;}
	#footer p { margin:5px; padding:0; text-align:center}
	#footer ul { margin:5px; padding:0; text-align:center}
	#footer li { margin:0; padding:0; display:inline}

/***********************************************************************************************************
										TITRES
***********************************************************************************************************/
	.title2 {font-size: 12px;color:#D24632;font-weight: bold}
	.recherche_multi_classe {padding: 2px}
	.recherche_multi_classe span {font-weight: bold;}
	
/* ************************************************************************************************
     UL LI POUR LE NOMBRE DE PAGES 
 ************************************************************************************************** */
 
.num_page {
	margin:5px 0 0 0; 
	padding:0;
}

.num_page li {
	float:left; 
	width:15px; 
	height:15px; 
	background: url(../images/btn_ico_page.png) no-repeat; 
	text-align:center; 
	margin:0 2px 0 0; 
	font-weight:bold;
}

.num_page li.select {
	background: url(../images/btn_ico_page_select.png) no-repeat;
}

.num_page li a {
	width:15px;
	height:15px; 
	margin:0; 
	padding:0; 
	text-decoration:none; 
	background:none;
}

.num_page li a:hover {
	background: url(../images/btn_ico_page_select.png) no-repeat;
}