/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; overflow: auto; }
body { font-size: 62.5%; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; color:#e2001a; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; color:#e2001a; }
a.inv:link, a.inv:visited { text-decoration: none; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: underline; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

a:link, a:visited {
}
a:visited {
}
a:link:hover, a:visited:hover {
}


body {
	text-align: center;
	background: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	color: #666666;
	position: relative;
	height: 100%;
}
body {
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 100%;
	background-color: #300000;
	background-image: url("/images/habillage/fond.jpg");
}
#page {
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 990px;
	position: relative;
}


#top {
	position: relative;
	height: 136px;
	background-color: #FFFFFF;
}
	#logo {
		position: absolute;
		padding: 10px 0 0 8px;
		width: 132px;
		height: 81px;
		text-indent:-1000px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 100%;
			height: 100%;
		}
			#logo a:link span, #logo a:visited span {
				background: url(../../images/logo-batir.png) no-repeat 0 0;
			}

	#header {
		float: right;
		height: 104px;
	}

	#butPromotions {
		clear: left;
		float: left;
		width: 160px;
		height: 26px;
		padding: 6px 0 0 6px;
		background: url(../../images/search-bg.gif) repeat-x 0 0;
	}
		#butPromotions a:link, #butPromotions a:visited {
			float: right;
			display: block;
			width: 145px;
			height: 22px;
		}
			#butPromotions a:link span, #butPromotions a:visited span {
				background: url(../../images/t-promotions.png) no-repeat 0 0;
			}
	#menu {
		float: left;
		position: relative;
		width: 596px;
		height: 32px;
	}
		#menu ul {
			float: left;
			width: 100%;
			line-height: 32px;
			padding: 0;
			overflow: visible;
		}
			#menu li {
				float: left;
				display: block;
				position: relative;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					width: 119px;
					color: #ffffff;
					text-decoration: none;
					background: url(../../images/but.png) no-repeat 0 0;
				}
					#menu li a:link span, #menu li a:visited span {
						display: block;
						text-indent: -1000em;
					}
				#menu li a:link:hover, #menu li a:visited:hover,
				#menu li.active a:link, #menu li.active a:visited {
				}
				#menu li.i1 a:link, #menu li.i1 a:visited { background-position: 0 0; }
				#menu li.i1 a:link:hover, #menu li.i1 a:visited:hover,
				#menu li.i1 a.active:link, #menu li.i1 a.active:visited { background-position: 0 -32px; }
				#menu li.i2 a:link, #menu li.i2 a:visited { background-position: -119px 0; }
				#menu li.i2 a:link:hover, #menu li.i2 a:visited:hover,
				#menu li.i2 a.active:link, #menu li.i2 a.active:visited { background-position: -119px -32px; }
				#menu li.i3 a:link, #menu li.i3 a:visited { background-position: -238px 0; }
				#menu li.i3 a:link:hover, #menu li.i3 a:visited:hover,
				#menu li.i3 a.active:link, #menu li.i3 a.active:visited { background-position: -238px -32px; }
				#menu li.i4 a:link, #menu li.i4 a:visited { background-position: -357px 0; width: 120px; }
				#menu li.i4 a:link:hover, #menu li.i4 a:visited:hover,
				#menu li.i4 a.active:link, #menu li.i4 a.active:visited { background-position: -357px -32px; }
				#menu li.i5 a:link, #menu li.i5 a:visited { background-position: -477px 0; }
				#menu li.i5 a:link:hover, #menu li.i5 a:visited:hover,
				#menu li.i5 a.active:link, #menu li.i5 a.active:visited { background-position: -477px -32px; }

				

			#menu li ul {
				float: none;
				position: absolute;
				left: -1000em;
				top: 32px;
				width: 120px;
				font-size: 91.67%;
				padding: 0 0;
				line-height: 1.1;
				height: auto;
				background: #e51919;
				z-index:101;
			}
			#menu li:hover ul,
			#menu li.active ul {
				left: 0;
			}
				#menu li li {
					float: none;
					width: 100%;
				}
					#page #menu li li a:link, #page #menu li li a:visited {	
						float: none;
						width: 102px;
						padding: 6px 10px;
						color: #FFFFFF;
						font-weight: normal;
						background: url(../../images/line-h1.gif) no-repeat 50% 0;
					}
					#page #menu li li a:link:hover, #page #menu li li a:visited:hover {
						background-color: #717171;
					}
	
	#fb {
		float: left;
		text-align: right;
		width: 149px;
		padding: 7px 0 0 17px;
		height: 25px;
		background: url(../../images/fb-bg.gif) no-repeat 0 0;
	}
	
	#newsletter {
		float: left;
		width: 211px;
		padding: 7px 0 0 17px;
		height: 25px;
		background: url(../../images/search-bg.gif) repeat-x 0 0;
	}
		#newsletter * {
			float: left;
			margin: 3px 7px 0 0;
		}
		#newsletter label {
			line-height: 16px;
			width: 61px;
			height: 16px;
		}
			#newsletter label span {
				margin: 0;
				background: url(../../images/t-newsletter.png) no-repeat 0 0;
			}
		#newsletter input.text {
			font-size: 91.67%;
			width: 90px;
			padding: 1px 5px;
			color: #999999;
			margin-top: 0;
		}
		#newsletter input.img {
		}


