/* = Html = */
	html, body {margin:0; padding:0;}
	html {
		border-top: 5px #B90053 solid;
		background: transparent url(../medias/bgRepeatHtml.gif) repeat-x 0 0;
		}
	body {
		position: relative; width: 100%;
		margin: 0 auto;
		}

/* = modalités */
	
	#modalites {position: relative; width: 100%; margin: 0 auto;}
	.modalBackground {
	z-index: 1000;
	position: absolute;
	width: 960px;  height: 1000px;
	opacity:0.9; background-color:white;	
	}
	.modalPopup {
	z-index:1000;
	position:absolute;
	width:960px; padding:0;	 
	background: transparent url(/global/medias/bgRepeatViti.gif) repeat-x bottom;
	}
	.modalPopup .contenuModalPopup {
		position: relative; margin:auto;
		width: 940px; padding: 10px 10px 25px 10px;
		}
	.modalPopup p.abusAlcool {
		color:#fff;
		font-size:9px;
		font-weight:bold;
		width:auto !important;
		}	
	
	.contenuModalPopup {text-align: center;}
	.contenuModalPopup h2, .contenuModalPopup p {padding: .5em 0 .5em 0;}
	.contenuModalPopup h2 {font-size: 108%; text-align: center; color:#fff;}
	.contenuModalPopup p {font-size: 85%; font-weight: normal; color:#fff;}
	.contenuModalPopup p.abusAlcool {text-align: center;}
	.entrezDonc {width: 575px; padding: 0 0 0 365px;}
	.contenuModalPopup input.entrez {
		float: left; clear: right; text-indent: -1000em;
		border:0; font-size: 1px; color:#AA156B;
		text-align: right; 
		display: block; width: 225px; height: 60px;
		background: transparent url(/global/medias/Entrez.png) no-repeat 0 0;
		}
	
/* = Commun = */
	.clear {clear:both; height: 1px; overflow: hidden;}
	.hidden {display: none}
	p {line-height: 150%;}
	img {display: block;margin:0; padding:0;}
	.left{float:left;}

/* = Debug = */
	.debug {/*background: transparent url(../medias/12_col.png) repeat-y;*/}
	.container_12 {}
	
/* = structure */
	#headerContent, #mainContent, #footerContent {position: relative; width: 100%; margin: 0 auto;}
	#headerContent {
		height: 143px; 
		background: transparent url(/global/medias/header.gif) no-repeat top center;
		}
	#habillageMain {
		position: relative; width: 960px; margin: 0 auto;
		background: transparent url(/global/medias/bgTopContain.gif) no-repeat 0 0;
		}
	#mainContent {
		margin: 0; padding:0;
		background: transparent url(/global/medias/bgRepeatMain.gif) repeat-y top center;
		}
	body.deuxColContent #mainContent {
		background: transparent url(/global/medias/bgRepeatMainNone.gif) repeat-y top center;
		}
	#middle {width: 450px;padding: 1em 0 0 0;}

/*header */
	a.memovinfr {
		z-index: 1000; text-indent: -1000em;
		position: absolute;
		display: block; width: 940px; height: 120px;
		}

/* ariane */
	#ariane {}
	#ariane li {
		display: inline;
		padding: 0 0 0 7px; margin: 0 5px 0 0;
		background: transparent url(/global/medias/flcPurple.gif) no-repeat 0 2px;
		}
	#ariane li a {
		font-size: 93%; color:#BE0574;
		text-decoration: none;
		}

/*menu */
	#left {padding: 2.5em 0 0 0;}
	#menu {
		background-color:#000;
		width:140px; height:800px;
		padding:0 10px 0 0;
	}
	#menu li {
		margin: 0 0 0 10px;
		border-top: 1px #610046 dashed;
		position: relative; /*height: 1%;*/
		padding: 1em 0 1em 0;
		}
	#menu li.last {border-bottom: 1px #610046 dashed;}
	#menu li a {
		display: block;
		text-align: right;
		text-decoration: none;
		font-size: 93%; color:#fff; font-weight:bold;
		}
	#menu li a:hover {color:#BE0574;}


