body, ul, li, h1, h2, span{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
body{
	background:#ffffff;

}

#haut{
	background:url(img/bg.png) repeat;
	width:100%;
	height:200px;
	position:absolute;
	margin: -10px auto;
}

#centre{
	width:100%;
	height:200px;
	position:absolute;
	margin: 0px auto;
}

#logo{
	background:url(img/logo.png) no-repeat;
	width:802px;
	height:200px;
	position:relative;
	margin-top: -14px ;
	margin-left: 0px ;
}

#brush{
	background:url(img/brush.png) repeat;
	position:absolute;
	width:128px;
	height:247px;
	margin-top: 200px ;
	margin-left: 969px ;
}

#shadow{
	background:url(img/shadow.png) no-repeat;
	width:1200px;
	height:800px;
	margin-top: -559px ;
	margin-left:100px ;
}

#text{
	position:relative;
	margin-top: -25px ;
	margin-left: 325px ;
	width:450px;
	height:300px;
	text-align:right;
}

#formulaire{
	color:#FFFFFF;
	position:absolute;
	margin-top: 50px ;
	margin-left: 445px ;
	width:600px;
	text-align:right;
	font-size:14px;
}

form{
	font-size:14px;
	color:#FFFFFF;
	position:absolute;
	text-align:right;
	text-shadow: 0px 1px 0px #292929;
}


textarea{
	width:325px;
	height:150px;
	border:none;
	text-align:left;
	color:#000;
	border:solid 1px #82a205;
}

textarea:focus{
	border:solid 1px #808080;
}

textarea:hover{
	border:solid 1px #404040;
}




/************************************************************ Menu Haut ************************************************************/

