html {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body.marbre{
	background: #000 url('../images/fond_marbre.jpg') center center no-repeat;
	background-attachment: fixed;
}
body.bois{
	background: #000 url('../images/fond_bois.jpg') center center no-repeat;
	background-attachment: fixed;
}
body.metal{
	background: #000 url('../images/fond_metal.jpg') center center no-repeat;
	background-attachment: fixed;
}
body.electro{
	background: #000 url('../images/fond_electro.jpg') center center no-repeat;
	background-attachment: fixed;
}
body.corpo{
	background: none;
	background-color: #000000;
	
}
body.garde{
	background: #000 url('../images/fond_garde.jpg') top center no-repeat;
	background-color: #000000;
	
}

body.marbre #logo {
	/*background: url('../images/logo_marbre.png') left top no-repeat;*/
	background: url('../images/logo_corpo.png') left top no-repeat;
}
body.bois #logo {
	/*background: url('../images/logo_bois.png') left top no-repeat;*/
	background: url('../images/logo_corpo.png') left top no-repeat;
}
body.metal #logo {
	/*background: url('../images/logo_metal.png') left top no-repeat;*/
	background: url('../images/logo_corpo.png') left top no-repeat;
}
body.electro #logo {
	/*background: url('../images/logo_electro.png') left top no-repeat;*/
	background: url('../images/logo_corpo.png') left top no-repeat;
}
body.corpo #logo {
	background: url('../images/logo_corpo.png') left top no-repeat;
}


body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-attachment: fixed;
	width: 100%;
	font-family: Verdana, Helvetica;
	color: #FFFFFF;
		
		/* Ajout Isabelle Lessard */
	font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.5em;

}



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

a img {
	border: 0;
}

#body {
	width: 994px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
	position: relative;
}

#page_garde{
	width:900px; 
	height:495px;
	margin: 0px auto 0px auto;
}

#pagegarde_welcome_bar{
	width:900px; 
	height:30px;
	line-height:30px;
	margin-top: 273px;
	text-align:center;
	
	font-size: 13px;
	font-weight:bold;
}

.pagegarde_text{
	width:900px; 
	height:167px;
	margin-top: 105px;
	text-align:center;

	font-size: 11px;
	overflow:hidden;
}

.pagegarde_text p{
	text-align:center;
	width:900px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	color: #95A3AB;
}

.pagegarde_text p.white{
	color: #ffffff;
}


#header{
	width: 994px;
	height:36px;
	margin-bottom:25px;
	background:  url('../images/header_back.jpg') left bottom no-repeat;
}
#language span{
	color: #77787b;
	float:right;
	padding-top:13px;
	padding-right:10px;
	font-weight:normal;
	font-size:13px;
	line-height:13px;
}
#language a {text-decoration:none; color: #77787b;}
#language a:link {text-decoration:none; color: #77787b;}
#language a:active {text-decoration:none; color: #77787b;}
#language a:visited {text-decoration:none; color: #77787b;}
#language a:hover {text-decoration:none; color: #ffffff;}

#language a.active {text-decoration:none; color: #ffffff;}
#language a.active:link {text-decoration:none; color: #ffffff;}
#language a.active:active {text-decoration:none; color: #ffffff;}
#language a.active:visited {text-decoration:none; color: #ffffff;}
#language a.active:hover {text-decoration:none; color: #77787b;}

#logo{
	width: 994px;
	height: 63px;
	margin-top:23px;
	margin-bottom:21px;text-indent:-9999px;
}
#logo a
{display:block;width:300px;height:63px;}
#menu{
	height:32px;
	line-height:32px;
	width: 994px;
	background: #242122 url('../images/bande_menu.jpg') left top no-repeat;
	color: #a3bacd;
	font-size:13px;	font-size: 13px;
}
#menu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	list-style-type: none;
}
#menu ul li {
	display: block;
	position:relative;
	float:left;
	margin-left: 20px;

	font-weight:normal;
}
#menu ul.li_right li{
	float:right;
	margin-right:10px;
}


#menu ul li:hover {
	color: #FFFFFF;
}


#menu ul li.selected a{text-decoration: none; color: #ffffff;}
#menu ul li.selected a:link{text-decoration: none; color: #ffffff;}
#menu ul li.selected a:active{text-decoration: none; color: #ffffff;}
#menu ul li.selected a:visited{text-decoration: none; color: #ffffff;}
#menu ul li.selected a:hover{text-decoration: none; color: #ffffff;}

