/* GENERAL */
*           { margin:0; padding:0; outline:none; -webkit-text-size-adjust: none; }
HTML, BODY  { position:relative; width:100%; height:100%; }
BODY        { color:#FFF; background: #000; font-family:Georgia, "Times New Roman", Times, serif; }
BODY *      { -moz-transition:color 200ms, border-color 200ms; -webkit-transition:color 200ms, border-color 200ms; -o-transition:color 200ms, border-color 200ms; transition:color 200ms, border-color 200ms; }
A           { color:#FFF; outline:none; text-decoration:underline; }
IMG         { border:none; vertical-align:middle; }
::selection      { background: #7b7b70; color:#FFF; }
::-moz-selection { background: #7b7b70; color:#FFF; }

@font-face{
font-family:"SackersGothicW01-Medium";
src:	url("../fonts/sackers/sackers.eot?#iefix");
src:	url("../fonts/sackers/sackers.eot?#iefix") format("eot"),
		url("../fonts/sackers/sackers.woff") format("woff"),
		url("../fonts/sackers/sackers.ttf") format("truetype"),
		url("../fonts/sackers/sackers.svg#a4ece7c2-be4a-4681-bb11-d02bfc53c66e") format("svg");
}

#global         {  }

header          { position:fixed; top:30px; right:0; margin:0 0 10px 0; text-align: right; background:#7b7b70; background-color: rgba(123, 123, 112, 0.9); width:1060px; height:65px; z-index:100; }
header A        { text-decoration: none; color:#c6bea4; }
header A:hover  { color:#FFF; }
#logo           { float:left; width:150px; height:65px; background: url(../pics/logo-menu.png) center left no-repeat; margin-left: 10px; }
#logo A         { display:block; width:150px; height:65px; font-size:0; letter-spacing:-50px; text-indent:-9000px;}
#links-technic  { display: inline-block; color:#c6bea4; margin: 15px 84px 8px 0; font-style:italic; font-size:11px; }
#links-contact  { display: inline-block; color:#c6bea4; margin: 15px 88px 8px 0; font-style:italic; font-size:11px; }
#links-language { display: inline-block; color:#c6bea4; margin: 15px 114px 8px 0; font-style:italic; font-size:11px; }

menu          { clear:right; font-family: 'SackersGothicW01-Medium', Arial, Helvetica, sans-serif; text-align: right; margin-right:90px;  }
menu LI       { position: relative; display: inline-block; list-style:none; margin: 0 24px 0 20px; text-transform:uppercase; font-size:11px; }
menu A        { display: block; color:#FFF; height: 22px; }
menu A:hover  { color:#c6bea4; }
menu .actif   { color:#c6bea4; }

menu LI .ssmenu { position: absolute; left: 50%; top: 22px; width: 272px; height: 91px; letter-spacing: normal; padding: 12px 0 0 0; margin: 0 0 0 -136px; background: #FFF url(../pics/fleche-ssmenu.png) center top no-repeat; background-color: rgba(255, 255, 255, 0.9); text-align: left; font-family:Georgia, "Times New Roman", Times, serif; display: none; }
menu LI .ssmenu A { display: inline-block; width: 134px; height: auto; text-align: center; text-decoration: none; color: #7B7B70; font-size: 11px; text-transform: none; font-style: italic; }
menu LI .ssmenu A IMG { border: none; margin: 0 0 5px 0; }

#content { float:right; margin: 220px 110px 0 0; text-align:right; }

.bloc    { height:300px; width: 320px;  }
.bloc h2 { font-family: 'SackersGothicW01-Medium', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; font-weight:normal; letter-spacing:1px; margin:0 0 20px 0; }
.bloc P  { font-size: 13px; font-style:italic; }
.normal  { line-height:22px; margin: 0 0 20px 0; }
.doc     { height:20px; margin: 0 0 10px 0; padding: 0 30px 0 0; background: url(../pics/icon-doc.png) top right no-repeat; }
.gallery { height:20px; margin: 0 0 10px 0; padding: 0 30px 0 0; background: url(../pics/icon-gallery.png) top right no-repeat; }
.fleche-top    { display:block; margin:0 auto 40px auto; width:60px; height:30px; background:url(../pics/fleche-top.png) top center no-repeat; }
.fleche-bottom { display:block; margin:35px auto 0 auto; width:60px; height:30px; background:url(../pics/fleche-bottom.png) top center no-repeat; }

.pop     { position:fixed; top:0; right:0; width:440px; height:100%; background:#FFF; z-index:99; padding: 0 60px 0 100px; overflow: auto;  }
.pop h2  { font-family: 'SackersGothicW01-Medium', Arial, Helvetica, sans-serif; color:#7b7b70; text-transform:uppercase; font-size:16px; font-weight:normal; letter-spacing:1px; margin:0 0 20px 0; }
.pop p   { font-size: 13px; color:#7b7b70; font-style:italic; line-height:22px; }

.popContent   { position:relative; background: #FFF;}
.popContent .gallery { height:20px; margin: 20px 0 10px 0; padding: 0 0 0 30px; background: url(../pics/icon-gallery-pop.png) top left no-repeat; }
.popContent A { color:#7b7b70; }
.fleche-left    { display:block; position:absolute; left:0; top:50%; margin: -31px 0 0 -60px; width:32px; height:62px; background: url(../pics/fleche-left.png) top center no-repeat; }

#domaine01		{ margin-top:70px; }
#domaine02		{ }
#chateau01		{ margin-top:70px; }
#chateau02		{ }
#detendre01		{ margin-top:70px; }
#distraire01	{ margin-top:70px; }
#distraire02	{ }
#chasse01		{ margin-top:70px; }
#chasse02		{ }
#alentours01	{ margin-top:70px; }
#contact01		{ margin-top:70px; }

/* login form */
#loginForm { position:absolute; left:50%; top:50%; width:484px; height:124px; margin:0 0 0 -242px; padding:360px 0 0 0; text-align:center; background:url(../pics/charte/bg-login.png) top left no-repeat; }
#loginForm P { margin:0 0 10px 0; }
#loginForm INPUT#code { width:167px; height:27px; padding:1px 5px 0 5px; line-height:28px; font-family: 'SackersGothicW01-Medium', Arial, Helvetica, sans-serif; font-size:14px; color:#7b7b70; text-align:center; text-transform:uppercase; font-weight:bold; background:url(../pics/charte/bg-login-input.png) top left no-repeat; border:none; }
#loginForm INPUT#entrer { color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; cursor:pointer; border:none; background:none; }
#loginForm A { text-decoration:none; font-size:12px; font-style:italic; }
#loginForm .ui-effects-wrapper { width:177px; margin:0 auto 0 auto!important; }

/* Vegas */
.vegas-overlay{background:transparent url(overlays/01.png);opacity:.5;z-index:-1}
.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none!important;z-index:-2}
.vegas-overlay,.vegas-background{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

/* Galeries */
#galerie { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000 !important; z-index: 101; display: none; }
#goLeft  { position: absolute; width: 55px; top: 0; left: 0; bottom: 0; background: url(../pics/charte/bg-galerie.png) left top; }
#goRight { position: absolute; width: 55px; top: 0; right: 0; bottom: 0; background: url(../pics/charte/bg-galerie.png) left top; }

#goLeft A, #goRight A { position: absolute; top: 0; display: block; width: 55px; height: 100%; }
#goLeft A  { background: url(../pics/bg-galerie-fleche-left.png) 25px center no-repeat; }
#goRight A { background: url(../pics/bg-galerie-fleche-right.png) 1px center no-repeat; }
A#closeGalerie { position: absolute; top: 0; right: 0; display: block; width: 55px; height: 57px; background: url(../pics/bg-galerie-close.png) left top no-repeat; }

@media only screen and (max-width: 1130px) {
	header { width:960px; }
	menu LI { margin: 0 15px 0 20px; }
	#links-technic  { margin: 15px 74px 8px 0; }
	#links-contact  { margin: 15px 114px 8px 0; }
	#links-language { margin: 15px 15px 8px 0; }
}

@media only screen and (max-width: 1024px) {
	header { width:900px; }
	menu LI { margin: 0 5px 0 10px; }
	#links-technic  { margin: 15px 54px 8px 0; }
	#links-contact  { margin: 15px 92px 8px 0; }
	#links-language { margin: 15px 6px 8px 0; }
}
@media only screen and (max-width: 940px) {
	header { width:840px; }
	menu LI { margin: 0 10px 0 5px; }
	#links-technic  { margin: 15px 56px 8px 0; }
	#links-contact  { margin: 15px 92px 8px 0; }
	#links-language { margin: 15px 11px 8px 0; }
}

@media only screen and (max-width: 880px) {
	header { width:100%; top:70px; text-align:center; height: auto;}
	#logo  { position:fixed; top: 5px; left:50%; margin: 0 0 0 -85px;  }
	#links-technic  { display: inline-block; float:none; margin: 10px 10px 8px 10px; }
	#links-contact  { display: inline-block; float:none; margin: 10px 10px 8px 10px; }
	#links-language { display: inline-block; float:none; margin: 10px 10px 8px 10px; }
	menu    { text-align: center;  }
	menu LI { display: inline-block; float:none; margin: 0 10px 10px 10px; }
	menu LI .ssmenu { display:none; visibility:hidden; }
	#content {  margin: 220px 50px 10px 0;}
	.pop     { position:fixed; top:0; right:0; width:85%; height:100%; background:#FFF; z-index:99; padding: 0 30px 0 30px; overflow: auto;  }
}