/* Général */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}

body {
  margin: 0;
	padding: 0px 20px; 
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 12px; 
	color: #000;
	background-color:#F4ECF7;
  background-image:url("../imagesGraphisme/fondHautBleu.png");
  background-position:center top;
  background-repeat:repeat-x;
}

#global {
	width: 1100px; /* -> 3 */
	margin: 0 auto; /* -> 4 */
	margin-top:0;
}
a:link, a:hover, a:visited, a:active{
 text-decoration:none;
 outline: none;
}
a:hover, a:active{
 color: #A639B9;
}

a img
{
border: none;
}

.texte-image{
display:none;
}
.image{
  padding-left:20px;
}

 /* En-tête */
#enteteOlive {
	padding: 0;  
	background: url("../imagesGraphisme/headerOlive.png") 0 0 transparent;
	background-repeat:no-repeat;
	height:140px;
}
#enteteOlive h1 {
  margin-top:0px;
	margin-left:53px;
}

#enteteOlive a {
	color: #fff;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:11px; 
}

#entete {
	padding: 0;  
	background: url("../imagesGraphisme/header.png") 0 0 transparent;
	background-repeat:no-repeat;
	height:140px;
}
#entete h1 {
  margin-top:0px;
	margin-left:53px;
}

#entete a {
	color: #fff;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:11px; 
}

.logo {
  margin-left:53px;
}




.slogan {
  position: absolute;
  margin-top: 61px;
}
#partage  {
  position: absolute;
  margin-top:-150px;
  margin-left:800px;
  /margin-top:20px;   
  /margin-left:480px;
  text-align: right;
}
#nav {
   position: absolute;
   margin-top:-40px;
   margin-left:285px;
  /margin-top:120px;   
  /margin-left:-30px;
}
#nav a{
  font-family:Arial,"Times New Roman",Times,serif;
  font-size: 12px;
  color: #A14AC5;
  text-decoration: underline;
}
.fleche{
  color:#A3A5BF;
}
#nav a:hover{
  color: #A3A5BF;
}
#nav a:active{
  color: #A3A5BF;
}

/* Menu */
#navigation {
	width: 160px;
	float: left; 
  margin: 0;
	margin-left: 70px;
	background-image:url("../imagesGraphisme/menus.png");
	background-repeat:no-repeat;
	height:311px;
}
#navigation ul {
	margin: 0;
	padding: 20px 10px 0px 10px;
	list-style: none;
}

#navigation li {
  margin-left:0px;
  text-align: left;
	color: #008030;
  font-size: 17px;
  font-style: italic;
  font-weight: bold;
}             
#navigation a {
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	color: #008030;
}
#navigation a:hover, a:active {
	color: #A639B9;
}
.menuUneLignes {
  padding-bottom:38px;
}
.menuUneLignePart {
  padding-bottom:33px;
}
.menuDeuxLignes{
  padding-bottom:29px;
}
.goodies{
  padding-left:10px;
}

/*Sous menu Marque*/
#sousMenuMarque {
  visibility:hidden;
  background-image:url("../imagesGraphisme/menuMarque.png");
	background-repeat:no-repeat;
	width:419px;
	height:60px;
  position:absolute;
  margin-top:  3px;
  margin-left: 145px;
  z-index : 40;
}
#sousMenuMarque ul{
  list-style-type: none;
  padding:0;
}

#sousMenuMarque li{
  padding-top: 7px;
  float:left;
  width: 130px;
  text-align: right;
  min-height:60px;
}

/*Sous menu Produits*/
#sousMenuProduits {
  visibility:hidden;
  background-image:url("../imagesGraphisme/menuProduits.png");
	background-repeat:no-repeat;
	width:826px;
	height:60px;
  position:absolute;
  margin-top:  64px;
  margin-left: 145px;
  z-index : 40;
}
#sousMenuProduits ul{
  list-style-type: none;
  padding:0;
}

