html {
}
body {
	background-color:#111;
	text-align:center;
	font-family: "Trebuchet MS", sans-serif;
}

input,select,img {
	vertical-align:middle;
}

a:hover {
	text-decoration:none;
}

.sep {
	clear:both;
	height:0;
}

.erreur ,.erreurs {
	border: 2px solid #E9594D;
	background: #FFD0BF url(../img/ko.gif) center no-repeat;
	background-position: 15px 50%;
	padding:10px;
	text-align:center;
	margin:5px 40px;
	color:#555;
	font-weight:bold;
}

.erreur a {
	color:#333;
}

.ok {
	border: 2px solid #5CE94D;
	background: #BFFFC7 url(../img/ok.gif) center no-repeat;
	background-position: 5px 50%;
	padding:10px 30px;
	text-align:center;
	margin:15px 40px;
	color:#555;
	font-weight:bold;
}

.ok a {
	color:#333;
}

.novisible {
	display:none;
}

.arrondi {
	display:block;
    position:relative;
    border-width:1px 0;
    border-color:#dddd66;
    border-style:solid;
    text-decoration:none;
    margin:4px 0;
}

	.arrondi span {
		display:block;
	    position:relative;
	    margin:0 -1px;
	    border-width:0 1px;
	     border-color:#dddd66;
	    border-style:solid;
	}
	
.arrondi a{
	color:#369;
}

/*#admin-menu {
	display:none;
	padding:10px 10px 30px 0;
	border:1px solid red;
	width:20px;
}*/

#chargement {
	color:#036;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0px;
	font-size:.6em;
	padding:0 8px 1px 4px;
	font-family:Arial;
	background-color:#FCBE13;
	filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
    display:none;
}

#conteneur {
	min-width:700px;
	margin:0 auto;
	text-align:left;
	padding:0;
	background-image:url(../bandeaux/50.jpg);
	background-position:center 64px;
	background-repeat:repeat;
	background-color:#000;
}

#entete {
	text-align:left;
	background-image:url(../img/toolbar-bg4.png);
	background-position:top left;
	background-repeat:repeat-x;
	background-color: #000;
	height:64px;
	border-bottom:1px solid #555;
	margin:0;
	padding:0;
}

#entete a {
	font-weight:normal;
}
	
	#entete h1 {
		font-size:2em;
		z-index:1000;
	}
	
		#entete h1 img {
			vertical-align:top;
			margin:2px 0 0 10px;
		}
	
	#entete h1 a {
		text-decoration:none;
	}
	
	.entete_d {
		float:right;
		text-align:right;
		margin-right:10px;
		font-size:.8em;
		padding-top:5px;
	}
	
		.entete_d a{
			text-decoration:none;
			color:#aaa;
		}
		
			.entete_d a:hover{
				text-decoration:underline;
				color:#ff6600;
			}
	
#entete img {
}

#entete p {
	margin:0 auto;
}

#infobox {
	border-top:1px solid #888;
	border-bottom:1px solid #333;
	height:24px;
	background:url(../img/toolbar-bg3.png) top left repeat-x #a8c7cc;
	background:url(../img/toolbar-bg3.png) top left repeat-x #FCBE13;
	background-color:#FCBE13;
	padding:0 0 0 10px;
	line-height:24px;
	font-size:.8em;
	position:relative;
	display:none;
}

	#infobox #fermeinfobox {
		position:absolute;
		top:0;
		right:10px;
		display:none;
	}
	
	*+html #infobox #fermeinfobox, * html #infobox #fermeinfobox{
		top:-4px;
	}
	
	#infobox a{
		color:#aa0000;
		font-weight:bold;
	}
	
	#infobox img {
		margin-top:-4px;
	}
	
	*+html #infobox img, * html #infobox img{
		margin-top:0; 
	}

#debugBox {
	height:100px;
	border:1px dashed red;
	color:red;
	text-align:left;
	font-size:.7em;
	padding:0 5px;
	overflow:auto;
	clear:both;
	background-color:#fff;
}

#contenu {
	position:relative;
	width:100%;
	/*margin-top:5px;*/
}

