* { margin: 0 ; padding: 0 ; }

body {
	font: normal 80% Verdana,"Bitstream Vera Sans",Arial,sans-serif ;
	background-color: #c8c8c8 ;
	text-align: center ;
	color: #FFF ;
}

img { border: none ; }

a { color:#4792D5; text-decoration: underline ; }
a:hover { text-decoration: none ; }

#pied {
	width: 100% ;
	background:  url(images/pied.gif) left bottom repeat-x ;
}

#fond {
	background: #678a8c url(images/bg.gif) top left repeat-x  ;
	margin-top: 25px ;
	padding-top: 9px ;
}
#global {
	width: 550px ;
	text-align: left ;
	margin: 0 auto ;
	background: url(images/centre-bg.gif) 4px 0 repeat-y ;
}

#header {
	width: 550px ;
	height: 67px ;
	background-image: url(images/entete.jpg) ;
}

#header h1 a {
	width: 150px ; height: 60px ;
	float: left ; 
}

#header h1 span,
#services h2 span,
#particuliers h2 span,
#professionnels h2 span,
#professionnels2 h2 span,
#informations h2 span,
#services2 h2 span { position: absolute ; left: 0 ; top: -500px ; width: 1px ; height: 1px ; overflow: hidden ; }

#header h2 {
	float: left ;
	width: 392px ; height: 50px ;
	font: normal 1.1em "Trebuchet MS", "Bitstream Vera Sans", sans-serif ;
	font-weight: normal ;
	padding: 15px 8px 0 0 ;
	text-align: right ;
}

#header h2 strong, #annonce p strong {
	color: #fff701 ;
}

#centre { 
	padding: 0 7px ;
	font-size: 11px ;
}

#services ul, #particuliers ul, #professionnels ul, #professionnels2 ul, #informations ul, #services2 ul {
	list-style: none ;
	padding: 10px 10px 15px 10px ;
}

#services ul a, #particuliers ul a, #professionnels ul a, #professionnels2 ul a, #informations ul a, #services2 ul a {
	color: #FFF ;
	text-decoration: none ;
}

#informations a:hover { color: #627519 ; }
#services a:hover,#services2 a:hover { color: #A50606 ; }
#particuliers a:hover { color: #254B6E ; }
#professionnels a:hover { color: #8D5D05 ; }
#professionnels2 a:hover { color: #8D5D05 ; }

#services {
	width: 136px ;
	float: left ;
	background: #f50909 url(images/services-bg.gif) left bottom repeat-x ;
	margin: 0 3px 3px 1px ;
	display: inline ;
}

#services h2 {
	width: 136px ;
	height: 20px ;
	background-image: url(images/services.gif) ;
}

#services ul {
	text-align: right ;
	background: url(images/services-bas.gif) left bottom no-repeat ;
	min-height: 56px ;
}

#services2 {
	width: 196px ;
	float: left ;
	background: #f50909 url(images/services-bg.gif) left bottom repeat-x ;
	margin: 0 3px 3px 1px ;
	display: inline ;
}

#services2 h2 {
	width: 196px ;
	height: 20px ;
	background-image: url(images/services2.gif) ;
}

#services2 ul {
	text-align: left ;
	background: url(images/services-bas2.gif) left bottom no-repeat ;
	min-height: 56px ;
}

#particuliers {
	width: 196px ;
	float: left ;
	background: #448dd1 url(images/particuliers-bg.gif) left bottom repeat-x ;
	margin: 0 3px 3px 0 ;
	display: inline ;
}

#particuliers h2 {
	width: 196px ;
	height: 20px ;
	background-image: url(images/particuliers.gif) ;
}

#particuliers ul {
	background: url(images/particuliers-bas.gif) left bottom no-repeat ;
	min-height: 56px ;
}

* html #particuliers ul, * html #professionnels ul, * html #professionnels2 ul, * html #informations ul, * html #services ul  {
height: 56px ; }

* html #connexion fieldset {
	height: 91px ;
	padding:  4px 10px 0 10px ;
}

#professionnels {
	width: 196px ;
	float: left ;
	margin: 0 0 3px 0 ;
	background: #f8b801 url(images/professionnels-bg.gif) left bottom repeat-x ;
	display: inline ;
}

#professionnels h2 {
	width: 196px ;
	height: 20px ;
	background-image: url(images/professionnels.gif) ;
}

#professionnels ul {
	background: url(images/professionnels-bas.gif) left bottom no-repeat ;
	min-height: 56px ;
}

#professionnels2 {
	width: 196px ;
	float: left ;
	margin: 0 3px 3px 0 ;
	background: #f8b801 url(images/professionnels-bg.gif) left bottom repeat-x ;
	display: inline ;
}

#professionnels2 h2 {
	width: 196px ;
	height: 20px ;
	background-image: url(images/professionnels.gif) ;
}

#professionnels2 ul {
	background: url(images/professionnels-bas.gif) left bottom no-repeat ;
	min-height: 56px ;
}

#annonce {
	width: 136px ;
	float: left ;
	margin: 0 4px 3px 0 ;
	/*display: inline ;*/
	vertical-align: middle ;
}

#annonce p {
	padding: 29px 4px 0 4px ;
	text-align: center ;
}

#informations {
	width: 196px ;
	float: left ;
	margin: 0 3px 3px 0 ;
	display: inline ;
	background: #aece2b url(images/informations-bg.gif) left bottom repeat-x ;
}

#informations h2 {
	width: 196px ; height: 20px ;
	background: url(images/informations.gif) left bottom repeat-x ;
}

#informations ul {
	background: url(images/informations-bas.gif) left bottom no-repeat ;
	min-height: 56px ;
}

#connexion {
	width: 196px ;
	float: left ;
	background: #efefef url(images/connexion-bg.gif) left bottom repeat-x ;
	color: #000 ;
}

#connexion form {
	background: url(images/connexion-top.gif) top left no-repeat ;
}

#connexion fieldset {
	border: none ;
	background: url(images/connexion-bas.gif) left bottom no-repeat ;
	padding:  8px 10px 2px 10px ;
	min-height: 91px ;
}

#connexion legend {
	display: none ;
}

#connexion label {
	display: block ;
	padding: 5px 0 4px 0 ;
}

#connexion p { /*float: left ; width: 130px ;*/ }

#connexion div { margin-top: -8px; position: relative ; width: 18px ; height: 19px ; left: 170px ; top: -36px ; }

.champ {
	border: 1px solid #a3a3a3 ;
	width: 130px ;
	font-size: 1.2em ;
}

#content {
	clear: both ;
	width: 535px ;
	background: #FFF url(images/content-bg.gif) left bottom repeat-x ;
	color: #000 ;
}

#content h2 {
	color: #2c353c ;
	font-size: 16px ;
	padding: 10px ;
}

#start-content {
	background: url(images/content-top.gif) top left no-repeat  ;
}

#content p {
	color: #515151 ;
	padding: 5px 20px ;
	text-align: justify ;
}

#content sup {
	font-size: 8px ;
}

#footer {
	width: 534px ; height: 28px ;
	background: url(images/footer.gif) 4px 0 no-repeat ;
	text-align: right ;
	padding: 0 15px 0 0 ;
	font-size: 9px ;
}

#footer p {
	color: #515151 ;
}

#titre {
	float: left ;
}

#menu {
	width: 136px ;
	float: left ;
	margin: 0 3px 3px 1px ;
	display: inline ;
	min-height: 95px ;
	font-size: 1px ;
}

#menu li { width: 135px ; height: 20px ; list-style: none ; margin: 5px 0 0 0 ;  }