@charset "UTF-8";
/* Feuille de styles du site Ménage Et Vous ©2009 Axeinformatique */

/* Styles génériques */

body {
	background: #000000 url(../images/bg_body.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
}

p {
}

/* Structure */
#container {
	margin: 0px auto;
	padding: 0px;
	width: 970px;
	position: relative;
}

#header {
	height: 185px;
	background: url(../images/bg_header.jpg) no-repeat center bottom;
	position: relative;
}

#content { background: #FFFFFF url(../images/bg_content.jpg) no-repeat left top; }

#copyright {
	margin: 0px auto 25px;
	padding: 12px 0px 5px;
	width: 970px;
	font-size: 0.7em;
	color: #666666;
	position: relative;
}
#copyright a:link, #copyright a:visited {
	color: #666666;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active {
	color: #CCCCCC;
	text-decoration: underline;
}

/* Bloc internes */

#contenu {
	padding: 30px;
	text-align: left;
	position: relative;
	margin: 0px 235px 0px 0px;
	font-size: 0.9em;
}

#sidebar {
	width: 235px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#sidebar p {
	margin: 0px 0px 5px;
	padding: 0px;
}
#bloc_appel {
	margin: 0px;
	padding: 12px 5px 0px 0px;
	background: url(../images/bg_appel_tel.jpg) no-repeat;
	color: #FFFFFF;
	font-size: 0.9em;
	line-height: 1.3em;
	height: 86px;
	text-align: center;
}

#bloc_rappel {
	background: url(../images/bg_bloc_droite.jpg) repeat-y;
	color: #a4302e;
	padding: 0px 5px 0px 0px;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0px;
}
#bloc_rappel h3 {
	margin: 0px 0px 5px;
	padding: 10px 20px 0px;
	background: url(../images/bg_titre_droite.jpg) no-repeat left top;
	font-size: 1em;
}
#bloc_rappel p {
	padding: 0px 20px;
	margin: 0px;
}
#bloc_eco, #bloc_en_savoir_plus {
	background: url(../images/bg_ecologie.jpg) no-repeat left bottom;
	text-align: left;
	color: #788F00;
	padding: 0px 5px 20px 0px;
	font-size: 0.9em;
	line-height: 1.2em;
}
#bloc_eco a:link, #bloc_eco a:visited {
	color: #788F00;
	text-decoration: none;
	font-weight: bold;
}
#bloc_eco a:hover, #bloc_eco a:active {
	color: #000000;
	text-decoration: underline;
}
#bloc_en_savoir_plus {
	background: url(../images/bg_savoir_plus.jpg) no-repeat left bottom;
	color: #38c0cc;
}
#bloc_eco p, #bloc_en_savoir_plus p { padding: 0px 20px; }
#bloc_en_savoir_plus ul {
	margin: 0px;
	list-style: outside;
	padding: 0px 20px 0px 33px;
}
#bloc_en_savoir_plus li {
	margin: 0px 0px 5px;
	padding: 0px;
	line-height: 1em;
}
#bloc_en_savoir_plus a:link, #bloc_en_savoir_plus a:visited {
	color: #38c0cc;
	text-decoration: none;
}
#bloc_en_savoir_plus a:hover, #bloc_en_savoir_plus a:active {
	color: #25868E;
	text-decoration: underline;
}
/* Bloc à partir de */
#a_partir_de {
	background: url(../images/bg_apartirde.jpg) no-repeat center top;
	color: #FFFFFF;
	text-align: center;
	display: block;
	width: 146px;
	font-size: 0.9em;
	padding: 18px 10px 35px;
	line-height: 1.1em;
	position: absolute;
	left: 35px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
}
#a_partir_de span {
	font-size: 1.9em;
	line-height: 1.1em;
}
/* Titrage générique */
#header h1 {
	font-size: 1.2em;
	line-height: 1em;
	font-weight: normal;
	background: url(../images/logo_menage_et_vous.gif) no-repeat left top;
	height: 65px;
	width: 270px;
	display: block;
	text-indent: -3500px;
	position: absolute;
	z-index: 5;
	left: 10px;
	top: 60px;
	margin: 0px;
	padding: 0px;
}
#contenu h1 {
	font-weight: normal;
	font-size: 2.1em;
	line-height: 1.3em;
	margin: 0px 0px 10px 200px;
	padding: 0px;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
