/* GLOBALS */

html {
	width:100%;
	height:inherit;
	min-width:960px;
	min-height:600px;
	background-image: url("../img/bg_square.png");
}

body {
	width:100%;
	height:inherit;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img {
	border:0;
}

.minicap {
	font-size:9px;
	text-transform:uppercase;
}

.hiddenPic {
	display:none;
}

.imgBorder {
	border-width:1px;
	border-style:solid;
	border-color:#a8b53c;
	padding:1px;
}

input {
	background-color:#FFF;
	font-size:10px;
	font-family:arial;
	width:120px;
	margin:0;
	padding:0;
}

select {
	background-color:#FFF;
	font-size:10px;
	font-family:arial;
}

#global {
	width:950px;
	height:inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1m;
	margin-left: auto;
	margin-right: auto;
	padding-left:20px;
	background-color:#FFFFFF;
}

#content {
	width:950px;
	height:inherit;
	margin-left: auto;
	margin-right: auto;
	background-color:white;
}

#header_logo {
	position:absolute;
	top:6px;
	margin-left:6px;
}

#header_menu_fr {
	z-index:100;
	position:relative;
	top:0px;
	margin-left:148px;
	background-image:url('../img/menu_fr.png');
	background-position:left;
	width:792px;
	height:69px;
}

#header_menu_en {
	z-index:100;
	position:relative;
	top:0px;
	margin-left:148px;
	background-image:url('../img/menu_en.png');
	width:792px;
	height:69px;
}

#header_video {
	position:relative;
	z-index:1;
	background-image:url('../img/bandeau.jpg');
	width:950px;
	height:178px;
	top:20px;
	margin-left:-10px;
}

#header_product {
	position:absolute;
	z-index:10;
	background-image:url('../img/bandeau_product.gif');
	width:307px;
	height:600px;
	top:78px;
	margin-left:55px;
}

#header_product_img {
	position:relative;
	top:25px;
	left:1px;
}

#header_product_content {
	position:relative;
	top:35px;
	left:20px;
}

.header_product_content_title {
	font-size:16px;
	color:#7a8818;
	text-transform: uppercase;
}

.header_product_content_surheading {
	font-size:9px;
	color:#707172;
	text-transform: uppercase;
	width:210px;
	overflow:no;
}

.header_product_content_core {
	position:relative;
	top:12px;
	font-size:10px;
	line-height:17px;
	color:#707172;
	width:210px;
	overflow:no;
}

.header_product_content_more {
	position:absolute;
	top:315px;
	text-align:right;
	font-size:10px;
	line-height:17px;
	color:#707172;
	width:210px;
	overflow:no;
	font-weight:bold;
}



#header_circle {
	position:absolute;
	z-index:10;
	background-image:url('../img/circle.png');
	width:191px;
	height:246px;
	top:267px;
	margin-left:-10px;
}


#plist a {
	text-decoration:none;
	color:#595454;
}

#plist a:hover {
	text-decoration:underline;
	color:black;
}


a.green {
    color: #98a718;
    text-decoration: underline;
}

a.green:hover {
    color: #7A8818;
}


#lng {
	position:absolute;
	top:280px;
	padding-left:754px;
	width:80px;
	
	text-align:right;
}

#lng-margin {
	position:absolute;
	top:267px;
	padding-left:866px;
	border-right:1px solid #98a718;
	height:32px;
}


.b_title {
	position:relative;
	font-weight:bold;
	font-size:15px;
	color:#707172;
	text-transform:uppercase;
	letter-spacing:1px;
}

.b_core {
	position:relative;
	top:30px;
	line-height:18px;
	font-size:11px;
	color:#707172;
	min-height:550px;
	height:auto !important;
	height:550px;
}



a.btn {
    background: #98a718;
    color: #fff;
    display: block;
    font: normal 9px arial, sans-serif;
    height: 11px;
    text-decoration: none;
    padding:4px;
    min-width:100px;
    width:inherit;
    text-transform:uppercase;
}

a.btn span {
    display: block;
    text-align:center;
}

a.btn:hover {
    background: #657418;
    outline: none; /* hide dotted outline in Firefox */
}


.gray_title {
	color:#707172;
	font-size:12px;
}

.green_title {
	color:#7a8818;
	font-size:12px;
	text-transform:uppercase;
}

.greenBold b {
	font-weight:bold;
	color:#7a8818;
}

#core_content {
	position:relative;
	z-index:10;
	width:307px;
	top:70px;
	margin-left:380px;
	font-size:12px;
}