#sousMenuProduits li{
  padding-top: 7px;
  float:left;
  width: 120px;
  text-align: center;
  min-height:60px;
}
#sousMenuProduits ul li#amande{
  
  width: 115px;
  padding-left:15px;
}
#sousMenuProduits ul li#provence{
  margin-left:-10px;
  
}
#sousMenuProduits ul li#alpes{
  text-align: left;
  width: 80px;
  padding-left:10px;
}
#sousMenuProduits ul li#authentique{
  padding-left:7px;
}
#sousMenuProduits ul li#puissant{
  text-align: left;
  width: 90px;
  padding-left:35px;
}
#sousMenuProduits ul li#soin{
  text-align: center;
  width: 70px;
  padding-left:20px;
}
#sousMenuProduits ul li#format{
  text-align: left;
  width: 100px;
  padding-left:40px;
}
/*Sous menu evnt*/
#sousMenuEvenement {
  visibility:hidden;
  background-image:url("../imagesGraphisme/menuMarque.png");
	background-repeat:no-repeat;
	width:569px;
	height:60px;
  position:absolute;
  z-index : 40;
  margin-top:  123px;
  margin-left: 145px;
}
#sousMenuEvenement ul{
  list-style-type: none;
  padding:0;
}

#sousMenuEvenement li{
  padding-top: 7px;
  float:left;
  width: 130px;
  text-align: center;
  min-height:60px;
}

/*Sous menu conseil*/
#sousMenuConseils {
  visibility:hidden;
  background-image:url("../imagesGraphisme/menuConseils.png");
	background-repeat:no-repeat;
	width:569px;
	height:60px;
  position:absolute;
  z-index : 40;
  margin-top:  183px;
  margin-left: 145px;
}
#sousMenuConseils ul{
  list-style-type: none;
  padding:0;
  margin-left:0px;
}
#sousMenuConseils li{
  padding-top: 13px;
  float:left;
  width: 115px;
  text-align: center;
  min-height:60px;
}

/*sousMenuBonsPlans*/
#sousMenuBonsPlans {
  visibility:hidden;
  background-image:url("../imagesGraphisme/menuBonsPlans.png");
	background-repeat:no-repeat;
	width:633px;
	height:60px;
  position:absolute;
  z-index : 40;
  margin-top:  247px;
  margin-left: 145px;
}
#sousMenuBonsPlans ul{
  list-style-type: none;
  padding:0;
}

#sousMenuBonsPlans li{
  padding-top: 7px;
  float:left;
  width: 210px;
  text-align: center;
  min-height:60px;
}
/*
#sousMenuBonsPlans {
  visibility:hidden;
  background-image:url("../imagesGraphisme/menuBonsPlans.png");
	background-repeat:no-repeat;
	width:569px;
	height:60px;
  position:absolute;
  margin-top:  247px;
  margin-left: 145px;
}
#sousMenuBonsPlans ul{
  list-style-type: none;
  padding:0;
  margin-left:20px;
}
#sousMenuBonsPlans li{
  padding-top: 7px;
  float:left;
  width: 205px;
  text-align: center;
  min-height:60px;
}*/
/*commun à tout les sous menu*/
#sousMenuMarque li a, #sousMenuProduits li a, #sousMenuEvenement li a, #sousMenuConseils li a, #sousMenuBonsPlans li a{
  font-style: normal;
  font-family:Arial,"Times New Roman",Times,serif;
  color: #008030;
  font-size: 13px;
}
#sousMenuMarque a:hover, #sousMenuProduits a:hover, #sousMenuEvenement li a:hover, #sousMenuConseils li a:hover, #sousMenuBonsPlans li a:hover {
  color: #A14AC5;
}

/* Contenu central */
#centre {
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */   
}

