/* climat aire */
body {	
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/px_body.jpg) repeat-x #9DD6F9;
	color:#FFFFFF;
	font-size:11px;
	text-align:left;
	margin:0 auto;
}

h2,h3,h4,p {
	display:block;
	margin:0;
	padding:0;
}
h2 {
	font-size:24px;
}

h4 {
	font-size:16px;	
}

a {
text-decoration:none;
	
}

.marge {
	line-height:18px;
}
/*-------------- div principal-------*/
#page {
	width:955px;
	background: url(images/fond_page.jpg) no-repeat 0 0;
	height:100%;
	display:table;
	margin:0 auto;
}

#conteneur {
	margin:35px auto;
	width:841px;
}

*{
	margin:0; padding:0;
}
.clear {
	margin:0;
	padding:0;
	clear:both;
}


/*----------banniere-----*/

#banniere {
	background:url(images/banniere.jpg) no-repeat;
	width:841px;
	height:159px;
	float:left;
	margin:0;
}
#banniere1 {
	background:url(images/banniere1.jpg) no-repeat;
	width:841px;
	height:159px;
	float:left;
	margin:0;
}
/*---------logo------*/
#logo {
	margin:34px 0 0 27px;
	float:left;	
}
/*---------menu----------*/
#menu {
	background: url(images/fond_menu.jpg) no-repeat;
	height:23px;
	margin:0;
	width:841px;
	float:left;
}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:2px  0 0 0;
	height:20px;
}
#menu li {
	margin:0;
	text-decoration: none;
	display: inline;
	

	
}
#menu li a {
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	border-right:2px solid #fff;
	padding:0px 14px 0 14px;
	
}
#menu li a:hover {
	font-size:15px;
	color:#C12119;	
}

#menu li a.actif {
	font-size:15px;
	text-decoration:none;
	color:#C12119;	
}
#contenu {
	width:841px;
	height:100%;
	margin:0;
	float:left;
	background: url(images/px_contenu.jpg) repeat-x #253D85;
}




/*-------------accueil-------*/

/*----------contenu-------*/
#cont_gche_index {
	float:left;
	width:501px;
	padding:18px 0 0 17px;
}
#cont_gche_index h2 {
	font-size:18px;
	color:#EB7C00;
	padding:3px 0 10px 0;
	text-align:left;
}
#cont_gche_index p{
	padding:0 20px 15px 0;
	text-align:justify;
}
#cont_images {
	float:left;
	width:501px;
	padding:3px 0 0 0 ;
}
#cont_images img {
	margin:0 12px 0 0;
	border:#EB7C00 solid 1px;
	float:left;
}
#cont_gche_index a {
	text-decoration:none;
	color:#fff;
}
#cont_gche_index a:hover {
	text-decoration:underline;
}
#cont_images p {
	text-align:left;
	background:url(images/puce.gif) no-repeat 325px 4px;
	padding:0 0 0 335px;
	text-align:justify;
}

#cont_images1 {
	float:left;
	width:501px;
}
#cont_images1 img {
	margin:4px 5px 0 0px;
	border:none;
	float:left; 
}
#cont_drte_index {
	float:left;
	width:265px;
	margin:18px 0 0 40px;
	background:url(images/fnd_prst_repeat.jpg) repeat-y;
}
#cont_drte_ind {
	background: url(images/fnd_bas_pres.jpg) no-repeat 0 100%;
	width:265px;
	height:100%;
	float:left;
}
#cont_drte {
	background: url(images/fond_prest.jpg) no-repeat;
	width:265px;
}
#cont_drte_haut {
	float:left;
	height:352px;
}
#cont_drte h3 {
	color:#BA131D;
	font-size:18px;
	text-align:center;
	width:265px;
	float:left;
	padding:4px 0 0 0;
}
#cont_drte_img {
	text-align:center;
	width:265px;
	padding:20px 0 16px 0;
	float:left;
}
.image {
	margin:20px 0 0 0;
}
#cont_drte h4 {
	background:url(images/puce1.jpg) no-repeat 10px 4px;
	color:#FFF9FE;
	font-size:12px;
	text-align:left;
	width:245px;
	float:left;
	padding:0 0 0 20px;
}
/*------------------climatisation/froid--------------------*/
#cont_gche_clim {
	float:left;
	width:347px;
	margin:37px 0 0 0;
	padding:0 0 0 17px;
	border-right:#FFFFFF solid 3px;
}
#cont_gche_clim h2 {
	font-size:18px;
	color:#EB7C00;
	padding:5px 0 9px 0;
	text-align:left;
}