.slidingMenu {
	position: absolute;
	height:410px;
	width: 410px;
	top:20px;
	overflow:hidden;
	right:1px;
	font-family: Arial, Helvetica, sans-serif;
}
.slidingMenu li {
	display:block;
	float:right;
	clear:both;
	position:relative;
	overflow:hidden;
}
.slidingMenu li.move {
	width: 9px;
	height: 30px;
	right:0px;
	padding-right:10px;
	margin-top:2px;
	z-index: 8;
	position: absolute;    
	background: #aee148;     
	background: 
		-webkit-gradient(
			linear, 
			left top, 
			left bottom, 
			from(#99cc33), 
			to(#aee148)
		);     
	background: 
		-moz-linear-gradient(
			top, 
			#99cc33, 
			#aee148
		);     
	-moz-border-radius: 8px 0px 0px 8px;  
	-webkit-border-top-left-radius: 8px;     	
	-webkit-border-bottom-left-radius: 8px; 
	border-top-left-radius: 8px;  
	border-bottom-left-radius: 8px;        
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;	
	}
.slidingMenu li a {
	font-size:30px;
	text-decoration: none;
	color: #ddd;
	outline: none;
	text-indent:5px;
	z-index: 10;
	display: block;
	float: right;
	height: 30px;
	line-height: 30px;
	position: relative;
	overflow: hidden;
	padding-right:10px;
}


/************************************************************ Menu Haut Descriptions ************************************************************/

.slidingMenuDesc{
	margin-top:20px;
	position:relative;
}
.slidingMenuDesc div{
	background: #aee148;     
	background: 
		-webkit-gradient(
			linear, 
			left top, 
			left bottom, 
			from(#99cc33), 
			to(#aee148)
		);     
	background: 
		-moz-linear-gradient(
			top, 
			#99cc33, 
			#aee148
		);   	
	height: 30px;
	padding-right:5px;
	left:-5px;
	width:0px;
	margin-top:2px;
	overflow:hidden;
	position:absolute;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
	-moz-border-radius: 0px 8px 8px 0px;  
	-webkit-border-top-right-radius: 8px;     	
	-webkit-border-bottom-right-radius: 8px; 
	border-top-right-radius: 8px;  
	border-bottom-right-radius: 8px; 
}
.slidingMenuDesc div span {
	font-size:30px;
	color: #f0f0f0;
	text-indent:5px;
	z-index: 10;
	display: block;
	height: 30px;
	line-height: 30px;
	position:absolute;
	right:10px;
	margin-left:5px;
	top:-3px;
}

/************************************************************ Menu Intro ************************************************************/

.menuintro{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
	margin-left:171px;
	margin-top:200px;
    height:400px;
    width:797px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu{
    list-style:none;
    width:797px;
}
ul.menu > li{
    float:left;
    width:265px;
    height:400px;
    border-right:1px solid #fff;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li.last{
    border:none;
}
.bg1{
    background-image: url(img/1.jpg);
}
.bg2{
    background-image: url(img/2.jpg);
}
.bg3{
    background-image: url(img/3.jpg);
}
ul.menu > li > a{
    float:left;
    width:265px;
    height:50px;
    margin-top:300px;
    text-align:center;
    line-height:50px;
    color:#fff;
    background-color:#292929;
    letter-spacing:1px;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0px 0px 1px #fff;
}
ul.menu > li ul{
    list-style:none;
    float:left;
    margin-top:-180px;
    width:100%;
    height:110px;
    padding-top:20px;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li ul li{
    display:none;
}
ul.menu > li ul.sub1{
    background-image:url(img/bg1sub.png);
}
ul.menu > li ul.sub2{
    background-image:url(img/bg2sub.png);
}
ul.menu > li ul.sub3{
    background-image:url(img/bg3sub.png);
}
ul.menu > li ul li a{
    color:#fff;
    text-decoration:none;
    line-height:30px;
    margin-left:20px;
    text-shadow:1px 1px 1px #444;
    font-size:18px;
}
ul.menu > li ul.sub1 li{
    display:block;
}
ul.menu > li ul li a:hover{
    border-bottom:1px dotted #fff;
}

/************************************************************ Class Divers ************************************************************/

.sponsoring{
	background:url(img/sponsoring.png) no-repeat;
	position: absolute;
	width:127px;
	height:247px;
	margin-top: 200px ;
	margin-left: 1098px ;
}

.sponsoring:hover{
	background:url(img/sponsoringhover.png) no-repeat;
}

.creations{
	background:url(img/creations.png) no-repeat;
	position: absolute;
	width:256px;
	height:152px;
	margin-top: 448px ;
	margin-left: 969px ;
}

.creations:hover{
	background:url(img/creationshover.png) no-repeat;
}

.right{
	position:relative;
	margin:0 auto;
	text-align:right;
	float:left;
	display:inline;
	width:382px;
	color: #FFFFFF;
	text-shadow: 0px 1px 0px #292929;
	top:0px;
}

.titre{
	margin-top: 50px ;
	margin-left: 0px ;
	color: #FFFFFF;
	text-shadow: 0px 1px 0px #292929;
	font-size:26px;
}

.descr{
	margin-top: -25px ;
	margin-left: 0px ;
	color: #FFFFFF;
	text-shadow: 0px 1px 0px #292929;
	font-size:16px;
}

.space{
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
}

.photo{
	background:url(img/photo.png) no-repeat;
	position: absolute;
	width:256px;
	height:133px;
	margin-top: 199px ;
	margin-left: 969px ;
}
.photo:hover{
	background:url(img/photohover.png) no-repeat;
}
.photo:active{
	background:url(img/photoactive.png) no-repeat;
}

.web{
	background:url(img/web.png) no-repeat;
	position: absolute;
	width:256px;
	height:133px;
	margin-top: 333px ;
	margin-left: 969px ;
}
.web:hover{
	background:url(img/webhover.png) no-repeat;
}

.print{
	background:url(img/print.png) no-repeat;
	position: absolute;
	width:256px;
	height:133px;
	margin-top: 467px ;
	margin-left: 969px ;
}
.print:hover{
	background:url(img/printhover.png) no-repeat;
}