/* = Classes communes = */
/*Arrondis*/
	.rounded {position: relative;margin:0;}
	.tl, .tr, .bl, .br {position: absolute; width: 20px; height: 20px;}
	.tl {background: transparent url(../medias/TopLeft.png) no-repeat 0 0;}
	.tr {background: transparent url(..//medias/TopRight.png) no-repeat 0 0;}
	.bl {background: transparent url(../medias/BottomLeft.png) no-repeat 0 0;}
	.br {background: transparent url(../medias/BottomRight.png) no-repeat 0 0;}
	.tr, .br {right: 0;}
	.tl, .bl {left: 0;}
	.tl, .tr {top: 0;}
	.bl, .br {bottom: 0;}

/* attente*/
	body#attente #middle {padding: 1em 0 0 0.5em;/* height: 300px;*/}
	body#attente #middle h1 {color:#B90053; font-size: 200%; font-weight: bold;}
	body#attente p {font-size: 85%; color: #3e3e3e;}
	
	
/*home */
	body#home #middle {
		width: 395px;
		padding: 1em 0 0 0;
		margin: 0 65px 0 20px;
		}
	body#home #middle h1 {
		color:#BE0574; font-size: 125%; 
		font-weight: bold; text-align: right;
		padding: 0 0 7px 0;
		}
	.wisiHome p {color:#3e3e3e; font-size: 85%;}
	.wisiHome p a {color:#fff;}


/* ACCES VITICULTEURS ET PARTICULIER */
	body#home .cible {
		width: 395px; margin: 0.5em 0 0 0;
		}
	body#home .cible .content {
		width: 377px; padding: 0 5px 5px 5px;
		border-left: 4px #D2DAE0 solid;
		border-right: 4px #D2DAE0 solid;
		}
	body#home .parti, body#home .viti {padding: 0 0 15px 0;}
	body#home .parti {background: transparent url(/global/medias/bottomParti.gif) no-repeat bottom;}
	body#home .parti .content {background: #7E0047 url(/global/medias/bgRepeatParti.gif) repeat-x 0 0;}
	body#home .viti {background: transparent url(/global/medias/bottomViti.gif) no-repeat bottom;}
	body#home .viti .content {background: #961166 url(/global/medias/bgRepeatViti.gif) repeat-x 0 0;}
		
	body#home .cible h2 {
		margin: 0;
		display: block; width: 385px; height: 42px;
		font-size: 108%; font-weight: bold; color:#000;
		text-align: left; padding: 0 0 25px 10px;
		}
	body#home .parti h2 {background: #fff url(/global/medias/h1Particuliers.gif) no-repeat bottom left;}
	body#home .viti h2 {background: #fff url(/global/medias/h1Viticulteurs.gif) no-repeat bottom left;}
	body#home .cible p {
		width: 90%;
		color:#fff; font-size: 85%;
		padding: 0.2em 0 0.5em 0;
		}
	body#home .libele_field_line, body#home .mode_field_line {float: left;} 	
	body#home .parti .libele_field_line {width:auto!important;}
	body#home .cible label {		
		color:#fff; font-size: 108%; font-weight:bold;
		text-align: left; padding:0 .7em 0 0 ;
		}
	body#home .mode_field_line input {float: left;}
	body#home .mode_field_line input.textfield {
		width: 150px; border:0; margin: 0 10px 0 0;
		}
	body#home .viti .field_line {width: 350px; padding:0 0 0 10px;}
	body#home .viti .mode_field_line {width: 100%}
	body#home .viti .mode_field_line input.textfield {width:135px}
	body#home .viti .mention {padding: 0 0 0 10px;}

	input.ok {
		position: relative; 
		font-size: 1px; color:#D5267C;
		vertical-align: top; text-align: left;
		display: block; width: 24px; height: 20px;
		border:0; margin: 0;
		background: transparent url(/global/medias/buttonOk.gif) no-repeat 0 0;
		}	
	
	.notMore, .soonMore {width: 375px; margin: 0 0 10px 0; padding: 7px 0 0 0;}
	.notMore {background: transparent url(/global/medias/topNotMore.gif) no-repeat 0 0;}
	.soonMore {background: transparent url(/global/medias/topSoonMore.gif) no-repeat 0 0;}
	.notMore h3, .soonMore h3 {
		display: block;  padding: 0 0 0 12px;
		color:#fff; font-size: 93%; font-weight: bold;
		background: transparent url(/global/medias/flcWhite.gif) no-repeat 0 1px;
		}
	.notMore .extended, .soonMore .extended {position: relative; padding: 0 0 15px 0;}
	.notMore .extended {background: transparent url(/global/medias/bottomNotMore.gif) no-repeat bottom;}
	.soonMore .extended {background: transparent url(/global/medias/bottomSoonMore.gif) no-repeat bottom;}
	
	.notMore .extended .message {
		padding: 10px 10px 0 10px;
		background: transparent url(/global/medias/repeatNotMore.gif) repeat-y 0 0 ;
		}
	.notMore .extended .message p {padding:0!important;}
	.soonMore .extended .intro,
	.soonMore .extended form {
		padding: 10px 10px 0 10px;
		background: transparent url(/global/medias/repeatSoonMore.gif) repeat-y 0 0 ;
		}	
	
	a.help, a.fogot, .connecte a {
		display: block; 
		font-size: 93%; color:#fff; font-weight: bold;
		padding: 0 0 0 10px; text-decoration: none;
		background: transparent url(/global/medias/flcWhite.gif) no-repeat 0 2px;
		}
		
