/* @override 
	http://ideva-beton-provincial/application/lib/css/main.css
	http://ideva-beton/application/lib/css/main.css
*/

html {
	overflow-y: scroll;
}

body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 9px;
	line-height: 1.4em;
	min-width: 800px;
	text-align: center;
	background: url(../images/background.png) repeat-x #c2c1bc;
	color: #3e4035;
}


#stub {
	position: absolute;
	height: 1px;
	width: 1px;
	z-index: 10;
}

#equipment {
	margin: 0;
	padding: 0;
	width: 100px;
	padding-left: 40px;
	padding-top: 50px;
}

#search {
	position: absolute;
	z-index: 10;
	top: 160px;
	left: 36px;
	width: 158px;
	height:  20px;
}

#search input.field {
	border: 0;
	font-size: 10px;
	width: 130px;
	background-color: #eae7d5;
	float: left;
}

#search a.go {
	display: block;
	width: 26px;
	height: 16px;
	background: url(../images/go-button.png) no-repeat left top;
	float: right;
}

#search a.go:hover {
	background-image: url(../images/go-button-rollover.png);
	text-decoration: none;
}

/* @group Page Layout */

#center-container {
	font-size: 1.2em;
	margin: auto;
	position: relative;
	text-align: left;
	width: 790px;
}

#main-container {
	background: url(../images/background-content.png) repeat-y;
}

#container {
	width: 774px;
	margin-left: 6px;
	background-color: white;
	padding-bottom: 4px;
}

#top-header {
	height: 38px;
	background: url(../images/top-menu-fr.png) no-repeat;
}

.en #top-header {
	background: url(../images/top-menu-en.gif) no-repeat;
}

/*#header {
	height: 288px;
	background: url(../images/header.jpg) no-repeat;
}*/

#accueil #header {
	background: url(../images/defi-pierre-lavoie.jpg) no-repeat;
}
#accueil #header a {
	background: url(../images/btnGalerie.gif) no-repeat;
}
#accueil #headeren {
	background: url(../images/defi-pierre-lavoie-en.jpg) no-repeat;
}
#accueil #headeren a {
	background: url(../images/btnGalerie-en.gif) no-repeat;
}
#accueil #header, #accueil #headeren {
	height: 288px;
	position:relative;
}
#accueil #header a, #accueil #headeren a {
	position:absolute;
	top:266px;
	left:397px;
	display:block;
	width:134px;
	height:17px;
	text-indent:-9999px;
}
#accueil #header .others, #accueil #headeren .others {
	display:none;
}

#menu-bar {
	margin-left: 7px;
	width: 760px;
	height: 23px;
	background: url(../images/menu-fr.png) no-repeat;
}

.en #menu-bar {
	background: url(../images/menu-en.gif) no-repeat;
}

#content, #content-home {
	margin-left: 6px;
	width: 762px;
	background-color: #fafaf7;
	padding-bottom: 6px;
}

#pre-footer {
	background: url(../images/background-content-bottom.png) no-repeat;
	height: 12px;
}

#footer {
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1.5px;
	margin-right: 8px;
	color: #7C7C77;
}

#footer span {
	margin-top:15px;
	font-size:11px;
	letter-spacing:0px;
}

#footer a {
	color: #7c7c77;
}

/* @end */


/* @group Menus - Top Header */

#top-header ul li {
	float: left;
	list-style-type: none;
	height: 38px;
}

#top-header ul li a {
	display: block;
	height: 38px;
	text-decoration: none;
}

#top-header ul li a:hover {
}

a#top-menu-accueil {
	width: 62px;
}

a#top-menu-accueil:hover {
	background-image: url(../images/top-menu-fr-rollover.png);
}

.en a#top-menu-accueil {
	width: 47px;
}

.en a#top-menu-accueil:hover {
	background-image: url(../images/top-menu-en.gif);
	background-position:0 -38px;
}

a#top-menu-profil {
	width: 48px;
}

a#top-menu-profil:hover {
	background: url(../images/top-menu-fr-rollover.png) -62px;
}

.en a#top-menu-profil {
	width: 55px;
}

.en a#top-menu-profil:hover {
	background: url(../images/top-menu-en.gif) -47px -38px;
}

a#top-menu-doc {
	width: 101px;
}

a#top-menu-doc:hover {
	background: url(../images/top-menu-fr-rollover.png) -110px;
}

.en a#top-menu-doc {
	width: 76px;
}

.en a#top-menu-doc:hover {
	background: url(../images/top-menu-en.gif) -102px -38px;
}

