a#passerlintro {
position : relative ;
top : -3px ;
left : 20px ;
font-size : 16px ;
}

#bulle_commander {
position : absolute ;
top : 20px ;
left : -140px ;
}
#bulle_montravail {
position : absolute ;
top : 70px ;
left : 650px ;
width : 100px ;
height : 40px ;
border : 0px solid red ;
}
#bulle_montravail img {
position : absolute ;
top : -60px ;
left : -110px ;
height : 80px ;
}

#bulle_monexploitation {
position : absolute ;
top : 40px ;
left : 450px ;
width : 30px ;
height : 100px ;
border : 0px solid red ;
}
#bulle_monexploitation img {
position : absolute ;
top : -30px ;
left : 20px ;
height : 80px ;
}

#bulle_mestisanes {
position : absolute ;
top : 30px ;
left : 300px ;
width : 40px ;
height : 100px ;
border : 0px solid red ;
}
#bulle_mestisanes img {
position : absolute ;
top : -30px ;
left : -100px ;
height : 80px ;
}

#bulle_mecrire {
position : absolute ;
top : 140px ;
left : 150px ;
width : 40px ;
height : 40px ;
border : 0px solid red ;
}
#bulle_mecrire img {
position : absolute ;
top : -20px ;
left : -40px ;
height : 80px ;
}

#bulle_mecontacter {
position : absolute ;
top : 70px ;
left : 150px ;
width : 40px ;
height : 40px ;
border : 0px solid red ;
}
#bulle_mecontacter img {
position : absolute ;
top : -20px ;
left : -40px ;
height : 80px ;
}

#bulle_liens {
position : absolute ;
top : 120px ;
left : 40px ;
width : 40px ;
height : 40px ;
border : 0px solid red ;
}
#bulle_liens img {
position : absolute ;
top : -20px ;
left : -40px ;
height : 80px ;
}

#bulle_accueil {
position : absolute ;
top : 60px ;
left : 40px ;
width : 40px ;
height : 40px ;
border : 0px solid red ;
}
#bulle_accueil img {
position : absolute ;
top : -20px ;
left : -40px ;
height : 80px ;
}

#couleur_gauche {
position : absolute ;
top : 0px ;
left : -215px ;
}
#couleur_droit {
position : absolute ;
top : 30px ;
left : 960px ;
}
#titre_lena {
position : absolute ;
top : 20px ;
left : 10px ;
}
#titre_tisanes {
position : absolute ;
top : 115px ;
left : 25px ;
}
#titre_coeurdescevennes {
position : absolute ;
top : -20px ;
left : 20px ;
}
#frise_haut {
position : absolute ;
top : 0px ;
left : 235px  ;
}
#frise_plantes {
position : absolute ;
top : 0px  ;
left : 810px ;
}
#cadre_menu {
position : relative ;
top : 0px  ;
left : 0px ;
width : 229px ;
 		 min-height:450px;      /* -----------!!!!! hauteur min de la fenetre centrale  !!!!---------  */
 		 height:auto !important;
 		 height:450px;
background-image:url(../../images/cadre_menu_milieu.gif);
background-repeat:repeat;
}
#cadre_menu_haut {
position : absolute ;
left : 0px ;
top : 0px ;
}
#cadre_menu_bas {
position : absolute ;
left : 0px ;
bottom : 0px ;
}
#cadre_menu_contenu {
position : relative ;
left : 0px ;
top : 0px ;
width : 209px ;
padding-left : 0px ;
padding-right : 20px ;
padding-top : 40px ;
padding-bottom : 180px ;
text-align : right ; 
border : 0px solid red ;
}
#logopaypal {
position : absolute ;
bottom : 130px  ;
left : 30px ;
}
#logoAB {
position : absolute ;
bottom : 110px  ;
left : 110px ;
}
#logoNP {
position : absolute ;
bottom : 110px  ;
left : 160px ;
}

