body {
font-family:Helvetica;
font-size: 13px;
margin: 0px;
padding: 0px;
background-color: #7e7361;}
#conteneur {
position: relative;
width:900px;
margin: 10px auto auto;
background-color: #1a1416;}
#centre {
margin-left: 160px;
margin-right: 150px;
color:#fff;}
#gauche {position: absolute;left: 0;width:160px;height:600px;}
	.igauche01 {background: url(http://www.zelij.com/img/gauche01.jpg) no-repeat;}
	.igauche02 {background: url(http://www.zelij.com/img/gauche02.jpg) no-repeat;}
	.igauche03 {background: url(http://www.zelij.com/img/gauche03.jpg) no-repeat;}
	.igauche04 {background: url(http://www.zelij.com/img/gauche04.jpg) no-repeat;}
#droite {position: absolute;right: 0;width:150px;height: 600px;}
	.idroite01 {background: url(http://www.zelij.com/img/droite01.jpg) no-repeat;}
	.idroite02 {background: url(http://www.zelij.com/img/droite02.jpg) no-repeat;}
	.idroite03 {background: url(http://www.zelij.com/img/droite03.jpg) no-repeat;}
	.idroite04 {background: url(http://www.zelij.com/img/droite04.jpg) no-repeat;}
#haut {
width:100%;
height: 140px;
background: url(http://www.zelij.com/img/haut.jpg) no-repeat;}
#milieu {
width:100%;
height:430px;
overflow:auto;
text-align: justify;}
#bas {
width:100%;
height:30px;
background: url(http://www.zelij.com/img/bas.jpg) no-repeat;}
#childgauche {	
width:100%;
top: 160px;
position: relative;}
.bandeau {
   position: absolute;
   top: 45%;
   left: 225px;}
.colonne{
	margin: 30px 30px 30px 350px;
	text-align: left;}

/* menu */

#pt01 {padding: 0;margin: 0;}
#pt01 li {text-decoration: none;list-style-type: none;padding-left: 12px;margin: 0;padding-bottom: 7px;}
#pt01 li a {color: #777; font-size: 13px; text-decoration: none;padding: 0 0 0 12px;background: url(http://www.zelij.com/img/ptbt01off.jpg) no-repeat;}
#pt01 li a:hover, #pt01 li a:focus, #pt01 li a:active {text-decoration: none;color: #fff;background: url(http://www.zelij.com/img/ptbt01on.jpg) no-repeat;}

#pt02 {padding: 0;margin: 0;}
#pt02 li {text-decoration: none;list-style-type: none;padding-left: 12px;margin: 0;padding-bottom: 7px;}
#pt02 li a {color: #777; font-size: 13px; text-decoration: none;padding: 0 0 0 12px;background: url(http://www.zelij.com/img/ptbt02off.jpg) no-repeat;}
#pt02 li a:hover, #pt02 li a:focus, #pt02 li a:active {text-decoration: none;color: #fff;background: url(http://www.zelij.com/img/ptbt02on.jpg) no-repeat;}

#pt03 {padding: 0;margin: 0;}
#pt03 li {text-decoration: none;list-style-type: none;padding-left: 12px;margin: 0;padding-bottom: 7px;}
#pt03 li a {color: #777; font-size: 13px; text-decoration: none;padding: 0 0 0 12px;background: url(http://www.zelij.com/img/ptbt03off.jpg) no-repeat;}
#pt03 li a:hover, #pt03 li a:focus, #pt03 li a:active {text-decoration: none;color: #fff;background: url(http://www.zelij.com/img/ptbt03on.jpg) no-repeat;}


.selection01 {background: url(http://www.zelij.com/img/ptbt01on.jpg) no-repeat 0px 0px;position: relative;left: 12px; color:#fff;}
.selection02 {background: url(http://www.zelij.com/img/ptbt02on.jpg) no-repeat 0px 0px;position: relative;left: 12px; color:#fff;}
.selection03 {background: url(http://www.zelij.com/img/ptbt03on.jpg) no-repeat 0px 0px;position: relative;left: 12px; color:#fff;}

.gdbt01 {
	width: 100%;
	height: 35px;
	font-size: 15px;
	line-height: 38px;
	background: url(http://www.zelij.com/img/gdbt01a.jpg) no-repeat;}
.gdbt02 {
	width: 100%;
	height: 35px;
	font-size: 15px;
	line-height: 38px;
	background: url(http://www.zelij.com/img/gdbt02a.jpg) no-repeat;}
.gdbt03 {
	width: 100%;
	height: 35px;
	font-size: 15px;
	line-height: 38px;
	background: url(http://www.zelij.com/img/gdbt03a.jpg) no-repeat;}
	
/* style */

#module{
	position: absolute;
	top: 300px;
	width: 590px;
	height: 250px;
	float: none;
	clear: none;
	margin: 0;
	padding: 0;}	
	
dl.module {
	display: inline-block;
	float: none;
	clear: none;
	width:150px;
	height:200px;
	margin: 15px;}
.module dd {
	border: 1px solid #1a1416;
	text-align: center;
	position: relative;
	color:#ab9d83;}
.module dd img{
	border:0px;
	height:175px;
	width:148px;}
.module dd:hover{border: 1px solid #fff; color:#fff; background-color:#333;}

p{margin: 10px; padding: 0px;}

.Tsup{vertical-align: 4px;font-size: 8px;line-height: 4px;}
	
#t1 {position: relative; width:380px; left:205px; top: 20px; text-align: center;font-size: 50px;padding: 0px;}
#t2 {position: relative; width:380px; left:205px; top: 30px; text-align: center;font-size: 15px;padding: 0px;}
.cible {font-size: 14px;color: #ab9d83; font-variant:small-caps;letter-spacing: 10px;}
#retour {font-size: 12px;color: #ab9d83; font-variant:small-caps;letter-spacing: 5px; text-align:center;}
.tpied {font-size: 10px;color: #fff;text-align: center;line-height: 30px;}

a:link {text-decoration: none; color:#777}
a:visited {text-decoration: none; color:#777}
a:hover {text-decoration: none; color:#fff}
a:active {text-decoration: none; color:#777}

#t1 a, #t2 a {text-decoration: none;color: #fff;}

.titre {font-size: 13px; font-weight: bold;}
.legende {font-style: italic;font-size: 11px;}

#milieu ul { margin: 20px 10px 10px 10px;}
#milieu ul li{display: inline;}
* { margin: 0; padding: 0; }
.wide {border-bottom: 1px #000 solid;width: 4000px;}

div.zelij .pp_top .pp_left{background: url(http://www.zelij.com/img/sprite.png) -88px -53px no-repeat;}
div.zelij .pp_top .pp_middle{background: url(http://www.zelij.com/img/contentPatternTop.png) top left repeat-x;}
div.zelij .pp_top .pp_right{background: url(http://www.zelij.com/img/sprite.png) -110px -53px no-repeat;}
div.zelij .pp_content .ppt{color:#000;}
div.zelij .pp_content_container .pp_left{background: url(http://www.zelij.com/img/contentPatternLeft.png) top left repeat-y;}
div.zelij .pp_content_container .pp_right{background: url(http://www.zelij.com/img/contentPatternRight.png) top right repeat-y;}
div.zelij .pp_content{background:#fff;}
div.zelij .pp_expand{background: url(http://www.zelij.com/img/sprite.png) -31px -26px no-repeat;cursor: pointer;}
div.zelij .pp_expand:hover{background: url(http://www.zelij.com/img/sprite.png) -31px -47px no-repeat;cursor: pointer;}
div.zelij .pp_contract{background: url(http://www.zelij.com/img/sprite.png) 0 -26px no-repeat;cursor: pointer;}
div.zelij .pp_contract:hover{background: url(http://www.zelij.com/img/sprite.png) 0 -47px no-repeat;cursor: pointer;}
div.zelij .pp_close{width:22px;height:22px;background: url(http://www.zelij.com/img/sprite.png) -1px -1px no-repeat;cursor: pointer;}
div.zelij #pp_full_res .pp_inline{color:#000;}
div.zelij .pp_loaderIcon{background: url(http://www.zelij.com/img/loader.gif) center center no-repeat;}
div.zelij .pp_nav .pp_arrow_previous{background: url(http://www.zelij.com/img/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}
div.zelij .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}
div.zelij .pp_nav .pp_arrow_next{background: url(http://www.zelij.com/img/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}
div.zelij .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}
div.zelij .pp_nav{margin-top:0;}
div.zelij .pp_nav p{font-size:15px;padding:0 3px 0 4px;}
div.zelij .pp_next:hover{background: url(http://www.zelij.com/img/btnNext.png) center right no-repeat;cursor: pointer;}
div.zelij .pp_previous:hover{background: url(http://www.zelij.com/img/btnPrevious.png) center left no-repeat;cursor: pointer;}
div.zelij .pp_bottom .pp_left{background: url(http://www.zelij.com/img/sprite.png) -88px -80px no-repeat;}
div.zelij .pp_bottom .pp_middle{background: url(http://www.zelij.com/img/contentPatternBottom.png) top left repeat-x;}
div.zelij .pp_bottom .pp_right{background: url(http://www.zelij.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.zelij.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.zelij.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:#fff;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;}

ul.gallery.clearfix li a img{width: 80px; height: 80px;border: 1px solid #1a1416;margin: 2px 5px 2px 4px;}
ul.gallery.clearfix li a:hover img{border: 1px solid #fff;}

ul.gallery.clearfix.small li a img{width: 30px; height: 30px;border: 1px solid #1a1416;margin: 3px;}
ul.gallery.clearfix.small li a:hover img{border: 1px solid #fff;}

ul.gallery.clearfix.align li a {margin: 12px;}
ul.gallery.clearfix.align li a:hover {color:#fff;}