@charset "utf-8";
@import url(reset.css);

#banniere-anniv-wrapper {
  width: 728px;
  height: 90px;
  margin: 2px auto;
}

body {
	width : 100%;
	text-align: justify;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	color: #000000;
	background: #000000;
}

h1 {
	color: #ffffff;
	font-size: 1.6em;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
h2 {
	color: #f9561d;
	font-size: 1.2em;
	margin: 15px 0 5px 0;
}
h2:first-child {margin: 5px 0 0 0 !important;}
h3 {
	color: #000000;
	font-size: 1.2em;
	margin: 15px 0 10px 0;
	padding: 0 0 0 13px;
	background: url(../img/puce.png) no-repeat;
	background-position: 0 4px;
}

hr {
	width: 110px;
	height: 1px;
	border: none;
	background: #666666;
}

sup {
	font-size: 0.8em;
}

a {
	color: #f9561d;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}

.imgC {margin: 10px 0;}
.imgG {
	float: left;
	margin: 0 15px 10px 0;
}
.imgD {
	float: right;
	margin: 0 0 10px 15px;
}
.imgBorder {border: 2px solid #000000;}

.petit {font-size: 0.7em;}
.petit2 {font-size: 0.9em;}
/*.block {display: block !important;}*/
.noDisplay {display: none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.relative {position: relative;}
.center {text-align: center;}
.right {text-align: right;}
.clearBoth {clear: both;}
.black {color: #000000;}
.jaune {color: #f3da15;}
.fondNoir {
	background-color: #000000;
	color: #ffffff;
}
.fondOrange {
	background-color: #e95d0f;
	color: #ffffff;
	position: relative;
}

#globalHome, #global {
	margin: 20px auto;
	position: relative;
	width: 986px;
	text-align: center;
}
#globalHome {
	background: #000000;
	margin: 0 auto;
}
#globalHome>p {
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	/*top: -10px;*/
	z-index: 100;
}
#global {
	background: url(../img/fond_global.jpg) no-repeat;
	height: 593px;
}

/*********** home *****************/
#contenuHome {
	background: url(../img/fond_pdv.jpg);
	position: relative;
	margin: 0 auto;
	height: 420px;
	width: 780px;
}
#contenuHome p {
	font-size: 1.4em;
	font-weight: bold;
	padding: 5px;
}
#contenuHome img {
	margin: 15px 0;
}
#contenuHome a, #menuG a, #menuD a {
	color: #ffffff;
	text-decoration: none;
	line-height: 14px;
}
#contenuHome a:hover, #menuG a:hover, #menuD a:hover {
	color: #f9561d;
	text-decoration: none;
}

#marqueNettoHome, #prospectusHome {
	background: #000000;
	position: absolute;
	height: 145px;
	width: 92px;
	text-align: center;
}
#marqueNettoHome {left: 250px;}
#marqueNettoHome #boite {
	margin: 0 0 10px 0;
}
#prospectusHome {right: 250px;}
#prospectusHome #prosp {
	margin: 10px auto;
}
#menuGhome, #conceptHome {
	background: #000000;
	position: absolute;
	height: 300px;
	text-align: center;
	bottom: 0;
	padding: 0;
}
#menuGhome {
	left: 65px;
	width: 110px;
}

#menuGhome p {
	padding: 0;
}
#menuGhome hr {
	margin: 1px auto;
	width: 85px;
}

#menuG hr {
  margin: 5px auto;
}
#menuD hr {
  margin: 15px auto;
}
#conceptHome hr {
	margin: 5px auto;
	width: 85px;
}
#menuGhome #carte {margin: 0px auto;}

#conceptHome {
	right: 65px;
	width: 110px;
}

#conceptHome p {
	padding: 0;
}
#conceptHome #plus-egal-moins  {margin: 10px auto;}
#conceptHome #egal3 {margin: 10px auto;}

#tv-boutton {
  display: block;
  overflow: hidden;
}

#tv-boutton div {
  background: url('../img/pubs-tv-boutton.jpg') top left;
  width: 110px; 
  margin: 0 auto;
  height: 60px;
}

#tv-boutton:hover div {
  background-position: 0 60px;
}

#eco-voiturage-boutton {
  display: block;
  overflow: hidden;
}

#eco-voiturage-boutton div {
  width: 80px;
  height: 97px; 
  margin: 0 auto; 
  background: url('../img/eco-voiturage-bouton.jpg') top left;
}

#eco-voiturage-boutton:hover div { 
  background-position: 0 97px;
}

#footerHome {
	/*background: voir autres css;*/
	height: 170px;
	position: relative;
	top: -54px;
}

