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

html{
background-image:url(images/fd_01.jpg);
background-attachment:fixed;
}

body{
margin:0 auto;
width:786px;
}

a img{
border:none;
}

a{
outline:none;
}

#top{
background-image:url(images/banniere.jpg);
background-repeat:no-repeat;
width:786px;
height:137px;
position:fixed;
z-index:1;

}

#menu{
position:relative;
text-align:center;
font-family:"Times New Roman", Times, serif;
color:#dadada;
font-size:14px;
font-style:italic;
letter-spacing:1px;
text-shadow: 0 0 1px #7f7f7f;
}

#menu a:link, #menu a:visited{
text-decoration:none;
color:#dadada;
-moz-transition:1s;
-webkit-transition:1s;
-o-transition:1s;
}

#menu .active a:link{
text-shadow: 0 0 5px #bdbdbd;
}

#menu a{
color:#dadada;
-moz-transition:1s;
-webkit-transition:1s;
-o-transition:1s;
}

#menu a:hover{
color:#d3d3d3;
text-shadow:0 0 10px black;
-moz-transition:0.3s;
-webkit-transition:0.3s;
-o-transition:0.3s;
}

#content{
padding-top:10px;
padding-left:5px;
}

#logo{
margin-left:26px;
-webkit-box-shadow: 0px 1px 3px 0px #080808;
-moz-box-shadow: 0px 1px 3px 0px #080808;
box-shadow: 0px 1px 3px 0px #080808;
width:98px;
height:92px;
}

#menu p{
float:left;
margin-bottom:3px;
}

#menu dl{
float:left;
margin-left:5px;
margin-right:5px;
margin-bottom:3px;
}

.filet{
background-image:url(images/filet.jpg);
background-repeat:repeat-x;
width:786px;
height:1px;
}

/*--------------------------------------------------------------*/

#corps{
position:relative;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
z-index:0;
padding-top:145px;
color:#c1c1c1;
padding-bottom:60px;
}

#corps li{
font-size:14px;
}

#corps p{
font-size:13px;
}

#fond_slide{
background-image:url(images/fd_opacity.png);
padding:15px;
margin-bottom:40px;
}

#rea{
margin-left:120px;
}

#rea p{
font-size:11px;
margin-top:2px;
margin-bottom:0;
}

.avant{
float:left;
width:103px;
}

.descript{
float:left;
width:400px;
}

.descript_ion{
text-align:center;
}

.avant_apres{
background-image:url(images/fd_opacity.png);
padding:15px;
width:534px;
margin-bottom:5%;
clear:both;
}

h1{
margin:0 0 8px 0;
font-size:25px;
}

h2{
margin:0 0 8px 0;
padding:0;
font-size:15px;
}

#bottom{
position:fixed;
bottom:0;
background-image:url(images/banniere_bas.jpg);
background-repeat:no-repeat;
width:786px;
height:50px;
color:#c7c5c5;
font-size:12px;
text-align:center;

}

#bottom a:link, #bottom a:visited{
color:#c7c5c5;
text-decoration:none;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
}

#bottom a:hover{
color:#d3d3d3;
text-shadow:0 0 10px black;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
}

#bottom p{
margin-top:17px;
}

#sousmenu1{
position:absolute;
padding:0;
list-style-type:none;
top:35px;
right:68px;
width:111px;
background-color:#666;
text-align:left;
background:rgba(75, 75, 74, 0.5);
	}
	
#sousmenu1 li{
opacity:1;
}

ul{
margin:0;
padding:0;}
	
/*------------------------------produits-------------------------------------*/

.marque_chauffage{
background-image:url(images/fd_opacity.png);
width:726px;
padding:30px;
margin-bottom:5%;
}


.marque{
background-image:url(images/fd_opacity.png);
width:726px;
padding:30px;
margin-bottom:50%;
}



.bloc{
margin-bottom:50%;
}

.bloc a:link, .bloc a:visited, .bloc a{
color:#c7c5c5;
text-decoration:none;
font-size:12px;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
}