#wrap {
	clear: both;
	width: 100%;
	overflow: hidden;
	background: url(../../images/side-bg.gif) repeat-y 0 0;
	background-color: #FFFFFF;
}
	#content {
		float: right;
		width: 819px;
		padding: 0 0 5px 5px;
	}
		#content h1 {
			clear: both;
			font-size: 116.67%;
			color: #ffffff;
			font-weight: bold;
			line-height: 1.2;
			margin: 0 0 .5em;
			text-transform: uppercase;
			background-color: #e2001a;
			height: 25px;
			padding: 8px 0px 0px 10px;
		}
		#content h2 {
			font-size: 91.67%;
			font-weight: bold;
			margin: 0 0 1em;
		}
		#content h3 {
			font-size: 100%;
			font-weight: bold;
		}

		#content p {
			margin-bottom: 1em;
			font-size: 91.67%;
		}
	#side {
		float: left;
		width: 165px;
		padding: 1px 0 0;
	}


.menuSide {
}
	.menuSide li {
		margin: 0 0 1px;
	}
		.menuSide li a:link, .menuSide li a:visited {
			position: relative;
		}
			.menuSide li a:link span, .menuSide li a:visited span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
			}
#menu2 {
	margin: 0 0 5px;
}
	#menu2 li {
	}
		#menu2 li a:link, #menu2 li a:visited {
			display: block;
			width: 100%;
			height: 24px;
		}
			#tCuisines a:link span, #tCuisines a:visited span {
				background: #ee5819 url(../../images/t-cuisines.png) no-repeat 95% 50%;
			}
			#tServices a:link span, #tServices a:visited span {
				background: #ee5819 url(../../images/t-services.png) no-repeat 95% 50%;
			}
			#tPlan a:link span, #tPlan a:visited span {
				background: #ee5819 url(../../images/t-plan.png) no-repeat 95% 50%;
			}

			#tPresentation a:link span, #tPresentation a:visited span {
				background: #ee5819 url(../../images/t-presentation.png) no-repeat 95% 50%;
			}
			#tMarque a:link span, #tMarque a:visited span {
				background: #ee5819 url(../../images/t-marque.png) no-repeat 95% 50%;
			}
			#tEngagements a:link span, #tEngagements a:visited span {
				background: #ee5819 url(../../images/t-engagements.png) no-repeat 95% 50%;
			}
			#tActualites a:link span, #tActualites a:visited span {
				background: #ee5819 url(../../images/t-actualites.png) no-repeat 95% 50%;
			}
			#tCartePro a:link span, #tCartePro a:visited span {
				background: #ee5516 url(../../images/t-cartepro.png) no-repeat 95% 50%;
			}
			#tServicesPro a:link span, #tServicesPro a:visited span {
				background: #ee5516 url(../../images/t-servicespro.png) no-repeat 95% 50%;
			}
			

