BODY {
	padding:0px;
	margin:0px;
    font-size: 11px;
    font-family: Helvetica, Arial;
    color: #333333;
    text-align: justify;
}

SUP { font-size: 0.6em; }


H1 {
	margin:0px;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    font-weight:100;
    top: 18px;
    position: relative;
}

.text{
	margin: 15px;
	width: 316px;
	height:145px;
	float: left;
}

A:link, A:visited { color: #E04B00; font-size: 11px; text-decoration: underline; }
A:hover { text-decoration: none; }

#bg img { 
    position:fixed; 
    top:0; 
    left:0; 
}

.main{
    position:absolute;
    left:50%;
}

.menu a:link, .menu a:visited{
    color: #666666;
    font-size: 13px;
    text-decoration: none;
}

.menu a:hover{
    color: #E04B00;
    font-size: 13px;
    text-decoration: none;
}

.menu a:active{
    color: #E04B00;
    font-size: 13px;
    text-decoration: none;
}

.menu table{
	width:100%;
}

.menu{
	top: 20px;
	width: 550px;
    position:absolute;
    left:50%;
    margin-left: -260px;
}

.logo{
	top: 20px;
    position:absolute;
    left:50%;
    margin-left: -30px;
}

.gallery{
	background-image: url("images/bg-gallery.png");
	background-repeat: repeat;
	width:100%;
	height:240px;
	top:180px;
	position:absolute;
	overflow: hidden;
}
.scroller{
	position: absolute;
}
.gallery img{
	padding:20px 10px;
	float:left;
	width: 200px; height: 200px;
}

.ombre{
	background-image: url("images/ombre.png");
	background-repeat: repeat-x;
	width:100%;
	height:13px;
	bottom:0px;
	position:absolute;
}

.shadow-gallery
{
	background-image: url("images/shadow-gallery.png");
	width:719px;
	height:240px;
	top:0px;
	position:absolute;
	left:50%;
    margin-left: -300px;
}

#intro{
	top:200px;
	position: absolute;
	left:50%;
    margin-left: -282px;
    z-index: 1;
}
#web{
	overflow: hidden;
	display:none;
}
#illustration{
	overflow: hidden;
	display:none;
}
#print{
	overflow: hidden;
	display:none;
}
#about{
	top:200px;
	position: absolute;
	left:50%;
    margin-left: -282px;
	overflow: hidden;
	display:none;
	bottom: 0px;
	width: 584px;
}
#about H1 {
	background-image: url("images/about.png");
	width: 87px;
	height: 23px;
	float: left;
	top: 13px;
}
#contact{
	top:200px;
	position: absolute;
	left:50%;
    margin-left: -282px;
	overflow: hidden;
	/*display:none;*/
	width: 584px;
	bottom: 0px;
}
#contact H1 {
	background-image: url("images/contact.png");
	width: 125px;
	height: 23px;
	float: left;
	top: 13px;
}
.menu A.selected{
	color: #E04B00;
}

.box{
	background-image: url("images/box_dernier.png");
	width:218px;
	height:261px;
	float: left;
}

.box IMG {
	top: 32px;
	left: 9px;
	position: relative;
}

.actus {
	position: absolute;
	left: 252px;
	width: 332px;
	line-height: 15px;
	overflow: hidden;
}

.actus H1 {
	background-image: url("images/actus.png");
	width: 87px;
	height: 23px;
	float: left;
	top: 13px;
}

.separator {
	background-image: url("images/separator.png");
	position: relative;
	margin-top: 18px;
	width: 332px;
	height: 5px;
}

.date{
	color: #999999;
	line-height: 21px;
}

.precedent{
	float: left;
	display:none;
}

.suivant{
	float: right;
	display:none;
}
.bloctext{
	position:absolute;
	left: 252px;
	top: 13px;
	width: 332px;
	line-height: 15px;
}

#contact-form{
	margin:30px auto;
	width:332px;
}



.clear{
	clear:both;
}

#form-container{
	background-color:#f5f5f5;
	padding:15px;
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}

td{
	white-space:nowrap;
}

label{
	text-transform:uppercase;
	font-size:10px;
	font-family:Helvetica, Arial;
}

textarea{
	color:#404040;
	font-family:Helvetica, Arial;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#E04B00;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

.tutorial-info{
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

IMG{
	border:none;
}