@charset "UTF-8";
/* CSS Document */

body {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#313738;
}

a {
	color:#363636;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

#bgWrapper {
	padding-top:33px;
	padding-bottom:33px;
	width:100%;
	background-color:#313738;
}

#wrapper {
	width:980px;
	margin:0px auto;
	background-color:#FFF;
}

#wrapperLeft {
	width:266px;
	min-height:640px;
	height:auto !important;
	height:640px;
	border:1px solid #8dadb3;
	border-top:none;
	border-left:none;
	float:left;
}

#headerLeft {
	height:287px;
}

#headerRight {
	width:695px;
	height:287px;
}

#headerText {
	background:url(../images/header-right-bg.jpg) no-repeat;
	width:550px;
	height:233px;
	float:left;
}

#headerDevis, #headerOfferte {
	width:139px;
	height:233px;
	float:right;
}

#splashheader-nl a {
	background:url(../images/splash_header_nl.jpg) no-repeat;
	width:695px;
	height:98px;
	display:block;
	color:#FFF;
	text-align:center;
	font-size:0.8em;
	padding-top:135px;
}

#splashheader-fr {
	display:none;
}

#splashheader-fr a {
	background:url(../images/splash_header_fr.jpg) no-repeat;
	width:695px;
	height:98px;
	display:block;
	color:#FFF;
	text-align:center;
	font-size:0.8em;
	padding-top:135px;
}

#headerDevis a {
	display:block;
	background:url(../images/devis.jpg) no-repeat;
	width:129px;
	height:60px;
	padding-top:173px;
	color:#FFF;
	text-align:center;
	font-size:0.70em;
	padding-left:5px;
	padding-right:5px;
}

#headerOfferte a {
	display:block;
	background:url(../images/offerte.jpg) no-repeat;
	width:129px;
	height:60px;
	padding-top:173px;
	color:#FFF;
	text-align:center;
	font-size:0.70em;
	padding-left:5px;
	padding-right:5px;
}

#headerOfferteNone {
	background:url(../images/offerte-none.jpg) no-repeat;
		width:139px;
	height:233px;
	float:right;
}

#wrapperRight {
	width:695px;
	height:640px;
	float:right;
}

.clearBoth {
	clear:both;
}

h1.logo {
	width:266px;
	height:202px;
}

h1.logo a {
	background:url(../images/batideck-logo.jpg) no-repeat;
	width:266px;
	height:202px;
	display:block;
}

h1.logo a span {
	display:none;
}

#logofooter {
	/*background:url(../images/since.jpg) no-repeat;*/
	width:194px;
	padding-left:72px;
	font-size:0.60em;
	font-weight:bold;
}

#logofooter .item {
	border-top:1px solid #8dadb3;
	padding-top:4px;
	padding-bottom:3px;
	width:100%;
}

#logofooter .blue {
	color:#3e3e40;
}

#logofooter .yellow {
	color:#7ca1a8;
}

h2.actualites {
	background:#504f4f;
	padding-top:8px;
	width:194px;
	height:26px;
	padding-left:72px;
	color:#FFF;
}

#actualites {
}

#actualites .text {
	padding-left:72px;
	padding-top:18px;
	color:#3e3e40;
	font-size:0.65em;
}

h3.semaine {
	background:url(../images/cettesemaine.jpg) no-repeat;
	width:194px;
	height:45px;
	margin-top:25px;
	margin-bottom:10px;
}

h3.dezeweek {
	background:url(../images/dezeweek.jpg) no-repeat;
	width:194px;
	height:45px;
	margin-top:25px;
	margin-bottom:10px;
}

h3.ontdekrealisaties a {
	background:url(../images/ontdekrealisaties-nl.jpg) no-repeat;
	width:194px;
	height:45px;
	display:block;
	margin-top:5px;
	margin-bottom:10px;
}

h3.decouvrezrealisations a {
	background:url(../images/ontdekrealisaties-fr.jpg) no-repeat;
	width:194px;
	height:45px;
	display:block;
	margin-top:5px;
	margin-bottom:10px;	
}

h3.semaine span, h3.dezeweek span, h3.ontdekrealisaties a span, h3.decouvrezrealisations a span {
	display:none;
}

