@import url("tinyedit.css");
html {height:100%}
body {background-color: #FFF;margin: 0;text-align:left;position:relative;height:100%}
body,td{font-family: 'Ubuntu', sans-serif;/*font-weight: 300;*/color:#333}


img {border:none}
a {color:#0A8FE9;text-decoration:none}
a:hover {color: #FF3300;text-decoration:underline}
hr{background-color:#CC3300;color:#CC3300;height:1px;border:0}

#content{width:65%;float:left;background-color:white;padding:2% 1% 2% 4% }
#content li{list-style-image:url('deco/puce-rond.gif')}


/* Menu */
.zul{width:23%;list-style:none;margin:0;padding:0;background-color:black;float:left}
.zli1 a,.zli2 a,.zli3 a{font-family: 'Oswald', 'Arial Narrow', sans-serif;display:block;color:white}
.zli1 a{font-size:14pt;padding:5px 10px 7px 10px;}
.zli2 a{font-size:12pt;padding:3px 10px 5px 30px;}

.zon a{color:black;background-color:#1D9EF5;font-weight:bold;}
.zul a:hover{background-color:#065991}
.zon {}
.zul li{background:transparent url('deco/fleche-menu-of.png') no-repeat scroll left center;padding:0px 0px 0px 16px;border-bottom:1px #076CAF solid;}
.zul li.zon{background:#1D9EF5 url('deco/fleche-menu-on.png') no-repeat scroll left center;}



/* Barre Administration */
#zadmin {	background: transparent url('deco/admin-fond.gif') repeat-x scroll -300px bottom;color:#FFF;
			position: absolute;z-index:100; top: -55px; padding:20px 8px 40px 8px;margin: 0 ;}
#identifier{background-color: #1D9EF5; margin: 0;color:#FFF;position: absolute;z-index:100; top: -50px; right: 20%}
#zadmin a{ 	color:#FFF;padding-left:9px;padding-right:7px;border-right: 1px #FFF solid}
#zadmin a:hover{}

@media only screen and (max-width: 480px){
	#xxxxx{display:none}
	#content,.zul{width:auto;float:none;}
	#content{padding:1em }
}