/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* */
.sprite, .arrow, .carrousel-prev .border, .carrousel-prev .text, .carrousel-next .border, .carrousel-next .text, .carrousel-next #wax_seal, .carrousel-next #text-wax_seal, .carrousel li.final_step .border, .carrousel li.home_step .border, #instructions .col_left .border, #instructions .col_right .border, .text_overflow {
	background-image:url(layout/sprite.png);
	background-repeat:no-repeat;
}
.sprite, .text_overflow {display:inline-block;overflow:hidden;width:100%;font-size:0px;text-align:right;line-height:0; margin:0; padding:0; color:#dcc8a2;}

body {
	background-color:#0c0704;
	/*cursor: url(layout/cursor-hand-32.cur), url(http://www.hypergurl.com/greensmiley.cur), default;*/
	overflow:hidden;
}
a {cursor: url(layout/cursor-hand-32.cur), url(layout/cursor-hand-32.cur), default;}


/* MISE EN PAGE */

/* BodyBackground */
#bodyBackground {width:100%;height:100%;position:absolute;overflow:hidden;z-index:-5;}
#bodyBackground .container {background:url(layout/bodyBackground.jpg) no-repeat 0 0;width:1640px;height:1100px;position:absolute;margin:-550px 0 0 -820px;	left:50%;top:50%;}

/* Objets */
.objet {background-image:url(layout/sprite-objets.png);background-repeat:no-repeat;position:absolute;display:block;}
.objet.papier {width:210px;	height:210px;background-position:0 0;left:-340px;top:190px;}
.objet.tubes {width:190px;height:190px;background-position:0 -210px;left:-290px;top:220px;}
.objet.plumes {width:100px;height:90px;background-position:-210px 0;right:-130px;top:70px;}
.objet.encre {width:75px;height:110px;background-position:-320px 0;right:-245px;top:40px;}
.objet.eauDeJouvence {width:280px;height:285px;background-position:-210px -110px;right:-395px;top:120px;}

/* Parchment */
#parchment {width:960px;height:550px;position:absolute;left:50%;top:50%;margin:-275px 0 0 -480px;background:url(layout/parchemin-center.jpg) no-repeat 15px 15px;z-index:-3;}
#parchment .parchment_sides .top, #parchment .parchment_sides .right, #parchment .parchment_sides .bottom, #parchment .parchment_sides .left {background-image:url(layout/sprite.png);background-repeat:no-repeat;position:absolute;z-index:-1;}
#parchment .parchment_sides .top, #parchment .parchment_sides .bottom {height:30px;width:930px;}
#parchment .parchment_sides .right, #parchment .parchment_sides .left {height:580px;width:30px;}
#parchment .parchment_sides .top {top:-15px;left:15px;background-position:0 0;}
#parchment .parchment_sides .right {top:-15px;right:-15px;background-position:-30px -60px;}
#parchment .parchment_sides .bottom {bottom:-15px;left:15px;background-position:0 -30px;}
#parchment .parchment_sides .left {top:-15px;left:-15px;background-position:0 -60px;}

/* MISE EN FORME */
#parchment {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#474039;
}
#parchment .container p {
	font-size:12px;
	margin:0 0 10px 0;
}
#parchment .container h1 {
	margin:0 0 10px 0;
}
#parchment .container h3 {
	font-size:14px;
	margin:0 0 20px 0;
}

/* Audio */
#audio {
	position:absolute;
	top:10px;
	right:10px;
	background:url(layout/audio.png) no-repeat right 2px;
	padding:0 20px 0 0;
	z-index:10;
}
#audio .container {
	/*visibility:hidden;*/
	filter : alpha(opacity=0);
    -moz-opacity : 0;
    opacity : 0; 
}
#audio:hover .container {
	/*visibility:visible;*/
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
}

#carrousel.container, #form_result.container, #intro.container, #queteAccomplie.container {width:880px;height:550px;padding:0 40px;position:relative;}

.container-overflow {width:960px;height:550px;overflow:hidden; display:block; }


/* Carrousel */
.carrousel-overflow {width:880px;height:550px;overflow:hidden; display:block; position:relative;}
.carrousel {/*width:880px;*/width:3960px;height:550px; background:url(layout/frise.png) no-repeat 440px 10px;}
.carrousel li {
	position:relative;
    float:left;
    width:440px; 
    height:550px;
	font:16px Georgia, "Times New Roman", Times, serif;
	color:#333;
	vertical-align:middle;
}
.carrousel li .container {}

/* Carrousel Steps */
.carrousel li .container {width:380px; height:150px; padding:0 30px 0 30px; bottom:0; vertical-align:bottom; position:absolute;}