#connexion fieldset{
	border:1px solid #336699;
}

	#connexion fieldset legend{
		margin-left:10px;
	}
	
	#connexion .infieldset {
		padding:10px;
	}

#quickbar {
	/*border-top:1px solid #036;*/
	/*border-bottom:1px solid #123;*/
	/*background:url(../img/quickbar-bg.png) 0 0 repeat-x #036;*/
	height:20px;
	padding-left:5px;
	color:#fff;
	padding-top:1px;
	margin-left:150px;
	padding-top:4px;
}

	#quickbar img {
	}
	
	#quickbar a {
		color:#ff9900;
		text-decoration:underline;
	}
	
	#quickbar a:hover {
		text-decoration:none;
	}
	
	#quickbar #quickliens {
		float:right;
		margin-right:5px;
	}
	
	#quickbar #liste-evts{
		display:inline;
	}
		
		#quickbar #liste-evts #pages-evts{
			display:inline;
		}
		
		#quickbar #liste-evts #evts{
			display:inline;
		}
		
			#quickbar #liste-evts #evts .evt {
				display:inline;
			}
			
			#quickbar #liste-evts #evts .evt em {
				color:#999999;
			}

#actionmenu {
	position:absolute;
	top:4px;left:0;
	z-index:10;
	cursor:pointer;
}

#actionmenus {
	position:absolute;
	top:4px;left:44px;
	z-index:10;
	cursor:pointer;
}

#menu-on {
	position:absolute;
	top:-12px;
	left:0;
}

#menu,.menu {
	z-index:1;
	/*width:60px;*/
	position:absolute;
	top:0;
	left:220px;
}

#menu li,.menu li {
	float:left;
}

#menu a.actif,#menu a.actif:hover {
	/*background:url(../img/menug-bg-on8.png) center top no-repeat transparent;
	*/z-index:1000;
}

#menu a,.menu a {
	display:block;
	margin:0 0 0 0;
	padding-top:10px;
	text-decoration:none;
	text-align:center;
	min-width:60px;
	height:54px;
	overflow:hidden;
}

	*+html #menu a , * html #menu a {
		width:60px;
	}

#menu span,.menu span {
	font-size:.6em;
	color:#bb5500;
	color:#fff;
	font-weight:bold;
	margin:2px 2px 8px 2px;
	text-decoration:none;
	font-family:Verdana,Helvetica,sans-serif;
	z-index:1000;
	display:block;
}

#menu img,.menu img {
	display:block;
	margin:0 auto;
}

#menu .ina {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#menu .inina {
	border-top:1px solid #494949;
	border-bottom:1px solid #494949;
	padding:2px 0;
}

#page {
	/*position:absolute;
	top:0;*/
	/*margin-left:60px;*/
	/*border:2px solid #ccc;
	border-top:none;
	border-right:none;*/
	/*_height:600px;
	min-height:600px;*/
	/*background-color:#ddeeff;*/
	z-index:0;
}
	
	.deconnexion {
		position:absolute;
		top:2px;
		right:5px;
		font-size:0.7em;
	}
		
		.deconnexion a {
			text-decoration:none;
			color:#444;
		}
	
	/* Chemin de fer */
	#chemin {
		background-color:#ccc;
		font-size:0.7em;
		padding:3px;
	}
	
	#chemin a {
		text-decoration:none;
	}
	
	#chemin a:hover {
		text-decoration:underline;
	}
	
	#chemin li {
		display:inline;
		background:url(../img/gt.gif) 0 center transparent no-repeat;
		padding-left:10px;
	}
	
	#chemin li.premier {
		background:url(../img/arbre_p.gif) left center transparent no-repeat;
		padding:3px 0 1px 20px;
	}

	/* Corps de la page */
	#corps {
		position:relative;
		height:100%;
	}
	
	#incorps {
		overflow:auto;
		height:100%;
		background-color:transparent;
		position:relative;
	}


