@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

}

#main{
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#main .header{
	height: 112px;
	position: relative;
	z-index: 10;
}

#main .center{
	height: 269px;
	position: relative;
	z-index: 5;
}

#main .center .txt{
	text-indent: -9999px;
	background-image: url(../images/remise_a_neuf_2.png);
	position: absolute;
	height: 107px;
	width: 241px;
	top: 80px;
	right: 115px;
}

#main .center .slogan{
	text-indent: -9999px;

	position: absolute;
	
	top: 80px;
	left: 620px;	
}

#main .center .slogan.bg_1{

	background-image: url(../images/remise_a_neuf_2.png);
	height: 111px;
	width: 224px;
	
}

#main .center .slogan.bg_2{
	background-image: url(../images/seconde_vie_2.png);
	height: 111px;
	width: 202px;	
}

#main .center .slogan.bg_3{
	background-image: url(../images/nouveau_look_2.png);
	height: 111px;
	width: 241px;
}

body.accueil #main .center .txt{
	background-image: url(../images/remise_a_neuf.png);
	
	
}

body.accueil #main .center .bg_1{
	background-image: url(../images/remise_a_neuf.png);
	
	
}

body.accueil #main .center .bg_2{
	background-image: url(../images/seconde_vie.png);
	
	
}

body.accueil #main .center .bg_3{
	background-image: url(../images/nouveau_look.png);
	
	
}


body.en #main .center .slogan.bg_1{
	background-image: url(../images/remise_a_neuf_EN_2.png);
	height: 111px;
	width: 241px;	
}

body.en #main .center .slogan.bg_2{
	background-image: url(../images/seconde_vie_EN_2.png);
	height: 111px;
	width: 178px;
}

body.en #main .center .slogan.bg_3{
	background-image: url(../images/nouveau_look_EN_2.png);
	height: 111px;
	width: 241px;
}



body.en.accueil #main .center .bg_1{
	background-image: url(../images/remise_a_neuf_EN.png);
	
	
}

body.en.accueil #main .center .bg_2{
	background-image: url(../images/seconde_vie_EN.png);
	
	
}

body.en.accueil #main .center .bg_3{
	background-image: url(../images/nouveau_look_EN.png);
	
	
}

body.en #main .center .txt{
	text-indent: -9999px;
	background-image: url(../images/remise_a_neuf_EN_2.png);
	position: absolute;
	height: 63px;
	width: 291px;
	top: 80px;
	right: 65px;
}

body.accueil.en #main .center .txt{
	background-image: url(../images/remise_a_neuf_EN.png);
	
	
}


#main .center .box{
	height: 267px;
	border: 1px solid #d5d5d5;
}

#main .center .box .element{
	
}

body.contact .element{
	position: absolute;
	height: 246px;
	width: 573px;
	left: 10px;
	bottom: 1px;
	z-index: 5;
	background-image: url(../images/vehicule_img.png);
}

body.services .element{
	position: absolute;
	height: 246px;
	width: 573px;
	left: 20px;
	bottom: 1px;
	z-index: 5;
	background-image: url(../images/vehicule_img.png);
}

body.pla .element{
	position: absolute;
	height: 302px;
	width: 528px;
	left: 1px;
	bottom: 1px;
	z-index: 5;
	background-image: url(../images/placage_img.png);
}

body.gal .element{
	position: absolute;
	height: 246px;
	width: 573px;
	left: 20px;
	bottom: 1px;
	z-index: 5;
	background-image: url(../images/vehicule_img.png);
}

body.rel .element{
	position: absolute;
	height: 313px;
	width: 392px;
	left: 75px;
	bottom: 1px;
	z-index: 5;
	background-image: url(../images/religieux_img.png);
}

body.rep .element{
	position: absolute;
	height: 294px;
	width: 329px;
	left: 140px;
	bottom: 1px;
	z-index: 5;
	background-image: url(../images/reparation_img.png);
}

