/*------------------------------------------------------------------ 
	[Table of contents] 
 
	1. Utils
	2. Conteners					html, body, #contener, #no-flash
  		2.1. Logo					h1 
    	2.2. Présentation			.box
    	2.3. Get Flash Player		.get-flash-player
    	2.4. Copyrights				#copyrights, #consommation
-------------------------------------------------------------------*/ 
/*------------------------------------------------------------------ 
	[1. Utils]
-------------------------------------------------------------------*/ 
.textReplace {
	display: inline-block;
	height:0;
	border:none;
	background:none;
	margin: 0px;    
	padding:0;
	outline:none;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:middle;
	background-image: url(../img/tils.jpg);
}
.inline-block {
	display: inline-block;
}
.inline-block, .textReplace, x:-moz-any-link {
	display: -moz-inline-stack;
}
.inline-block, .textReplace, x:-moz-any-link, x:default {
	display: inline-block;
	/* ie 7 reconnait */
}

/*------------------------------------------------------------------ 
	[2. Conteners]
-------------------------------------------------------------------*/ 
html, body {
	margin: 0;
	height:100%;
	overflow:hidden;
}
body{
	background-image:url(../img/background.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	font: normal 11px Arial;
	color: #474b21;
}
#contener {
	height:100%;
}
#no-flash {
	height: 100%;
	background-color: #FFF;
	position: relative;
	zoom: 1;
}
a{
	color: #CC9;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------------ 
	[2.1. Logo]
-------------------------------------------------------------------*/ 
h1.textReplace {
	display: block;
	padding-top: 238px;
	width: 244px;
	margin: 0 auto 14px auto;
	background-position: 0 32px;
	background-repeat: no-repeat;
}

h2 {
	margin-left: 30px;
	margin-bottom: 5px;
}

h3 {
	text-shadow: 1px 1px 1px #FFF;
	color: #b9b778;
	margin-left: 30px;
}

/*------------------------------------------------------------------ 
	[2.2. Présentation]
-------------------------------------------------------------------*/ 
.box {
	width: 304px;
	margin: 0 auto;
}
.box p {
	margin: 15px 30px 0 30px;
}
.box-top {
	height: 46px;
	width: 158px;
	background-image:		url(../img/tils.jpg);
	background-repeat:		no-repeat;
	background-position:	left -206px;
}
.box-top.domaine {
	background-position:	1px -542px;
}
.box-top.vins {
	background-position:	-151px -542px;
}
.box-middle {
	margin-top: 0;
	padding-top:1px;
	background-color:#f3f3f2;
}
.box-middle div {
	max-height: 400px;
	height: auto !important;
	height: 400px;
	overflow: auto;
}
.box-bottom {
	height: 21px;
	background-image:		url(../img/tils.jpg);
	background-repeat:		no-repeat;
	background-position:	left -253px;
}
.google-menu {
	color: #999;
}
.google-menu a {
	color: #b9b778;
}

/*------------------------------------------------------------------ 
	[2.3. Get Flash Player]
-------------------------------------------------------------------*/
#footer {
	position:absolute;
	bottom: 0;
	left: 0;
	background-image: url(../img/tils.jpg);
	background-repeat: repeat-x;
	background-position: 0 -507px;
	height: 35px;
	margin-bottom: 27px;
	width: 100%;
}
#download-flash {
	background-image: url(../img/tils.jpg);
	background-repeat: no-repeat;
	background-position: -265px -54px;
	padding-left: 39px;
	height: 35px;
	line-height: 35px;
	font-size: 10px;
	color:#00303d;
	text-align: left;
	margin-left: 15px;
}
#download-flash a {
	color: #c7080a;
}

/*------------------------------------------------------------------ 
	[2.4. Copyrights]
-------------------------------------------------------------------*/ 
#copyrights {
	position: absolute;
	bottom:0;
	left: 10px;
	font-size: 10px;
	line-height: 26px;
	z-index: 2;
}
#copyrights .mentions {
//	color: #474b21;
}
#consommation {
	text-transform: uppercase;
	position: absolute;
	bottom:0;
	right: 10px;
	text-align: right;
	font-style: italic;
	font-size: 9px;
	line-height: 26px;
	z-index: 1;
}
#cassis {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}
#cassis a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color:#474b21;
	margin-right:15px;
}
.mairie {
	background-image: url(../img/tils.jpg);
	background-position: -244px -145px;
	background-repeat: no-repeat;
	padding-left: 40px;
	line-height: 54px;
	height: 54px;
}
.ot {
	background-image: url(../img/tils.jpg);
	background-position: -223px -199px;
	background-repeat: no-repeat;
	padding-left: 86px;
	line-height: 54px;
	height: 54px;
}
#aoc {
	position:absolute;
	top:0;
	right: 0;
	text-align: right;
	z-index: 1;
}
.aoc-cassis {
	width: 128px;
	padding-top: 128px;
	background-repeat: no-repeat;
	background-position: -176px -274px;
}
.aoc-cassis, x:-moz-any-link {
	height: 128px;
}
.aoc-cassis, x:-moz-any-link, x:default {
	height: 0;
}
*+html #aoc {
	right: 0;
	left: 0;
}
*+html #consommation {
	right: 0;
	left: 0;
}