.rouge{
color : #CC0000 ;
font-size : 13px ;
font-weight : bold ;
}
#diaporamaintro{
Position : relative ;
top : 0px ;
left : 50px ;
border : 0px red solid ;
}
#imgintro{
Position : relative ;
top : 0px ;
left : 0px ;
}
/* ici on determine la couleur du fond surtout  */


body {
    background-color : #d9d9d9 ; 
  
    font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin : 0px ;
    padding : 0px ;
  }

/* fenetre generale du site, a l'interieur du fond   */

#fenetre {
    background-color : #ffffff;    
     border-top : 1px solid  #C6C6C6 ; 
    border-left : 1px solid  #C6C6C6 ;
    position : relative;
    top : 0px;
    left : 0px;
    text-align : left;
    width : 960px;              /* -----------!!!!! largeur du site  !!!!---------  */
  }

/* fenetre principale du site, au milieu entre les deux colones de menu   */

#fenetremilieu {
    position : relative;
    vertical-align: top ;
    border : 0 ;
    width: 510px ;              /* -----------!!!!! largeur de la fenetre centrale  !!!!---------  */
    padding-left : 20px ;
    padding-right : 10px ;
  }


.imagefenetre {
position : absolute ;
}

/* centre le texte du block suivant */
.centre {
    text-align: center ;
  }

/* block texte petit*/
.petit, .petitcentre {
    font-size: 10px;              /* -----------!!!!! taille des textes petits  !!!!---------  */
  }

/* block  texte petit centre*/

.petitcentre {
    text-align: center ;
  }

/* apparence des liens : normal, visite et passage dessus  */


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


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

/* apparence des titres principaux du site  */


h1 {
    font-size: 14px;              /* -----------!!!!! taille des titres de page  !!!!---------  */
    font-weight: bold;
    color: #340303;              /* -----------!!!!! couleur des titres de page  !!!!---------  */
  }

/* apparence des titres secondaire du site et des titres des articles des actualites */

 .commeH2 {
    font-size: 18px;              /* -----------!!!!! taille des titres secondaires  !!!!---------  */
    font-weight: bold;
    color: #340303;               /* -----------!!!!! couleur des titres secondaires  !!!!---------  */
  }

h2, .actutitre {
    font-size: 13px;              /* -----------!!!!! taille des titres secondaires  !!!!---------  */
    font-weight: bold;
    color: #340303;               /* -----------!!!!! couleur des titres secondaires  !!!!---------  */
  }

/* apparence des block de paragraphe contenant du texte */

p, .actutexte, .normal, span, body {
    font-size : 12px;              /* -----------!!!!! taille du texte normal  !!!!---------  */
  }


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


tr {
  }


td {
  }

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

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

/* ligne de separation pour controler le flux : s'utilise avec hr  */
.separation {
    clear : both ;
    visibility : hidden ;
  }
.carre{
width : 40px ;
height : 40px ;
}

#menupermanent {
position : absolute ;
top : 115px ;
left : 210px ;
width : 610px ;
border: 0px solid black;
}
#tablemenupermanent {
width : 750px ;
border: 0px;
text-align : center ;
}
.menupermanentboutique, .menupermanentproduit, .menupermanentproducteurs, .menupermanentpanier, .menupermanentinfospratiques {
font-size : 12px ;
font-weight : bold ;
}
.menupermanentboutique{ color : #630d0d  ; }
.menupermanentproduit{ color : #e9a227   ; }
.menupermanentproducteurs{ color : #1a7214  ; }
.menupermanentpanier{ color : #3633b7 ; }
.menupermanentinfospratiques{ color : #e9e60c  ; }
#selectiongarde {
    background-color : #f0df99 ;   
}
#menuboutique {
position : absolute ;
top : 75px ;
left : 300px ;
    border: 0px solid black;
}
#menuproducteur {
position : absolute ;
top : 75px ;
left : 665px ;
    border: 0px solid black;
}
#menuproduit {
position : absolute ;
top : 75px ;
left : 715px ;
    border: 0px solid black;
}
#menupanier {
position : absolute ;
top : 75px ;
left : 770px ;
border: 0px solid black;
}
#menuinfopratique {
position : absolute ;
top : 75px ;
left : 845px ;
    border: 0px solid black;
}


/* bloc d'entete : img=images/head.png, p=titre du site  */
#titre_thym {
    position : absolute ;
    top : 25px;
    left : 210px ;

  }
#logo-thymetchataigne {
    position : absolute ;
    top : 0px;
    left : 0px ;
   height : 150px ;
  }

