/* reset5 © 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}

a:link{color:#919190;}
a:visited{color:#919190;}
a:hover{color:#CCC;}
a:active{color:#919190;}

.xdebug-var-dump{
	color:#fff;	
}

.hidden{
	display:none;	
}

div#zone_message{
	position:relative;
	float:left;
	width:100%;
	clear:both;
}

.message-avertissement,
.message-erreur,
.message-succes{
	position:relative;
	display:block;
	width:100%;
	color:#fff;
}

	.message-avertissement{
		background:url(../images/design/icone_avertissement.png) 12px 12px no-repeat #dca62f;
		border:solid 1px #ffe9a5;
	}
	
	.message-erreur{
		background:url(../images/design/icone_erreur.png) 12px 12px no-repeat #952f2f;
		border:solid 1px #f16262;
	}
	
	.message-succes{
		background:url(../images/design/icone_succes.png) 12px 12px no-repeat #67952f;
		border:solid 1px #99c87a;
	}
	
		.message-avertissement p,
		.message-erreur p,
		.message-succes p{
			padding:20px 0 20px 55px;
			font-size:1.1em;
			margin:0 !important;
		}
body{
	position:relative;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:url(../images/design/bkg_sidebar_simple.png) top left repeat #292929;	
}

	header{
		position:relative;
		display:block;
		width: 100%;
		background:url(../images/design/bkg_header_simple.png) bottom left repeat;	
	}
		header > div{
			display:block;
			width: 98.6%;
			padding:0.7%;
			background:url(../images/design/lumiere_header.png) top left repeat-y;	
		}
			
			header img{
				display:inline-block;
			}
		
			header h1{
				display:inline-block;
				font-size:2em;
				vertical-align:middle;
				font-weight:normal;
				color:#000;	
				text-transform:uppercase;
			}
			
				header h1 a{
					text-decoration:none;
					vertical-align:middle;
				}
				
					header h1 a:link, header h1 a:visited, header h1 a:hover, header h1 a:active{
						color:#000;
					}
									
				header h1:first-letter{
					font-size:1.7em;	
				}
			
			#ombreHeader{
				position:absolute;
				bottom:-25px;
				left:0;
				display:block;
				width:100%;
				height:25px;
				background:url(../images/design/ombre_header.png) bottom left repeat-x;	
				z-index:3;
			}
	
		#recherche{
			float:right;	
			margin-top:10px;
		}
		
			#recherche input{
				float:right;
				border: medium none;
				border-radius: 2px 2px 2px 2px;
				color: #000;
				height: 40px;
				margin: 0;
				max-height: 40px;
				font-size:1.1em;
				padding: 0 8px;	
			}
		
			#recherche button{
				float:right;
				height: 30px;
				font-size:1.1em;
			}
	
	div#conteneur_connexion{
		background:url(../images/design/bkg_body_simple.png) left top repeat;	
		min-height:1000px;	
	}
		
	section{
		position:relative;
		display:block;
		float:right;
		background:url(../images/design/bkg_body.png) left top repeat-y;
		width:83.5%;
		min-height:1000px;
		padding:20px 0 100px 1.5%;
		color:#b9c0ad;
	}
	
		ul#filAriane{
			margin:5px 0 2% 0;
			font-size:0.8em;
		}
		
			ul#filAriane li{
				display:inline;
			}
	
		section h2{
			display:block;
			font-size:2em;	
			font-weight:normal;
			text-transform:uppercase;
			margin-bottom:35px;
		}
		
		section h3{
			display:block;
			font-size:1.4em;
			margin-bottom:15px;	
		}
		
		section p{
			line-height:1.2em;
		}	
		
		.content{
			width:59%;	
			padding-left:1%;
		}
		
		.pagination{
			margin-top:30px;	
		}

		div#message_unauthorized{
			width:33%;
			margin:100px auto;	
			border:solid 1px #333;
			background-color:#222;	
			padding:15px 2%;
		}
		
			div#message_unauthorized p{
				color:#fff;
				line-height:1.2em;
				margin-bottom:20px;
				text-align:center;
			}

	aside{
		position:relative;	
		display:block;
		float:right;
		width:15%;
		padding:20px 0 0 0;
	}
	
		dl#navPrincipal{
			width:80%;
			margin:0 10% 20px 10%;
		}
		
			dl#navPrincipal dt{
				display:block;
				width:100%;
				background:url(../images/design/bkg_header_simple.png) bottom left repeat;	
				margin-top:3%;
				cursor:pointer;
			}
				dl#navPrincipal dt:hover{
					background:url(../images/design/bkg_header_simple_hover.png) bottom left repeat;	
				}
				
				dl#navPrincipal dt span.ui-icon-triangle-1-e, dl#navPrincipal dt span.ui-icon{
					left:0 !important;
				}
			
				dl#navPrincipal dt span.conteneurTitre{
					display:block;
					padding:1% 1% 1% 10%;
					width:89%;
					background:url(../images/design/lumiere_sidebar.png) center top repeat-y;
					text-transform:uppercase;
					font-size:0.9em;
					z-index:2;
				}
				
					dl#navPrincipal dt span:first-letter{
						font-size:1.1em;	
					}
					
			
			dl#navPrincipal dd{
				background:url(../images/design/bkg_menu.png) bottom left repeat;	
			}
				
				dl#navPrincipal dd ul{
					background:url(../images/design/lumiere_menu.png) center top repeat-y;	
				}
				
					dl#navPrincipal dd ul li{
						border-bottom:solid 1px #454646;	
					}
			
						dl#navPrincipal dd ul li a{
							width:87%;
							padding:2% 3% 2% 10%;
							text-decoration:none;
							display:block;
							font-size:0.9em;
						}
						
							dl#navPrincipal dd ul li a:link{background-color:transparent;}
							dl#navPrincipal dd ul li a:visited{background-color:transparent;}
							dl#navPrincipal dd ul li a:hover{background-color:#484848;}
							dl#navPrincipal dd ul li a:active{background-color:transparent;}
	
		
		aside div.avenir{
			position:relative;
			clear:both;
			float:left;
			margin:20px 0;
			color:#b9c0ad;
		}

			div.avenir h3{
				position:relative;
				clear:both;
				float:left;	
				
			}
			
			div.avenir dl{
				position:relative;
				clear:both;
				float:left;		
			}
			
				div.avenir dl dt{
					font-size:0.8em;	
					margin-top:10px;
					font-weight:bold;
				}
				
				div.avenir dl dd{
					font-size:0.8em;	
					margin:10px 0 20px 0;
				}
					
					div.avenir dl dd ul{
						list-style:square;	
						padding-left:20px;
					}
					
						div.avenir dl dd ul li{
							margin-bottom:5px;	
						}
						 
		.notifications{  
			position:relative;
			float:left;
			margin-bottom:10px;
			width:100%;
		}	
		
			.notifications dt{
				padding-top:10px;
				font-weight:bold;
			}
			
			.notifications dd{
				margin-top:10px;
				border-bottom: solid 1px #CCC;
			}
			
				.notifications ul{
					position:relative;
					float:left;
					clear:both;
					width:100%;
					margin:10px 0;
					list-style:none;	
					font-size:0.9em;
				}
				
					.notifications ul li{
						display:inline;	
					}
		
		
		div#calendrier_commun{
			width:80%;
			margin:0 10%;
		}
			div#calendrier_commun .ui-state-hover{
				color:#fff;	
			}	
			
			.ui-state-highlight:hover{
				color:#bbb !important;	
			}	
		
			div#calendrier_commun .ui-widget-header{
				background:url(../images/design/bkg_header_simple.png) bottom left repeat;	
			}
			
				div#calendrier_commun .ui-datepicker-title{
					background:url(../images/design/lumiere_menu.png) center top repeat-y;	
				}
		
			div#calendrier_commun .ui-widget-content{
				background: none !important;	
			}
			
			div#calendrier_commun .ui-state-active, 
			div#calendrier_commun .ui-widget-content .ui-state-active, 
			div#calendrier_commun .ui-widget-header .ui-state-active {
				background: #484848; 
				color: #CCB88E; 
			}
			
				.calendrier_mini ul.eventspopup{
						display:none;	
					}
					
					.calendrier_mini tbody{
						position:relative;	
					}
					
						.calendrier_mini tbody tr{
							position:relative;	
						}
							
							.calendrier_mini td{
								position:relative;	
							}
							
							.calendrier_mini td:hover ul.eventspopup{
								display:block;
								position:absolute;
								padding:10px;
								z-index:999;
								float:left;
								padding:5px 0;
								text-align:left;
								list-style:none !important;
							}
							
								.calendrier_mini td ul.eventspopup li{
									display:block;
									text-align:left;
									padding:5px 10px;
									margin-top:-15px;
									background:#99CC66;
								}
								
									.calendrier_mini td ul.eventspopup li a{
										display:block;
										padding:3px !important;
										color:#fff !important;	
										background:none;
										white-space:nowrap;
									}
							
	
	div#userbar{
		position:fixed;
		display:block;
		width: 100%;
		float:left;
		bottom:0;
		left:0;
		background:url(../images/design/bkg_header_simple.png) bottom left repeat;	
		z-index:100;
	}

		div#userbar ul{
			position:relative;
		}
		
			div#userbar ul>li{
				min-height:1.2em;
				padding:0.2em 10px;
				cursor:pointer;
				float:left;
				font-size:0.9em;
			}
			
				div#userbar ul>li:hover{
					background:url(../images/design/bkg_header_simple_hover.png) bottom left repeat;	
				}

				div#userbar ul li ol{
					display:none;	
				}
				
				div#userbar ul li:hover ol{
					display:block;	
					position:absolute;
					bottom:0;
					left:0;
					float:left;
				}
				
				div#userbar ul li ol{
					float:left;
					background:url(../images/design/bkg_header_simple.png) bottom left repeat !important;
				}
				
					div#userbar ul li:hover ol li{
						padding:6px 10px;	
					}
					
					div#userbar ul li ol li:hover{
						background:url(../images/design/bkg_header_simple_hover.png) bottom left repeat !important;
					}
					
					
					div#userbar ul li:hover ol li span{
						display:inline-block;	
					}
					
					div#userbar ul li:hover ol li a{
						display:inline-block;	
					}
					
					div#userbar ul li:hover ol li a{
						text-decoration:none;
					}	
					
					div#userbar ul li:hover ol li a:link{color:#000;}
					div#userbar ul li:hover ol li a:visited{color:#000;}
					div#userbar ul li:hover ol li a:hover{color:#111;}
					div#userbar ul li:hover ol li a:active{color:#000;}

	
	footer{
		position:absolute;
		clear:both;
		display:block;
		width:98%;
		color:#666;
		font-size:0.8em;
		text-align:center;
		padding:10px 0;
		bottom:0;
		margin-bottom:2.5em;
	}