BODY{
  text-align:center;
  font-family:verdana;
  font-size:10pt;
  margin:0;
  	background-image:url(images/background.jpg);
  background-color:#cdcdcd;
}

.cadre{


	width:1000px;
   padding-left:20px;
	margin-left:auto;
	margin-right:auto;

}


IMG{
border:0px;
}

/*******************/
/*Couleur des liens*/
/*******************/
A{
 color:#696969;
 text-decoration:none;
}

A:hover{
  color:#99CB44;
}



/******************************/
/*Couleur et taille des titres*/
/******************************/


H1{
	font-size:12pt;
	font-weight:bold;
	color:#84B037;
	border-bottom:1px dotted #84B037;
}
H2{
	font-size:10pt;
	color:#84B037;
	margin:0px;
	margin-bottom:5px;
	}
/*taille et couleur texte dans mention legales*/
H3{
	font-size:9pt;
	color:#000033;
	font-weight:normal;
}	

/*taille et couleur titre dans mention legales*/
H4{
	font-size:10pt;
	color:black;
	line-height:15px;
	margin:0px;
}
H5{
	font-size:7pt;
	color:black;
}
H6{
	font-size:6pt;
	color:black;
}

/***************************/
/* Structure de la banniere*/
/***************************/

.ban{
	float:left;
	width:1000px;
	height:100px;
	background-color:#202020;
	text-align:left;
font-size:8pt; 
	/*background-image:url(images/header.jpg);*/
}

.pro{
float:right;
width:250px !important;
width:220px;
height:100px;

}

/************************/
/* Structure du MENU*/
/************************/

.cadremenu{
	float:left;
	width:1000px;
	height:218px;
	background-color:#654357;
}

.menu{
	float:left;
	width:178px;
	height:218px;
	background-color:#7DAC2C;	
}


.cadressmenu{
	float:left;
	width:175px;
	height:218px;
	background-color:#99CB44;
}

A.bt{
	float:left;
	width:163px;
	background-color:#7DAC2C;	
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	min-height:15px !important;
	height:auto !important;
	height:15px;
	padding-top:5px;
	padding-left:15px;
	background-image:url(images/fleche.jpg);
	background-repeat:no-repeat;
	background-position:7px 10px;
}

A.btover{
	float:left;
	width:163px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	min-height:20px !important;
	height:auto !important;
	height:20px;
	padding-top:5px;
	padding-left:15px;
	background-color:#99CB44;	
	background-image:url(images/fleche2.jpg);
	background-repeat:no-repeat;
	background-position:7px center;
}

A.bt:hover{
	float:left;
	color:#FFFFFF;
	background-color:#99CB44;	
	background-image:url(images/fleche2.jpg);
	background-repeat:no-repeat;
	background-position:7px center;
}
A.btSM{
	float:left;
	width:165px;
	background-color:#99CB44;	
	color:#FFFFFF;
	text-align:left;
	min-height:15px !important;
	height:auto !important;
	height:15px;
	padding-top:3px;
	padding-left:10px;
	font-size:9pt;
	/*font-weight:bold;*/
}
A.btSM:hover{
	background-color:#7DAC2C;
	color:#FFFFFF;
}

A.btSMover{
	float:left;
	width:165px;
	background-color:#7DAC2C;
	color:#FFFFFF;
	text-align:left;
	min-height:20px !important;
	height:auto !important;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	font-size:9pt;
}




.defaut{
	float:right;
	width:647px;
	height:218px;
	background-image:url(images/flash.jpg);
}

.domotique{
	float:right;
	width:647px;
	height:218px;
	background-image:url(images/bandeau-domotique.jpg);
}

.eclairage{
	float:right;
	width:647px;
	height:218px;
	background-image:url(images/bandeau-leds.jpg);
}
.chauffage{
	float:right;
	width:647px;
	height:218px;
	background-image:url(images/ecostone.jpg);
}
.volets{
	float:right;
	width:647px;
	height:218px;
	background-image:url(images/flash.jpg);
}
.pavillon{
	float:right;
	width:647px;
	height:218px;
	background-image:url(images/bandeau-pavillon.jpg);
}
.maison{
	float:right;
	width:647px;
	height:218px;
	background-image:url(images/bandeau-maison.jpg);
}
/************************/
/* Structure de la page */
/************************/

.cont{
	float:left;
	padding-bottom:40px;
	min-height:200px !important;
	height:auto !important;
	height:200px;
	width:1000px;
	background-color:#CCFF66;
	/*background-image:url(images/backCont.jpg);*/
	font-size:10pt;
}