body {
    background : white ;                   /* -----------!!!!! Couleur du fond de l'ecran  !!!!---------  */
    font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin : 0px ;
    padding : 0px ;
  }


/* apparence des titres principaux du site  */
h1 {
margin-top : 5px ;
margin-bottom : 5px ;
margin-right : 0px ;
margin-left : 0px ;
    font-size: 14px;              /* -----------!!!!! taille des titres de page  !!!!---------  */
    font-weight: bold;
    color: #983900;    
         /* -----------!!!!! couleur des titres de page  !!!!---------  */
  }

/* apparence des titres secondaire du site et des titres des articles des actualites */
h2, .actutitre {
margin-top : 5px ;
margin-bottom : 5px ;
margin-right : 0px ;
margin-left : 0px ;
    font-size: 13px;              /* -----------!!!!! taille des titres secondaires  !!!!---------  */
    font-weight: bold;
    color: #983900;               /* -----------!!!!! couleur des titres secondaires  !!!!---------  */
  }

/* apparence des block de paragraphe contenant du texte */
p, .actutexte, .normal, span, body {
margin-top : 5px ;
margin-bottom : 5px ;
margin-right : 0px ;
margin-left : 0px ;
    font-size : 12px;              /* -----------!!!!! taille du texte normal  !!!!---------  */
  }

/* apparence des images du site  */
img {
    border : 0px;             /* -----------!!!!! bordure des images du site (Y C icones)  !!!!---------  */
    -moz-border-radius : 5px ;
  }

/* apparence des tableaux du site  */
table {
    border : 0px ;
    margin: 0px ;
    padding: 0px ;
  }


/* apparence des listes du site  */
ul {
    list-style-type : none ;
    margin : 0px ;
    padding : 0px ;
  }

/* apparence des lignes du site  */
hr {
    color: #000000;   /* -----------!!!!! couleur des lignes du site !!!!---------  */
    height: 1px;
  }

a:link, a:visited {
    text-decoration: none;
    color: #983900;               /* -----------!!!!! couleur des liens !!!!---------  */
  }

a:hover {
    text-decoration: none ;
    color:#f38c4d;                 /* -----------!!!!! couleur des liens au passage de la souris !!!!---------  */
  }



 /* quelques classes generiques de mise en page  */ 
.relatif { position : relative ; }
.centre {  text-align: center ; }
.petitcentre {  text-align: center ; }
.petit, .petitcentre { font-size: 10px; }
.separation { /* ligne de separation pour controler le flux : s'utilise avec hr  */
    clear : both ;
    visibility : hidden ;
height : 0px ;
  }

/* block fenetre generale du site  */
#fenetre {
    position : relative;
    top : 0px;
    left : 0px;
    text-align : left ;
    width : 960px ;
border : 0px solid white ;
  }

/* l'agrandissement des cartes */
#popup {
    background-color : white ;      /* -----------!!!!! Couleur du fond du site  !!!!---------  */
    position : relative;
    top : 0px;
    left : 0px;
    text-align : center; 
}


/* block proposant les changements de langue  */
#drapeau {
    position : absolute ;
    left : 120px ;
    top : 0px ;
  }
	#drapeau img {
  	  border : 0px ;
  	}





  /* -----------!!!!! taille des polices des menus du site !!!!---------  */
#caddie ul, #caddie h1, .optionedition ul, .optionedition h2, #menucategories ul, #menucategories h1, #menurubriques ul,  #menurubriques h1, .menurubriques ul, .menurubriques h1, #menuintranet h1, #menuintranet ul, #pagesobligatoiresvente ul,  #pagesobligatoiresvente h1, #rechercheproduit h1, #recherchearticle h1, #menuacces ul,  #menuacces h1, #listesouscategorie ul,  #listesouscategorie h1, #listesousrubrique ul,  #listesousrubrique h1, #identifier ul,  #identifier h1  {
    font-size: 14px ;           /* -----------!!!!! taille des menus du site !!!!---------  */
  }
