/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body {
	background: url(../images/bg-body.jpg) center top no-repeat fixed;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	/*min-height:100%;*/
	width:984px;
	margin:0 auto;
	z-index:1;
	background: url(../images/bg-container.png) left 216px repeat-y;
}
/***************** HEADER *****************/
#header {
	float:left;
	position:relative;
	display:inline;
	width:100%;
	height:216px;
	background:url(../images/bg-header.gif) 0 0 no-repeat;
	z-index:2;
}
.logo { float:left; display:inline; margin-left:48px; margin-top:31px; }
.photo-header { float:left; display:inline; margin-left:27px; margin-top:11px; }
.num-tel { clear:both; position:absolute; left:82px; bottom:22px; }
#headerFlash {
	float:left;
	position:absolute;
	display:inline;
	left:12px;
	top:11px;
	width:960px;
	height:204px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
	z-index:2;
}
/***************** MENU TOP *****************/
.top-menu {
	clear:both;
    float:left;
	/*position:absolute;
	left:23px;
	top:193px;*/
	position:relative;
	display:inline;
	z-index:10;
	width:100%;
	height:43px;
	/*background:url(../images/bg-topmenu.gif) bottom left no-repeat;*/
	margin-top:-22px;
}
#menuTop { float:left; display:inline; width:938px; height:43px; background:url(../images/bg-menu.png) 0 0 no-repeat; list-style:none; margin-left:23px; }
#menuTop li {
	position:relative;
	float:left;
	display:inline;
}
#menuTop li.bt1 { margin-left:345px; }
#menuTop a {
	text-decoration:none;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	display:block;
	float:left;
	margin-top:4px;
	height:35px;
	line-height:35px;
	overflow:hidden;
	padding: 0 30px;
}
#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {
	background:url(../images/over-menu.gif) 0 0 repeat-x;
}
#container #menuTop li.bt5 a:hover, #container #menuTop li.bt5 a.trigered, #container #menuTop li.bt5 a.rubrique_active { background:url(../images/bg-menu-contact.png) top right no-repeat; }
/***************** SOUS MENU *****************/
#menuTop li ul {
	list-style:none;
	position:absolute;
	width:160px;
	top:-6000px;
	left:0;
	background:#ffc0a9;
}
#menuTop li li {
	float:none;
}
#container #menuTop li li a {
	background:none;
	width:auto;
	position:relative;
	height:20px;
	font:11px/20px Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#fff;
	text-decoration:none;
}
#container #menuTop li li a:hover {
	background:#ff8598;
}
/***************** MENU LEFT *****************/
#menuLeft {
	clear:both;
    float:left;
	position:relative;
	display:inline;
	width:238px;
	margin-top:-22px;
    padding-top:40px;
	padding-bottom:30px;
	margin-left:8px;
	list-style:none;
	background:url(../images/bg-menu-left.gif) 0 0 repeat-y;
}
#menuLeft li { background:url(../images/bg-li-left.gif) bottom center no-repeat; padding-bottom:45px; text-align:center; margin-bottom:-20px; }
#menuLeft li a {
	text-decoration:none;
	font:bold 13px/25px Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	display:block;
	height:20px;
	background-position: top center;
	background-repeat:no-repeat;
	padding-top:60px;
}
#menuLeft li.bt1 a { background-image:url(../images/bg-menu-nettoyage.png) }
#menuLeft li.bt2 a { background-image:url(../images/bg-menu-nuisibles.png) }
#menuLeft li.bt3 a { background-image:url(../images/bg-menu-depannage.png) }
#menuLeft li.bt4 a { background-image:url(../images/bg-menu-travaux.png) }
#menuLeft li.bt5 a { background-image:url(../images/bg-menu-economie.png) }

#menuLeft li a:hover, #menuLeft li a.rubrique_active {
	color:#0a6e53;
	background-position: center -80px;
}
/***************** SOUS MENU */
#menuLeft li ul {
	list-style:none;
	margin-left:55px;
	width:160px;
	margin-top:10px;
	padding-top:5px;
	background:url(../images/bg-smenu.gif) top left repeat-y;
}
#menuLeft li ul.smenu a { background:none; }
#menuLeft li ul.smenu li  { background:none; padding:0; text-align:left; margin-left:10px; margin-bottom:0; }
#menuLeft li ul li a {
	background:none;
	border:none;
	text-decoration:none;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#ff4800;
	display:block;
	padding:0;
	
}
#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {
	text-decoration:underline;
	color:#000;
	background:none;
}
/***************** CONTENU *****************/
#contenu {
	float:left;
	display:inline;
	position:relative;
	margin-left:20px;
	margin-top:20px;
	width:700px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
	display:none;
}
#clearFooter {
	height:0;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	width:984px;
	height:100px;
	margin:0 auto;
	background: url(../images/bg-footer.gif) center top no-repeat;
}
#footer .adresse-footer { font-size:13px; text-align:center; line-height:37px; }
#footer .adresse-footer strong { font-size:14px; color:#fff; }
#footer .logo-footer { clear:both; float:left; display:inline; margin-top:10px; margin-left:16px; }
#footer .liens-footer {
	float:left;
	display:inline;
	margin-left:20px;
	margin-top:10px;
	text-align:right;
	width:850px;
	font-size:11px;
	color:#F30;
}
#footer .liens-footer a {
	color:#F30;
	text-decoration:none;
}
#footer .liens-footer a:hover { color:#000; text-decoration:underline; }

/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
.left-home { float:left; display:inline; width:335px; margin-top:0px; }
.left-home h1 { font-size:14px; color:#fff; font-weight:bold; }
.baseline-home { font-size:13px; color:#fff; font-weight:bold; }
.txt-intro-home { font-size:13px; color:#000; padding-top:15px; text-align:justify; }
.txt-intro-home strong { color:#fff; }
.actualites { float:left; display:inline; margin-top:0px; margin-left:17px; background:url(../images/bg-actus.png) 0 0 no-repeat; width:348px; height:222px; }
.actualites .title { padding-top:17px; margin-left:15px; width:160px; padding-bottom:5px; font-size:14px; color:#0a6e53; font-weight:bold; background:url(../images/bg-title-actus.gif) bottom left repeat-x; }
.content-actus { font-size:14px; color:#0a6e53; width:249px; text-align:justify; margin-left:33px; padding-top:20px; }
.savoir-plus-actus { width:282px; text-align:right; }
.savoir-plus-actus a { font-size:13px; color:#ff4800; text-decoration:underline; font-weight:bold; }
.savoir-plus-actus a:hover { color:#000; }
.encart-home { clear:both; background:url(../images/bg-encart-home.png) 0 0 no-repeat; width:700px; height:184px; }
.encart-home .text-encart-home { margin-left:250px; width:420px; text-align:justify; font-size:13px; padding-top:30px; }
.encart-home .text-encart-home strong { color:#ff4800; }

.pre-footer { clear:both; padding-top:30px; font-size:13px; color:#13c495; }
.bottom-contenu { clear:both; height:10px; overflow:hidden; font-size:1px; }

/* pages intérieures */
h2.page-title {
	clear:both;
	padding-top:15px;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
}
.contenu-interieur { margin-right:20px; }
.contenu-interieur .text-interieur {
	padding-top:10px;
	font-size:13px;
	color:#000;
	text-align:justify;
}
.contenu-interieur .text-interieur a { text-decoration:underline; color:#fff; }
.contenu-interieur .text-interieur a:hover { color:#000; }