html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;

	font-family:inherit;
	vertical-align:baseline;
	text-align: center;
}
:focus {
	outline:0;
}
a:active {
	outline:none;

}
ol, ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
body {
	line-height:1;
	background:black;
	width:100%;
	font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	background: #FBF8F6;
	padding:10px 0;
	position:relative;
	-moz-text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-font-smoothing: subpixel-antialiased;
}
header {
	height:351px;
	width:100%;
	text-align: center;
	display:block;
	z-index:1;
}
#menu {
	height:40px;
	width:100%;
	margin-left:20%;
}
ul {
	text-align: center;
	display:block;
	text-align: center;
	width: 100%;
}
nav li a {
	display:block;
	padding:10px 20px;
	text-align:center;
	border:1px solid #f6600;
	float:left;
	background-color: #black;
    color: #a4a0a0;
	border:none;
	font-size: 15px;
	font-weight: bold;
	border-radius:5px;
	-webkit-box-shadow: 0px 2px 2px #dddddb;
	
	
	margin:15px 10px 10px 10px;
	text-decoration:none;
	transition-property:all;
	-moz-transition: -moz-transform 0.2s ease 0s;
}
nav li a:hover {
	padding:10px 20px;
	text-align:center;
	border:1px solid #f6600;
	float:left;
	background-color: #black;
	background: -moz-linear-gradient(top, #black, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#black ), to(#ffffff));
	color: #636363;
	border:none;
	font-size: 15px;
	font-weight: bold;
	border-radius:5px;
	-webkit-box-shadow: 0px 4px 6px #dddddb;
	cursor:crosshair;
	
	margin:13px 10px 10px 10px;
	text-decoration:none;
	-moz-transform: translate(0pt, -3px);
}
.facebook {
	width:101px;
	height:41px;
	text-align:center;
	border:1px solid #60b4e5;
	float:left;
	background-color: #B9DB00;
	background-image:url(../img/facebook.gif);
	background-repeat:no-repeat;
	color: #636363;
	border:none;
	font-size: 14px;
	font-weight: bold;
	border-radius:5px;
	-webkit-box-shadow: 0px 4px 6px #dddddb;
	box-shadow: 0px 4px 5px #dddddb;
	text-shadow: 1px 1px 1px #FFF5DE;
	filter: -webkit-dropshadow(color=#FFEBBF, offx=1, offy=1);
	background-position:center;
	text-decoration:none;
	padding:0;
}
.bodypaint {
	display:block;
	padding:10px 20px;
	text-align:center;
	border:1px solid #60b4e5;
	float:left;
	background-color: #black;
	background: -moz-linear-gradient(top, #black, #f0f7f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F7A3E2 ), to(#f0f7f0));
	color: #a4a0a0;
	border:none;
	font-size: 14px;
	font-weight: bold;
	border-radius:5px;
	-webkit-box-shadow: 0px 2px 2px #dddddb;
	
	
	filter: -webkit-dropshadow(color=#FFEBBF, offx=1, offy=1);
	margin:15px 10px 10px 10px;
	text-decoration:none;
	transition-property:all;
	-moz-transition: -moz-transform 0.2s ease 0s;
}
.bodypaint:hover {
		padding:10px 20px;
	text-align:center;
	border:1px solid #60b4e5;
	float:left;
	background-color: #black;
	background: -moz-linear-gradient(top, #black, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#FD52D3 ), to(#ffffff));
	color: #636363;
	border:none;
	font-size: 14px;
	font-weight: bold;
	border-radius:5px;
	-webkit-box-shadow: 0px 4px 6px #dddddb;
	
	
	filter: -webkit-dropshadow(color=#FFEBBF, offx=1, offy=1);
	margin:13px 10px 10px 10px;
	text-decoration:none;
	-moz-transform: translate(0pt, -3px);

}


.facebook:hover {
	-moz-transform: translate(0pt, -3px);
	z-index: 10;
	width:101px;
	height:40px;
	text-align:center;
	border:1px solid #60b4e5;
	float:left;
	background-color: #B9DB00;
	background-image:url(../img/facebook.gif);
	background-repeat:no-repeat;
	color: #636363;
	border:none;
	font-size: 14px;
	font-weight: bold;
	border-radius:5px;
	-webkit-box-shadow: 0px 4px 6px #dddddb;
	box-shadow: 0px 4px 5px #dddddb;
	text-shadow: 1px 1px 1px #FFF5DE;
	filter: -webkit-dropshadow(color=#FFEBBF, offx=1, offy=1);
	background-position:center;
	text-decoration:none;
	padding:0;
	position: relative;
}
.mailbox {
	width:101px;
	height:40px;
	text-align:center;
	border:1px solid #60b4e5;
	float:left;
	background-color: white;
	background-image:url(../images/mailbox.jpg);
	background-repeat:no-repeat;
	color: white;
	border:none;
	font-size: 14px;
	font-weight: bold;
	border-radius:5px;
	-webkit-box-shadow: 0px 4px 6px #dddddb;
	box-shadow: 0px 4px 5px #dddddb;
	text-shadow: 1px 1px 1px #FFF5DE;
	filter: -webkit-dropshadow(color=#FFEBBF, offx=1, offy=1);
	background-position:center;
	text-decoration:none;
	padding:0;
}
.mailbox:hover {
	-moz-transform: translate(0pt, -3px);
	width:101px;
	height:40px;
	text-align:center;
	border:1px solid #60b4e5;
	float:left;
	background-color: white;
	background-image:url(../images/mailbox.jpg);
	background-repeat:no-repeat;
	color: white;
	border:none;
	font-size: 14px;
	font-weight: bold;
	border-radius:5px;
	-webkit-box-shadow: 0px 4px 6px #EEECEA;
	box-shadow: 0px 4px 5px #EEECEA;
	text-shadow: 1px 1px 1px #FFF5DE;
	filter: -webkit-dropshadow(color=#FFEBBF, offx=1, offy=1);
	background-position:center;
	text-decoration:none;
	padding:0;
}
#container {
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:0;
	margin-top:50px;
}
.top {
	margin-top:50px;
}
#example {
	width:960px;
	height:640px;
	position:relative;
}
#ribbon {
	position:absolute;
	top:-108px;
	left:-28px;
	z-index:500;
}
#ribbon2 {
	position:absolute;
	top:-145px;
	left:355px;
	z-index:500;
}
#bio {
	padding:80px 0px;
	color:#656565;
	text-align:center;
	font-size:15px;
    margin:20px 40px;
}
.bio2 {
	padding:10px 0px;
	font-size:20px;
	color:white;
		

}
#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:570px;
	top:-3px;
	left:-80px;
}
#frame2 {
	position:absolute;
	z-index:0;
	width:960px;
	height:640px;
	top:-98px;
	left:-60px;
}
#slides, #slides2, #slides3, #slides4 {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}
#slides .next, #slides 
.prev, #slides2 
.next, #slides2 .prev, #slides3 .next, #slides3 .prev, #slides4 .next, #slides4 .prev {
	position:absolute;
	top:124px;
	left:-100px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
.slides_container, .slides_container2, .slides_container3, .slides_container4 {
	width:960px;
	height:640px;
	overflow:hidden;
	position:relative;
}
#slides .next, #slides2 .next, #slides3 .next, #slides4 .next {
	left:960px;
}
.pagination {
	margin:20px auto 0;
	width:560px;
}
.pagination li {
	float:left;
	margin:0 1px;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}
#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}
a:link, a:visited {
	text-decoration:none;
	color:#BCB5B5;
}
a:hover, a:active {
	color: white;
	text-decoration:underline;
}
#news {
	vertical-align:middle;
	background-color:#ffffff;
	width:600px;
	margin:0 auto;
	position:relative;
	margin-bottom:10px;
}
#news img {
	width: 95%;
	max-height: 600px;
	margin:auto auto;
	position:relative;
	padding: 20px 20px 15px 20px;
	margin:0 auto;
	position:relative;
	margin-bottom:20px;
}
#retour {
	width:101px;
	height:40px;
	text-align:center;
	border:1px solid #60b4e5;
	float:left;
	background-color: white;
	background-image:url(../images/mailbox.jpg);
	background-repeat:no-repeat;
	color: white;
	border:none;
	font-size: 14px;
	font-weight: bold;
	border-radius:5px;
	-webkit-box-shadow: 0px 4px 6px #dddddb;
	box-shadow: 0px 4px 5px #dddddb;
	text-shadow: 1px 1px 1px #FFF5DE;
	filter: -webkit-dropshadow(color=#FFEBBF, offx=1, offy=1);
	background-position:center;
	text-decoration:none;
	padding:0;
	position:fixed;
}
#resume {
	font-size:13px;
	position:fixed;
	/* La couleur de fond*/
 background:white;
	/*La bordure*/
 border:7px solid #E1E1DF;
	/* la longueur et l'espace autour du texte*/
  width:15%;
	padding:16px;
	margin:0 0 100px 0;
	left:3%;
	bottom:28%;
	/* On ajoute un bord arrondi pour les navigateurs compatibles*/
 border-radius:7px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
