/* CSS Document */
@import "/css/linkeopowered3.css";

body
{
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/px_body.jpg) repeat-x left top #FFFFFF;
	color:#000;
}
*  {
	margin: 0 ;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	padding:2px 0 5px 0;
	text-align:justify;
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;
	height: 1px;
}
.clrbleu
{
	clear:both;
	height: 1px;
	background-color: #2B689F;
	margin: 8px 0 8px 0;
}
.clrleft
{
	clear:left;	
}
.clrright
{
	clear:right;
}
img
{
	border:none;
}
/********************************************************************************/
#page
{
	margin:0 auto;
	width:955px;
}
#header
{
	float:left;
	height:177px;
	width:955px;
	padding:0 0 0 0;	
}
.head_acc
{
	background:url(images/header_acc.jpg) no-repeat 0 top;
}
.head_int
{
	background:url(images/header_int.jpg) no-repeat 0 top;
}
.head_contact
{
	background:url(images/header_contact.jpg) no-repeat 0 top;
}
.logo
{
	float:left;	
	margin:30px 0 0 50px;
}
/*----top menu-----*/
#TopMenu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	letter-spacing:-1px;
	text-align:center;

}
#TopMenu li{
	display:inline;
	color:#77b6d0;
}
#TopMenu li a {
	color:#77b6d0;
	padding-left:2px;
}
#TopMenu li a:hover, #TopMenu .actif {
	color:#FFFFFF;
}
/*-----fin top menu------*/

/**********************************************MENU************************************************/
#menu
{
 
 width:673px;
 padding:126px 30px 0 0;
 float:right;

}
#menu li{  
 float:left;
 margin-right:8px;
 text-align:center;
}
#menu  a
{ 
 font-size:18px; 
 font-weight:bold; 
 color:#77b6d0;
 background:url(images/menu_a.gif) no-repeat 0 0;
 display:block;
 height:31px;
 width:162px;
 padding-top:5px;
}
#menu a:hover,#menu .active
{ 
 background:url(images/menu_hov.gif) no-repeat 0 0;
 color:#fae600; 
}
#menu #contact
{ 
	margin-right:0px;
}
/************************************index*********************************/
.contenu_acc
{
background:url(images/bg_contenu.jpg) 0 0 no-repeat;
width:905px;
float:left;
padding:20px 0 20px 50px;
color:#003580;
}
.slogo
{
	float:left;	
	margin:0 0 0 20px;
	padding:0;
}

.blockleft
{
width:358px;
float:left;
padding-bottom:10px;
}
.blockright
{
width:540px;
float:left;
}
.imgengae
{
float:left;
margin: 5px 0 5px 20px;
}
.bloc_presentation
{
width:327px;
float:left;
background:url(images/bloc_presentation.jpg) top left no-repeat;
padding:8px 8px 0 8px;
color:#003580;
margin-right:0;
}
.bloc_presentation2
{
	width:561px;
	float:left;
	background:url(images/bloc_presentation2.jpg) top left no-repeat;
	padding:14px 12px 0 8px;
	color:#003580;
	margin-right:0;
	position: relative;
}

.titre_enga
{
font-size:18px;
}
.bloc_actua
{
	width:343px;
	float:left;
	background:url(images/bloc_actu.jpg) top left no-repeat #FFFFFF;
	color:#003580;
	padding: 8px 0 0 0;
	position: relative;
	margin-bottom: 0px;
}
.bloc_actua span
{
color:#efaa22;
font-weight:bold;
}
.titre_actu
{
font-size:18px;
padding:0 0 10px 20px;
}
.align_imgact
{
float:left;
padding:1px;
border:solid 1px #1c4289;
margin:2px 5px 0 0;
}
.paract
{
color:#003580;
width:315px;
padding:0 0 14px 20px;
}
.paract img
{
float:left;
padding:1px;
border:solid 1px #1c4289;
margin:2px 5px 0 0;
}
.parasuite
{
background:url(images/puce_act.gif) 0 15px no-repeat;
width:150px;
padding:12px 0 0 15px;
float:left;
}
.parasuite a
{
color:#003580;
font-weight:bold;
}
.parasuite a:hover
{
color:#f6d10c;
}
.parasuite2
{
background:url(images/puce_act.gif) 0 15px no-repeat;
padding:12px 0 0 15px;
}
.parasuite2 a
{
color:#003580;
font-weight:bold;
}
.parasuite2 a:hover
{
color:#f6d10c;
}
.align_btmact
{
float:left;
display:block;
}
.bloc_thermo
{
	width:327px;
	float:left;
	background:url(images/bloc_thermo.jpg) top left no-repeat #FFFFFF;
	padding:14px 8px 0 8px;
	color:#efaa22;
	position:relative;
	line-height:19px;
	margin: 10px 0 0 0;
}
.parapuce{
background:url(images/puce2.gif) 0 4px no-repeat;
padding:0 0 0 14px ;
font-size:13px;
}
.parapuce a{
	color:#073B84;
	}
	
