/* @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;
	color: #3e4035;
}
body#accueil {
	background:url(../images/homebanner.gif) repeat-x 0 156px;
}


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

#equipment {
	margin: 0;
	padding: 0;
	width: 100px;
	padding-top: 50px;
}
#equipment a {
	display:block;
	width:181px;
	height:32px;
	background-image:url(../images/equipement-fr.png);
	background-repeat:no-repeat;
}
.en #equipment a {
	background-image:url(../images/equipement-en.png);
}
#equipment a:hover {
	background-position:0 -32px;
}

#search {
	/*
	position: absolute;
	z-index: 10;
	top: 114px;
	left: 23px;
	*/
	position: relative;
	margin-top: 2em;
	width: 180px;
	height:  32px;
	background: url(../images/search.png) no-repeat left top;
}

#search input.field {
	position: absolute;
	top: 2px;
	left: 30px;
	border: 0;
	font-size: 13px;
	line-height: 22px;
	width: 128px;
	color: #767676;
}

#search a.go {
	display: block;
	width: 31px;
	height: 28px;
	position: absolute;
	top: 2px;
	right: 2px;
	background: url(../images/search.png) no-repeat -147px -2px;
	float: right;
}

#search a.go:hover {
	background: url(../images/search.png) no-repeat -147px -34px;
	text-decoration: none;
}



.pdf {
	padding:0 25px 0 0;
	background: url(../images/PDF2.gif) no-repeat right bottom;
}

#logostable {
	margin:15px 0 0 0;
}
#logostable table {
	background:#fff;
	margin:0 0 11px 0;
}
#logostable table td {
	vertical-align:middle;
	text-align:left;
}
#logostable .tdimg {
	width:147px;
}

#logostable img {
	margin:0 14px 0 0;
}
#logostable a {
	color:#000;
	padding:0 0 13px 0;
	text-decoration:none;
	font-size:10px;
}
#logostable a:hover {
	text-decoration:underline;
}

/* @group Page Layout */

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

#container {
	padding-bottom: 4px;
}

#top-header {
	height: 38px;
	background: url(../images/menubg.gif) repeat-x;
}
#top-header ul {
	background: url(../images/top-menu-fr.png) no-repeat;
	width:774px;
	margin:auto;
	display:block;
	height:38px;
}

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

#header {
	background: url(../images/homefr.jpg) no-repeat center;
	margin: auto;
}

.en #header {
	background: url(../images/homeen.jpg) no-repeat center;
}
#accueil #headeren {
	background: url(../images/defi-pierre-lavoie-en.jpg) no-repeat;
}
#accueil #header, #accueil #headeren {
	height: 280px;
	position:relative;
	margin:0 0 20px 0;
}
#accueil #header .others, #accueil #headeren .others {
	display:none;
}

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

.en #menu-bar {
	background: url(../images/menu-en.gif) no-repeat;
}
#content-home {
	position:relative;
}
#content, #content-home {
	margin-left: 6px;
	width: 762px;
	padding-bottom: 6px;
	width: 760px;
	margin: auto;
}

#footer {
	font-size: 9px;
	color: #7C7C77;
	background:url(../images/footerbg.gif);
}

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

#footer a {
	color: #7c7c77;
}
#footermenu {
	width:760px;
	margin:0 auto;
	text-transform:none;
	font-weight:bold;
}
#footer #footermenu a {
	color:#000;
	font-size:11px;
	line-height:18px;
}
#footermenucol1 {
	width:176px;
	float:left;
	padding:20px 0;
}
#footermenucol2 {
	width:121px;
	float:left;
	padding:20px 0;
}
#footermenucol3 {
	width:152px;
	float:left;
	padding:20px 0;
}
#footernorme {
	float:left;
	background:url(../images/footer-norme.gif) no-repeat;
	display:block;
	width:311px;
	height:97px;
}
.en #footernorme {
	background:url(../images/footer-norme-en.gif) no-repeat;
}
#copyright {
	width:760px;
	margin:0 auto;
	padding:0 0 15px 0;
	color:#000;
	font-size:11px;
}
#copyright a {
	color:#000;
	font-size:11px;
}