#menu {
	width:695px;
	height:35px;
	margin-top:-3px;
	padding:0px;
	position:absolute;
	z-index:10;
}

#menu li {
	width:99px;
	height:35px;
	float:left;
	overflow:hidden;
}

#menu li a {
	background:url(../images/menu-bg.gif) no-repeat;
	width:94px;
	padding-left:5px;
	height:35px;
	display:block;
	line-height:35px;
	color:#252525;
	font-size:0.65em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

#menu li.last {
	width:101px;
}

#menu li.last a {
	padding-left:2px;
	width:99px;
	background:url(../images/menu-bg-last.gif) no-repeat;
}

#menu li a:hover, #menu li a.active {
	background-position:0px -35px;
	color:#db002f;
	text-decoration:none;
}

.splashmenu {
	width:200px !important;
	right:250px;
}

#splashmenuWrapper {
	width:693px;
	height:27px;
	border:1px solid #8DADB3;
	border-top:none;
}

#splashfooter {
	width:980px;
	height:428px;
	background:url(../images/splash-bg.jpg) no-repeat;
}

#splashtext {
	padding-left:285px;
}

#splashtext span {
	display:none;
}

#splashtext-nl {
	background:url(../images/splashtext-nl.jpg) no-repeat;
	width:695px;
	height:34px;
}

#splashtext-fr {
	background:url(../images/splashtext-fr.jpg) no-repeat;
	width:695px;
	height:34px;
	display:none;
}
	

#headerText .top {
	height:47px;
	padding:20px;
	font-size:0.8em;
	color:#111111;
}

#headerText .slogan {
	color:#FFF;
	padding:10px;
	height:55px;
	text-transform:lowercase;
}

#headerText .slogan .small {
	font-size:1.1em;
}

#headerText .slogan .big {
	font-size:1.5em;
}

#contentLeft {
	width:550px;
	height:354px;
	position:relative;
	float:left;
	font-size:0.85em;
}

h4.slogan {
	padding:20px;
	background:#ddebf6;
	color:#7ca1a8;
}

h4.title {
	font-size:1.2em;
	padding:10px;
	background:#ddebf6;
	color:#7ca1a8;
}


#contentLeft #home {
	width:550px;
	height:354px;
	background:url(../images/content-bg-home.jpg) bottom no-repeat;
}
	
#contentLeft h3 {
	width:540px;
	height:26px;
	padding-top:8px;
	background:#a7a7a7;
	color:#FFF;
	padding-left:10px;
}


#contentLeft .top {
}

#contentLeft .bottom {
	position:absolute;
	bottom:0px;
}

.hairline {
	padding-top:4px;
	padding-bottom:4px;
	height:1px;
	width:550px;
	background:url(../images/hairline.gif) repeat-x center;
}

.hairline2 {
	padding-top:6px;
	padding-bottom:6px;
	height:1px;
	width:550px;
	background:url(../images/hairline2.gif) repeat-x center;
}

#contentLeft .listitem {
	height:28px;
	line-height:28px;
	padding-left:20px;
	color:#707070;
	background:url(../images/list-bg.jpg) no-repeat #ddebf6;
	width:530px;
}

#contentRight {
	width:139px;
	height:354px;
	position:relative;
	float:right;
	background:url(../images/contentRight-bg.jpg) bottom no-repeat;
}

#contentRight h3 {
	width:129px;
	height:26px;
	padding-top:8px;
	background:#504f4f;
	color:#FFF;
	padding-left:10px;
}

#wrapperPic {
	width:139px;
	height:106px;
	background:#CCC;
	margin-top:4px;
}

#wrapperPic a {
	display:block;
	height:106px;
	width:139px;
	background:url(../images/video.jpg) no-repeat;
}

#wrapperPic a span {
	display:none;
}

#galleryVideo {
	display:none;
}

#wrapperImages {
	width:139px;
	height:205px;
	bottom:0px;
	position:absolute;
}

#wrapperImages img {
	display:none;
}

#footer {
	padding:15px;
}

#footer, #footer a {
	color:#7ca1a8;
	text-transform:uppercase;
}

