/* CSS Document */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	background-color: #838486;
	padding: 0px 8px 0px 8px;
}

#container {
	width: 760px;
	height: auto;
	margin: 15px auto 0 auto;
}

div#overlord { 
 width: 760px;
 }

 /* ************************* HOMEPAGE ************************** */

#header {
width: 760px;
height: 10px;
 margin: 0; 
padding:0; 
border: 0;
float: left;
background: url('images/background_top.gif') bottom no-repeat;
}

#center { 
 width: 760px; 
 height: auto;
 margin: 0; 
padding:0; 
border: 0;
float: left;
 background: url('images/background_mid.gif') repeat-y;
 }

#bottom { 
 width: 760px; 
 height: 15px;
 margin: 0; 
padding:0; 
border: 0;
float: left;
 background: url('images/background_botm.gif') no-repeat;
 }
 
#globalbox {
width: 750px;
height: auto;
margin: 0; border: 0; padding: 0;
float: left;
}
 
div#containerleft {
width: 357px;
height:auto;
margin: 0; border: 0; padding: 0;
float: left;
}

#leftboxhome {
width: 338px;
height:auto;
 margin: 0; 
padding:0; 
border: 0;
float: left;
}

#logo {
width: 318px;
height: 130px;
margin: 5px 0; 
padding:0; 
border: 0;
float: right;
}

#bigimage {
width: 318px;
height: 445px;
margin: 20px 0;
float: right; 
padding:0; 
border: 0;
background: url('images/homepict.jpg') no-repeat;
}

div#containerright {
width: 390px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#homeaddress {
width: 386px;
height: 172px;
padding: 0; 
border: 0; 
margin: 0 -1px 0 0;
float: right;
background: url('images/address_top1.gif') right no-repeat;}

#menuhomebox {
width: 180px;
height: 56px;
margin: 94px 0 0 8px; 
border: 0; padding: 0;
float: left;
}

#menuhomebtn {
width: 180px;
height: 14px;
}

#mainhome {
width: 386px;
height:auto;
padding: 0; 
border: 0; 
margin: 0 -1px 0 0;
float: right;
background: url('images/emblem2.gif') top right no-repeat;
}

#contenthome {
width: 370px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#welcomettl {
width: 130px;
height: 50px;
margin: 0; 
border: 0; padding: 0;
float: left;
}

#maintexthome {
width: 350px;
height:auto;
margin: 15px 0 0 0; 
border: 0; padding: 0;
float: left;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: justify;
color: #fff;
}

#triptikbox {
width: 350px;
height: 116px;
margin: 20px 0 0 0; 
border: 0; padding: 0;
float: left;
}

#credits {
width: 600px;
height: 20px;
float: right;
margin: 0 10px 0 0; 
border: 0; padding: 0;
font: normal 10px Arial, Helvetica, sans-serif;
text-align: right;
color: #313131;
}


 /* ************************* OTHER PAGES ************************** */

#header2 {
width: 760px;
height: 10px;
 margin: 0; 
padding:0; 
border: 0;
float: left;
background: url('images/background_top2.gif') bottom no-repeat;
}

#center2 { 
 width: 760px; 
 height: auto;
 margin: 0; 
padding:0; 
border: 0;
float: left;
 background: url('images/background_mid2.gif') repeat-y;
 }
 
#botmimages {
width: 745px; 
height: 160px;
margin: 15px 0 0 0; 
padding:0; 
border: 0;
float: left;
text-align: right;
}

#bottom2 { 
 width: 760px; 
 height: 15px;
 margin: 0; 
padding:0; 
border: 0;
float: left;
 background: url('images/background_botm2.gif') no-repeat;
 }

#blackheader {
width: 750px;
height: 156px;
 margin: 0; 
padding:0; 
border: 0;
float: left;
background-color:#000;
}

#headersplit {
width: 545px;
height: 156px;
 margin: 0; 
padding:0; 
border: 0;
float: left;
}

#logo2 {
width: 325px;
height: 130px;
margin: 8px 0 0 0; 
padding:0; 
border: 0;
text-align: right;
float: left;
}

#menublackbox {
width: 180px;
height: 56px;
margin: 82px 0 0 0; 
border: 0; padding: 0;
float: right;
}

#otheraddress {
width: 202px;
height: 156px;
padding: 0; 
border: 0; 
margin: 0 -1px 0 0;
float: right;
background: url('images/address_top2.gif') right no-repeat;}

div#containerleft2 {
width: 260px;
height:auto;
margin: 0; border: 0; padding: 0;
float: left;
}

#leftbox {
width: 260px;
height:auto;
 margin: 0; 
padding:0; 
border: 0;
float: left;
}

#bigimage2 {
width: 230px;
height: auto;
margin: 11px 0;
float: right; 
padding:0; 
border: 0;
}

div#containerright2 {
width: 470px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#content {
width: 470px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#titles {
width: 235px;
height: 50px;
margin: 10px 0 0 0; 
border: 0; padding: 0;
float: left;
}

#maintext {
width: 430px;
height:auto;
margin: 20px 0 0 0; 
border: 0; padding: 0;
float: left;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: justify;
color: #fff;
}

#dalogo {
width: 128px;
height: 70px;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: right;
text-align: left;
}

#dalogo2 {
width: 128px;
height: 70px;
padding: 0; 
border: 0; 
margin: 40px 0 0 0;
float: right;
text-align: left;
}

#dalogo3 {
width: 128px;
height: 70px;
padding: 0; 
border: 0; 
margin: 80px 0 0 0;
float: right;
text-align: left;
}

.goldtext {
font: normal 11px Arial, Helvetica, sans-serif;
text-align: justify;
color: #f8c840;
}

/* ************** BOUTIQUE *************** */

#boutiquebox {
width: 460px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#maintext2 {
width: 230px;
height:auto;
margin: 20px 0 0 0; 
border: 0; padding: 0;
float: left;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: justify;
color: #fff;
}

#showcase {
width: 210px;
height: auto;
float: right;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
border: 1px solid #f8c840;
}

#showcaseint {
width: 200px;
height: auto;
float: left;
margin: 5px;
border: 0; padding: 0;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: justify;
color: #fff;
}

#opening {
width: 180px;
height: auto;
margin: 11px 25px 0 0;
float: right; 
padding:0; 
border: 1px solid #fff;
background-color: #999999;
}

#hours {
width: 160px;
height:auto;
float: left;
margin: 10px;
font: normal 11px Arial, Helvetica, sans-serif;
text-align: left;
color: #000;
}

.white:link {color: #fff; text-decoration:underline;}
.white:visited {color: #fff; text-decoration:underline;}
.white:hover {color: #f8c840; text-decoration:none;}

.grey:link {color: #313131; text-decoration:underline;}
.grey:visited {color: #313131; text-decoration:underline;}
.grey:hover {color: #fff; text-decoration:none;}


.title1 { font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
color: #000; }

/* ************** POP UP IMAGES *************** */

div#popupimg a {
color: #f8c840;
text-decoration: underline; /* définition du lien qui affichera le "calque" */
}

div#popupimg a:visited {
color: #f8c840;
text-decoration: underline; 
}

div#popupimg a:hover {
color: #fff;
text-decoration:none;
background: none; /* correction d'un bug IE */
}

div#popupimg a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}

div#popupimg a:hover span { /* définition de la balise <span> au survol */
display: block;
position: absolute; 
top: 100px; 
right: 150px; 
width: 225px;
height: 300px;
background: #999999;
text-align: center;
border: 1px solid #f8c840;
padding: 4px;
}