html, body	  { width : 100%; height : 100%; margin : 0; padding : 0; }
#page		   { position: absolute;
				  width: 701px;		   /* selon la largeur voulue */
				  margin-left: -350px;	/* moitie de width */
				  left: 50%;			  /* constant, toujours 50% */
				  height: 367px;		  /* selon la quantite de texte */
				  margin-top: -183px;	 /* moitie de height */
				  top: 50%;			   /* constant, toujours 50% */
				  background : #740900 url('/img/bg.jpg') no-repeat; }
#homeHeadings	{ position: absolute; z-index: 2; width: 420px; height: 50px; top: 50%; left: 50%; margin: 90px 0 0 -325px; }
#bgComplet	  { background : #740900 url('/img/pattern.jpg') 50% 50%; }
#logo		   { float : left; width : 234px; }
#nav			{ float : left; width : 450px; }
#bordureBlanche { float : right; width : 430px; border-bottom : solid 1px #fff; }
#navCont		{ padding : 48px 12px 0 0; }
#nav ul		 { float : right; margin : 0; padding : 0; }
#nav ul li	  { float : left; display : inline; }
#nav .chevron   { font : bold 1em Verdana, sans-serif; }
#nav a		  { text-decoration : none; font : 11px Verdana, sans-serif; margin : 0 0 0 8px; padding: 3px 1em; }
#contenu		{ float : left; width : 472px; height : 231px; background : #511e00; overflow : auto; }
#droite		 { float : left; width : 229px; height : 231px; background : url('/img/bg_droite.gif') no-repeat; }
#adresse		{ float : left; width : 65%; font : 10px Verdana, sans-serif; }
#adresseBox	 { padding : 30px 0 0 8px; }
#copyright	  { float : left; width : 35%; font : 10px Verdana, sans-serif; text-align : right; }
#copyrightBox   { padding : 30px 8px 0 0; }

#nav .chevron, #nav a:hover, #nav a.navOn, #nav a.navOn:hover { color : #ccc; }
#nav a.navOn:hover .chevron { color : #fff; } /* FF only */
#nav a { background: #fff; }
#nav a:hover { background: #000; }
#nav a.navOn { background: #740900; }
#adresse, #copyright, #nav a, #nav a:hover .chevron, #nav a.navOn .chevron { color : #511e00; }

.colonne		{ float : left; width : 50%; text-align : center; margin : 8px 0 0 0; }
.colonne a	  { font : 10px Verdana, sans-serif; color : #fff; text-decoration : none; }
.colonne a:hover { color : #f30; }

#margeThumbs	{ padding : 50px 0 0 0; }
.ligneThumbs	{ width : 420px; margin : 0 auto; clear : left; text-align : center; }
.thumb		  { float : left; text-align : center; width : 80px; }
.thumb a img	{ border : solid 1px #fff; }
.thumb a img:hover
				{ border : solid 1px #f30; }
* html .thumb a img
				{ border : none; margin-top : 2px; }
* html .thumb a { border : solid 1px #fff; }
* html .thumb a:hover
				{ border : solid 1px #f30; }
#pseudoNav	  { text-align : right; clear : left; font : 0.9em Verdana, sans-serif; margin : 12px 1em 0 0; }
#pseudoNav a	{ color : #fff; text-decoration : none; margin : 0; padding : 0 1em 0 1em; }
#pseudoNav a:hover
				{ color : #511e00; background : #fff; }
.sep			{ clear : left; width : 100%; height : 20px; }
* html .sep	 { clear : left; width : 100%; height : 4px; }


#droite h1	  { font : bold 16px Verdana, sans-serif; color : #fff; font-variant: small-caps; margin : 1em; text-align : right; }
#droite p	   { font : 11px Verdana, sans-serif; color : #fff; margin : 1em; text-align : right; }

.norm	   		{ font : 11px Verdana, sans-serif; color : #fff; margin : 1em; }
ul.norm					{ list-style-type : square; }
.norm a					{ color : #f30; }
.norm a:visited	{ color : #c00; }
.norm a:hover		{ text-decoration : none; }

#tableTarifs	{ font : 9px Verdana, sans-serif; color : #fff; margin : 7em auto; width : 440px; }
#tableTarifs thead th { background : #000; border : solid 1px #fff; }
#tableTarifs tbody th { background : #333; border-bottom : solid 1px #fff; }
#tableTarifs td { border-bottom : solid 1px #fff; text-align : center; }

#formulaire			{ margin : 1em 0 0 1em; padding : 0; }
input.contact, textarea.contact
								{ border : solid 1px #f30; font : 11px Verdana, sans-serif; color : #333; width : 22em; margin : 0 0 0.1em 1em; }
#envoyer				{ border : outset 2px #f30; font : 11px Verdana, sans-serif; color : #fff; background : #f30; margin : 0 0 0.1em 1em; }