body {
	margin : 0;
	padding : 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:11px;
	color:#fff;
	background:#72B7BA url(/img/body.gif);
}

.clear {clear: both; font-size: 1px; line-height: 0px}

/* initCss */
img {
  border:none;
}

form, fieldset, legend, ul, li, h1, h2, h3 ,p ,dl, dt, dd, input, img {
  margin:0;
  padding:0;
}


fieldset {
  border:none;
}

a {
  color:#fff;
  outline: none;
}

a:focus  {
  -moz-outline-style: none;
}
/* initCss */

#page {
width:982px;
background:url(/img/page.gif) no-repeat;
}

/* HEADER */
#header {
  padding-top:19px;
  padding-left:26px;
  height:207px;
  overflow:hidden;
}

#header a#barnabe {
  display:block;
  width:472px;
  height:117px;
  text-indent:-999px;
  overflow:hidden;
  text-decoration:none;
  background: url(/img/barnabe.gif) no-repeat;
}

#header #menuTop {
  padding-top:17px;
  padding-left:72px;
  height:80px;
}

#header #menuTop a {
  float:left;
  display:block;
  text-indent:-999px;
  overflow:hidden;
  text-decoration:none;
}

#header #menuTop a.item1 {
  position:relative;
  top:16px;
  margin-right:9px;
  width:82px;
  height:41px;
  background: url(/img/nav1.gif) no-repeat;
}

#header #menuTop a.item1:hover {
  background: url(/img/nav1hover.gif) no-repeat;
}

#header #menuTop a.item2 {
  position:relative;
  top:12px;
  margin-right:10px;
  width:92px;
  height:43px;
  background: url(/img/nav2.gif) no-repeat;
}

#header #menuTop a.item2:hover {
  background: url(/img/nav2hover.gif) no-repeat;
}

#header #menuTop a.item3 {
  position:relative;
  top:8px;
  margin-right:10px;
  width:93px;
  height:44px;
  background: url(/img/nav3.gif) no-repeat;
}

#header #menuTop a.item3:hover {
  background: url(/img/nav3hover.gif) no-repeat;
}

#header #menuTop a.item4 {
  position:relative;
  top:6px;
  margin-right:9px;
  width:78px;
  height:39px;
  background: url(/img/nav4.gif) no-repeat;
}

#header #menuTop a.item4:hover {
  background: url(/img/nav4hover.gif) no-repeat;
}

#header #menuTop a.item5 {
  width:93px;
  height:49px;
  background: url(/img/nav5.gif) no-repeat;
}

#header #menuTop a.item5:hover {
  background: url(/img/nav5hover.gif) no-repeat;
}

#header #caddyResume {
  position:relative;
  top:-89px;
  left:827px;
  padding-top:21px;
  width:100px;
  height:44px;
  color:#fff;
  background: url(/img/caddyResume.gif) no-repeat;
}

#header #caddyResume span {
  display:block;
  padding-top:8px;
  padding-left:30px;
  padding-bottom:6px;
  height:15px;
  background: url(/img/caddyResume_span.gif) no-repeat;
}

#header #caddyResume a {
  color:#fff;
}

/* HEADER */

/* MENU LEFT */

#menuLeft {
  display:inline;
  float:left;
  padding-top:33px;
  padding-left:54px;
  width:198px;
  background: url(/img/menuLeftTop.gif) no-repeat 54px 0px;
}

#menuLeft .menuLeft {
  padding-bottom:63px;
  padding-left:22px;
  padding-right:4px;
  width:172px;
  background: url(/img/menuLeftBottom.gif) no-repeat bottom left;
}

#menuLeft .menuLeft h2 {
  display:block;
  width:172px;
  height:54px;
  font-size:11px;
  font-weight:normal;
  text-indent:-999px;
  overflow:hidden;
}

#menuLeft .menuLeft h2.item1 {
  padding-bottom:9px;
  background: url(/img/pour-nos-petits-barnabes.gif) no-repeat;
}

#menuLeft .menuLeft h2.item2 {
  padding-top:12px;
  padding-bottom:11px;
  background: #fff url(/img/pour-plaire-toute-la-journee.gif) no-repeat 0px 12px;
}

