/* @override 
	http://fr.local.jeld-wen.ca/css/main_accueil.css
	http://en.local.jeld-wen.ca/css/main_accueil.css
*/

body {

	background-color: #616161;		/* couleur temporaire, le temps que la page soit loadée */

	background-repeat: no-repeat; 	/* #363638 url(/img/bg/body_background.jpg) appliqués ultérieurement en JS */

}

#page_contenu {

	padding: 0;

	background-color: transparent;
	min-height: 360px;
}


#slideShow {
	height: 360px;
	width: 950px;
	overflow: hidden;
	position: relative;
	left: 0; top: 0;
}

#slideShow .automaticSlide {
	position: absolute;
	top:0; left:0;
	height: 360px;
	width: 950px;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}
noscript .automaticSlide {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	display: block !important;
	
}
#slideShowControls {
	position: absolute;
	bottom: 4px;
	left: 15px;
	height: 16px;
	min-width: 60px;
}
#slideShowControls div.btn {
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 3px 0 0;
	text-align: center;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #f0f4f6;
	text-shadow: #000 1px 1px 1px;
	cursor: pointer;
	line-height: 16px;
	background: transparent url(../img/bg/slideShowControls.png) top left no-repeat;
}
#slideShowControls div.btn.selected {
	color: #fff;
	text-shadow: #000 1px 1px 0;
	background-position: -16px 0;
}
#slideShowControls #playPauseBtn {
	float: left;
	height: 16px;
	width: 16px;
	cursor: pointer;
	background: transparent url(../img/bg/slideShowPlayPause.png) top left no-repeat;
}
#slideShowControls #playPauseBtn.onPause {
	background-position: -16px 0;
}

#page_wrap {
	z-index:10;
}

#background_bleed {
	position: relative; 
	top:0; left:0;
	margin: 0px auto; 
	min-width: 950px; 
	min-height:900px;
	zoom: 1; 
	margin-bottom:0;
	z-index:1;
}
#bg_placeholder1, #bg_placeholder2 {
	position: absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	z-index:1;
}
.defaultBG {
	background: url(/img/bg/body_background.jpg) no-repeat center -18px;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	
}
.ecoEnergie {
  background: url("/medias/home_slides/ecoEnergie/bg.jpg") repeat-y scroll center top #FFFFFF;
  opacity: 1 !important;
}
.etoiles {
	background: #000000 url(/medias/home_slides/contest2011/bg.jpg) no-repeat center top;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.classiccoll {
	background: #020100 url(/medias/home_slides/classiccoll/bg.jpg) no-repeat center top;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.ConsoVero {
	background: #000000 url(/medias/home_slides/ConsoVero/bg.jpg) no-repeat center top;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.raisons {
	background: #000000 url(/medias/home_slides/5raisons/bg.jpg) no-repeat center top;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.energystar {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.fadingOut {
	opacity: 0.1;
	filter: alpha(opacity=10);
}


/*

#zone_flash {

	height: 400px;

	zoom: 1;

	z-index: 40;

	border-bottom: 1px solid #4e4e4e;

	width:685px;

	outline: 2px solid red;

}
*/

#recherche{

	height: 30px!important;

	border-right: 5px solid #dedede !important;

}



#recherche_bgGris {

	height: 30px !important;

	background-color: red;

}

#pageSearchInputDiv {

	margin-top: 5px;

}

#pageSearchResultsPin {

	top: 25px;

}

#footer {

	width: 950px;

	margin: 0px auto;

}
.alpha{
	width: 237.5px;
	background: url(../img/separator.gif) no-repeat;
}
.omega{
	width: 237.5px;	
}
.sigma{
	width: 310px;	
}
.grid_4, .grid_3{
	position: relative;
	display:inline;
	text-align: left;
	float:left; 
	height: 100%;
}
.grid_3{
	padding: 0px 3px;
	/*outline: 1px dotted blue;*/
}
#footer_accueil{
	position: relative;
	height:236px; width:950px; margin:0 auto;
}
#footer_accueil img{margin:0 4px 0 4px}

#footer_accueil {
	
}

#footer_accueil h4 {
	height: 15px;
	text-indent: -9999px;
}
#footer_accueil h4.blogfr, #footer_accueil h4.blogen, #footer_accueil h4.designfr, #footer_accueil h4.designen {margin-top: 20px;}
#footer_accueil h4.blogfr, #footer_accueil h4.blogen{background: url(../img/H1_blog.png) no-repeat center 0;}
#footer_accueil h4.designfr, #footer_accueil h4.designen {background: url(../img/H1_designcenters.png) no-repeat center 0;}
#footer_accueil h4.blogen, #footer_accueil h4.designen{background-position: center -15px;}
#footer_accueil h4.inspiration {height: 30px; margin-top: 5px; background: url(../img/H1_inspiration.png) no-repeat center 0;}

