@import 'extraits.css';
@import 'contact.css';
@import 'tooltip.css';
@import 'step.css';
@import 'book.css';

body{
	background: url(../img/bodybkgd.jpg);
	font-family: Arial;
	font-size: 12px;
}

a{
	-moz-outline: 0 !important; /* Disabled outline doddet line with gecko */
	outline: 0;
	border: 0;
}

.global{
	width: 730px;
	height: 740px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.global .background{
	width: 648px;
	height: 648px;
	position: absolute;
	top: 57px;
	left: 37px;
	border: #fff 2px solid;
	background-color: #fff;
}

.global .panel{
	position: relative;
	float: left;
	border: 1px #fff solid;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity = 0);	
}

.global .tab:hover,
.global a:hover,
.global .tab.selected{
	opacity: 0.6;
	filter: alpha(opacity = 60);	
}

.global .panel a.close{
	position: absolute;
	width: 31px;
	height: 31px;
}

/* 
 * Left Part
 */

.global .left{
	position: relative;
	float: left;
	width: 37px;
	height: 100%;
}
.global .left a{
	display: block;
	width: 37px;
	height: 224px;
	margin-top: 108px;
	background: url(../img/contact_onglet.png);
}

/* 
 * Middle Part
 */
 
.global .middle{
	position: relative;
	float: left;
	width: 420px;
	height: 100%;
}

.global .logo{
	position: relative;
	float: left;
	width: 430px;
	height: 113px;
	margin-top: -1px;
	background: url(../img/logo_CcC.png);
}

.global .middle .contain,
.global .middle .panel.contact,
.global .middle .panel.buy{
	width: 412px;
	height: 584px;
}
.global .middle .panel.contact,
.global .middle .panel.buy{
	display: none;
}
.global .middle .panel.contact.display,
.global .middle .panel.buy.display{
	display: block;
}
.global .middle .contain{
	position: relative;
	float: left;
	margin-left: 10px;
}
.global .middle .panel.contact{
	background: #74a276;
}
.global .middle .panel.buy{
	background: #96281f;
	color: #fff;
}

.global .middle .tab.buy{
	position: relative;
	float: left;
	width: 292px;
	height: 37px;
	margin-left: 9px;
	margin-top: 12px;	
	background: url(../img/achat_onglet.png);
}

/*
 * Right part
 */

.global .right{
	position: relative;
	float: left;
	width: 260px;
	height: 100%;
}

.global .tab.about{
	position: relative;
	float: left;	
	width: 215px;
	height: 57px;
	margin-left: 10px;
	background: url(../img/apropos_onglet.png);
}

.global .right .panel.about{
	width: 211px;
	height: 410px;
	margin-top: 8px;
	margin-left: 10px;	
	background: #d49d00;
}
.global .right .panel.extraits{
	width: 211px;
	height: 211px;
	margin-top: 8px;
	margin-left: 10px;
}

.global .right .tab.extraits{
	position: absolute;
	top: 484px;
	margin-left: 7px;
	width: 43px;
	height: 213px;
	background: url(../img/extraits_onglet.png);
}