#toolbar {
	height:23px;
	background:url(../img/toolbar-bg3.png) top left repeat-x #036;
	padding-top:3px;
	padding-left:8px;
	border-bottom:1px solid #333;
}

	#toolbar ul li {
		display:inline;
		padding: 0; 
	}
	
	#toolbar ul li img {
		vertical-align:top;
		margin-right:2px;
	}
	
	#toolbar ul li a {
		font-family:arial;
		display:block;
		text-align:center;
		float:left;
		padding:2px 6px;
		margin:0 4px;
		color:#eee;
		text-decoration:none;
		font-size:.7em;
		background-color:#036;
		border:1px solid #333;
		background:url(../img/toolbar-bg2.png) top left repeat-x #333;
	}
	
	#toolbar ul li a:hover {
		/*text-decoration:underline;*/
		/*background: url(../img/left.png) no-repeat left center;*/
		background-color:#333;
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #666;
		border-bottom:1px solid #666;
	}
	
	

#pages {
	clear:both;
	background:url(../img/toolbar-bg2.png) top left repeat-x #555;
}

	#pages .ajout {
		margin-left:5px;
		float:left;
	}

	#pages ul {
	}
	
		#pages ul li {
			float:left;
			margin:0 0;
		}
	
		#pages ul li a {
			display:block;
			font-family:arial;
			margin:0;
			padding:2px 10px;
			color:#ddd;
			font-size:.8em;
			text-decoration:none;
			border-right:1px solid #000;
			border-bottom:1px solid #333;
		}
		
		#pages ul li a:hover,#pages ul li a.actif{
			background:url(../img/toolbar-bg2.png) top left repeat-x #333;
		}
		
		#pages ul li a.actif {
			background:url(../img/toolbar-bg2.png) top left repeat-x #000;
		}

#vueaction fieldset {  
	clear: both;  
	margin: 10px 10px 25px 10px;  
	padding: 0;  
	border: 2px solid #666;  
	background-color: #333;  
}
	
	#vueaction fieldset p{  
		color:#eee;
		margin:4px 10px;
		padding:8px;  
	}

	#vueaction legend {  
		background:#222222 url(../img/toolbar-bg2.png) repeat-x scroll left top;
		color:#ddd;
		font-size:.8em;
		margin:0 0 2px 10px;
		padding:4px 12px;
		font-weight:bold;
		border: 1px solid #444;
	}
	
		#vueaction legend img {
			padding-bottom:3px;
		}  
	
	
	#vueaction fieldset ol {  
		margin: 10px 16px;  
		list-style: none;
	}
	
		#vueaction fieldset li {  
			padding-bottom: 4px;
			color:#fff;
		}
		
			#vueaction label {
				float: left;  
				width: 10em;  
				margin-right: 1em;  
				text-align: right;
				color:#fff ;
			}
			
				#vueaction .grand label {
					width:20em;
				}
			
				#vueaction label strong {  
					display: block;  
					color: #C00;  
					font-size: 85%;  
					font-weight: normal;  
					text-transform: uppercase;
				}
				
			#vueaction em {  
				color: #060;
				font-size:.8em;
				color:#ff8800;
				margin-left:10px;
				font-style:italic;  
			}
			
		#vueaction .valider {
			margin:5px 0;
			padding:0 8px;
			cursor:pointer;
			/*padding:2px 8px;
			border-top:1px solid #666;
			border-left:1px solid #666;
			border-bottom:1px solid #999;
			border-right:1px solid #999;
			background-color:#ccc;
			font-weight:bold;
			*/
		}
	
	#vueaction fieldset.submit {  
		border-style: none;
	}
	
.erreurs {
	color:red;
	font-weight:bold;
}

.resultats {
	font-weight:bold;
	color:green;
}

/* hack ie */

html>body #vueaction legend {  
	position: relative;  
	left: 0;  
	top: -1em;
}

html>body #vueaction fieldset ol {  
	padding-top: 0.25em;
}

html>body #vueaction fieldset {  
	position: relative; 
	margin-top:20px;
}





		
#vueaction table {
	width:100%;
	border-collapse:collapse;
	margin:10px auto;
	border:1px solid #666;
}

#vueaction table th {
	background-color:#333;
	color:#fff;
	font-weight:bold;
	padding:4px 6px;
	border:1px solid #fff;
}

#vueaction table td {
	border:1px solid #666;
	padding:4px ;
}

#vueaction table tr.alt td {
	background-color:#eee;
}