body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	background: #FFF;
	height: 100%;
	scrollbar-3dlight-color: #CCC; /* couleur pour les effets de relief */
	scrollbar-arrow-color: #999; /* couleur pour les pointeur de défilement */
	scrollbar-base-color: #FFF; /* couleur de base de la barre de défilement */
	scrollbar-darkshadow-color: #CCC; /* couleur pour les ombres */
	scrollbar-highlight-color: #FFF; /* couleur pour le bord haut et le bord gauche */
	scrollbar-shadow-color: #FFF; /* couleur pour le bord droit et le bord du bas */
	scrollbar-track-color: #FFF; /* couleur pour la barre de défilement non cachée par le pointeur de défilement */
	background: url(im/commun/bkg_menu.gif) top left no-repeat;
}
* {
	margin: 0px;
	padding: 0px;
}
p {
	color: #2B509F;
}
img {
	clear: both;
}
h1 {
  position: absolute;
  left: 0px; 
  top: 80px;
	width: 742px;
	height: 30px;
	padding: 5px;
	line-height: 30px;
	font-size: 30px;
	text-align: right;
	text-transform: uppercase;
	background-image: url(im/commun/bkg_h1.jpg);
	color: #9A9A9A;
}
/*///////// -- SITE -- ///////////////////////////////////////////////////////////////////*/
#site {
	width: 1000px;
}
#frame {
  position: absolute;
  left: 220px; 
  top: 120px;/*115*/
	width: 662px;
}
#frame ul {
	width: 580px;
	margin: 0px 0px 0px 20px;
	list-style: none;
}
#frame li {
	display: inline;
	float: left;
	margin: 10px 15px 10px 15px;
	text-align: center;
}
#frame li img {
	border: 1px solid #2B509F;
}
/*///////// -- MENU -- ///////////////////////////////////////////////////////////////////*/
#menu {
  position: absolute;
  left: 0px; 
  top: 0px;
	width: 198px;
	height: 628px;
	background: url(im/commun/bkg_menu.gif) top left no-repeat;
	z-index: 99;
}
#menu dl {
	margin-top: 60px;
}
#menu dd {
	margin: 0px 0px 6px 10px;
	color: #FFFFFF;
}

/*///////// -- ACCUEIL -- ///////////////////////////////////////////////////////////////////*/
#accueil {
  position: absolute;
  left: 144px; 
  top: 115px;
	width: 662px;
	height: 388px;
	background: url(im/commun/accueil.jpg) top left no-repeat;
	border: 5px solid #2B509F;
}
#adresse {
  position: absolute;
  left: 465px; 
  top: 525px;
	width: 340px;
	text-align: right;
}
#edito {
  position: absolute;
  left: 80px; 
  top: 20px;
	width: 550px;
}
#edito li {
	list-style-image:url(im/commun/puce02.gif);
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	margin: 0px 0px 15px 0px;
}
#infos {
  position: absolute;
  left: 357px; 
  top: 212px;
	width: 263px;
	height: 135px;
}
#infos dl {
	padding: 5px;
}
#infos dt {
	color: #D82222;
	padding: 0px 0px 5px 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
#infos dd {
	color: #2B509F;
}
/*///////// -- FORMULAIRE -- ///////////////////////////////////////////////////////////////////*/
#formulaire {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
  position: absolute;
  left: 220px; 
  top: 115px;
	margin: 0 auto;
	text-align: center;
}
#formulaire fieldset {	/*** Mise en forme des cadres ***/
	width: 360px;
	padding: 10px;
	margin: 0px 5px 0px 5px;
	border: none;
}
#formulaire p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#formulaire fieldset, #contact label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	/*line-height: 1.8;	** ... et centrés verticalement. ***/
}
#contact label {
	width: 25%;	/*** Les intitulés prennent 35% de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	vertical-align: top;
}
.champs {
	width: 70%;
	border: 1px solid #D5DCEC;
	background-color: #E9EDF5;
	overflow: hidden;
}
#piedForm {
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 295px;
	text-align: center;
	margin: 5px 0px 0px 5px;
}
.note {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #920000;
	line-height: 17px;
}
/*///////// -- CATALOGUE -- ///////////////////////////////////////////////////////////////////*/
#catalogue {
  position: absolute;
  left: 220px; 
  top: 25px;
	width: 565px;
	height: 65px;
}
#grande {
  position: absolute;
  left: 144px; 
  top: 115px;
	width: 662px;
	height: 388px;
	border: 5px solid #2B509F;
}
#vignettes {
  position: absolute;
  left: 817px; 
  top: 45px;
	width: 183px;
	text-align: center;
}
#vignettes ul {
	list-style: none;
}
#vignettes li img {
	margin: 15px;
	border: 5px solid #2B509F;
}
#description {
  position: absolute;
  left: 210px; 
  top: 525px;
  width: 280px;
  color: #2B509F;
}

#txt_description {
color:#2B509F;
}

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #2B509F;
	text-align: left;
	margin: 0 auto;
	float: left;
	line-height: 17px;
}
.prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #D82222;
	text-align: right;
	margin: 0 auto;
	float: right;
}
#details {
  position: absolute;
  left: 515px; 
  top: 525px;
  width: 280px;
}
#plan {
  position: absolute;
  left: 817px; 
  top: 525px;
	width: 203px;
	text-align: center;
}
#plan dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2B509F;
	margin: 5px;
}
#footer {
  position: absolute;
  left: 0px; 
  top: 585px;
	padding: 10px;
}
#footer p {
	color: #6B85BC;
}

/*///////// -- LIENS -- ///////////////////////////////////////////////////////////////////*/
a.lien:link { color: #6B85BC; text-decoration:none; } 		/* lien non-visité */
a.lien:visited { color: #6B85BC; text-decoration:none; } 		/* lien visité */
a.lien:hover { color: #6B85BC; text-decoration:underline; } 	/* lien survolé */
a.lien:active { color: #6B85BC; text-decoration:underline; } 	/* lien activé */

/*///////// -- LIENS BLEU -- ///////////////////////////////////////////////////////////////////*/
a.lien_bleu:link { color: #6B85BC; text-decoration:none; } 		/* lien non-visité */
a.lien_bleu:visited { color: #6B85BC; text-decoration:none; } 		/* lien visité */
a.lien_bleu:hover { color: #6B85BC; text-decoration:underline; } 	/* lien survolé */
a.lien_bleu:active { color: #6B85BC; text-decoration:underline; } 	/* lien activé */

/*///////// -- LIENS BLANC -- ///////////////////////////////////////////////////////////////////*/
a.lien_blanc:link { color: #FFFFFF; text-decoration:none; } 		/* lien non-visité */
a.lien_blanc:visited { color: #FFFFFF; text-decoration:none; } 		/* lien visité */
a.lien_blanc:hover { color: #FFFFFF; text-decoration:underline; } 	/* lien survolé */
a.lien_blanc:active { color: #FFFFFF; text-decoration:underline; } 	/* lien activé */