/* contours des differents block menus  */
#contourmenurubriques, #contourmenucategories, #contourmenuintranet, #contourcaddie, #contouridentifier,  #contourlistesousrubrique, #contourlistesouscategorie, #contourlisteintranetsousrubrique {
    position : relative ;
    border: 1px solid black;
    width:200px ;
    margin : 5px ;
    min-height : 0px ;
  }

/* block menu de gauche  */
#menugauche {
border : 0px solid blue ;
position : absolute ;
top : 240px ;
left : -10px ;
width : 215px ;
text-align : right ;
}
.menugros {
// text-transform:none;
font-size : 14px ;
padding-bottom : 15px ;
letter-spacing:0,2em;
position : relative ;
}
div.menugros ul {
font-size : 13px ;
padding-right : 10px ;
}

.menupetit {
font-size : 14px ;
padding-top : 5px ;
}
.menuhorsligne a, .menuhorsligne {color : red ;}
#menurubriques, #menucategories, #menuintranet, #menurubriques  {
    padding-left : 10px ;
  }
	#menurubriques ul, #menucategories ul, #menuintranet ul, #menurubriques ul {
	    padding-left : 10px ;
	}

#cadre_long {
position : absolute ;
top : 160px ;
left : 240px ;
}
#cgv {
position : absolute ;
top : 173px ;
left : 260px ;
font-size : 12px ;
}
#moncompte{
position : absolute ;
top : 171px ;
left : 410px ;
font-size : 12px ;
}
#sidentifier {
border : 0px solid red ;
position : absolute ;
text-align : center ;
width : 150px ;
top : 173px ;
left : 500px ;
color : #983900 ;
font-size : 12px ;
}
#sidentifier2 {
position : absolute ;
top : 175px ;
left : 680px ;
font-size : 12px ;
}



#langue {
    border: 1px solid black;
    padding : 5px ;
    width:200px ;
    text-align : center ;
  }
#menuacces {
    border: 1px solid black;
    padding : 5px ;
    width:200px ;
  }

/* block menu droite du site  */
#panneau_en_avant {
position : absolute ;
top : 290px ;
left : 800px ;
width : 185px ;
border : 0px solid blue ;
}
#ledessus {
border : 0px solid red ;
position : absolute ;
top : 0px ;
left : 0px ;
}
#ledessous {
position : absolute ;
bottom : -90px ;
left : 1px ;
border : 0px solid red ;
}
#panneau_en_avant_contenu {
position : relative ;
top : 70px ;
left : 0px ;
border : 0px solid red ;
width : 185px ;
padding-top : 0px ;
padding-bottom : 10px ;
background-image:url(../../images/cadresousrub_milieu.gif);
background-repeat:repeat ;
}

#lefond {
position : relative ;
margin : 0px ;
padding : 0px ;
border : 0px solid white ;
  }
#lefond h1 {
margin : 0px ;
margin-left : 20px ;
width : 150px ;
}
#listesousrubrique ul, #listesouscategorie ul, #listesousintranet ul {
	    list-style-type : none ;
	    margin-left : 25px ;
	margin-top : 10px ;
	    padding : 0px ;
width : 150px ;
	  }

#caddie {
    position : absolute ;
top : 150px ;
left : 790px ;
  }

#cadre_panier{
    position : absolute ;
top : 0px ;
left : 0px ;
  }
#caddie_contenu, #commandepanier{
border : 0px solid black ;
    position : absolute ;
top : 70px ;
left : 20px ;
width : 150px ;
height : 55px ;
text-align : center ;
  }
#caddie_contenu h2 {
margin : 0px ;
padding : 0px ;
margin-bottom : 1px ;
}
#caddie_contenu p { 
margin : 0px ;
padding : 0px ;
font-size : 12px ;
margin-bottom : 2px ;
}
#caddie_contenu span { 
font-size : 12px ;
}


/* block d'ecriture du chemin de navigation */
#arbrecategorie, #arbrerubrique, #arbreintranet {
    position : absolute ;
    top : 0px ;
    left : 260px ;
    width : 500px ;
    font-size: 11px ;
    border-bottom: 0px solid #983900;
  }

/* fenetre d'affichage du contenu   */
#fenetremilieu {
    position : relative ;
    top :  200px;
    left :  0px;
    vertical-align : top ;
    border : 0px solid blue ;
    margin-left : 0px ;
width : 800px ;
z-index : 0 ;
  }
#fenetrecontenu{ 
   width: 500px ;  
margin-left : 20px ;
padding-bottom : 80px ;
padding-top : 10px ; 
    vertical-align : top ;
    border : 0px solid red ;
 		 min-height:360px;      /* -----------!!!!! hauteur min de la fenetre centrale  !!!!---------  */
 		 height:auto !important;
 		 height:360px;

}
#frise_bas {
position : absolute ;
bottom : 0px ;
left : 240px ;
}
#camomille {
position : absolute ;
bottom : 0px ;
right : -160px ;
}
.lecredit {
position : absolute ;
bottom : -60px ;
right : 0px ;
text-align : right ;
font-size : 11px ;
border : 0px red solid ; 
}

/* bloc bandeaubas dans modele/haut.php : bandeau de deco en bas de site  */
#bandeaubas {
position : absolute ;
bottom : -200px ;
right : 0px ;
}

/* bloc d'entete des rubriques et des categories : image, nom et description  */
#enteterubriques, #entetecategories,#enteteintranet {
    position : relative ;
  }
	img#enteterubriques , img#entetecategories, img#enteteintranet {
  	 position : absolute ;
  	 left : 140px ;
  	bottom : 5px ;
	height : 80px ;
  	 border : 0px solid blue ;
 	 }
	h1#enteterubriques ,h1#entetecategories, h1#enteteintranet {
	    position : absolute ;
 	   font-size : 16px ;
    	   left : 10px ;
   	   top : 2px ;
	  }
	p#enteterubriques ,p#entetecategories ,p#enteteintranet {
  	 position : absolute ;
  	 left : 140px ;
  	top : 570px ;
 	 }
/* vignettes d'affichage des sous menus d'une rubrique */
.vignettesousmenu img{
width : 100px ;
}


/* barre de menu horizontale */
#navigation {
   position : absolute ;
    left : 600px ;
    top : 60px ;
}
#menu_horizontal {
   position : absolute ;
    left : 400px ;
    top : 60px ;
}
#menu_horizontal_entier {
   position : absolute ;
    left : 0px ;
    top : 100px ;
}
/* boutons principaux de la barre de menu */
.boutonmenuhorizontal, .boutonmenuhorizontalsel {
    width : 200px ;
    border : 0px solid black ; 
    text-align : left ;
    margin : 2px ;
    padding : 0px ; /* ne pas utiliser */
    font-size : 12px  ;
    font-weight : bold ;
}
.boutonmenuhorizontal { color : #75A8FF ; }
.boutonmenuhorizontalsel { color : #456396 ; }
	.boutonmenuhorizontal hr, .boutonmenuhorizontalsel hr {
	    height : 7px ;
	    border : 0px ;
	    margin-top : 4px ;
	    padding : 0px ;/* ne pas utiliser */
	}
	.boutonmenuhorizontal hr { background-color : #75A8FF ; }
	.boutonmenuhorizontalsel hr { background-color : #456396 ; }
/* boutons secondaires de la barre de menus horizontale */
.boutonsousmenuhorizontal {
    width : 150px ;
    text-align : left ;
    font-size: 12px ;
    background-color : #75A8FF ;
    border : 0px solid #456396 ; 
    padding : 0px ;  /* ne pas utiliser */
    margin : 0px ; /* ne pas utiliser */
}
/*Ne pas toucher */
#menuhorizontal { position: relative; top: 0px ; left: 0px; }
	#menuhorizontal div { cursor: pointer; }
.smenu { position : relative ; top : 0px ; left : 0px ; }


/* block coordonnees de la societe, en bas de site */
#adressesociete {
    font-size: 10px ;
  }

/* block corp de l'article : image, chapo, texte*/
#article {
    position : relative ;
  }
	#article img {
	    float : right ;
	    border : 0px solid blue ;
	    padding: 0px ;
	    margin : 10px;
	}
.surtitre { /* block de mise en page du surtitre des articles et de l'edito */
    position : relative ;
    left : 10px ;
  }
#documentation {
    text-align: center ;
  }