#cont_gche_clim p {
	padding:0 20px 5px 0;
	text-align:justify;
}

#cont_drte_clim {
	float:left;
	width:350px;
	border-left:#FFFFFF solid 3px;
	margin-top: 37px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -3px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 14px;
}
#cont_drte_clim h2 {
	font-size:18px;
	color:#EB7C00;
	padding:5px 0 9px 0;
	text-align:left;
}
#cont_drte_clim p {
	padding:0 20px 5px 0;
	text-align:justify;
}

#cont_drte_clim img {
	margin:20px 0 0 0;
}
#cont_images_clim {
	float:left;
	width:347px;
}
#cont_images_clim img {
	margin:18px 12px 0 0;
	border:#EBFFFF solid 1px;
	float:left;
}
#cont_drte_bas {
	float:left;
	width:429px;
	margin:18px 0 0 0;
	background:url(images/fnd_clim_repeat.jpg) repeat-y;
}
#cont_drte_bas1 {
	background: url(images/fnd_bas_clim.jpg) no-repeat 0 100%;
	width:429px;
	float:left;
}
#cont_drte_bas2 {
	background: url(images/fnd_clim.jpg) no-repeat;
	width:429px;	
}
#cont_clim_haut {
	height:112px;
	float:left;
}
#cont_drte_rever {
	padding:24px 0 0 240px;
	float:left;
	width:180px;
	height:88px;
}
#cont_drte_rever h3 {
	background:url(images/puce1.jpg) no-repeat 0 4px;
	color:#BA131D;
	font-size:12px;
	text-align:left;
	padding:0 0 0 10px;
	float:left;
}
/*---------geothermie/aerothermie------*/

.orangebold {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#EB7C00;
}

#cont_gche_clim2 {
	float:left;
	width:420px;
	margin:20px 0 0 0;
	padding:0 0 20px 25px;
	text-align:center;
}

#cont_gche_clim2 h2 {
	font-size:18px;
	color:#EB7C00;
	padding:10px 0 9px 0;
	text-align:left;
}

#cont_gche_clim2 h3 {
	font-size:16px;
	color:#fff;
	padding:10px 0 9px 0;
	text-align:left;
}

#cont_gche_clim2 p {
	padding:10px 20px 0px 0;
	text-align:justify;
	width:390px;
}

#cont_gche_clim2 img {
	border:1px solid #fff;
	margin:00px 25px 0px 0;
}

#cont_drte_clim2 {
	float:left;
	width:448px;
	margin:20px 0 0 -3px;
	padding:0 0 0 14px;
	border-left:#FFFFFF solid 3px;
}
#cont_drte_clim2 h2 {
	font-size:18px;
	color:#EB7C00;
	padding:0px 0 9px 0;
	text-align:left;
}
#cont_drte_clim2 p {
	margin:10px 0 0 0;
	padding:10px 0px 0px 0;
	text-align:justify;
}

#cont_drte_clim2 img {
	border:1px solid #fff;
	margin:10px 10px 0 0;
}
#cont_images_clim2 {
	float:left;
	width:347px;
}
#cont_images_clim2 img {
	margin:18px 12px 0 0;
	border:#EBFFFF solid 1px;
	float:left;
}


#cont_drte_clim2 {
	float:left;
	width:350px;
	border-left:#FFFFFF solid 3px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -3px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 14px;
}
#cont_drte_clim2 h2 {
	font-size:18px;
	color:#EB7C00;
	padding:10px 0 9px 0;
	text-align:left;
}
#cont_drte_clim2 p {
	padding:0px 0px 5px 0;
}