#menu3 {
}
	#menu3 li {
		padding: 5px 5px 3px 5px;
		width: 155px;
		overflow: hidden;
	}
		#menu3 li a:link, #menu3 li a:visited 
		{
			border: 0;
			float: right;
			display: block;
		}
	#tBricolage { background: #e51919; }
		#tBricolage a.linkimage:link, #tBricolage a.linkimage:visited
		{
			border: 0;
			width: 100%;
			height: 100%;
		}
		#tBricolage a:link, #tBricolage a:visited {
			width: 76px;
			height: 20px;
		}
			#tBricolage a:link span, #tBricolage a:visited span {
				background: url(../../images/t-bricolage.png) no-repeat 0 0;
			}
	#tMateriaux { background: #717171; }
		#tMateriaux a.linkimage:link, #tMateriaux a.linkimage:visited
		{
			border: 0;
			width: 100%;
			height: 100%;
		}
		#tMateriaux a:link, #tMateriaux a:visited {
			width: 77px;
			height: 20px;
		}
			#tMateriaux a:link span, #tMateriaux a:visited span {
				background: url(../../images/t-materiaux.png) no-repeat 0 0;
			}
	#tJardin { background: #a6be04; }
		#tJardin a.linkimage:link, #tJardin a.linkimage:visited{
			width: 100%;
			height: 100%;
		}
		#tJardin a:link, #tJardin a:visited {
			width: 50px;
			height: 20px;
		}
			#tJardin a:link span, #tJardin a:visited span {
				background: url(../../images/t-jardin.png) no-repeat 0 0;
			}
	#tServicesMain { background: #ee5214; }
		#tServicesMain a.linkimage:link, #tServicesMain a.linkimage:visited{
			width: 100%;
			height: 100%;
		}
		#tServicesMain a:link, #tServicesMain a:visited {
			width: 95px;
			height: 20px;
		}
			#tServicesMain a:link span, #tServicesMain a:visited span {
				background: url(../../images/t-services.png) no-repeat 0 0;
			}
#menu4 {
}
	#menu4 li {
		padding: 0;
		width: 165px;
		overflow: hidden;
	}
		#menu4 li a:link, #menu4 li a:visited {
			display: block;
		}
	#tEquipementPro { background: #FFFFFF; }
		#tEquipementPro a:link, #tEquipementPro a:visited {
			width: 165px;
			height: 100px;
		}
			#tEquipementPro a:link span, #tEquipementPro a:visited span {
				background: url(../../images/t-equipementpro.png) no-repeat 0 0;
			}
	#tMateriauxPro { background: #FFFFFF; }
		#tMateriauxPro a:link, #tMateriauxPro a:visited {
			width: 165px;
			height: 100px;
		}
			#tMateriauxPro a:link span, #tMateriauxPro a:visited span {
				background: url(../../images/t-materiauxpro.png) no-repeat 0 0;
			}
	#tBoisPro { background: #FFFFFF; }
		#tBoisPro a:link, #tBoisPro a:visited {
			width: 165px;
			height: 100px;
		}
			#tBoisPro a:link span, #tBoisPro a:visited span {
				background: url(../../images/t-boispro.png) no-repeat 0 0;
			}
			
#page #path {
	background: #e5e5e5 url(../../images/content-t.gif) repeat-x 0 0;
	margin: 0 0 5px -5px;
	padding: 8px 10px;
	color: #666666;
	font-size: 83.33%;
}
	#path a:link, #path a:visited {
		color: #e2001a;
		padding: 0 8px 0 0;
		background: url(../../images/bullet-1.gif) no-repeat 100% 50%;
	}
	#path a.last:link, #path a.last:visited {
		color: #e2001a;
		padding: 0;
		background: none;
	}


#bot {
	clear: both;
	position: relative;
	height: 30px;
	background: url(../../images/footer-bg.png) repeat-x 0 0;
}
	#links1 {
		overflow: hidden;
		text-align: right;
		font-size: 83.33%;
		line-height: 22px;
		padding: 0 10px;
		color: #FFFFFF;
		padding-right: 30px;
	}
		#links1 a:link, #links1 a:visited {
			color: #FFFFFF;
		}
		
		#links1 img
		{
			vertical-align: top;
			margin-left: 10px;
		}


fieldset {
	border: none;
	clear: left;
}
	fieldset ul {
		width: 100%;
		overflow: hidden;
	}
	#page fieldset li {
		padding: 5px 0;
		width: 100%;
		overflow: hidden;
	}
		fieldset label {
			display: block;
			float: left;
			width: 90px;
		}
		fieldset input.text, fieldset textarea {
			background: #FFFFFF url(../../images/input-1.png) no-repeat 0 0;
			border: inset 1px ButtonFace;
			width: 282px;
			padding: 2px 5px;
			float: left;
		}
		fieldset input.texterror, fieldset textarea.texterror {
			border: 1px dotted red;
			background-color: yellow;
		}
		fieldset textarea {
			background: url(../../images/input-2.gif) repeat-y 0 0;
			width: 282px;
			padding: 3px 5px;
		}
		fieldset ul.chk {
			float: left;
			width: 300px;
		}
		fieldset ul.chk2 {
			width: 100%;
			font-size: 91.67%;
		}
			#page fieldset ul.chk li {
				float: left;
				width: auto;
				padding: 0;
				margin: 0 5px 0 0;
			}
				fieldset ul.chk li label {
					width: auto;
					line-height: 1.6;
				}
				fieldset ul.chk li input {
					float: left;
				}
	#page fieldset li.but {
		text-align: right;
		position: relative;
	}
		fieldset li.but input.submit {
			float: right;
			background-color:#EE5819;
			border: none;
			color: #FFFFFF;
			width: 117px;
			height: 27px;
			font-size: 91.67%;
			text-transform: uppercase;
			margin-right:115px;
		}
		#backbutton {
			background-color:#EE5819;
			border: none;
			color: #FFFFFF;
			width: 117px;
			height: 27px;
			font-size: 91.67%;
			text-transform: uppercase;
			margin:10px;
		}
		#page fieldset li.but span {
			position: absolute;
			left: 0px;
			top: 5px;
			text-align: left;			
		}