#imageintro {
position : absolute ;
top : 5px ;
left : 20px ;
}

.commander {font-size : 14px ;}
#entetepanier {
position : absolute ;
top : 150px ;
right : 0px ;
 padding : 0px ;
  }
#entetepanier-fond {
position : absolute ;
top : 15px ;
right : 0px ;
 padding : 10px ;
  }
#entetepanier-image {
position : absolute ;
top : 180px ;
right : 20px ;
 padding : 10px ;
  }

/* block contenant l'image paypal  */
#imagepaypal {
width : 150px ;
  }

/* block contenant l'image paypal  */



/* block proposant les changements de feuille de style  */
#style {
    width : 50px ;
    position : absolute ;
    right : 60px ;
    top : 10px ;
    z-index : 30 ;
    /* hierarchise la profondeur des calques entre img/head, titre du site et block de style */;
  }

/* block proposant les changements de langue  */
#drapeau {
    visibility : hidden ;
    width : 50px ;
    position : absolute ;
    right : 50px ;
    top : 45px ;
    z-index : 30 ;
    /* hierarchise la profondeur des calques entre img/head, titre du site et block de style */;
  }
#drapeau img {
    height : 15px ;
    border : 0px ;
    /* hierarchise la profondeur des calques entre img/head, titre du site et block de style */;
  }


/* block d'affichage des icaones acceuil contact et plan d'acces */

#acceuil_contact_acces {
    position : absolute ;
    right : 5px ;
    top : 5px ;
    z-index : 30 ;
    /* hierarchise la profondeur des calques entre img/head, titre du site et block de style */;
  }

#producteur_presentation {
position : relative ;
top : 0px ;
left : 0px ;
}

#producteur_portrait {
width : 150px ;
}
#producteur_photo_produit {
width : 400px ;
}

#producteur_coordonnees {
width : 320px ;
text-align : center ;
}
div#producteur_coordonnees ul li h1 {
font-size : 20px ;
}
div#producteur_coordonnees ul li h2 {
font-size : 14px ;
color : black ;
}

#producteur_description {
text-align : center ;
}

#producteur_option {
position : relative ;
width : 480px ;
}

#arrondi_HD {
position  : absolute ;
top : 0px ;
right : 0px ;
}
#arrondi_HG {
position  : absolute ;
top : 0px ;
left : 0px ;
}
#arrondi_BD {
position  : absolute ;
bottom : 0px ;
right : 0px ;
}
#arrondi_BG {
position  : absolute ;
bottom : 0px ;
left : 0px ;
}
#producteur_menuoption_exploitation {
position  : absolute ;
border : 0px solid blue ;
top : 0px ;
left : 400px ;
}
#producteur_menuoption_produit {
border : 0px solid blue ;
position  : absolute ;
top : 0px ;
left : 0px ;
}
#producteur_option_exploitation {
border : 0px solid red ;
padding : 0px ;
position : relative ;
top : 23px ;
background-color : #3c9b37 ;
width :480px ;
}
#producteur_exploit_presentation {
border : 0px solid red ;
position : relative ;
padding-top : 10px ;
margin : 10px ;
width : 460px ;
}
#producteur_option_produit {
border : 0px solid red ;
position : relative ;
padding : 0px ;
top : 23px ;
background-color : #e3f5e2 ;
width : 480px ;
}
#producteur_option_produit_contenu {
position : relative ;
padding-top : 10px ;
margin : 10px ;
width : 460px ;
}


/* block propose par  */
.proposepar{ 
padding : 0px ;
margin : 0px ;
}
.menu_proposepar{ 
position : relative ;
top : 2px ;
padding : 0px ;
margin : 0px ;
border : 0px ;
}

.proposepar_infos{ 
position : relative ;
background-color : #e9a227 ;
width : 480px ;
}
.proposepar_infos{ 
position : relative ;
background-color : #e9a227 ;
padding : 0px ;
width : 480px ;
}
.portrait_proposepar{
height : 80px ;
padding : 10px ;
border : 0px ;
}

