* {margin:0; padding:0; outline:none;}
body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	font-family: 'ColaborateRegular', Arial, sans-serif;
	font: 100% 'ColaborateRegular', Arial, Helvetica, sans-serif;
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	/*background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

#container { 
	width: 664px;
	padding:0;
	text-align: left;
	overflow-x: hidden;
	/*position:fixed;
	top:200px; right:530px;*/
	margin: 180px 0 0 400px;

}
#innerCadre2{width:440px; height:350px; top:150px; left:300px; padding:0; background-color:#; position:fixed; }
#innerCadre2 p{font-family: 'ColaborateRegular', Arial, sans-serif; font-size:24px; color:#e1e1e1;}
#innerCadre2 p a {color:#CC9; font-weight:bold;font-size:22px; text-decoration:none;}
#innerCadre2 a {color:#ccbfd9; text-decoration:none;}
#innerCadre2 a:hover {color:#ccbfd9; text-decoration:none;}

#email a {font-size:20px; color:#fff; outline:none;}
#email a:hover {color:#99C; text-decoration:none;}
#sm {font-size:16px;}
#logo {position:absolute; top:10px; left:30px;}
h5 {font-family:'ColaborateRegular', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:0; padding-left:10px; line-height:30px;}
/*top message above menu*/
h5 a {letter-spacing:.2em}
h5 a {color: #663300; text-decoration:none;}
h5 a:hover {color:#FFffff; text-decoration:underline;}
/*???*/

#menu {margin:auto; padding:0; height:30px; line-height:30px; width:960; font-family:'ColaborateThinRegular', Arial, sans-serif; font-size:16px; text-align:center; background-color: #CCF; z-index:1000; border-bottom:solid 6px #336699;}

ul#nav {height:30px; margin:0; padding:0; }
#nav li {display:block; float:left; padding:0px 37px 0px 0px; list-style:none; margin:0;}
#nav li img{display:inline; width: 15px; padding:0px; margin:0 10px 0 10px; outline:none;}
#nav a {color: #FFF; background-color:#; text-decoration:none; font-weight:bold; margin:0; padding:0;}
#nav a:hover {color:#063; background-color:#FF9; font-weight:bold; text-decoration:none; margin:0; padding:0;}
.current {color:#063; background-color:#FF9; font-weight:bold; text-decoration:none;}

img {border:none;}
ul, li, h3, h2, h1, p{padding:0; margin:0; list-style:none;}
h1{	margin:20px 0;	color:#5B739C; font-style:italic;}
	h1 strong{font-size:13px;color:#777;}

/*greenBOX*/
.part1{border:1px solid black; background-color: #9C9;}
.part1 h3{color:#000; padding-left:10px;}

h4 {font-size:16px; text-align:left; font-weight:bold; width: 240px;}

/*pink box*/
#options-examples {/*display:block;*/ margin:0px auto; background-color:#303; padding:15px 0 0 0;}
div.section{
	border:2px #000000 solid;
	width:660px;
	padding:0px;
	margin: 0px 0px 20px 0;
	position:relative;
	clear:both;
}
div.section h3{	margin-bottom:10px;	}
div.section li{	float:left;	}
.part{border:1px solid red;}

#pane-options {width:640px; margin-bottom:10px;}
#pane-options ul {height:480px; width:2000px;}
#pane-options ul.elements li{margin:10px 0px 3px 12px;}
div.pane{
		overflow:hidden;
		clear:left;
		margin: 10px 0px 0px 10px;
		position:relative;
		width:660px;
		height:490px;
}

ul.elementsPink li{
		width:640px;
		height:480px;
		font-weight:bolder;
		/*border:2px red solid;*/
		text-align:center;
		padding:0;
		margin:0 10px 0 0px;
		position:relative;
		background-color:#DDD;
}
ul.elementsPink li a{
		bottom:50px;
		color:#933;
		font-size:12px;
		left:75px;
		position:absolute;
}
ul.elementsPink li p{color:#666;}
ul#links{height:20px;}
	ul#links a{	color:#69C;	margin:0pt 15px;}
	ul#links a:hover{	color:#000000;}
	ul#links a:active{	color:#000000;}

/*for "top" links*/
a {color: #663300; text-decoration:none;}
a:hover {/*color:#CC9900;*/ text-decoration:underline;}


/*TOP MENU*/

#topMenu { 
	width: 100%; 
	height: 35px; 
	position:fixed;
	top:0px; right:30px;
	z-index: 10;
	color: #000000;
	text-align:right;
	padding-top:40px;
	font-size:20px;
	font-weight:bold;
	}
#topMenu a {color:#CC9; font-weight:bold;font-size:16px; text-decoration:none;}
#topMenu a:hover{color:#ccbfd9; text-decoration:none;}
#topMenu a:active{color:#ccbfd9; text-decoration:none;}

/* new sticky footer*/
#fixedFooter {
	/*background-image: url(../images/bottomBorder2.png);*/
	background-repeat: repeat-x;
	background-position: center;
	height: 20px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 10;
}

#footer {
	/*width:720px;*/
	
	height:35px;
	margin:auto;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	 text-align:center;
	 width:100%;
	 background: transparent url(fonts/miniBG.jpg) repeat-x fixed;
}
#footer p {
	margin: 100px 0 0 0;
	padding: 10px 20px 0 0; 
}

#creditsCopyright {display:block; color:#ccbfd9; font-weight:bold; font-size:.7em; width: 350px; height:15px; position:absolute; bottom:5px; left:5px; z-index:500;}
#popup {
/*visibility:hidden;*/
display:none;
position:relative;
margin:0 auto;
padding:0px;
font-size:1.2em; /* = 18 pixels */
z-index:50;
width:600px; height:413px;
}
.ligne{
margin-bottom:20px;
}