#bgOmbre {
	position:absolute;
	top:0; left: 0;
	width: 950px;
	height: 236px;
	background:url(/img/bgAccueilFooter.png) center no-repeat;
	/*clip:rect(0 950px 236px 325px);*/
}
#bgNoisy {
	position:absolute;
	top:0; left: 0;
	width: 950px;
	height: 236px;
	opacity: 1;
	/*clip:rect(0 475px 236px 0);*/
	opacity: 0.2;
}

.grid_4 .visuel, .grid_3 .visuel {
	font-family: JWInterstate,"Helvetica Neue",Arial,"Lucida Grande",Calibri,Helvetica,sans-serif;
	font-weight: normal;
	position: relative;
	display: block;
	width: 100%;
	height: 150px;
}
.inspiration {background: url(../img/bgInspiration.png) no-repeat right 0;}
#footer_accueil p{
	display: block;
	margin: 0px auto;
	padding: 62px 0 0 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 160px;
	text-shadow: rgba(0, 0, 0, 0.5) 0.8px 1px 2px;
}
.grid_4 .visuel, a .grid_3 .visuel a {
	display: block;
	background: none;
}
.newsItem span.date {
	font-family: Georgia, Times, serif;
	color: rgb(48,48,48);
	position: relative;
	top: -3px; left: 10px;
	display: block;
	clear: left;
	float: left;
	padding: 0;
	width: 72px;
	height: 36px;
	/*outline: 1px dotted rgba(0,255,0,0.4);*/
}
.newsItem .Bday {
	position: relative;
	top: -8px; left:0;
	color: #fff;
	font-size: 18pt;
	font-weight: bold;
}

.newsItem .Bmonth {
	position: relative;
	top: -6px;
	color: rgba(24,24,24,0.65);
	font-weight: bold;
	font-size: 9pt;
}
/*.newsItem .Bmonth:before {
	content:'/';
}*/
.newsItem .Byear {
	position: absolute;
	top: 13px; left: 0;
	color: rgba(34,34,34,0.65);
	font-weight: bold;
	font-size: 16pt;
}
div.newsItem {
	background: transparent url(/img/bg/newsItem_bg_separator.png) 72px top no-repeat;
	padding: 8px 0 0 0;
	clear: left;
}
.grid_4 .visuel h3, .grid_3 .visuel h3 {
	font-family: JWInterstate,"Helvetica Neue",Arial,"Lucida Grande",Calibri,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 8pt;
	margin: 2px 10px 0 70px;
	text-transform: uppercase;
	padding-bottom: 6px;
	text-shadow: rgba(0, 0, 0, 0.33) 0.8px 1px 2px;
}
a.btnlink, a#big, a#btnlink{
	display: block;
	float: right;
	position: relative;
	margin: 3px 6px 0 0; padding: 3px 0 5px;
	text-align: center;
	width: 60px; height: 10px;
	background: url(../img/btnFooterAccueil.gif) no-repeat 0 0;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: 1px outset rgba(150,150,150,0.7);
	outline-offset: -1px;
}
a#big{
	width: 100px; 
	background: url(../img/btnFooterAccueilBig.gif) no-repeat 0 0;
}
a.btnlink:active, a#big:active, a#btnlink:active {
	outline: 1px inset rgba(150,150,150,0.7);
	outline-offset: 0;
}

#footer_accueil a.btnlink:hover, a#big:hover, a#btnlink:hover{
	background-position: 0 -18px;
	text-decoration: none;
}
#footer_menu a{text-decoration: none;}
#footer_menu img.ico, #footer_menu img.icoAlpha, #footer_menu p, #footer_menu h5, #footer_menu input#tracability{
	float: left;
}
#footer_menu img.ico{
	height: 67px;
	padding-right: 5px;
}
#footer_menu img.icoAlpha{
	height: 67px;
}
#footer_menu h5{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding-top: 12px;
	text-transform: uppercase;
	margin-bottom: 3px;
	text-shadow: rgba(0, 0, 0, 0.33) 0.8px 1px 2px;
}
#footer_menu p{
	width: 140px;
	color: #555;
	font-family: JWInterstate,"Helvetica Neue",Arial,"Lucida Grande",Calibri,Helvetica,sans-serif;
	font-size: 7.5pt;
}
#footer_menu input#tracability{
	color: #9a9a9a;
	margin-top: 5px;
	padding-left: 10px;
	width: 135px;
	height: 20px;
	border: none;
	background: transparent url("../img/input_tracability.png") no-repeat;	
}
form>input.textfield {
	background: transparent url("../img/input_tracability.png") no-repeat; }