body.quin .element{
	position: absolute;
	height: 380px;
	width: 379px;
	left: 156px;
	bottom: 1px;
	z-index: 5;
	background-image: url(../images/quincaillerie_img.png);
}

body.lum .element{
	position: absolute;
	height: 369px;
	width: 277px;
	left: 159px;
	bottom: 1px;
	z-index: 5;
	background-image: url(../images/luminaires_img.png);
}


body.pol .element{
	position: absolute;
	height: 267px;
	width: 490px;
	left: 1px;
	bottom: 1px;
	z-index: 5;
	background-image: url(../images/polissage_img.png);
}

#main .center .element_acc{
	position: absolute;
	height: 318px;
	width: 366px;
	left: 140px;
	bottom: 0px;
	z-index: 5;
	background-image: url(../images/lion.png);
}

#main .center .box .element_2{
	position: absolute;
	height: 338px;
	width: auto;
	left: 65px;
	bottom: 1px;
	z-index: 5;
}


#main .cont .boxes{
	width: 590px;
	float:right;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #d7d7d7;
	position:relative;
}

body.accueil #main .cont .boxes,
body.services #main .cont .boxes{
	width: 290px;
	
}

#main .cont .boxes .menu{
	position: absolute;
	top: 0px;
	right: 0px;	
}

#main .cont .boxes .fleche{
	float:left;
	cursor:pointer;
	width:11px;
	height:12px;
	margin-top: 1px;	
}

#main .cont .boxes .fleche.g{
	background-image: url(../images/fleche_g_avant_apres.png);	
	
}

#main .cont .boxes .fleche.d{
	background-image: url(../images/fleche_d_avant_apres.png);	
	
}

#main .cont .boxes .fleche.inactive{
	background-position: 0px -12px;	
	cursor:auto;
	
}

#main .cont .boxes .numb{
	margin-left:8px;
	margin-right:8px;
	float:left;
	font-style: italic;
}


#main .cont .boxes .container{
	width: 590px;
	position:relative;
	height:304px;
	overflow:hidden;
	
	
}

#main .cont .boxes .slider{
	width: 10000px;
	position:absolute;
	top:0px;
	left:0px;
	height:316px;
	
	
	
}

#main .cont .boxes .slider .col{
	width: 590px;
	position:relative;
	height:316px;
	float:left;
	margin-right:20px;
	font-size:14px;
	
	
	
	
}


#main .cont .boxes_2{
	width: 440px;
	float:right;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d7d7d7;
}

#main .cont .boxes .duo{
	float:left;
	width:290px;
	position: relative;
	margin-right:10px;
}

#main .cont .boxes .duo.last{
	
	margin-right:0px;
}

#main .cont .boxes .duo a{
	background-image: url(../images/spacer.png);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display:block;
	z-index: 50;
}

#main .cont .boxes .duo .line{
	background-color: #d7d7d7;
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0px;
	top: 90px;
	z-index: 5;	
}



#main .cont{
	position: relative;
	margin-top: 25px;
	z-index: 20;
	color: #979797;
	margin-bottom: 25px;
}

#main .cont p{
	margin-top:0px;
	margin-bottom:20px;
}

#main .cont a{
	color: #979797;
	text-decoration: underline;	
}

#main .cont a:hover{
	color: #666666;
	text-decoration: none;	
}

#main .cont .col{
	float: left;
	width: 291px;
	
}

#main .cont .col_acc{
	float: left;
	width: 324px;
	padding-bottom: 5px;
}

body.accueil #main .cont .col_acc,
body.services #main .cont .col_acc{
	
	width: 622px;
	
}

#main .cont .col_acc_2{
	float: left;
	width: 474px;
	padding-bottom: 5px;
}


#main .cont .2_col{
	float: left;
	width: 623px;
	padding-left:20px;	
}

#main .cont .line_cont{
	width: 41px;
	float: left;
	height: 451px;
}

#main .cont .line_cont .line{

	background-color: #d6d6d6;
	width: 1px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	height: 451px;

}

#main .cont .titre{
	font-size: 18px;
	color: #e0ba65;
	font-weight: bold;
	font-family: "Century gothic", Arial, Helvetica, sans-serif;
}

