/* -- Des menus aux bords arrondis en CSS: Feuille de style de base -- */

/*CONTENUS COMMUMS FIXES
*/
/*<agl.folder "positionnement des elements">*/
	.module, .module .contenu, .module .bas, .module .bas div, .module .corps { position:relative; }
	.module .emballage { position:static; }
	.module .haut { position:absolute; }
/*</agl.folder>*/
/*<agl.folder "les elements">*/
	/* element englobant */
	.module { margin:0 0 0 145px; width:40px; z-index:10;
/* largeur de la boite generale 40px, distance à partir du bord gauche 150px permettant aux autres conteneurs de dépasser à gauche de la même quantité. Taille globale 190px  */
}
	/* elements du haut */
.module .haut { left:0; top:0; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ /* a verifier */
}
	/* elements du centre */
	.module .contenu { zoom:1; _overflow-y:hidden; padding:0 0 0 0; 
/* remplissage de 12px à droite et à gauche permet de gérer les marges des textes sur la droite et sur la gauche */
}
	.module .corps { zoom:1; }
	.module .emballage {
 /* extra contenu protector - preventing vertical overflow (past background) */
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
	/* elements du bas */
	.module .bas, .module .bas div {
 font-size:1px;
 height:100px;
/* hauteur de l'image du bas 100px */
}
/*</agl.folder>*/
/*<agl.folder "taille et marges des elements">*/
	.module .bas {
 width:100%;
}
	.module .haut, .module .bas div, .module .corps, .module .emballage {
 margin-left:-140px;
 width:140px;
/* taille et depassement vers la gauche des elements 150px */
}
	/* correction de la taille pour emballage */
	.module .emballage {
 width:auto;
}
	/* correction de la taille et decalage pour corps */
	.module .emballage .corps {
 margin-left:0px;
 width:auto;
}
/*</agl.folder>*/
/*<agl.folder "positionnement de l'image de fond">*/
	.module .contenu, .module .haut, .module .bas, .module .bas div { background:transparent no-repeat top right; }
	.module .bas { background-position:right bottom; }
	.module .bas div { background-position:bottom left; }
	.module .haut { background-position:top left; }
/*</agl.folder>*/
/*CONTENUS MODULES*/
/*<agl.folder "Placement et calque pour les menus">*/
/* positionnement et chevauchement des menus */
	#ModuleNavigationContextuelle { position:relative; z-index: 20; margin-top: 0; margin-bottom: 15px; }
	#ModuleMemeRubrique { position:relative; z-index: 5; margin-top: -30px; }
	#ModuleModifierSite { margin-top: -30px; position: relative; z-index: 4; }
	#ModuleBreveSecteur { position:relative; z-index: 4; margin-top: -30px; }
	#ModuleSousNavigation { margin-top: 0; position: relative; z-index: 5; }
	#ModuleZoneRecherche { position:relative; z-index: 4; margin-top: -30px; }
	#ModuleSiteRubrique { margin-top: -60px; position: relative; z-index: 4; }
	#ModuleSiteMois { margin-top: -60px; position: relative; z-index: 4; }
/*</agl.folder>*/
/*<agl.folder "Habillage des menus OK">*/
	/* Menu Navigation Contextuelle*/
	.module.MenuNavigationContextuelle .contenu, .module.MenuNavigationContextuelle .haut, .module.MenuNavigationContextuelle .bas, .module.MenuNavigationContextuelle .bas div {
 background-image:url(images/modules_menus/habillage_menus/habillage_NavContextuelle.png);
 _background-image:url(images/modules_menus/habillage_menus/habillage_NavContextuelle.gif);
}
	/* Menu Meme Rubrique*/
	.module.MenuMemeRubrique .contenu, .module.MenuMemeRubrique .haut, .module.MenuMemeRubrique .bas, .module.MenuMemeRubrique .bas div {
 background-image:url(images/modules_menus/habillage_menus/habillage_MemeRubrique.png);
 _background-image:url(images/modules_menus/habillage_menus/habillage_MemeRubrique.gif);
}
	/* Menu ModifierSite */
	.module.MenuModifierSite .contenu, .module.MenuModifierSite .haut, .module.MenuModifierSite .bas, .module.MenuModifierSite .bas div { 
 background-image: url(images/modules_menus/habillage_menus/habillage_ModifierSite.png); 
 _background-image: url(images/modules_menus/habillage_menus/habillage_ModifierSite.gif); 
}
	/* Menu breve de secteur*/
	.module.MenuBreveSecteur .contenu, .module.MenuBreveSecteur .haut, .module.MenuBreveSecteur .bas, .module.MenuBreveSecteur .bas div {
 background-image:url(images/modules_menus/habillage_menus/habillage_BreveSecteur.png);
 _background-image:url(images/modules_menus/habillage_menus/habillage_BreveSecteur.gif);
}
	/* Menu Sous Navigation*/
	.module.MenuSousNavigation .contenu, .module.MenuSousNavigation .haut, .module.MenuSousNavigation .bas, .module.MenuSousNavigation .bas div {
 background-image: url(images/modules_menus/habillage_menus/habillage_SousNavigation.png);
 _background-image: url(images/modules_menus/habillage_menus/habillage_SousNavigation.gif); 
}
	/* Menu Zone Recherche*/
	.module.MenuZoneRecherche .contenu, .module.MenuZoneRecherche .haut, .module.MenuZoneRecherche .bas, .module.MenuZoneRecherche .bas div {
 background-image:url(images/modules_menus/habillage_menus/habillage_ZoneRecherche.png);
 _background-image:url(images/modules_menus/habillage_menus/habillage_ZoneRecherche.gif);
}
	/* Menu Site Rubrique*/
	.module.MenuSiteRubrique .contenu, .module.MenuSiteRubrique .haut, .module.MenuSiteRubrique .bas, .module.MenuSiteRubrique .bas div {
 background-image:url(images/modules_menus/habillage_menus/habillage_SiteRubrique.png);
 _background-image:url(images/modules_menus/habillage_menus/habillage_SiteRubrique.gif);
}
	/* Menu Site du mois*/
	.module.MenuSiteMois .contenu, .module.MenuSiteMois .haut, .module.MenuSiteMois .bas, .module.MenuSiteMois .bas div {
 background-image:url(images/modules_menus/habillage_menus/habillage_SiteMois.png);
 _background-image:url(images/modules_menus/habillage_menus/habillage_SiteMois.gif);
}
/*</agl.folder>*/
/*<agl.folder "Calques decoration de menu  A FAIRE">*/
	/*Modules du site rajouter les module sur la ligne suivante*/
	.MenuNavigationContextuelle .calque_deco_1, .MenuMemeRubrique .calque_deco_1, .MenuModifierSite .calque_deco_1, .MenuBreveSecteur .calque_deco_1, .MenuSousNavigation .calque_deco_1, .MenuZoneRecherche .calque_deco_1, .MenuSiteRubrique .calque_deco_1, .MenuSiteMois .calque_deco_1 { background-repeat: no-repeat; background-position: left top; position: absolute; }
	/* Image d'habillage */
	.MenuNavigationContextuelle .calque_deco_1 {
 background-image: url(images/calques_decoration/menus_navigation/aubepine_2.png);
 _background-image: url(images/calques_decoration/menus_navigation/aubepine_2.gif);
/* penser à faire une version gif pour IE */
 }
	.MenuMemeRubrique .calque_deco_1 {
 background-image: url(images/calques_decoration/menus_navigation/arbousier.png);
 _background-image: url(images/calques_decoration/menus_navigation/arbousier.gif);
/* OK */
}
	.MenuModifierSite .calque_deco_1 { 
	/*  background-image: url(images/modules_menus/decoration_menus/deco_abeille.png);
 _background-image: url(images/modules_menus/decoration_menus/deco_abeille.gif);	/* 
/* penser à faire une version gif pour IE */
}
	.MenuBreveSecteur .calque_deco_1 { 
 background-image: url(images/modules_menus/decoration_menus/deco_abeille.png);
 _background-image: url(images/modules_menus/decoration_menus/deco_abeille.gif);
/* penser à faire une version gif pour IE */
}
	.MenuSousNavigation .calque_deco_1 {
 background-image: url(images/calques_decoration/menus_navigation/aubepine.png);
 _background-image: url(images/calques_decoration/menus_navigation/aubepine.gif);
/* OK */
}
/*	.MenuZoneRecherche .calque_deco_1 { 
 background-image: url(images/calques_decoration/menus_navigation/deco_abeille.png);
 _background-image: url(images/calques_decoration/menus_navigation/deco_abeille.gif);/*
/* penser à faire une version gif pour IE */
}
/*	.MenuSiteRubrique .calque_deco_1 { 
 background-image: url(images/modules_menus/decoration_menus/deco_abeille.png);
 _background-image: url(images/modules_menus/decoration_menus/deco_abeille.gif);/*
/* penser à faire une version gif pour IE */
}
	/* 	.MenuSiteMois .calque_deco_1 { 
 background-image: url(images/modules_menus/decoration_menus/deco_abeille.png);
 _background-image: url(images/modules_menus/decoration_menus/deco_abeille.gif);	/* 
/* penser à faire une version gif pour IE */
}
	/* Taille, positionnement et hauteur calque */
	.MenuModifierSite .calque_deco_1 { top: -25px; right: -5px; width: 65px; height: 65px; z-index: 100; }
	.MenuSiteMois .calque_deco_1 { top: -25px; right: -5px; width: 65px; height: 65px; z-index: 100; }
	.MenuBreveSecteur .calque_deco_1 { top: -25px; right: -5px; width: 65px; height: 65px; z-index: 100; }
	.MenuZoneRecherche .calque_deco_1 { top: -25px; right: -5px; width: 65px; height: 65px; z-index: 100; }
	.MenuSiteRubrique .calque_deco_1 { top: 0; right: -30px; width: 65px; height: 65px; z-index: 100; }
	.MenuNavigationContextuelle .calque_deco_1 { top: -55px; right: -55px; width: 150px; height: 140px; z-index: 100; }
	.MenuMemeRubrique .calque_deco_1 { top: -95px; right: -50px; width: 140px; height: 140px; z-index: 100; }
	.MenuSousNavigation .calque_deco_1 { top: -60px; right: -20px; width: 207px; height: 117px; z-index: 100; }
