html,body {
		height : 100%;
	}
	
	body {
		margin: 0px;
		padding: 0px;
		background-color: #002d62;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}
	
	body a{
		color: #cb6900;
	}
	
	.page{
		position: relative;
		width: 805px;
		margin: auto;
		margin-top: 5px;
		margin-bottom: 25px;
		min-height: 553px;
	}
	
	* html .page{ height: 553px;}
	
/* -----------------------------------------

              HEADER
			  
   ----------------------------------------- */	
   
	#header
	{
		position: absolute;
		top: 0px;
		left: 0px;
		
		height: 152px;
		width: 805px;
		
		background-image: url("../images/header.jpg");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#logo-lien
	{
		position: absolute;
		top: 20px;
		left: 38px;
		
		width: 245px;
		height: 125px;
		
		outline: none;
	}
	
	#menu-header
	{
		position: absolute;
		top: 152px;
		left: 0px;
		
		height: 160px;
		width: 259px;
		
		background-image: url("../images/menu-header.jpg");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#content-right
	{
		position: absolute;
		top: 152px;
		left: 737px;
		
		height: 344px;
		width: 68px;
		
		background-image: url("../images/content-right.jpg");
		background-position: top left;
		background-repeat: no-repeat;		
	}
	
	#content-bottom
	{
		position: absolute;
		top: 496px;
		left: 259px;
		
		height: 71px;
		width: 546px;
		
		background-image: url("../images/content-bottom.jpg");
		background-position: top left;
		background-repeat: no-repeat;	
	
	}
	
	#menu-right
	{
		position: absolute;
		top: 312px;
		left: 124px;
		
		height: 255px;
		width: 135px;
		
		background-image: url("../images/menu-right.jpg");
		background-position: top left;
		background-repeat: no-repeat;		
	}
	
	#menu-bottom
	{
		position: absolute;
		top: 432px;
		left: 28px;
		
		height: 135px;
		width: 96px;
		
		background-image: url("../images/menu-bottom.jpg");
		background-position: top left;
		background-repeat: no-repeat;		
	}
	
	#menu-left
	{
		position: absolute;
		top: 312px;
		left: 0px;
		
		height: 251px;
		width: 28px;
		
		background-image: url("../images/menu-left.gif");
		background-position: top left;
		background-repeat: no-repeat;
	}

/* -----------------------------------------

              TOP-MENU
			  
   ----------------------------------------- */
   
  	#menu
	{
		position: absolute;
		top: 152px;
		left: 259px;
		
		margin-top: 0px;
		
		height: 36px;
		width: 478px;
		
		background-image: url("../images/bg-header.gif");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#menu a, #menu li
	{
		position: absolute;
		display: block;
		
		outline: none;
		
		text-indent: -9000px;
		
		top: 0px;
		
		height: 36px;
		width: 98px;
		
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#menu a { left: 0px !important;}
	
	#menu #accueil, #menu #accueil a
	{
		left: 10px;
				
		background-image: url("../images/bouton-accueil.gif");
	}
	
	#menu #nouveautes, #menu #nouveautes a
	{
		left: 133px;
				
		background-image: url("../images/bouton-nouveautes.gif");
	}
	
	#menu #suggestions, #menu #suggestions a
	{
		left: 257px;
				
		background-image: url("../images/bouton-suggestions.gif");
	}
	
	#menu #contact, #menu #contact a
	{
		left: 380px;
				
		background-image: url("../images/bouton-contact.gif");
	}
	
	/* -----------------------------------------

              LEFT-MENU
			  
   ----------------------------------------- */
   
  	#left-menu
	{
		position: absolute;
		top: 312px;
		left: 28px;
		
		margin-top: 0px;
		margin-left: 0px;
		
		height: 120px;
		width: 96px;
	}
	
	#left-menu a, #left-menu li
	{
		position: absolute;
		display: block;
		
		outline: none;
		
		text-indent: -9000px;
		
		left: 0px;
		
		height: 24px;
		width: 96px;
		
		background-color: #da9142;
		
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#left-menu a { top: 0px !important; }
	
	#left-menu #profil, #left-menu #profil a
	{
		top: 0px;
				
		background-image: url("../images/menu-profil.gif");
	}
	
	#left-menu #produits, #left-menu #produits a 
	{
		top: 24px;
				
		background-image: url("../images/menu-produits.gif");
	}
	
	#left-menu #horaire, #left-menu #horaire a
	{
		top: 48px;
				
		background-image: url("../images/menu-horaire.gif");
	}
	
	#left-menu #partenaires, #left-menu #partenaires a
	{
		top: 72px;
				
		background-image: url("../images/menu-partenaires.gif");
	}
	
	#left-menu #sinscrire, #left-menu #sinscrire a
	{
		top: 96px;
				
		background-image: url("../images/menu-sinscrire.gif");
	}

/* -----------------------------------------

              CONTENT
			  
   ----------------------------------------- */
   
   	#content
	{
		position: absolute;
		top: 188px;
		left: 259px;
		
		height: 308px;
		width: 478px;
		
		background-image: url("../images/content-bg.jpg");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	/* ZZZZZ  FULL PAGE STATIC ZZZZ */
	
	h2
	{
		margin-top: 2px;
		margin-bottom: 4px;
		font-size: 14px;
		color: #002d62;
	}
	
	#content #fullPageStatic #titre
	{
		position: absolute;
		
		text-indent: -9000px;
		
		height: 43px;
		width: 478px;
		
		top: 0px;
		left: 0px;
		
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#content #fullPageStatic #titre #print
	{
		position: absolute;		
		bottom: 0px;
		left: 390px;
		
		outline: none;
		
		display: block;
		height: 25px;
		width: 71px;
		
		background-image: url("../images/print.gif");
		background-position: top left;
		background-repeat: no-repeat; 
	}
	
	#content #fullPageStatic .accueil
	{
		background-image: url("../images/content-accueil.gif");
	}
	
	#content #fullPageStatic .profil
	{
		background-image: url("../images/content-profil.gif");
	}
	
	#content #fullPageStatic .horaire
	{
		background-image: url("../images/content-horaire.gif");
	}
	
	#content #fullPageStatic .produits
	{
		background-image: url("../images/content-produits.gif");
	}
	
	#content #fullPageStatic .contact
	{
		background-image: url("../images/content-contact.gif");
	}
	
	#content #fullPageStatic .partenaires
	{
		background-image: url("../images/content-partenaires.gif");
	}
	
	#content #fullPageStatic .nouveautes
	{
		background-image: url("../images/content-nouveautes.gif");
	}
	
	#content #fullPageStatic .suggestions
	{
		background-image: url("../images/content-suggestions.gif");
	}
	
	#content #fullPageStatic .infolettre
	{
		background-image: url("../images/content-infolettre.gif");
	}
	
	#img-horaires
	{
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	#content #fullPageStatic #textebg
	{
		
		position: absolute;
		
		display: block;
		height: 265px;
		width: 478px;
		
		top: 43px;
		left: 0px;
		
		background-image: url("../images/fullPageStatic-bg.jpg");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#content #fullPageStatic #textebg #texte
	{
		
		position: absolute;
		
		display: block;
		height: 228px;
		width: 443px;
		padding-right: 5px;
		
		top: 3px;
		left: 20px;
		
		overflow: auto;
		
		scrollbar-3dlight-color: #000000;
        scrollbar-arrow-color: #000000;
        scrollbar-darkshadow-color: #000000;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #DDDDDD;
        scrollbar-shadow-color: #000000;
		outline: none;
	}
	
	#content #fullPageStatic #left
	{
		margin-left: 10px;
	}
	
	#content #fullPageStatic #right
	{
		 margin-right: 60px;
	}
	
	* html #content #fullPageStatic #right { margin-right: 30px; }
	
	#img-contact-left
	{
		border:none; 
		position:absolute; 
		top:40px; 
		left:120px;
	}
	
	* html #img-contact-left { left: 135px; }
	
	#img-contact-right
	{
		border:none; 
		position:absolute; 
		top:40px; 
		right:35px;
	}
	
	* html #img-contact-right { right: 35px; }
	
	#retour
	{
		position: absolute;
		top: 280px;
		left: 20px;
	}
	 
/* -----------------------------------------

              FOOTER
			  
   ----------------------------------------- */  
   	
	#footer
	{
		width: 750px;
		margin: auto;
		margin-top: -10px;
		color: #FFFFFF;
		font-size: 7pt;
		height : 20px;
	}
	
	#footer a
	{
		color: #FFFFFF;
	}
	
/* IMPRESSION SEULEMENT */

#title_impr
{
	display: none;
}

/* -----------------------------------------
              ACCUEIL	  
----------------------------------------- */


#accueil_infolettre {
	position : absolute;
	left : 4px;
	top : 4px;
	width : 199px; 
	height : 293px; 
	overflow : hidden;
	background-image : url(../images/accueil_infolettre.gif);
}

#accueil_infolettre #lien_inscription{
	position : absolute;
	bottom : 8px;
	margin-left : -2px;
	background-position : top left;
	width: 181px;
	height: 50px;
	background-image: url(../images/bouton-inscription.gif);
	
	outline: none;
}

#accueil_infolettre .conteneur {
	margin-top : 40px;
	margin-left : 15px;
	margin-right : 10px;
	margin-bottom : 10px;
}

#accueil_infolettre h1 {
	display : none;
}

#accueil_nouveautes {
	position : absolute;
	left : 223px;
	top : 6px;
	width : 265px;
	height : 144px;
	overflow : hidden;
	background-image : url(../images/accueil_nouveautes.gif);
}

#accueil_nouveautes .conteneur {
	margin-top : 40px;
	margin-left : 15px;
	margin-right : 10px;
	margin-bottom : 10px;
}

#accueil_nouveautes h1 {
	display : none;
}

#accueil_suggestions {
	position : absolute;
	left : 223px;
	top : 154px;
	width : 265px;
	height : 143px;
	overflow : hidden;
	background-image : url(../images/accueil_suggestions.gif);
}

#accueil_suggestions .conteneur {
	margin-top : 40px;
	margin-left : 15px;
	margin-right : 10px;
	margin-bottom : 10px;
}

#accueil_suggestions h1 {
	display : none;
}