#footer {
	font-size:0.55em;
	padding-top:10px;
	padding-bottom:10px;
}

#footer strong {
	color:#7ca1a8;
	font-weight:bold;
}

#entreprise {
	background:url(../images/entreprise-bg.jpg) no-repeat;
	width:420px;
	padding-left:110px;
	padding-right:20px;
	height:138px;
	line-height:1.4em;
}

#entreprise-bottom {
	background:url(../images/entreprise-bottom.jpg) no-repeat;
	width:550px;
	height:55px;
	position:absolute;
	bottom:0px;
	display:block;
}

#onderneming-bottom {
	background:url(../images/onderneming-bottom.jpg) no-repeat;
	width:550px;
	height:55px;
	position:absolute;
	bottom:0px;
	display:block;
}

#toiture-bottom {
	background:url(../images/toiture-bottom.jpg) no-repeat;
	width:550px;
	height:55px;
	position:absolute;
	bottom:0px;
	display:block;
}

#dak-bottom {
	background:url(../images/dak-bottom.jpg) no-repeat;
	width:550px;
	height:55px;
	position:absolute;
	bottom:0px;
	display:block;
}

#qualite-bottom {
	background:url(../images/qualite-button.jpg) no-repeat;
	width:550px;
	height:55px;
	position:absolute;
	bottom:0px;
	display:block;
}

#kwaliteit-bottom {
	background:url(../images/kwaliteit-bottom.jpg) no-repeat;
	width:550px;
	height:55px;
	position:absolute;
	bottom:0px;
	display:block;
}

#entreprise-bottom span, #toiture-bottom span, #qualite-bottom span, #onderneming-bottom span,
	#dak-bottom span, #kwaliteit-bottom span {
	display:none;
}

.toiture-list {
	font-size:0.95em;
	background:url(../images/toiture-list.jpg) no-repeat #ddebf6;
	color:#111111;
	padding:8px;
	padding-left:25px;
	margin-bottom:3px;
}

.toiture-list strong {
	text-transform:uppercase;
}

.interieur-list {
	padding-bottom:10px;
}

.interieur-list li {
	list-style-position:inside;
	list-style-type:disc;
	padding:5px;
	padding-left:20px;
	background:url(../images/hairline2.gif) repeat-x bottom;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
}

.interieur-list li.first {
	padding-top:0px;
}

.interieur-links li {
	list-style-position:inside;
	list-style-type:disc;
	color:#7ca1a8;
	padding-left:20px;
}

.interieur-links li a {
	color:#7ca1a8;
}

.space {
	padding-left:90px;
}

.ecologie {
	color:#111111;
	padding:5px;
	line-height:1.4em;
}

.ecologie h5 {
	color:#111111;
	text-transform:uppercase;
	font-weight:bold;
}

.qualiteWrapper {
	padding-left:15px;
}

.qualite-list {
}

.qualite-list li {
	list-style-position:outside;
	list-style-type:disc;
	padding:5px;
	padding-left:0px;
	background:url(../images/hairline2.gif) repeat-x bottom;
}

.qualite-resultat {
	padding:7px;
	padding-left:20px;
	font-weight:bold;
	border-bottom: 1px solid #8dadb3;
}

.topimages {
	padding-top:7px;
}

.topimages li {
	float:left;
	padding-left:19px;
	padding-right:19px;
}

#googlemap {
	width:640px;
	height:420px;
}

.nopic {
	padding-top:40px;
	/*background:url(../images/nopic.jpg) repeat-x bottom;*/
}

#contactLeft {
	width:266px;
	border-top:none;
	float:left;
}

#splashLeftBorder {
	border:1px solid #8dadb3;
}

#contactRight {
	width:695px;
	float:right;
	position:relative;
}

#contactHeader {
	width:395px;
	height:63px;
	background:url(../images/contact-header.jpg) no-repeat;
	color:#252525;
	padding-top:170px;
	padding-left:150px;
	padding-right:150px;
	text-align:center;
	font-size:0.7em;
}