.left{
	float:left;
	width:220px;	
	min-height:200px !important;
	height:auto !important;
	height:200px;
	position:relative;
	left:15px;
	background-color:#123456;
	top:20px;
}

.newstop{
	float:left;
	width:220px;
	height:21px;
	background-image:url(images/newsTop.jpg);
}

.newstxt{
	float:left;
	width:220px;
	min-height:200px !important;
	height:auto !important;
	height:200px;
	background-color:#FFF;
}

.newsbottom{
	float:left;
	width:220px;
	height:20px;
	background-image:url(images/newsBottom.jpg);
}


.right{
	float:left;
	width:735px;			
	min-height:200px !important;
	height:auto !important;
	height:200px;		
	position:relative;
	left:30px;
	top:20px;
	/*background-color:#789db8;*/
}

.conttop{
	float:left;
	width:735px;
	height:21px;
	background-image:url(images/contTop.jpg);
}

.conttxt{
	float:left;
	width:705px;
	min-height:200px !important;
	height:auto !important;
	height:200px;
	text-align:justify;
	background-color:#FFF;
	padding:0px 15px;
}

.contbottom{
	float:left;
	width:735px;
	height:20px;
	background-image:url(images/contBottom.jpg);
}



.footer{
	float:left;
	width:1000px;
	height:50px;
	background-color:#202020;
	text-align:left;
}

.lienfooter{
width:580px;
height:30px;
float:left; 
color:#FFFFFF; 
font-size:8pt; 
position:relative;/*
background-color:#123;*/
top:6px !important; 
top:14px;
left:40px;
}

.lienfooter ul {display:inline;list-style:none;float:right; margin-right:25px;height:19px;}
.lienfooter ul li
{
 float:left;
 margin-top:2px;
 margin-right:0.5em;
 padding-left:0.5em;
 border-left:1px solid #586218;
 line-height:16px;
}
.lienfooter ul li.first {border-left:0;}
.lienfooter li a 
{
 color:#FFF;
 float:left;
}
.lienfooter li a:hover {color:#CCFF66;}

/*******************/
/* Div du Copyright*/
/*******************/
.copy{
  left:430px; 
  float:left;
  position:relative;
  text-align:left;
  width:220px;
  color:#d14538;
  font-size:10pt;
}
.copy A{
  color:#d14538;
  text-decoration:none;
}
.copy A:hover{
  color:#d14538;
  text-decoration:none;
}

/*************************/
/* Div de Mentions legale*/
/*****en bas du site******/
.mention{
  margin-left:20px; 
  float:left;
  position:relative;
  text-align:left;
  width:220px;
  color:#d14538;
  font-size:10pt;
}
.mention A{
  color:#d14538;
  text-decoration:none;
}
.mention A:hover{
  color:#d14538;
  text-decoration:none;
}



/*********************************************/
/*Position a l'interieur de la page contact */
/**********************************************/
.contactleft{
	float:left;

	width:400px;
	margin-top:20px;
}
.contactright{
	float:left;
	width:280px;
	position:relative;	
	left:21px;
	margin-top:22px;
	text-align:left;
}

.imgBouton{
	background-image:url(images/btEnvoyer.jpg);
	background-repeat:no-repeat;
	border:none;
	width:68px;
	height:27px;
	cursor:pointer;
	margin-top:15px;
	margin-bottom:15px;
}

.titleContact{
	float:left;
	font-size:16pt;
   color:#84B037; 
 position:relative;
	
	/*left:172px;*/
}

/************************************/
/*Ajout special en fonction du site */
/************************************/



/*////////////////////////*/
/*/////  NEWS  ///////////*/
/*////////////////////////*/

.news{
	float:left;
	font-size:8pt;
	width:299px;
	height:147px;
 	overflow:hidden;
}

.newsTab{
	font-size:8pt;
	width:215px;
	margin-left:5px;
	margin-top:2px;
	text-align:left;
}
.newsDate{
	font-size:9pt;
	/*font-style:italic;*/
	color:#82AF34;
}
.newsDateBig{
	color:#82AF34;

}
.newsTitre{
	font-size:9pt;
	font-weight:bold;
}
.newsTexte{
	font-size:9pt;
}

/*****************************/
/* formulaire inscripion     */
/*****************************/
form{
  padding        : 0;
  margin			 : 0px;
}

input
{
    padding        : 0;
    margin			 : 0px;
}