* {
    font-family: Arial;
    color: black;
    font-size: 8pt;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}

p {
    padding: 0;
    margin: 0;
}

div {
    padding: 0;
    margin: 0;
}

h1 {
    padding: 0;
    margin: 0;
}

h2 {
    padding: 0;
    margin: 0;
}

h3 {
    padding: 0;
    margin: 0;
}

body {
    margin: 0 auto;
    background: url(http://www.vin-et-champ.fr/1/images/body_repeat.gif) repeat-x white;
} #main_div {
    margin: 0 auto;
    width: 1000px;
}

/** Common Font */ 
.carousel_produit_nom {
    font-weight: bold;
    color: #2D2D2D;
} .carousel_produit_extrait {
    color: #7b7b7b;
} .carousel_produit_prix {
    color: black;
    font-weight: bold;
    font-size: 11pt;
} .carousel_produit_prix strike {
    color: black;
    font-size: 10pt;
		color:#F05E2A;
} .carousel_produit_remise {
    background-color: #000000;
    color: #F3C040;
    font-size: 8pt;
} .category_produit_nom {
    color: black;
    font-weight: bold;
} .category_produit_extrait {
    color: #7b7b7b;
} .category_produit_description {
    color: #6F6F6F;
} .category_produit_prix {
    color: #970962;
    font-size: 16pt;
} .category_produit_remise {
    background-color: #000000;
    color: #F3C040;
    font-size: 9pt;
		margin-left:10px;
} .produit_caracteristiques {
    color: #B81413;
    font-size: 12pt;
} .produit_reference {
    color: #9CA1A5;
		text-align:right;
}.produit_upline {
    color: #606060;
} .produit_upline strong {
    color: #606060;
} .produit_fiche_prix {
    font-size: 36pt;
    color: #F1592A;
} .produit_fiche_prix_normal {
    color: #6D0246;
		font-weight:bold;
		font-size:12pt;
} .produit_fiche_date {
    color: #A4A4A4;
		font-size:9pt;
}
.produit_fiche_pourcentage {
    color: #FFF;
		background-color:#6D0246;
		font-size:9pt;
}
.produit_fiche_prix_discount {
    color: #FFF;
		background-color:#6D0246;
		font-size:12pt;
}
.produit_listing_prix_discount {
    color: #FFF;
		background-color:#6D0246;
		font-size:9pt;
}
.ligne_produit_prix_nb_pieces {
    color: #FFF;
		background-color:#6D0246;
		font-size:9pt;
}
.produit_fiche_prix_nb_pieces {
    color: #6D0246;
		font-weight:bold;
		font-size:12pt;
		text-align:right;
}
/** Haut de page */ 
#header {
    position: relative;
    float: left;
    width: 1000px;
    height: 90px;
}

div.header_logo {
    float: left;
    width: 250px;
    height: 90px;
}

div.header_compte {
    float: right;
    width: 411px;
    height: 26px;
    padding-top: 40px;			
}

div.header_compte ul {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
		width: 411px;
    height: 26px;
		background: url(http://www.vin-et-champ.fr/1/images/header_compte.gif) no-repeat;
}

div.header_compte li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    list-style: none;
		padding-top: 7px;		
}

div.header_compte a {
    color: #710155;
		font-size: 8pt;	
}

div.header_compte li:hover a {
    color: #FF7516;
		font-size: 8pt;	
    text-decoration: underline;
}

div.header_usager {
    float: right;
		color: #989BA2;
    width: 400px;
    height: 35px;
    padding-top: 5px;
}

/** Menu Top */ 
#menu_top {
		position:relative;
		float:left;
    width: 1000px;
    height: 35px;
		z-index:9;
}

/** Formulaire Top */ 
#form_top {
    position: relative;
    float: left;
    width: 1000px;
    height: 45px;
} #form_search {
    position: relative;
    float: left;
    width: 295px;
    height: 32px;
    padding-top: 13px;
    padding-left: 40px;
    background-position: 6px 13px;
    background-image: url(http://www.vin-et-champ.fr/1/images/form_search_input.gif);
    background-repeat: no-repeat;
} #form_newsletter {
    position: relative;
    float: left;
    width: 240px;
    height: 32px;
    padding-top: 13px;
    padding-left: 15px;
    background-position: 6px 13px;
    background-image: url(http://www.vin-et-champ.fr/1/images/form_newsletter_input.gif);
    background-repeat: no-repeat;
} #form_newsletter span {
    color: #989BA2;
    padding-right: 5px;
} #swfChequeCadeau {
    position: relative;
    float: left;
    width: 169px;
    height: 24px;
 	padding-top: 13px;
	padding-right: 3px;
} #besoinAide {
    position: relative;
    float: left;
    width: 169px;
    height: 24px;
 	padding-top: 13px;
	padding-left: 3px;
} #icones_communautaires {
    position: relative;
    float: left;
	width: 55px;
 	padding-top: 13px;
}