/* formulaire annonces */
#formulaireannonce {
position : absolute ;
top : 0px ;
left : 0px ;
padding : 10px ;
border : 1px solid black ;
background : white ;
z-index : 10 ;
}

/* images secondaires du detail produit */
#optiontri {
    background-color : #DDDDDD ;
}


#produitimages {
    position : relative ;
}
	#produitimages img {
	    float : left ;
	    padding: 0px ;
	    margin : 10px;
	    border : 0px solid blue ;
	  }
#produitinfogeneral {
    position : relative ;
}
	#produitinfogeneral h1 {
	    text-align: center ;
	}
.produitimage {
    float : right ;
    border : 0px ;
    padding-top: 0px ;
    padding-left: 10px ;
    padding-right: 10px ;
    padding-bottom: 10px ;
  }


/* PAGE D'ACCUEIL */
 #contoureditorial {
    position : relative ;
    border: 0px solid black;
    width:500px ;
    margin : 0px ;
    min-height : 0px ;
  }
#editorial {
    padding : 5px ;
  }
	h1#editorial {
	    border: 0px solid blue;
	    position : absolute ;
	    left : 0px ;
	    top : -20px ;
	}
	img#editorial {
	    float : left ;
	    width : 200px ;
	    border : 0px ;
	    padding: 10px ;
	  }
.optionedition { /* block proposant les options d'edition : apparait quand privilege = edit */
    border: 1px solid black;
    margin : 5px ;
    padding : 5px ;
  }
.actu { /* block d'affichage des actualites en page d'acceuil */
    border: 2px solid  #893025;
    -moz-border-radius : 10px ;
    width : 460px ;
    position : relative ;
    left : 0px ;
top : 0px ;
    padding : 5px ;
}
#intro_anim{
width : 250px ; 
height : 208px ;
}
.actudate {
    font-size: 10px;
    color: blue ;
}

/* PAGE ACCES.PHP */
#map {
border : 1px solid black ;
}
#cadremap{
}
#cadremap a {
position : relative ;
top : -2px ;
right : 0px ;
}
#cartepopup{
position : relative ;
}
#cartepopup a {
position : relative;
right : 0px ;
top : 0px ;
}

/* block de mise en page de la reference des produits */
.reference {
    text-align: center ;
}
/* block d'affichage du produit en page d'acceuil */
.ongletproduit {
    text-align: center ;
}
	img.ongletproduit {
	    width: 100px ;
	}
/* block d'affichage de l'article dans lire/index.php */
.chapoarticle {
    position : relative ;
}

#droitedition {
	Position : absolute ;
	top : 2px ;
	left : -10px ;
}

.imgchapoarticle {
	float : left ;
  margin: 0px 10px 10px 10px ;
  position : relative ; 
   border : 0px ;
}
.imgchapoarticle img {
	Position : relative ;
	top : 0px ;
	left : 0px ;
  }
.modifimage {
	Position : absolute ;
	top : 2px ;
	left : 2px ;
}

#diapo {
text-align : center ;
}


/* block div d'affichage de ref, nom du produit, image et descriptif dans achat/index.php */
.produit {
    position : relative ;
}
.produitinfogeneral {
    position : relative ; 
}
	img.produitinfogeneral {/* image du block d'affichage des produits dans achat/index.php*/
	    float : right ;
	    width : 200px ;
	    border : 0px ;
	    padding: 10px ;
	}


/* PAGE PRODUIT DETAIL */
.produit { /* block d'affichage des infos produit dans lire/modele/produit_detail.php*/
    position : relative ;
  }

