/**
 * @title          global base
 * @description    basic and reset styles, first CSS to call on all pages
 * @media          screen
 */


html {overflow-y:scroll;} /* Firefox always display scrollbar */

body {
    margin:0; padding:0;
    background:#000 url(/templates/versailles/images/common/bg/body.jpg) no-repeat 50% 0; color:#FFF;
    font:11px/1.455 Arial, Verdana, sans-serif;
}


/**
 * @section        basicRules
 */
p, ul, ol, dl {
    margin:1.455em 0; padding:0;
    list-style:none;
}

dt, dd {margin:0; padding:0;}

h1, h2, h3, h4 {margin:0; padding:0;}

form, fieldset, legend {margin:0; padding:0; border:0;}

input, select, textarea {font:11px Arial, Verdana, sans-serif;}

img {border:0;}

a {text-decoration:none;}
a:focus, a:hover {text-decoration:underline;}

.clearer {clear:both;}


/**
 * @section        basicLayout
 */
#wrapper {
    background:url(/templates/versailles/images/common/bg/wrapper.png) repeat-x 0 100%;
}

#backToMobile {
    display:block;
    border-bottom:2px solid #b6afa8;
    padding-left:90px;
    background:url(/templates/versailles/images/common/picto/back-to-mobile.png) no-repeat 20px 50%;
    background-color:#e9e5e1;
    color:#313131;
    line-height:70px; font-size:40px;
}

#page {
    position:relative;
    margin:0 auto;
    width:991px;
    background:url(/templates/versailles/images/common/bg/page.png) repeat-y;
}
#page.fourHundred {
    min-height:528px;
}

#pageEnd {
    position:relative;
    overflow:hidden;
    margin:0 auto;
    width:991px; height:6px;
    background:url(/templates/versailles/images/common/bg/page-end.png) no-repeat;
}

/* Cookies Banner */
#cookiesAlert {
    border:1px solid #000;
    background:#f7f3ef; color:#000;
    text-align:center;
}
#cookiesAlert p {margin:.5em 0; font-size:12px;}
#cookiesAlert a {
    color:#000;
    text-decoration:underline;
}
#cookiesAlert a:focus, #cookiesAlert a:hover {text-decoration:none;} 
#cookiesAlert .close { 
    display:inline-block; 
    margin-left:10px;
}

/* */
#popinFeedback {
	display:none;
}
#popinFeedback.popinMask {
	position: absolute; z-index: 100;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.8);
}
#popinFeedbackWrapper {
	position:fixed; top:150px; left:50%;
	margin-left:-212px; padding:50px 35px 35px;
	width: 425px;
	font: 12px/1.455 Arial, Verdana, sans-serif;
	background-color:#fff; color:#000;
	opacity:1;
}
#popinFeedbackWrapper .popinClose {
	position:absolute; top:25px; right:25px;
	padding:5px;
	background:url(/templates/versailles/images/common/btn/close.png) no-repeat;
}
#popinFeedbackWrapper .popinClose span {
	display: block;
	overflow: hidden;
	margin: 0; padding: 0;
	width:0; height: 0;
}
#popinFeedbackWrapper h2 {
	font: 22px/1.5 Georgia, "Times New Roman", Times, serif;
}
#popinFeedbackWrapper p {
	padding-right: 3em;
}
#popinFeedbackWrapper .choices {
	overflow:hidden;
	margin-top:3em;
}
#popinFeedbackWrapper .choices a {
	float:left;
	padding: 1em;
	width: 40%;
	background-color:#917e5c; color:#fff;
	font: 14px/1.5 Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#popinFeedbackWrapper .choices a.right {
	float:right;
}