body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;	

}

h1,h2,h3,h4,p {
	display: inline;
}


h1{
	color: #FF6600;
	margin: 0px;
	font-size: large;
	}

h3,h4 {
	color: #FF6600;	
	margin: 0px;
}

h4 {
	font-size: small;	
}

p {
	font-size: small;
	text-align: justify;
}


a:link {
	text-decoration: none;
	color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
a:visited
	 {
	 text-decoration: none;
	 color: #CCCCCC;
	 }
a:active {
	text-decoration: none;
	color: #CCCCCC;
	}
a:hover {
	text-decoration: none;
	color: #FFCC33;
	}

a img {
	border: none; }
	

.listdot {
	font-size: small;
	list-style-type: disc;
	}
	
.listcercle {
	font-size: small;
	list-style-type: circle;
	list-style-position: outside;
	}


.smallerfont {
	margin: -4px;
	font-size: 9px;	
	}

.boldfont {
	font-weight: bold;
	color: #E8E8E8;
}

.blue  {
	color: #6699FF;
	}
	
.green  {
	color: #00CC99;
	}

.orange  {
	color: #FFCC33;
	}
	
.orange2  {
	color: #cc6600;
	}


#global {
position:absolute;
left: 50%;
top: 50%;
width: 960px;
height: 750px;/*or auto? */
margin-top: -375px; /* moitié de la hauteur */
margin-left: -480px; /* moitié de la largeur */
border: 1px solid #333;
background-color: #242424;
}

#wrapper-big {
position:absolute;
left: 50%;
top: 50%;
width: 960px;
height: auto;/*or auto? */
margin-top: -375px; /* moitié de la hauteur */
margin-left: -480px; /* moitié de la largeur */
border: 1px solid #333;
background-color: #242424;
}

#header {
margin:0px;
padding:0px;
width: 960px;
height: 180px;	
}

/*header gradient with rounded corners*/
.roundcont { 
	width: 100%;	/*can also be displayed in px*/
	background-image: url(img/hm.jpg);/*middle image that is repeated*/
	background-repeat: repeat-x;	
}


.roundtop { 
	background: url(img/hr.jpg) no-repeat top right; /* right image for rounded corner*/
}

img.corner {
   width: 4px;
   height: 36px;
   border: none;
   display: block !important;
}
/*End header gradient with rounded corners*/

#logo {
	position:absolute;
	top: 30px;
	left:50px;
	width: 300px;
	height: 110px;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
}

#slogan {
position:absolute;
top: 130px;
left:50px;
width: 800px;
height: 30px;
}

/*icons header right: home & contact etc  */

#iconbar {
position:absolute;
top: 130px;
right:50px;
width: 200px;
height: 20px;
}

#iconshome {
float: right;
width: 40px;
height: 30px;
padding-left: 60px;
}

#icons {
float: right;
width: 20px;
height: 20px;
padding-left: 40px;
}
/* end icons header */

#line {
	margin: 0px;/*if you want the same distance from board as pictures , margin L & R should be 50px*/
	width: auto;
	height: 6px;
	background-image: url(img/line1.png);
	background-repeat: repeat-x;
}

#linebottom {	
	margin: 0px; /*if you want the same distance from board as pictures , margin L & R should be 50px*/
	width: auto;
	height: 60px;
	background-repeat: repeat-x;
	background-image: url(img/line2.png);	
}

/*index specific css*/
#pictitleh1 {
	margin: 0px;
	width: 76px;
	height: 40px;
	text-align: left;
	position: absolute;
	left: 272px;		
	}
	
#pictitleh2 {
	margin: 0px;
	width: 90px;
	height: 40px;
	text-align: left;
	position: absolute;
	left: 392px;		
	}
	
#pictitleh3{
	margin: 0px;
	width: 76px;
	height: 40px;
	text-align: left;
	position: absolute;
	left: 500px;		
	}
	
#pictitleh4 {
	margin: 0px;
	width: 76px;
	height: 40px;
	text-align: left;
	position: absolute;
	left: 610px;		
	}

#pichome1 {
	margin: 0px;
	padding-left: 0px;
	width: 110px;
	height: 355px;
	background-position: center;
	text-align: center;
	position: absolute;
	left: 260px;	
}
#pichome2 {
	margin: 0px;
	padding-left: 0px;
	width: 110px;
	height: 355px;
	background-position: center;
	text-align: center;
	position: absolute;
	left: 370px;	
}

#pichome3 {
	margin: 0px;
	padding-left: 0px;
	width: 110px;
	height: 355px;
	background-position: center;
	text-align: center;
	position: absolute;
	left: 480px;	
}

#pichome4 {
	margin: 0px;
	padding-left: 0px;
	width: 110px;
	height: 355px;
	background-position: center;
	text-align: center;
	position: absolute;
	left: 590px;	
}

#language { /*language tabs*/
	margin:0 auto;
	padding-right: 40px;
	height:60px;
	position:relative;
	left: 0px;
	background-image: url(img/line1.gif);
	background-repeat: repeat-x;
	background-position: center;
}
#contentindex {
	margin: 0px;
	padding-top: 25px;	
	width: auto;
	height: auto;
	}
/*end index specific css*/

#content {
	margin: 0px;
	padding-left: 20px;
	padding-right: 30px;
	width: auto;
	height: 400px;
	}

#contentlarge {
	margin: 0px;
	padding: 0px;
	width: auto;
	text-align: justify;
	overflow: auto;
	/*color scroll bar, ne fonctionne que en IE*/
	scrollbar-base-color: black;
	scrollbar-arrow-color: orange;
	scrollbar-DarkShadow-Color: blue;	
	}