/*</agl.folder>*/
/*<agl.folder "Contenu semantique">*/
	/* contenu des modules */
	h6.TitreModule { font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 0; }
	h6.TitreModule:first-letter { font-size: 16px; font-weight: bold; }
	.module h1, .module p, .module h4, .module h5 { margin: 0; padding: 0; }
	.module p { font-size: 11px; letter-spacing: 1px; }
	.module h4 { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; letter-spacing: 0; padding-top: 10px; padding-right: 0; padding-bottom: 5px; }
	.module h5 { font-size: 11px; }
	/* à definir */
	.module ul { z-index: 20; margin: 0 0 0 0; padding: 0; list-style-type: none; }
	.module li { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; letter-spacing: 1px; margin: 0 7px 0 0; padding: 4px 0 4px 8px; }
	.module li a { color: #fff; text-decoration: none; margin: 0; padding: 0; }
	#ModuleSousNavigation .module li:hover { background-color: #fce586; }
	#rubriqueactive { background-color: #50983c; }
	#memerubriqueactive { color: #5a885a; font-size: 11px; font-weight: bold; }
	#sousrubriqueactive { background-color: #f6c049; }
/*</agl.folder>*/
/*ENLEVER*/
/*recuperer sur la feuille habillage
*/
/**/
/*<agl.folder "NavigationContextuelle">*/
	#ModuleNavigationContextuelle h6 { color: #5a885a; margin-top: 10px; margin-bottom: 4px; margin-left: 8px; }
	#ModuleNavigationContextuelle h6:first-letter { color: white; }
	#ModuleNavigationContextuelle .module li:hover { background-color: #addc0a; }
/*</agl.folder>*/
/*<agl.folder "ZoneRecherche">*/
	#ModuleZoneRecherche h6 { color: #5a885a; margin-top: 10px; margin-bottom: 4px; margin-left: 8px; }
	#ModuleZoneRecherche h6:first-letter { color: white; }
	#ModuleZoneRecherche p {  }
/*</agl.folder>*/
/*<agl.folder "MemeRubrique">*/
	#ModuleMemeRubrique h6 { color: #5a885a; margin-top: 10px; margin-bottom: 4px; margin-left: 8px; }
	#ModuleMemeRubrique h6:first-letter { color: white; }
	#ModuleMemeRubrique p { font-size: 11px; font-style: italic; margin-left: 8px; }
	#ModuleMemeRubrique .module li { font-size: 11px; }
	#ModuleMemeRubrique .module li:hover { }
	#ModuleMemeRubrique .module li a { margin-left: 20px; }
/*</agl.folder>*/
/*<agl.folder "ModifierSite">*/
	#ModuleModifierSite p {  }
	#ModuleModifierSite h1 { }
	#ModuleModifierSite h5 {  }
/*</agl.folder>*/
/*<agl.folder "BreveSecteur">*/
	#ModuleBreveSecteur p { color: #724300; }
	#ModuleBreveSecteur a { color: #724300; }
	#ModuleBreveSecteur h1 { }
/*</agl.folder>*/
/*<agl.folder "SiteMois">*/
	#ModuleSiteMois p {  }
	#ModuleSiteMois h4 { }
	#ModuleSiteMois h5 { color: #672f12; }
	#ModuleSiteMois a { color: #672f12; }
/*</agl.folder>*/
/*<agl.folder "SousNavigation">*/
	#ModuleSousNavigation h6 { color : #e5fd63; margin-bottom: 4px; margin-top: 190px; margin-left: 8px; }
	#ModuleSousNavigation p { }
	#ModuleSousNavigation h1 { }
	#ModuleSousNavigation li a {  }
	#ModuleSousNavigation li {  }
/*</agl.folder>*/
/*<agl.folder "SiteRubrique">*/
	#ModuleSiteRubrique h1 {  }
	#ModuleSiteRubrique h4 { }
	#ModuleSiteRubrique h5 { color: #672f12; }
	#ModuleSiteRubrique a { color: #672f12; }
/*</agl.folder>*/
#LogoRubriqueArticle { position: absolute; top: 0; right: 0; width: 180px; height: 180px; z-index: 50; }
#LogoMemeRubrique { margin-left: 20px; }