#contenu h2 {
	margin: 10px 0px 3px 200px;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.1em;
}
#contenu h3 { margin: 0px 0px 0px 200px; }
#contenu h4 {
}
/* gestion des couleurs des textes */
#content .rouge  {
	color: #a4302e;
}
#content .orange  {
	color: #f29400;
}
#content .bleu  {
	color: #38c0cc;
}
#content .vert  {
	color: #a4c300;
}

#contenu ul {
}
#contenu li {
}


#contenu p {
	margin: 0px 0px 6px;
	padding: 0px;
}


/* Nettoyeur */
.clearer {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
}

/* Bloc image dans cercle */
#visuel_cercle {
	float: left;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: -35px;
	left: 16px;
	z-index: 50;
}
/* colonne de gauche */
#colonne_gauche {
	background: #38C0CC url(../images/bg_colgauche.jpg) repeat-x left top;
	padding: 15px;
	width: 160px;
	position: relative;
	left: -30px;
	float: left;
	color: #FFFFFF;
	top: 50px;
}
#contenu #colonne_gauche p {
	margin: 0px 0px 5px;
	padding: 0px;
}
#colonne_gauche h4 {
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	color: #198da1;
	margin: 0px 0px 8px;
	padding: 0px;
	font-size: 1.2em;
	line-height: 1.3em;
}
#contenu #colonne_gauche ul {
	margin: 0px;
	padding: 0px;
	list-style: inside;
}

#contenu #colonne_gauche li {
	margin: 0px 0px 5px;
	padding: 0px;
}

/* Styles textes */
#contenu a:link, #contenu a:visited {
}
#contenu a:hover, #contenu a:active {
}
#contenu #avantages {
	margin: 20px 0px 25px 200px;
	padding: 10px;
	background: #38c0cc url(../images/bg_blockquote.jpg) repeat-x left top;
	color: #FFFFFF;
	display: block;
}
#contenu #avantages   p { margin: 0px 0px 5px; }
#contenu #avantages h3 {
	color: #198da1;
	margin: 0px 0px 5px;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
}
#contenu #avantages ul {
	margin: 0px;
	padding: 0px;
	list-style: inside;
}
#contenu #avantages li {
	margin: 0px 0px 4px;
	padding: 0px;
}
/* Menu en pied de page */

#menu_bas {
	height: 24px;
	left: 0px;
	top: -24px;
	padding: 0px;
	color: #CCCCCC;
	font-size: 1.1em;
	display: block;
	position: absolute;
	margin: 0px;
	width: 600px;
}
#menu_bas ul {
	margin: 0px;
	padding: 0px;
}
#menu_bas li {
	list-style: none;
	float: left;
	height: 20px;
	background: #000000;
	padding: 4px 0px 0px;
}
#menu_bas a:link, #menu_bas a:visited {
	color: #CCCCCC;
	height: 20px;
	padding: 4px 4px 0px;
}
#menu_bas a:hover, #menu_bas a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#menu_bas li#recrutons  {
	background: #F29400 url(../images/recrutons.gif) no-repeat 97% 4px;
	color: #FFFFFF;
	padding-right: 22px;
	padding-left: 7px;
}
#menu_bas #recrutons a:link, #menu_bas #recrutons a:visited{ color: #FFFFFF; }
#menu_bas #recrutons a:hover, #menu_bas #recrutons a:active {
	color: #FFFF00;
	text-decoration: none;
}