/* CSS Document */

/* GENERAL */

html,body {
	background-color: #ffffff;
	width:100%;
	margin:0px;
	padding: 0px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/fond-page-service-gris.gif);
	background-repeat:repeat-y;
	background-position:top center;
	color:#000000;
	text-align:center;
	position:relative;
	}
	
a {
	font-weight: bold;
	color:#000000;
	text-decoration:none;
	}
	
a:hover{
	font-weight: bold;
	color:#00CBEA;
	text-decoration:none;
	}
a img {
	border:none;
	}
hr {
	padding:0px;
	margin:0px;
	width:100%;
	color:#FFFFFF;
	background-color:#FFFFFF;
	position:relative;
	border:none;
	height:1px;
	}	
.separation {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}

/*Bandeau haut*/
	
#nav_haut {
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(images/haut-service.jpg);
	background-repeat:no-repeat;
	width:878px;
	height:237px;
	position:relative;
	}
#nav_haut a.accueil {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#4C5B0B;
	float:left;
	margin:5px 10px 0px 28px;
	padding:0px;
	}
#nav_haut a:hover.accueil {
	color:#00CBEA;
	}
.lien-bandeau {
	float:left;
	margin:0px 0px 0xp 7px;
	padding:0px;
	position:relative;
	}
/*Blocs contenant */	
	
#page {
	margin:0px auto 0px auto;
	padding:0px;
	width:878px;
	background-image:url(images/fond-page-service.gif);
	background-repeat:no-repeat;
	background-position:top right;
	position:relative;
	text-align:left;	
	}	
#page_admin {
	margin:0px auto 0px auto;
	padding:0px;
	width:876px;
	background-color:#FFFFFF;
	border-right:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	position:relative;
	text-align:left;	
	}	
/*Navigations*/	
	
ul#nav_principale {
	margin:148px 0px 0px 80px;
	padding:0px;
	width:430px;
	height:35px;
	float:left;
	text-align:center;
	position:relative;
	list-style:none;
	}

ul#nav_principale  li{
	margin:0px 20px 0px 10px;
	padding:0em 0.2em 0em 0em;
	display:inline;
	float:left;
	text-align:center;
	position:relative;
	}
ul#nav_principale  li a {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:11px;
	color:#005AC0;
	}
ul#nav_principale  li a:hover {
	color:#000000;
	}

	
	
ul#nav_secondaire {
	margin:180px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:270px;
	height:30px;
	list-style:none;
	float:left;
	position:relative;
	}
ul#nav_secondaire li{
	margin:0px 10px 0px 14px;
	padding:0px 0px 0px 0px;
	display:block;
	float:left;
	text-align:center;
	position:relative;
	}

ul#nav_secondaire li a {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#3A679C;
	font-size:11px;
	}
ul#nav_secondaire li a:hover {
	color:#000000;
	}

/*Fil d'ariane*/

#fil_ariane {
	margin:0px 0px 0px 50px;
	padding:0px 0px 0px 0px;
	width:550px;
	height:30px;
	float:left;
	line-height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	position:relative;
	}	
#fil_ariane a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	color:#3A679C;
	font-size:11px;
	}
#fil_ariane a:hover {
	color:#000000;
	}	
#devis {
	width:115px;
	height:46px;
	position:relative;
	font-size:14px;
	float:right;
	margin:16px 9px 0px 0px;
	padding:0px;
	}
#devis a{
	display:block;
	color:#25548A;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/devis.gif);
	text-align:center;
	position:relative;
	width:115px;
	height:42px;
	margin:0px;
	padding:4px 0px 0px 0px;
	}
#devis a:hover{
	color:#000000;
	background-image:url(images/devis-over.gif);
	position:relative;
	width:115px;
	height:42px;
	margin:0px;
	padding:4px 0px 0px 0px;
	}
/*Structure des contenus*/



/*page d'accueil (titre vertical est dans bloc de droite) */
.droite {
	float:right;
	margin:5px;
	}
.droite2 {
	float:right;
	margin:0px 106px 16px 16px;
	}


/*pages */
#gauche {
	float:left;
	width:570px;
	margin:0px 0px 0px 50px;
	padding:0px;
	position:relative;
	}
.gauche-img {
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	}
.gauche-img2 {
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
	position:relative;
	}

#gauche h1 {
	font-size:14px;
	font-weight:bold;
	}
.menage {
	color:#0075A6;
	}
h2.menage {
	font-size:14px;
	color:#999999;
	font-weight:bold;
	}
.enfants {
	color:#D00631;
		}
.domimaintenance {
	color:#AD7D00;
	}
.jardinage {
	color:#5D8E00;
	}
/*utilisé dans l'admin*/
h1  a#admin1 {
	font-size:14px;
	color:#0075A6;
	font-weight:bold;
	text-decoration:none;
	}
h1 a:hover#admin1 {
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
h1  a#admin2 {
	font-size:14px;
	color:#5D8E00;
	font-weight:bold;
	text-decoration:none;
	}
h1 a:hover#admin2 {
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
h1  a#admin3 {
	font-size:14px;
	color:#751310;
	font-weight:bold;
	text-decoration:none;
	}
h1 a:hover#admin3 {
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
	

#gauche ul li{
list-style-image:url(action-sociale-rural/puce-violette.gif);
	}
#gauche ul li a {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	}
#gauche ul li a:hover {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#00CBEA;
	text-decoration:none;
	}
#gauche a {
	text-decoration:underline;
	}
#gauche a:hover {
		text-decoration:underline;
	}

#droite {
	float:left;
	width:220px;
	margin:30px 0px 0px 20px;
	padding:0px 0px 0px 10px;
	font-size:11px;
	position:relative;
	border-left:1px solid #84A3C8;
}
#communes {/*Bloc scrollable à droite*/
	border:solid 1px #FFFFFF;
	background-color:#EEFFD0;
	background-image:url(action-sociale-rural/fond-carte.gif);
	background-repeat:repeat-y;
	width:210px;
	height:250px;
	margin:0px auto 0px auto;
	padding:4px;
	overflow:auto;
	position:relative;
	}
#contact2 {
	background-image:url(images/contact2.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	width:200px;
	height:89px;
	color:#000000;
	position:relative;
	}
#contact2 a {
	color:#000000;
	}	
#contact2 a:hover {
	color:#00CBEA;
	}	
/*Navigation basse*/


#navigation_basse {
	width:877px;
	background-image:url(action-sociale-rural/fond-navbas.gif);
	background-repeat:repeat-y;
	background-position:top center;
	position:relative;
	border-top:3px solid #FFFFFF;
	clear:both;
	/*margin:0px 27px 0px 52px;*/
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	}
#navigation_basse a{
	font-size:11px;
	font-weight:normal;
	color:#4C5B0B;
	}
#navigation_basse a:hover{
	color:#8B8D87;

	}