/* Contenu central haut */
#contenuHaut{
	margin-left: 216px;
	padding: 0;
	margin-top:0;
	background: url("../imagesGraphisme/hautContenu.png");
	background-repeat:no-repeat;
  
	margin-bottom:0;
} 
#contenuHautUneLigne{
	margin-left: 216px;
	padding: 0;
	margin-top:0;
	background: url("../imagesGraphisme/hautContenuUneLigne.png");
	background-repeat:no-repeat;
  
	margin-bottom:0;  
}  
h1 {
  margin:0;
  padding-top:25px;
  padding-left:25px;
  color: #008030;
  font-size: 28px;
  width: 800px; 
  height:123px;
  font-weight: normal;
}

/* Contenu central milieu */
/*si h1 deux lignes*/
#contenu {
  margin-top: -25px;
	margin-left: 216px; 
	padding: 0;
	background: url("../imagesGraphisme/milieuContenu.png");
	background-repeat:repeat-y;  
	
}
#contenu img {
  margin-left:-7px;
  padding:0;
}

/*si h1 une ligne*/
#contenuSuiteUneLigne {
  margin-top: -58px;
	margin-left: 216px; 
	padding: 0;
	background: url("../imagesGraphisme/milieuContenu.png");
	background-repeat:repeat-y;
}
#contenuSuiteUneLigneProduits {
  margin-top: -58px;
  /margin-top: -28px;
	margin-left: 216px; 
	padding: 0;
	background: url("../imagesGraphisme/milieuContenu.png");
	background-repeat:repeat-y;
}
#contenuSuiteUneLigne ul{
  margin: 0; 
	padding: 0;
}
#contenu ul{
  margin: 0; 
	padding: 0;
}
p.sansMarge{
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
  margin:0;
}



/* Contenu central pied */
#contenuPied {
	margin-left: 216px; 
	padding: 0;
  margin-top:0;
	background: url("../imagesGraphisme/pied.png");
	background-repeat:no-repeat;
	height:181px;
}

#contenuPied p {
   padding: 0;
  margin-top:0;
}

#contenuPiedProduits{
	margin-left: 216px; 
	padding: 0;
  /*margin-top:-100px; */
	background: url("../imagesGraphisme/piedPageProduits.png");
	background-repeat:no-repeat;
	height:181px;
}

#contenuPiedProduits p{
   margin:0;
   margin-left: 20px;
   padding-top:10px;
   font-family:Arial,"Times New Roman",Times,serif;
   color: #008030;
  font-size: 13px;
}

#contenuPiedListeProduits{
	margin-left: 216px; 
	padding: 0;
  /*margin-top:-100px; */
	background: url("../imagesGraphisme/piedListeProduits.png");
	background-repeat:no-repeat;
	height:105px;
}
      
 

/* Pied de page */
#pied {
	margin: 0;
	padding-left: 720px;
}
#pied p{
	margin: 0;
}
#pied a {
	color: #A639B9;
	font-family:Arial,"Times New Roman",Times,serif;
	font-size:12px; 
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: underline;
}

.pied{
   margin: 0;
	padding-left: 480px;
}
.pied a{
  color: #A639B9;
	font-family:Arial,"Times New Roman",Times,serif;
	font-size:12px; 
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: underline;
}


/* page 404 */
#logo404 {
  text-align:center;
  color: #008030;
}
.erreur404{
   font-size:28px;
   font-style: italic;
  font-weight: bold;
}
#logo404 p{
   font-size:14px;
  font-style: normal;
  font-weight: bold;
}

/*page credit*/
.credits {
margin:0;
padding:0;
padding-left: 30px;
color: #0684C5;
  font-size: 12px;
  margin: 0;
  
}   

/* Page plan du site*/
a.lienPageMere {
  font-family:Arial,"Times New Roman",Times,serif;
  color: #0684C5;
	font-size:12px; 
	padding-left: 5px;
	padding-right: 25px;
	font-weight: bold;
}
a.lienPageFilles {
  font-family:Arial,"Times New Roman",Times,serif;
  color: #007F30;
	font-size:11px; 
	font-weight: normal;
}
#logo404 p.lienPageMere{
  font-family:Arial,"Times New Roman",Times,serif;
  color: #0684C5;
	font-size:12px; 
	padding-left: 10px;
	padding-right: 25px;
	font-weight: bold;
	margin:0;
}
p.planDuSite{
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
  margin:0;
  text-align: center;
}
span.lienPageMere{
  font-family:Arial,"Times New Roman",Times,serif;
  color: #0684C5;
	font-size:12px; 
	padding-left: 10px;
	padding-right: 25px;
	font-weight: bold;
	margin:0;
}  
table.planSite{
width:600px;
padding-left: 100px;
}
table.planSite td{
width:300px;
 padding-left: 50px;
}


