body{
	background: #3F3F3F url(images/fond_page.jpg) repeat-x left top;
	font: 12px Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0 0 15px 0;
}

img {
	border: none;
}

#container{
	margin : 20px auto 0 auto;
	width : 960px;
	background-color: #fff;
}

#logo {
	background: url(images/logo_handiservice.jpg) no-repeat left top;
	height: 158px;
}

#logo a {
	display: block;
	height: 158px;
	width: 960px;
	text-indent: -5000px;
}

#menu {
	height: 37px;
	background: url(images/fond_menu.gif) repeat-x left top;
	margin: 0px;
	border-bottom: 1px solid #909090;
}

#menu ul {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	list-style-type: none;
}

#menu li {
	float : left;
	height: 37px;
	width: 125px;
	border-right: 1px solid white;
}

#menu li.premier {
	border-left: 1px solid white;
}

#menu ul li a {
	display: block;
	height: 37px;
	width: 125px;
	font-weight: bold;
	text-align: center;
	line-height : 37px;
	color : black;
	text-decoration : none;
	font-size: 14px;
}

#menu ul li a:link, #menu ul li a:visited {
	background: url(images/fond_menu.gif) repeat-x left top;
}
#menu ul li a:active, #menu ul li a:hover, #menu ul li a.ici {
	background: url(images/fond_menu.gif) repeat-x left -37px;
}

#footer {
	font-size: 9px;
	text-align: center;
	height: 20px;
	line-height: 20px;
}

#contenu {
	width: 864px;
	min-height: 480px;
	margin : 22px auto  0px auto;
	border : 1px solid #B6A8A8;
	text-align: justify;
}

/*PAGE ACCUEIL*/

.presentation {	
	/*margin : 20px 26px;*/
	margin : 20px 150px;
}

.photos {
	width : 140px;
	margin : 0 0 0 0;
	float : left;
}

.titre {
	width : 380px;
	margin : 0 0 0 0;
	float: right;
}

.descriptif {
	width : 380px;
	margin : 20px 0 0 0;
	float: right;
}

.descriptif p {
	margin: 10px;
	text-align: left;
	line-height: 18px;
}

.nouveaute {
	margin : 20px 150px;
}

.nouveaute .photos {
	width : 250px;
	margin : 0 0 0 0;
	float : right;
}

.nouveaute .titre {
	width : 284px;
	margin : 0 0 0 0;
	float: left;
}

.nouveaute .descriptif {
	float: right;
	width : 284px;
	margin : 25px 0 0 0;
}

.nouveaute .descriptif p {
	font-size : 14px;
	font-weight: bold;
	text-align: center;
}

.clr {
	clear: both;
}

.logo_partenaires {
	width: 800px;
	margin: 10px auto 10px auto;
	text-align: center;
}

.logo_partenaires tr {
	vertical-align: bottom;
}

.logo_partenaires td {
	width: 20%;
	height: 100px;
	font-size: 10px;
	font-style: italic;
}
hr {
	height : 1px;
	background : #B6A8A8;
	margin: 0px 150px 0px 150px;
	border: none;
}

.texte {
	margin-right: 35px;
	margin-left : 35px;
}

.imgAGauche {
	float: left;
	margin-right: 10px;
}

.produit {
	clear: both;
	margin-bottom: 15px;
}

.produit h2 {
	border-top: 1px solid #B6A8A8;
	border-bottom: 1px solid #B6A8A8;
	line-height: 25px;
	height: 25px;
	background: #EBDFDF url(images/fleche_titre.gif) no-repeat left top;
	font-size: 12px;
	text-indent: 35px;
	
}

.telecharger {
	float: right;
	width: 181px;
}

.telecharger a:link, .telecharger a:visited {
	display: block;
	background: transparent url(images/bouton_telecharger.gif) no-repeat left top;
	width: 181px;
	height: 20px;
	text-indent: -5000px;
	overflow: hidden;
}

.telecharger a:hover, .telecharger a:active {
	background-position: left -20px;
}
.telecharger_fiche {
	float: right;
	width: 181px;
}

.telecharger_fiche a:link, .telecharger_fiche a:visited {
	display: block;
	background: transparent url(images/bouton_telecharger_fiche.gif) no-repeat left top;
	width: 181px;
	height: 20px;
	text-indent: -5000px;
	overflow: hidden;
}

.telecharger_fiche a:hover, .telecharger_fiche a:active {
	background-position: left -20px;
}

h1 {
	font-size: 20px;
	margin-bottom: 25px;
	margin-top: 15px;
}

/* CONTACT*/

.identite {
	float: left;
	width: 300px;
	height: 120px;
	margin: 0 10px 10px 0;
}

.identite img {
	float:left;
	margin-right: 10px;
}

.identite .nom {
	font-weight: bold;
}

.identite .fonction {
	font-style: italic;
}




/* DEBUT INFO BULLE*/

a.info {
	position: relative;
	z-index: 24;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	cursor: help;
}

a.info:hover {
	z-index: 25;
	background-color: #E1D3D3;
}

a.info span {
	display: none
}

a.info:hover span {
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
    display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 300px;
	border: 1px solid #CCCCCC;
	background-color: #eeeeee;
	color: #000000;
	text-align: justify;
	font-weight: none;
	font-size: 10px;
	padding: 5px;
	text-decoration: none;
}

/* FIN INFO BULLE*/