* {
	padding: 0;
	margin: 0;
}

div.clear
{
	clear:both;
}

body {
	padding: 0;
	background: #FFF;
	font-family: "Trebuchet MS",helvetica,sans-serif;
	font-size:12px;
}


h1
{
	padding: 10px 0 10px 30px;
	font-weight: normal;
	margin-left: 30px;
	background: url("images/cellier_11.png") left center no-repeat;
}

p
{
	text-align:justify;
}

li a
{
	text-decoration: none;
	color: inherit;
}

#global {
	min-height: 100%;
	width: 937px;
	overflow: hidden;
	margin: 0 auto;
}

/* header */
#header-top
{
	margin-top: 20px;
	height:48px;
	background: url("images/cellier_03.png");
}

#header-bottom
{
	background: url("images/cellier_09.png");
}

#header-pictures
{
	float:left;
	width: 937px;
	margin-top: 20px;
	height: 242px;
	background: url("images/cellier_14.jpg");
}

#header
{
}

/* Content */

div.imgD
{
	float: right;
}

div.imgG
{
	float: left;
}

.imgB {
	float: left;	
	text-align: center;
	padding: 0;
	margin-left: 9px;
	margin-top: 9px;
	margin-bottom: 20px;
}

span.img_title {
	font-style:italic;
	text-decoration:underline;
	font-size: 10px;
	padding:0px 0px 0px 2px;
}

div.textg, p.textg {
    float: left;
    text-align: justify;
    text-indent: 0;
    width: 300px;
}

div.textd, p.textd {
    float: right;
    text-align: justify;
    text-indent: 0;
    width: 300px;
}

div.textg ul, div.textd ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 1.2em;
	list-style-position: outside;
	margin: 10px 0;
	padding: 0 20px;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	list-style-type: circle;
}

div.hspace, p.hspace
{
	margin-top: 80px;
}

div#content-left-content table
{
	color: #FFF;
	background-color: #22222C;
	border-collapse:collapse;
	border: 1px solid #F3F3F9;
}

div#content-left-content table tr td
{
	text-align: center;
	border: 1px solid #F3F3F9;
	padding: 4px;
}


.borderAcces {
	width: 600px; 
	height: 400px;
	border: 1px solid #22222C;	
}

div.ruban
{
	width: 100%;
	text-align:center;
	background-color:#22222C;
	color: #FFF;
	font-size:17px;
	padding:2px 0px;
}

p.hcenter
{
	text-align:center;
	font-size: 20px;
}


div.space
{
	height: 20px;
}

/* MENU */

#header-top ul { 
	background: url("images/cellier_091.png") 800px center no-repeat;
	float: right;
	width : 825px; 
	height : 30px;
	margin-top: 5px;
	padding : 0;
	list-style-type : none; 
	color : #FFF;
	font-weight:bold;
	font-size: 16px;
}
 
#header-top ul li {
	color: #FFF;
	padding : 0 30px;
	line-height : 30px;
	float : left;
}

#header-top ul li.lang
{
	margin-left: 70px;
	padding : 0 30px;
	background: url("images/cellier_061.png") center center no-repeat;
	color: #000;
	font-size: 12px;
}

#header-top ul li.lang span
{
	float: left;
	width: 85px;
	margin-left: 15px;
	padding-left: 25px;
	background: url("images/french.png") left center no-repeat;
}

#header-top ul li.languk span
{
	background: url("images/uk.png") left center no-repeat;
}

 
#header-top ul a:hover {
	text-decoration: underline;
}
 
#select-lang
{
	margin: -10px 0 0 767px;
	padding: 2px 2px;
	width: 95px;
	position: absolute;
	background: #f1d1d1;
	color: #22222C;
	border: 1px solid #22222C;
	font-size: 12px;
}

#select-lang span
{
	float: left;
	padding-left: 25px;
	padding-top: 2px;
	font-weight:bold;
	height: 15px;
}

#select-lang span a
{
	color: inherit;
	text-decoration:none;
}

#select-lang span.fr
{
	background: url("images/french.png") left center no-repeat;
}

#select-lang span.uk
{
	background: url("images/uk.png") left center no-repeat;
}


#content {
	background: url("images/cellier_09.png");
}

#content-title
{
	height: 60px;
}

#content-left
{
	float:left;
	width:698px;
}

#content-left-content
{
	margin-left: 30px;
	padding: 30px 0;
	background: url("images/cellier_15.png");
	background-repeat: repeat-x;
	width:640px;
}

#content-right
{
	float:right;
	width: 239px;
}

#content-right-top
{
	height: 7px;
	background: url("images/cellier_17.png");
}

#content-right-content
{
	background: url("images/cellier_19.png");
}

#content-right-bottom
{
	height: 57px;
	background: url("images/cellier_22.png");
}

#content-right-content ul
{
	float:right;
	width: 237px;
	margin: 20px 0;
	list-style-type: none;
}

#content-right-content ul li
{
	margin: 6px 0;
	padding: 2px 15px;
	background-color: #FFF;
	font-weight: bold;
}

#content-right-content ul li:hover
{
	background: #FFF url("images/cellier_11.png") 215px center no-repeat;
}


/* Pied de page */
#footer {
	height: 39px;
	background: url("images/cellier_24.png");
}

#footer a {
	color: inherit;
	text-decoration:none;
}

#footer p
{
	padding-top: 12px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
}