#menuLeft .menuLeft h2.item3 {
  padding-top:4px;
  padding-bottom:10px;
  background: #fff url(/img/les-collectors-de-barnabe.gif) no-repeat 0px 4px;
}

#menuLeft .menuLeft a {
  display:block;
  padding-top:4px;
  padding-bottom:3px;
  width:172px;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
  color:#72B7B9;
  background-color:#fff;
}

#menuLeft .menuLeft a:hover {
  color:#fff;
  background-color:#DEB8C4;
}

/* MENU LEFT */

/* CONTENT */
#content, #contentCms {
  display:inline;
  float:left;
  padding-top:35px;
  padding-left:19px;
  width:424px;
}

#contentProd {
  float:left;
  padding-top:60px;
  padding-left:26px;
  width:640px;
  height:503px;
  color:#72B7BA;
  background: url(/img/contentProd.gif) no-repeat 19px 35px red;
}

#contentEtape1, #contentEtape2, #contentEtape3 {
  float:left;
  padding-top:60px;
  padding-left:26px;
  width:640px;
  color:#fff;
}

#content h1 {
  display:block;
  height:23px;
  font-size:11px;
  font-weight:normal;
  text-indent:-999px;
  overflow:hidden;
}

/* CONTENT */

/* COLONNE */
#colonne {
  float:left;
  padding-top:42px;
  padding-left:24px;
  padding-right:8px;
  width:183px;
  height:456px;
  background: url(/img/colonne.gif) no-repeat 14px 25px;
}

#colonne h2 {
  display:block;
  height:24px;
  font-size:11px;
  font-weight:normal;
  text-indent:-999px;
  overflow:hidden;
}

#colonne h2.item1 {
  background: url(/img/frais-de-port-offerts.gif) no-repeat;
  width: 125px;
}

#colonne h2.item2 {
  background: url(/img/pour-faire-plaisir.gif) no-repeat;
}

#colonne h2.item3 {
/*  background: url(/img/parrainez-une-amie.gif) no-repeat; */
  background: url(/img/made-in-france.gif) no-repeat; 
}

#colonne p {
  padding-top:3px;
  padding-bottom:15px;
}

#colonne p a.savoirplus{
  padding:2px;
  color:#72B6B9;
  background-color:white;
  text-decoration:none;
}

#colonne p a.savoirplus:hover{
  background-color:#B7C43A;
  color: white;
}

#colonne #cic {
  margin-top: 10px;
  text-align:center;
}

/* COLONNE */

/* FOOTER */
#footer {
  clear: both;
  padding-top:18px;
  padding-left:264px;
  padding-bottom:20px;
}

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

#footer a:hover {
  text-decoration:underline;
}

/* FOOTER */




/** *************** **/
/** MODIFIED STYLES **/
/** *************** **/

/* sponsor page */
.sponsor-page h1 {padding-bottom:8px; font-size: 27px; font-family: Times New Roman,Times,serif; font-weight: normal; margin-bottom: 0px;}
.sponsor-page h1 span {margin-left: 10px; font-size: 19px; font-family: Times New Roman,Times,serif}
.sponsor-page .offers {float: left; width: 101px; overflow: hidden; text-align: center; margin-right: 15px}
.sponsor-page .offer {margin-bottom: 15px}
.sponsor-page .content {}
.sponsor-page .content h3 {font-size: 11px; font-weight: bold; margin-bottom: 5px}
.sponsor-page .content p {margin: 0 0 8px; }
.sponsor-page .content a {color: #78BBBE; background-color: white; padding: 2px; text-decoration: none}
.sponsor-page .content a:hover {color: white; background-color: #B7C43A; text-decoration: none}

/* prodVignette for all, not just homepage */
a.prodVignette4All {
  display:block;
  position:absolute;
  margin-top:3px;
  padding-top:4px;
  padding-left:4px;
  width:97px;
  height:97px;
  text-align: center;
  background: url(/img/fond_vignette_prod.gif) no-repeat;
}
p.emballage-cadeau {font-size: 13px; float: left; width: 260px; padding: 0}
p.emballage-cadeau span {display: block; font-weight: bold; margin-bottom: 5px}