a#top-menu-jobs {
	width: 69px;
	margin-right: 257px;
}

a#top-menu-jobs:hover {
	background: url(../images/top-menu-fr-rollover.png) -211px;
}

.en a#top-menu-jobs {
	width: 58px;
	margin-right: 334px;
}

.en a#top-menu-jobs:hover {
	background: url(../images/top-menu-en.gif) -178px -38px;
}

a#top-menu-plan {
	width: 86px;
}

a#top-menu-plan:hover {
	background: url(../images/top-menu-fr-rollover.png) -537px;
}

.en a#top-menu-plan {
	width: 62px;
}

.en a#top-menu-plan:hover {
	background: url(../images/top-menu-en.gif) -570px -38px;
}

a#top-menu-join {
	width: 89px;
}

a#top-menu-join:hover {
	background: url(../images/top-menu-fr-rollover.png) -623px;
}

.en a#top-menu-join {
	width: 76px;
}

.en a#top-menu-join:hover {
	background: url(../images/top-menu-en.gif) -632px -38px;
}

a#top-menu-english {
	width: 62px;
}

a#top-menu-english:hover {
	background: url(../images/top-menu-fr-rollover.png) -712px;
}

.en a#top-menu-english {
	width: 66px;
}

.en a#top-menu-english:hover {
	background: url(../images/top-menu-en.gif) -708px -38px;
}




/* @end */

/* @group Menus - Menu Bar */

#menu-bar ul li {
	float: left;
	list-style-type: none;
}

#menu-bar ul li a {
	display: block;
	height: 23px;
	text-decoration: none;
}

a#menu-beton-prepare {
	width: 118px;
	background: url(../images/menu-fr.png) -187px;
	margin-left: 187px;
}

a#menu-beton-prepare:hover {
	background: url(../images/menu-fr-rollover.png) -187px;
}

.en a#menu-beton-prepare {
	width:146px;
	background: url(../images/menu-en.gif) -187px 0;
}

.en a#menu-beton-prepare:hover {
	background: url(../images/menu-en.gif) -187px -23px;
}

a#menu-beton-prefabrique {
	width: 144px;
	background: url(../images/menu-fr.png) -305px;
}

a#menu-beton-prefabrique:hover {
	background: url(../images/menu-fr-rollover.png) -305px;
}

.en a#menu-beton-prefabrique {
	width: 120px;
	background: url(../images/menu-en.gif) -333px 0;
}

.en a#menu-beton-prefabrique:hover {
	background: url(../images/menu-en.gif) -333px -23px;
}

a#menu-beton-bitumineux {
	width: 133px;
	background: url(../images/menu-fr.png) -449px;
}

a#menu-beton-bitumineux:hover {
	background: url(../images/menu-fr-rollover.png) -449px;
}

.en a#menu-beton-bitumineux {
	width: 121px;
	background: url(../images/menu-en.gif) -454px 0;
}

.en a#menu-beton-bitumineux:hover {
	background: url(../images/menu-en.gif) -454px -23px;
}

a#menu-concassage-et-granulat {
	width: 177px;
	background: url(../images/menu-fr.png) -582px;
}

a#menu-concassage-et-granulat:hover {
	background: url(../images/menu-fr-rollover.png) -582px;
}

.en a#menu-concassage-et-granulat {
	width: 186px;
	background: url(../images/menu-en.gif) -575px 0;
}

.en a#menu-concassage-et-granulat:hover {
	background: url(../images/menu-en.gif) -575px -23px;
}

/* @end */

/* @group Sub Menu */

#submenu {
	float: left;
}

#submenu ul {
	padding: 20px 0 0 10px;
}

#submenu ul li {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-left: 8px;
	background: url(../images/bullet.gif) no-repeat 0 13px;
}

#submenu ul li a {
	display: block;
	width: 140px;
	padding: 10px 10px 10px 6px;
	text-decoration: none;
	color: #3e4035;
	text-transform: uppercase;
	font: bold 9px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#submenu ul li a:hover {
	color: white;
}

/* @end */




/* @group Main Page */

div#motto {
	height: 100px;
	background: url(../images/activities-fr.jpg) no-repeat;
}

.en div#motto {
	background: url(../images/activities-en.jpg) no-repeat;
}

div#motto p {
	display: block;
	position: relative;
	top: 54px;
	left: 193px;
	width: 480px;
	font: bold 16px Arial, Helvetica, Geneva, sans-serif;
}

div#motto p em {
	font: normal 11px Arial, Helvetica, Geneva, sans-serif;
}

div#motto a {
	color: inherit;
}

