@charset "utf-8";
/* CSS Document */

body{ font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; background-color:#ebf4f8; color:#4a4a4a;}
body, p, h1, h2{ margin:0px; padding:0px;}
img{ border:0;}

/*--------------------------- conteneur ---------------------------*/
#conteneur{ margin:auto; width:998px; background:#38cfd1 url(../images/bg-contenu-degrade.png) repeat-x; padding:0 2px 0 2px;}

/*--------------------------- header ---------------------------*/
#header{ background-image:url(../images/header.gif); background-repeat:no-repeat; height:47px;  color:#cb5094; padding:40px 0 0 200px;}
#header p{ font-size:15px; }
#header p.agrement{ font-size:11px; }

/*--------------------------- menu ---------------------------*/
#menu{ background:#fff url(); height:62px; font-size:14px; position:relative; padding:10px 0 0 0;}
#menu p{ padding:32px 0 0 165px; }
#logo a {
	background:url(../images/logo-servicefacile.png);
	display:block;
	width:168px;
	height:83px;
	position:absolute;
}

.clear {
	clear:both;
	font-size:0 !important;
	line-height:0 !important;
	height:0 !important;
}

a.menu { 
	display:block; 
	float:left; 
	width:134px; 
	height:25px; 
	padding:5px 0 0 0; 
	color:#fff; 
	text-decoration:none; 
	background:url(../images/bg-menu-off.png);
	text-align:center;
	margin:0 0 0 4px;
}
a.menu:hover {
	background:url(../images/bg-menu-on.png);
}
a.on {
	background:url(../images/bg-menu-on.png);
}

#sous-menu-recrutement{ display:none; clear:both; margin-left:750px; height:10px; width:50px;}
a.sous-menu{ color:#cb5094; font-size:11px; text-decoration:none;}
a.sous-menu:hover{ color:#cb5094; font-size:11px; text-decoration:underline;}

/*--------------------------- contenu ---------------------------*/
#fond-home{ 
	background:url(../images/degrade2.png); 
	/*padding-right:30px; */
	font-size:14px;
}
#flash{ float:left; width:400px;}
#text {
	float:left;
	width:500px;
	margin:40px 0 0 60px;
}
#text-general {
	padding:40px 20px 20px 20px;
	font-size:13px;
}
#text h1, #text-general h1 {
	color:#00aeb0;
	font-size:17px;
	margin:0;
	padding:0 0 10px 0;
}
span.italic-gris {
	font-style:italic;
	color:#735a49;
	font-size:17px;
	font-weight:bold;
}
#text p {
	padding:0 0 10px 0;
	margin:0;
}
#text-general img {
	margin:5px;
}
#text-general ul {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
#text-general li {
	background:url(../images/bullet.png) no-repeat left 8px;
	padding:0 0 0 10px;
}
#text-general p {
	padding:0 0 10px 0;
}
#text-general a{color:#00aeb0; text-decoration:underline;}
#text-general a:hover{text-decoration:none;}
textarea.textarea{width:100%;}
a.mailto{color:#4A4A4A; text-decoration:underline;}
a.mailto:hover{text-decoration:none;}
#mentions {
	background:#fff;
	font-size:12px;
	padding:30px 0 30px 10px;
	position:relative;
}
#partenaires {
	position:absolute;
	right:0;
	top:0;
}


/*-------------- pages --------------*/
#fond-page{ background-image:url(../images/fond-txt-page.png); background-repeat:repeat-y;font-size:12px; color:#cb5094;}
#txt-page{width:614px; float:left; padding:10px 30px 10px 30px; text-align:justify;}
#txt-page-services{width:600px; float:left; padding:10px 30px 10px 30px; text-align:justify;}
#txt-page-services h1{ color:#5fb1c8; font-size:13px; height:22px; margin:4px 4px 4px 0; background-image:url(../images/maison-p.png); background-repeat:no-repeat; padding-left:24px;}
#txt-page h1{ color:#5fb1c8; font-size:13px; height:22px; margin:4px 4px 4px 0; background-image:url(../images/maison-p.png); background-repeat:no-repeat; padding-left:24px;}

/*-------------- services --------------*/
#travaux-menagers, #garde-enfants, #jardinage, #bricolage, #soutien-scolaire{ display:none;}

/*-------------- tarifs --------------*/
table.tarifs{ margin-left:100px;}
table.tarifs td{ height:20px;}
td.border-bleu{ border-top:#5fb1c8 1px solid;}

/*-------------- contact --------------*/
form.contacter{ width:400px;}

/*-------------- recrutement --------------*/
form.form-recrutement{}

form.form-bas{ clear:both;}

label.text-formulaire{width: 300px; float: left; margin:8px 0 0 10px; font-size:12px; color:#cb5094;}
label.text-formulaire-sans-float{width: 300px; margin:8px 0 0 10px; font-size:12px; color:#cb5094;}

input.check-box{margin:10px 3px 0 15px; }
input.input-recrutement{  background-color:#FFF; border:0; height:15px; width:164px; margin:5px; color:#016bb3;}
textarea.input-recrutement{ background-color:#FFF; border:0; height:15px; width:360px; height:100px; margin-left:118px; color:#016bb3; border:1px #cb5094 solid;}

/*-------------- plan --------------*/
#txt-plan {width:600px; padding:80px 30px 10px 550px; }
#txt-plan h1{ color:#5fb1c8; font-size:13px; height:22px; margin:4px 4px 4px 0; background-image:url(../images/maison-p.png); background-repeat:no-repeat; padding-left:24px;}

/*--------------------------- footer ---------------------------*/
#footer{ clear:both; background:#28cbcd; height:15px; font-size:11px; color:#fff; text-align:center; padding:5px 0 5px 0; font-weight:bold;}
#footer a{ color:#fff; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

/*--------------------------- class ---------------------------*/
.lien-rose{ color:#cb5094; text-decoration:none;} 
.lien-rose:hover{ color:#cb5094; text-decoration:underline; }
.rose{ color:#cb5094; text-decoration:none;} 
.bleu{ color:#5fb1c8; text-decoration:none; }
.bleu:hover{ color:#5fb1c8; text-decoration:underline; }
.clear-both{ clear:both;}
.img-page{ float:right;}
.txt-rouge{color:red;}