/*----------------------General------------------------*/
/*-------------------<--  Benj -->---------------------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

html {
}
body {

font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
color: #000;
position: relative;
text-align: center;
}
	#conteneur {
	width:780px;
	margin: 0 auto;
	text-align: left;
	}

/*---- bandeau -------*/
#bandeau {
width: 780px;
margin-top: 5px;
margin-bottom: 10px;
}
	#bandeau #logo{
	position: relative;
	/*top: -10px; */
	}

/*---- menu -------*/
#menu {
background: #F7BC21 url(design/menu_background.gif) bottom left repeat-x;
font-size: .8em;
font-weight: bold;
height: 108px;
}
	#menu ul#acces {
	padding: 10px 5px 0px 15px;
	margin: 0px 0;
	}
		#menu #acces li {
		list-style-type: none;
		margin: 0 0;
		background: transparent url(design/puce.gif) 0 3px no-repeat;
		padding-left: 15px;
		padding-bottom: 5px;
		}
		#menu #acces a {
		color: #B64925;
		text-decoration: none;
		}
		#menu #acces a:hover {
		color: #e23315;
		text-decoration: none;
		}
		#menu #acces #lien_actif a {
		color: #5F3123;
	}
	#menu ul#icone {
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 5px 0 0 0;
	}
	#menu #icone li {
	list-style-type: none;
	float: left;
	display: block;
	width: 120px;
	height: 90px;
	margin-left: 8px;
	}
		#menu #icone li a{
		display: block;
		width: 120px;
		height: 90px;
		text-indent:-5000px;
		text-decoration: none;
		}
		#men_habitat  { background: transparent url(design/menu_habitat.gif) no-repeat top left;}
		#men_auto { background: transparent url(design/menu_auto.gif) no-repeat top left; }
		#men_bienetre { background: transparent url(design/menu_bienetre.gif) no-repeat top left; }
		#men_service { background: transparent url(design/menu_service.gif) no-repeat top left; }
		#men_loisirs { background: transparent url(design/menu_loisirs.gif) no-repeat top left; }
		
		#men_espace_vert  { background: transparent url(design/menu_espace_vert.png) no-repeat top left;}
		#men_nettoyage{ background: transparent url(design/menu_nettoyage.png) no-repeat top left; }
		#men_lavage_auto { background: transparent url(design/menu_lavage_auto.png) no-repeat top left; }
		#men_peinture { background: transparent url(design/menu_peinture.png) no-repeat top left; }
		
		#men_habitat:hover, #men_auto:hover, #men_bienetre:hover, #men_service:hover, #men_loisirs:hover, #men_espace_vert:hover, #men_nettoyage:hover, #men_lavage_auto:hover, #men_peinture:hover {
		background-position: 0 -20px;
		}

/*---- Colonne -------*/
#colonne {
float: right;
width: 200px;
margin-top: 1.2em;
}
	#colonne div{
	margin-bottom: 8px;
	}
	#colonne div p{
	margin: 5px 8px;
	}
	#colonne h2{
	font-size: .8em;
	color: white;
	padding: .1em 8px;
	}
	#rubrique {width: 150px}
	#rechercher {width: 180px}
	
	#recherche {
	background: #E18464 url(design/recherche.gif) 0 0 repeat-x;
	padding-bottom: 5px;
	}
		#recherche input#rechercher {
		background: white url(design/loupe.gif) 3px 3px no-repeat;
		padding-left: 20px;
		width: 160px;
		}
	#pub_droit {
	text-align:center;		
	}
	#inscription {
	background: #93B704 url(design/inscription.gif) 0 0 repeat-x;
	padding-bottom: 5px;
	color: #344101;
	}
	#newsletter {
	background: #d9e4f0 url(design/newsletter.gif) 0 0 repeat-x;
	padding-bottom: 5px;
	color: #3A6794;
	}
		#newsletter input#email_newsletter {
		background: white url(design/lettre.gif) 3px 3px no-repeat;
		padding-left: 20px;
		width: 120px;
		}


