* {
	margin: 0;
	padding: 0; 
}


#global {
	width: 980px;
	margin: 0 auto 0 auto;
}

body, html {
	font: 10pt Verdana, Arial, Helvetica, "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	background-color: #394A4A;
}

a img {
	border: none;
}


a {
	color: #004B8A;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 a, h2 a, h3 a {
	color: #004B8A;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #000;
	text-decoration:none;
}

#main-part ul {
	list-style-position:inside;
	padding: 0;
	margin: 0;
}

#main-part ul.article-list li{
	color:#333;
	list-style-image:none;
	padding-left: 10px;
	border-bottom:1px solid #ddd;
}

#main-part ul.article-list ul li{
	list-style-image:none;
	padding-left:10px;
	color:#333;
}


#main-part ul {
	list-style-position:inside;
	padding: 0;
	margin: 0;
}

#main-part ul li{
	color:#333;
	list-style-image:url(/images/bulletlist.jpg);
	padding-left: 10px;
}

#main-part ul ul li{
	list-style-image:url(/images/bulletlist-gray.jpg);
	padding-left:10px;
	color:#333;
}

#separator {
	clear:both;
}

#bar {
	clear:both;
	background: url(/images/bar.png) top repeat-x;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #B9CDD0;
	height: 32px;
	color:#FFF;
}

#bar strong { font-size:13pt;}

#bar ul {
	padding-top: 4px;
	list-style: none;
}

#bar ul li {
	float: left;
	padding: 0px 9px;
}

#bar ul li a {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#bar ul li a:hover {
	color: #fc0;
}

#photo {
	clear:both;
	background: url(/images/aerosol.png) top no-repeat;
	height: 76px; 
	padding-top: 156px;
	padding-left: 255px;
}

#photo h2 {
	color: #fff;
	font: 24px Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	letter-spacing: -2px;
}

#photo h2 strong {
	font: 36px Verdana, Arial, Helvetica, sans-serif;		
	font-weight: bold;
	letter-spacing: -3px;
}

#photo-bot {
	clear:both;
	background:url(/images/aerosol-bot.png) top no-repeat;
	height: 38px;
	border-bottom:4px solid #004B8A;	
	padding-left:10px;
	padding-right:20px;
	padding-top:10px;
}

#parts {
	clear: both;
	background: #fff url(/images/colonne.png) left repeat-y;
	width: 980px;
}

#left-part {
   float: left; 
	width: 240px;
}

#main-part {
	float: left;
	width: 740px;
}

#header {
	padding: 15px 14px 5px 14px; 
	background: #eee url(/images/coin.png) 0 0 no-repeat;
	border-bottom: 4px solid #004B8A;
}
#header_txt {
	padding-right:10px;
}
#header_photo {
	float:right;
	padding-left:10px;
}

#colonne {
	padding: 10px 10px;
}

ul.categories li {
	list-style: none;
	background-color:#A7A7A7;
	background-repeat:no-repeat;
	clear:both;
	font-size:12px;
	margin-bottom:4px;
	margin-top:2px;
	padding: 3px 0px;
	padding-left:10px;
}

.categories a {
	color:#FFFFFF;
	text-decoration: none;
}
.categories a:hover {
	color:#004B8A;
	text-decoration: none;
}

ul.articles li {
	list-style-type:none;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #aaa;
}

ul.article-list li {
	list-style-type:none;
	list-style-image:none;
}

#footer {
	clear:both;
	width: 940px;
	padding: 15px 20px;
	background: #004B8A url(/images/bar.png) top repeat-x;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
}

#footer a {
	color: #fFF;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}
#content {
	padding: 20px 14px;
}

#content p {
	text-indent: 3em;
}

#left-part h3, #left-part h2 {
	color: #000;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
}

#main-part h3 {
	color: #000;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
}


#main-part h2 {
	color: #000;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
}

#parts p {
	line-height: 14px;
	line-height: 14px;
	margin: 5px 0px;
	text-align: justify;
}


ul.actions li{
	list-style-type:none;
}

ul.actions li a:hover {
	text-decoration:none;
	color:#000;
}

a.contact {
	background: url("/images/ico/contact.png") left no-repeat;
	padding-left: 30px;
	line-height: 30px;
        font-size:12px;
	border: none;
	display:block;

}

a.links {
	background: url("/images/ico/web.png") left no-repeat;
	padding-left: 30px;
	line-height: 30px;
        font-size:12px;
	border: none;
	display:block;
}

a.register {
	background: url("/images/ico/join.png") left no-repeat;
	padding-left: 30px;
	line-height: 30px;
        font-size:12px;
	border: none;
	display:block;
}

a.whoarewe {
	background: url("/images/ico/whoarewe.png") left no-repeat;
	padding-left: 30px;
	line-height: 30px;
        font-size:12px;
	border: none;
	display:block;
}


a.login {
	background: url("/images/ico/locked.png") left no-repeat;
	padding-left: 30px;
	line-height: 30px;
        font-size:12px;
	border: none;
	display:block;
}

a.logout {
	background: url("/images/ico/logout.png") left no-repeat;
	padding-left: 30px;
	line-height: 30px;
        font-size:12px;
	border: none;
	display:block;
}

a.print {
	background: url("/images/ico/print.png") left no-repeat;
	line-height: 30px;
        font-size:12px;
	border: none;
	display:block;
}

a.download {
	background: url("/images/ico/download.png") left no-repeat;
	line-height: 30px;
        font-size:12px;
	border: none;
	display:block;
}


div.half-part{
	width:50%;
	float:left;
}

hr {
	background-color:#004B8A ;
	height: 1px;
	border: 0;
	width:60%;
	margin:30px auto 10px auto;
	}

#header_photo img{
	border:4px solid #004B8A;
	padding:2px;
	background:#FFF;
}


#content img{
	border:1px solid #004B8A;
	padding:3px;
	background:#FFF;
}

ul.sousMenu{
	position:absolute;
	left:390px;
}


.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 220px; /* Width of Menu Items */
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 230px; /*sub menu width*/
top: 0;
left:20px;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
/*background: #fff;*/
/* border: 1px solid #ccc; */
border-bottom: 0;
}



	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */