/**
 * @properties : display, positioning, dimension, margin, padding, text, border, background.
 * @page : section defining properties of a page.
 * @bloc : section defining properties of a block to a specific page.
 */


 
/**************************************************************************************************/
/*			- DEFINITION DES ATTRIBUTS PAR DEFAUT -							 			  		  */
/**************************************************************************************************/

/* ------------------------------------------------------ */
/*			- corps du document -  			    	      */
/* ------------------------------------------------------ */
html, body {
	height: 100%;
	margin: 0
}
html body {
	font: normal 13px Arial;
	color:#fff;
	cursor: default
}
/* ------------------------------------------------------ */
/*			- suppression des marges par défaut -  	      */
/* ------------------------------------------------------ */
*{
	margin:0;
	padding:0;
	font-weight:normal
}

/* ------------------------------------------------------ */
/*			- redéfinition des liens par défaut -  	      */
/* ------------------------------------------------------ */
a img {
	border: 0
}
a:hover {
	cursor: pointer
}
a:hover span {
	text-decoration: none
}
a:focus {
	outline: none
}
/* ------------------------------------------------------ */
/*			- redéfinition des listes/tableaux -  	      */
/* ------------------------------------------------------ */
ol, ul {
	padding: 0
}
ul {
	list-style: none
}
ol {
	list-style-position: inside
}
table {
	font-size: inherit;
	border-collapse:collapse;
	border-spacing:0
}
/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
	margin:0;
	padding:0;
}
body, html {
	height:100%;
}
body {
	background: #79cbff url(../images/bodyBg.jpg) center top fixed;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	width:990px;
	margin:0 auto;
	background: transparent url(../images/bg-container.png) center top repeat-y;
	padding:0 0 10px 0;
}
/***************** HEADER *****************/
#header {
	position:relative;
	background: transparent url(../images/bg-header.png) center 0 no-repeat;
	width:990px;
	height:225px;
	margin:0 auto;
}
#headerFlash {
	position:absolute;
	top:19px;
	left:0px;
	width:990px;
	height:165px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
	z-index:10;
}
/***************** MENU TOP *****************/
#menuTop {
	position:absolute;
	top:185px;
	left:195px;
	z-index:50;
	width:766px;
	height:40px;
}
#menuTop li {
	position:relative;
	float:left;
}
#menuTop li a {
	display:block;
	height: 40px;
	background: url(../images/bg-menutop.gif) top left no-repeat;
	text-decoration:none;
}
#menuTop a.bt1 {
	width:107px;
	background-position: 0px 0px;
}
#menuTop a.bt2 {
	width:136px;
	background-position: -107px 0px;
}
#menuTop a.bt3 {
	width:125px;
	background-position: -243px 0px;
}
#menuTop a.bt4 {
	width:127px;
	background-position: -368px 0px;
}
#menuTop a.bt5 {
	width:136px;
	background-position: -495px 0px;
}
#menuTop a.bt6 {
	width:135px;
	background-position: -631px 0px;
}

#menuTop a.bt1:hover {
	background-position: left bottom;
}
#menuTop a.bt2:hover {
	background-position:-107px bottom;
}
#menuTop a.bt3:hover {
	background-position: -243px bottom;
}
#menuTop a.bt4:hover {
	background-position: -368px bottom;
}
#menuTop a.bt5:hover {
	background-position: -495px bottom;
}
#menuTop a.bt6:hover {
	background-position: -631px bottom;
}
#menuTop a span{
	color:#FFF; font-weight:bold; display:block;
}
#menuTop a.bt1 span{
	padding:11px 0px 0px 27px;
}

#menuTop a.bt2 span{
	padding:11px 0px 0px 25px;
}

#menuTop a.bt3 span{
	padding:11px 0px 0px 20px;
}

#menuTop a.bt4 span{
	padding:11px 0px 0px 25px;
}

#menuTop a.bt5 span{
	padding:11px 0px 0px 25px;
}

#menuTop a.bt6 span{
	padding:11px 0px 0px 27px;
}




