﻿@charset "utf-8";
/* CSS Document */
/* h1 24 | h2 16 | h3 15 | h4 16 non bold | p 14*/
/*color : gris foncé #333
*/
* {
	margin:0;
	padding:0;
/*	position: relative;*/
}
body {
/*font-family: Droid Sans,Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;*/
font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
font-size:14px;
margin:0;
/*color:#460000;*/
overflow:scroll;
background:url(../images/bg_header.png) repeat-x
}
html, body {
width: 100%;
height: 100%;
}
h1, span.span_h1 {
    color: #555;
    font-size: 24px;
    margin:0.833em 0 0.417em 0;
    padding:0;
    line-height:1.2em;
}
span.span_h1 {
    color: #333;
    margin:0 auto 12px 0;
	display:block
}
h1,span.span_h1, span._h3 {
    /*font-family: Droid Serif,Georgia,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;*/
    font-family: Georgia,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}
h2, h3 {font-family:Arial, Helvetica, sans-serif}
h4 { 
/*font-size:15px ;*/
	font-size :14px;
    padding:2px 0 2px 0;
	text-align:center;
	color:#3399cc
}
div.contentd h2, h2 {
    color: #444/*#bf3030 006699*/;
    font-size:16px;
	line-height:1.28;
	margin: 0.556em 0 0.278em 0;
}
div.contentd h3, h3 {
    font-size:15px;
    margin:0.556em 0 0 0;
	padding:3px;
	color:#555;
font-size: 15px; font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #A5CD45

}
div.contentd h3 a, h3 a { color:#bf4f4f }

div.content p, p {
   font-family: Droid Sans,Arial,Helvetica,sans-serif;
    line-height:1.43em;
    margin:3px auto 3px 2px;
    text-align:justify;
}


span._h4, div#actu h4 {
display: block;
border-bottom: 1px solid white;
font-size: 14px; font-family:Droid Sans, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666;
background-color: #A5CD45
padding: 2px 0 2px 0;
text-align: center;
}
div#plan span._h4, div#coordonnees span._h4 {text-align:left}
span._h3 {
display:block;
font-weight: bold;
font-size:16px;
margin:2px auto 6px 0;
color: #bf4f4f;
}
span._h5 {
/*display:block;*/
font-weight: normal;
font-size:14px;
color: #1f7a7a;
}
span._h5 a {	text-decoration:none;
color: #39C;
 }
span._h5_14px {
display:block;
font-weight: normal;
font-size:14px;
color: #39C;
margin-top:12px
}
span._h5_vert {
font-weight: bold;
font-size:14px;
color: #5a9b06;
}
span._h2 {
display:block;
font-weight: bold;
font-size:18px;
color: #444/*#bf3030*/;
}

.lien {
	color:#BF4F4F;
	text-decoration:none ;
}
.lien:hover {
	text-decoration:underline ;
}
a.ancre {margin-top:9px}
/*dd*/
div#fond_page {
margin: 0 auto;
height:auto; 
width:901px;
position:relative;
overflow:hidden /*pour ie7, sinon double ascenseur !*/
}

.headerd {
    height: 138px;
    margin-left: 0;
	margin-top:0px;
    padding-left: 0;
    position: relative;
    width: 100%;
	/*background-color:#a1131f*/
	}
.titre_logo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 60px;
	letter-spacing:+0.021em;
	color: #333;
	display:block;
	margin:34px auto auto 24px
	}
.sous_titre_logo {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 26px;
    padding:0;
    line-height:1.2em;
    color: #fff;
    margin:34px auto 24px auto;
	display:block;
	width:150px;
} 
span#position_img_logo {display:block; background:url(../images/rond-logo.png) no-repeat top ;
position:absolute; top:0; right:150px ; height:138px;width:213px;text-align:center}

div#fond_page div.headerd a.logo_transparent {display:block; width:100%; position:absolute;  text-decoration:none;}
html body div#fond_page div.headerd a.logo_transparent:visited {
color: #fff
}

