/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.texteCredit{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #CCCCCC;	
}

.lienCredit{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration:none;
}
.lienCredit:hover{
	color:#999999;
	text-decoration:underline;
}

*{
	margin: 0 ;
}

h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	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;	
}
.clrleft
{
	clear:left;	
}
.clrright
{
	clear:right;
}
img
{
	border:none;
}

/********************* global ***********************/

#bg_gauche{
background:url(images/bg_gauche.jpg) right 0 no-repeat;}

#bg_droite{
background:url(images/bg_droite.jpg) left 0 no-repeat;}

#global{
width:949px;
margin:0 auto;}

#header{
width:949px;
background:url(images/bg_header.jpg) no-repeat;
height:201px;
float:left;}

#header .logo{
float:left;
margin:34px 24px 0 44px;}

.daval{
float:left;
width:550px;
padding:60px 0 0 0;}

.daval img{
float:left;
margin:0 7px 0 0;
}


/********************** content *************************/

#content{
float:left;
width:943px;
padding:3px 0 15px 4px;
border-top:1px solid #ebebeb;
border-left:1px solid #ebebeb;
border-right:1px solid #ebebeb;
}

#menu{
height:54px;
width:943px;
}

#menu li{
float:left;
}

#menu li.separateur{
width:1px;
background:url(images/separateur_menu.gif) no-repeat;
height:54px;
margin:0 4px 0 4px;
}

#menu .froid a{
background:url(images/froid.gif) no-repeat;
width:50px;
}

#menu .froid a span{
background:none;
margin:0px;}

#menu .metier a{
background:url(images/metier.gif) no-repeat;
width:126px;
height:50px;
}

#menu .metier a span{
background:none;
margin:0px;}


#menu .climatisation a{
background:url(images/climatisation.gif) no-repeat;
width:102px;
height:50px;
}

#menu .climatisation a span{
background:none;
}

#menu .energie a{
background:url(images/energie.gif) no-repeat;
width:135px;
height:50px;
}

#menu .energie a span{
background:none;
}

#menu li a{
float:left;
height:52px;
background:url(images/menuLeft.gif) no-repeat;
margin:6px 0 0 0;}

#menu li a span{
float:left;
height:42px;
font-size:11px;
background:url(images/menuRight.gif) no-repeat 100% 0;
padding:10px 9px 0;
color:#006da2;
font-weight:bold;
}

#menu li a:hover span, #menu li a.active span{
color:#666666;
}


#contentLeft{
float:left;
width:295px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#contentLeft .societe{
font-size:14px;
color:#006da2;
font-weight:bold;
margin:0 0 15px 0;}

#contentLeft p{
font-size:12px;
font-weight:bold;
color:#333333;
margin:0 0 15px 0;}

#contentLeft .numero{
font-size:18px;
color:#006da2;
font-weight:bold;
margin:0 0 15px 0;}


#contentRight{
float:left;
width:555px;
margin:29px 0 0 45px;}

#contentRight img{
float:left;
margin:0 15px 0 0;}

		
/*********************** footer **************************/

#footer{
width:949px;
background:url(images/bg_footer.jpg) no-repeat;
height:79px;
margin:0 auto;
float:left;}

#footer p{
font-size:11px;
font-weight:bold;
color:#999999;
text-align:center;
padding:30px 0 0 0;}

/*********************** page entreprise ****************************/

#content_entreprise{
float:left;
width:885px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#content_entreprise .titre1{
background:url(images/bg-titre1.gif) no-repeat;
height:33px;
line-height:33px;
font-size:18px;
font-weight:bold;
padding:0 0 0 20px;
margin:0 0 15px 0;
color:#fff;}

#bloc_historique{
width:885px;
float:left;
margin:0 0 15px 0;
}

#année{
float:left;
width:495px;}

#image_historique{
float:left;
width:300px;
margin:0 0 0 80px;}

#image_historique img{
float:left;
margin:0 0 5px 0;
border:2px solid #E8E8E8;}


#effectifs{
width:885px;
float:left;
margin:0 0 15px 0;
}

#effectifs .notre_service{
width:885px;}

#effectifs .image_service{
width:885px;
}

#effectifs .image_service img{
float:left;
margin:0 10px 0 0;
border:2px solid #E8E8E8;}


#content_entreprise p{
font-size:12px;
color:#000;
padding:0 0 15px 0;}

#content_entreprise p span{
font-size:14px;
font-weight:bold;
color:#000;}

#content_entreprise ul{
float:left;
padding:0 0 15px 0;}

#content_entreprise ul li{
background:url(images/puce_liste.gif) 0 3px no-repeat;
padding:0 0 0 17px;}

#content_entreprise .secteur{
margin:0 0 0 126px;
border:2px solid #E8E8E8;}