/***************** MENU LEFT *****************/
#sidebar {
	float:left;
	display:inline;
	position:relative;
	width:217px;
	height:578px;
	margin:13px 0px 0px 15px;
	background: url(../images/leftMenuBg.png) 0 0 no-repeat;
}
#sidebar p.txt_nosactivites{
	color:#9D9D9D;
	margin:12px 0px 0px 25px;
}
#menuLeft {
	width:210px;
	list-style:none;
	margin:10px 0px 0px 0px;
}
#menuLeft a {
	width:210px;
	display:block;
	background: url(../images/ssleftMenuBg1.gif) 0 0 no-repeat;
	text-decoration:none;
}
#menuLeft a.bt1 {
	height:46px;
	background-position: 0 0
}
#menuLeft a.bt2 {
	height:46px;
	background-position: 0 -46px
}
#menuLeft a.bt3 {
	height:46px;
	background-position: 0 -92px
}
#menuLeft a.bt4 {
	height:51px;
	background-position: 0 -138px
}

#menuLeft a.bt1:hover {
	background-position: right top;
}
#menuLeft a.bt2:hover {
	background-position: right -46px
}
#menuLeft a.bt3:hover {
	background-position: right -92px
}
#menuLeft a.bt4:hover {
	background-position: right -138px
}

#menuLeft a span {
	font-family:Arial Black, Arial;
	color:#000;
	font-size:13px;
	font-weight:bold;
	display:block;
	padding:8px 0px 0px 43px;
}
#menuLeft a span strong {
	font-family:Arial;
	font-weight:bold;
}


/***************** SOUS MENU */
#menuLeft li ul li a {
	background:none;
	border:none;
	text-decoration:none;
	font:13px Arial, Helvetica, sans-serif;
	color:#0076FD;
	display:block;
	padding:2px 5px 2px 30px;
}
#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {
	text-decoration:underline;
	color:#000;
	background:none;
}


#devis{
	width:195px;
	height:134px;
	position:absolute;
	top:282px;
	left:15px;
	padding:10px 0px 0px 0px;
}
#devis p.txt_devis1{
	color:#626262;
	font-size:12px;
	font-weight:bold;
	float:right;
	margin:0px 8px 0px 100px;
}
#devis p.txt_devis1 a{
	color:#626262;
	text-decoration:none;
}
#devis p.txt_devis2{
	color:#626262;
	font-size:12px;
	font-weight:bold;
	float:right;
	margin:0px 8px 0px 120px;
}
#devis p.txt_devis2 a{
	color:#626262;
	text-decoration:none;
}

#devis p.txt_devis3{
	font-family:Arial Black, Arial;
	color:#0077FE;
	font-size:12px;
	float:right;
	margin:18px 8px 27px 86px;
}
#devis p.txt_devis3 a{
	color:#0077FE;
	text-decoration:none;
}

#devis p.txt_devis4{
	font-family:Arial Black, Arial;
	color:#000;
	font-size:12px;
	text-align:center;
}
#devis p.txt_devis4 a{
	color:#000;
	text-decoration:none;
}

#devis p.txt_devis5{
	font-family:Arial;
	color:#FFF;
	font-size:12px;
	text-align:center;
	margin:-2px 0px 0px 0px;
}
#devis p.txt_devis5 a{
	color:#FFF;
	text-decoration:none;
}


#service{
	width:195px;
	height:134px;
	position:absolute;
	top:436px;
	left:15px;
	padding:10px 0px 0px 0px;
}
#service p.txt_service1{
	font-family:Arial Black, Arial;
	color:#0077FE;
	font-size:13px;
	font-weight:bold;
	float:right;
	margin:0px 8px 1px 70px;
}
#service p.txt_service1 a{
	color:#0077FE;
	text-decoration:none;
}

#service p.txt_service2{
	font-family:Arial Black, Arial;
	color:#000;
	font-size:12px;
	float:right;
	margin:0px 8px 10px 80px;
}
#service p.txt_service2 a{
	color:#000;
	text-decoration:none;
}

#service p.txt_service3{
	font-family:Arial;
	color:#626262;
	font-size:12px;
	float:right;
	margin:0px 8px 0px 80px;
}
#service p.txt_service3 a{
	color:#626262;
	text-decoration:none;
}
#service p.txt_service4{
	font-family:Arial;
	color:#626262;
	font-size:12px;
	float:right;
	margin:0px 8px 18px 100px;
}
#service p.txt_service4 a{
	color:#626262;
	text-decoration:none;
}