/** fil d'ariane */ 
#ariane_large {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-top: 3px;
    width: 990px;
    height: 18px;
    background: url(http://www.vin-et-champ.fr/1/images/ariane_large.gif);
    color: #F05E2A;
		font-weight:700;
} #ariane_large a {
    color: #F05E2A;
		text-decoration: none;
} #ariane_large a:hover {
    color: #700052;
    text-decoration: underline;
}

/** BEGIN PAGE PRODUIT */ 
#produit_fiche {
    position: relative;
    float: left;
    width: 1000px;
    margin-top: 10px;
    margin-bottom: 10px;
} #produit_actions {
    position: relative;
    float: left;
    width: 1000px;
    margin-top: 0px;
    margin-bottom: 20px;
} #produit_photos {
    position: relative;
    float: left;
    width: 425px;
} #produit_photos img {
    border: 6px solid #E8E8EA;
} #produit_textes {
    position: relative;
    float: left;
    width: 575px;
} #produit_details {
    position: relative;
    float: left;
    width: 575px;
    height: 445px;
		/*background:yellow;*/
} #produit_vignettes {
    position: relative;
    float: left;
    padding-top: 5px;
    width: 400px;
} #produit_zoom {
    position: relative;
    float: left;
    padding-top: 5px;
    width: 90px;
} #produit_textes p {
    padding-top: 2px;
    padding-bottom: 4px;
} #produit_textes h1 {
    margin: 0;
    padding: 0;
    font-size: 16pt;
    font-weight: normal;
		color: #6D0246;
} #produit_ensavoirplus {
    position: relative;
    float: left;
    margin-top: 5px;
    padding-top: 4px;
    height: 27px;
    width: 575px;
    background: url(http://www.vin-et-champ.fr/1/images/produit_ensavoirplus_repeat.gif) repeat-x;
} #produit_ensavoirplus a {
    color: #9CA1A5;
} #produit_achat {
    position: relative;
    float: left;
    width: 575px;
}
#produit_form_table {
	border: 3px solid #E0E0E1 ;
}

#produit_achat_left {
    position: relative;
    float: left;
    margin-top: 15px;
    width: 350px;
} #produit_achat_left table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 335px;
} #produit_achat_left td {
    text-align: left;
    font-size: 0;
    padding: 0;
} #produit_achat_left tr {
    
} #produit_achat_left td span {
    color: black;
    font-size: 9pt;
} #produit_achat_right {
    position: relative;
    float: left;
    padding-top: 5px;
    width: 225px;
		/*background:red;*/
} #produit_achat_right p {
    text-align: right;
} #produit_media {
    position: relative;
    float: left;
    width: 425px;
    height: 74px;
} #produit_recommander {
    position: relative;
    float: left;
    width: 128px;
    height: 74px;
} #produit_partager {
    position: relative;
    float: left;
    width: 121px;
    height: 74px;
} #produit_imprimer {
    position: relative;
    float: left;
    width: 139px;
    height: 74px;
} #produit_conditions {
    position: relative;
    float: left;
    width: 575px;
    height: 74px;
}