/*---- Texte -------*/
#texte {
background: white;
margin: 0 0;
width: 570px;
}
	#texte p#breadcrumb {
	margin: 0 0;
	padding: 0;
	font-size: .7em;
	margin-bottom: .5em;
	}
		#texte p#breadcrumb, #texte p#breadcrumb strong, #texte p#breadcrumb a{
		color: #666666;
		}
	#autres, #habitat, #auto, #service, #bienetre, #loisirs, #espace_vert, #lavage_auto, #peinture, #nettoyage, #loisirs  {
	margin-bottom: 10px;
	position: relative;
	}
	#texte h1 {
	font-size: .9em;
	margin-bottom: 10px;
	padding-left: 22px;
	}
	#autres { background: #fafafa; border: 1px dashed #aeaeae;}
	#autres h1 {  border-bottom: 4px solid #aeaeae; color: #aeaeae; }
	
	#espace_vert { background: #F9FEE2; border: 1px dashed #93B704;}
	#espace_vert h1 { background: transparent url(design/h1_espace_vert.png) 2px 0 no-repeat; border-bottom: 4px solid #93B704; color: #93B704; }
	#espace_vert .acces a { color: #93B704; }
	
	#lavage_auto { background: #FDF5F2; border: 1px dashed #C44E25;}
	#lavage_auto h1 { background: transparent url(design/h1_lavage_auto.png) 2px 0 no-repeat; border-bottom: 4px solid #C44E25; color: #C44E25;padding-left: 35px; }
	#lavage_auto .acces a { color: #C44E25; }
	
	#peinture { background: #F8FAFC; border: 1px dashed #6594C2;}
	#peinture h1 { background: transparent url(design/h1_peinture.png) 2px 0 no-repeat; border-bottom: 4px solid #6594C2; color: #6594C2; }
	#peinture .acces a { color: #6594C2; }
	
	#nettoyage { background: #FEF8E7; border: 1px dashed #E5B026;}
	#nettoyage h1 { background: transparent url(design/h1_nettoyage.png) 2px 0 no-repeat; border-bottom: 4px solid #E5B026; color: #E5B026; }
	#nettoyage .acces a { color: #E5B026; }
	
	#loisirs { background: #FAF4F1; border: 1px dashed #B56F40;}
	#loisirs h1 { background: transparent url(design/h1_loisirs.gif) 2px 0 no-repeat; border-bottom: 4px solid #B56F40; color: #B56F40; }
	#loisirs .acces a { color: #B56F40; }
	
	#texte .acces{
	position: absolute;
	top: 1px;
	right: 0;
	}
		#texte .acces a{
		text-decoration: none;
		}
	#texte h2 {
	color: #e18463;
	font-size: .9em;
	margin: 1em .5em 1em .5em;
	font-weight: bold;
	border-bottom: 1px dashed #aeaeae;
	}
	#texte p {
	margin-left: .5em;
	margin-right: .5em;
	padding-bottom: 15px;
	}
	#texte a, #texte strong, #texte b {
	color: #e9a908;
	}
		#texte a:hover {
		text-decoration: none;
		}
	#texte ul {
	margin: 5px 15px 15px 45px;
	font-size: .8em;
	}
.center {
text-align: center;
}

#texte img.bordure {
border: 4px solid #ECBF92;
}
.floatleft{
float: left;
margin: 5px 10px 3px 13px;
}
.floatright{
float: right;
margin: 5px 13px 3px 10px;
}

.hr {
background: transparent url(design/actualite_hr2.gif) 20px 0 no-repeat;
height: 6px;
}
.hr hr{
display: none;
}
.clear {
clear: both;
visibility: hidden;	
}

/*----------------------------------------------*/
/*---- Pied de page -------*/
/*----------------------------------------------*/

#conteneur_pied_page {
background: white url(design/conteneur_background.gif) top left repeat-x;
}
#pied_page {
clear: both;
color: black;
height: 176px;
width:780px;
margin: 0 auto;
text-align: left;
}
#pied_page table {
width: 780px;
margin-top: 10px;
margin-bottom: 10px;
border-collapse: collapse;
font-size: .7em;
}
#pied_page tr:hover {
background: transparent url(design/baspage_hover.gif) 0 0 repeat-x;
}
#pied_page td {
line-height: 2em;
border-bottom: 1px dashed #D9E4F0;
}
#pied_page th {
width: 25%;
font-size: 1.1em;
text-align: left;
}
#pied_page th:first-letter {
text-transform: uppercase;
}
#pied_page th a {
color: #6594C2;
}
#pied_page td li{
display: inline;
}
#pied_page td li a{
color: #666666;
}
#pied_page p{
border-top: 1px solid #D9E4F0;
}
#pied_page a{
color: black;
}
#pied_page a:hover{
text-decoration: none;
}
#pied_page #pixell{
float: right;
}
#pied_page #pixell img{
position: relative;
top: 5px;
}