#service p.txt_service5{
	font-family:Arial;
	color:#000;
	font-size:12px;
	float:right;
	margin:0px 15px 0px 80px;
}
#service p.txt_service5 a{
	color:#000;
	text-decoration:none;
}


#service p.txt_service6{
	font-family:Arial;
	color:#FFF;
	font-size:12px;
	float:right;
	margin:0px 25px 0px 0px;
}
#service p.txt_service6 a{
	color:#FFF;
	text-decoration:none;
}



/***************** CONTENU *****************/
#contenu {
	float:left;
	position:relative;
	display:inline;
	width:740px;
	
}

#contenuPage {
	float:left;
	position:relative;
	display:inline;
	width:660px;
}


#trois_points {
	width:735px;
	height:359px;
	margin:10px 0px 0px 16px;
}

#energies, #chaudieres, #sdb{
	width:231px;
	height:359px;
	float:left;
}

#energies{
	background:url(../images/energies.jpg) no-repeat 0 0;
}
#chaudieres{
	background:url(../images/chaudieres.jpg) no-repeat 0 0;
	margin:0px 0px 0px 12px;
}
#sdb{
	background:url(../images/sdb.jpg) no-repeat 0 0;
	margin:0px 0px 0px 12px;
}

.titre_trois_points{
	font-family:Arial Black, Arial;
	color:#FFF;
	font-size:13px;
	margin:238px 18px 0px 18px;
}

.txt_trois_points{
	color:#000;
	text-align:justify;
	margin:6px 18px 0px 18px;
}

.ensavoirplus{
	color:#FFF;
	text-align:right;
	margin:2px 20px 0px 0px;
	font-weight:bold;
}
.ensavoirplus_chaudieres{
	color:#FFF;
	text-align:right;
	margin:18px 20px 0px 0px;
	font-weight:bold;
}
.ensavoirplus a, .ensavoirplus_chaudieres a{
	color:#FFF;
	text-decoration:none;
}
.ensavoirplus a:hover, .ensavoirplus_chaudieres a:hover{
	text-decoration:underline;
	color:#000;
}

.txt_accroche{
	color:#E83A00;
	font-size:16px;
	font-weight:bold;
	margin:10px 0px 0px 25px;
}

.txt_ss_accroche{
	font-size:13px;
	color:#0076FD;
	font-weight:bold;
	margin:0px 0px 10px 25px;
}

.content_home{
	width:100%;
	height:100%;
}

.txt{
	font-size:13px;
	color:#000;
	margin:5px 20px 0px 25px;
	text-align:justify;
}
.txt span{
	color:#0076FD;
}

#diapoFlash {
	height:98px;
	width:704px;
	margin:22px 22px 0px 23px;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}

}
#clearFooter {
	height:160px;/*--- = à la hauteur du footer ---*/
}

/***************** FOOTER *****************/
#footer {
	clear:both;
	width:990px;
	height:107px;
	padding:0px 40px 0px 40px;
	margin:0px auto;
	background: url(../images/footerBg.png) center top no-repeat;
}
#footerTexte {
	clear:both;
	width:990px;
	height:80px;
}
#footer p.txt_footer{
	width:704px;
	height:55px;
	font-size:12px;
	color:#CBCBCB;
	text-align:center;
	padding:0px 0px 0px 255px;
}
#footer p.txt_coordonnees{
	color:#000;
	text-align:center;
	font-size:13px;
	padding:10px 0px 0px 0px;
}
#footer p.txt_coordonnees span{
	color:#0076FD;
}
#footer p.links {
	color:#DFECFF;
	text-align:right;
	font-size:10px;
	margin:10px 40px 0px 0px;
}
#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#DFECFF;
}
#footer a:hover, #footer a:active {
	text-decoration:none;
	color:#0076FD;
}
/***************** STYLE GLOBAUX *****************/
a img {
	border:none;
}
a:active, a:focus {
	outline:none;
}
/***************** STYLE CONTENU *****************/

#contenu h1{
	font-size:17px;
	color:#0076FD;
	margin:20px 0px 15px 25px;
}

#contenu h2{
	font-size:15px;
	color:#0076FD;
	margin:15px 0px 15px 25px;
}

#contenu p.txt_page{
	color:#000;
	text-align:justify;
	margin:0px 20px 10px 25px;
}

#contenu p.txt_page a{
	color:#E83A00;
}
#contenu p.txt_page a:hover{
	color:#000;
}