.bloc a:hover{
color:#d3d3d3;
text-shadow:0 0 10px black;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
}

.up{
background-image:url(images/fleche.png);
margin-left:50%;
background-repeat:no-repeat;
opacity:0.5;
margin-top:25px;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
}

.up:hover{
opacity:1;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
}

.gauche_intro{
float:left;
width:230px;
margin-right:20px;
}

.fd_photo{
background-image:url(images/fd_opacity.png);
padding:10px;
}



/*--------------------------*/




.dividerColor{
background-color:#888;
}

#formulaire{
margin-left:10%;
width:730px;
}

INPUT, TEXTAREA {
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: #ffffff;
}

#merci{
text-align:center;
}

#envoyer {
	margin-left: 59%;
	*margin-left: 20%;
}

label {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 25px;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
}


/*---------------------------------------------------------------------------*/

#legrand_light:hover{
background-image:url(images/legrand_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#legrand_light{
background-image:url(images/legrand.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#bticino_light:hover{
background-image:url(images/bticino_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#bticino_light{
background-image:url(images/bticino.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
margin-bottom:20px;
}

#schneider_light:hover{
background-image:url(images/schneider_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#schneider_light{
background-image:url(images/schneider.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}


#declic_light{
background-image:url(images/declic.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#declic_light:hover{
background-image:url(images/declic_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#podium_light{
background-image:url(images/podium.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#podium_light:hover{
background-image:url(images/podium_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#abi_light{
background-image:url(images/abi.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#abi_light:hover{
background-image:url(images/abi_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#atlantic_light{
background-image:url(images/atlantic.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#atlantic_light:hover{
background-image:url(images/atlantic_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#acova_light{
background-image:url(images/acova.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#acova_light:hover{
background-image:url(images/acova_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}


#campa_light{
background-image:url(images/campa.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#campa_light:hover{
background-image:url(images/campa_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}


#deltadore_light{
background-image:url(images/deltadore.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#deltadore_light:hover{
background-image:url(images/deltadore_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}


#hager_light{
background-image:url(images/hager.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}

#hager_light:hover{
background-image:url(images/hager_light.png);
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
opacity:0.8;
}











.blocks p {
	margin-bottom:15px;
	position:relative;
}
 
.btn {
	display:block;
	float:left;
	height:31px;
	line-height:31px;
	padding:0 10px;
	background:url(../gfx/bgbtn.jpg) repeat-x;
	color:#565e62;
	font-weight:bold;
	font-size:11px;
	border:1px solid #e1e0df;
	outline:none;
}
 
.text,
.textarea {
	padding:5px 10px;
	height:27px;
	border:1px solid #ddd;
	color:#333;
	background:url(../gfx/bginput.jpg) repeat-x bottom #fff;
	position:relative;
	z-index:2;
}
 
.text {
	width:220px;
}
 
.textarea {
	height:150px;
	width:350px;
}
 
.blocks label {
	float:left;
	width:100px;
	line-height:37px;
	text-align:right;
	margin-right:15px;
	font-weight:bold;
	color:#666;
}
 
.blocks label.error,
.blocks label.ok {
	position:absolute;
	z-index:1;
	top:-4px;
	left:110px;
	padding:5px 15px 5px 280px;
 
	/* Reseting previous label values */
	width:auto;
	text-align:left;
	margin:0;
	background-repeat:no-repeat;
	background-position:257px 16px;
}
 
.blocks label.ok {
	background-image:url(../gfx/icook.gif);
	background-color:#deefca;
	color:#577530;
}
 
.blocks label.error {
	background-image:url(../gfx/icofail.gif);
	background-color:#f5d6d7;
	color:#c81925;
}
 
.area label.ok,
.area label.error {
	height:163px;
	padding-left:410px;
	background-position:387px 16px;
}
 
/* CSS3 */
.btn, .text, .textarea, .blocks label.error, .blocks label.ok { 
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}


tbody{
width:274px;
}

tbody tr{
height:30px;
}