/*page reduction*/
#ImageProduitsDroite{
  position: absolute;
  margin-left: 540px;
  margin-top: -250px;
  /margin-left: 326px;
  /margin-top: -250px;
}
#bonReduction{
  position: absolute;
  margin-left: 510px;
  margin-top: -270px;
  /margin-left: 296px;
  /margin-top: -260px;
}
h2 {  
  color: #008030;
  font-size: 20px;
  font-style: italic;
  margin: 0;
}
.reduction{  
  padding-top:30px;
  color: #008030;
  font-size: 16px;
  font-style: italic;
  margin: 0;
  width: 300px;
}
.conditionReduc{
  padding-left: 30px;
  padding-top:150px;
  color: #008030;
  font-size: 10px;
  margin: 0;
} 

/*pages liste produits*/
li.ListeProduits{
	margin-left: 15px;  
	padding: 0;
	background: url("../imagesGraphisme/degradeBleuListe.png");
	background-repeat:repeat-y;
	min-height: 80px;
	list-style-type: none;
}

li.ListeProduits img{
	margin-left:25px;
}

li.ListeProduits p{
	margin-top:0;
  margin-left:10px;
  width: 760px;
  color: #0684C5;
  font-size:12px;
  font-family:Arial,"Times New Roman",Times,serif; 
}


li.ListeProduits a.listeProduit{
  position: absolute;
  margin-top:20px;
  margin-left:35px;
	color: #0684C5;
	font-size:20px; 
	font-style: italic;
}
li.ListeProduits a.listeProduitDeuxLignes{
  position: absolute;
  margin-top:5px;
  margin-left:35px;
	color: #0684C5;
	font-size:20px; 
	font-style: italic;
}

li.ListeProduits a.listeProduit:hover, li.ListeProduits a.listeProduitDeuxLignes:hover{
	color: #A73ABA;
}


.dernierListeProduits img{
	margin-left:40px;
}
.dernierListeCourteProduits img{
	margin-left:20px;
}

.dernierListeProduits a.listeProduit, .dernierListeCourteProduits a.listeProduit{
  position: absolute;
  margin-top:20px;
  margin-left:35px;
	color: #0684C5;
	font-size:20px; 
	font-style: italic;
}
.dernierListeProduits a.listeProduit:hover, .dernierListeCourteProduits a.listeProduit:hover {
  position: absolute;
  margin-top:20px;
  margin-left:35px;
	color: #A73ABA;
	font-size:20px; 
	font-style: italic;
}

/*pages produits détaillées*/

.descriptifProduit{  
  padding-top:30px; 
  padding-left:30px;
  font-family:Arial,"Times New Roman",Times,serif; 
  color: #008030;
  font-size: 12px;
  font-style: normal;
  margin: 0;
  width: 350px;
}
.descriptifProduitProvence{  
  padding-top:30px; 
  padding-left:30px;
  font-family:Arial,"Times New Roman",Times,serif; 
  color: #008030;
  font-size: 12px;
  font-style: normal;
  margin: 0;
  width: 300px;
}
.descriptifProduitLong{  
  padding-top:10px; 
  padding-left:30px;
  font-family:Arial,"Times New Roman",Times,serif; 
  color: #008030;
  font-size: 12px;
  font-style: normal;
  margin: 0;
  width: 350px;
}
.descriptifProduit a, .descriptifProduitLong a{  
 
  font-family:Arial,"Times New Roman",Times,serif; 
  color: #008030;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  text-decoration:underline;
}