/* @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: 115px;
	background: url(../images/menu-fr.png) 0px;
}

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

.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: 141px;
	background: url(../images/menu-fr.png) -118px;
}

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

.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) -259px;
}
a#menu-enrobage-bitumineux {
	width: 133px;
	background: url(../images/menu-fr.png) -259px;
}
a#menu-beton-bitumineux:hover {
	background: url(../images/menu-fr-rollover.png) -259px;
}
a#menu-enrobage-bitumineux:hover {
	background: url(../images/menu-fr-rollover.png) -259px;
}

.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: 180px;
	background: url(../images/menu-fr.png) -392px;
}

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

a#menu-genitek {
	margin-left: 10px;
	width: 181px;
	background: url(../images/menu-fr.png) -579px;
}

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

.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;
	width:174px;
}

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

#submenu ul li {
	border-bottom-color:#f29146;
	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: #f29146;
	text-transform: uppercase;
	font: bold 9px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#submenu ul li a:hover {
}

/* @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:url(../images/adressebg.gif) repeat-x;
	height: 31px;
	line-height: 31px;
	font-weight:bold;
	font-size:12px;
	margin-top: 10px;
	color:#fff;
}

div#address p {
	display:block;
	width:760px;
	margin:auto;
}

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

#activities a p {
	width: 155px;
	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;

	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;
}

#homestars {
	margin:35px 0;
}

#homestars a {
	background-image:url(../images/homestars.jpg);
	background-repeat:no-repeat;
	height:126px;
	display:block;
	float:left;
}

.nous-joindre #starcarte {
	background-image:url(../images/homestars.jpg);
	background-repeat:no-repeat;
	height:126px;
	display:block;
	clear: right;
    float: right;
    margin:0 0 0 8px;
}

.nous-joindre #starcarteEN {
	background-image:url(../images/homestars-en.jpg);
	background-repeat:no-repeat;
	height:126px;
	display:block;
	clear: right;
    float: right;
    margin:0 0 0 8px;
}

.en #homestars a {
	background-image:url(../images/homestars-en.jpg);
}

#starcarte, #starcarteEN {
	width:245px;
	margin:0 21px 0 0;
}
#starcarte:hover, #starcarteEN:hover {
	background-position:0 -126px;
}

#starmanuel {
	width:247px;
	background-position:-245px 0;
	margin:0 23px 0 0;
}
#starmanuel:hover {
	background-position:-245px -126px;
}

#staremploie {
	width:223px;
	background-position:-493px 0;
}
#staremploie:hover {
	background-position:-493px -126px;
}

/*@end */







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



/*
** Sub Pages
*/

#header-mini {
	height: 104px;
	margin: 7px 0;
}
#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, #enrobage-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: -29px;
	left: 320px;
}

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

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

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




#content-home #stub { background-image: url(../images/pale.png);
	width: 25px;
	height: 45px;
	top:-343px;
	left: 503px;
}


#ready-mixed #stub, #beton-prepare #stub { background-image: url(../images/banner-beton-01-stub.png);
	width: 96px;
	height: 21px;
	top: -21px;
	left: 418px;
}
#prefab #stub,#beton-prefabrique #stub { background-image: url(../images/banner-beton-02-stub.png);
	width: 96px;
	height: 10px;
	top: -10px;
	left: 490px;
}
#bituminous #stub, #beton-bitumineux #stub { background-image: url(../images/banner-beton-03-stub.png);
	width: 168px;
	height: 46px;
	top: -38px;
	left: 358px;
}
#aggregates #stub, #concassage-et-granulat #stub { background-image: url(../images/banner-beton-04-stub.png);
	width: 131px;
	height: 26px;
	top: -26px;
	left: 378px;
}

.title {
	width: 187px;
	height: 55px;
	display: block;
	position: absolute;
	z-index: 2;
	top: 142px;
}

#title-beton-prepare {
	/*background-image:url(../images/title-beton-prepare.png);*/
}

#title-beton-prefabrique {
	/*background-image:url(../images/title-beton-prefabrique.png);*/
}

#title-beton-bitumineux {
	/*background-image:url(../images/title-beton-bitumineux.png);*/
}