/* -----------------------------------------
             INFOLETTRE	  
----------------------------------------- */

.formulaire{
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 0;
}

.formulaire .ligne {
	clear : both;
	margin-bottom : 0.5em;
}

.formulaire .gauche {
	float : left;
}

.formulaire label {
	display : block;
	float : left;
	margin-right : 10px;
	margin-left : 10px;
	text-align : left;
	width : 65px;
}

.formulaire .ligneChampTexte input {
	border : 1px solid #666;
	width : 100px;
}

.formulaire .ligneChampTelephone input {
	border : 1px solid #666;
	width : 30px;
}

.formulaire .ligneChampTelephone .derniers_chiffres{
	width : 40px;
}

.formulaire .ligneChampAdresse input {
	border : 1px solid #666;
	width : 287px;
}

*html .formulaire .ligneChampAdresse input {
	width : 302px;
}

.formulaire .ligneChampCourriel input {
	border : 1px solid #666;
	width : 150px;
}

.formulaire .ligneBouton {
	margin-top : 1em;
	margin-bottom : 1em;
}

.formulaire .ligneBouton input {
	margin-left : 85px;

	border : 2px solid #000;
	background-color : #fff;
	color : #000;
	font-family : tahoma,helvetica,sans-serif;
	font-size : 9pt;
	padding : 5px 10px 5px 10px;
	width : 90px;
	font-weight : bold;
}

*html .formulaire .ligneBouton input {
	margin-left : 98px;
}