#cont_images_clim2 {
	float:left;
	width:347px;
}
#cont_images_clim2 img {
	margin:18px 12px 0 0;
	border:#EBFFFF solid 1px;
}

#site_encours {
	padding:50px 0 0 300px;
	float:left;
}

.h2 {
	font-size:18px;
	color:#EB7C00;
	padding:10px 0 9px 25px;
	text-align:left;
}

.texte{
	padding:10px 20px 0px 25px;
	text-align:justify;
	width:390px;
	float:left;
}

.photos2 {
	float:left;
	border:1px solid #fff;
	margin: 0 0 15px 15px;
}

#geothermie {
	float:left;
	width:390px;
	margin:20px 0 0 0;
	padding:0 0 20px 0px;
}

#geothermie h3 {
	font-size:18px;
	color:#EB7C00;
	padding:10px 0 9px 0;
}

#geothermie p {
	padding:10px 20px 0px 0;
	text-align:justify;
}
/*-------------contact-------------------*/
#contact_left {
	padding:35px 0 0 27px;
	float:left;
	width:461px;
	height:360px;
}
#contact_right {
	padding:35px 0 0 30px;
	float:left;
	width:301px;
}
#coordon {
	width:301px;
	float:left;
}
#adresse {
	background: url(images/adresse.jpg) no-repeat 0 0;
	width:211px;
	text-align:left;
	float:left;
	padding:2px 0 0 90px;
	font-size:14px;
	font-weight:bold;
}
#email {
	background: url(images/email.jpg) no-repeat 0 0;
	width:211px;
	text-align:left;
	float:left;
	padding:2px 0 0 90px;
	font-size:14px;
	font-weight:bold;
}
#tele {
	background: url(images/tel.jpg) no-repeat 0 0;
	width:211px;
	text-align:left;
	float:left;
	padding:2px 0 10px 90px;
	font-size:14px;
	font-weight:bold;
}
#adresse_fnd {
	background:url(images/px_coordon.jpg) repeat-y;
	width:301px;
	float:left;
	margin:10px 0 4px 0;
}
/******* formulaire *****/
#formulaire{
	float:left;
	width:290px;
	padding:16px 0 0 7px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bolder;
}

#formulaire form{
display: inline;
}

#formulaire p{
	margin:0 0 3px 0; 
	width:290px;
	padding:0;
	float:left;
}
 
#formulaire span{
	float:left;
	clear:left;
	font-weight:bolder;
}
 
 #formulaire .info{
	clear: both;
	text-align:right;
}

#formulaire em{
	color:#EB7C00;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #EA7C01;
	width:210px;
	height:15px;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #FF8F0B;
	width:210px;
	height:70px;
}
#formulaire .bout{
	width: 41px;
	height:16px;
	border:none;
	
}

#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	float:right;
	padding-top:5px;
}

/*----------footer----------*/
#footer{
	margin:20px auto;
	width:841px;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	clear:both;
	font-weight:bolder;
}
#footer ul{
	list-style-type:none;
	text-align:center;
	margin:0 0 0 230px;
	padding:7px 0 0 0;
}
#footer li{
	float:left;
	color:#FFFFFF;
	margin:0 4px 0 0;
}
#footer li a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer li a:hover{
	text-decoration:none;
	color:#CCCCCC;
}
#footer address{
	font-style:normal;
	text-align:center;
	color:#EB7C00;
	clear:both;
}
#footer address span{
	position: relative;
	top:5px;
}
/*******************/
.logotoptec{
	width:350px;
	margin:16px 0 0 0;
	font-size:9px;
	text-align:center;
}
.logotoptec a{
	color:#FFFFFF;
	text-decoration:none;
}
.logotoptec a:hover{
	color:#828282;
	text-decoration:none;
}

.float{
	float:right;
	padding: 0 0 0 10px;
}