#footestHome {
	color: #F9561D;
	font-size: 1em;
	font-weight: normal;
	position: relative;
	top: -40px;
}
#footestHome a {
	/*color: #ffffff;
	text-decoration: none;*/
}
#footestHome a:hover {
	/*color: #F9561D;
	text-decoration: underline;*/
}
#logoNettoHome {
	position: absolute;
	bottom: 11px;
	left: 63px;
}
#logoMousqHome {
	position: absolute;
	bottom: 4px;
	right: 45px;
}

/*#popup {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 10px;
	z-index: 200;
	background: #000000;
	border: 0px solid #ffa500;
}*/
#popup2 {
	position: absolute;
	top: 165px;
	left: 620px;
	padding: 10px;
	z-index: 200;
	background: #000000;
	border: 1px solid #ffa500; /*#e95d12*/
}

#popup p {
	text-align: right;
	font-size: 0.95em;
	font-weight: bold;
	padding-bottom: 5px;
}
/**/


#logo {
	position: relative;
	top: 5px;
}

#menuG, #menuD {
	color: #ffffff;
	padding: 20px 5px;
	position: absolute;
	top: 15px;
	height: 485px;
	text-align: center;
	width: 130px;
}
#menuG {
	float: left;
	left: 12px;
}
#menuD {
	float: right;
	right: 12px;
}
#menuG p, #menuD p {
	font-size: 1.7em;
	font-weight: bold;
}
#menuG img, #menuD img {
	margin: 10px 0;
}
#boite, #plus-egal-moins, #pourcent, #prosp, #carte, #enveloppe, #egal3 {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;	/* pour rsoudre bug IE overflow: hidden; */
}
#boite {
	height: 47px;
	width: 89px;
	background: url(../img/boite.png) no-repeat;
}
#plus-egal-moins {
	height: 40px;
	width: 89px;
	background: url(../img/plus-egal-moins.png) no-repeat;
}
#pourcent {
	height: 140px;
	width: 71px;
	background: url(../img/pourcent.png) no-repeat;
}
#prosp {
	height: 62px;
	width: 73px;
	margin: 15px auto;
	background: url(../img/prospectus.png) no-repeat;
}
#carte {
	height: 84px;
	width: 82px;
	background: url(../img/carte.png) no-repeat;
	/*margin: 15px auto;*/
}
#enveloppe {
	height: 62px;
	width: 87px;
	margin: 0 auto;
	background: url(../img/enveloppe.png) no-repeat;
}
/*#egal2 {
	height: 40px;
	width: 71px;
	background: url(../img/egal2.png) no-repeat;
}*/
#egal3 {
	height: 35px;
	width: 33px;
	background: url(../img/egal3.png) no-repeat;
}
#boite img, #plus-egal-moins img, #pourcent img, #prosp img, #carte img, #enveloppe img, #egal3 img {
	margin: 0 !important;
	position: relative;
}
/*a:hover #boite img {top: -47px; background-position: -47px 0 0 0;}
a:hover #plus-egal-moins img {top: -40px; background-position: -40px 0 0 0;}
a:hover #pourcent img {top: -140px; background-position: -140px 0 0 0;}
a:hover #prosp img {top: -62px; background-position: -62px 0 0 0;}
a:hover #carte img {top: -84px; background-position: -84px 0 0 0;}
a:hover #enveloppe img {top: -62px; background-position: -62px 0 0 0;}*/

a:hover #boite {background-position: 0 -47px;}
a:hover #plus-egal-moins {background-position: 0 -40px;}
a:hover #pourcent {background-position: 0 -140px;}
a:hover #prosp {background-position: 0 -62px;}
a:hover #carte {background-position: 0 -84px;}
a:hover #enveloppe {background-position: 0 -62px;}
a:hover #egal3 {background-position: 0 -35px;}

#egal {
	position: absolute;
	left: 48px;
}

#contenu {
	position: relative;
	margin: 20px auto;
	height: 440px;
	width: 600px;
	text-align: left;
	font-size: 1.1em;
}
#contenuProspectus {
	position: relative;
	margin: 20px auto 0 auto;
	height: 440px;
	width: 600px;
	text-align: left;
}

#contenu>div {
	padding: 25px 25px 25px 35px;
	overflow: auto;
	height: 350px;
	position: relative;
}
#contenu>div#offresHebdo {
	padding: 0px 5px 25px 5px !important;
}

/*#contenu>div li {
	list-style: url(../img/puce.png);
	list-style-position: inside;
}*/