.carrousel li.home_step .container {width:350px;padding:0 70px 0 20px; height:550px;}
.carrousel li.final_step .container {width:380px;padding:0 40px 0 20px; height:550px;}

.carrousel li.home_step .border, .carrousel li.final_step .border {height:100%;width:30px;display:block;position:absolute;top:0;}
.carrousel li.home_step .border {background-position:-160px -60px;right:0;}
.carrousel li.final_step .border {background-position:-190px -60px;left:0;}

/* Carrousel Pagination */
.carrousel-pagination {width:100%;height:100%;position:absolute;top:0;left:0;}
.carrousel-pagination li {height:100%;position:absolute;width:80px;z-index:3;}
.carrousel-pagination li a {height:100%;width:100%;display:block;position:relative;}
.carrousel-pagination li a span {display:block;text-indent:-5000px;overflow:hidden;}
.carrousel-pagination li.inactif a {cursor:default;}

.carrousel-prev {left:-40px;}
.carrousel-next {right:-40px;}

.carrousel-prev .border, .carrousel-next .border, .carrousel-prev .text, .carrousel-next .text, .carrousel-next #wax_seal, .carrousel-next #text-wax_seal {
display:block;position:absolute;top:50%;}

.carrousel-prev .border, .carrousel-next .border {height:490px;width:15px;margin:-245px 0 0 0;}
.carrousel-prev .border {background-position:-60px -150px;left:70px;}
.carrousel-next .border {background-position:-75px -150px;right:70px;}

.carrousel-prev .text, .carrousel-next .text {height:138px;width:15px;margin:-69px 0 0 0;}
.carrousel-prev .text {background-position:-90px -150px;left:50px;}
.carrousel-next .text {background-position:-105px -150px;right:50px;}

.carrousel-next #wax_seal {background-position:-220px -60px;height:150px;width:140px;right:-24px;margin:-62px 0 0 0; z-index:100;}
.carrousel-next #wax_seal:hover {background-position:-220px -210px;}
.carrousel-next #text-wax_seal {background-position:-120px -150px;height:410px;width:15px;right:50px;margin:-205px 0 0 0;}

/* Arrows */
.arrow {height:90px;width:50px;display:block;top:50%;position:absolute;z-index:-2;margin:-45px 0 0 0;}
.arrow.left {background-position:-60px -60px;left:-35px;}
.arrow.right {background-position:-110px -60px;right:-35px;}


/* OLD
input.nomprenom {font:24px Georgia, "Times New Roman", Times, serif;color:#343026;border:none;background:none;position:relative;top:40%;text-align:center;
}
input.email {position:relative;top:40%;font:16px Georgia, "Times New Roman", Times, serif;color:#8f2d0f;text-align:center;border:none;background:none;}
input.nomprenom, input.email {width:400px;margin:auto;}
input.nomprenom:hover, input.email:hover {text-decoration:underline;}
*/

.border_input {
	border:1px solid #d1c09a;
	display:block;
	float:left;
	margin-bottom:10px;
	clear:both;
}
input.nomprenom, input.email, textarea.adresse_postale {
	border:1px solid #e1d0a6;
	color:#3a332b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	background:url(layout/input_bg.png) repeat-x 0 0;
	display:block;
	width:310px;
	padding:8px;
	}
textarea.adresse_postale {
	height:80px;
	}
	textarea.adresse_postale.disabled {
	filter : alpha(opacity=0.5);
    -moz-opacity : 0.5;
    opacity : 0.5; 
	}
.recevoir_resume_label {
	font-size:11px;
	margin-bottom:5px;
	display:block;
}

#vos_informations {
	display:block;
	margin-top:180px;
	padding-right:20px;
	padding-left:30px;
}
#vos_informations h2 {
	background-position:-430px -520px;
	width:320px;
	height:40px;
	margin-bottom:20px;
}

select.styled {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#4a3f34;
	width:150px;
	width:auto\9
}

.replace {
	font-weight:bold;
}
.replace:hover {
	text-decoration:underline;
}

.report {
	position:absolute;
	bottom:0;
	font-size:10px;
	height:auto;
	display:block;
	padding:10px;
	left:20px;
	color:#99422e;
	background:#e1d0a6;
	border:4px solid #99422e;
}
.report .close {
	position:absolute;
	bottom:10px;
	right:10px;
	color:#333;
}
.report ul {
	padding:5px 0 0 0;
	clear:both;
	display:block;
}
.report li {
	font-size:10px;
	clear:both;
	padding:0 0 0 20px;
	display:inline;
	width:auto;
	height:auto;
	background:url(layout/warning.png) no-repeat 0 -1px;
}
.report li a {
	color:#333;
}
.report li a:hover {
	text-decoration:none;
	color:#8f2d0f;
}