/*-------
// homepage
//-----*/

#hpCols {
	width: 100%;
	overflow: hidden;
}
	#hpCols .col {
		float: left;
	}
	#hpCols .last {
		margin: 0;
	}
	#hpCols .col1 {
		width: 545px;
		/*height: 360px;*/
		padding: 0;
		margin-right: 5px;
		/*background: url(../../images/img-11.jpg) no-repeat 0 0;*/
		background-color:#e5e5e5;
		color: #FFFFFF;
		font-size: 150%;
		font-family: Impact, sans-serif;
		line-height: 0.95;
	}
		#hpCols .col1 h2 {
			font-size: 183%;
			margin: 0 0 20px;
		}
		#hpCols .col1 a:link, #hpCols .col1 a:visited {
			color: #FFFFFF;
		}
	#hpCols .col2 {
		width: 269px;
	}
		/* ============ ACCUEIL ================ */
		/*.box1 {
			background: url(../../images/box-1.png) no-repeat 0 0;
			padding: 40px 40px 10px 15px;
			margin: 0 0 5px;
			height: 125px;
		}
			.box1 h3 {
				color: #cc0000;
				font-weight: bold;
				font-size: 100%;
				margin: 0 0 10px;
			}
			#page .box1 p {
				margin: 0 0 5px;
			}
				.box1 a:link, .box1 a:visited {
					color: #cc0000;
				}
		.box2 {
		}
			.box2 img {
				border: solid 5px #9e6a37;
			}*/
		
		.box2 
		{
			margin-top: 5px;
		}
		
		/* ============ ZONE PRO ================ */
		#box11 {
			padding: 0;
			margin: 0pt 0pt 5px;
		}
		#box22 {
		}



/*-------
// engagements
// ------*/

.cols1 {
	width: 100%;
	overflow: hidden;
}
	.cols1 .col {
		float: left;
		margin-right: 9px;
	}
	.cols1 .last {
		margin: 0;
	}
	.cols1 .col1 {
		width: 650px;
	}
	
	.cols1 .col1 p, .cols1 .col1 h2{
		padding-left: 5px;
	}

.list1 {
	float: left;
	width: 400px;
	height: 205px;
	padding: 25px 25px;
	margin: 0 0 10px;
	background: #e2001a;
	color: #FFFFFF;
	font-family: Impact, sans-serif;
	font-size: 150%;
	letter-spacing: .075em;
}
	.list1 li {
		padding: 0 0 0 20px;
		margin: 0 0 20px;
		background: url(../../images/bullet-2.gif) no-repeat 0 .15em;
	}



/*-------
// standard
// ------*/

.cols2, .cols1 .img {
	width: 100%;
	overflow: hidden;
	background: url(../../images/rayure.gif) repeat-x 0 265px;
	padding-bottom: 5px;
}
	.cols2 .col {
		float: left;
		margin-right: 7px;
	}
	.cols2 .last {
		margin: 0;
	}
	.cols2 .col1 {
		width: 256px;
	}
	.cols2 .col2 {
		width: 194px;
	}
		.cols2 .col2 img {
			margin-bottom: 5px;
		}
	.cols2 .last {
		width: 185px;
	}


.list2 {
	float: left;
	width: 300px;
	overflow: hidden;
	margin: 0 10px 20px 0;
	padding-left: 5px;
}
	.list2 li {
		float: left;
		width: 135px;
		font-weight: bold;
		list-style: disc;
		margin: 0 0 0 15px;
	}