.titreOffre {
	background: #f9561d url(../img/puce_offre.png) no-repeat 10px 5px;
	color: #ffffff;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin: 15px 0 0 0;
	padding: 0 0 0 25px;
}
/*#contenu>div div {
	background: #000000;
	color: #ffffff;
	padding: 8px 0;
	text-align: center;
	width: 100%;
}*/
#listOffre {
	margin: 0 10px !important;
}
.liOffre {
	list-style: none !important;
	display: inline;
	margin: 10px;
}
.legende {margin: 10px 0;}
#offreGd img {
	/*margin: 0 auto;*/
}


/***** prospectus *****/
h1.black {margin: 0 0 20px 0; text-align: left;}

#prospectus {
	padding: 0 0 0 16px !important;
	height: 410px !important;
}


/***** nouveau concept *****/
#concept {text-align: justify !important;}
#concept li {
	list-style: url(../img/puce_noire.gif) !important;
	list-style-position: inside !important;
}
#imgLogoNetto {
	margin: 10px 12px 15px 0 !important;
	float: left;
}

.lienProsp {
	position:relative;
	top:2px;
}
.lienProsp a {
	color : #000000;
	text-decoration: none;
}
.lienProsp a:hover {
	color: #f9561d;
	text-decoration: underline;
}

#listePDVparticipant {
	background: #fff8ca !important;
}
#listePDVparticipant p {
	background: #000000;
	color: #f9561d;
	padding: 5px 10px;
}
#listePDVparticipant ul {
	margin: 10px;
}

/***** pdvs *****/
#plan, #listePDVparticipant {
	/*display: none;*/
	position: absolute;
	left: 200px; 
	top: 80px; 
	padding-top: 20px; 
	background-color: #FFFFFF; 
	border: 1px solid #555555; 
	z-index: 100;
}
#plan {
	width: 520px; 
	height: 490px;
}
#croix {
	/*display: none;*/
	position: absolute;
	right: 0px;
	top: 0px;
	height: 16px;
	text-align: right;
}
#croix img:hover {
	cursor: pointer;
}

#ouverture, #ouverture>div, #detailsPDVouverture {
	background: none !important;
	text-align: left !important;
	color: #000000 !important;
	padding: 0 !important;
	position: relative;
}
#ouverture {
	margin-bottom: 10px; 
}
#ouverture ul {
	padding: 5px;
	/*float: left;*/
}
#ouverture>div {
	border: 1px solid #000000;
	border-top: none;
}
#detailsPDVouverture {
	width: 50% !important;
	/*right: 0;
	top: 0;*/
	float: right;
	top: -15px;
	left: 1px;
}
#detailsPDVouverture>p {
	padding: 0 10px;
}
.sousFlottant {
	clear: both;
	visibility: hidden;
	margin: 0;
	position: relative;
	top: -15px;
}

#champCP {
	margin: 15px 10px 15px 0;
	border: 1px solid #F9561D;
	color: #F9561D;
	font-weight: bold;
}

#listResult {
	background: none !important;
	color: #000000 !important;
	text-align: justify !important;
}
#listPDV {
	margin: 0 0 0 25px !important;
	width: 40%;
}
#listPDV li {
	list-style-image: url(../../img/btn-chercher.gif) !important;
}

#detailsPDV {
	float: right;
	border: 1px solid #000000;
	width: 50% !important;
	text-align: justify !important;
	background: none !important;
	color:  #000000 !important;
	padding: 0 !important;
}
#detailsPDV p {
	padding: 0 5px;
}
#detailsPDV>p.right {
	padding-bottom: 5px;
}
.titreFondNoir {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
}
.titreFondOrange {
	background-color: #F9561D;
	color: #ffffff;
	font-weight: bold;
	padding: 0 5px;
}
.titre {
	font-weight: bold;
	color: #F9561D;
}

/***** newsletter *****/
.btnOK {
	position: relative;
	/* top: voir les autres css */;
}
/***** offres sp *****/
.divOffre {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #000000;
	height: 165px;
	margin: 10px 0;
}
.divOffre>img {
	margin: 0 5px;
}

.vignette {
	position: relative;
	background: url(../img/fond_vignette.png) no-repeat;
	width: 403px;
	height: 130px;
	margin: 12px 5px;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	float: right;
}

.vignette-banco {
  background: url("../img/fond_vignettes_banco.png") no-repeat scroll 0 0 transparent;
}

.vignette>span {
	/*position: absolute;*/
	display: block;
	margin: 0;
	padding: 0;
}

.ref1, .ref2 {
	width: 190px;
	left: 5px;
	font-size: 11px;
}
.ref1 {top: 5px;}
.ref2 {top: 35px;}