#titlebox{
	margin-top: 20px;
	padding-left: 0px;	
	width: auto;
	height: 40px;
}

#pictitleh {/*for  homepage*/
	margin: 0px;
	padding-right: 0px;
	padding-left:20px; /*padding + width = idem width pic below*/
	width: 90px;
	height: 40px;
	text-align: left;
	float: left;
	
	}
	
#pictitle {
	margin: 0px;
	padding-right: 0px;
	padding-left:22px; /*padding + width = idem width pic below*/
	width: 200px;
	height: 40px;
	text-align: left;
	
	}
	 
#pic {
	margin: 0px;
	padding-left: 0px;
	width: 110px;
	height: 355px;
	background-position: center;
	float: left;

}
#bigpic {
	margin: 0px;
	padding-left: 25px;
	width: 355px; 	/*in stead of 399*/
	height: 355px;
	background-position: center;
	text-align: center;
	float: left;
}

.sbmthumb {
float: left;
width: 198px;
height: 158px;
margin: 0 15px 15px 0;
padding: 5px;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 50%;
}

#sbmswap a img {
  height: 0;
  width: 0;
  border-width: 0;
}

#sbmswap a {
  display:block;
  padding-top: 110px;
}

#sbmswap a:hover img {
  position: relative;
  top: -380px;
  left: 0px;
  height: 266px;
  width: 333px;
  border-width: 2px;
  border-color: #0ff;
}

#textboxhome {
	margin: 0px;
	padding-right: 20px;
	width: 410px;
	height: 355px;
	background-position: center;
	text-align: justify;
	float: right;
	overflow: auto;
	/*color scroll bar, ne fonctionne que en IE*/
	scrollbar-base-color: black; 
	scrollbar-arrow-color: orange;
	scrollbar-DarkShadow-Color: blue; 
}

#textbox {
	margin: 0px;
	padding-right: 20px;
	width: 430px;
	height: 355px;
	background-position: center;
	text-align: justify;
	float: right;
	overflow: auto;
	/*color scroll bar, ne fonctionne que en IE*/
	scrollbar-base-color: black; 
	scrollbar-arrow-color: orange;
	scrollbar-DarkShadow-Color: blue; 
}

#textboxlarge {
	margin-left: 26px;	
	width: 890px;
	height: auto;
	text-align: left;
}

#textboxlarge ul {
font-size: small;
}
#textboxlarge ol {
font-size: small;
}

#textboxlarge li {
margin-left: 40px;
font-size: small;
}

/*Menu*/

#menu {
	margin:0 auto;
	padding:0px;
	list-style:none;
	white-space:nowrap;
	list-style:none;
	height:35px;
	position:relative;
	font-size:11px;
	left: 0px;
	background-image: url(img/line1.gif);
	background-repeat: repeat-x;
	background-position: center;
}



#menu li {
margin:0; 
padding:0; 
float:left;
list-style: none;
}

#menu li a {
display:block; 
float:left; 
height:35px; 
line-height:35px; 
color:#ddd; 
text-decoration:none; 
font-family:arial, verdana, sans-serif; 
font-weight:bold; 
text-align:center; 
padding:0 0 0 15px; 
cursor:pointer; 
background:url(img/tl.png) no-repeat;
}

#menu li a b {
float:left; 
display:block; 
padding:0 30px 0 15px; 
background:url(img/tr.png) 
no-repeat right top;
}

#menu li.current a {
	color:ff9900;
	background:url(img/tlc.png) no-repeat;
	line-height:33px;
}
#menu li.current a b {
	background:url(img/trc.png) no-repeat right top;
	padding-bottom:2px;
	color: #FF9900;
}
#menu li a:hover {
	color:#FFCC33;
	background: url(img/tlh.gif) no-repeat;
	line-height:35px;
}

#menu li a:hover b {
background:url(img/trh.gif) no-repeat right top;
}

#menu li.current a:hover {
	color:#FF9900;
	background: url(img/tlc.png) no-repeat;
	cursor:default;
	line-height:33px;
}
#menu li.current a:hover b {
background:url(img/trc.png) no-repeat right top; 
padding-bottom:2px;}

/*end menu*/


	
/*buttons*/

#buttons {
	margin:0 auto;
	padding-right: 20px;
	list-style:none;
	white-space:nowrap;
	list-style:none;
	height:60px;
	position:relative;
	font-size:11px;
	left: 0px;
	background-image: url(img/line1.gif);
	background-repeat: repeat-x;
	background-position: center;
}

#buttons ul{
	padding-right: 20px; /*further from page end*/
	
}


#buttons li {
margin: 0; 
padding-right: 20px; /* to add space between buttons*/
float: right;
list-style: none;
}

#buttons li a {
display:block; 
float:left; 
height:60px; 
line-height:60px; 
color:#000; 
text-decoration:none; 
font-family:arial, verdana, sans-serif; 
font-weight:bold; 
text-align:center; 
padding:0 0 0 19px; /*  to achieve center text align , in cennection with the padding in buttons li a b*/

background:url(img/butl.png) no-repeat;
}

#buttons li a b {
float: left; 
display:block; /*for google chrome (and other browsers?) to work*/
padding:0 20px 0 0px; 
background:url(img/butr.png) 
no-repeat right top;
}



/*end buttons*/

#footer {
	margin: 0px;
	width: 961px;
	height: 103px;
	background-image:url(img/bm.jpg);
	background-repeat: repeat-x;
	bottom: 0px;
	left: 0px;
	z-index: 6;	
	background-position: bottom;
	}