body, h1, h2, h3, h4, h5, h6, form, ul, img, p, a, fieldset, button, object{
	border:0;
	margin:0;
	padding:0;
	outline:none;
}

html{
	background:url('../images/fond-html.gif') #fff repeat-x;
}

body{
	background:url('../images/fond-body.png') top center no-repeat;
	color:#424242;
	font: normal 11px Verdana, Helvetica, sans-serif;
}



/*____________________________________________________________________*/
/*_________________________________=GENERAL_____________________________*/
/*____________________________________________________________________*/

*html img, *html a, *html p, *html input, *html textarea, *html select{
	position:relative;
	z-index:15;
}

a{text-decoration:none;}

.spacer{clear:both;font-size:0px;height:0px;line-height:0px;}

/*____________________________________________________________________*/
/*_______________________________=CONTENEUR___________________________*/
/*____________________________________________________________________*/

#conteneur{  
	background:url('../images/fond-conteneur.png') repeat-y;
	border-bottom:1px #fff solid;
	margin:0 auto 0 auto;
	padding:0 12px 0px 11px;
	width:957px;
}


/*____________________________________________________________________*/
/*_________________________________=HAUT______________________________*/
/*____________________________________________________________________*/

#haut{
	background:url('../images/fond-bandeau.png') no-repeat;
	height:39px;
	padding:105px 0 1px 10px;
}

#haut h1{
	display:none;
}


#menu-haut{	
	list-style:none;
}

#menu-haut li{
	float:left;
	padding:0 5px;
}	

#menu-haut li a{
	display:block;
	float:left;
	height:35px;
	text-indent:-9999px;
}

#menu-haut li.btn-accueil a{
	height:80px;
	margin:-95px 0 40px 0;
	position:relative;
	width:240px;
} 

#menu-haut li.btn-offre a{
	background:url('../images/btn-offre.png') no-repeat;
	width:204px;
}
#menu-haut li.btn-exemple a{
	background:url('../images/btn-exemple.png') no-repeat;
	width:211px;
}
#menu-haut li.btn-contact a{
	background:url('../images/btn-contact.png') no-repeat;
	height:16px;
	margin:2px 0 0 57px;
	width:195px;
}
*html #menu-haut li.btn-contact a{
	margin-left:28px;
}



#menu-haut li.btn-offre a:hover,#menu-haut li.btn-exemple a:hover{
	background-position:0 -35px;
}
#menu-haut li.btn-contact a:hover{
	background-position:0 -20px;
}


/*____________________________________________________________________*/
/*_________________________________=GAUCHE____________________________*/
/*____________________________________________________________________*/

#gauche{
	clear:both;
	float:left;
	height:auto;
	min-height:451px;
	width:211px;
}
#gauche h2{
	text-indent:-9999px;
}

#zone-logipro{
	padding:47px 0 0 0;
}

#zone-logipro h2{
	background:url('../images/h2-logipro.png') no-repeat;
	height:38px;
}



#zone-logipro ul{
	list-style:none;
}


#gauche ul a{
	background:url('../images/fond-menugauche.gif') left bottom no-repeat;
	color:#404040;
	display:block;
	font-size:14px;
	padding:10px 2px 10px 15px;
}


#gauche ul a:hover,#gauche ul a:focus{
	color:#54b4e6;
}



/*____________________________________________________________________*/
/*________________________________=CONTENU____________________________*/
/*____________________________________________________________________*/

#centre{
	background:url('../images/fond-centre.gif') no-repeat;
	float:left;
	margin:15px 0 0 0;
	padding:6px 0 0 0;
	width:538px;
}


#contenu{
	background:#f2f2f2;
	border-left:1px #e3e3e3 solid;
	border-right:1px #e3e3e3 solid;
	height:auto;
	min-height:522px;
	padding:0 20px;
	width:496px;
}
*html #contenu{
	height:522px;
}

/*____________________________________________________________________*/
/*________________________________=DROITE____________________________*/
/*____________________________________________________________________*/

#droite{
	float:right;
	height:auto;
	min-height:400px;
	width:185px;
}
#droite h2{
	text-indent:-9999px;
}
#zone-reponses{
	padding:50px 0 0 0;
}

#zone-reponses h2{
	background:url('../images/h2-reponses.png') no-repeat;
	height:36px;
}


#zone-reponses p{
	background:url('../images/sep-menu-droit.gif') left bottom no-repeat;
}

#zone-reponses a{
	background:url('../images/puce-droit.gif') 3px 14px  no-repeat;
	color:#404040;
	display:block;
	font-size:12px;
	padding:10px 2px 10px 15px;
}

#zone-reponses a:hover,#zone-reponses a:focus{
	color:#54b4e6;
}


/*____________________________________________________________________*/
/*_________________________________=BAS_____________________________*/
/*____________________________________________________________________*/


#bas{
	border-top:3px #6f6f6f solid;
	font-size:10px;
	margin:0 auto;
	padding:8px 0 10px 0;
	text-align:center;	
	width:978px;
}


#bas ul{
	list-style:none;
}

#bas ul li{
	display:inline;
	padding:0 25px;
}

#bas ul li a{
	color:#6b6b6b;	
}

#bas ul li a:hover,#bas ul li a:focus{
	color:#000;
}