#title-concassage-et-granulat {
	/*background-image:url(../images/title-concassage-et-granulat.png);*/
}

#title-profil {
	background-image:url(../images/title-profil.png);
}

#title-documentation  {
	background-image:url(../images/title-documentation.png);
}

#title-carrieres  {
	background-image:url(../images/title-carrieres.png);
}

#title-plan  {
	background-image:url(../images/title-plan.png);
}

#title-nous-joindre  {
	background-image:url(../images/title-nous-joindre.png);
}

#title-equipement  {
	background-image:url(../images/title-equipement.png);
}

#title-search  {
	background-image:url(../images/title-search.png);
}

#title-404 {
	background-image:url(../images/title-404.png);
}

.en #title-beton-prepare {
	background-image:url(../images/title-beton-prepare-en.gif);
}

.en #title-beton-prefabrique {
	background-image:url(../images/title-beton-prefabrique-en.gif);
}

.en #title-beton-bitumineux {
	background-image:url(../images/title-beton-bitumineux-en.gif);
}

.en #title-concassage-et-granulat {
	background-image:url(../images/title-concassage-et-granulat-en.gif);
}

.en #title-profil {
	background-image:url(../images/title-profil-en.gif);
}

.en #title-documentation  {
	background-image:url(../images/title-documentation-en.gif);
}

.en #title-carrieres  {
	background-image:url(../images/title-carrieres-en.gif);
}

.en #title-plan  {
	background-image:url(../images/title-plan-en.gif);
}

.en #title-nous-joindre  {
	background-image:url(../images/title-nous-joindre-en.gif);
}

.en #title-equipement  {
	background-image:url(../images/title-equipement-en.gif);
}

.en #title-search  {
	background-image:url(../images/title-search-en.gif);
}

.en #title-404 {
	background-image:url(../images/title-404-en.gif);
}

#content
{
	min-height: 450px;
	width:586px;
	float:left;
}

#contentWraper {
	margin-top: 4px;
}
#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: 46px;
	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: #f29145;
	font-size: 14px;
	font-weight: bold;
}

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

a {
	color: #f29145;
	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: #f29145;
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	margin-left: 46px;
	padding-top: 3px;
	font-weight:bold;
	line-height:26px;
}

.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: #7f7f7f 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: 24px;
	position: absolute;
	margin-top: 4px;
	font-size: 9px;
}
#crumbs a {
	color:#231f20;
}

.col {
	display:block;
	float:left;
	width:351px;
}
strong {
	font-weight:bold;
}
#newslist {
	margin:15px 0 0 0;
	border-top:1px solid #bcbec0;
}
#newslist .item {
	padding:15px 0;
	border-bottom:1px solid #bcbec0;
}
#newslist .left {
	width:203px;
	float:left;
}
#newslist .right {
	width:317px;
	vertical-align:middle;
	height:100%;
	float:left;
}
#newslist .item h2 {
	margin:0;
	color:#6d6e71;
	font-size:13px;
	line-height:15px;
}
#newslist .suite {
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	background:url(/img/liresuite.png) no-repeat 0 4px;
	display:inline-block;
	padding:0 0 0 17px;
	margin:6px 0 0 0;
}
#newslist p {
	color:#6d6e71;
	font-size:11px;
	line-height:15px;
	margin:6px 0 0 0;
}
.unfloat {
	clear:both;
}
#sub-content #sub-title {
	margin:0;
	padding:0;
}
#sub-content #newsinsie p {
	color:#6d6e71;
	font-size:11px;
}
#sub-content #newsinsie blockquote {
	color:#6d6e71;
	font-style:italic;
	font-size:13px;
	margin:15px 0 0 0;
}
#sub-content #newsinsie ul {
	margin:15px 0 0 0;
}
#header .wrapper {
	width:762px;
	margin:0 auto;
	height:280px;
	position:relative;
}
#btncommunaute {
	display:block;
	width:234px;
	height:35px;
	position:absolute;
	bottom:0;
	right:0;
}
.en #btncommunaute:hover {
	background:url(../images/communaute-hover-en.jpg) no-repeat;
}
#btncommunaute:hover {
	background:url(../images/communaute-hover.jpg) no-repeat;
}