.parapuce a:hover{
	color:#EFAA22;
	}
		
.absfamille{
	position:absolute;
	top: -30px;
	left: 400px;
}
.devis{
background:url(images/bg_devis.jpg) 20px 0 no-repeat;
width:163px;
float:left;
padding:15px 10px 10px 30px;
}
.titre_devis
{
font-size:16px;
text-align:center;
font-weight:bold;
letter-spacing:-1px;
padding-top:0;
}
.petitalik{
	font-size:10px;
	font-style:italic;
}

/***********************************actualites*******************************************/
.contenu_int
{
background:url(images/bgcontenu_int.jpg) 0 0 no-repeat;
width:905px;
float:left;
padding:20px 0 0 50px;
}
.act
{
padding-bottom:90px;
}

.bloc_actua2
{
	width:343px;
	float:left;
	background:url(images/actua2.jpg) no-repeat 0 0;
	color:#003580;
}

.bloc_actua3
{
width:443px;
float:left;
background:url(images/bloc_presentation3.jpg) top left no-repeat;
padding:5px 0 0 0 ;
color:#003580;
margin-right:15px;
}

.bloc_actua3 img
{
margin:0 15px 0 8px;
float:left;
}

#actua2-entour{
	width:343px;
	padding:30px 15px 0 0;
}

.titre_act
{
font-size:18px;
padding:0 15px 5px 8px;
}
.para_act
{
padding:0 15px 0 8px;
}

/*********************************realisations**********************************************/
.blockleft_int
{
width:543px;
float:left;
}
.blockright_int
{
width:335px;
float:left;
color:#003580;
}
.bloc_diapo{
width:513px;
float:left;
background:url(images/bloc_diapo.jpg) no-repeat #FFFFFF;
padding:23px 0 0 20px;
color:#003580;
}
.picto img{
float:left;
padding:0 0 1px 2px;
cursor:pointer;
}
.cadreimg{
float:left;
width:391px;
}

.picto{
float:left;
width:115px;
padding:0 0 0 5px;
}

.cadreimg
{
float:left;
}
.titre_diapo
{
font-size:18px;
padding:23px 0 5px 0;
color:#003580;
}
.bloc_gamme
{
width:304px;
float:left;
background:url(images/bg_gamme.jpg) top left no-repeat #FFFFFF;
margin:0;
padding:23px 8px 0 20px;
color:#003580;
text-align:left;
}
.bloc_gamme strong
{
font-size:13px;
font-style:italic;
}
.bloc_gamme p
{
line-height:12px;
text-align:left;
padding:2px 0 2px 0;
font-size:11px;
}
.bloc_gamme p.titre_diapo
{
font-size:18px;
padding:0 0 10px 0;
color:#003580;
}
.align_imgint1
{
float:left;
padding:0 10px 5px 0;
}
.align_imgint2
{
float:right;
padding:0 20px 5px 0;
}
.align_imgint2 img
{
	display:block;
	padding: 0;
}
.leg
{
	display:none;
	padding:10px 0 0 0;
	width:495px;
	float:left;
	font-weight:bold;
	text-align:left;
	
}
.visible
{	
	display:block;
}

/*********************************Contact************************************************/
#cont{ 
	float:left; 
	width:905px;
	background:url(images/bg_cont.jpg) #fff no-repeat; 
	padding:20px 0 0 50px;
}

#adresse{
	width:534px;
	float:left;
	background:url(images/bg_adresse.jpg) no-repeat #FFF7EC;
	padding:38px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
#adresse img{
	float:left;
}
.cordg
{
	float:left;
	width:230px;
	padding:0 0 25px 28px;
}
.cordd
{
	float:right;
	width:246px;
}
#adresse span
{
	display:block;
	color:#063881;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	letter-spacing:-1px;
}
#adresse .homme
{
	background:url(images/icon_home.gif) no-repeat 0 0;
	padding:0 0 26px 22px;	
}
#adresse .tel
{
	background:url(images/icon_tel.gif) no-repeat 0 0;
	padding:0 0 0 22px;	
}
#adresse .aro
{
	background:url(images/icon_email.gif) no-repeat 0 0;
	padding:0 0 42px 22px;	
}
#adresse .ouvert
{
	background:url(images/icon_ouvert.gif) no-repeat 0 0;
	padding:0 0 0 22px;	
}
#plan{
	width:343px;
	float:left;
	background:url(images/arrondie_plan_haut.jpg) no-repeat #FFFFFF; 
	margin:10px 10px 0 0;
	padding:13px 0 45px 0;
}