.infoSupProduits{
  padding-left: 30px;
  font-family:Arial,"Times New Roman",Times,serif; 
  padding-top:110px;
  color: #008030;
  font-size: 10px;
  margin: 0;
}
.infoSupProduitsAuthentique{
  padding-left: 30px;
  font-family:Arial,"Times New Roman",Times,serif; 
  padding-top:50px;
  color: #008030;
  font-size: 10px;
  margin: 0;
}  

.violet{
  color: #6633CC;
} 
.bleu{
  color: #0684C5;
}
.marron{
  color: #513121;
}  

#ImageProduitsLessive{
  position: absolute;
  margin-left: 645px;
  margin-top: -267px;
  /margin-left: 429px;
  /margin-top: -267px;
}
#ImageProduitsLessiveAmande{
  position: absolute;
  margin-left: 595px;
  margin-top: -282px;
  /margin-left: 379px;
  /margin-top: -282px;
}
#ImageProduitsLessiveProvence{
  position: absolute;
  margin-left: 560px;
  margin-top: -302px;
  /margin-left: 345px;
  /margin-top: -302px;
}
#ImageProduitsLessiveAlpes{
  position: absolute;
  margin-left: 655px;
  margin-top: -291px;
  /margin-left: 439px;
  /margin-top: -291px;
}
#ImageProduitsLessiveAuthentique{
  position: absolute;
  margin-left: 635px;
  margin-top: -309px;
  /margin-left: 417px;
  /margin-top: -309px;
}
#ImageProduitsLessivePetitPuisant{
  position: absolute;
  margin-left: 475px;
  margin-top: -266px;
  /margin-left: 260px;
  /margin-top: -263px;
}
#ImageProduitsLessivePoudreTablette{
  position: absolute;
  margin-left: 601px;
  margin-top: -267px;
  /margin-left: 385px;
  /margin-top: -267px;
}
#ImageProduitsLessive2{
  position: absolute;
  margin-left: 545px;
  margin-top: -280px;
  /margin-left: 329px;
}

.decouverteVariantes{
  color: #008030;
  margin:0;
  font-size: 20px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 30px;
}

.decouverteVariantesLiens{
  margin: 0;
  
}
ul.decouverteVariantesLiens{
  padding-top: 10px;
  padding-left: 30px;
}
li.decouverteVariantesLiens{
   background-image: url("../imagesGraphisme/puce.png");
   background-repeat: no-repeat;
   background-position:10px 0px;
   height: 40px;
   list-style-type: none;
   padding-top: 8px;

}
li.decouverteVariantesLiens a{
  padding-left: 50px;
  font-family:Arial,"Times New Roman",Times,serif; 
  margin-top:0px;
  color: #008030;
  font-size: 12px;
  text-decoration: underline;
}
li.decouverteVariantesLiens a:hover{
  color: #A73ABA;
}

.descriptifProduit2{  
  padding-top:10px; 
  padding-left:30px;
  font-family:Arial,"Times New Roman",Times,serif; 
  color: #008030;
  font-size: 12px;
  font-style: normal;
  margin: 0;
  width: 350px;
}
h2.couleurs {  
  font-size: 16px;
  padding-left:30px;
}

/*pages évènements*/

h2.evenement {  
  font-style: normal; 
  padding-bottom:10px;
  padding-left: 30px;
}

.imageCentralPied img{
  margin-left: 200px;
  margin-top: 15px;
}

li.ListeContenu{
	margin-left: 8px;  
	padding: 0;
	background: url("../imagesGraphisme/degradeBleuListe.png");
	background-repeat:no-repeat;
	background-position:left bottom;
	min-height: 80px;
	list-style-type: none;
}

a.conseil {
	text-decoration:underline;
	color: #0684C5;
}
a.conseil:hover, a.conseil:active {
	color: #A639B9;
}

li.ListeContenu img{
	margin-left:25px;
}
li.ListeContenu h2{
  margin-left:20px; 
}

