* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0px;
	font-family: arial, tahoma, verdana, sans-serif;
	background-color: #E7CA7A;
/* 	background: url(../images/background.gif) top center repeat-y; */
}

.page-body {
	background: url(../images/haut.jpg) top center repeat-y;
}

.page-container {
	width: 770px;
	margin: 0px auto;
	padding: 0px;
	border-left: solid 1px rgb(125,125,125);
	border-right: solid 1px rgb(125,125,125);
	border-bottom: solid 1px rgb(125,125,125);
	background-color: rgb(255,255,255);
}

/* Global navigation menu */

.nav-global-container {
	position: absolute;
	z-index: 3;
	width: 770px;
	top: 5px;
	background-color: transparent;
}

.nav-global {
	float: right;
	width: 750px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	background-color: transparent;
}

.nav-global ul {
	float: right;
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.nav-global li {
	display: inline;
	white-space: nowrap;
	text-transform: none;
}

.nav-global li a {display: inline; margin: 0px; padding: 0px 0px 0px 4px; border-left: solid 1px rgb(100,100,100); color: rgb(150,150,150); font-weight: bold; text-decoration: none; font-size: 110%;}

.nav-global a:hover {background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline;}

.img-flag {display: inline; vertical-align: text-bottom; height: 1.0em; margin: 0px; padding: 0px; border: solid 1px rgb(0,0,0);}

/* Banner */

.site-name  {clear: both; float: left; position: absolute; z-index: 2; width: 700px; top: 7px; margin: 0px; padding-left: 17px; background-color: transparent; color: #42241a; font-weight: bold; font-size: 24px;}

.site-slogan  {float: left; position: absolute; z-index: 1; width: 700px; top: 1.9em; left: 15px; margin: 0px; padding: 0px 0px 0px 3px; background-color: transparent; color: #42241a; font-weight: bold; font-size: 14px;}

.img-header {clear: both; float: left; width: 770px; height: 71px; margin: 0px; padding: 0px;}

/* Main navigation menu */

.nav-main {clear: both; float: left; width: 770px;  min-height: 2.0em; height: auto !important; height: 2.0em; line-height: 2.0em; margin: 0px; padding: 0px; border-top: solid 1px rgb(84,111,144); border-bottom: solid 1px rgb(84,111,144); background-color: #7B2A00;} /* Use background-color: rgb(176,207,106);	for green */

.nav-main ul {list-style: none; margin: 0px; padding: 0px; font-weight: bold;}

.nav-main li {float: left; white-space: nowrap; background-color: inherit;}

.nav-main li a {margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 1px rgb(255,255,255); color: rgb(255,255,255); text-decoration: none; font-size: 110%;}

.nav-main a:hover, .nav-main a.selected {background-color: inherit; color: rgb(217,217,217); text-decoration: none;}

#smallBody {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #093E80;
	padding: 2px;
	background-color: #709ACF;
}

/* header */

#header {
	height: 30px;
	border: 1px solid black;
}

#footer {
	clear: both;
	text-align: center;
	width: 770px;
	height: 3.0em;
	margin: 0px;
	padding: 0.5em 0px 0.5em 0px;
	border-top: solid 1px rgb(125,125,125);
	background-color: #7B2A00;
	color: rgb(255,255,255);
}

#footer p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1.3em;
	font-size: 110%;
}

/* liste des offres */

#offreList {
	width: 480px;
	margin: 2px;
	padding: 3px;
	border: 1px solid #DDDDDD;
}

#offreList table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#offreList td {
	vertical-align: bottom;
}

/* contenu de droite */

#mainRight {
	width: 250px;
	margin: 2px;
	padding: 5px;
	border: 0px solid #DDDDDD;
	clear: right;
}

/* Page recherche */

#recherche {
	padding: 5px;
}

#recherche table {
	border-collapse: collapse;
}

#recherche th {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(222,220,242);
	color: rgb(75,75,75);
	font-weight: bold;
}

#recherche td {
	vertical-align: top;
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

#recherche .odd {
	background-color: #F5F5F5;
}

#recherche .even {
	background-color: #DDDDDD;
}

/* panier */

#panier {
	margin-left: 2px;
	padding: 1px;
}

#panier table {
	border-collapse: collapse;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#panier th {
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(222,220,242);
	color: rgb(75,75,75);
	font-weight: bold;
	height: 16px;
}

#panier td {
	padding-left: 5px;
	padding-right: 5px;
}

/* commande */

#commande table {
	margin-left: auto;
	margin-right: auto;
}