#menu ul li a{text-decoration: none; color: #a3bacd;}
#menu ul li a:link{text-decoration: none; color: #a3bacd;}
#menu ul li a:active{text-decoration: none; color: #ffffff;}
#menu ul li a:visited{text-decoration: none; color: #a3bacd;}
#menu ul li a:hover{text-decoration: none; color: #ffffff;}

#banner{
	width:100%;
	height:145px;
	background-color: pink;
	position:relative;
	z-index: 1;
}
#page_title{
	width:207px;
	height:66px;
	background: url('../images/tittle_bg.png') left top no-repeat;
	font-size:19px;
	position:absolute;
	top:280px;
	left:2px;
	padding-left:15px;
	padding-top:15px;
	color:#FFFFFF;
	z-index: 1000;
}
/*    Headings */
h1{
	margin-top:0px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height:1.2em;
	/* Ajout Isabelle Lessard */
	font-size:19px;width:100px;
	font-family:Arial, Helvetica, sans-serif;
}
h2{
	color:#606163;

	/* Ajout Isabelle Lessard */
	margin-top:30px;margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
	font-size:26px;
}
h2 + p
{margin-top:0;padding-top:0;}
h3{
	color:#FFFFFF;font-weight:normal;font-style:italic;
	margin:0;margin-bottom:3px;font-size:13px;
}

.upper{
	text-transform: uppercase;
}
/*   Content     */

.adresse_span{
	display:block;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;

}

#container {
	width:994px;
	padding-left:0px;
}
#menu2 p {
	margin-left:18px;
}

#menu2{
	width:210px;
	float:left;
	margin-top: 34px;
	margin-right:37px;
	margin-left:2px;
	-margin-left:1px;
	
}

#menu2 a{text-decoration:none; color:#818386;}
#menu2 a:link{text-decoration:none; color:#818386;}
#menu2 a:active{text-decoration:none; color:#818386;}
#menu2 a:visited{text-decoration:none; color:#818386;}
#menu2 a:hover{text-decoration:none; color:#ffffff; background-color: #0e0e0e;}

#menu2 ul li ul li a{text-decoration:none; color:#a3bacd; background-color: #0e0e0e;}
#menu2 ul li ul li a:link{text-decoration:none; color:#a3bacd;}
#menu2 ul li ul li a:active{text-decoration:none; color:#a3bacd;}
#menu2 ul li ul li a:visited{text-decoration:none; color:#a3bacd;}
#menu2 ul li ul li a:hover{text-decoration:none; color:#ffffff; background-color: #333133;}

#menu2 ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:relative;
	z-index:200;
	list-style-type:none;
	cursor: pointer;
}
#menu2 ul li{
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color :#818386;
	width:210px;
	height:25px;
	line-height:25px;
	background-color: #333133;
	border:1px solid #3c3b3d;
	text-transform: uppercase;
	position: relative;
	z-index:300;
}

#menu2 ul li:hover{
	z-index:4000;
	position: relative;
	background-color: #0e0e0e;
	color: #ffffff;
}
/* Deuxième niveau */
#menu2 ul li ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:none;
	position: absolute;
	top: -1px;
	left: 212px;
	border:1px solid #3c3b3d;
}

#menu2 ul li:hover ul{
	display:block;
}
#menu2 ul li ul li{
	background-color: #0e0e0e;
	color :#a3bacd;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	width:192px;
	border:0;
	position: relative;
}

#menu2 ul li ul li:hover{
	background-color: #333133;
}
#menu2 ul li.noborder{
	background: #333133;
	border:0px;
}
#menu2 ul li a{
	margin-top:0px;
	padding-left: 15px;
	background: #333133;
	text-align:middle;
	height:100%;
	width:192px;
	display:block;
}
#menu2 ul li.linked{
	padding-left:0px;
	width:212px;
}

#menu2 ul li:hover ul li ul{
	display:none;
}
#menu2 ul li ul li:hover ul{
	display:block;
}

#menu2 ul li ul li ul li{
	background-color: #0e0e0e;
	color :#a3bacd;padding:0;width:100%;
}


#content{
	width:700px;
	height:460px;
	float:left;
	position:relative;
	margin-top: 20px;
	padding-left:38px;
	background: url('../images/container_back.png') left top no-repeat;
	background: url('../images/container_back_vide.png') left top no-repeat;
	z-index:20;
}
#content.vide{
	background: url('../images/container_back_vide.png') left top no-repeat;
}

#content_top{
	float:left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	height:auto;
	width:700px;
}