#dernierListeContenu h2{

  margin-left:30px;
  margin-bottom:10px;
}

li.ListeContenu p, #dernierListeContenu p{
	margin-top:0;
	margin-bottom:0;
  margin-left:20px;
  padding-top: 10px;
  padding-bottom: 40px;
  width: 760px;

  color: #007F30;
  font-size:12px;

  font-family:Arial,"Times New Roman",Times,serif; 
}
#dernierListeContenu p{
  margin-left:30px;
}

#dernierListeContenu{
  margin-top:0px;
}

h1.ecolo {
  margin:0;
  padding-top:25px;
  padding-left:100px;
  color: #008030;
  font-size: 28px;
  width: 700px; 
  height:123px;
  font-weight: normal;
  background-image: url("../imagesGraphisme/ecologie-persil.png");
  background-repeat: no-repeat;
  background-position: 15px 25px;
}

/*pages conseils*/
a.bleuViolet{
  color: #0684C5;
}
a.bleuViolet:hover, a.bleuViolet:hover:active {
  color: #A639B9;
}


p.fiches{
  margin:0;
  padding-top:25px;
  padding-left:25px;
  padding-bottom:80px;
  /padding-bottom:50px;
  color: #008030;
  font-size: 28px;
  width: 800px; 
  height:43px;
  font-weight: normal;
}

h1.conseils {
  font-style:italic;
  margin:0;
  padding-top:15px;
  padding-left:20px;
  color: #0684C5;
  font-size: 28px;
  width: 600px; 
  height:43px;
  font-weight: normal;
}

#contenuSuiteUneLigne table {
  margin:0;
  width:776;
  height:145;
  border:0;
}

#contenuSuiteUneLigne table tr td img{
  margin-left:20px;
  margin-top:10px;
}

#contenuSuiteUneLigne table tr td p{
  
  margin-top:0px;
  margin-left:20px;
  width:530px;
  color: #0684C5;
  font-family:Arial,"Times New Roman",Times,serif; 
}

h2.conseils{
   color: #0684C5;
   padding: 0 0 10px 30px;
   font-size: 20px; 
}
h2.conseils2{
   color: #0684C5;
   padding: 0 0 0 0;
   font-size: 20px; 
}
p.conseils{
  margin: 0 0 0 30px;
  width:780px;
  color: #0684C5;
  font-family:Arial,"Times New Roman",Times,serif; 
}
h2.regle{
   color: #0684C5;
   padding: 20px 0 10px 30px;
   font-size: 14px; 
   font-style: italic;
   font-family:Arial,"Times New Roman",Times,serif; 
}
h1.conseils2{
   height: 20px;
   padding: 0 0 20px 30px;
   color: #0684C5;
   font-size: 20px; 
   font-style: italic;
}
li.ListeContenu p.astucePersil, #dernierListeContenu p.astucePersil{
  padding-top:0;
  padding-bottom:10px;
  margin: 0 0 0 20px;
  width:780px;
  font-size: 10px;
  font-family:Arial,"Times New Roman",Times,serif; 
}

#dernierListeContenu p.astucePersil{
  margin: 0 0 0 30px;
}

#dernierListeContenu h2{
  margin-bottom:0;
}

/* pages articles */
#contenuSuiteUneLigne table tr td img.bonGeste{
  margin-left:20px;
  margin-top:0px;
  padding-bottom:20px;

} 
h2.bonGeste{
 padding-top:20px;
}
a.bonGeste{
 color: #6633CC;
}
a.bonGeste:hover, a.bonGest:active{
 color: #007F30;
}
#dernierListeContenu img{
 margin-left:35px;
}
h2.articles{
   color: #6633CC;
   padding: 0px 0 10px 20px;
   font-size: 13px; 
   font-style: normal;
   font-family:Arial,"Times New Roman",Times,serif; 
}
h2.articles2{
  color: #6633CC;
   padding: 10px 0 10px 30px;
   font-size: 13px; 
   font-style: normal;
   font-family:Arial,"Times New Roman",Times,serif; 
}
p.articles{
  margin: 0 0 0 30px;
  width:750px;
  color: #6633CC;
  font-family:Arial,"Times New Roman",Times,serif; 
}