/* block d'affichage du prix du produit dans lire/modele/produit_detail.php*/

.prix {
    text-align: center ;
  }

/* block d'affichage des produits associes au produit dans lire/modele/produit_detail.php*/

.produitassocie {
    text-align: center ;
  }

/* block d'affichage des options d'achat du produit dans lire/modele/produit_detail.php*/

.articleachat {
    text-align: center ;
  }

/* block d'affichage des pages suivantes et precedantes : div-a div-span*/

.pages {
    text-align: center ;
  }

/* block d'affichage des boutons du site*/
.bouton {
    -moz-border-radius : 5px ;
    cursor: pointer;
    border: 1px solid #000099;
    background: #eee;
    font-size: 11px;
  }

/* block d'affichage des formulaires du site*/

.formulaire1 {
    -moz-border-radius : 5px ;
    cursor: pointer;
    font-size: 11px;
    padding: 2px;
    color: #000000;
    border: 1px solid #000099;
    background: #eeeeee;
  }

.article_formulaire {
border : 1px solid white ;
padding : 5px ;
 background : #e1e4ff ; 
}

#onglet_formulaire {height : 25px ; }
.onglet {float : left ; padding-right : 5px ; height : 25px ; position : relative ;}
.onglet a   {
position : absolute ;
top : 0 ;
left : 0 ;
padding-top : 8px ;
text-align : center ;
width : 100px ;
color : white ;
cursor : pointer ;
font-size: 12px;
font-weight : bold ;
}

/* block ancien PEEL : titre des pages. Il en rest epeut etre */

.tetiere {
    line-height: 20px;
    /* forcer la hauteur des liens sous IE pour afficher correctement les bordures */font-size: 11px;
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    text-transform:uppercase;
    text-transform:uppercase;
    color: #000099;
    border-top: 0px solid #C1DFF9;
    border-right: 0px solid #777;
    border-bottom: 0px solid #777;
    border-left: 0px solid #C1DFF9;
    background: #eee;
  }

/* block ancien PEEL*/

.titre {
    font-size: 14px;
    font-weight: bold;
  }

/* block PEEL intitule des tableaux de commande*/

.label {
    font-size: 13px;
    font-weight: bold;
  }

/* apparence des intitules des tableaux des commandes */
.menu {
	color: #fff; 
	font-size: 10px;
	text-decoration: none; 
	background-color: blue; 
	text-align: center;
}

input:focus, select:focus, textarea:focus {
    background-color: #eeeeee;
    color: #000;
  }

#article_option_rub {
border : 1px solid black ;
padding : 5px ;
}

.afficheoptionedition {
position : relative ;
top : 0px ;
left : 0px ;
border : 0px solid red;
}

.lesoptions_edition{
position : absolute ;
border : 0px solid black ;
padding : 10px ;
top : -15px ;
left : 0px ;
width : 80px ;
z-index : 10 ;
}

.afficheoptioneditioncontenu {
position : absolute ;
top : 0px ;
left : 0px ;
border : 0px solid red;
}

.lesoptions_editioncontenu{
position : absolute ;
border : 0px solid black ;
padding : 20px ;
top : -20px ;
left : -10px ;
width : 80px ;
z-index : 10 ;
}

.lesoptions_edition_titre{
position : absolute ;
background-color: white ;
border : 1px solid black ;
padding : 10px ;
bottom : 16px ;
left : -18px ;
width : 500px ;
font-size : 10px ;
height : 180px ;
overflow :  auto  ;

}

.declare_droits {
border : 1px 0px  1px 0px solid black ;
background-color: #9b1515;
font-size : 11px ;
text-align : center ;
color : white ;
padding : 2px ;
}

#produitshorsligne {
border : 2px solid #9b1515 ;
background-color: #E8BFBF;
padding : 5px ;
}

.menueditionproduit {
position : absolute ;
top : 10px ;
left : 10px ;
z-index : 10 ;
}