#core_content2 {
	z-index:20;
	position:relative;
	width:808px;
	top:60px;
	margin-left:60px;
	font-size:12px;
}


#footer {
	position: relative;
	bottom: 0;
	padding: 0;
	background-image:url('../img/footer_bg.gif');
	background-position:right;
	width: 940px;
	height:200px;
	z-index:0;
}


.btn_download {
	height:15px;
	width:15px;
	cursor:pointer;
	background: url('../img/btn_download.png') no-repeat scroll top right;
}

.btn_download:hover  {
	background: url('../img/btn_download.png') no-repeat scroll bottom right;
	outline: none;
}
.btn_download_inactive  {
	height:15px;
	width:15px;
	background: url('../img/btn_download.png') no-repeat scroll bottom right;
	outline: none;
}

.btn_view {
	height:15px;
	width:15px;
	cursor:pointer;
	background: url('../img/btn_view.png') no-repeat scroll top right;
}

.btn_view:hover  {
	background: url('../img/btn_view.png') no-repeat scroll bottom right;
	outline: none;
}
.btn_view_inactive  {
	height:15px;
	width:15px;
	background: url('../img/btn_view.png') no-repeat scroll bottom right;
	outline: none;
}
























/* LEFT */

#left {
	left:4px;
	position:relative;
	float:left;
	top:59px;
	width:145px;
	margin: 0px;
	padding: 0px;
	height:100%;
}

#conceptTitle {
	position:absolute;
	width: 137px;
	height: 33px;
	margin: 0px;
	padding: 0px;
	background-image: url("../img/rub_concepts.png");
	background-repeat: no;
}

#conceptDetails {
	position:absolute;
	top:31px;
	width:140px;
	height:150px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color:#666;
}

#xtraDetails {
	position:absolute;
	top:415px;
	width:140px;
	height:150px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color:#666;
	background-image:url('../img/loading.gif');
	background-repeat:no-repeat;
	background-position: 50% 46%;
}

/* MIDDLE */

#middle {
	float:left;
	position:relative;
	left:4px;
	width:594px;
	height:100%;
}

#logo {
	position:relative;
	width:587px;
	height:47px;
}

#concepts {
	position:relative;
	width:587px;
	height:200px;
}

#step1 {
	position:absolute;
	top:243px;
	left:1px;
}

#step2 {
	position:absolute;
	top:243px;
	left:1px;
}

#step3 {
	position:absolute;
	top:243px;
	left:1px;
}

#step4 {
	position:absolute;
	top:243px;
	left:1px;
}

#step5 {
	position:absolute;
	top:243px;
	left:1px;
}

#Menu {
	position:absolute;
	width:590px;
	height:43px;
	top:272px;
	z-index:50;
}

#MenuVoid {
	height:5px;
}

#MenuItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding-right:8px;
	color: gray;
}

#MenuLine {
	position:relative;
	top:35px;
	width:590px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background-image: url("../img/line.png");
	background-repeat: no-repeat;
}

#Tarifs {
	position:absolute;
	top:275px;
}

#xtras {
	position:absolute;
	top:242px;
	font-size:11px;
}

#ctr {
	position:relative;
	left:1px;
	margin-bottom:5px;
	border-width:1px;
	border-style:dashed;
	border-color:#666666;
	padding:1px;
}

#fin {
	position:absolute;
	padding-left:1px;
	top:352px;
	width:600px;
	font-size:11px;
	background-image: url("../img/rub_basket_bg.png");
}

/* RIGHT */

#right {
	position:relative;
	left:4px;
	float:left;
	top:59px;
	width:145px;
	margin: 0px;
	padding: 0px;
	height:100%;
}

#clientsTitle {
	position:absolute;
	width: 137px;
	height: 33px;
	margin: 0px;
	padding: 0px;
	background-image: url("../img/rub_clients.png");
	background-repeat: no;
}

#clientsContent {
	position:absolute;
	top:27px;
	width:137px;
	height:150px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-image: url("../img/rub_clients_bg.png");
}

#clientsContentData {
	margin-top:5px;
	margin-left:5px;
	
}

#clientsContentData a {
	text-decoration:none;
	font-weight:bold;
	color:#666666;
}

#clientsContentData a:hover {
	text-decoration:underline;
}

#basketTitle {
	position:absolute;
	top:184px;
	width: 137px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	background-image: url("../img/rub_basket.png");
	background-repeat: no;
}

#basketContent {
	z-index:300;
	position:absolute;
	top:213px;
	width:137px;
	height:400px;
	overflow:visible;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-image: url("../img/rub_basket_bg.png");
}