/*********************** points fort *****************************/

#content_point{
float:left;
width:885px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#content_point .titre1{
background:url(images/bg-titre1.gif) no-repeat;
height:33px;
line-height:33px;
font-size:18px;
font-weight:bold;
color:#fff;
padding:0 0 0 20px;
}

#content_point .titre2{
font-size:15px;
font-weight:bold;
margin:15px 0 0 0;
color:#a5b3bb;}


/************************ engagement qualite ****************************/

#content_engagement{
float:left;
width:885px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#content_engagement .titre1{
background:url(images/bg-titre1.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;
margin:0 0 15px 0;
}

#content_engagement p{
padding:0 0 15px 0;
}

#content_engagement .bloc1{
width:885px;
margin:0 0 8px 0;}

#content_engagement .bloc1 img{
float:left;
margin:0 20px 0 0;
}

#content_engagement .bloc1 p{
font-size:12px;
color:#000067;
margin:0 0 0 0;
}

#content_engagement .bloc1 span{
font-size:14px;
color:#000;
font-weight:bold;}

#content_engagement .bloc1 a{
font-weight:bold;
color:#2f5085;
}

#content_engagement .bloc1 a:hover{
text-decoration:underline;}



#content_engagement .bloc2{
width:885px;
margin:0 0 0 0;}

#content_engagement .bloc2 img{
float:left;
margin:0 20px 0 0;
}

#content_engagement .bloc2 p{
color:#000067;
padding:10px 0 0 0;}

#content_engagement .bloc2 span{
font-size:14px;
color:#000;
font-weight:bold;}

#content_engagement .bloc2 a{
font-weight:bold;
color:#2f5085;}

#content_engagement .bloc2 a:hover{
text-decoration:underline;}


#content_engagement .bloc3{
float:left;
width:885px;
margin:5px 0 0 0;
}

#content_engagement .bloc3 img{
float:left;
margin:0 47px 0 0;
}

#content_engagement .bloc3 p{
color:#000067;
margin:15px 0 0 0;
}

#content_engagement .bloc3 span{
font-size:14px;
color:#000;
font-weight:bold;}

#content_engagement .bloc3 a{
font-weight:bold;
color:#2f5085;}

#content_engagement .bloc3 a:hover{
text-decoration:underline;}

#membre{
float:left;
width:885px;
margin:20px 0 0 0;
}

#membre .parA{
font-size:14px;
font-weight:bold;
color:#2f5085;
}

.membre1{
float:left;
width:400px;
padding:0 0 0 0;
}

.membre1 p{
font-size:14px;
font-weight:bold;
text-align:center;
color:#2f5085;}

.membre1 img{
margin:0 0 0 150px;}

.membre1 p a{
color:#0793d2;}

.membre1 p a:hover{
text-decoration:underline;}


#member2{
width:400px;
float:left;}

#member2 p{
font-size:14px;
font-weight:bold;
text-align:center;
color:#2f5085;}

#member2 img{
margin:0 0 0 150px;}

#member2 p a{
color:#0793d2;}

#member2 p a:hover{
text-decoration:underline;}

/******************* page froid + metiers**************************/


#content_froid{
float:left;
width:885px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#content_clim{
float:left;
width:885px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#content_bouche{
float:left;
width:885px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#content_energie{
float:left;
width:885px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#content_froid2{
float:left;
width:885px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#content_froid .titre1{
background:url(images/bg-titre1.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;}

#content_clim .titre1{
background:url(images/bg-titreclim.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;}

#content_bouche .titre1{
background:url(images/bg-titrebouche.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;}

#content_froid2 .titre1{
background:url(images/bg-titrefroid.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;}

#content_energie .titre1{
background:url(images/bg-titreenergie.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;}

#content_froid .titre1b{
background:url(images/bg-titre1b.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;}

#content_froid .titre2{
font-size:15px;
font-weight:bold;
margin:15px 0 0 0;
color:#a5b3bb;}

#content_froid p{
font-size:12px;
color:#000;
padding:0 0 15px 0;}

#content_froid p span{
font-size:14px;
font-weight:bold;
color:#000;}

#content_froid ul{
padding:0 0 15px 0;}

#content_froid ul li{
background:url(images/puce_liste.gif) 0 3px no-repeat;
padding:0 0 0 17px;}


#content_clim .titre1b{
background:url(images/bg-titre1bclim.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;}

#content_clim .titre2{
font-size:15px;
font-weight:bold;
margin:15px 0 0 0;
color:#E52D87;}

#content_clim p{
font-size:12px;
color:#000;
padding:0 0 15px 0;}

#content_clim p span{
font-size:14px;
font-weight:bold;
color:#000;}

