@charset "UTF-8";
/*
 Pepper & Koffee default CSS - version 1

 1. RESET (Used to make a sure and reliable cross-browsers CSS)
 2. PRINT + HANDHELD(Used for printing and mobile phone)
 3. QUICK (Usefull class)
 4. INIT (Initialise default title, list,  etc...)
 5. FONT (Used to put font-family)
 6. HEAD (Header, skip because it's easier for searching)
 7. WRAP (Wrapper, same)
 7.1 WRAP FRONT (Wrapper used for the frontpage, usualy index.html)
 7.2 WRAP INTERN (Wrapper used for internal pages)
 8. FOOT (footer, same)
*/

/* 1. RESET - Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0*/
html{color:#000;background:#111;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* 2. PRINT + HANDHELD */
@media print
{
 body *{background: none !important;}
 .accessibility,#menu{display: none;}
}

@media handheld
{

}
/* 3. QUICK */
.accessibility,.accessibility li{position:absolute;text-indent:-9999px;background: none;}
.menu-horizontal-static-left ul,.menu-horizontal-static-right ul{height:1.5em;}
.menu-horizontal-static-left li{float:left;margin:0 15px 0 0;}
.menu-horizontal-static-right li{float:right; margin:0 0 0 15px;}
.menu-horizontal-static-center ul{text-align:center;}
.menu-horizontal-static-center li{display:inline;}
.clear-menu-horizontal{clear:both;}
.quote{
 
}
.pagination{
 
}
.button-submit{
 
}
.calendar-square{

}

/* 4. INIT */
h1{
 color:#111111;
 font-family:arial;
 font-size:2.462em;
 font-weight:bold;
 text-indent:15px;
}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.3em;}
h5{font-size: 1.2em;}
h6{font-size: 1.1em;}
em{font-style: italic;}
strong{font-weight: bold;}
ul li{}
ol{}
ul ul{}
ol ol{}
ul ol{}
ol ul{}
a:link {color: #0C9ED7;}
a:visited{color: #0C9ED7;}
a:hover{text-decoration: none;}
.extern:link {}
.extern:active,.exter:focus{}
.exter:visited{}
.exter:hover{}
legend{}
label{}
input{}
textarea{}
.form-error{
}
blockquote{}

#page{
 position: relative;
 width: 100%; height: 100%;
 min-width: 990px;
 background: red;
}

/* 5. FONT */
.title-interface{}
.policy{}
/* 6. HEAD */
#header{
}
/* 7. WRAP */
.wrappper{
}
#content-main{
 position: absolute; top: 0; left: 48%; margin: 0 0 0 -253px;
 width: 808px; height: 701px;
 background: transparent url(../images/right.jpg) no-repeat 0 0;
}
#content-side{
 position: absolute; top: 0; left: 0;
 width: 207px; height: 446px;
 background: transparent url(../images/left.jpg) no-repeat 0 0;
}
#artshop-infos{
 margin: 105px 0 0 35px;
 width: 230px; height: 574px;
 background: transparent url(../images/transparent-main.png) repeat 0 0;
 font-size: 0.9em;
}
#artshop-infos h1 a{
 position: relative; top: 31px; left: 26px;
 text-indent: -9999px;
 width: 174px; height: 187px;
 background: transparent url(../images/artshop-trans.png) no-repeat 0 0;
display: block;
}
#artshop-int{
 margin: 60px 0 0 24px;
 width: 176px; height: 103px;
 background: transparent url(../images/artshop-int-trans.png) no-repeat 0 0;
}
#artshop-int a{width: 100%; height: 100%;}
#artshop-int img{margin: 5px 0 0 5px;}
#artshop-int .slideshow-images{ 
	height: 92px;
	width: 166px;
	}
#artshop-int .slideshow-images img{
	height: 92px;
	width: 166px;
	margin: 10px 0 0 10px !important;
}
#artshop-infos h2{
 font-size: 1.2em; font-weight: bold; margin: 0 0 2px 0;
}
#artshop-adress{margin: 25px 0 0 26px;}
#artshop-adress a{
color: #DE3322;
font-weight: bold;
}
#artshop-adress .adress,
#artshop-adress .phone,
.time{
margin-bottom: 7px;
}
#language{
 margin: 82px 0 0 182px;
}
#language li{
 color: #fff;
 text-indent: 0; background: none; float: left;
 margin: 0 9px 0 0;
 font-variant: small-caps; text-transform: lowercase; font-size: 12px;
}

#cadeaux{background-position: 0 0;}
#cadeaux h3{
 width: 31px; height: 152px;
 background-position: 0 0;
}
#cartes{background-position: -39px 0;}
#cartes h3{
 width: 32px; height: 123px;
 background-position: -31px 0;
}
#reproductions{background-position: -75px 0;}
#reproductions h3{
 width: 28px; height: 167px;
 background-position: -63px 0;
}
#events{background-position: -106px 0;}
#events h3{
 width: 28px; height: 116px;
 background-position: -91px 0;
}
#contact{background: #111 none;}
#contact h3{
 width: 28px; height: 148px;
 background-position: -119px 0;
}
#menu{
 position: relative; top: 16px; left: 85px;
 width: 564px; height: 182px;
 clear: both;
}
#menu a, 
#index-link{
	outline:none;
}