div#address {
	width: 100%;
	background-color: #ebebe9;
	height: 31px;
	line-height: 31px;
	text-transform: uppercase;
	margin-top: 10px;
}

div#address p {
	margin-left: 16px;
}

#activities {
	float: left;
	width: 760px;
	margin-left: 8px;
}

#activities a p {
	display: block;
	width: 150px;
	height: 56px;
	margin-top: -35px;
	margin-left: 14px;
	font: 10px Arial;
}

#activities a:hover {
	text-decoration: none;
}

#activities a span {
	display: block;
	width: 160px;
	margin-left: 14px;
	text-transform: uppercase;
	margin-top: 25px;
	
	background: url(../images/orange-arrow.png) no-repeat right bottom;
}

#activities li {
	display: block;
	width: 150px;
	float: left;
	padding-right: 37px;
	color: #EC7C36;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
}

#activities li#third {
	margin-left: 8px;
}

#activities li#fourth {
	margin-left: 8px;
	width: 146px;
	padding-right: 0;
}

#activities li a {
	color: inherit;
	width: 160px;
	margin-top: 8px;
}

/*@end */







.debug {
	color: yellow;
	background-color: black;
}



/*
** Sub Pages
*/

#header-mini {
	height: 104px;
	margin: 7px;
}
#ready-mixed #header-mini, #beton-prepare #header-mini { background-image: url(../images/banner-beton-01.jpg); }
#prefab 		#header-mini, #beton-prefabrique #header-mini { background-image: url(../images/banner-beton-02.jpg); }
#bituminous 	#header-mini, #beton-bitumineux #header-mini { background-image: url(../images/banner-beton-03.jpg); }
#aggregates 	#header-mini, #concassage-et-granulat 	#header-mini { background-image: url(../images/banner-beton-04.jpg); }


#random-01 #header-mini { background-image: url(../images/banner-01.jpg); }
#random-02 #header-mini { background-image: url(../images/banner-02.jpg); }
#random-03 #header-mini { background-image: url(../images/banner-03.jpg); }
#random-04 #header-mini { background-image: url(../images/banner-04.jpg); }

#random-01	#stub { background-image: url(../images/banner-01-stub.png);
	width: 127px;
	height: 29px;
	top: 16px;
	left: 333px;
}

#random-02	#stub { background-image: url(../images/banner-02-stub.png);
	width: 59px;
	height: 23px;
	top: 22px;
	left: 408px;
}

#random-03	#stub { background-image: url(../images/banner-03-stub.png);
	width: 58px;
	height: 24px;
	top: 21px;
	left: 408px;
}

#random-04	#stub { background-image: url(../images/banner-04-stub.png);
	width: 66px;
	height: 26px;
	top: 19px;
	left: 396px;
}




/#home 	#stub, #accueil 	#stub { /*background-image: url(../images/pale.png);*/
	width: 25px;
	height: 45px;
	left: 517px;
}


#ready-mixed 	#stub, #beton-prepare 	#stub { background-image: url(../images/banner-beton-01-stub.png);
	width: 96px;
	height: 21px;
	top: 24px;
	left: 431px;
}
#prefab 		#stub,#beton-prefabrique 		#stub { background-image: url(../images/banner-beton-02-stub.png); 
	width: 96px;
	height: 10px;
	top: 35px;
	left: 503px;
}
#bituminous 	#stub, #beton-bitumineux 	#stub { background-image: url(../images/banner-beton-03-stub.png); 
	width: 168px;
	height: 46px;
	top: 7px;
	left: 371px;
}
#aggregates 	#stub, #concassage-et-granulat 	#stub { background-image: url(../images/banner-beton-04-stub.png); 
	width: 131px;
	height: 26px;
	top: 19px;
	left: 391px;
}

#title {
	width: 187px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 2;
	top: 183px;
	left: 12px;
}

#ready-mixed 	#title, #beton-prepare #title { background-image: url(../images/title-beton-01-fr.png); }
#prefab 		#title, #beton-prefabrique #title { background-image: url(../images/title-beton-02-fr.png); }
#bituminous 	#title, #beton-bitumineux 	#title { background-image: url(../images/title-beton-03-fr.png); }
#aggregates 	#title, #concassage-et-granulat 	#title { background-image: url(../images/title-beton-04-fr.png); }

#content
{
	background: url(../images/content-background.jpg) no-repeat;
	min-height: 450px;
}