#form_result h2 {
	margin:50px 0 20px 0;
	font-size:16px;
}

.clear {padding:0;margin:0;line-height:0;font-size:0;clear:both;display:block;height:0px;}


#instructions .col_left {
	width:470px;
	padding:60px 30px 0 60px;
	position:relative;
	float:left;
}
#instructions .col_right {
	width:290px;
	padding:60px 50px 0 60px;
	position:relative;
	float:left;
}
#queteAccomplie .col_left {
	width:280px;
	padding:60px 20px 0 20px;
	position:relative;
	float:left;
}
#queteAccomplie .col_right {
	float:left;
	width:515px;
	padding:60px 0 0 45px;
}
#queteAccomplie .col_left .border.vertical {
	position:absolute;
	height:500px;
	width:15px;
	background-position:-60px -150px;
	display:block;
	top:0;
	right:-15px;
}
#queteAccomplie p {
	font-size:14px;
	line-height:16px;
	padding-bottom:10px;
}
#queteAccomplie h2 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
}

.conseil_phrase1 {
	height:30px;
	width:500px;
	background-position:-430px -250px;

}
.conseil_phrase2 {
	height:30px;
	width:280px;
	background-position:-430px -290px;
	margin-top:10px;
}
.conseil_email {
	height:30px;
	width:465px;
	background-position:-430px -330px;
	margin-top:-5px;
}
a:hover .conseil_email {}

a.postit {
	text-decoration:none;
}
a.postit .sprite {
	width:195px;
	height:150px;
	display:block;
	background-position:-430px -370px;
	position:absolute;
	left:150px;
	top:0;
}

ol {
	list-style:decimal;
	list-style-position:outside;
	padding-left:20px;
	font-size:12px;
}
ol li {
	margin-bottom:10px;
}
ol ul {
	list-style:circle;
	list-style-position:outside;
	padding-left:15px;
}

#instructions .col_left .border, #instructions .col_right .border {
	
}
#instructions .col_left .border {
	width:25px;
	height:245px;
	background-position:-135px -150px;
	display:block;
	float:left;
	margin-right:20px;
}
#instructions .col_right .border.vertical {
	position:absolute;
	height:550px;
	width:68px;
	background-position:-360px -60px;
	display:block;
	top:0;
	left:0;
}
#instructions h3 {
	font-weight:normal;
	text-align:justify;
}
.lettrine {
	float:left;
	margin:-15px 10px 5px 0;
}
.border.horizontal {
	width:300px;
	height:10px;
	background-position:-430px -60px;
	display:block;
	margin:0 auto;
	clear:both;
}

.startorquit {
	padding:10px 0 0 0;
	text-align:center;
}
.startorquit a {
	font-weight:bold;
	color:#8f2d0f;
	text-decoration:underline;
}
.startorquit a:hover {
	text-decoration:none;
	color:#333;
}

#intro a {
	text-decoration:none;
}
#intro {
	text-align:center;
}
#intro img {
	margin-top:120px;
}

.quest_end .text_overflow {
	background-position:-430px -90px;
	height:40px;
	width:250px;
}
.quest_end:hover .text_overflow {
	background-position:-430px -130px;
}
.quest_start .text_overflow {
	background-position:-430px -170px;
	height:40px;
	width:190px;
}
.quest_start:hover .text_overflow {
	background-position:-430px -210px;
}

#intro .col_left, #intro .col_right {
	width:380px;
	position:relative;
	float:left;
	padding:0 30px;
}
#intro .col_left {
	text-align:right;
}
#intro .col_right {
	text-align:left;
}

p.more {
	margin:0 0 0 0;
	padding:0;
}
p.more a {
	font-size:10px;
	color:#8f2d0f;
}
p.more a:hover {
	text-decoration:none;
}


#mapPopup {
	width:952px;
	height:522px;
	margin:0 auto 0 auto;
	border:4px solid #30281b;
	font:12px Georgia, "Times New Roman", Times, serif;
}

#mapPopupLeft {
	float:left;
	width:465px;
	height:520px;
	border:1px solid #9f986e;
	border-right:none;
	position:relative;
}
#mapPopupRight {
	float:left;
	width:485px;
	height:520px;
	border:1px solid #9f986e;
	border-left:none;
}

#gmap_shadow {
	display:block;
	width:30px;
	height:520px;
	background:url(layout/gmap_shadow.png) repeat-y right 0;
	position:absolute;
	right:0;
	top:0;
	z-index:100;
}
#map {  }

