* {	
	color:#333333;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
	
html {
	font-size: 100%;}
	
body {
	font-size: 0.7em;
	margin:0;
	padding:0; }
	
img {
	border:0;}

/***********************************************************/	
#nav {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 509px;
	height: 476px;
	background: transparent url(images/LOGO.PNG) no-repeat top left;
	
	/*border: #000 solid 1px;*/
	z-index: 80;
	/*hierboven IE5 PC*/

	voice-family: "\"}\"";
	voice-family: inherit;

	/*hieronder IE6 PC*/
	/*background: transparent url(../images/bg_nav.png) no-repeat top left;*/
	background: transparent url(images/LOGO.GIF) no-repeat top left;
	position: absolute;
	}
	
html>body #nav {
	/*hieronder SAFARI & Netscape 6-7*/
	background: transparent url(images/LOGO.PNG) no-repeat top left;
	position: fixed;
	}
#catalogue a {
	display: block;
	position: relative;
	top: 350px;
	left: 50px;
	width: 110px;
	height: 60px;
	}
#catalogue a span {
margin-left: -5000px;}	
#footer {
	position: relative;
	top: 395px;
	left: 20px;
	width: 250px;}
#footer p{
	color:#666666;
	font-size: 0.8em;}
	
#nav ul {
	position: absolute;
	top: 192px;
	right: 350px;
	background-image: url(images/MENU.GIF);
	width: 116px;
	height: 108px;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 20px;}
li {
	margin:0;
	padding:0;}
li span {
	margin-left: -2500px;
	height: 27px;}
li a {
	margin:0;
	padding:0;
}
#menuAccueil a {
	display: block;
	width: 116px;
	height: 27px;
}
#menuAccueil a:hover {
	background: url(images/MENU.GIF) no-repeat right top;}
#menuAccueil a.selected {
	background: url(images/MENU.GIF) no-repeat right top;}
#navigationAccueil #menuAccueil {
	background: url(images/MENU.GIF) no-repeat right top;}
#menuPapeterie a {
	display: block;
	width: 116px;
	height: 27px;}
#menuPapeterie a:hover {
	background: url(images/MENU.GIF) no-repeat right -27px;}
#navigationPapeterie #menuPapeterie {
	background: url(images/MENU.GIF) no-repeat right -27px;}
#menuServices a {
	display: block;
	width: 116px;
	height: 27px;}
#menuServices a:hover {
	background: url(images/MENU.GIF) no-repeat right -54px;}
#navigationServices #menuServices {
	background: url(images/MENU.GIF) no-repeat right -54px;}
#menuContact a {
	display: block;
	width: 116px;
	height: 27px;}
#menuContact a:hover {
	background: url(images/MENU.GIF) no-repeat right -81px;}
#navigationContact #menuContact {
	background: url(images/MENU.GIF) no-repeat right -81px;}

/*********************** ancres ***********************/

#go_accueil {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 10px;
	width: 10px;
	/*border: solid 1px black;*/
	z-index: 20;}

#go_papeterie {
	position: absolute;
	display: block;
	top: 0px;
	left: 847px;
	height: 10px;
	width: 10px;
	/*border: solid 1px black;*/
	z-index: 20;}

#go_services {
	position: absolute;
	display: block;
	top: 556px;
	left: 0px;
	height: 10px;
	width: 10px;
	/*border: solid 1px black;*/
	z-index: 20;}

#go_contact {
	position: absolute;
	display: block;
	top: 556px;
	left: 1143px;
	height: 10px;
	width: 10px;
	/*border: solid 1px black;*/
	z-index: 20;}
	

/********************************************************/

#box01 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 560px;}
#box02 {
	position: absolute;
	top: 0;
	left: 840px;
	margin: 0;
	padding: 0;
	width: 996px;
	height: 560px;}
#box03 {
	position: absolute;
	top: 556px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 996px;
	height: 560px;}
#box04 {
	position: absolute;
	top: 556px;
	left: 1144px;
	margin: 0;
	padding: 0;
	width: 996px;
	height: 750px;
	background: url(images/IMG_CONTACT.GIF) no-repeat 375px 120px;}

	
/****************************************************************************/

#site {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 2800px;
	height: 1620px;
	background: url(images/BACKGROUND_GLOBAL.JPG) no-repeat top left;}
	
#site h1 {
	position: relative;
	margin: 188px 0 18px 294px;
	padding: 0 0 0 0;
	color:#86112e;
	font-size: 1.2em;
	line-height: 2.5em;}
#site h2 {
	position: relative;
	margin: 0 0 0.6em 294px;
	padding: 0;
	color: #356d8d;
	font-size: 1.2em;
	}

#site h1 span, #site h2 span {
	margin-left: -5000px;}
#site p {
	position: relative;
	margin: 0 0 1em 294px;
	padding:0;
	line-height: 1.6em;}
#site p a {
	color: #333333;
	text-decoration: underline;}
#site p a:hover {
	color: #333333;
	text-decoration: underline;}
#site ul {
	position: relative;
	margin: 0 0 0 294px;
	padding: 0;
	padding-left: 20px;
	line-height: 1.4em;}
	
/****************************************************************/
#titre_bienvenue {
	background: url(images/H1_ACCUEIL.GIF) no-repeat left bottom;}
#box01 p {
	width: 295px;}
#titre_papeterie {
	background: url(images/H1_PAPETERIE.GIF) no-repeat left bottom;}
.texte {
	float: left;}
.imageRight {
	float: left;
	position: relative;
	margin: 150px 0 0 0;
	padding: 0 0 0 0;}
#box02 p {
	width: 565px;}
#box02 img {
	position: relative;
	margin-left: 570px;
	margin-top: 30px;}
#titre_services {
	background:url(images/H1_SERVICES.GIF) no-repeat left bottom;}
#sousTitre_coteProfessionnel {
	background-image: url(images/ST_COTEPROFESSIONNEL.GIF);
	width: 173px;
	height: 21px;}
#sousTitre_cotePlanification {
	background-image: url(images/ST_cotePlanification.gif);
	width: 158px;
	height: 21px; }
#sousTitre_coteCadeaux {
	background-image: url(images/ST_COTECADEAUX.GIF);
	width: 377px;
	height: 21px;}
#sousTitre_coteScolaire {
	background-image: url(images/ST_COTESCOLAIRE.GIF);
	width: 117px;
	height: 18px;}
#sousTitre_coteServices {
	background-image: url(images/ST_COTESERVICES.GIF);
	width: 222px;
	height: 18px;}
#box03 p {
	width: 520px;}
#imageContentBox03 {
	position: absolute;
	top: 393px;
	left: 484px;}
.imageLeft {
	position: absolute;
	width: 272px;
	left:650px;
	top: 20px; }
.jour { 
	float: left;
	width: 50px;}
.horaire{
	float: left;
	width: 100px;
	margin-bottom: 20px;}
#ouverture {
	position: relative;
	margin: 0 0 1em 294px;
	width: 160px;}