#contactHeader-nl {
	width:395px;
	height:63px;
	background:url(../images/contact-header-nl.jpg) no-repeat;
	color:#252525;
	padding-top:170px;
	padding-left:150px;
	padding-right:150px;
	text-align:center;
	font-size:0.7em;
}

#contactWrapper {
	background:url(../images/contactWrapper.jpg) no-repeat;
	width:980px;
	height:353px;
}

#contactMerciWrapper {
	background:url(../images/contactMerci.jpg) no-repeat;
	width:980px;
	height:353px;
}

#coordinates {
	float:left;
	width:285px;
	height:272px;
	font-size:0.7em;
}

#coordonnees {
	padding:10px;
	height:218px;
	overflow:auto;
}

#coordonnees label {
	float:left;
}

#coordonnees .field-container {
	float:right;
	padding-bottom:7px;
}

#coordonnees input {
	width:150px;
}

.coordonnees-title {
	background:url(../images/coordonnees.jpg) no-repeat;
	width:285px;
	height:34px;
}

.contactgegevens-title {
	background:url(../images/contactgegevens.jpg) no-repeat;
	width:285px;
	height:34px;
}


.coordonnees-title span, .contactgegevens-title span {
	display:none;
}

#form {
	float:left;
	width:695px;
	font-size:0.75em;
	color:#252525;
	position:relative;
}

#form label {
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:10px;
}

#form .field-container div {
	padding-top:3px;
	padding-bottom:3px;
}

#form .field-container label {
	text-transform:none;
	font-size:1em;
	font-weight:normal;
	padding-left:10px;
	padding-bottom:0px;
}

#form .imageupload {
	position:absolute;
	bottom:14px;
	right:0px;
	background:#FFF;
	opacity:0.9;
	padding:5px;
}

#form .genre {
	width:150px;
	height:203px;
	float:left;
	padding:10px;
}
#form .materiaux {
	width:93px;
	height:203px;
	float:left;
	padding:10px;
}
#form .finitions {
	width:238px;
	height:203px;
	float:left;
	padding:10px;
}
#form .immeuble {
	width:133px;
	height:203px;
	float:left;
	padding:10px;
}

.formtitle {
	width:695px;
	height:26px;
	padding-top:8px;
	text-align:center;
	color:#FFF;
}

.urgence {
	padding-left:10px;
	color:#FFF;
}

.form-text-left {
	float:left;
	padding:20px;
	font-size:0.60em;
	color:#FFF;
	width:230px;
}

.field-error-message {
	color:#F00;
}

.submit {
	padding-top:20px;
	float:right;
}

.submitbutton {
	background:#FFF;
	border:none;
	color:#000;
	font-size:0.85em;
	padding-left:30px;
	padding-right:30px;
	cursor:pointer;
}

#certifications {
	background:url(../images/certifications.jpg) no-repeat;
	padding-left:150px;
	padding-right:50px;
	width:350px;
	padding-top:10px;
	height:82px;
	font-size:0.8em;
}

#certifications li {
	list-style-type:disc;
	list-style-position:outside;
}

.testimonial-top {
	font-weight:bold;
	padding:5px;
	font-size:0.9em;
}

.testimonial-middle {
	padding:5px;
	font-size:0.9em;
}

.testimonial-middle span {
	text-decoration:underline;
}

.testimonial-bottom {
	padding-left:50px;
	padding-right:50px;
	text-align:center;
	color:#7ca1a8;
	padding-top:15px;
}

#menu li a.testimonial-menu {
	background:url(../images/testimonial-menu.gif) no-repeat;
	background-position:0px 0px;
	color:#db002f;
}

#menu li a.testimonial-menu:hover {
	background-position:0px 0px;
}

.infowindow-left {
	float:left;
	padding:5px;
}

.infowindow-right {
	float:left;
	padding:5px;
}

.infowindow {
	font-size:0.75em;
}

.infowindow h2 {
	font-size:1.3em;
	text-transform:uppercase;
}

.imageupload-text {
	font-size:0.85em;
	padding:2px;
}

ul.homelist {
	font-size:0.65em;
	padding-left:30px;
	padding-top:5px;
	padding-right:10px;
}

ul.homelist li {
	list-style-position:outside;
	list-style-type:disc;
	line-height:1.3em;
}