@import url("balises_do.css");
@import url("cms_do.css");
@import url("payment.css");
body { color: #333; text-align: center; background-color: #47212C;}
body, td, th { font: normal 11px "Lucida Grande", verdana; }
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: left;
	width: 900px;
	margin: 0px auto 0px auto; position: relative;
	border-top: 2px solid #DCBA7B; border-bottom: 2px solid #DCBA7B; background: #FFF url(../images/bgTout.jpg) no-repeat
	}
	
/*	HEADER	*/
#navTop { padding: 6px 12px;  text-align: right;
	width: 876px;
	margin: 0px auto 0px auto; color: #B8A9AD }
#navTop img{ vertical-align: middle; margin-right: 6px; }
#navTop a { color: #FFF }

#myCart {
	text-align: right;
	background: #E1CF9F url(../images/bgMyCart.gif) no-repeat left bottom; padding: 6px;
}
#myCart p { padding: 2px; margin: 0;}
#myCart img { vertical-align: middle; margin-right: 4px} 
#myCart a { font-weight: bold; }

/***********************/
#header { text-align: center; background: #FFF;
}
#header h1 { padding: 0; margin: 0; text-align: center; height: 84px}
#header h1 a {	
	}
#headerRight {
	position: absolute;
	right: 0;
	margin: 0;
	z-index: 10;
	width: 130px;
	height: 180px;
	font-size: 10px;
}
#logo { float: left; background: url(../images/bgHeader.gif) no-repeat right bottom; margin: 0px 0px 0px 0px; display: block; width: 70px; height:100px}

#drapeaux { padding: 4px; background: #FFF; /*position: absolute; width: 100%; bottom: 0; right: 0position: absolute; z-index: 100; top: 4px; right: 10px */}
#drapeaux img { margin-left: 6px}

/* BANDEAU PHOTO */
#bandeau { position: relative; height: 250px; background: #F9F5EA url(../images/bgBandeau.jpg) no-repeat 3px top}
#bandeau2 { margin: 0 2px; background: #CCAC57 url(../images/bgBandeau2.jpg) no-repeat left top; height: 110px; position: relative}

#prodHome { font-size: 10px;  width: 243px; float:right; background: url(../images/bgProdHome.gif) no-repeat right top}
#prodHome div a{ font-weight: bold; color: #763247; font-size: 1.1em; }
#prodHome .tit {height: 40px; text-align: right; padding: 0; margin: 0}
#prodHome .item { margin: 6px 12px 6px 12px }
#prodHome .view { text-align: right; font-weight: bold; margin-right: 6px}
#courbe {
	background-image: url(../images/courbe.png)!important;
	background-image:url(../../css/no-image);
	background-repeat: no-repeat;
	position: absolute; z-index: 10; width: 800px; height: 50px; left: 50px; text-align: center }
 
/*   */
#centre {
	clear: both; width: 896px; margin-left: 2px; background: #FFF url(../images/bgCentre.gif) -48px 0 repeat-y; border-top: 2px solid #CCAF5F;
	}


#left {
	width: 250px;
	float: left;
}
#left .bot { margin: 0; background: url(../images/botNewsHome.gif) no-repeat left bottom; height: 14px; border: none}

#main {
	float: left;
	width: 645px;
	padding-top: 12px; margin-bottom: 12px;
	
}
#content { margin-left: 22px; margin-right: 16px}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right; height: 20px;
	padding: 6px 6px 4px 6px; background: url(../images/bgUp.png) no-repeat right top
}
#up img { vertical-align: middle; margin-left: 4px
	}

#footer {
	text-align: center;
	clear: both;color: #B8A9AD;
	padding: 5px; width: 900px; margin: 0 auto
}
#footer p { float: left;}
#footer a { font-weight: bold; color: #FFF; }

/* PAVE HOME */
#paveHome { width: 100%; }
#paveHome td{
	vertical-align: top;
	padding: 6px;
	line-height: 140%; font-size: 11px;
}
.oneItem {}
.oneItem img { float: right; margin: 0 0 1em 1em; }
#paveHome .twoItems { width: 50%; }
.twoItems img { }
	
#paveHome .titPave{ padding: 0.3em; font-size: 1.1em; font-weight: bold; margin-bottom:8px; border-bottom: 1px solid #DECD9A; border-top: 1px solid #DECD9A;
}
#paveHome img{ display: block; margin-bottom: 10px;}
#paveHome .bot{ clear: both}
#paveHome .tiny { margin-bottom: 2.2em;}
	
/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 { font-size: 12px; margin: 0; padding: 0; height: 34px;
}
div#nav1 ul{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px; text-align: center
	
	}
div#nav1 li {
	list-style-type: none;
	display: inline;
	margin: 0px;
	font-size: 1em;
	padding: 0px;
	}
div#nav1 li a {
	padding: 5px 10px 5px 10px; line-height: 220%;
	background: url(../images/bgNav1Li.gif) no-repeat right center;
	}
#nav1 li a:hover {
	}