/** Produit carrousel */ 
#produit_bottom1 {
    position: relative;
    float: left;
    width: 1000px;
} #produit_bottom1_titre {
    position: relative;
    float: left;
    padding-left: 20px;
    width: 980px;
    padding-top: 4px;
    height: 18px;
    background: url(http://www.vin-et-champ.fr/1/images/aimer_aussi.gif) no-repeat;
    color: #6D0246;
		font-weight:bold;
		font-size:10pt;
}
#produit_bottom1_titre:first-letter {
	color:#F3582A;
}
#produit_bottom1_carousel {
    position: relative;
    float: left;
    padding-top: 0px;
    width: 1000px;
} #produit_bottom2 {
    position: relative;
    float: left;
    width: 1000px;
    margin-top: 10px;
} #produit_onglets {
    position: relative;
    float: left;
    width: 1000px;
    margin-top: 0px;
    margin-bottom: 10px;
} #produit_onglets ul {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
} #produit_onglets div {
    position: relative;
    float: left;
}
.produit_onglets_pane {
    padding-left: 20px;
    padding-right: 20px;
    width: 960px;
    background: url(http://www.vin-et-champ.fr/1/images/produit_onglet_repeat.gif) repeat-y;
		color:#7b7b7b;
}


.produit_onglets_pane p {
		color:#7b7b7b;
}
.produit_onglets_pane strong {
		color:#7b7b7b;
}

.franco_port {
		text-align:center;
		font-size: 14pt;
    color: #FFF;
   	background: #FF0204;
		padding:5px;
		width:200px;
} .panier_port_offert {
		font-weight:700;
    color: #FF0204;
}  
#produit_onglets li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    list-style: none;
    padding-left: 22px;
    padding-top: 4px;
    width: 146px;
    height: 21px;
    background: url(http://www.vin-et-champ.fr/1/images/produit_onglet_on.gif) no-repeat;
}
#produit_onglets li:first-letter {
	color:#F3582A;
}
#produit_onglets li a {
    color: #6D0246;
		font-size:10pt;
		font-weight:bold;
} #produit_bottom2_titre {
    position: relative;
    float: left;
    padding-left: 20px;
    width: 980px;
    padding-top: 4px;
    height: 18px;
    background: url(http://www.vin-et-champ.fr/1/images/deja_consulter.gif) no-repeat;
    color: #6D0246;
		font-weight:bold;
		font-size:10pt;
}
#produit_bottom2_titre:first-letter {
	color:#F3582A;
}
#produit_bottom2_carousel {
    position: relative;
    float: left;
    padding-top: 0px;
    width: 1000px;
}

/** BEGIN PAGE CATEGORY */ 
#category_upline {
    position: relative;
    float: left;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    width: 980px;
    min-height: 15px;
    background: url(http://www.vin-et-champ.fr/1/images/category_upline_repeat.gif) repeat-y;
}
#category_upline2 {
    position: relative;
    float: left;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    width: 980px;
    background: white;
}
#category_upline p {
	color:#7b7b7b;
}
#category_upline strong {
	color:#7b7b7b;
}
#category_upline2 p {
	color:#7b7b7b;
}
#category_upline2 strong {
	color:#7b7b7b;
}
#category_upline_bottom {
    position: relative;
    float: left;
    width: 1000px;
    height: 15px;
    background: url(http://www.vin-et-champ.fr/1/images/category_upline_bottom.gif);
} #category_baseline {
    position: relative;
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    width: 980px;
    min-height: 15px;
    background: url(http://www.vin-et-champ.fr/1/images/category_baseline_repeat.gif) repeat-y;
		color:#7b7b7b;
}
#category_baseline p {
	color:#7b7b7b;
}
#category_baseline b {
	color:#7b7b7b;
}
#category_baseline strong {
	color:#7b7b7b;
}
 #category_baseline_bottom {
    position: relative;
    float: left;
    width: 1000px;
    height: 15px;
    background: url(http://www.vin-et-champ.fr/1/images/category_baseline_bottom.gif);
} #category_page_num_top {
    position: relative;
    float: left;
    margin-top: 4px;
    margin-bottom: 4px;
    width: 1000px;
    height: 18px;
    background: url(http://www.vin-et-champ.fr/1/images/category_page_num_top.gif) repeat-x;
    text-align: center;
} #category_page_num_bottom {
    position: relative;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 1000px;
    height: 26px;
    background: url(http://www.vin-et-champ.fr/1/images/category_page_num_bottom.gif) red repeat-x;
    text-align: center;
}
#category_criteres {
    position: relative;
    float: left;
    width: 1000px;
    height: 30px;
    margin-top: 10px;
    background: url(http://www.vin-et-champ.fr/1/images/category_affichage_fond.gif) repeat-x;
}
#category_criteres div {
  position: relative;
  float: left;
}
#category_produits {
    position: relative;
    float: left;
    width: 1000px;
}
#category_produits img {
    border: 1px solid #E8E8EA;
}

#category_listing_mosaique ul {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
}
#category_listing_mosaique li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    list-style: none;
    width: 312px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #E7E8EA;
		height:170px;
}
#category_listing_mosaique li:hover {
    background: #EDEDED;
}
#category_listing_mosaique p {
    position: relative;
    float: left;
    width: 156px;
}