-webkit-border-radius:7px  box-shadow: 0px 4px 5px #dddddb;
	color:#9F9A9A;
	font:Verdana, Geneva, sans-serif;
	font-variant:normal;
	font-weight:lighter;
	-webkit-box-shadow: 0px 3px 4px #C9C9C6;
	box-shadow: 0px 3px 4px #C9C9C6D;
}
#link {
	font-size:20px;
	position:fixed;
	/* La couleur de fond*/
 background:white;
	/*La bordure*/
 border:4px solid #C6EA07;
	/* la longueur et l'espace autour du texte*/
  width:15%;
	padding:20px;
	margin:0 0 100px 0;
	left:3%;
	bottom:1%;
	/* On ajoute un bord arrondi pour les navigateurs compatibles*/
 border-radius:7px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
-webkit-border-radius:7px  box-shadow: 0px 4px 5px #dddddb;
	color:#9F9A9A;
	font:Verdana, Geneva, sans-serif;
	font-variant:normal;
	font-weight:lighter;
	-webkit-box-shadow: 0px 4px 6px #EEECEA;
	-box-shadow: 0px 4px 6px #EEECEA;
}
#link a {
	font-weight:bold;
	color:#CFD0C7;
	text-shadow: 1px 1px 2px #DCDCDD;
	filter: -webkit-dropshadow(color=#DCDCDD, offx=1, offy=1);
	margin-left: 5px;
	text-decoration:none;
	transition:translate;
}
#link a:hover {
	font-weight:bold;
	color:#CFD0C7;
	text-shadow: 1px 1px 2px #DCDCDD;
	filter: -webkit-dropshadow(color=#DCDCDD, offx=1, offy=1);
	margin-left: 10px;
	text-decoration:none;
	-moz-transition: -moz-transform 0.2s ease 0s;
	-moz-transform: translate(8px, 0px);
}
#IDdubouton {
	position:fixed;
	/* La couleur de fond*/

	/*La bordure*/
 border:2px solid #BFFF37;
	/* la longueur et l'espace autour du texte*/
 width:135px;
	padding:12px;
	left:3%;
	bottom:35px;
	/* On ajoute un bord arrondi pour les navigateurs compatibles*/
 border-radius:7px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