/* Fiches memovin */
	
	/*MidPurple*/
	.MidPurple {
		width: 450px; padding: 75px 0 0 0; margin: 0 0 1em 0;
		background: transparent url(/global/medias/topIdentite.gif) no-repeat 0 0;
		}
	.MidPurpleContent {
		padding: 0 0 10px 0;
		background: transparent url(/global/medias/bottomIdentite.gif) no-repeat bottom;
		}
	.MidPurple .content {
		width: 422px; padding: 0 10px 0 10px;
		border-left: 4px #D2DAE0 solid;
		border-right: 4px #D2DAE0 solid;
		background: #9D186B url(/global/medias/repeatIdentite.gif) repeat-x 0 0;
		}
		
	.MidPurple .content .field_line {
		padding:0;
		border-top: 1px #B07293 solid;
		}
	.MidPurple .content .mode_field_line {
		width: 100%; margin: 7px 0 0 0;
		padding: 3px 0 0 0!important;
		}
	.MidPurple .content .checkbox_label {
		width: 90%; text-align: left;
		color:#fff; float: left;
		}
	.identite h1 {}
	.identite .content p { 
		float: left;  color:#fff; padding: 0 0 0 10px;
		background: transparent url(/global/medias/flcPurple.gif) no-repeat 0 3px;
		}
	.identite .content p span.lib,
	.identite .content p span.des {display: block; float: left;}
	.identite .content p span.lib {width: 200px; font-weight: bold;}
	.identite .content p span.des {width: 170px;}
	
	/*resultDep */
	.resultDep table {
		border-collapse: collapse;
		margin: 5px 0 5px 0;
		border-bottom: 1px #fff dotted;
		}
	.resultDep table td {
		padding: 0.4em;
		font-size: 85%; color:#fff;
		}
	
	/*ou*/
	#outrouver {
		width: 450px;
		margin: 10px 0 10px 0; padding: 10px 0 0 0;
		background: transparent url(/global/medias/topOu.gif) no-repeat 0 0;
		}
	#outrouver h1 {}
	#outrouver .content {
		padding: 10px; margin:0;
		background: #A8B2BE url(/global/medias/bottomOu.gif) no-repeat bottom;
		}
	#outrouver .content form {}
	#outrouver .content form label,
	#outrouver .content form input,
	#outrouver .content form button {float: left;}
	#outrouver .content form label,
	#outrouver .content form p {
		color:#fff; padding: 0 0 0 10px;
		background: transparent url(/global/medias/flcPurple.gif) no-repeat 0 3px;
		}
	#outrouver .content form label {text-align: left;}
	#outrouver .content form p a {color:purple}
	#outrouver .content form input.textfield {width: 100px;}
	#outrouver .content .libele_field_line,
	#outrouver .content .mode_field_line {float: left}
	#outrouver .content .libele_field_line {width: 225px;}
	#outrouver .content .mode_field_line {width: 150px;}
		
	/*domaine*/
	#domaine {
		margin: 10px 0 10px 0;
		padding: 10px 0 0 0;
		background: transparent url(/global/medias/topDomaine.gif) no-repeat 0 0;
		}
	#domaine .content {
		font-size: 85%; padding:0 10px 10px 10px;
		background: #F6F2D9 url(/global/medias/bottomDomaine.gif) no-repeat bottom;
		}
	#domaine .content h2 {font-weight: bold; color:#000;}
	#domaine .content p {font-size: 93%;}
	#domaine .content p span {display: block;}
	#domaine .content p a {display: block; color:#687680;}
	
	tr.toto {border-bottom: 1px solid #eee;}

/* = onglets */
	#onglets {clear: both; /*background-color: #ccc; height: 25px;*/}
	#onglets li {
		position:relative; float:left;
		list-style-type: none; list-style-position: none;
		}
	#onglets li.vprops_li {}
	#onglets li.pdv_li {} 
	#onglets li a {
		display: block; width: 209px;
		font-size:100%; color:#FFFFFF;
		margin:0; padding:5px;
		text-decoration:none; border:3px solid #A8B2BE;
		background-color:#BB3484;
		/*background:#BE0574 url(/global/medias/repeatButton.gif) repeat-x scroll 0 0;*/
		}	
	#onglets li.current a {background-color:#000!important;}
	
	#props {
		width: 428px; padding: 10px;
		border: 1px #C8C8C8 solid; 
		}