#category_listing_liste ul {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
}
#category_listing_liste li {
    margin: 0;
    padding: 0;
		float:left;
    list-style: none;
    width: 1000px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#category_listing_liste li p {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
}


/** Catégorie carrousel */ 
#category_top {
    position: relative;
    float: left;
    width: 1000px;
} #category_top_titre {
    position: relative;
    float: left;
    padding-left: 20px;
    width: 980px;
    padding-top: 4px;
    height: 18px;
    background: url(http://www.vin-et-champ.fr/1/images/en_promotion.gif) no-repeat;
    color: white;
} #category_top_carousel {
    position: relative;
    float: left;
    padding-top: 0px;
    width: 1000px;
} #category_bottom {
    position: relative;
    float: left;
    width: 1000px;
} #category_bottom_titre {
    position: relative;
    float: left;
    padding-left: 20px;
    width: 980px;
    padding-top: 4px;
    height: 18px;
    background: url(http://www.vin-et-champ.fr/1/images/deja_consulter.gif) no-repeat;
    color: #6D0246;
		font-weight:bold;
		font-size:10pt;
}
#category_bottom_titre:first-letter {
	color:#F3582A;
}
#category_bottom_carousel {
    position: relative;
    float: left;
    padding-top: 0px;
    width: 1000px;
}

/** BEGIN IDENTIFICATION */ 
#identification_panel {
    position: relative;
    float: left;
    width: 1000px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/** BEGIN PAGE PANIER */ 
#panier_panel {
    position: relative;
    float: left;
    width: 1000px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/** @todo a refaire en xhtml */
table.entete_panier {
    color: #000;
    width: 100%;
    background: #FFF3E1;
    height: 35px;
}

tr.entete_ligne_panier {
    font-size: 8pt;
    color: #970962;
    font-weight: 600;
    padding-left: 5px;
    height: 20px
}

tr.ligne_panier {
    height: 3px;
    background: #F39501
}

/** BEGIN PAGE USAGER/COMPTE */ 
#usager_panel {
    position: relative;
    float: left;
    width: 1000px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/** PAGE CONTENT */
#content_panel {
    position: relative;
    float: left;
    width: 1000px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/** BEGIN HOME */
#home_panel {
    position: relative;
    float: left;
    width: 1000px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/** Footer */ 
#footer {
    position: relative;
    float: left;
    width: 1000px;
    padding-top: 11px;
    background: url(http://www.vin-et-champ.fr/1/images/footer_repeat.gif) no-repeat;
    margin-top: 10px;
} #footer ul {
    margin: 0;
    padding: 0;
		padding-left:60px;
    position: relative;
    float: left;
} #footer li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    list-style: none;
    height: 175px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
} #footer p {
    color: #F0592A;
    font-size: 10pt;
    padding-top: 8px;
} #footer a {
    color: #F05E2A;
		text-decoration: none;
    padding-left: 10px;
} #footer a:hover {
    color: #700052;
    text-decoration: underline;
    padding-left: 10px;
} .monCompte h3 {
    padding-top:10px;
		font-size: 18px;
		font-weight: 100;
} .monCompte dt {
    padding: 15px 10px 5px 10px;
    font-family: Arial;
    color: black;
    font-size: 8pt;
    border: 1px solid #d9d2d3;
    border-width: 1px 1px 1px 1px;
    margin-bottom: 10px;
} .monCompte dt a {
    font-family: Arial;
    font-size: 10pt;
    font-weight: 600;
    color: #DD5800;
    text-decoration: none;
} .monCompte dt a:hover {
    font-family: Arial;
    font-size: 10pt;
    font-weight: 600;
    color: #DD5800;
    text-decoration: underline;
} .monCompte p a {
    color: #FF7516;
    text-decoration: none;
} .monCompte p a:hover {
    color: #FF7516;
    text-decoration: underline;
} .monCompte td a {
    color: #FF7516;
    text-decoration: none;
} .monCompte td a:hover {
    color: #FF7516;
    text-decoration: underline;
} .obj_form {
    background-color: #FFF;
    text-align: left;
} .obj_form .formBloc {
    padding: 20px;
    width: 615px;
    margin: 0 auto;
} .obj_form fieldset {
    border: 0;
    padding: 0 0 14px 0;
} .obj_form fieldset legend {
    padding: 0 0 20px 0;
    font-size: 14px;
    font-weight: bold;
    color: #202020;
} .obj_form fieldset p {
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 20px;
    height: 20px;
    clear: both;
} .obj_form p label {
    display: block;
    float: left;
    width: 183px;
    text-align: right;
    padding-right: 5px;
    position: relative;
} .obj_form input[type =
"text"], .obj_form input[type = "password"] {
    border: 1px solid #c4bbbd;
    width: 226px;
    padding: 1px;
    height: 16px;
} .obj_form select {
    border: 1px solid #c4bbbd;
    width: 229px;
    padding: 1px;
    height: 20px;
} .obj_form textarea {
    border: 1px solid #c4bbbd;
    width: 226px;
    padding: 1px;
} .obj_form p a {
    color: #FF7516;
    text-decoration: none;
} .obj_form p a:hover {
    color: #FF7516;
    text-decoration: underline;
} .treat_message {
    font-size: 10pt;
    color: #DD5800;
}
.parrainage_ok {
    font-size: 8pt;
    color: #2C6709;
}
.parrainage_ko {
    font-size: 8pt;
    color: #cc0000;
}
.formSubBloc {
 		border: 1px solid #730056; 
		height: auto;
}
.formLabel {
		background: #E7E8EA;
 		color: #000;
		text-transform: uppercase;
		text-align: left;
		text-indent: 2%;
		font-size:14px;
}
.formLabel span{
		color: #933F7B;
		font-size:14px;
}
.formLabel p label {
    display: block;    
		float: left;
    position: relative;
}
.formInterligne {
		height: 10px;
}