#nav1 .on {
}
#nav1 .on a { background: #653040; color: #FFF
}

/************ NAV2************/
/* Niveau 1 */
#nav2  {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	background: #CCAC57 url(../images/bgNav2.gif) repeat-y right;
	padding: 20px 0px 0px 0px;
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0; font-size: 1em;
	list-style-type: none; height: 100%; background: #FFFFFF;
	border-bottom: 1px dotted #CCAC57
	
}
#nav2 a, #nav2 span{display: block; 
	padding: 8px 8px 8px 16px; background: url(../images/puceNav2Li.gif) no-repeat 4px 1.1em; height: 100%;
}
#nav2 li.on { background: #653040; font-weight: bold;}
#nav2 .on a { background-color: #653040; background-image: url(../images/puceNav2LiOn.gif); color: #FFF }
#nav2 .on a:hover { }
#nav2 a:hover{
	}
	
/* LVL1 */
#nav2 li.lvl1 { font-size: 0.9em}
#nav2 li.lvl1 ul { border: none; width: auto; padding: 0; margin: 0}
#nav2 li.lvl1 ul li { background: none; border: none }
#nav2 li.lvl1 ul li a { padding-bottom:4px; padding-top: 4px; padding-left: 30px;  background: none }
#nav2 li.lvl1 ul li a:hover { color: #9BA7AF }
#nav2 li.lvl1 .on1 a{ font-weight: bold; color: #9BA7AF}
	
/* NEWSHOME */
#newsHome {
}
#newsHome div {
	border: 1px solid #DECD9A;
	background: #FFF;
	margin-bottom: 3px;
	padding: 8px 8px 6px 8px;
}
#newsHome h2 { padding: 3px 3px 3px 30px; margin: 0; color: #010000; font: bold 16px "Times New Roman"; background: #F0E8D1; text-transform: uppercase
	
	}
#newsHome h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #773247; margin-bottom: 6px
}
#newsHome .desc { font-size: 10px
	}

#newsHome h3 a { color:#773247}
#newsHome p { margin: 0px}
#newsHome div img{ float: right; margin: 0 0 6px 6px
	}
#newsHome .date { margin-bottom: 6px
}
#newsHome .view {
	text-align: right;
	clear: both; padding: 10px 0 0 0; margin: 0; 
}
#newsHome .view a { text-align: right; font: bold 10px verdana
}


/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/