/* banners */
	#right {
		width: 250px;
		padding: 7em 25px 0 25px;
		}
	.banner {margin: 0 0 10px 0; padding: 0 0 0 0;}
	.banner img {display: block; margin:0; padding:0;}

/*encartRight*/
	.encartRight {
		width: 250px; padding: 75px 0 0 0; margin: 0 0 1em 0;
		background: transparent url(/global/medias/topEncart.gif) no-repeat 0 0;
		}
	.encartRightContent {
		padding: 0 0 10px 0;
		background: transparent url(/global/medias/bottomEncart.gif) no-repeat bottom;
		}
	.encartRightContent .content {
		width: 222px; padding: 0 10px 10px 10px;
		border-left: 4px #D2DAE0 solid;
		border-right: 4px #D2DAE0 solid;
		background: #9D186B url(/global/medias/repeatEncart.gif) repeat-x 0 0;
		}
	.encartRightContent .content h2 {
		color:#fff; padding: 0 0 4px 10px;
		background: transparent url(/global/medias/flcPurple.gif) no-repeat 0 4px;
		}
	.encartRightContent .content p {color:#fff; font-size: 77%;}

/* right / ficheViticulteur */
	#ficheViticulteur, .listeVins {
		width: 248px; margin: 0 0 .5em 0; 
		/*padding: 5px 10px 5px 10px; */
		border: 1px #D9E0E6 solid;
		background-color:#F6F2D9;
		}
	#ficheViticulteur .tools_fiche a {	
		float:right; padding:.2em; margin: 0 0 0 .5em;
		color:#fff; font-size:93%;
		text-decoration: none;
		border:3px solid #A8B2BE;
		background:#BE0574 url(/global/medias/repeatButton.gif) repeat-x scroll 0 0;
		}
	
	.detailFiche {
		display: block; clear: both;
		padding: 7px
		}
	.detailFiche .content, .listeVins .content {padding: 10px;}
	.detailFiche .content span {display: block;}
	
	#ficheViticulteur h2, .listeVins h2, #ficheViticulteur h3 {font-weight: bold;}
	#ficheViticulteur h2, .listeVins h2 {
		color:#fff; font-size:93%;
		margin: 0 0 .5em 0; 
		padding:0.2em 0 0.2em 10px;
		background-color:#9D186B;
		}
	#ficheViticulteur h3 {color:#760858}
	#ficheViticulteur p {font-size: 85%; color:#484848;}
	#ficheViticulteur p a {}
	.listeVins .content li a {
		display: block;
		font-size: 93%; color:#000;
		text-decoration: none;
		}
		
	/*etiquette*/
	#etiquette {}
	#etiquette img {}

/* right / mode_search */
	#mode_search {
		margin: 0 0 .5em 0;
		background-color:#D8DFE5;
		}
	#mode_search h2 {
		font-size: 93%; color:#fff;
		font-weight: bold;
		padding: .2em 0 .2em 10px;
		margin: 0 0 .5em 0;
		background-color:#9D186B;
		}
	#mode_search a.help {color:#000}
	#mode_search form, #middle #mode_search form {padding:10px;}
	#mode_search .libele_field_line {width: 90px;}
	#mode_search .mode_field_line {width: 135px;}
	#mode_search input {float: left; width: 105px;}
	#mode_search input.ok {width: 25px!important;}

