body {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	overflow: auto;
	}
#conteneur { 
  	width: 1100px; 
  	height: 750px; 
	margin-left: auto;
	margin-right: auto} 
#conteneurLogo { 
  	width: 1100px; 
  	height: 750px; 
	margin-left: auto;
	margin-right: auto;
	background: url(http://www.lezarts-creation.com/img/lezarts_creation_HD.jpg);} 
#gauche {
	float:left;
	width:310px;
	height:750px;
	padding-top:197px;
	background: url(http://www.lezarts-creation.com/img/hiver/lezartscreation_gauche.jpg) no-repeat;}
#gaucheLogo {
	float:left;
	width:310px;
	height:750px;
	padding-top:260px;}
#centre {
	margin-left: 310px; 
    margin-right: 290px;
	height:750px;
	background: url(http://www.lezarts-creation.com/img/hiver/lezartscreation_centre.jpg) no-repeat;}
#centreLogo {
	margin-left: 310px; 
    margin-right: 290px;
	height:750px;}
#droite {
	float:right;
	width:291px;
	height:750px;
	background: url(http://www.lezarts-creation.com/img/hiver/lezartscreation_droite.jpg) no-repeat;}
#droiteLogo {
	float:right;
	width:291px;
	height:750px;}
#haut {
	height:450px;
	margin:130px 50px 0px 50px;}	
#menu {
	position:absolute;
	top:639px;
	height: 88px;
	width: 500px;}
#menu ul{
	list-style-type:none;
	margin: 0 0 0 20px;
	padding: 0px;}
	
#menu li{float:left;}
	
#menu ul li a{
	display:block;
	float:left;
	text-decoration:none;
	text-align:center;
	width: 115px;
	height: 88px;}
#menu ul li span {display: none;}	
#menuH {
	position:absolute;
	top:300px;
	width:114px;
	height:112px;}
#menuH ul{
	list-style-type:none;
	margin: 0 0 0 155px;
	padding: 0px;}
#menuH li{float:left;}
	
#menuH ul li a{
	display:block;
	float:left;
	text-decoration:none;
	text-align:center;
	width: 114px;
	height: 112px;}
#menuH ul li span {display: none;}	

#bt01 {width: 115px;height: 88px;display: inline-block;list-style-type: none;}
#bt01 a {background: url(http://www.lezarts-creation.com/img/bt01_off.png) no-repeat;}
#bt01 a:hover{background: url(http://www.lezarts-creation.com/img/bt01_on.png) no-repeat;}

#bt02 {width: 115px;height: 88px;display: inline-block;list-style-type: none;}
#bt02 a {background: url(http://www.lezarts-creation.com/img/bt02_off.png) no-repeat;}
#bt02 a:hover{background: url(http://www.lezarts-creation.com/img/bt02_on.png) no-repeat;}

#bt03 {width: 115px;height: 88px;display: inline-block;list-style-type: none;}
#bt03 a {background: url(http://www.lezarts-creation.com/img/bt03_off.png) no-repeat;}
#bt03 a:hover{background: url(http://www.lezarts-creation.com/img/bt03_on.png) no-repeat;}

#bt04 {width: 115px;height: 88px;display: inline-block;list-style-type: none;}
#bt04 a {background: url(http://www.lezarts-creation.com/img/bt04_off.png) no-repeat;}
#bt04 a:hover{background: url(http://www.lezarts-creation.com/img/bt04_on.png) no-repeat;}

#bt05 {list-style-type: none;}
#bt05 a {background: url(http://www.lezarts-creation.com/img/portfolio_off.png) no-repeat;}
#bt05 a:hover{background: url(http://www.lezarts-creation.com/img/portfolio_on.png) no-repeat;}