#plan .contentPlan{ float:left; background:url(images/bg_plan.jpg) #fff repeat-x; width:323px; padding-left:18px; border:1px solid #fff; border-top:none; border-bottom:none}

#plan .contentPlan .titlePlan{ color:#003580; font-size:18px; font-weight:bold; padding-bottom:16px}

/*----------------------------------------------------Formulaire-----------------------------------------------------*/

#formulaire{ 
	float:left;
	 background:url(images/arrondie_formulaire_haut.jpg) #fff no-repeat; 
	width:328px;
	padding:14px 0 0 16px;
	margin:10px 0 0 0;
}

#formulaire .titleFormulaire{font-size:18px; font-weight:bold; color:#efaa22; padding-bottom:16px}

#formulaire form p{
	width:328px;
	float:left;	
	padding:0 0 5px 0;
	color:#efaa22;
	margin:0px
}
#formulaire form span{
	float:left;		
	font-size:12px;
	padding:2px 0 0 0;
	width:70px;
} 
#formulaire input{
	float:left;	
	width:162px;
	height:21px;
	border:1px solid #efaa22;
	padding:0px;
	margin:0px;
	background:#fff;
	color:#000;
}
#formulaire textarea{
	float:left;	
	width:162px;
	height:70px;	
	border:1px solid #efaa22;	
	padding:0;
	overflow:hidden;
	background:#fff;
	color:#000;
}
#formulaire .bout{
	width:54px;
	height:17px;
	border:none;
	float:left;
	background:none;
	margin-top:53px;
	margin-left:15px
}
#formulaire em{
	color:#000	;
	margin:0px; padding:0px;
	font-style:normal;	
}
#formulaire .rouge{
	color:#efaa22;	
	font-weight:bold;
	padding:7px 0 0 0; float:none;
	text-align:center;
}
#formulaire .champ{
	color:#efaa22;
	font-weight:bold;
	float:left;
	white-space:nowrap;		
}
/*-------------------------------------------------------Footer---------------------------------------------------------------*/

/***********************************Mention**********************************/
.contenuMention{
	background:url(images/bgcontenu_int.jpg) 0 0 no-repeat;
	width:905px;
	float:left;
	padding:20px 0 30px 50px;
}
.contenuMention p{
	 padding:4px 0 4px 0;		
	 line-height:18px;
}
.contenuMention .titre_ment
{
	font-size:18px; font-weight:bold; color:#fff; padding-bottom:16px;
	line-height:normal;		
}
.contenuMention .fonce
{
	color:#1F98C1;	
	font-weight:bold;
}
.contenuMention strong
{
	color:#002F7A;
}
/*********************************Footer************************************************/

#footer{ 
clear:both;
width:895px;
margin:0 auto;
padding:30px 0 40px 60px;
font-size:11px;
  }
#footer .imgfooter{
float:left;
margin-right:15px;
}
#footer p{
width:160px;
border-left:1px solid #77b6d0;
font-size:11px;
color:#003580;
padding-left:11px;
float:left;
padding-right:15px;
line-height:14px;
}
#footer .nav{
width:300px;
border-left:1px solid #77b6d0;
color:#003580;
padding-left:11px;
float:left;
padding-right:15px;}
#footer .nav p{
width:300px;
border-left:none;
font-size:11px;
color:#003580;
float:left;
line-height:13px;
padding:0 0 0 0;
margin:0;
}
#footer .nav ul{
margin:0px;
padding:0px;
float:left;
}
#footer .nav li{
	list-style:none;
	display:inline;

}
#footer .nav li a{
	font-size:11px;
	color:#003580;
	text-decoration:none;
	line-height:14px;
}
#footer .nav li a:hover{
	font-size:11px;
	color:#003580;
	text-decoration:underline;
}
#footer #toptech {	
	border:none;	
	text-align:center;
	padding:20px 0 0 0;
	margin:0;
	width:825px;	
}
#footer p.adr{
font-size:11px;
}
#footer object{ 
position:relative;
top:6px;
left:-5px;
}
#toptech a{
	color:#000000;
	font-size:9px;
	outline:none;
}
#toptech a:hover{
	color:#1E98C1;	
}

/*************************************************/
#porte{
	width:304px;
	}

#portegauche{
	width:152px;
	float: left;
	}

#portedroite{
	width:152px;
	float: left;
	}
	
#fabricant {
	position:absolute;
	bottom:0px;
	right:-100px;
}

#usine {
	float:left;
	margin: 10px 0 0 0;
}