.obj_form input[type ="submit"], 
.obj_form input[type = "button"]{
		border-color:#933F7B;
		background-color:#933F7B;
		border-style:solid;
		border-width:thin;
		width: 140px;
		height: 25px;
		font-size: 8pt;
		font-weight:600;
		color: #FFF;
		text-align:center;
		text-transform: uppercase;
}

/* Fil d'ariane panier
Version : V 1.0
Date : 10 11 2009
Author : Fred GENTEL
*/
ul#filArianePanier {
	text-align: center;
	margin-bottom: 23px;
}
ul#filArianePanier li {
	display: inline;
	margin-right: 1px;
}
ul#filArianePanier span {
	display: block; 
	padding: 0 0 4px 0;
	width: 128px;
	font-size: 16px;
	font-weight: bold;
}
ul#filArianePanier a {
	display: -moz-inline-box; /* pour firefox2 */
	display: inline-block;
	text-align:center;
}
ul#filArianePanier a:hover {
	text-decoration:none;
}
ul#filArianePanier .completed span {
	color: #C083A9;
	border-bottom: 6px solid #C083A9;
}
ul#filArianePanier .progress span {
	color: #970962;
	border-bottom: 6px solid #970962;
}
ul#filArianePanier .coming span {
	color: #d9d2d3;
	border-bottom: 6px solid #d9d2d3;
}
ul#filArianePanier .progress a,
ul#filArianePanier .coming a,
ul#filArianePanier .noclic a {
	cursor: auto;
}

/* Objet tableau 
Version : V 1.0
Date : 10 11 2009
Author : Fred GENTEL
*/
.obj_table {
    width: 100%;
    border: 1px solid #dcd0d2;
    border-width: 1px;
    margin: 0 0 10px 0;
    text-align: left;
}
.obj_table th, .obj_table td {
    padding: 0 10px;
    text-align: center;
}
.obj_table tbody .tableLine {
    font-size: 12px;
    line-height: 18px;
}
.obj_table thead {
    font-size: 11px;
    line-height: 11px;
}
.obj_table thead .tableLine th {
    background: #DCDCDC;
    font-weight: bold;
    color: #202020;
    height: 24px;
}
.obj_table tbody th {
    text-align: center;
}
.obj_table tbody tr td {
    height: 25px;
    background-color: #fbf7f8;
}
.obj_table tfoot .tableLine td {
    font-weight: bold;
    color: #202020;
    height: 24px;
		text-align: right;
}
.obj_table td a {
    color: #FF7516;
    text-decoration: none;
} 
.obj_table td a:hover {
    color: #FF7516;
    text-decoration: underline;
}




.monCompte h3.orange  {
	text-align: center;
	font-size: 14pt;    
	margin-bottom: 8px; 
	color: #F07226;
}

.monCompte h3.mauve  {
	text-align: center;
	font-size: 14pt;    
	margin-bottom: 8px; 
	color: #730056;
}

.monCompte h3.mauve a  {
	text-align: center;
	font-size: 14pt;    
	margin-bottom: 8px; 
	color: #F07226;
}