/**  PAVE CENTRE   ************************************************/
/*****		GESTION DES IMAGES		*****/
.imgToCenter { text-align: center}
img.imgToRight, .imgToRight img, .toRight{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
img.imgToRight, .imgToRight img { border-left: 3px solid #FFF; border-bottom: 3px solid #FFF; }
img.imgToLeft, .imgToLeft img { border-right: 3px solid #FFF; border-bottom: 3px solid #FFF; }
img.imgtoLeft, .imgToLeft img, .toLeft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
 
/* Divers */
/* CLASSES GENERIQUES */
 .date{
 	font-size: 10px; font-weight: bold;
}
.error {
	background: #FFF7B9; 
}
div.error { padding: 16px; margin-bottom: 10px; border: 1px dashed #FFCC33; text-align: center; font-weight: bold}

.gras {
	font-weight: bold;
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

.required {
	color:#FF0000;
	font-size: 11px;
}
.noline {
	border: none; background: none
}

.back { margin: 0 0 4px 0; padding: 3px; border-top: 1px solid #CCAC57; border-bottom: 1px solid #CCAC57}
.bot {
	clear: both;
	font-size: 1%;
	background: green;
}

/* */
div.download {
	background: #CCAC57 url(../images/bgDownload.png) repeat-x; margin-bottom: 10px;
	}
div.download h4{
	background: url(../images/download.gif) no-repeat 4px center;
	padding: 7px 2px 6px 24px;
	margin: 0px;
	font-size: 11px;
	color: #FFF;
}
div.download ul { background: #FFF; margin: 0 10px; padding: 4px; border: 1px solid #9F8235 }
div.download li{
	padding: 2px 4px 2px 10px;
	margin: 0 0;
	line-height: 180%; background: none; list-style-type: none
}
div.download a {
	display: block	}
div.download .bot { height: 10px; background: url(../images/botDownload.gif) no-repeat left bottom}
div.download .bot div{ height: 10px; width: 10px; float: right; background: url(../images/botDownload_R.gif) no-repeat right bottom}
div.download { color: #FFF}

/*********************	DONNEES TABULAIRES	*************************/
.tablo {
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.line1 { background-color: #FBF8F0}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #653040;
	border: 1px solid #FFFFFF;
}
.tablo caption {
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(../images/puceTit.gif) no-repeat 2px 8px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

/*************/
.btnToRight { text-align: right}
.btnToLeft { text-align: left}
.btnToCenter { text-align: center}
input.btn , .btn input, .btnToCenter input, .btnToRight input, .btnToLeft input{
	padding: 2px 8px; font-size: 11px; font-weight: bold; color: #666666;
	background: #FFFFFF url(../images/bgBtn.png) repeat-x left bottom;
	border: 1px solid  #666666; cursor: pointer;
}
/************  FOOTER   ****************************/
/**** Listing d'items: vins, actus, etc... *************************/
.listItem {
	margin-bottom: 14px;
	padding: 1px;
}

.photo { float: right; margin: 0 0 10px 10px}
.photo p { padding: 0; margin: 0 0 4px 0} 
.thumb { float: left; width: 110px; text-align: left}

.listItem .view {
	float: right; padding: 0.8em 5px; margin: 0
}
.listItem .view a { }

/* Titre d'un item: listing ou detail*/
.titItem { color: #FFF;
	padding: 0.5em 100px 0.8em 0.5em; margin: 0 0 10px 0; font-size:1.2em; font-weight: bold;
	background: #653040 url(../images/bgTitItem.gif) repeat-y top right;
	border-bottom: 1px solid #653040; border-top: 1px solid #653040;
}
.titItem img { float: left; }
.titItem a { color: #FFF; display: block; margin-left: 28px;}
.titItem a:hover { color: #B7627B}
.titItem .dateBig { margin-left: 28px}

.dateBig { margin: 0 0 3px 2px; display: block; color: #B7627B; font-size: 13px; font-weight: bold }

.infosClient {}
.infosClient span { font-weight: bold}

form.package { padding: 2px 0px}
form.package label{}
form.package {}
/*Detail d'un item*/
div.detail {
	margin-bottom: 14px;
	}
.detail img { float: right}
.detail .photo { /*width: 210px;*/ float: right; text-align: center; padding: 4px 0px; margin-top: 4px; margin-left: 8px}
.detail .photo p{  margin-bottom: 4px; }

/* Listing des categories */
.listingUl { width: 220px}
.listingUl li{ }

.textHomeCat {
	width: 380px;
	float: right
}
.textCat { padding: 2px;  margin-bottom: 8px}

/* news */
.news {
	margin-bottom: 6px;
	padding: 0px 3px;
	background: url(../images/bgNews.png) repeat-x left top;border-top: 1px solid #8ABDCE}
.news .infos { line-height: 150%; margin: 0}
.news .infos span{ font-weight: bold}

.news .titNews {
	padding: 3px 5px 2px 16px;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	background:  #47212C url(../images/puceTitNews.gif) no-repeat 5px 0.8em; 
}
.titNews a { text-decoration:none; color: #FFF}
.titNews a:hover { text-decoration: underline; color:#D5026B }

.news h3:first-letter { text-transform: uppercase }
.news p {
	}
.news .photo {
	float: right;
	width: 20px;
}
.news .photo td{ text-align: right; padding: 0px}
.news .photo img { float: none}

.news img { float:right; margin: 0px 0px 8px 8px}
.news .date{ font-size: 10px; color: #D5026B; padding: 1px 2px 2px 5px;display: block}
.news .date span{ font-weight: bold; }
.news p.view {	text-align: right;
	clear: both; padding: 0; margin: 0;  
}
.news .view a { color: #FFF;
}

/********	PAGINATION		******/

ul#pagine{ background: none; margin: 0px; padding: 0px; text-align: center}
ul#pagine li{ display: inline; background: none; margin: 0px; padding: 2px}
ul#pagine li.on { font-weight: bold; text-decoration: underline;}
ul#pagine li.on { font-size: 14px}

/***	CONTACT	****/
#formContact , .answerMail{ margin: 0 0 30px 0; padding: 10px; background: url(../images/bgContact.png) no-repeat}
#formContact form {
	padding: 0 0 10px 0; margin: 0; 
}
#formContact label {
	display: block; float: left;
	width: 150px;
	background: none; padding: 0.4em 10px 0.4em 0.4em; text-align: right
}
#formContact p {
	clear: both; margin: 0 0 0 0; padding:6px;}
#formContact fieldset { border: none; padding: 0; margin: 0 }
#formContact h3 { display: none; font-size: 12px; background: #CCAC57; font-weight: bold; color: #000; border: none; padding: 6px; margin: 0 }
#formContact p.btn {
	padding: 2px 2px 2px 170px;
}

/*************  Reponse form contact  ******************************/ 
.answerMail {
	padding:10px;
	text-align: center;
}
.answerMail p { margin-bottom: 12px }

/* Liste de contacts sur la page contact */
.contacts dt { color: #8E4258; font-size: 1.3em; font-weight: bold;
 padding: 0.4em 0 0.4em 31px; margin: 0px 0px 6px 0px; border-top: 1px solid #CCAC57; border-bottom: 1px solid #CCAC57;
 background: url(../images/puceTitPave.gif) no-repeat 0 center }
.contacts dd{
	line-height: 150%;
	font-size: 1em;
	margin-bottom: 30px; margin-left: 22px
}

.contacts p { padding: 2px 0px; margin-left: 10px; }
.contacts p span {  font-weight: bold}