#footer_menu .btn{
	position: absolute; 
	top: 28px; right: 5px;
	width: 20px;
	/*float: right;
	padding-right: 7px;
	padding-top: 5px;*/
}
#linkSociaux{
	position: relative;
	height: 52px;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#linkSociaux.icon {width: 112px;}

#linkSociaux.icon.icons3 {width: 168px;}
a.facebook, a.twitter, a.youtube {
	width: 36px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 0px 10px;
}
a.facebook{background: url(../img/ico_facebook.png) no-repeat 0 0;}
a.twitter{background: url(../img/ico_twitter.png) no-repeat 0 0;}
a.youtube{background: url(../img/ico_youtube.png) no-repeat 0 0;}
a.facebook:hover, a.twitter:hover, a.youtube:hover { background-position: 0 -36px; }

#linkSociaux img {
	margin-right: 20px;

}
#linkSociaux img.delta{
	margin: 0px;
}

#linkSociaux img:hover {

	opacity: 1;

	filter:alpha(opacity=100);

}



#zone_flash noscript h1 {

	position: absolute;

	top: 45px;

	left: 10px;

	color: #fff;

	font-size: small;

	text-align: center;

	width: 100%;

}



#zone_flash noscript p {

	position: relative;

	top: -36px;

	left: 10px;

	color: #fff;

	font-size: small;

	text-align: center;

	width: 650px;

}



.unavailable {

	width: 927px;

}



/*

#flash_frame {float:left; width:685px; height:400px;}

#right_frame {float:left; width:265px; height:401px; background:url(/img/bg_right_frame.png) no-repeat;}

#right_news {position:relative; margin:55px 46px 0 18px; height:320px;}

#right_news h5 {margin-bottom:2px;}

#right_news h5 a {color: #fff;}

#right_news p {margin-bottom:12px;color:#A19F9C;}

#dernieres_nouvells {position:absolute; width:15px; height:174px; top:14px; left:224px; z-index:2;}

*/

#clear {clear:left;}



.right_panel {font-family: Tahoma, Geneva, sans-serif; color:#F5F5F5; font-size:11px;}

.right_panel a {color:#fff !important; font-size:11px;}

.right_panel a:hover { text-decoration:underline;}



#CTRLprovinces {

	position: relative;

	z-index: 99999999;

	display: block;

	width: 100%;

	margin: 10px auto;

	text-align: left;

}

#CTRLprovinces li {

	display: block;

	float: left;

	font-size: x-small;

	margin-right: 8px;

	color: #ddd;

}

#CTRLprovinces li a {

	color: #bbb;

	text-decoration: none;

}

#CTRLprovinces li a:hover {

	color: #fff;

	text-decoration: underline;

}

/*
 * Zone DesignCenter
 */

#FM_Slider {
    margin: 0 auto;
    position: relative;
}
img.FM_scrollButtons {
	margin: 0;
	display: block;
	position: absolute;
	top: 62px;
	cursor: pointer;
}
img.FM_scrollButtons.left {
	left: 2px;
}
img.FM_scrollButtons.right {
	right: 2px;
}
#FM_scroll {
	overflow: hidden;
	width: 260px;
	height: 183px;
    margin: 0 auto;
    position: absolute;
	top: -4px; left: 28px;
}
#FM_scrollContainer {
	position: relative;
}
#FM_scrollContainer div.FM_panel {
    width: 80px;
	height: 184px;
	float: left;
}
.FM_inside img {
	cursor: pointer;
}
.hide {
    display: none;
}


/**
 * Zoen EnerCAN
 */
#enerCanInput {
	position: relative;
	top: 0; left: 0;
	margin: 30px 0 0 65px;
}
.enercanHover {
	font-family: JWInterstate,"Helvetica Neue",Arial,"Lucida Grande",Calibri,Helvetica,sans-serif;
	position: absolute;
	top: 2px;
	left: 4px;
	display: inline;
	color: #999;
	font-size: 0.9em;
	z-index: 999;
}
#enerCANHelp {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: -236px; left: -8px;
	background: transparent url(/img/bg/enercanHelp.png) 0 0 no-repeat;
	width: 228px;
	height: 120px;
	padding: 125px 0px 0px 19px;
}
#enerCan_modelInput {
	position: absolute;
	top:0; left: 0;
	width: 130px;
}

#enerCANHelp p {
	color: #fff;
	width: 220px;
	font-size: 11px;
	margin-bottom: 5px;
}
.debugg {
	outline: 1px dotted red;
}