.selection {
position : relative ;
background-color : #e9e60c ;
width : 480px ;
padding : 0px ;
Margin : 0px ;
}
.selection_contenu {
position : relative ;
padding : 10px ;
Margin : 00px ;
width : 480px ;
}
#lespaniers{
padding-left : 10px ;
}
/* block exemple de paniers  */
.exemple_panier{
position : relative ;
width : 250px ;
background-color : #3633b7 ;
height : 21px ;
}
a.exemple_panier_titre_lien {
color : white ;
}
.exemple_panier_titre{
position : relative ;
top : 5px ;
color : white ;
padding-left : 20px ;
padding-right : 20px ;
}
.exemple_panier_description {
position : relative ;
background-color : #3633b7 ;
width : 500px ;
}
.exemple_panier_contenu{
position : relative ;
width : 500px ;
}
div.exemple_panier_contenu {
padding : 0px ;
}
.panier_composez {
position : relative ;
background-color : #3633b7 ;
padding : 0px ;
width : 500px ;
}
.panier_composez_contenu {
position : relative ;
padding : 0px ;
background-color : #3633b7 ;
color : white ;
}
.panier_composez H2 {
font-weight : bold ;
color : white ;
}
.panier_composez span {
    font-size : 10px ;
font-weight : bold ;
}

/* bloc d'entete des rubriques et des categories : image, nom et description  */
#enteterubriques, #entetecategories,#entetealbums {
    position : relative ;
  }

/* l'image de la categorie et de la rubrique  */
img#enteterubriques , img#entetecategories, img#entetealbums {
    position : relative ;
    left : 0px ;
    top : 0px ;
    border : 0px solid blue ;
  }

/* le nom de la categorie et de la rubrique  */
h1#enteterubriques ,h1#entetecategories, h1#entetealbums {
    position : absolute ;
    font-size : 16px ;
    left : 10px ;
    top : 2px ;
  }

/* la description de la cat et de la rub  */
p#enteterubriques ,p#entetecategories ,p#entetealbums {
    position : absolute ;
    font-size : 11px ;
    left : 10px ;
    top : 20px ;
  }

/* block d'ecriture du chemin de navigation */
#arbrecategorie, #arbrerubrique, #arbrealbum {
    font-size: 12px ;
    border-bottom: 0px solid black;
  }

/* blocks de contenu des block_menu : pour la mise en page  */
 #contourmenurubriques, #contourmenucategories, #contouridentifier, .contourmenurubriques,  #contourlistesousrubrique, #contourlistesouscategorie, #contourmenugalerie {
    list-style-type : none ;
    position : relative ;
    border: 0px solid black;
    margin : 0px ;
    padding : 0px ;
width : 200px ;
  }

/* block-menus categories et rubriques  */


#menusecpanier, #menusecproducteur, #menusecproduit, #menusecinfo, #menusecboutique   {
   position : relative ;
    padding-top : 0px ;
    padding-left : 10px ;
    margin : 0px ;
    z-index : 20 ;
    border: 0px solid black;
    width : 189px ;
  }
#menusecpanier li , #menusecproducteur li , #menusecproduit li , #menusecinfo li , #menusecboutique  li  {
    padding-left : 10px ;
    padding-top : 10px ;
}
#menusecpanier ul li , #menusecproducteur ul li , #menusecproduit ul li , #menusecinfo ul li , #menusecboutique  ul li  {
    padding-bottom : 10px ;
}
#menusecpanier a , #menusecproducteur a , #menusecproduit a , #menusecinfo a , #menusecboutique  a  {
     color : white ;
    font-size: 14px ;
}

#toutcaddie {
   position : relative ;
   top : 0px ;
    list-style-type : none ;
    border: 0px solid black;
    margin : 0px ;
    padding : 0px ;
  }

#hauteur {
height : 350px ;
}

/* block d'identification sur le site  */
#contourcaddie {
    width : 180px ;
    list-style-type : none ;
    position : relative ;
top : 0px ;
    left : 0px ;
    margin : 0px ;
    padding : 10px ;
   background-color: #d9d9d9 ;
}

#identifier {
    padding-left : 0px ;
    z-index : 20 ;
  }
#identifier ul li a, #identifier ul li {font-size : 14px ;} 


/* block "votre caddie est vide...  */


#caddie {
    position : relative ;
    top : -15px ;
   background-color: #FFFFFF ;
    padding-left : 10px ;
    z-index : 20 ;
   width : 170px ;
  }
#caddie h1 {
position : absolute ;
top : -25px ;
text-transform : capitalize ;
}
#caddie ul, #caddie h1 {
    font-size: 14px ;        /* -----------!!!!! taille des menus du site !!!!---------  */
  }


  /* -----------!!!!! taille des polices des menus du site !!!!---------  */
 .optionedition ul, .optionedition h2, #menucategories ul, #menucategories h1, #menurubriques ul,  #menurubriques h1, .menurubriques ul, .menurubriques h1, #menugalerie h1, #menugalerie 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: 12px ;        /* -----------!!!!! taille des menus du site !!!!---------  */
  }


