/* @override http://www.chateau-artsurmeurthe.com/dev/css/style.css */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#FFFFFF;
	background:#FFFFFF;
}
p {	padding:0; line-height:170%; font-size:10px;}
a {	color:#FFFFFF;	text-decoration:none;}
a:hover {text-decoration:underline; color:#FFFFFF;}
a:active, a:focus {outline:0 !important;}
input, textarea, select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:170%;
}
hr {
	color:#FFFFFF;
	background-color:#FFFFFF
	height: 1px;
	border:0pt none;
	clear:both;
	margin:0 10px;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/
#header {
	height:147px;
	position:relative;
}
#header .identity {
	float:left;
	padding:30px 0 0 30px;
	font-size:9px;
	width:300px;
}
#header .identity fieldset {
	width:164px;
}
#header .identity label {
	display:block;
	float:left;
	padding-bottom:3px;
}
#header .identity input {
	border:1px solid #000000;
	background:#FFFFFF;
	padding:2px;
	font-size:9px;
	width:160px;
	margin-bottom:3px;
	clear:both;
	float:left;
}
#header .identity input.go {
	width:25px;
	height:15px;
	background:url(../images/go_button.png) no-repeat top left;
	border:none;
	cursor:pointer;
	margin-left:140px;
}

#header .logo {
	float:right;
	display:block;
	width:130px;
	height:50px;
	margin:25px 20px 0 0;
	text-indent:-10000px;
}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/

