@CHARSET "UTF-8";
			body{
				background:#349f91 none scroll;
				font:12px "Century Gothic";
				margin:0 auto;
				padding:0;
				text-align:left; 
			}
			ul,li{
				list-style:none;
			}
			a{
				color:#000000;
				text-decoration:none;
				cursor:pointer;
			}
			h3{
				margin:0;
				padding:0 20px;
			}
			a:hover{
				color:#FFCC00;
			}
						
			h2{
				text-align:center;
			}
			
			
   /* css de la tete*/
			#logo{
				display:none;
			}
			div#tete{
				background:transparent url(images/head.png) no-repeat scroll;
				width:2200px;
				height:124px;
			}
			div#tete a{
				margin-left:-20px;
				color:#F5EFC2;
			}
			
			div#car{
				background:transparent url(images/car.png) no-repeat scroll;
				width:282px;
				height:165px;
				position:absolute;
				left:1100px;
				top:27px;
			}
			
			div#theme{
				margin-left:690px;
				margin-top:-140px;
				width:700px;
			}
			span.theme{
				padding-right:86px;
			}
			span#chinise{
				float:left;
				margin-top:15px;
			}
			span#francais{
				margin-top:9px;
				float:left;
			}
			span#english{
				margin-top:4px;
				float:left;
			}
			
   /* css de la page de mainpage*/
			div#mainbar{
				background:transparent url(images/tete.png) no-repeat scroll;
				margin:0px auto;
				width:1700px;
				height:200px;
			}
					
			div#main{
				background-color:#F5EFC2;
				width:1700px;
				float:left;
				margin:56px 0 0;
				height:541px;
			}
			div#contenu{
				background:transparent url(images/main.png) no-repeat scroll;
				height:542px;
				margin-left:209px;
				width:910px;
			}
			div#page{
				padding-top:20px;
			}
			
	/*menu*/
			div#menu{
				float:left;
			}
			
            div#menu ul,li.menu{
            	list-style:none;
				text-decoration:none;
				margin:3px 0px -20px 46px;
            }
			li.menu{
				height:167px;;
				width:80px;
				cursor:pointer;

			}
			li#portfolio{
				background:transparent url(images/menu_1.png) no-repeat scroll;
				margin-bottom:100px;
			}
			li#about{
				background:transparent url(images/menu_2.png) no-repeat scroll;
			}
			

/* footer*/

			div#foot{
				float:left;
				background:transparent url(images/bar_bas.png) no-repeat scroll top;
				height:54px;
				width:1700px; 
				margin-top:-2px;
			}
			
			dl.foot{
				background:transparent url(images/trait.png) no-repeat scroll right;
				height:160px;
				float:left;
				padding:10px 20px;
				display:inline;
			}
			
			dl#bar {
				margin-top:84px;
				margin-left:300px;
				width:150px;
			}
			dl#utile{
				margin-top:84px;
				width:200px;
			}
			dl#contact{
				margin-top:84px;
				width:200px;
			}
			h1#presentation{
				margin:0px;
				text-align:center;
			}
			h1#chinois{
				margin:0px;
				text-align:center;
				font-family:  "宋体";
			}

			p#list{
				font-family:Comic Sans MS;
				font-size:20px;
				line-height:50px;
				padding-left:134px;
				padding-top:54px;
				text-align:center;
				width:645px;
			}
			dt.title{
				text-align:center;
			}
			dl#bar dt{
				margin-top:-64px;
			}
			dl#utile dt{
				margin-top:-64px;
			}
			dl#contact dt{
				margin-top:-64px;
			}
            dd.element{
            	padding:0px;
				margin:0px;
            }
			dd.element ul{
				padding:0px;
				margin:0px;
			}
				dd.element li{
				padding-top:10px;
			}
			
/*galerie photo*/
			div#photo{
				margin-left:132px;
			}
			.img{
				display:none;
			}	
			#img1 {
				display:block;
			}
			img.page{
				padding-left:202px;
			}
			
/*html about*/
			dl.about{
				width:700px;
				margin:0 110px 7px;
				font-size:14px;
			}
			dl.about li{
				padding-top:8px;
			}