/* barre de menu horizontale */
/* boutons principaux de la barre de menu */
.boutonmenuhorizontal, .boutonmenuhorizontalsel {
width : 30px ;
border : 0px solid black ; 
text-align : right ;
margin : 2px ;
padding : 0px ; /* ne pas utiliser */
font-size : 12px  ;
font-weight : bold ;
height : 30px ;
}
.boutonmenuhorizontal hr, .boutonmenuhorizontalsel hr {
height : 7px ;
border : 0px ;
margin-top : 4px ;
padding : 0px ;/* ne pas utiliser */
}
.boutonmenuhorizontal {
color : #340303 ;
}

.boutonmenuhorizontalsel {
color : #340303 ;
}


/* boutons secondaires de la barre de menus horizontale */
.boutonsousmenuhorizontal {
    width : 150px ;
    text-align : center ;
    font-size: 12px ;
    background-color : white ;
    border-left : 0px solid #630d0d ; 
padding-top : 3px ;
padding-bottom : 3px ;
    padding-left : 3px ; 
    padding-right : 3px ; /* ne pas utiliser */
    margin : 0px ; /* ne pas utiliser */
}
.boutonsousmenuhorizontal h1 {
    text-align : center ;
    border-top : 0px solid #630d0d ; 
    font-size: 16px ;
    background-color : white ;
    padding-top : 3px ; 
    padding-bottom : 3px ;  /* ne pas utiliser */
    margin : 0px ; /* ne pas utiliser */
}
.boutontitremenuhorizontal {
position : relative ;
left : 0px ;
    width : 150px ;
    font-size: 12px ;
    background-color : white ;
    border : 0px solid #630d0d ; 
    padding-left : 10px ;  /* ne pas utiliser */
    margin : 0px ; /* ne pas utiliser */
}
.boutontitremenuhorizontal h1 {
    text-align : center ;
    border-top : 0px solid #630d0d ; 
    font-size: 12px ;
    background-color : white ;
    padding-top : 3px ; 
    padding-bottom : 3px ;  /* ne pas utiliser */
    margin : 0px ; /* ne pas utiliser */
}

/*Ne pas toucher */
#menuhorizontal {
position: relative;
top: 0;
left: 0;
z-index:100;
}
#menuhorizontal div {
cursor: pointer;
}
.smenu {
    border : 0px solid #630d0d ; 
position : absolute ;
top : 30px ;
left : -60px ;
margin-bottom : 0px ;
padding-bottom : 0px ;
}
/*Ne pas toucher */
#menuperm {
position: relative;
top: 0;
left: 0;
height : 30px ;
z-index:100;
}
#menuperm div {
cursor: pointer;
}
.pmenu {
    border : 0px solid #630d0d ; 
position : absolute ;
top : 20px ;
left : 0px ;
margin-bottom : 0px ;
padding-bottom : 0px ;
padding-bottom : 10px ;
background-color: white ;
z-index : 150 ;
}
.menuhaut {
    margin : 0px ;
    padding : 0px ;
    position : relative ;
    top : 0px ;
    left : 0px ;

}

.menubas {
    margin : 0px ;
    padding : 0px ;
    position : relative ;
    bottom : 0px ;
    left : 0px ;
}

/* block-menu listant les pages fixes du site   */


#pagesobligatoiresvente {
    border: 0px solid black;
    text-align : center ;
    padding : 0px ;
    width:200px ;
  }





/* blocks de recherche */


#rechercheproduit, #recherchearticle {
position : relative ;
text-align : right ;
bottom : 0px ;
right : 0px ;
    padding : 0px ;
    width:200px ;
    /* visibility: hidden ;
    n'apparait pas */
  }

#langue {
    border: 0px solid black;
    background-color: white ;
    padding : 5px ;
    width:200px ;
    text-align : center ;
    /* visibility: hidden ;
    n'apparait pas */
  }

/* block-menu pour acceder a la partie administrative si priv = admin */


#menuacces {
    border: 0px solid black;
    background-color: white ;
    padding : 5px ;
    width:200px ;
    /* visibility: hidden ;
    n'apparait pas */
  }


/* block coordonnees de la societe, en bas de site */


#adressesociete {
    position : absolute ;
    bottom : 20px ;
    left : 760px ;
    font-size: 10px ;
    /* visibility: hidden ;
    n'apparait pas */
  }