.titre1d {/*margin:6px 0 12px 0px; /*width:490px*/}
.contentd { 
    min-height: 140px;
}
.column_left {position:relative ; left:160px ; top:250px; background-color:#CCFF99 }
.decal {    
	float:left;
/*    margin-left:16px;
	margin-right:16px;*/
    margin-top:0;
    width: 528px; }
.footerd {
border : 1px solid #444;
/*width:901px;*/ color:#333;font-size:11px; margin:36px auto 12px auto; 
/*background:url(../images/fond_footer.png) repeat-x  */
background-color: #c6e07c
}
div.footerd div#content_footer {margin:3px auto 3px auto; text-align:center}
div.footerd img {display:block; float:left}
.tel {font-weight:bold}
div#fond_page ul#menu { margin:2px auto auto 156px }

div.contentd div.right_col {
    float:left;
	}
.couleurvert {color:#5a9b06}
div.content {
    margin:0 auto 0 6px;
	position:relative;
}
div.contentd  a ul,
div.content ul  {
    margin:0 auto 0 24px;
}

div.content ul li {
list-style:disc;
}
.menu {
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration: none;
	FONT-WEIGHT: bold
}

.menu:hover {
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration: underline;
	FONT-WEIGHT: bold
}

.menu_bas {
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:gray;
	text-decoration: none;
}

.menu_bas:hover {
	font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5A9B06;
	text-decoration: underline;
}

.texte	{ 
	color:#666666; font-size: 12px; font-family: Verdana,Arial, Helvetica, Geneva, Swiss, SunSans-Regular	}

.accrochedd	{ 
    color: #460000;
    font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size:12px;
    font-style:italic;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    width: 100%	}
.masque {
	display:none;
}
.spacer {
	visibility:hidden;
	clear:both;
}
.droite {
	float:right;
	margin-left:7px;
}
.gauche {
	float:left;
	margin-right:7px;
}
img {
	border:0;
}

#page {
	width:900px;
	margin:0 auto;
	padding-right:34px;
	margin-bottom:30px;
/*----	background:url(../images/fond_page.gif) repeat-y; */
}

/*---- Entete */
#entete {
	width:900px;
	background: url(../images/home_01.gif) no-repeat top left;
	padding-top:8px;
}
#entete h1{
	float:left;
	background: url(../images/home_02.gif) top left no-repeat;
	width:406px;
	height:180px;
	text-indent:-4000px;
}
.left_column {
	float:left;
    margin-top:0;
}
#logo_tel {margin:0}
#logo_tel p{margin:0 0 0 32px; color:#39c; font-style:italic; font-size:11px}

/* commun aux trois blocs formules, eco-responsable, professionnel */
.arrondi6 { 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
	behavior: url(./PIE.htc);
}
.arrondi10_haut {
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	behavior: url(./PIE.htc);
}
.arrondi6_haut {
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	behavior: url(./PIE.htc);
}
.arrondi10_bas {
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	behavior: url(./PIE.htc);
}
.arrondi6_bas {
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	behavior: url(./PIE.htc);
}
.li_bloc {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	margin-bottom:0;
	text-align:left;
	text-indent:0;
}
.li_bloc a  {
text-decoration:none;
color:#000000
}
div#rappel {margin-top:3px}

.li_first { 
border:1px solid ;
border-bottom:none;
border-top:none;
}
.li_middle { 
border:1px solid ;
border-bottom:0px;
}
.li_end { 
border:1px solid ;
}
.li_alone {
border:1px solid ;
border-top:0px;
}
.li_first, .li_middle, .li_end,.li_alone { 
background:url(../images/flechebleue.gif) no-repeat left 0.3em;
padding:2px 2px 6px 0.8em;
}

.survol:hover {
background:url(../images/fond_bloc-formule1.png) repeat-x left top;
}
div.li_first a,div.li_middle a,div.li_end a,div.li_alone a {color:#000; text-decoration:none}
.titre_bloc {
	color: #39c;
	font-size: 13px;
    margin-bottom: 0px;
	font-weight: bold;
}
span.li_bloc_d {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-align: left;
	color:#000;
    display:block;
	line-height:1.2em;
	padding:2px 0 0px 0;
}
	/*----------------------------*/
div#formules span._h4_formules {  
	color: #3399CC;  
	background:url(../images/fond-h4-formule2.gif) repeat-x top;
	display:block; 
	font-weight:bold;
    border:1px solid #3399cc;
	font-size:14px;
	padding: 2px 0 2px 8px;
}
div#actu h5 {  
	font-size :13px;
    margin-bottom:4px;
	display:inline;
	color:#3399cc ;  }


/*colonne centrale*/
div.contentd div.decal ul {
margin:0;
/*list-style-image:url(../images/puce-disque-verte.png);*/
list-style-position: inside;
}

div#tranquillite,div#liberte,div#economie {
float:left;
    border:1px solid #B1D7EB ;
	background-color:#f3f9fc;
	width:171px;
	height:216px;
	box-shadow:3px 3px 0 #f9f9f9 ;
}
div#tranquillite,div#liberte {margin-right:4px}
div#tranquillite ul,div#liberte ul,div#economie ul {
    border-top:1px solid #f4f9fc ;
	list-style-image:url(../images/puce-disque-bleue.gif);
*list-style-type:none;
*list-style-image:none;
}
div#tranquillite ul li, div#liberte ul li, div#economie ul li { 
padding:5px 3px 3px 22px;
text-indent:-15px;
*text-indent:-20px;
*padding:0px 3px 0px 22px;
*margin-left:3px;
*background-image:url(../images/puce-disque-bleue.gif);
*background-position:0.4em 0.5em;
*background-repeat:no-repeat;
}
div#economie img#img_reduc {margin:12px auto 0 30%}

/* liste en savoir plus*/
div.decal ul.savoir_plus li { 
padding:5px 3px 3px 22px;
}
ul.savoir_plus {list-style-type:none;list-style-image:none; }
ul.savoir_plus li {
margin-bottom:0.8em;
background-image:url(../images/puce-disque-verte.png);
background-position:0.4em 0.7em;
background-repeat:no-repeat;
}
/*bloc actualites home page */
div#actu {
    border:1px solid #B1D7EB ;
/*	background-color:#f3f9fc;*/
	width:528px;
	box-shadow:3px 3px 0 #f9f9f9 ;
}
/* voir pour #actu ul li, #actu ul, #actu ci dessus */
div#actu ul  {
    border-top:1px solid #f4f9fc ;
	list-style-image:url(../images/puce-disque-bleue.gif);
*list-style-type:none;*list-style-image:none;
}

div#actu ul li { 
    padding:5px 3px 3px 24px;
    text-indent:-20px;
*text-indent:-20px;
*padding:0px 3px 0px 22px;
*background-image:url(../images/puce-disque-bleue.gif);
*background-position:0.4em 0.45em;
*background-repeat:no-repeat;
	}

div.contentd div.left_column form {margin:0; margin-top: 20px; padding:0; width: 170px;}

.arrondi10 { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
	behavior: url(./PIE.htc);
}

/* page femme de ménage */
div#c1 {
    float: left;
    margin-right: 6px;
    width: 338px;
}
div#c2 {
    float: left;
    margin-top: -18px;
    width: 182px;
}
div.contentd div.decal ul.exemple {
    margin-left: 32px;
    text-indent: -16px;
}
/* page menage local (avec plan) full largeur*/
div#plan {
    float: left;
	margin-left:0px;
    margin-right: 30px;
    width: 510px;
}
div#coordonnees {
    float: left;
/*    margin-top: -32px;*/
    width: 350px;
}
div.contentd div.full_width {
width:897px
}
div.contentd div.full_width h2 {/*text-align:center*/ margin:0}

div.breadcrumb {
color:#F1A000
}
div.breadcrumb a { text-decoration:none; color:#adc500}
div.breadcrumb a:hover { text-decoration:underline; color:#39c;}

div.full_width div#rappel {margin-top:0}

/*tableau tarif de word*/
p.MsoNormal {
margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Times New Roman","serif";
}
table.MsoNormalTable {
font-size:11.0pt;
font-family:"Calibri","sans-serif";
}

div#bloc_g,div#bloc_d {
	width:440px;
}
div#bloc_g {
float:left;margin-right:4px;
}
div#bloc_d {
float:right}
div#histo_anim {
border:1px solid #e8f1f1; 
}
div#histo_anim hr { margin:6px 0 6px 0 ; color:#e8f1f1 }
div.retourhaut {margin:4px auto 9px auto}
div.retourhaut a.lien {text-decoration:underline; font-size:smaller}
div#bloc_diapo {
width: 100%;
margin-top: 12px
}

div#tel_mail_top {
position: absolute;
right: 0;
top: 100px;
font-size: 12px;
border-bottom: none;
padding: 4px 0 4px 12px;
opacity: 0.8;
color: #444;
width: 132px;
text-align:right
}