@font-face {
	font-family: 'sansita';
	src: url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/fonts/sansita.eot'); 
	src: url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/fonts/sansita.eot?#iefix') format('embedded-opentype'), 
	     url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/fonts/sansita.woff') format('woff'), 
	     url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/fonts/sansita.ttf')  format('truetype'), 
	     url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/fonts/sansita.svg#svgFontName') format('svg'); 
	}

body {
	background:#2c3235 url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/body_bg.jpg') no-repeat top;
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#5d6164;
}
a{
	color:#DD6D1B;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
H2{color:#F2BC00;margin-bottom:5px;}
div#mainContainer {
	width:980px;
	margin:0 auto;
}

#border {
background-color:#d97200;
height:10px;
}


div#header {
	width:980px;
	margin:0 auto;
	height:220px;
	position:relative;
}
a#logo {
	display:block;
	width:93px;
	height:144px;
	background:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/menuiserie_tambour_logo.jpg') no-repeat;
	text-indent:-3000px;
	position:absolute;
	top:32px;
	left:50px;
}
p#slogan {
	background:url('images/slogan.jpg') no-repeat;
	width:636px;
	height:143px;
	margin:0;
	position:absolute;
	top:76px;
	left:145px;
	text-indent:-3000px;
}



ul#menu {
	margin:0;
	padding:0;
	float:left;
	width:203px;
}
ul#menu li {
	list-style:none;
	width:203px;
	height:48px;
	margin:0;
}
ul#menu li a {
	display:block;
	width:203px;
	height:48px;
	background-position:top;
	text-indent:-3000px;
}
ul#menu li a:hover, ul#menu li.current a {
	background-position:bottom;
}
ul#menu li#menuHome a {
	background-image:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/menu_home.jpg');
}
ul#menu li#menuReferences a {
	background-image:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/menu_references.jpg');
}
ul#menu li#menuServices {
	height:47px;
}
ul#menu li#menuServices a {
	background-image:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/menu_services.jpg');
	height:47px;
}
ul#menu li#menuContact a {
	background-image:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/menu_contact.jpg');
}

#indexreferencebox li{
	list-style:none;
}

#indexreferencebox ul{
	margin: 10px;
	padding: 0;
}




div#content {
	float:left;
	width:638px;
	padding:28px 40px;
	background-color:#FFF;
	margin:0 0 0 24px;
	position:relative;
}
div.homepage {
	border-left:7px solid #ffc617;
}
div.referencesPage {
	border-left:7px solid #FCAF01;
}
div.referencesPage #gallery {
	border-top:10px solid #d97200;
	}

div.contactPage {
	border-left:7px solid #DD6D1B;
}
div.servicesPage {
	border-left:7px solid #FE8301;
}
img.selected {
	position:absolute;
	left:-7px;
}
div.homepage img.selected {
	top:19px;
}
div.referencesPage img.selected {
	top:66px;
}
div.servicesPage img.selected {
	top:114px;
}
div.contactPage img.selected {
	top:163px;
}



div.home {
	
	position:relative;
	z-index:120;
	padding:0 30px 0 0;
}
div.home #gallery {
	height: 388px;
	padding-top: 4px;
}
.short {
	padding:0 240px 0 0;
}

div#referencebox {
padding-bottom: 7px;
}



div#indexreferencebox {
	width:220px;
	float:right;
	text-align:center;
	margin:0 auto;
	margin-top:-28px;
}

div#indexleft {
	width:370px;
	float:left;
}




a.gallery {
	display:block;
	height:33px;
	float:left;
	margin:0 12px 40px 0;
	text-indent:-3000px;
}
a.gParticuliers {
	width:107px;
	background:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/galerie_particuliers.gif') no-repeat;
}
a.gMagasins {
	width:96px;
	background:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/galerie_magasins.gif') no-repeat;
}
a.gArchitectes {
	width:114px;
	background:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/galerie_architectes.gif') no-repeat;
}

.button {
width:120px;
line-height:21px;
text-align:center;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
color:#888888;
text-decoration:none;
float:left;
margin-right:3px;
font-size:13px;
background:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/button-gallery.gif');
text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}

.button:hover {
color:white;
text-decoration:none;
}

.en-cours {
width:120px;
line-height:21px;
text-align:center;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
color:white;
float:left;
margin-right:3px;
background:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/button-gallery-current.gif');
font-size:13px;
}

.button-index {
width:200px;
line-height:51px;
text-align:left;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
display:block;
background:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/button.gif');
color:white;
}

.button-index:hover {
background:url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/button-index-hover.gif');
text-decoration:none;
}




iframe {
	float:right;
	border:2px solid #DD6D1B;
}



hr.clearer {
	height:0;
	width:0;
	clear:both;
	border:none;
	visibility:hidden;
	padding:0;
	margin:0;
	overflow:hidden;
}
div.clearer {
	height:0;
	width:0;
	overflow:hidden;
	clear:both;
	border:none;
	visibility:hidden;
	padding:0;
	margin:0;
}
blockquote {
	margin:0;
	}
blockquote p {
	font-size:16px;
	color:#2C3235;
	font-weight:bold;
}
blockquote strong{
	color:#f2bc00;
}
p {
	margin:0 0 14px;
	line-height:1.4em;
}
ul {
	margin:0 150px 0 20px;
	padding:0;
	tex-align:justify;
}
li {
	margin:0 0 10px;
	color:#DD6D1B;
}
h1 {
	margin:0 0 16px;
}

h3{
	font-size:11px;
	color:#2C3235;
}

li span { 
	color: #5D6164;
	font-size:15px; 
}

.refbox {
	font-weight:normal;
	padding-bottom:10px;
	font-size:28px;
	font-family:'sansita', Helvetica, Arial, sans-sérif;
	text-align:center;
}

.ref, #content h2{
	font-weight:normal;
	padding-bottom:10px;
	font-size:32px;
	font-family:'sansita', Helvetica, Arial, sans-sérif;
}




#footer{
	clear:both;
	padding-top:2px;
}

p#footer {
	margin:10px 0 10px 180px;
	font-size:9px;
	color:#FFF;
	text-align:center;
}
p#footer a {
	color:#FFF;
	text-decoration:none;
}
p#footer a:hover {
	color:#EFBB03;
}


#indexreferencebox img {
vertical-align: middle;
margin-bottom: 4px;
margin-left:8px;
padding-right:8px;
}

#references-navigation {
	position: absolute;
	top: 54px;
	right: 40px;
}
#references-navigation li {
	display: block;
	float: left;
}
#references-navigation li + li {
	margin-left: 10px;
}
#references-navigation li a {
	position: relative;
	text-decoration: none;
	display: block;
}
#references-navigation li a img {
	border: 0;
}
#references-navigation li a span {
	font: normal 15px "Trebuchet MS", Arial, sans-serif;
	color: #fff;
	display: block;
	position: absolute;
	top: -22px;
	width: 120px;
	padding: 3px 3px 13px;
	left: 50%;
	margin-left: -63px;
	background: transparent url('http://www.menuiserie-tambour.be/files/templates/tambour/public/assets/images/tooltip.png') no-repeat center;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#references-navigation li a:hover span {
	opacity: 1;
	top: -32px;
};