#container {
	text-align:left;
	margin:0 auto;
	width:982px;
	padding-top:50px;
	position:relative;
}
#wrapper {
	border:1px solid #000;
}
#content {
	min-height:589px;
	height:auto !important;
	height:589px;
	background:url(../images/main_bg.png) no-repeat top left;

}
#content.index {
	background:url(../images/index_bg.png) no-repeat top left;

}
#content.index .main_menu {
	padding-top:218px;
	float:right;
	padding-right:49px;
}
#content.index .main_menu li {
	float:left;
}
#content.index .main_menu li a {
	float:left;
	display:block;
	width:126px;
	height:130px;
}
#content.index .main_menu li a.salon_arts:hover {
	background:url(../images/index_menu.png) no-repeat 0 0;
}
#content.index .main_menu li a.grand_hall:hover {
	background:url(../images/index_menu.png) no-repeat -126px 0;
}
#content.index .main_menu li a.salon_freres:hover {
	background:url(../images/index_menu.png) no-repeat -252px 0;
}
#content.index .main_menu li a.grand_vatel:hover {
	background:url(../images/index_menu.png) no-repeat -378px 0;
}
#content.index .main_menu li a.petit_vatel:hover {
	background:url(../images/index_menu.png) no-repeat -504px 0;
}
#content.index .menu_info {
	padding-top:30px;
	padding-left:20px;
}
#content .text_left {
	float:left;
	width:260px;
	background:#808184;
	height:230px;
	overflow:hidden;
}
#content .text_left h2 {
	line-height:normal;
	padding:20px 20px 0 20px;
}
#content .text_left p {
	font-size:0.85em;
	line-height:160%;
	padding:10px 20px 0px 20px;
}
#content .text_right {
	float:left;
	width:260px;
	background:#000;
	height:230px;
	overflow:hidden;
	margin-left:5px;
}
#content .text_right h2 {
	line-height:normal;
	padding:10px 10px 0 10px;
}
#content .text_right p {
	font-size:0.85em;
	line-height:160%;
	padding:10px 10px 0px 10px;
}
#content .menu_left {
	float:left;
	width:200px;
	background:#808184;
	height:230px;
	overflow:hidden;
}
#content .menu_left .links {
	padding:30px 0 0 30px;
	font-size:11px;
}
#content .menu_left.espace_prive .links {
	padding-top:10px;
}
#content .menu_left.espace_prive .links li {
	padding-bottom:6px !important;
}
#content .menu_left.espace_prive h2 {
	padding-left:30px;
	padding-top:10px;
}
#content .menu_left .links li {
	padding-bottom:10px;
}
#content .menu_left .links li a {
	color:#000;
}
#content .menu_left .links li.selected a {
	color:#FFFFFF;
	text-decoration:underline;
}
#content .menu_left .links li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#content .menu_left2 {
	float:left;
	width:296px;
	background:#808184;
	height:230px;
	overflow:hidden;
}
#content .menu_left2 .links {
	padding:30px 0 0 30px;
	font-size:11px;
}
#content .menu_left2.espace_prive .links {
	padding-top:10px;
}
#content .menu_left2.espace_prive .links li {
	padding-bottom:6px !important;
}
#content .menu_left2.espace_prive h2 {
	padding-left:30px;
	padding-top:10px;
}
#content .menu_left2 .links li {
	padding-bottom:10px;
}
#content .menu_left2 .links li a {
	color:#000;
}
#content .menu_left2 .links li.selected a {
	color:#FFFFFF;
	text-decoration:underline;
}
#content .menu_left2 .links li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#content .gallery {
	float:left;
	margin-left:5px;
}
#content .gallery .big_img {
	float:left;
	position:relative;
}
#content .gallery .big_img .animation {
	position:absolute;
	right:20px;
	bottom:10px;
}
#content .gallery .small_img {
	float:left;
	margin-left:5px;
	position:relative;
}
#content .submenu {
	padding:18px 0 0 20px;
	background:url(../images/submenu.png) repeat-x bottom left;
}
#content .submenu ul li {
	float:left;
	font-size:9px;
}
#content .submenu ul li a {
	padding-bottom:10px;
	float:left;
	padding-right:15px;
}
#content .submenu ul li.selected a {
	background:url(../images/submenu_hover.png) repeat-x bottom left;
}
#content .submenu ul li a:hover {
	background:url(../images/submenu_hover.png) repeat-x bottom left;
	text-decoration:none;
}
#content .submenu ul li a span {
	color:#7D2D96;
}
#content .contact {
	float:left;
	width:50px;
	height:50px;
	margin-left:117px;
	margin-top:35px;
}
#content .big_text {
	float:left;
	padding-left:70px;
	padding-top:15px;
}
#content .big_text p {
	width:460px;
	height:80px;
	overflow:visible;
}
#content .extra {
	float:left;
	padding-top:70px;
	color:#F58838;
	text-align:right;
	font-size:9px;
	width:190px;
	overflow:hidden;
}
a.lextra {
	color: #F58838;
}
#content .chateau {
	float:left;
	width:60px;
	height:90px;
	margin-top:10px;
	margin-left:15px;
}
.left {
	float:left;
	color:#000000;
}
.left_black {
	float:left;
	color:#000000;
	padding-left:30px;
	padding-top:10px;
	font-size:11px;
}
.left_black p {
	font-size:11px;
	max-width:700px;
	padding-left:5px;
}
.left_black p.special {
	padding-top:115px;
	padding-left:100px;
}
.left_black h2 {
	font-weight:normal;
	font-size:13px;
	padding-left:5px;
}
.left_black ul {
	padding-bottom:10px;
}
.left_black ul li {
	font-size:10px;
	line-height:16px;
	list-style:disc;
	padding:0 5px;
	list-style-position:inside;
}
.left_espace_prive_light {
	float:left;
	position:relative;
	left:5px;
	height:210px;
	background:#D6BFDD;
	width:362px;
	color:#000000;
	padding:20px 0 0 20px;
}
.left_espace_prive_strong {
	float:left;
	position:relative;
	left:10px;
	height:210px;
	background:#A16BB2;
	width:362px;
	color:#000000;
	padding:20px 0 0 20px;
}
.right {
	float:right;
}
table {
	border-collapse:collapse;
}
table td {
	padding:5px;
	font-size:11px;
}
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/

#footer {
	position:absolute;
	bottom:0;
}
#footer .footer_menu li {
	float:left;
	padding-left:70px;
	padding-bottom:10px;
	padding-top:5px;
}
#footer .footer_menu li.xxl {
	background:url(../images/fmenu_xxl.png) no-repeat 30px 2px;
}
#footer .footer_menu li.s {
	background:url(../images/fmenu_s.png) no-repeat 30px 2px;
}
#footer .footer_menu li.mesure {
	background:url(../images/fmenu_mesure.png) no-repeat 30px 2px;
}
#footer .footer_menu li.vite {
	background:url(../images/fmenu_vite.png) no-repeat 20px 0;
}
#footer .footer_menu li.blog {
	background:url(../images/fmenu_blog.png) no-repeat 60px 2px;
	padding-left:100px;
}
#footer .footer_menu li a {
	float:left;
	display:block;
	font-size:9px;
	color:#000000;
	line-height:170%;
}
#footer .footer_menu li a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/*------------------------------------------------------------*
**  Contact form
**------------------------------------------------------------*/