#main .cont .para{
	height:115px;
	
	margin-top: 16px;
	
}

#main .cont .para p{
	text-align:justify;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 18px;
}

#main .cont .bt{
	font-size: 10px;
	color: #FFFFFF;
	background-color: #e0ba65;
	margin-top:10px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	float:right;
	text-transform: uppercase;
	text-align: right;
	display: block;
	text-decoration: none;	
}

#main .cont .bt:hover{
	background-color: #caa75a;
	color: #FFFFFF;
}


#main .cont .box{
	height: 130px;
	float: left;
	width: 138px;
	margin-top:20px;
	border: 1px solid #d7d7d7;
	position: relative;
	z-index: 10;
	margin-right:10px;
	
}

#main .cont .box.last{
	margin-right:0px;
	
}

#main .cont .box .label{
	font-size: 10px;
	color: #FFFFFF;
	background-color: #e0ba65;
	position: absolute;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	top: -5px;
	right: 4px;
	text-transform: uppercase;
	text-align: right;
	
}

#main .cont .box a{
	background-image: url(../images/spacer.png);
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;	
	
}


#main .cont .box .filter{
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../images/box_filter.png);
	height: 100%;
	width: 100%;	
	cursor:pointer;
}

#main .cont .box .filter_no{
	display:none;	
}

#main .cont .b_space{
	width:10px;
	float:right;
	
}
#main .cont .formulaire{
	
	margin-top: 16px;
	
}

#main .cont p{

	
}


#main .cont .formulaire .label{
	float: left;
	width: 80px;
	padding-top: 6px;
	
}

#main .cont .formulaire .cont_t{
	float: left;
	width: 510px;
	margin-bottom:20px;	
	
}

#main .cont .formulaire .text_f{
	padding: 5px;
	width: 500px;
	border: 0px;
	font-size: 12px;
	color: #898989;
	background-color: #DBDBDB;
	font-family: Arial, Helvetica, sans-serif;
	
}

#main .cont .formulaire .area{
	height:200px;
	
	
}

#main .cont .formulaire .submit{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #e0ba65;
	padding: 7px;
	border: 0px;
	float: right;
	text-transform: uppercase;	
}

#main .cont form{
	margin-top:0px;
	margin-bottom:0px;	
	
}

#main .footer{
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	font-size: 11px;
	text-transform: uppercase;
	color: #979797;
	text-align: center;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #d7d7d7;
}

#main .footer a{
	
	color: #979797;
	text-decoration:none;
}


#main .footer a:hover{
	
	color: #979797;
	text-decoration:underline;
}


#serrure{
	background-image: url(../images/serrure.png);
	height: 805px;
	width: 379px;
	position: absolute;
	z-index: 5;
	left: 142px;
	top: 16px;
}

#tel{
	color: #e0ba65;
	position: absolute;
	top: 20px;
	right: 15px;
	text-transform: uppercase;
}

#top{
	position: absolute;
	top: 20px;
	right: 15px;
	text-transform: uppercase;
	font-size: 12px;
}

#top .tel{
	color: #e0ba65;
	float:left;
	margin-right:15px;
}

#top .lang{
	float:left;
	padding-left:15px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #d7d7d7;
}
#top a{
	color: #898989;
	text-decoration: none;	
}

#top a:hover{
	color: #898989;
	text-decoration:underline;	
}
#logo{
	position: absolute;
	height: 80px;
	width: 159px;
	left: 7px;
	bottom: 11px;
}



#menu{
	position: absolute;
	right: 0px;
	bottom: 11px;
	background-color: #ebebeb;
	z-index: 10;
	width: 526px;
}

body.en #menu{
	width: 498px;
}

#menu .bt{
	text-indent: -9999px;
	float: left;
	height: 17px;
	background-position: 0px 0px;
	position: relative;
	padding-bottom: 11px;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	cursor: pointer;
}


#menu .sub{
	position:absolute;
	width: 266px;
	height:auto;
	left: 0px;
	top: 34px;
	overflow: hidden;
}