#content_clim ul{
padding:0 0 15px 0;}

#content_clim ul li{
background:url(images/puce_liste.gif) 0 3px no-repeat;
padding:0 0 0 17px;}


#content_clim .titre1b{
background:url(images/bg-titre1bclim.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;}

#content_bouche .titre2{
font-size:15px;
font-weight:bold;
margin:15px 0 0 0;
color:#F6A800;}

#content_bouche p{
font-size:12px;
color:#000;
padding:0 0 15px 0;}

#content_bouche p span{
font-size:14px;
font-weight:bold;
color:#000;}

#content_bouche ul{
padding:0 0 15px 0;}

#content_bouche ul li{
background:url(images/puce_liste.gif) 0 3px no-repeat;
padding:0 0 0 17px;}


#content_energie .titre2{
font-size:15px;
font-weight:bold;
margin:15px 0 0 0;
color:#A4C424;}

#content_energie p{
font-size:12px;
color:#000;
padding:0 0 15px 0;}

#content_energie p span{
font-size:14px;
font-weight:bold;
color:#000;}

#content_energie ul{
padding:0 0 15px 0;}

#content_energie ul li{
background:url(images/puce_liste.gif) 0 3px no-repeat;
padding:0 0 0 17px;}


#content_froid2 .titre2{
font-size:15px;
font-weight:bold;
margin:15px 0 0 0;
color:#A5B3BB;}

#content_froid2 p{
font-size:12px;
color:#000;
padding:0 0 15px 0;}

#content_froid2 p span{
font-size:14px;
font-weight:bold;
color:#000;}

#content_froid2 ul{
padding:0 0 15px 0;}

#content_froid2 ul li{
background:url(images/puce_liste.gif) 0 3px no-repeat;
padding:0 0 0 17px;}



.clim_fr{
font-size:14px;
font-weight:bold;
display:block;
}

.img_lien{
clear:both;
float:left;}

.img_lien img{
float:left;
margin:0 40px 20px 40px;}

.img_lien a{
float:left;
font-weight:bold;
color:#0793d2;
padding:30px 0 0 50px;
background:url(images/puce_lien.gif) 0 33px no-repeat;
}

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

.representant{
clear:both;
margin:0 0 0 40px;}

/***************************** contact *********************************/

#content_contact{
float:left;
width:885px;
margin:29px 0 0 0;
padding:0 0 0 28px;
}

#content_contact .titre1{
width:200px;
background:url(images/bg-noir-titre.gif) no-repeat;
height:44px;
line-height:44px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;
margin:0 0 15px 0;}

#contact_adresse{
width:300px;
float:left;
}

#contact_adresse .titre2{
font-size:15px;
font-weight:bold;
margin:15px 0 0 0;
color:#a5b3bb;}

#contact_adresse .titre3{
font-size:13px;
font-weight:bold;
color:#a5b3bb;}


#contact_adresse .contact1{
width:300px;
}

#contact_adresse .contact2{
width:300px;
margin:0 0 0 0;
}

#contact_adresse .contact3{
width:300px;
margin:15px 0 0 0;
}

/**************** formulaire **************/

#formulaire {
	width:579px;
	float:left;
	background:url(images/separateurC.jpg) 70% 10% no-repeat;
	vertical-align:top;
}

#formulaire .titreForm {
background:url(images/bgTitreF.gif) no-repeat;
height:33px;
line-height:33px;
padding:0 0 0 20px;
font-size:18px;
font-weight:bold;
color:#fff;
width:260px;
margin:0 0 15px 18px;
display:inline
}

.formgauche {
	width:260px;
	padding:0 10px 0 20px;
	float:left;
}
#formulaire p {
	width:263px;
	float:left;
	padding:3px 0 3px 0;
	font-size:11px;
	color:#000;
	text-align:left;
	background:none;
}
#formulaire span {
	float:left;
	padding-top:1px;
	font-size:11px;
	color:#000;
}
#formulaire .question {
	padding:1px 0 0 0;
}
#formulaire input{
	float:right;
	width:180px;
	height:15px;
	border:1px solid #bab8b9;
	background:#e4e4e4;
	color:#000;
}
#formulaire textarea {
	float:right;
	width:190px;
	height:90px;
	border:1px solid #bab8b9;
	background:#e4e4e4;
	color:#000;
}
#formulaire .bout {
	width:95px;
	height:22px;
	border:none;
	float:right;
	background:none;
}
#formulaire em {
	color:#F36E1C;
}
#formulaire .rouge {
	width:195px;
	color:#b7121a;
	font-weight:bold;
	float:left;
}
#message {
	float:left;
	width:210px;
	padding-left:5px;
}
#formulaire .none {
	float:none;
}