/* pages marque */

ul#dates{
  margin-left: 8px;  
  padding-top: 10px;
  list-style-type: none;
  background: url("../imagesGraphisme/ombreDates.png");
	background-repeat:no-repeat;
	background-position:left bottom;
  min-height: 60px;
}
#dates li{
 display: inline;
 padding: 0 0 0 15px;
}
#dates a{
   color: #0884C6;
   font-size: 13px; 
   font-style: normal;
   font-weight:bold;
   font-family:Arial,"Times New Roman",Times,serif; 
}
#dates a:hover{
   color: #AC46B8;
   text-decoration:underline;
}

h2.saga{
  color: #0884C6;
   font-size: 20px;
   font-style: normal; 
   width: 400px;
}
li.ListeContenu p.saga{
	margin: 0 0 0 20px;
  padding: 10px 0 40px 0; 
  width: 400px;
  color: #0884C6;
   font-size: 13px; 
   font-style: normal;
   font-weight:normal;
  font-family:Arial,"Times New Roman",Times,serif; 
}

li.ListeContenu h2.saga2{
  margin-left: 40px;
  color: #0884C6;
   font-size: 20px;
   font-style: normal; 
   width: 400px;
}
li.ListeContenu p.saga2{
	margin: 0 0 0 40px;
  padding: 10px 0 40px 0; 
  width: 400px;
  color: #0884C6;
   font-size: 13px; 
   font-style: normal;
   font-weight:normal;
  font-family:Arial,"Times New Roman",Times,serif; 
}

#contenu img.saga{
	margin-bottom: 40px;
	padding-left:60px;
}
#contenu img.saga2{
	margin-bottom: 40px;
	padding-left:40px;
}

h2.sagaDerniereAnnee{
  color: #0884C6;
   margin: 10px 0 0 35px;
   font-size: 20px;
   font-style: normal; 
}

p.sagaDerniereAnnee{
	margin: 0 0 0 20px;
  padding: 10px 10px 40px 0; 
  width: 200px;
  color: #0884C6;
   font-size: 13px; 
   font-style: normal;
   font-weight:normal;
  font-family:Arial,"Times New Roman",Times,serif; 
}
p.sagaDerniereAnnee2{
	margin: 0 0 0 20px;
  padding: 10px 10px 40px 0; 
  width: 330px;
  color: #0884C6;
   font-size: 13px; 
   font-style: normal;
   font-weight:normal;
  font-family:Arial,"Times New Roman",Times,serif; 
}
#contenu img.sagaDerniereAnnee{
  margin: 0 10px 20px 40px;
}
#contenu a.liensSaga{
   color: #AC46B8;
   font-size: 13px; 
   font-style: normal;
   font-weight:normal;
   text-decoration:underline;
  font-family:Arial,"Times New Roman",Times,serif; 
}
#contenu a.liensSaga:hover, #contenu a.liensSaga:active{
   color: #0884C6;
}

p.savonMarseille{
	margin:0 0 0 20px;;
  padding: 10px 0 0px 0;
  width: 770px;
  color: #007F30;
  font-size:13px;
  font-family:Arial,"Times New Roman",Times,serif; 
}
h2.savonMarseille {  
  font-style: normal;
  padding: 35px  0 7px 20px;
}
h1.ecologique{
  margin:0 0 0 20px;
  height:30px;
  padding: 0;
  color: #0684C5;
  font-size:20px;
  font-style:normal; 
}
h2.ecologique{
  padding: 0;
  color: #0684C5;
  font-size:16px;
  font-style:normal; 
}
h3.ecologique{
   padding: 0;
  color: #0684C5;
  font-size:14px;
  font-style:normal;
  font-family:Arial,"Times New Roman",Times,serif;  
}
p.ecologique{
  margin:0 0 0 20px;;
  padding: 10px 0 0px 0;
  width: 760px;
  color: #0684C5;
  font-size:13px;
  font-family:Arial,"Times New Roman",Times,serif; 
}
h4.ecologique{

  margin: 20px 0 0 20px;
  color: #0684C5;
  font-size:14px;
  font-family:Arial,"Times New Roman",Times,serif; 
}
a.ecologique{
  margin: 0 0 0 30px;
  color: #0684C5;
  font-size:13px;
  font-family:Arial,"Times New Roman",Times,serif;
  text-decoration: underline; 
}
img.ecologique{
  margin:20px 0 10px 20px;
}
#contenu img.hautDePage{
  float: right;
  margin: -50px 100px 0px 0;
  padding: 0 0 0px 0px;
}