.origine1, .origine2 {
	color: #999999;
	left: 5px;
	position: absolute;
}
.origine1 {
	bottom: 35px;
	border: solid 1px #999999;
	width: 94px;
	padding: 3px !important;
}
.origine2 {	
	bottom: 5px;
	width: 190px;
	font-size:9px;
}

div.prix1 {
	top: 53px;
	right: 220px;
	position: absolute;
	text-align: center;
	width: 70px;
}
.prix1 p {
	text-align: right;
}
.prix1e {
	font-size: 35px !important;
	font-size: 30px;
}
.prix1c {
	top: 0;
	left: 18px;
	font-size: 18px;
}
.quantite1 {
	top: 25px;
	left: 28px;
	font-size: 12px;
}

p.soit1 {
	top: 90px;
	right: 220px;
	position: absolute;
	width: 85px;
	text-align: right;
}

p.aPartirDe {
	top: 10px;
	left: 201px;
	width: 102px;
	position: absolute;
	text-align: center;
}
.nb {
	/*top: 5px;
	left: 285px;
	width: 10px;*/
	font-size: 16px;
	font-weight: bold;
}

div.prix2 {
	top: 35px;
	left: 202px;
	position: absolute;
	width: 100px;
}
.prix2>p {
	/*text-align: right;*/
	position: absolute;
}
.prix2e {
	font-size: 48px;
	right: 45%;
	top: -7px;
}
.prix2p {
	left: 55%;
}
.prix2c {
	font-size: 24px;
}
.quantite2 {
	font-size: 12px;
}

p.soit2 {
	top: 87px;
	left: 201px;
	font-size: 12px;
	position: absolute;
	width: 102px;
	text-align: center;
}
.gains {
	top: 52px;
	left: 303px;
	font-size: 42px;
	font-weight: bold;
	position: absolute;
	width: 108px;
	text-align: center;
}

.alcool {
	position: absolute;
	top: 153px;
	left: 153px;
	width: 413px;
	text-align: center;
	font-size: 0.7em;
}

.visuel {
	text-align: center;
	vertical-align: middle;
	height: 165px;
	width: 148px;
}

.mangerBouger {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
.mangerBouger img {
	position: relative;
	top: 7px;
}


/***** mcanique commerciale *****/
#abc {
	padding: 0 10px 10px 10px;
	font-size: 0.9em;
	text-align: justify;
}
#abc img {margin: 0 10px 0 0;}

div.fondOrange {
	text-align: center;
}
div.fondOrange img {
	margin: 10px 0 0 1px;
}
div.fondOrange p {
	text-align: left;
	width: 170px;
}

#pA, #pB, #pC {
	padding: 0 0 0 20px;
	font-weight: bold;
}
#pA {
	background: url(../img/A.gif) no-repeat 0 3px;
	position: relative;
}
#pB {
	background: url(../img/B.gif) no-repeat 0 3px;
	position: absolute;
}
#pC {
	background: url(../img/C.gif) no-repeat 0 3px;
	position: absolute;
}

#divFormule {
	height: 45px;
	background: #000000;
	color: #ffffff;
	position: relative;
}
#formule {
	line-height: 30px;
	font-weight: bold;
	text-align: right;
	padding: 0 20px 0 0;
}
#mentions1 {
	position: absolute;
	top: 5px;
	left: 5px;
}

#revolution {
	width: 350px;
	background: #000000;
	color: #ffffff;
	margin: 0 auto;
	padding: 10px;
}
#revolution p {
	margin: 20px 0;
}
#revolution p img {
	margin: 0 3px 0 0;
}


#revolution2 h2 {
	margin: 0 0 20px 0;
}
#revolution2 p {
	margin: 20px 0;
}
#revolution2 p img {
	margin: 0 3px 0 0;
}
#revolution2 p img[class=floatRight] {
	margin: 0 0 5px 5px;
}


/***** contact *****/
#message {
	float: right;
	width: 200px;
}
#label {
	line-height: 22px;
	width: 150px;
}
#champs {
	position: relative;
	width: 300px;
}
#formTable {width: 520px}

.label {width: 125px;}
.champ {width: 175px;}
.vide {width: 10px;}
.message {width: 210px;}
.input {
	width: 210px;
	height: 160px;
}



/***** footer *****/
.footer {
	position: relative;
	top: 25px;
	/* left: Voir les autre ie6.css 
	width: 520px;
	text-align: right;*/
}
.footer li {
	display: inline;
	list-style: none;
}
.footer a	{
	color: #000000;
	text-decoration: none;
}
.footer a:hover	{
	color: #f9561d;
	text-decoration: underline;
}