html {
background:url(../images/body-bg-top.jpg) no-repeat top center;
}
body {
margin:0;
padding:0;
/*padding-bottom:32px;*/
background:url(../images/body-bg-bottom.jpg) no-repeat bottom center;
background:none;
height:100%;
font-family:Arial;
font-size:12px;
}
#page {
width:793px;
margin:23px auto 0 auto;
background:#aaa;
}
#bandeau {
/*background:url(../images/bandeau.jpg) top left no-repeat white;*/
height:216px;
}
	#logo {
	width:202px;
	height:75px;
	margin:10px 0 0 10px;
	float:left;
	}
		#logo img {
		border:0;
		}
	#menu {
	width:581px;
	-width:571px;
	height:25px;
	margin-top:1px;
	/*background:#dfdfdf;*/
	float:right;
	}
		#menu ul{
		margin:0;
		padding:0;
		display:block;
		}
			#menu ul li{
			display:block;
			list-style:none;
			float:right;
			}
				#menu ul li a{
				text-decoration:none;
				color:black;
				display:block;
				background:url(../images/coin.png) no-repeat bottom left #dfdfdf;
				height:25px;
				padding:0 5px 0 15px;
				line-height:30px;
				border-right:1px solid white;
				float:left;
				}
				#menu ul li a:hover{
				background:url(../images/coin-recroc-blanc.png) no-repeat bottom left #598fad;
				color:white;
				}
				#menu ul li a#active{
				background:url(../images/coin-recroc-degrad.png) no-repeat bottom left #79c1ea;
				}

	#contact a{
	color:#598fad;
	color:#fb7c29;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	height:17px;
	padding:0 20px 0 80px;
	float:right;
	margin-top:14px;
	}
		#contact a:hover{
		color:#598fad;
		background:#fc914e;
		}
#contenu {
background:white;
padding-bottom:10px;
}		

.clearboth {
clear:both;
}

/*STYLE DU TEXTE*/	
h4 {
font-size:14px;
font-weight:normal;
color:#fb7c29;
text-decoration:underline;
padding-left:10px;
}
h3 {
font-size:13px;
font-weight:bold;
color:#fb7c29;
text-decoration:underline;
padding-left:10px;
}
h5 {
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
color:white;
}
h6 {
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
color:black;
}
a.link-text {
text-decoration:none;
color:black;
font-weight:bold;
}
a.link-text:hover {text-decoration:underline;}

.justify {
text-align:justify;
}
.articles {
padding:0 20px;
}
div.encadre {
background:#EEF;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid #AAA;
border-bottom:1px solid #AAA;
padding:5px 15px;
margin:15px;
}
.float-right {
float:right;
}
.float-left {
float:left;
}
.img-encadre {
border-top:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid #AAA;
border-bottom:1px solid #AAA;
margin:10px;
}
a.orange{
color:#fb7c29;
font-weight:normal;
text-decoration:none;
}
a.orange:hover {
text-decoration:underline;
}
/*fin -- STYLE DU TEXTE*/

/*STYLE ACCUEIL*/	
.module {
width:176px;
float:left;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid #AAA;
border-bottom:1px solid #AAA;
padding:5px;
margin:5px;
}
.grand {
height:360px;
background:#FEF;
}
.grand:hover {
background:#EEF;
}
	h1:hover , h2:hover   {text-decoration:underline;}
	h1 {
	font-size:16px;
	font-weight:bold;
	color:#444;
	text-decoration:none;
	}
	h2 {
	font-size:14px;
	font-weight:bold;
	color:#444;
	text-decoration:none;
	}
.plus {
color:#148cbf;
font-weight:bold;
float:right;
}
.femmeVitre {
background:url(../images/femme-nettoie.png) no-repeat bottom #FEF;
}
.femmeVitre:hover {
background:url(../images/femme-nettoie.png) no-repeat bottom #EEF;
}
.devisenligne {
background:url(../images/devisenligne.jpg) no-repeat top center;
}
ul.puceOrange, li.puceOrange {
list-style-image: url(../images/fleche-anime.gif);
}
ul.puceBlue, li.puceBlue {
list-style-image: url(../images/fleche-anime_blue.png);
}
#module-contact {
background:url(../images/img-contact.jpg) no-repeat top center;
height:114px;
}
#module-contact a {
display:block;
width:168px;
height:114px;
text-indent:-1000px;
}
/*fin -- STYLE ACCUEIL*/	