.contact_form {
	font-size:11px;
	padding-left:10px;
	width:760px;
	position:relative;
}
.contact_form input, .contact_form textarea, .contact_form select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.contact_form input {
	border:1px solid #000000;
	margin-top:5px;
	padding:1px;
	width:100px;
}
.contact_form input.small {
	width:40px;
}
.contact_form input.radio_check {
	border:none;
	padding:0;
	width:auto;
}
.contact_form label {
	padding:3px;
	line-height:200%;
}
.contact_form textarea {
	border:1px solid #000000;
	margin-top:5px;
	overflow:hidden;
}
.contact_form textarea.bigtext {
	width:400px;
}
.contact_form textarea.smalltext {
	width:220px;
}
.contact_form input.envoyer {
	width:103px;
	height:17px;
	background:url(../images/envoyer.png) no-repeat top left;
	border:none;
	cursor:pointer;
	margin-left:120px;
}

.contact_form .right_block {
	float:right;
	background:#808184;
	padding:10px;
	position:absolute;
	top:10px;
	right:0;
}


/* ajout */

#menu_bas{ height:62px; width:980px; }
#menu_bas a{
	background-image:url(../images/menu.gif);
	text-transform:uppercase;
	color:#000000;
	height:40px;
	text-decoration:none;
	padding-top:24px;
	float:left;
}
#menu_bas a strong{ color:#000000;}
#menu_bas a small{ color:#000000; font-size:10px; font-weight:bolder; text-transform:none;}


#menu_bas a.reception_m_xxl{ width:195px; padding-left:65px;  background-position:left top; }
#menu_bas a.reception_s{
	width:155px;
	padding-left:45px;
	background-position:-260px 0;
	color:#000000;
}
#menu_bas a.reception_s strong, #menu_bas a.reception_s small{ color:#000;}
#menu_bas a.lieu strong, #menu_bas a.lieu small{ color:#fff;}
#menu_bas a.lieu{ width:130px; padding-left:45px;  background-position:-460px bottom; color:#fff;}
#menu_bas a.vite{ width:115px; padding-left:65px;  background-position:-625px 0; }
#menu_bas a.blog{ width:110px; padding-left:55px;  background-position:-820px 0; }
/* -----hover -----*/
#menu_bas a:hover.reception_m_xxl{ width:195px; padding-left:65px;  background-position:left bottom; }
#menu_bas a:hover.reception_s{ width:155px; padding-left:45px;  background-position:-260px bottom; }

#menu_bas a:hover.lieu{ width:130px; padding-left:45px;  background-position:-460px bottom; color:#ffffff; }
#menu_bas a:hover.vite{ width:115px; padding-left:65px;  background-position:-625px bottom; }
#menu_bas a:hover.blog{ width:110px; padding-left:55px;  background-position:-820px bottom; }

#menu_bas a:hover, #menu_bas a:hover small, #menu_bas a:hover strong{
	color:#fff;
}


/* ESPACE PERSO */
#perso_bienvenue {
	width:700px;
	height:100px;
	position:absolute;
	top:30px;
	left:25px;
	font-size:12px;
}

.grand_blanc {
	display:block;
	font-size:24px;
	margin-bottom:10px;
}

.fl { float:left; }
.cb { clear:both; }
.noir { color:#000; }

#photo_mari, #photo_femme {
	width:180px;
	height:220px;
	margin-left:110px;
	margin-top:5px;
	text-align:center;
	color:#000;
	overflow:hidden;
}

#prive_menu {
	margin-top:10px;
	font-size:12px;
	color:#000;
}

.prive_choix { text-decoration:underline; }
#prive_menu a {	color:#000; }
#form_prive_info { }

#prive_texte { width:634px; height:195px; padding:10px 12px 10px 0; margin-left:7px; margin-top:7px; overflow:auto; text-align:justify; }

#photo_plan { width:670px; height:225px; overflow:auto; cursor:pointer; }

#fleche_gauche {
	width:20px;
	height:230px;
}

#galerie_centre {
	width:620px;
	height:205px;
	padding-left:10px;
	padding-top:20px;
}

#fleche_droite {
	width:20px;
	height:225px;
}

.galerie_miniature {
	width:100px;
	height:100px;
}

.galerie_miniature a {
	display:block;
	width:100px;
	height:100px;
}

#galerie_ajouter {
	width:305px;
	padding-left:5px;
}

#galerie_supprimer {
	width:320px;
	height:225px;
	overflow:auto;
}

#mask {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.8;
	visibility:hidden;
	z-index:98;
}