#adressesociete h1 {
    /* visibility: hidden ;
    n'apparait pas */
  }


/* block d'affichage des coordonnées de la societe dans la page contact.php */
#contactsociete {

  }

/* block corp de l'article : image, chapo, texte*/
#article {
    position : relative ;
  }

/* image de l'article */


#article img {
    float : right ;
    border : 0px groove gray ;
    padding: 0px ;
    margin : 10px;
  }

/* block pour telecharger la doc des produit ET des articles */


#documentation {
    text-align: center ;
  }

/* block pour les images secondaire du detail produit */


#produitimages {
    position : relative ;
  }

/* images secondaires du detail produit */


#produitimages img {
    float : left ;
    width : 200px;
    padding: 0px ;
    margin : 10px;
    border : 0px groove gray ;
  }

/* block infos sur le detail produit : reference, nom, image principale, descriptif, description */


#produitinfogeneral {
    position : relative ;
  }



img#produitinfogeneral {
    float : right ;
    border : 0px ;
    padding: 10px ;
  }


#produitinfogeneral h1 {
    text-align: center ;
  }

/* block de l'editorial, en page d'acceuil : module a installer */

 #contoureditorial {
   position : relative ;
 		 min-height:450px;      /* -----------!!!!! hauteur min de la fenetre centrale  !!!!---------  */
 		 height:auto !important;
 		 height:450px;
vertical-align : top ;
    border: 0px solid blue;
  }


#editorial {
text-align : center ;
    border: 0px solid red;
    width:400px ;
    margin-left: 50px ;
 margin-right : 50px ;
  }


h1#editorial {
    border: 0px solid blue;
    position : absolute ;
    background-color: white ;
    left : 0px ;
    top : -20px ;
  }


img#editorial {
    width : 200px ;
    border : 0px ;
    padding: 10px ;
  }

/* block de la carte : page acces.php */

#map {
    position : relative ;
    border : 1px solid black ;
  }

/* block proposant les options d'edition : apparait quand privilege = edit */
.contouroptionedition {
    position : relative ;
   width: 200px ;
  }

.optionedition {
    position : absolute ;
    z-index : 100 ;
    border: 1px solid black;
    background-color: white ;
    margin : 5px ;
    padding : 5px ;
  }

/* block de mise en page du surtitre des articles et de l'edito */

.surtitre {
    /* text-align: center ;
    */position : relative ;
    left : 10px ;
  }

/* block de mise en page de la reference des produits */

.reference {
    text-align: center ;
  }

/* block d'affichage des actualites en page d'acceuil */

.actu {
    border: 0px solid black;
    -moz-border-radius : 10px ;
    width : 200px ;
    position : relative ;
    left : 0px ;
    padding : 5px ;
  }


.actudate {
    font-size: 10px;
    color: blue ;
  }

/* block d'affichage du produit en page d'acceuil fonction print_on_special */

.ongletproduit {
    text-align: center ;
  }


img.ongletproduit {
    width : 100% ;
    width: 200px ;
  }


/* block d'affichage de l'article dans lire/index.php */

.chapoarticle {
    position : relative ;
  }


img.chapoarticle {
    float : left ;
    width : 200px ;
    border : 0px ;
    padding: 10px ;
  }


/* block d'affichage des photos de la galerie dans modules/galeriephoto/index.php */
.chapophoto {

  }

img.chapophoto {
    border : 5px ;
  }

/* block d'affichage des vignettes des photos des albums dans modules/galeriephoto/index.php */
.vignettephoto {
  }

img.vignettephoto {
    width : 75px ;
    border : 0px ;
  }

.vignettephoto p {
padding : 0px ;
margin : 0px ;
  }


/* block div d'affichage de ref, nom du produit, image et descriptif dans achat/index.php */

.produitinfogeneral {
    position : relative ;
  }


/* image du block d'affichage des produits dans achat/index.php*/

img.produitinfogeneral {
    height : 150px ;
    border : 0px ;
    padding: 10px ;
  }

/* block d'affichage des infos produit dans lire/modele/produit_detail.php*/

.produit {
    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 #340303;
    background: #FFF87A ;
    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 #340303;
    background: #FFF87A;
  }

/* 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: #000000;
    border-top: 0px solid #C1DFF9;
    border-right: 0px solid #777;
    border-bottom: 0px solid #777;
    border-left: 0px solid #C1DFF9;
    background: #FFF87A ;
  }

/* 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;
  }

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