#mapPopupRightTop {
	background:#32190f url(layout/categoryContainerBg.jpg) no-repeat right top;
	height:264px;
	padding-top:20px;
	overflow:auto;
	color:#fff;
	border-bottom:1px solid #412d1f;
}
#mapPopupRightBottom {
	background:#faf3ed;
	height:234px;
	overflow:auto;
	border-top:1px solid #1c120e;
	
}

#categoryContainer {
	width:140px;
	height:245px;
	float:left;
	background:url(layout/line.png) no-repeat 125px 0;
}
#categoryContainer li {
	font-size:13px;
	text-transform:uppercase;
	text-align:right;
	margin:5px 20px 5px 0;
}
#categoryContainer li a {
	color:#fff;
	text-decoration:none;
	padding:5px 10px 5px 30px;
	display:block;
	border:1px solid transparent;
	/* Do rounding (native in Safari, Firefox and Chrome) */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
}
#categoryContainer li a:hover, #categoryContainer li a.hover {
	background:#1c120e;
	margin:0;
	
}

#listContainer {
	width:323px;
	float:left;
}
#listContainer li {
	width:160px;
	display:block;
}
#listContainer li.left {
	float:left;
	
}
#listContainer li.right {
	float:left;
}

#listContainer li a {
	color:#fff;
	text-decoration:none;
	padding:4px 4px;
	display:block;
	float:left;
		border:1px solid transparent;
	/* Do rounding (native in Safari, Firefox and Chrome) */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;margin:0;
	margin-bottom:1px;
}
#listContainer li a:hover, #listContainer li a.hover {
	background:#ebe5de;
	color:#201b0d;
}

#frameContainer {
	padding:25px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#302722;
}
#frameContainer a {
	color:#302722;
	text-decoration:none;
}
#frameContainer a:hover {
	text-decoration:underline;
}

#bubbleContainer li {
	position:absolute; padding:10px; background:#555; color:#fff; width:75px; display:none;
	margin:0;
	top:0;
	left:0;
}

#frameContainer .col_left {
	width:47%;
	padding-right:3%;
	float:left;
	overflow:hidden;
}
#frameContainer .col_right {
	width:47%;
	padding-left:3%;
	float:left;
}
#frameContainer .info_nom_com {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#442e25;
	border-bottom:1px solid #dcd5cf;
	padding-bottom:5px;
	margin-bottom:5px;
}
#frameContainer .info_location {
	
}
#frameContainer .info_email {
	margin-top:10px;
}
#frameContainer .info_adresse_web {
	
}
#frameContainer .info_telephone {
	
}
#frameContainer .info_label {
	margin-top:10px;
}
#frameContainer .info_capacite {
	
}
#frameContainer .info_tarifs {
	
}
#frameContainer .info_geste_accueil {
	font-size:11px;
	border-top:1px solid #dcd5cf;
	padding-top:10px;
	margin-top:10px;
	/*padding-left:22px;*/
}
#frameContainer .info_geste_accueil h3 {
	background:url(layout/gift.png) no-repeat 0 2px;
	padding:0 0 5px 22px;
	/*margin-left:-22px;*/
	font-weight:normal;
	color:#b42e2d;
}
.logo_AB {
	display:inline-block;overflow:hidden;width:100%;font-size:0px;text-align:right;line-height:0; margin:0; padding:0; color:#dcc8a2;
	background:url(layout/logo_ab.png) no-repeat;
	width:31px;
	height:31px;
	vertical-align:middle;
}

.first.frameItem p {
	margin-bottom:10px;
}

.retour_accueil {
	width:76px;
	height:20px;
	background-position:-430px -560px;
}
.retour_accueil:hover {
	background-position:-430px -590px;
}


.credits {
	display:block;
	width:960px;
	text-align:center;
	position:absolute;
	bottom:-15px;
	left:0;
	color:#856242;
	font:10px Georgia, "Times New Roman", Times, serif;
	text-shadow:#070200 0 0 2px, #000 0 -1px 0;
}
.credits a {
	color:#856242;
	text-decoration:underline;
}
.credits a:hover {
	text-decoration:none;
}
.credits:hover {
	background:#;
}


/* page crédits */
.fullFrame{
	background-color: #FAF3ED;
	height:auto !important;
}
.fullFrame h1{
	text-shadow:#070200 0 0 2px, #000 0 -1px 0;
	font-size:300%;
	margin: 40px 0 15px 0;
}
.fullFrame h2{
	font-size:150%;
	margin: 40px 0 15px 0;
	color:#8F2D0F;
}
.fullFrame p{
	margin-top:15px;
}
.fullFrame ul{
	list-style:square;
}
.fullFrame li{
	margin-left:15px;
}