-webkit-border-radius:7px  box-shadow: 0px 4px 5px #dddddb;
	font-weight:bold;
	color:#B0ABAB;
}
#IDdubouton:hover {
	/*On change le curseur de la souris au survol*/
 cursor:pointer;
	/*On change la couleur de fond au survol*/
 background:#BFFF37;
	/*On change la couleur de la bordure au survol*/
 border:2px solid #BFFF37;
	/*On change la couleur de texte au survol*/
 color:black;
}
h1 {
	font-weight:bold;
	font-size:16px;
	color: black;
	margin: 0 0 5px;
}
#playground, #graphics {
	text-align:center;
}
.speed {
	background-image:url(../images/anim.gif);
	transition:translate 0.8;
}
.speed:hover {
 background-image:url(../images/anim.gif)  -moz-transition: -moz-transform 0.2 ease 0s;
	-moz-transform: translate(10px, 0px);
}
.speed:active {
 background-image:url(../images/anim.gif)  -moz-transition: -moz-transform 0.2 ease 0s;
	-moz-transform: translate(3px, 0px);
}
.new {
	background-color:#999999;
	width:1280px;
	height:1024px;
	margin:auto;
	padding:auto;
}
#exhibition {
	line-height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:lighter;
	font-stretch:extra-expanded;
	padding:10px 0px;
	font-size:14px;
	color:#39F;
	text-align:left;

}
.title { 
	padding:10px 0px;
	font-size:30px;
	color:#39F;

}