#basketCacheFinalize {
	z-index:200;
	position:absolute;
	left:-6px;
	top:213px;
	width:158px;
	height:400px;
	overflow:visible;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-color:white;
}

#basketOrderFinalizeLayer1 {
	z-index:100;
	position:absolute;
	left:-20px;
	top:213px;
	width:158px;
	height:550px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-image: url("../img/rub_basket_bg.png");
}


#basketOrderFinalizeLayer2 {
	z-index:90;
	position:absolute;
	right:154px;
	top:213px;
	width:290px;
	height:550px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-image: url("../img/rub_basket_bg.png");
}

#basketOrderFinalizeLayer2 input {
	background-color:#F1F1F1;
	font-size:12px;
	font-family:arial;
	width:180px;
}

#basketOrderFinalizeLayer2 select {
	background-color:#F1F1F1;
	font-size:12px;
	font-family:arial;
	width:180px;
}



#basketContentData {
	margin-top:5px;
	margin-left:2px;
}

#basketItemVoid {
	width:120px;
	margin-top:5px;
	margin-left:5px;
}

#basketItem {
	width:120px;
	height:50px;
	border-top: 1px solid #AAAAAA;
	margin-top:5px;
	margin-left:5px;
}

#basketIcon {
	width:105px;
	height:50px;
	margin-top:5px;
	margin-left:12px;
	background-image:url('../img/basket_icon.gif');
}

#orderBasketIcon {
	width:105px;
	height:50px;
	margin-top:5px;
	margin-left:12px;
	background-image:url('../img/basket_icon.gif');
}

#basketIconContent {
	position:relative;
	font-size:12px;
	left:2px;
	top:15px;
	text-align:center
}

/* ETC */

#GlobalCart {
	margin-left:-3px;
	float:left;
	width:185px;
	height:600px;
}

#GlobalCartContainer {
	height:600px;
	background-image:url(../img/fond_tarif.png);
	background-repeat: repeat-x;
}

#GlobalCartItem {
	font-size:11px;
	font-family:arial;
	clear: both;
	height:40px;
}

#CartTitle {
	width:175px;
	padding-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

#CategoryTitle {
	width:137px;
	padding-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #8b008b;
}

#CategoryContent {
	width:137px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	line-height:15px;
}

/* MENU */

#Menu {
	z-index: 90;
	float:left;
	width:588px;
	height:43px;
	background-image:url(../img/fond_menu.png);
	background-repeat: repeat-x;
	padding-top:4px;
}

#availLoader {
	z-index: 40;
	position:relative;
	top:340px;
	/*border: solid 1px #CCC;*/
	width:587px;
	height:38px;
}

#availLoader2 {
	z-index: 40;
	position:relative;
	top:340px;
	/*border: solid 1px #CCC;*/
	width:587px;
	height:38px;
}

#availLoaderImage {
	float:left;
	position:relative;
	left:160px;
	top:3px;
}

#availLoaderContent {
	float:left;
	position:relative;
	font-size:12px;
	top:12px;
	left:180px;
}

#homeContent {
	z-index: 1;
	position:absolute;
	top:315px;
	border-top: solid 1px #CCC;
	width:588px;
	height:500px;
}

#homeContentClient {
	z-index: 10000;
	position:relative;
	top:25px;
	border-top: solid 1px #CCC;
	width:588px;
	height:500px;
}

#MenuVoid {
	height:5px;
}

#MenuItem {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding-right:8px;
	color: gray;
}

#top5 {
	float:left;
	padding-left:2px;
	height:200px;
	width:158px;
}

/* TARIF */

#Title {
	width:588px; /* 730*/
	padding-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
}

#Tarif {
	clear: both;
	width:588px;
	height:80px;
	overflow:auto;
	padding-top:5px;
	background-image:url(../img/fond_tarif.png);
	background-repeat: repeat-x;
}

#TarifPic {
	position:relative;
	left:-120px;
	float:left;
	padding-top:5px;
}

#TarifDesc {
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	padding-left:8px;
	font-size: 0.7em;
	color: black;
}

#TarifDescExtra {
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	padding-left:8px;
	font-size: 11px;
	color: black;
}

#TarifButtons {
	position:absolute;
	top:98px;
	left:150px;
	width:650px;
}

#TarifCat {
	width:130px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

#TarifCat2 {
	float:left;
	width:130px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

#TarifDate {
	float:left;
	width:100px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

#TarifDate strong {
	font-weight: bold;
	color: black;
}

#TarifPrice {
	float:left;
	width:110px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