/* goodies */
h2.goodies{
   color: #0684C5;
  font-size:20px; 
  font-style: normal;
  margin: 0 0 0 20px;
}

td.goodies{
width:200px;
}
td.goodies2{
width:250px;
}

a.goodies{
  color: #0684C5;
}
a.goodies:hover, a.goodies:active{
  text-decoration:underline;
}

/*titre h1 survol*/ 
h1.infoBulle{

  display:block;
  position:absolute;
  z-index:30;
  margin-top:-110px;
  -margin-top:-105px;
  margin-left:280px;
  padding:0;
  width: 400px;
  height: 50px;
  border:5px solid #E6EEF9;
  background-color:#FFF;
  font-weight:none;
  padding:7px;
  color: #0684C5;
  font-size:20px;
  font-family:Arial,"Times New Roman",Times,serif;
}
h1.infoBulle2{
  display:block;
  position:absolute;
  z-index:30;
  margin-top:-110px;
  -margin-top:-105px;
  margin-left:280px;
  padding:0;
  width: 400px;
  height: 25px;
  border:5px solid #E6EEF9;
  background-color:#FFF;
  font-weight:none;
  padding:7px;
  color: #0684C5;
  font-size:20px;
  font-family:Arial,"Times New Roman",Times,serif;
}

#titreComplementaire {
  visibility:hidden;
}


/* page evenement/petit-puissant (survol) */
#contenu img.plusPratique{
  position:absolute;
  z-index:29;
  margin-left:-670px;
  margin-top:127px;
}

#contenu img.plusEfficace{
  position:absolute;
  z-index:29;
   margin-left:520px;
  margin-top:-192px;
}

#contenu img.plusRespectueux{
  position:absolute;
  z-index:29;
  margin-left:210px;
  margin-top:-45px;
}

#survol{
  visibility:hidden;
}
#survol2{
  visibility:hidden;
}
#survol3{
  visibility:hidden;
}


span.infoBullePratique{
  position:absolute;
  z-index:28;
  background-color: #7DBCF0;
  margin-left:40px;
  margin-top:-300px;
  padding:0;
  width: 234px;
  height: 99px;
  font-weight:none;
  padding:7px;
  color: #fff;
  font-size:13px;
  font-family:Arial,"Times New Roman",Times,serif;
}
span.infoBulleEfficace{
  position:absolute;
  z-index:28;
  background-color: #7DBCF0;
  margin-left:530px;
  margin-top:-270px;
  padding:0;
  width: 234px;
  height: 59px;
  font-weight:none;
  padding:7px;
  color: #fff;
  font-size:13px;
  font-family:Arial,"Times New Roman",Times,serif;
}
span.infoRespectueux{
  position:absolute;
  z-index:28;
  background-color: #7DBCF0;
  margin-left:250px;
  margin-top:-125px;
  padding:0;
  width: 234px;
  height: 59px;
  font-weight:none;
  padding:7px;
  color: #fff;
  font-size:13px;
  font-family:Arial,"Times New Roman",Times,serif;
}

/*mentions légales*/
.mentions {
text-align: justify;
width:760px;
margin:0;
padding:0;
padding-left: 30px;
color: #0684C5;
font-size: 12px;
margin: 0;
  
}