#contentWraper {
	background: url(../images/content-wraper-background.gif) repeat-y;
	margin-top: 4px;
	margin-left:6px;
}
#contentWraper #content {
	margin-left:0;
}
/*
#ready-mixed 	#content, #beton-prepare #content,
#prefab 		#content, #beton-prefabrique #content,
#bituminous 	#content, #beton-bitumineux 	#content,
#aggregates 	#content, #concaccage-et-granulat 	#content
{
	background: url(../images/content-background.jpg) no-repeat;
	margin-top: 4px;
}
*/
#sub-content  {
	font: 10px Verdana, sans-serif;
	line-height: 1.5em;
	margin-left: 220px;
	width: 520px !important;
/*	margin-right: 25px;*/
	margin-top: 22px;
}

#sub-content em {
	font-weight: bold;
}

#sub-content h2, #sub-content h3 {
	margin-top: 1em;
}

#sub-content h2 {
	color: #B74F10;
	font-size: 14px;
	font-weight: bold;
}

#sub-content h3 {
	color: inherit;
	font-size: 10px;
	font-weight: bold;
}

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

a:hover {
	text-decoration: underline;
}

#sub-content li {
	list-style-image: url(../images/bullet.gif);
	margin-left: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size:130%;
}

h1#sub-title {
	font-family: Geneva, sans-serif;
	color: #B74F10;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	margin-left: 220px;
	padding-top: 3px;
}

.phraseorange {
	color:#B74F10;
}

#sub-content p {
	margin-top: 1em;
	font-size:13px;
}

#sub-content ul ul {
	margin-left: 16px;
}

#carreer-info {
	margin-top: 2em;
	padding: 1em;
	background-color: #dbd8b8;
}

div.description {
	margin-bottom:10px;
	margin-top:5px;
	color:#3e4033;
}

.equipement ul {
	list-style:none;
}

.equipement #sub-content li {
	list-style-image:none;
	margin-left:0;
}

div.description img {
	float: left;
	margin-right: 10px;
}

p.price {
	color:#3e4033;
}

p.error {
	color: #f7923a;
}

div.gslide {
	float: right;
	width: 220px;
	clear: right;
	margin-left: 8px;
	display:inline;
}

div.gslide div {
	margin-top: 2px;
	margin-bottom: 4px;
	padding-left: 12px;
	color: white;
	font: normal 10px Verdana, sans-serif;
	line-height: 14px;
	background: #8c8872 url(../images/gallery-label.png) no-repeat 0 bottom;
}

div.gslide a {
	text-decoration: none;
	position:relative;
	border: 0;
	display:inline;
	float:left;
}


div.gslide2 {
	float: left;
	width: 220px;
	margin-left: 8px;
	display:inline;
}

div.gslide2 div {
	margin-top: 2px;
	margin-bottom: 4px;
	padding-left: 12px;
	color: white;
	font: normal 10px Verdana, sans-serif;
	line-height: 14px;
	background: #8c8872 url(../images/gallery-label.png) no-repeat 0 bottom;
}

div.gslide2 a {
	text-decoration: none;
	border: 0;
	position:relative;
	display:inline;
	float:left;
}

div.gslide2 a span, div.gslide a span {
	display:block;
	background:url(/application/lib/images/loupe.png);
	width:20px;
	height:23px;
	position:absolute;
	top:110px;
	left:195px;
	display:inline;
	cursor:pointer;
	behavior: url(/iepngfix.htc);
}

.equipement #sub-content h3 {
	font-size:15px;
	color:#85806c;
}

.equipement #sub-content li h3 {
	color:#e57b01;
	font-size:13px;
	margin-top:0;
}

.imprimer {
	background:url(../images/imprimante.gif) no-repeat 0 0;
	padding:2px 0 3px 25px;
	color:#89846e;
}

.Envoyer {
	background:url(../images/email.gif) no-repeat 0 0;
	padding:2px 0 3px 25px;
	margin-left:30px;
	color:#89846e;
}


input.send-btn {
	background: #f1efe0 url( ../images/button-continue-fr.png ) no-repeat;
	outline: none;
	vertical-align: top;
}

.en input.send-btn {
	background: #f1efe0 url( ../images/button-continue-en.png ) no-repeat;
	outline: none;
	vertical-align: top;
}

input#password {
	font-size: 12px;
}

input.send-btn:hover {
	background: #f1efe0 url( ../images/button-continue-fr.png ) no-repeat 0 -22px;
}

.en input.send-btn:hover {
	background: #f1efe0 url( ../images/button-continue-en.png ) no-repeat 0 -22px;
}

#crumbs {
	margin-left: 198px;
	position: absolute;
	margin-top: 4px;
	font-size: 9px;
}

.col {
	display:block;
	float:left;
	width:351px;
}