#TarifPrice strong {
	font-weight: bold;
	color: black;
}

#TarifPriceLast {
	width:110px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	padding-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: gray;
}

/* TARIF BOUTONS */

#buttonUrban {
	cursor:pointer;
	float:left;
	width:139px;
	height:26px;
	background-image:url('../img/button_urban.png');
}

#buttonUrbanNo {
	float:left;
	width:139px;
	height:26px;
	background-image:url('../img/button_null.png');
}

#buttonActive {
	cursor:pointer;
	position:relative;
	float:left;
	left:7px;
	width:139px;
	height:26px;
	background-image:url('../img/button_active.png');
}

#buttonActiveNo {
	position:relative;
	float:left;
	left:7px;
	width:139px;
	height:26px;
	background-image:url('../img/button_null.png');
}

#buttonHistudio {
	cursor:pointer;
	position:relative;
	float:left;
	left:14px;
	width:139px;
	height:26px;
	background-image:url('../img/button_histudio.png');
}

#buttonHistudioNo {
	position:relative;
	float:left;
	left:14px;
	width:139px;
	height:26px;
	background-image:url('../img/button_null.png');
}

#buttonTerrasse {
	cursor:pointer;
	position:relative;
	float:left;
	left:21px;
	width:139px;
	height:26px;
	background-image:url('../img/button_terrasse.png');
}

#buttonTerrasseNo {
	position:relative;
	float:left;
	left:21px;
	width:139px;
	height:26px;
	background-image:url('../img/button_null.png');
}

/* STEPS */

#Step {
	width:726px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:white;
	background-color:grey;
	text-align:center;
	margin-right:4px;
	padding:2px;
	/* border-width:thin;
	border-style:solid; */
}

/* RESERVATION */

#Reservation {
	clear: both;
	width:587px;
	height:110px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../img/fond_tarif.png);
	background-repeat: repeat-x;
}

#ReservationBis {
	clear: both;
	width:290px;
	overflow:hidden;
	/*height:468px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../img/fond_tarif.png);
	background-repeat: repeat-x;*/
}

#Reservation input {
	background-color:#F1F1F1;
	font-size:11px;
	font-family:arial;
	width:180px;
}

#ReservationBis input {
	background-color:#F1F1F1;
	font-size:11px;
	font-family:arial;
	width:180px;
}

#ReservationBis select {
	background-color:#F1F1F1;
	font-size:11px;
	font-family:arial;
	width:180px;
}

#Reservation1 {
	float:left;
	width:350px;
	overflow:no;
	padding-top:5px;
	padding-right:6px;
	font-size:0.9em;
}

#Reservation2 {
	float:left;
	width:360px;
	overflow:no;
	padding-top:5px;
	padding-right:6px;
	font-size:0.9em;
}


.Legend {
	font-size:11px;
	padding-bottom:0px;
	padding-left:6px;
}

.Field {
	padding-left:6px;
	padding-bottom:6px;
}

/* EXTRAS */

#Extras {
	clear: both;
	overflow:auto;
	width:730px;
	padding-top:5px;
	background-image:url(../img/fond_tarif.png);
	background-repeat: repeat-x;
}

#Extras input {
	background-color:#F1F1F1;
	font-size:11px;
	font-family:arial;
	width:180px;
}


/* OTHERS */

#Space {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	width:6px;
	color: black;
}

.Titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: black;
}

.Texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: black;
}

#Credits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: black;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: black;
	background-color: #e6e6fa;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #e6e6fa;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCC;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #eee0e5;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	/*background-color: #ccc;*/
	/*border: 1px solid #AAAAAA;*/
	color: #6699cc;
	font-weight:bold;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 11px;
	color: #993399;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #e0cdcd;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #e0cdcd;
	font-weight: bold;
	}

/* the "This Month" and "Close" buttons at the bottom */
.dpToday {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: grey;
	text-decoration:none;
	}

/* BOUTONS SEXY */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}



/* MAINTENANCE */

#order_overlay
{
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          z-index:20000;
          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../overlay.png');
          background-image:url('../overlay.png');
}

#order_overlay[class]
{
		background-image:url('../overlay.png');
}

#order_container
{
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          background: transparent;
          z-index:20001;
}

#order_inner
{
          display: block;
          padding: 10px 10px 10px 10px;
          width: 305px;
          height: 180px;
          margin: 19% auto 0 auto;
          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../overlay.png');
          border: dashed 1px red;
          z-index:20002;
}

#order_inner[class] 
{
	background-image:url('../overlay.png');
}