/*STYLE COMPETENCES*/
div#comp-travaux {
background:url(../images/competences_travaux.jpg) no-repeat top center #eeeeee;
}
div#comp-hygiene {
background:url(../images/competences_hygiene.jpg) no-repeat top center #eeeeee;
}
div#comp-bureau {
background:url(../images/competences_bureau.jpg) no-repeat top center #eeeeee;
}
div.module-comp {
width:340px;
/*width:184px;*/
padding-top:3px;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
text-align:center;
float:left;
margin:0 15px;
color:#555;
/*margin:0 33px;*/
}
	div.module-comp p{
	margin:160px 10px 0 10px;
	text-align:justify;
	color:#555;
	}
/*fin -- STYLE COMPETENCES*/


/*Titre de page*/
h4.title-presentation, h4.title-competences, h4.title-realisations, h4.title-devis, h4.title-contact, h4.title-planDuSite, h4.title-mentionsLegales, h4.title-partenaires {
display:block;
text-indent:-1000px;
height:62px;
width:218px;
margin-left:10px;
}
h4.title-competences {
background:url(../images/title-competences.jpg) no-repeat top left;
}
h4.title-realisations {
background:url(../images/title-realisations.jpg) no-repeat top left;
}
h4.title-devis {
background:url(../images/title-devis.jpg) no-repeat top left;
}
h4.title-contact {
background:url(../images/title-contact.jpg) no-repeat top left;
}
h4.title-planDuSite {
background:url(../images/title-planDuSite.jpg) no-repeat top left;
}
h4.title-mentionsLegales {
background:url(../images/title-mentionsLegales.jpg) no-repeat top left;
}
h4.title-presentation {
background:url(../images/title-presentation.jpg) no-repeat top left;
}
h4.title-partenaires {
background:url(../images/title-partenaires.jpg) no-repeat top left;
}
a.retour-accueil {
display:block;
text-indent:-1000px;
height:62px;
width:218px;
margin-right:10px;
background:url(../images/retour-accueil.jpg) no-repeat top right;
float:right;
}
a.retour-accueil:hover {
background:url(../images/retour-accueil_over.jpg) no-repeat top right;
}
/*Titre de page*/


/*STYLE DES FORMULAIRES DE CONTACTS & DEVIS*/	
table.formulaire {
margin-left:100px;
}
table.formulaire  td {
/*border:1px solid grey;*/
margin-top:0;
padding-top:0;
}
.stars {
color:orange;
}
/*fin -- STYLE DES FORMULAIRES DE CONTACTS & DEVIS*/

	/*images qui défilent dans le bandeau*/
	#slide {
	width:168px;
	height:160px;
	background:url(../images/cadre_slideshow.png) top left no-repeat;
	text-align:center;
	margin:auto;
	}
	#slideshow {
    position:relative;
    height:150px;
	width:150px;
	}

	#slideshow IMG {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
		border:none;
		margin:5px 0 0 8px;
		/*margin-left:0;*/
	}

	#slideshow IMG.active {
		z-index:10;
		opacity:1.0;
	}

	#slideshow IMG.last-active {
		z-index:9;
	}

	/*Menu des réalisations*/
	#menu-rea {
	
	}
	#menu-rea a {
	background:black;
	color:#1592c8;
	font-weight:bold;
	border-top:#1592c8 1px solid;
	border-left:#1592c8 1px solid;
	border-right:#1592c8 1px solid;
	padding:3px 10px 15px 10px;
	line-height:20px;
	margin:0 10px;
	text-decoration:none;
	}
	#menu-rea a:hover {
	background:#333;
	}
	/*Fin -- Menu des réalisations*/
	
	
/*BOTTOM*/
#bottom {
margin-top:15px;
text-align:center;
background:#aaa;
margin:15px auto 0 auto;
padding:0;
height:30px;
line-height:20px;
}	
a.planSite {color:black;}
/*a.mentionsLegales {color:#fb7c29;}*/
a.mentionsLegales {color:white;}
a.contactBottom {color:#1592c8;}
a.planSite, a.mentionsLegales, a.contactBottom {text-decoration:none;} 
a.planSite:hover, a.mentionsLegales:hover, a.contactBottom:hover {text-decoration:underline;}