#page-content{
 width: 542px;
 top:50px; left:75px;
 position:relative;
 background: transparent url(../images/transparent-main.png) repeat 0 0;
padding: 20px;
}
#page-content-clear{
 clear: both;
 width: 100%; height: 100px;
}
.page-content-photos{
 width: 189px; height: 243px;
 padding: 35px 30px 35px 25px;
 background: transparent url(../images/photos-trans.png) no-repeat 1px 12px;
float:left;
margin-top: -20px;
}
.page-content-photos.horizontal{
	width: 243px; 
	height: 193px; 
 padding: 35px 30px 30px 27px;
	background: transparent url(../images/photos-horizontal-trans.png) no-repeat 1px 12px;
}
#page-content h1, #page-content h2{
 padding: 4px;
background: #333;
font-size: 1.4em;
color: #fff;
margin-bottom: 20px;
text-indent:15px;
}
#page-content p {
margin-bottom: 7px;
}
#page-content a {
color: #DE3322;
font-weight: bold;
}

#error-notifier p{
	background: #FFA89F;
	background-image: url(/images/exclamation.png);
	background-repeat: no-repeat;
	background-position: 5px;
	border: 1px solid #DE3322;
	padding: 5px 5px 5px 25px;
}	
#message-notifier p{
	background: #9FFFAC;
	background-image: url(/images/accept.png);
	background-repeat: no-repeat;
	background-position: 5px;
	border: 1px solid #22DE3B;
	padding: 5px 5px 5px 25px;
}

#contactForm{
	margin-bottom: 20px;
}

#contactForm .line{ width: 48%; }
#contactForm .left{ float: left; }
#contactForm .right{ float: right; }
#contactForm .error{ border: 1px solid #DE3322 !important; }
#contactForm .buttons{ margin: 5px 0; }

#contactForm legend{ display: block; text-indent: -9999em;}
#contactForm label{ display: block;}


#contactForm input.text{ width: 95%;}
#contactForm textarea{ width: 530px; height: 170px;}
#contactForm input.text,
#contactForm textarea{
	padding: 5px;
	background: #EEE;
	border: 1px solid #666;
	opacity: .8;
}
#contactForm input[type='submit']{
	padding: 3px;
}

/* 7.1 WRAP FRONT */
#wrapper-frontpage{
 
}
/* 7.2 INTERN */
#wrapper-internal{
 
}
/* 8. FOOTER */
#footer{
 
}

.clearer {
	clear:both;
}

#loader{
	background: transparent url(../images/transparent-main.png); /* url(/images/ajax-loader.gif) no-repeat; */
	position: absolute;
	top: 400px;
	right: 50%;
	margin-right: 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	radius: 20px;
	z-index: 99999 !important;
}

#loader p{
	background: url(/images/ajax-loader.gif) no-repeat 5px;
	height: 32px;
	width: 32px;
	padding: 5px;
	text-indent: -9999em;
}
.section ul {
list-style: none !important;
padding: 0 !important;
margin-top: 10px;
margin-bottom: 10px;
}
.section ul li{
padding: 0 !important;
margin: 0 !important;
margin-bottom: 3px !important;
display: block;
list-style-type: none !important;
padding-left: 15px !important;
background: url(/images/bg-puce-trans.png) no-repeat left 2px;
}
.section ul.hor {
margin-left: 300px;
}
.section ul.ver {
margin-left: 245px;
}
.slideshow{display:block;position:relative;z-index:0;}.slideshow-images{display:block;overflow:hidden;position:relative;}.slideshow-images img{display:block;position:absolute;z-index:1;}.slideshow-thumbnails{overflow:hidden;}.slideshow-images{height:300px;width:400px;}.slideshow-images-visible{opacity:1;}.slideshow-images-prev{opacity:0;}.slideshow-images-next{opacity:0;}.slideshow-images img{float:left;left:0;top:0;}.slideshow{height:300px;margin:0 auto;width:400px;}.slideshow a img{border:0;}.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial,sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}.slideshow-captions-hidden{height:0;opacity:0;}.slideshow-captions-visible{height:22px;opacity:.7;}.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}.slideshow-controller *{margin:0;padding:0;}.slideshow-controller-hidden{opacity:0;}.slideshow-controller-visible{opacity:1;}.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}.slideshow-controller a.active{background-position:0 18px;}.slideshow-controller li{list-style:none;}.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}.slideshow-controller li.play a{background-position:20px 0;}.slideshow-controller li.play a.active{background-position:20px 18px;}.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}.slideshow-loader-hidden{opacity:0;}.slideshow-loader-visible{opacity:1;}.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}.slideshow-thumbnails *{margin:0;padding:0;}.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}.slideshow-thumbnails a{display:block;float:left;padding:5px;position:relative;}.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}.slideshow-thumbnails img{display:block;}.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}