/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/

*{ margin:0; padding:0; border:0 none; }

.clear { clear: both;  visibility: hidden; width:1px; height:1px; line-height:1px;display:block; margin:0 !important; margin:-7px 0;}

body div#menu div.container p {margin:30px 0}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	color:#000;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

input{border:1px solid #ccc; width:60px; height: 16px; float:left; margin:2px 2px 0 0; }
input.bt{ height: 18px; float:left; margin:2px 2px 0 0; font-size:12px; color:#666; background:#ccc url(gfx/btonOk.png) no-repeat left top; cursor: pointer}
a img { border: none; clear:both }

.access{display: none}

#menu {
    width: 122px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	padding:14px;
	clear:both;
	background:#fff;
}

#menu ul {
	float: left;
	clear:both;
	list-style: none;
	margin: 0 0 14px 0;
	width:130px;
}



#menu ul li#Commercial { width: 122px; height:20px; background:#ddd url(gfx/commercial.png) no-repeat left top;}
#menu ul li#Private { width: 122px; height:20px; background:#ddd url(gfx/private.png) no-repeat left top;}
#menu ul li#Personal { width: 122px; height:20px; background:#ddd url(gfx/personal.png) no-repeat left top;}
/*#menu ul li#Info { width: 122px; height:20px; background:#ddd url(gfx/infos.png) no-repeat left top;}*/


#menu ul li.page, #menu ul li.active{ width: 60px; height:16px; float:left; margin:0 2px 2px 0}

.listing a, #smol{ text-decoration: none;  color:#ccc; background:#ccc; display:block; width: 60px; height:16px;}
.listing a:active { text-decoration: none; color: #666;  background:#666; display:block; width: 60px; height:16px; }
.listing a:visited { text-decoration: none; color: #b2b2b2;  background:#b2b2b2; display:block; width: 60px; height:16px;}
.listing a:hover, #menu ul li.active a, #smol:hover { text-decoration: none; color: #666;  background:#666; display:block; width: 60px; height:16px; }
#smol, #smol:hover{ width:12px; height:12px;}

#menu ul.listing li#p-7 a{ text-decoration: none; display:block; width: 122px; height:52px; background:#ccc;clear: both; }
#menu ul.listing li#p-7 a:visited{ text-decoration: none; display:block; width: 122px; height:52px; background:#b2b2b2;clear: both; }
#menu ul.listing li#p-7 a:hover, #menu ul.listing li#p-7.active a{text-decoration: none; display:block; width: 122px; height:52px; background:#fff url(gfx/boutonPersonal.png) no-repeat left top;clear: both;}
#menu ul.listing li#p-7 {height:52px}

#menu ul li#p-14 a {display:block; width: 122px; height:20px; background:transparent url(gfx/infos.png) no-repeat left top;}
#menu ul li#p-1 a {display: none}

#content {
    height: 100%;
    margin: 0 0 0 151px;
    top: 0;
}

.container {
    padding:0;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }