/*
	© 2008 JPCW
	Service WebDesign
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	vertical-align: baseline;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* tags html
-------------------------------------------------------*/

html, body {
	margin:0;
	padding:0;
	border:0 none;
	width:100%;
	height:100%;
}
body {
	background:#D7CFA5;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	font-size:0.8em;
	line-height:1.3em;
	color:#333333;
}

h1,h2,h3,h4,h5,h6,p{
	margin:5px 0 0 0;
	padding:0;
	line-height:1.2em; /* hauteur de ligne safari */
}

h1{	font-size: 18px;}
h2{	font-size: 14px;padding-left:10px;}
h3{ font-size: 12px;}
h4{	font-size: 11px;}
h5{	font-size: 10px;}
h6{	font-size: 1em;}
h7{	font-size: 0.9em;}
h8{	font-size: 0.8em;}

h1{color:#00A0C6;}
h1 a{color:#00A0C6;}

h2,h3,h4,h5,h6{color:#1DA9CE;}
h2 a,h3 a,h4 a,h5 a,h6 a{color:#1DA9CE;}

p{
	padding:5px 10px 10px 10px;
}
ul{
padding:0px 0px 0px 0px;
}
li{
padding:0px 0px 0px 0px;
}
ul .flecheBleue{
background-image: url('/img/fleche_bleue.png');
background-repeat:no-repeat;
list-style-type:none;
background-position: 0 3px;
padding: 0 0 3px 0px;
margin: 4px 0px 0px 0px;
}
strong{font-size: 1em;}

hr{
	clear:both;
	color:#CCFFFF;
	border:0 none;
	border-top:1px thin #CCFFFF;
	background:#CCFFFF;
	outline:none;
	height:1px;
	width:90%;
	text-align:center;
}


/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
a{text-decoration:none;color:#00A0C6;}
a:hover{color:#FF9900;}

img{border:0 none;}

.print{
display:none;
}
.unprint{
}
/* squelette de page
-------------------------------------------------------*/
.site{
	position:absolute;
	width:977px;
	height:100%
}
.cadre{
	position:relative;
	width:977px;
	float:left;
	text-align:center;
	overflow:auto;
}
.page{
	position:relative;
	float:left;
	background-image: url('/img/fond_cadre.jpg');
	background-position:left top;
	background-repeat: repeat-y;
	text-align:center;
	width:977px;
	min-height:500px;
}

/* header - Navigation
-------------------------------------------------------*/
.header{
	position:relative;
	top:0;
	left:0;
	margin: 0px 28px auto;
	width:921px;
	text-align:left;
}
.header .bandeau{
	float:left;
	list-style:none;
	list-style-image:none !important;
	width:921px;
	height:94px;
	margin:0px;
	padding:0px;
}
.header .bandeau li{
	float:left;
	padding:0;
	margin:0;
}
.header .nav_up{
	float:left;
	list-style:none;
	list-style-image:none !important;
	width:897px;
	height:29px;
	margin:0px 12px 0px 12px;
	padding:0px;
	background:#574444;
	font-size:12px;
	line-height:12px;
	text-transform: uppercase;
}
.header .nav_up li{
	float:left;
	padding:2px 0px 0px 12px;
	margin:5px 0px 0px 0px;
	color:#FFFFFF;
	text-align:left;
}
.header .nav_up li a{
	color:#FFFFFF;
	text-decoration:none;
}
.header .nav_up li a:hover{
	color:#FF9900;
}

.header .nav_up li.services{
	margin-left:8px;
}
.header .nav_up li.recrute{
	float:right;
	text-align:right;
	overflow:hidden;
	margin-right:14px;

}

#nav_down01{
position:absolute;width:210px;height:80px;left:12px;top:124px;z-index:10;background:#570000;visibility:hidden;
}
#nav_down02{
position:absolute;width:210px;height:80px;left:132px;top:124px;z-index:12;background:#570000;visibility:hidden;
}
#nav_down03{
position:absolute;width:210px;height:80px;left:257px;top:124px;z-index:12;background:#570000;visibility:hidden;
}

#nav_down01 ul, #nav_down02 ul, #nav_down03 ul{
	text-align:left;
	background: #501111;
  margin: 0;
  padding: 0px 0px 0px 0px;
  display: block;
  float: left;
  text-transform: none;
  font-size:12px;
}

#nav_down01 li, #nav_down02 li, #nav_down03 li{
	width:208px;
	height:20px;
	list-style:none;
	list-style-image:none !important;
	margin:1px;
	padding-left: 5px;
	padding-top: 5px;
	background: #574444;
}

#nav_down01 li a, #nav_down02 li a, #nav_down03 li a{
	text-decoration:none;
}

#nav_down01 li a:hover, #nav_down02 li a:hover, #nav_down03 li a:hover{
	color:#FF9900;
}

#salp{
	position:absolute;
	left:600px;
	top:510px;
	z-index:100;
	text-align:right;
	padding:10px;
	width:250px;
	height:100px;
}
/* footer
-------------------------------------------------------*/
.footer{
	position:relative
	z-index:1;;
	background-image: url('/img/footer.jpg');
	background-repeat: no-repeat;
	height:260px;
	width:977px;
	float:left;
	padding-top:10px;
	line-height:20px;
}
.acces-rapide{
	padding-top:10px;
	width:900px;
	font-size:10px;
	color:#1DA9CE;
	line-height:12px;
}
.hautPage{
	float:right;
	margin:5px 45px 0px 0px;
}

/* Accueil
-------------------------------------------------------*/
.contenu_accueil{
	float:left;
	margin-left:40px;
	margin-top : 9px;
	background:#FFFFFF;
	width:600px;
	text-align:left;
	min-height:420px;
	padding:0px 10px 5px 0px;
}
.textAccueil{
	text-align:center;
	margin-top:10px;
	margin-left:40px;
	width:593px;
	height:52px;
	background-image: url('/img/fleche.png');
	background-position:center top;
	background-repeat:no-repeat;
	font-size:1.3em;
	line-height:30px;
}

/* contenu du site
-------------------------------------------------------*/
.spacer{clear:both;height:10px;padding:5px;vertical-align:middle;}
.contenu_texte{
	float:left;

	margin : 9px 10px 0px 40px;
	background:#FFFFFF;
	width:591px;
	text-align:left;
	min-height:450px;
	padding:0px 10px 20px 0px;
}
.contenu_texte p.fleche{
	float:none;
	background-image: url('/img/puce_flecheL.png');
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
	margin:20px 0px 0px 0px;
}
.contenu_texte ul{
	margin:0px;
	padding:0px;
}
.contenu_texte li.fleche{
	float:none;
	background-image: url('/img/puce_fleche.png');
	background-position:left top;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0px 0px 10px;
	margin:5px 0px 0px 10px;
}
.contenu_texte li.retrait{
	float:none;
	list-style-type:none;
	padding:0px 0px 0px 10px;
	margin:5px 0px 0px 10px;
}
.contenu_texte p.with_image{
	float:none;
	padding:0px 0px 0px 10px;
	margin:10px 0px 10px 0px;
}
.contenu_texte p.fond_exemple{
	background-image: url('/img/fond_exempleLLL.jpg');
	background-repeat: no-repeat;
	width:591px;
	height:280px;
	margin-top:10px;
	padding:5px 0px 5px 0px;
	text-align:center;
	line-height:16px;
}
.contenu_texte p.fond_temoignage{
	background-image: url('/img/fond_temoignageL.jpg');
	background-repeat: no-repeat;
	width:591px;
	height:174px;
	padding-top:20px;
	text-align:left;
	line-height:16px;
}
.encart_impot, .encart_personnel, .encart_contact{
	position:relative;
	float:left;
	background-image: url('/img/fond_dg.png');
	background-repeat: no-repeat;
	width:270px;
	height:118px;
	margin-top: 6px;
	text-align:left;
	padding:7px 10px 0px 10px;

	font-size:12px;
}
.encart_impot{
	margin-top: 10px;
}

/* textes
-------------------------------------------------------*/

.titre{
	background-image: url('/img/fond_titre.png');
	background-repeat: no-repeat;
	width:591px;
	height:76px;
	padding:40px 10px 0 20px;
}
.titre2{
	background-image: url('/img/fond_titre.png');
	background-repeat: no-repeat;
	width:591px;
	height:76px;
	padding:20px 10px 0 20px;
}
.titre_menage, .titre_enfant, .titre_jardinage{
	margin-top:3px;
	background-image: url('/img/fond_titre.png');
	background-repeat: no-repeat;
	width:591px;
	height:76px;
	padding:20px 10px 0 20px;
	color:#00a0c6;
}

.breadCrumb{
	font-size:14px;
	color:#333333;
}
.puce{
		vertical-align: bottom;
}
.icone{
	float:left;
	vertical-align: middle;
	margin-right:10px;
}
.photo_right{
	float:right;
	vertical-align: middle;
	margin:0px 10px 0px 10px;
}
.photo_left{
	float:left;
	vertical-align: middle;
	margin:0px 10px 0px 0px;
}
.zoom{
	font-size:1.5em;
}
.savoir_plus{
	color:#00A0C6;
	font-weight:bold;
	font-size:12px;
}
.savoir_plus:hover{
	text-decoration:underline
}
.exemple{
	color:#00A0C6;
	font-weight:bold;
	font-size:14px;
}
.link{
color:#00A0C6;
font-weight:bold;
text-decoration:none
}
.link:hover{
text-decoration:underline
}
.aixadom{
	color:#00a0c6;
}
.domiphone{
	color:#00a0c6;
}
.telephone{
	color:#00a0c6;
}
.comment{
	font-size: 9px;
	line-height:12px;
}
.enavant{
	font-weight: bold;
}
.tb_fond{
background:#00a0c6;
}
.tb_entete{
	background:#FFFFFF;
	text-align:center;
}
.tb_ligne{
	background:#FFFFFF;
	text-align:right;
	vertical-align:bottom;
}
.tb_ligneMenage{
	background:#00a0c6;
	color:#000000;
	text-align:center;
}
.tb_ligneEnfant{
	background:#FF9900;
	color:#000000;
	text-align:center;
}
.tb_ligneJardinage{
	background:#66CC33;
	color:#000000;
	text-align:center;
}
.td_left{
text-align:left;
}
.td_center{
text-align:center;
}



/* formulaire */

form{
	width: 90%;
}
form p{
	margin: 2px 0px 0px 0px;
	vertical-align:bottom;
	padding:2px 0px 0px 0px;
}
form p.obligatoire{
	text-align:right;
	width:100%;
}
form p.bouton{
	text-align:center;
}
form fieldset{
	margin-bottom: 10px;
	border: #CCFFFF 1px solid;
}
form fieldset legend{
	padding: 0px 10px 0px 10px;
	width:20%;
	background:#CCFFFF;
	border: #CCFFFF 1px solid;
	font-size: 1.2em;
	color: #00a0c6;
}
form label{
	display: block;
	width: 30%;
	float: left;
	padding-right: 2%;
	text-align: right;
	vertical-align:bottom;
}
form label.textarea{
	display: block;
	width: 50%;
	float: left;
	padding-left: 13%;
	text-align: left;
	vertical-align:bottom;
}
form label.fichier{
	display: block;
	width: 60%;
	float: left;
	padding-left: 13%;
	text-align: left;
	vertical-align:bottom;
}
form input{
	margin-left: 1%;
	border: #333333 1px solid;
	width:60%;
}
form textarea{
	margin-left: 13%;
	border: #333333 1px solid;
	width:80%;
}
form input.little{
	width:20%;
}
form select{
	margin-left: 1%
	border: #333333 1px solid;
}
form input[type="checkbox"]{
	margin-left: 1%
	border: #333333 1px solid;
	font-size:10px;
	width:20px;
}
form input:hover, form select:hover, form textarea:hover, form input:focus, form select:focus, form textarea:focus{
	background-color: #DDE6FF;
}
form input.file{
	margin-left: 13%;
	border: #333333 1px solid;
	width: 70%;
}
form input[type="submit"], form input[type="reset"]{
	margin:30px 0px 30px 0px;
	border:none;
	background-image: url('/img/bouton_off.gif');
	background-repeat: no-repeat top left;
	color: #00a0c6;
	width: 243px;
	height:28px;
}
form input[type="submit"]:hover, form input[type="reset"]:hover{
	color: #ffffff;
	background-image: url('/img/bouton_on.gif');
}
.erreur {
 color: #C00606;
 font-weight:bold;
}

/*
-------------------------------------------------------*/
/* PNG transparents sous IE6 avec du CSS */
/* * html img, */
* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}