#content_top p{
	font-size:13px;
	width:645px;

	font-weight:normal;
	color: #ffffff;
	text-align:justify;
}

#content_titre{
	width:545px;
	height: auto;
	float:left;


}

#content_middle{

	width:739px;
	float:left;

	width:645px;
	height:65px;
	
}

#content_middle p{
margin-top:0;padding-top:0;
	font-weight:normal;
	color: #ffffff;
	text-align:justify;
}

#slide_fleche_gauche{
	width:21px;
	height:60px;
	float:left;
	background: url('../images/fleche_g_gris.png') center center no-repeat;
	cursor:pointer;
}
#slide_fleche_droite{
	width:21px;
	height:60px;
	float:right;
	background: url('../images/fleche_d_gris.png') center center no-repeat;
	cursor:pointer;
}

#slide_fleche_gauche:hover{
	background: url('../images/fleche_g_gris_hover.png') center center no-repeat;
}
#slide_fleche_droite:hover{
	background: url('../images/fleche_d_gris_hover.png') center center no-repeat;
}
	
#content_slide{
	width:665px;
	height:60px;
	margin-top:22px;
	float:left;border-top:1px solid #626262;border-bottom:1px solid #626262;
}
#content_scroll{
	width:600px;
	height:60px;
	margin-top:0px;
	float:left;
	overflow:hidden;
	position:relative;
}

#content_scroll table, table tr{
	padding: 0px;
	margin:0px;
	border-spacing: 0px;
	border: 0;
}
.slide_contact{
	text-align:center;
	width:197px;
	height:60px;
	float:left;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 10px;
	cursor:pointer;
}

.contact_span{
	display:block;
	margin: 0px 0px 0px 0px;

}
.bas_span{
	display:block;
	margin: 6px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	font-size:12px;
}

.ct_gris{
	color:#7a7b7e
}
.white{
	color:#ffffff;
}
#content_bas{
	width:665px;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	color:#939598;
}


.little_bar{
	height:1px;
	width:300px;
	background-color:#4b4b4d;
	overflow:hidden;
}
#demande_info{
	position:absolute;
	bottom:3px;
	left:20px;
	font-size:13px;
}




/*     Footer  		*/

#footer{
	margin-top:20px;
	font-size:8px;
}
#footer a{text-decoration:none; color: #939598;}
#footer a:hover{text-decoration:none; color: #939598;}
#footer a:visited{text-decoration:none; color: #939598;}
#footer a:link{text-decoration:none; color: #939598;}
#footer a:active{text-decoration:none; color: #939598;}

#footer_left{
	float:left;
	margin-right:20px;
}
#footer_right{
	float:left;
	padding-top:5px;
	color: #939598;
}



/* PRODUITS */
#logo_compagnies{
	width:74px;
	height: 33px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#content_bas_prod{
	width:665px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	color:#939598;
}

#content_slide_produits{
	width:665px;
	height:60px;
border-top:1px solid #626262;border-bottom:1px solid #626262;padding:5px 0px;margin-top:30px;
	float:left;
}
.slide_produits{
	width:100px;
	height:60px;
	float:left;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	cursor:pointer;
	filter:alpha(opacity=50);
	 opacity: 0.5;
	 -moz-opacity:0.5;
}

.slide_produits:hover{
	filter:alpha(opacity=100);
	 opacity: 1.0;
	 -moz-opacity:1.0;
}


#bas_texte_prod{
	width:365px;
	height: 163px;
	overflow:hidden;
	float:right;
font-size:12px;
	padding: 0px 0px 0px 0px;
}

#bas_texte_prod p{
	display:block;
padding:0;margin:0;
font-size:11px;
	color: #fff;
}
#bas_texte_prod strong{

	color: #939598;
	font-weight:normal;
}

#bas_photo_prod{
	width:275px;
	height:170px;
	float:left;
}




/*Réparations urgence*/

#cadre_formulaire{
	width:635px;
	height:316px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

.ligne_form{
	width:635px;
	height:16px;
	margin: 7px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
.ligne_first{
	margin-top: 0px;
}


/* POP UP terre*/
#popup{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 276px;
	height: 81px;
	background: url('../images/popup-trans.png') left no-repeat ;
	float:left;
	position:absolute;
	/*z-index:100;*/
	display:none;
}
#popup p{
	margin: 0px 0px 0px 13px;
	padding:0px 0px 0px 0px;
	color:#939598;
	font-size:10px;
	font-weight:normal;
	font-family:arial;
}
#popup p.first{
	margin-top:5px;
}