h1{
	text-align: center;
	color: #999;
	letter-spacing: 2px;
	font: 9px/2px "Lucida Grande", Lucida, Verdana, sans-serif;}
	#gauche h2 span {display: none;}
	.t01{
		height: 14px;
		background: transparent url(http://www.lezarts-creation.com/img/artisan_graphiste_illustrateur_webdesigner.jpg) no-repeat;
		margin: 0;}
h2{
	text-align: center;
	color: #D7CB00;
	font: small-caps bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;}
	#gauche h3 span {display: none;}
	.t02{
		height: 22px;
		background: transparent url(http://www.lezarts-creation.com/img/conseil_en_communication.jpg) no-repeat;
		margin: 0;}
h3{
	text-align: center;
	color:#C50072;
	letter-spacing: 5px;
	font: small-caps 20px/9px "Georgia", Times;}
	#gauche h1 span {display: none;}
	.t03{
		height: 18px;
		background: transparent url(http://www.lezarts-creation.com/img/lezarts_creation.jpg) no-repeat;
		margin: 0;}
	.t04{
		height: 268px;
		background: transparent url(http://www.lezarts-creation.com/img/ouradou_mathieu.png) no-repeat;
		margin: 0;}
h4{
	text-align: center;
	color: #999;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;}

h5{
	text-align: left;
	color:#000;
	letter-spacing: 5px;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;}
	#droite h5 span {display: none;}
	.print{
		height: 115px;
		background: transparent url(http://www.lezarts-creation.com/img/lezarts_creation_print.png) no-repeat;
		margin: 0;}
	.web{
		height: 80px;
		background: transparent url(http://www.lezarts-creation.com/img/lezarts_creation_web.png) no-repeat;
		margin: 0;}
	.design{
		height: 150px;
		background: transparent url(http://www.lezarts-creation.com/img/lezarts_creation_design.png) no-repeat;
		margin: 0;}

h6{
	text-align: left;
	color: #fff;
	letter-spacing: 5px;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:0; padding:0;
	text-decoration:none;}
h6 a:link{
	font-size:15px;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
	letter-spacing: 0px;}
h6 a:hover{
	color: #6493c9;
	font-size:15px;
	font-weight:bold;
	letter-spacing: 0px;
	text-decoration:none;
	background: transparent url(http://www.lezarts-creation.com/img/on.jpg) no-repeat;}
.h6select{
	color: #C50072;
	letter-spacing: 0px;
	font-size:18px;
	font-weight:bolder;
	text-decoration:none;
	background: transparent url(http://www.lezarts-creation.com/img/on.jpg) no-repeat;}
h6 a:visited{
	color: #fff;
	letter-spacing: 0px;
	font-weight:bold;}

h7 {text-align: left;color: #fff;font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;text-decoration:none;}
h7 a:link{color: #fff;text-decoration:none;}
h7 a:hover{color: #fff;text-decoration:none;}
h7 a:visited{color: #fff;text-decoration:none;}

p {font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;}

.intro{font: 14px/18px "Indie Flower", Architects Daughter, Handlee;}

.signature{
		font: 12px/18px "Indie Flower", Architects Daughter, Handlee; color:#777;
		font-style:italic;
		margin: 0 0 0 280px;}

.Tprest{font: 12px/17px "Lucida Grande", Lucida, Verdana, sans-serif; font-weight:bold; color:#555;}
.Tprest a:link {text-decoration: none; color: #555;}
.Tprest a:visited {text-decoration: none; color: #363B29;}
.Tprest a:hover {text-decoration: none; color: #C50072;}
.Tprest a:active {text-decoration: none; color: #363B29;}	

.Tport{font: 12px/17px "Lucida Grande", Lucida, Verdana, sans-serif; font-weight:bold; color:#555; text-align: center;}
.Tport a:link {text-decoration: none; color: #555;}
.Tport a:visited {text-decoration: none; color: #363B29;}
.Tport a:hover {text-decoration: none; color: #C50072;}
.Tport a:active {text-decoration: none; color: #363B29;}	

.txtprest{font: 10px/17px "Lucida Grande", Lucida, Verdana, sans-serif;  color:#777}
.txtprest a:link {text-decoration: none; color: #777;}
.txtprest a:visited {text-decoration: none; color: #363B29;}
.txtprest a:hover {text-decoration: none; color: #C50072;}
.txtprest a:active {text-decoration: none; color: #363B29;}


.Tcontact{font: 12px/17px "Lucida Grande", Lucida, Verdana, sans-serif; font-weight:bold; color:#555}
.Tcontact a:link {text-decoration: none; color: #777;}
.Tcontact a:visited {text-decoration: none; color: #363B29;}
.Tcontact a:hover {text-decoration: none; color: #C50072;}
.Tcontact a:active {text-decoration: none; color: #363B29;}

.txtcontact{font: 10px/17px "Lucida Grande", Lucida, Verdana, sans-serif; color:#777}
.txtcontact a:link {text-decoration: none; color: #777;}
.txtcontact a:visited {text-decoration: none; color: #363B29;}
.txtcontact a:hover {text-decoration: none; color: #C50072;}
.txtcontact a:active {text-decoration: none; color: #363B29;}
		
		
.Tespace{font: 12px/24px "Lucida Grande", Lucida, Verdana, sans-serif; font-weight:bold;}
.Tespace a:link {text-decoration: none; color: #666;}
.Tespace a:visited {text-decoration: none; color: #363B29;}
.Tespace a:hover {text-decoration: none; color: #C50072;}
.Tespace a:active {text-decoration: none; color: #363B29;}	

.txtespace{font: 10px/24px "Lucida Grande", Lucida, Verdana, sans-serif;}
.txtespace a:link {text-decoration: none; color: #0f0;}
.txtespace a:visited {text-decoration: none; color: #0f0;}
.txtespace a:hover {text-decoration: none; color: #0f0;}
.txtespace a:active {text-decoration: none; color: #0f0;}
		
		
ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul li span{
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;}
ul li a:link {text-decoration: none; color: #363B29;}
ul li a:visited {text-decoration: none; color: #363B29;}
ul li a:hover {text-decoration: none; color: #C50072;}
ul li a:active {text-decoration: none; color: #363B29;}
		
INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror {font: 9px/14px "Lucida Grande", Lucida, Verdana, sans-serif; color:#111; font-style:italic;}
.txtform {font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif; color:#111;}

#copyright {
	top:715px;
	position:absolute;
	margin:0;
	padding:0;
	width: 1100px;
	font: 8px/0px "Lucida Grande", Lucida, Verdana, sans-serif; color:#777; letter-spacing:2px; text-align:center; margin:0; padding:0; text-align:center;} 

#copyright img{vertical-align: -2px;} 

#copyright a:link {text-decoration: none; color:#777;}
#copyright a:visited {text-decoration: none; color: #363B29;}
#copyright a:hover {text-decoration: none; color: #C50072;}
#copyright a:active {text-decoration: none; color: #363B29;}


div.lezartscreation {color:#0f0;}
div.lezartscreation .pp_top .pp_left{background: url(http://www.lezartscreation.com/img/sprite.png) -88px -53px no-repeat;}
div.lezartscreation .pp_top .pp_middle{background: url(http://www.lezartscreation.com/img/contentPatternTop.png) top left repeat-x;}
div.lezartscreation .pp_top .pp_right{background: url(http://www.lezartscreation.com/img/sprite.png) -110px -53px no-repeat;}
div.lezartscreation .pp_content .ppt{color:#fff;}
div.lezartscreation .pp_content_container .pp_left{background: url(http://www.lezartscreation.com/img/contentPatternLeft.png) top left repeat-y;}
div.lezartscreation .pp_content_container .pp_right{background: url(http://www.lezartscreation.com/img/contentPatternRight.png) top right repeat-y;}

div.lezartscreation .pp_content{background:#000; color:#fff; letter-spacing: 1px; font: 12px Georgia, "Times New Roman", Times, serif;}

div.lezartscreation .pp_expand{background: url(http://www.lezartscreation.com/img/sprite.png) -31px -26px no-repeat;cursor: pointer;}
div.lezartscreation .pp_expand:hover{background: url(http://www.lezartscreation.com/img/sprite.png) -31px -47px no-repeat;cursor: pointer;}
div.lezartscreation .pp_contract{background: url(http://www.lezartscreation.com/img/sprite.png) 0 -26px no-repeat;cursor: pointer;}
div.lezartscreation .pp_contract:hover{background: url(http://www.lezartscreation.com/img/sprite.png) 0 -47px no-repeat;cursor: pointer;}
div.lezartscreation .pp_close{width:22px;height:22px;background: url(http://www.lezartscreation.com/img/sprite.png) -1px -1px no-repeat;cursor: pointer;}
div.lezartscreation #pp_full_res .pp_inline{color:#000;}
div.lezartscreation .pp_loaderIcon{background: url(http://www.lezartscreation.com/img/loader.gif) center center no-repeat;}
div.lezartscreation .pp_nav .pp_arrow_previous{background: url(http://www.lezartscreation.com/img/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}
div.lezartscreation .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}
div.lezartscreation .pp_nav .pp_arrow_next{background: url(http://www.lezartscreation.com/img/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}
div.lezartscreation .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}
div.lezartscreation .pp_nav{margin-top:0;}
div.lezartscreation .pp_nav p{font-size:15px;padding:0 3px 0 4px; color:#FFF;}
div.lezartscreation .pp_next:hover{background: url(http://www.lezartscreation.com/img/btnNext.png) center right no-repeat;cursor: pointer;}
div.lezartscreation .pp_previous:hover{background: url(http://www.lezartscreation.com/img/btnPrevious.png) center left no-repeat;cursor: pointer;}
div.lezartscreation .pp_bottom .pp_left{background: url(http://www.lezartscreation.com/img/sprite.png) -88px -80px no-repeat;}
div.lezartscreation .pp_bottom .pp_middle{background: url(http://www.lezartscreation.com/img/contentPatternBottom.png) top left repeat-x;}
div.lezartscreation .pp_bottom .pp_right{background: url(http://www.lezartscreation.com/img/sprite.png) -110px -80px no-repeat;}
div.pp_pic_holder a:focus{outline:none;}
div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}
div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}
.pp_top{height:20px;position: relative;}
* html .pp_top{padding:0 20px;}
.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_top .pp_middle{left:0;position: static;}
.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
.pp_content{height:40px;}
.pp_content .ppt{left:auto;margin-bottom:5px;position: relative;top:auto;}
.pp_fade{display: none;}
.pp_content_container{position: relative;text-align: left;width:100%;}
.pp_content_container .pp_left{padding-left:20px;}
.pp_content_container .pp_right{padding-right:20px;}
.pp_content_container .pp_details{margin:10px 0 2px 0;}
.pp_description{display: none;margin:0 0 5px 0;}
.pp_nav{clear: left;float: left;margin:3px 0 0 0;}
.pp_nav p{float: left;margin:2px 4px;}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}
a.pp_next{background: url(http://www.lezartscreation.com/img/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}
a.pp_previous{background: url(http://www.lezartscreation.com/img/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}
a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}
a.pp_close{display:block;float: right;text-indent: -10000px;}
.pp_bottom{height:20px;position: relative;}
* html .pp_bottom{padding:0 20px;}
.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_bottom .pp_middle{left:0;position: static;}
.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}
#pp_full_res{line-height:1 !important;}
#pp_full_res .pp_inline{text-align: left;}
#pp_full_res .pp_inline p{margin:0 0 15px 0;}
div.ppt{color:#000;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}


.clearfix:after{display:block;height:0;clear:both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

#galerie {
	height:450px;
	margin:100px 20px 0px 25px;}

#galerie ul li a {background:none;}
#galerie ul.gallery.clearfix  {margin: 0px; padding:0px; color:#fff;}
#galerie ul.gallery.clearfix li {margin: 0px; padding:0px; color:#fff; display:inline-block;}
#galerie ul.gallery.clearfix li a {margin: 0px; padding:0px; color:#fff;}
#galerie ul.gallery.clearfix li a img{width: 74px; height: 74px;border: 3px solid #eee;margin: 2px; padding:0px; color:#fff;}
#galerie ul.gallery.clearfix li a:hover img{border: 3px solid #C50072; color:#fff;}