#menu .sub .bt_s{
	display: block;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 17px;
	text-indent: -9999px;
	color: #666666;
	width: 248px;
	background-color: #ebebeb;
	text-decoration: none;
	position: relative;
}

#menu .sub .bt_s_select{
	display: block;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 17px;
	text-indent: -9999px;
	color: #666666;
	width: 248px;
	background-color: #d7d7d7;
	text-decoration: none;
	position: relative;
}


#menu .sub .cont_s{
	position:absolute;
	width: 200px;
	left: 0px;
	top: -300px;	
}


#menu .sub .bt_s:hover{
	cursor:pointer;
	background-color: #dfdfdf;
	
}

#menu .bt a.main{
	background-image: url(../images/spacer.png);
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;	
}
#menu .select{

	background-position: 0px -17px;
	
}
#bt_s_pla{
	background-image: url(../images/bt_sub_placage.png);
	width: 61px;
	height: 14px;

}

body.en #bt_s_pla{
	background-image: url(../images/bt_sub_placage_en.png);
	width: 48px;
	height: 14px;
}

#bt_s_art{
	background-image: url(../images/bt_sub_articles.png);
	width: 121px;
	height: 14px;

}

body.en #bt_s_art{
	background-image: url(../images/bt_sub_articles_en.png);
	width: 103px;
	height: 14px;
}


#bt_s_qui{
	background-image: url(../images/bt_sub_quincaillerie_robinetterie.png);
	width: 187px;
	height: 14px;
	
}

body.en #bt_s_qui{
	background-image: url(../images/bt_sub_quincaillerie_robinetterie_en.png);
	width: 134px;
	height: 14px;	
}

#bt_s_arg{
	background-image: url(../images/bt_sub_argenterie.png);
	width: 77px;
	height: 14px;
	
}

body.en #bt_s_arg{
	background-image: url(../images/bt_sub_argenterie_en.png);
	width: 73px;
	height: 14px;	
}

#bt_s_pol{
	background-image: url(../images/bt_sub_polissage.png);
	width: 66px;
	height: 14px;
	
}

body.en #bt_s_pol{
	background-image: url(../images/bt_sub_polissage_en.png);
	width: 48px;
	height: 14px;	
}


#bt_s_rep{
	background-image: url(../images/bt_sub_reparation.png);
	width: 80px;
	height: 14px;
	text-indent: -9999px;
}

body.en #bt_s_rep{
	background-image: url(../images/bt_sub_reparation_en.png);
	width: 181px;
	height: 14px;
	text-indent: -9999px;
}

#bt_s_lum{
	background-image: url(../images/bt_sub_luminaires.png);
	width: 191px;
	height: 14px;
	text-indent: -9999px;
}

body.en #bt_s_lum{
	background-image: url(../images/bt_sub_luminaires_en.png);
	width: 230px;
	height: 14px;
	text-indent: -9999px;
}
#bt_acc{
	background-image: url(../images/bt_accueil.png);
	width: 77px;
	height: 17px;
}

body.en #bt_acc{
	background-image: url(../images/bt_home.png);
	width: 53px;
	height: 17px;
}
#bt_serv{
	background-image: url(../images/bt_services.png);
	width: 81px;
	height: 17px;
}
#bt_res{
	background-image: url(../images/bt_resultats.png);
	width: 86px;
	height: 17px;
}

#bt_real{
	background-image: url(../images/bt_realisations.png);
	width: 118px;
	height: 17px;
}

body.en #bt_real{
	background-image: url(../images/bt_achievements.png);
	width: 131px;
	height: 17px;
}

#bt_cont{
	background-image: url(../images/bt_joindre.png);
	width: 130px;
	height: 17px;
}

body.en #bt_cont{
	background-image: url(../images/bt_contact_us.png);
	width: 112px;
	height: 17px;
}

.break{
	clear: both;
	height: 0px;
	overflow: hidden;
}

.note_rouge{
	color: #F00;	
	
}