/* tableaux de bord */
	#tableauBord {width: 780px; }
	#tableauBord h1 {text-align: center;}
	#tableauBord h2 {
		color:#BE0574; font-weight: bold; padding: 0 0 0 10px;
		background: transparent url(/global/medias/flcPurple.gif) no-repeat 0 3px;
		}
	#tableauBord #coordonnees .left, 
	#tableauBord #coordonnees .right {float: left; padding:0;}
	#tableauBord #coordonnees .left {width:600px;}
	#tableauBord #coordonnees .right {width: 180px; padding: 2em 0 0 0;}
	#tableauBord #coordonnees .right a,
	#tableauBord a.link_more {
		width: 20%;
		display: block; text-align: center;
		color:#fff; font-size: 85%;
		padding: 0.4em;  margin: 0 0 10px 0;
		font-weight: bold; text-decoration: none;
		border: 3px #C8D1D9 solid;
		background: transparent url(/global/medias/repeatMoreTd.gif) repeat-x 0 0;
		}	
	#gestionsFiches {margin: 10px 0 0 0;}
	#gestionsFiches table {width: 100%; margin: 10px 0 0 0;}
	#gestionsFiches table td {color:#BE0574; font-weight: bold;}
	#gestionsFiches table td a {color:#BE0574;}
	#gestionsFiches table td a.more {
		display: block; width: 81px; height: 14px;
		font-size:1px; color:#fff;
		background: transparent url(/global/medias/btRenouvele.gif) no-repeat 0 0;
		}
	#tableauBord #comment a.link_more {width: 35%!important;}
	
	#coordonnees, #comment, #editer {border-bottom: 1px #BE0574 solid; margin: 0 0 .5em 0;}
	

/* Bouton gérer les points de vente */
	.btGerer a, .btModifier a {
		display: block; width: 209px;
		font-size:100%; color:#FFFFFF;
		margin:0; padding:5px;
		text-decoration:none; border:3px solid #A8B2BE;
		background-color:#BB3484;
		}	
	#onglets li.current a {background-color:#000!important;}

/* pagination */
	#pagination {
		color:#fff;
		padding: 0 .5em 0 .5em;
		background-color:#000;
		}
	#pagination p {float: left; color:#fff;}
	#pagination p a {color:#fff;}
	#pagination p.nav {float: right}

	
/* = wisi = */
	.wisi h1, .wisi h2 {color:#BE0574;}
	
	.wisi h1 {
		font-size: 135%; font-weight: bold; 
		text-align: right; padding: 0 0 7px 0;
		}
	.wisi h2 {
		font-size: 108%;
		padding: 0 0 0.2em 0
		}
	.wisi h3 {font-size: 100%; color:#687680;}
	#pdvs h3 {color:#fff!important;}
	.wisi h4 {font-size: 93%; color:#000;} 

	.wisi p, .wisi li {font-size: 85%;}
	.wisi li a {font-size: 130%;}

	.wisi p {color:#3e3e3e; padding: 0.5em 0 0.5em 0; margin: 0 0 0.5em 0}

	.wisi ul {margin: 0.5em 0 0.5em 0;}
	.wisi ul li {list-style-type: disc; list-style-position: inside}
	.wisi ul li a {color:#BE0574; font-size: 93%;}

	.wisi a.more {
		display: block;
		font-size: 85%;
		padding: 0.5em 0 0 0;
		text-align: right;
		text-decoration: none;
		color:#3e3e3e; 
		}
	.wisi p a.more {font-size: 100%;}

/* = footer */
	#footerContent {
		width: 960px; height: 118px;
		background: transparent url(/global/medias/bgFooter.gif) no-repeat 0 0;
		}
	body.deuxColContent #footerContent {
		background: transparent url(/global/medias/bgFooterNone.gif) no-repeat 0 0;
		} 
	#footerContent p.mention {
		position:absolute;
		display: block; width: 450px;
 		margin: 35px 0 0 0; padding: 0;
		color:#e64494;
		}
		
	#footerContent #navBottom {position: absolute; bottom: 0; right: 0;}
	#footerContent #navBottom li {
		display: inline; 
		background: transparent url(/global/medias/flcPurple.gif) no-repeat 2px 1px;
		}
	#footerContent #navBottom li a {
		color:#333; font-size: 80%; text-decoration: none;
		padding: 0 0 0 10px;
		}

p.captchaText {
	text-align: center;
	color: rgb(230, 68, 148);
}
p.captchaText input {
	border: 1px solid rgb(230, 68, 148); ;
}

p.captchaText img {
	margin: 0 auto;
	float: none;
}