.list3 {
	float: left;
	width: 400px;
	overflow: hidden;
	margin: 0 10px 20px 0;
	padding-left: 5px;
}
	.list3 li {
		float: left;
		font-weight: bold;
		list-style: disc;
		margin: 0 0 0 15px;
		padding-bottom: 10px
	}


/*-------
// contact
//-----*/
.SuccessMessage
{
	padding: 0px;
	background-color: #f2f1f6;
	width: 386px;
	text-align: center;
	margin: 5px 0px:
}
.ErrorMessage 
{
	background-color: #E5E5E5;
	text-align: left;
	padding: 5px 15px;
	width: 355px;
	margin: 5px 0px;
}

/*-------
// Actualites et Recrutements
//-----*/

#actualites, #recrutements
{
	margin: 10px;
}

#actualites h3,
#recrutements h3
{
	color: #e2001a;
	font-weight: bold;
	clear: both;
}

.actucontent
{
	margin: 10px 0;
}
.actuvisuel
{
	float:left;
	width: 105px;
}
.actutexte
{
	float:right;
	width: 515px;
}
#content #actualites .breakactu,
#content .breakactu,
#content .breakgeneric
{
	clear: both;
	background: url(../../images/rayure.gif) repeat-x 0 10px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#flashcontent 
{
	margin-top : 5px;
}

/*-------
// Formulaire Jeu
//-----*/

/*#hpCols div#fjc.col1 {height:543px;}
div#fjc { background: url(../../images/for  mjeu.jpg) no-repeat; width: 543px; height: 543px; }
div#fjc div#formjeu {	padding : 254px 25px 5px 25px ;}
div#fjc div#formjeu legend { padding: 8px 3px; margin-left:10px; font-weight:bold; text-transform:uppercase; }
div#fjc div#formjeu fieldset { }
div#fjc div#formjeu fieldset div { padding: 3px 5px; }
div#fjc div#formjeu div.champsForm { font-size:10px; }
div#fjc div#formjeu div.validerBtn {float:right;}
div#fjc div.reglementForm{font-size: 10px;float:left;margin: 10px 0 0 0;}
div#fjc fieldset label {display: inline; float: none; width: auto;}
div#fjc fieldset input.text {width: auto; float: none;}
#hpCols div#fjc.col1 a:link, #hpCols div#fjc.col1 a:visited { color: #E2001A; }
#hpCols div#fjc.col1 { color: #000000; font-family: Arial,sans-serif; font-size: 100%; line-height: 1;}
div#fjc fieldset input.submit {
background-color: #EE5819;
	border: medium none;
	color: #FFFFFF;
	float: right;
	font-size: 91.67%;
	height: 27px;
	#margin-right: 115px;
	text-transform: uppercase;
	width: 117px;
}*/

div#fjc div#formjeu * {	font-family:Arial, Helvetica, sans-serif;font-size:11px;padding:0;margin:0;color:#c8a077;}
div#fjc div#formjeu p {	margin:8px 0;}
div#fjc div#formjeu  {width:544px;height:392px;background:url(../../images/jeu-background.jpg) no-repeat;position:relative;}
div#fjc div#formjeu form {position:absolute;width:460px;height:162px;left:33px;top:180px;padding:2px 10px;}
div#fjc div#formjeu  .legend {color:#FFF;font-size:10px;position:absolute;left:-5px;top:174px;}
div#fjc div#formjeu input {color:#000;border:none;padding:2px 3px;}
div#fjc div#formjeu a input.submit { position:absolute; width:79px; height:24px; background:url(../../images/jeu-submit.gif) no-repeat; bottom:10px; right:10px; cursor:pointer; }
div#fjc div#formjeu a:link, div#fjc div#formjeu a:visited { text-decoration: underline; }
div#fjc div#formjeu a:hover input.submit { background-position:0 -24px; }
div#fjc div#formjeu #lnkLots {position:absolute; top:50px; left:420px; width:100px; height:100px;}
div#fjc div#formjeu #lnkLots a {width:100px; height:100px;}

/* Jeu resultats */
#results * {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	color: #000000;
}
#results {
	width:535px;
	background:#967359;
}
#results .tab_results {
	width:475px;
	height:234px;
	background:url(../../images/jeu-results_table.jpg) no-repeat;
	padding:40px 30px 20px 30px;
	position:relative;
}
#results .tab_results .title {
	display:block;
	width:100%;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	height:24px;
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	padding-top:8px;
}
#results .tab_results table {
	width:100%;
	border:none;
}
#results .tab_results table td {
	width:50%;
	height:40px;
}