#commande td {
	vertical-align: top;
}

#commande input.int {
	width: 200px;
	border: 1px solid #9FB6D5;
}

#commande textarea {
	width: 200px;
	height: 50px;
	border: 1px solid #9FB6D5;
}

/* formulaire interet */

#intForm td {
	padding-left: 2px;
	padding-right: 2px;
}

#intForm input.int {
	width: 200px;
	border: 1px solid #9FB6D5;
}

#intForm textarea {
	width: 200px;
	height: 50px;
	border: 1px solid #9FB6D5;
}

/* formulaire contact + google maps */

#gmap {
	float: left;
	margin-left: 15px;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

#contactForm td {
	padding-left: 2px;
	padding-right: 2px;
}

#contactForm input.int {
	width: 200px;
	border: 1px solid #9FB6D5;
}

#contactForm textarea {
	width: 200px;
	height: 100px;
	border: 1px solid #9FB6D5;
}

/* menu */

#pubMenu {
	width: 100%;
	height: 16px;
	margin-top: 2px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	text-align: center;
}

#pubMenu ul {
	display: block;
	list-style: none;
}

#pubMenu li {
	display: inline;
	text-decoration: none;
	margin-left: 50px;
	margin-right: 50px;
}

#pubMenu li a {
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
}

#pubMenu li a:hover {
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #CCCCCC;
}

#pubMenu li a.selected {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #F5F5F5;
}

/* societe */

#societe {
	margin: 0px;
	padding: 10px;
	text-align: left;
}


/* box global */

#mainBox {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 800px;
}

#mainBox.center {
	margin-left: auto;
	margin-right: auto;
}

#mainBox .boxTop {
	height: 20px;
	background: url(../images/test/top.png) repeat-x;
	padding: 0px;
	border: 0px;
}

#mainBox .boxBottom {
	height: 20px;
	background: url(../images/test/bottom.png) repeat-x;
	padding: 0px;
	border: 0px;
}

#mainBox .boxLeft {
	width: 20px;
	background: url(../images/test/left.png) repeat-y;
}

#mainBox .boxRight {
	width: 20px;
	background: url(../images/test/right.png) repeat-y;
}

#mainBox .boxContent {
	background-color: #FFFFFF;
}

#mainBox .boxTopLeft, #mainBox .boxTopRight, #mainBox .boxBottomLeft, #mainBox .boxBottomRight {
	padding: 0px;
	margin: 0px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

#mainBox .boxTopLeft {
	background-image: url(../images/test/topleft.png);
}

#mainBox .boxTopRight {
	background-image: url(../images/test/topright.png);
}

#mainBox .boxBottomLeft {
	background-image: url(../images/test/bottomleft.png);
}

#mainBox .boxBottomRight {
	background-image: url(../images/test/bottomright.png);
}

/* all */

a {
	text-decoration: none;
	color: #0D5689;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

.vcenter {
	vertical-align: middle;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.block {
	display: block;
}

.bold {
	font-weight: bold;
}

input, textarea {
	padding-left: 2px;
 	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 11px;
}

.fullWidth {
	width: 100%;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.float {
	float: left;
}

.clear {
	clear: both;
}

.odd  {
	background-color: #F5F5F5;
}

.even {
	background-color: #E9E9E9;
}

/* slide */

#slideShow
{
	width: 400px;
	height: 400px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
	margin: 10px;
}
#slideShow a {
	text-decoration: none;
}
.pagelinks a
{
	font-weight: bold;
	color: #666;
}
.slideCaption
{
	background-color: #FFFFCC;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
.pagelinks a.activeSlide
{
	color: #f90;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	background-image: url(../images/spacer.gif);
}
.nextSlide:hover
{
	background-image: url(../images/nextslide.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.prevSlide:hover
{
	background-image: url(../images/prevslide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.inputsTooltip
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

.content {clear: both;}

.nav-global-font {font-size: 1.1em;}

.nav-main-font {font-size: 1.0em;}

.nav-sub-font {font-size: 1.0em;}

.content-font {font-size: 1.1em;}

.sidebar-font {font-size: 1.0em;}

.footer-font {font-size: 1.1em;}

.error {color: red;}

hr {
	height: 1px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #000000;
	border: 0;
}

.actionMsg
{
	border: 2px solid #00A100;
	background-color: #BFFFBF;
	padding: 5px;
	margin: 5px;
}

.actionError
{
	border: 2px solid #FF0000;
	background-color: #FFBFBF;
	padding: 5px;
	margin: 5px;
}