/* GALILEE - Gestionnaire de site Web développé par hemmer.ch SA à Fribourg (CH) */

/*           
             *********************************************************
             * Toute reproduction partielle ou complète du programme *
			 * ou de ses applications est interdite.                 *
			 * Pour toute question ou remarque, veillez vous         *
			 * adresser office@hemmer.ch                             *
			 *********************************************************
*/         


/***************************  CORPS DU SITE  ****************************/
		body {
			font-family: helvetica, arial, sans-serif;
			font-size: 11px;
			height: 100%;
			/*background-color: se change dans le MAIN;*/
			}

		/* Liens du site */
		a,a:link,a:link,a:link,a:hover { 
			background:transparent;
			text-decoration:none;
			cursor:pointer;
			}
		
		/* Liens visités */ 
		a:link, a:visited { 
			color:#666666; 
			} 
		
		/* Liens survolés */
		a:hover,a:active {
			color:#0182C6;
			}
			
			
/* ------------------ Titres - Personalisation ------------------ */
		h1{
			font-size:180%;
			font-familiy: verdana, arial, sans-serif;
			height:25px;
			padding: 20px;
			}
			
		h2{
			color:#A70000;
			font-size:160%;
			font-familiy: verdana, arial, sans-serif;
			padding: 5px 0 10px 20px;
			}
		
		h3{
			color:#444444;
			font-size:13px;
			padding:0px 0 0px 0px;
			margin: 0px 0 0 0;
			}
			
		h4{
			color:#868686;
			font-size:13px;
			padding:0px 0 0px 30px;
			margin: 0px 0 0 0;
			}
			
		h5{
			color:#5E5E5E;
			font-size:16px;
			padding:5px 0 0 0;
			margin:0;
			text-transform:uppercase;
			}
			
		h6{
			color:#5E5E5E;
			font-size:16px;
			padding:0px 0 0px 20px;
			margin: 0px 0 0 0;
			text-transform:uppercase;
			}
			
			
		#table_border{
			border-right-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 1px;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-right-color: #cccccc;
			border-bottom-color: #cccccc;
			border-left-color: #cccccc;
			margin:0  0px 0 1px;
		}	

/****************************** SITE ********************************/
	
  #ombre_haut {
      background: url(/doc/images_site/interface/ombre_haut.gif) no-repeat top center;
      height:23px;

    }
  
  #boite-fond {
			background: url(/doc/images_site/interface/ombre_gauche_et_droite.gif) repeat-y top center; /* image latérale*/
			margin-left: auto;
			margin-right: auto;
			width:1065px;
			}
      
      /* boîte tout autour du site - avec powered by...*/  
  #site {
			position: relative;
			width:973px;
			margin:0 auto;
			text-align:left;
			min-height: 100%;
    		height: 100%;
			voice-family: "\"}\"";
    		voice-family: inherit;
    		height: auto;
			}


/****************************** CONTAINER ********************************/
		
		/* Container - du bandeau au footer */
		#container {
      		background-color: #FFF;
			
			/*border: 1px solid #939292;*/
			}

		html>body #container {
    		height: auto;
			}


/******************************  BANDEAU  ********************************/
		
		#bandeau{
			width:100%;
			float:left;
			}


/************* MENU PRINCIPAL 1 -(EN PRINCIPE HORIZONTAL) ***************/

		/* Barre de navigation horizontale */
		#topnav {
			width:100%;
			float:left;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			/*background: url(/doc/images_site/interface/menu_horizontal.jpg) no-repeat;*/
			background-color:#4C423C;
			border-top-width: 1px;
			border-bottom-width: 1px;
			border-top-style: solid;
			border-bottom-style: solid;
			border-top-color: #808080;
			border-bottom-color: #808080;
			height:35px;
			margin: 0px auto 0 auto;
			padding: 0;
			}
	
		#topnav ul {
			margin: 0;
			padding: 0;
			list-style: none;
			background: #383d44;
			}
			
		#topnav li {
			float: left;
			margin: 0;
			padding: 0;
			font-family: Arial, serif;
			font-size: 80%;
			letter-spacing: 2px;
			text-transform: none;
			}
			
		#topnav li a {
			float: left;
			padding: 7px 0px;
			text-decoration: none;
			color: #CABAA6;
			border: none;
			}
			
		#topnav li a:hover {
			color: #FFF;
			background: #464a52;
			}
			
		#topnav li a.active {
			font-weight: bold;
			color: #FFF;
			}	


/****************************** CONTENU ********************************/
		#wrapper{background-color:#FFFFFF;}

/* CONTENU */
		#content{ 
			float:left;
			width:630px;
			/*border: 1px solid #CCCCCC;*/
			margin:0 0px 0 4px;
			}
	
	/* Contenu général (Articles, vignettes, etc..) */
		#post-content { 
			font-family: "trebuchet MS", arial, helvetica, sans-serif;
			font-size:12px;
			line-height:20px;
			color:#000;
			padding: 5px 5px;

			}
		
	/* Contenu général - Couleur des liens */
		#post-content a{
			text-decoration: none;
			color: #000; 
			}
			
	/* Tittre de l'article */
	#content h1 {
			padding: 10px 0 0px 0px;
	
			}		

	/* History */
		#history a { 
			color: #666666;
			text-decoration:none;
			}
	/* Langues */
	#langues{
			float:right;
			margin-right: 10px;
			margin-top: -50px;
			font-size:12px;
			text-transform: uppercase;
			}
	#langues {
	color:#FFF;
	font-weight:bold;
	}

/************************* EN-TETES ET PUBLICITE *************************/
/* BLOC-DROITE */
		#bloc-droite {
			width:151px;
			float:right;
			margin: 0px 5px 0 0px;
			}



/* EN-TÊTES */
		#entete {
			margin-top:10px;			
			float:right;
			width:100%;
			}
			
		#entete h5{
			color:#5E5E5E;
			font-size:100%;
			padding:5px 0 0 10px;
			margin:0;
			text-transform:uppercase;
			}
			

/* PUBLICITE */
		#publicite{
			margin:8px 0 4px 0;
			width:100%;
			float:right;
			}

		#publicite h5{
			color:#5E5E5E;
			font-size:100%;
			padding:5px 0 0 10px;
			margin:0;
			text-transform:uppercase;
			}


/***************************** NAVIGATION ******************************/
/*           Margin: en-haut / à droite / en-bas / à gauche           */


#navigation h3, #navigation h4,#navigation h5,#navigation h6{
	font-size:100%;
}



/* NAVIGATION GENERAL */	

	/*.stretcher{display:none}*/ /* ---- Menu déroulant ---- */
	
	#navigation{ 
		float:left;
		width:165px;
		margin:0px 0 0 4px;
		}
			
/*Couleur de l'écriture des articles*/
	#menu-lateral {color:#000;width:100%}

/*Couleur des liens du menu*/
	#menu-lateral a {color:#000;text-decoration:none}

/* Liste contenant les articles*/
	#menu-lateral ul {
		margin: 0;
		padding:0;
		float: left; 
		}
/* Eléments de la liste (articles)*/	
	#menu-lateral ul li {
		list-style: none;
		display:block;
		}

/*-------------------- RUBRIQUES -----------------*/
/* Présentation des rubriques - couleur de fond + texte derrière le titre des rubriques*/
	.menu-rubrique {
		padding:2px 0 2px 16px;
		border-bottom: 1px solid #b5ae95;
		background-color: #EDEDE1;
		}
		
	/* Lien*/
	.menu-rubrique a { font-size:120%; }	

/* Ouverture de la boîte */
	.current_open{display:block}		
	
	
/*----------- BOITES MENU ----------------------*/	
	ul#boite-menu {
		margin: 0 0 10px 0;
		border: 1px solid #000;
		}
		
	
	ul#boite-sous-menu {
		width:140px;
		margin: 0;
		padding: 0 0 0 10px;
		border: 1px solid #000;
		}
	
	ul#boite-sous-sous-menu {
		width:130px;
		margin: 0;
		padding: 0 0 0 10px;
		}	
/*-------------------- ARTICLES -----------------*/
/* Présentation des articles - couleur de fond + texte derrière le titre des articles par articles*/		
	.menu-article {
		background: url('/doc/images_site/icones/fleche.gif') 0px 5px no-repeat #FFF;
		padding:3px 0 3px 16px;
		}
		
	/* Lien*/
	.menu-article a { font-size:100%; }		

/* Affichage de l'article sélectionné*/
	#menu-lateral li.current_article {
		width:124px;
		/*background: none #E43637;*/
		padding:3px 0 3px 16px;
		}

	/* Lien*/
	#menu-lateral .current_article a {
		font-weight: bold;
		color:#000000;
		}	

/* Bouton retour des sous catégories dans la navigation*/
		
			#back_buttom {
			padding-bottom:5px;
			padding-left:2px;
				}
		
			.back_buttom a {
				}
				
/*-------------------- RUBRIQUES MASQUEES ET PROTEGEES -----------------*/	
#menu-lateral div.protege a {color:#CC0000}
#menu-lateral li.boite_protege a {color:#CC0000}

/************************* BOX D'IDENTIFICATION **************************/
	
		.TableIdentification {
			background-color: #FFF;
			color: #292929;
			text-decoration: none;
			font-weight: bold;
			border: 1px solid #CCC;
			}
		

		.TableIdentification input {
			border: 1px solid #CCCCCC;
			color:#000;
			}
			

			
		.TableIdentification a {
			color: #000;
			text-decoration: none;
			}
			
		.bouton_identification {
			color: #FFFFFF;
			font-weight: bold;
			}




/* COULEUR - BOÎTE IDENTIFICATION*/
		.visible_menu {
			visibility: visible;
			background-color: #FCFCFC;	
			}

		.login_bg{
			/*background-color: #ABABAB;*/
			background: url(/doc/images_site/interface/background_box_ident.png) no-repeat;
			width:165px;
			height:20px;
			color: #FFF;
			background-repeat:no-repeat;
			}

		.login_bg a{
			color: #FFF;
			padding-left:3px;
			}


/************************* FOOTER - PIED DE PAGE **************************/
		#footer { 
			clear:both;
			width:100%;
			}

			
/************************* POWERED - AFTER FOOTER **************************/	

        #powered  {
        	/*background: url(/doc/images_site/interface/ombre_bas.gif) no-repeat center;*/
            text-align: center;
            padding-top:8px;

            }
			
/******************************* VIGNETTES ********************************/


		#language {
		color:#FFFFFF;
		}

/******************************* VIGNETTES ********************************/
	/* Mouse over sur un article */
		.ThumbsMouseOver {
			background-color: #FBFFE6;
			}

		.pagerLinksTop {
			padding-top: 2px;
			padding-bottom: 2px;
			border: 1px solid #E9E9E9;
			margin-bottom: 20px;
			background-color: #FEFDE7;
			}
		
		.pagerLinksTop select {
			border: 1px solid #999999;
			margin-left: 6px;
			}

/* Pagination des vignettes */
			.pagerLinks { 
				padding-top: 2px;
				padding-bottom: 2px;
				margin-bottom: 20px; 
				}
				
			.pagerLinks a { 
				color: #009933; 
				}
				
			.pagerLinks b { 
				color: #009933;
				text-decoration: none;
				font-weight: bold; 
				}
				
			.pagerLinks #items_per_page { 
				margin: 0px;
				padding: 0px; 
				}
				
			.pagerLinks #valide_items { 
				margin: 0px;
				padding: 0px; 
				}	

/********************************* Formulaires ******************************/
		form { 
			margin: 0;
			padding:0
			}
			
		input, textarea { 
			font-family: arial,tahoma,verdana,sans-serif;
			margin: 2px 0;
			font-size:11px; 
			}
			
		fieldset { 
			border: none
			}
			
		label { 
			color:#333333;
			cursor:pointer;
			padding-left:2px;
			width: 60px;
			display: inline;
			}
			
		.closed ul{
			display:none;
			}
			
		.open ul{ 
			display:block;
			}

/************************************ SHOP ***************************/

/* MINI PANIER */
		#mini_cart tr { 
			background-color: #F4F4F4; 
			}
			
		#mini_cart td { 
			width:161px;
			}
			
		#mini_cart th { 
			background-color: #6C4900; 
			}
			
		#mini_cart th a { 
			color: #FFFFFF;
			text-decoration: none;
			}
			
		#mini_cart a {
			color: #000000;
			text-decoration: none;
			}
			
		#mini_cart .ligne_paire { 
			background-color:#FDF8EA 
			}
			
		#mini_cart .ligne_impaire { 
			background-color:#FBF1D7
			}
			
/* PANIER */
		#cart .featurebox { 
			color:#333;
			padding: 15px 20px 20px;
			border-top: 1px solid #d7d7d7;
			margin: 0 0 1.5em;
			background: #F7F7F7 no-repeat 100% 100% 
			}
			
	/* Lien pour le panier des achats */
		.shopping_cart a{
			color: #414141;
			text-decoration: none;
			}

		.shopping_cart {
			background-color: #F4F2DD;
			padding: 8px;
			}

		.cadre {
			margin-top:18px;
			border:1px solid #649BD1;
			background-color:#ffffff;
			font-size: 11px;
			color: #847D6E;
			line-height: 16px;	
			}

		.leg {
			padding-bottom:3px;
			font-weight:bold;
			font-size:12px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #649BD1;
			}
			
		#history select, #commissions select{
			font-size: 11px;
			color: #FFFFFF;
			background-color: #649BD1;
			}
			
		#history a, #commissions a {
			color: #666666;
			text-decoration:none;
			}
			
	/* Prix des produits en action promotion et nouveaute */
		.prix_action {
			font-weight: bold;
			color: #339900;
			}
	
	/* Commentaires sur les frais de port */	
		.remarques {
			background-color: #FFFFCC;
			padding: 4px;
			border: 2px dotted #666666;
			}

	/* promotion */
		.promotion {
			color:#990000;
			font-size: 12px;
			font-weight: bold;
			}
				
	/* action */
		.action {
			color:#990000;
			font-size: 12px;
			font-weight: bold;
			}
			
	/* rupture de stock */
		.rupture {
			color:#990000;
			font-size: 12px;
			font-weight: bold;
			}

	/* nouveautes */
		.nouveaute {
			color:#990000;
			font-size: 12px;
			font-weight: bold;
			}
			
	/* Champs quantités */
			.input_quantite {
				border: 1px solid #666666;
				}
				
	/* Rabais de quantite */
			.rabais a {
				color: #000;
				font-weight: bold;
				}
				
	/* Message d'erreur */
			.ErorMsg {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bolder;
				color: #990000;
				}

/***************************** MOTEUR DE RECHERCHE ******************************/
				
				/* Position moteur de recherche */

				#search {
				margin-top:0;
				width:100%;
				}
	
	/* Champ de recherche */
			.search {
				font-size: 10px;
				padding-top: 0px;
				padding-bottom: 6px;
				}
		
	/* Couleur des nombres devant le titre */
			#search_engine .search_small {
				color: #999999;
				}
		
	/* Couleur des liens des categories */
			#search_engine .search_small a {
					color: #999999;
				}
		
	/* Titre du resultat de la recherche */ 
			.search_title a{		
				font-size: 14px;
				color: #CC0000;
				text-decoration: underline;
				font-weight: normal;
				}
				
			#search_engine .highlight {
				font-weight: bold;
				}
				
			#search_engine hr {color:#CCC;background-color:#CCC;height: 1px;border: 0;}
			#search_engine .search_rubrique, #search_engine .search_rubrique a {float:left;color: #999;display:block;padding:2px 0 2px 0;margin:0}	


/* -------------- à voir -------------------*/
			.clear{clear:both;}

			.closed a {
				background-image:  url(/templates/01/css/menplus.gif);
				}
				
			.open a {
				background-image:  url(/templates/01/css/menminus.gif);
				}
	
			.back_buttom {
				}

			.content_bg {
				background-color: #FCFCFC;
				}


	/* AjaxProgressIndicator */
			#AjaxProgressIndicator {
				background-color: #FFF;
				position: absolute;
				right: 2px;
				/*top: document.documentElement.scrollTop + 2 + "px";*/
				width: 98px;
				height: 26px;
				padding: 2px;
				vertical-align: bottom;	
				}

			.error {
				background: #FFFFFF;
				padding: 0.5em 0.5em 0.5em 2.2em;
				width: 50%;
				margin: 2.5em auto;
				text-align: center;
				}

			.contenterror{
				background: #FFF1ED;
				border: 1px solid #900;	
				text-align: center;
				} 
			
			.contenterror li{
				margin: 0 0 0 20px;
				text-align: left;
				}

			.contentsuccess{
				background: #F4FDEF url(/galilee/templates/01/images/success.gif) no-repeat 0.5em 50%;
				padding: 0.5em 0.5em 0.5em 2.2em;
				border: 1px solid #3F9305;
				width: 50%;
				margin: 0.15em auto;
				text-align: center;
				}
				
/*----------- BOITES RSS ----------------------*/	
#fluxrss_1 ul {padding:0;margin:0}
#fluxrss_1 ul li {margin:0;list-style: none;display:block;}
#fluxrss_1 .article a{color:#000;}
#fluxrss_1 .article{padding:0 0 15px 0}
.rss-article {padding:3px 0 3px 0;}
.rss-article a {text-decoration:underline;color:#666;font-weight:bold;}
.rss-article a:hover {color:#000000;}
#fluxrss_2 {}
#fluxrss_2 img {border:0}
#fluxrss_2 hr {display:block;height: 1px;margin: 0; margin: -7px 0;padding: 0;color:#D4D4D4;background-color:#D4D4D4;border: 0;}
.rss-article_2 {padding:0 0 15px 0;}

/*	DEPTH PATH
*/
#depthpath{width:100%;margin:10px 0;}

#depthpath ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
#depthpath ul li {
float:left;
padding: 0 0 2.5ex 2.5ex;
font-size: 0.833em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#depthpath * {
line-height: 1.30;
}
#depthpath ul>li:last-child a { font-weight: bold; }
#depthpath ul li.last-child a { font-weight: bold; }
#depthpath ul>li:not(:last-child) a {
/*Safari is being over zealous so*/
 font-weight: normal;
}
#depthpath ul li .space { font-weight: normal; }
#depthpath a,
#depthpath a:hover { background-color: transparent; }
#depthpath,
#depthpath a { color: #aaa; }
#depthpath a:hover { color: #C00; }


/* ---------------------------- Anciens styles ---------------------------------------------*/


		/* ALIGNEMENT DES RUBRIQUES 
		#menu-haut{
			width:100%;
			height: 25px;
			float:left;
			background-color:#ABABAB; /*gris derrière les menus non sélectionnés
			margin: 0 0 26px 0;
			}*/

		/* GENERAL SUR LA BOITE 
		ul#sousmenu {
			padding:0px;
			margin: 0px;
			list-style-type: none;			
			}*/
			
		/* Elément du menu - texte - Alignement du menu
		ul#sousmenu li {
			float:left;			
			margin-left:6px;
			padding-right:20px;
			margin:0;
			}*/
			
		/* Changement de la puce des rubriques  - Définition du lien 
		ul#sousmenu li a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#FFFFFF; *//* couleur écriture sous-menu 
			font-weight: bold;
			background-repeat: no-repeat;
			background-position: 0px 50%;
			display: block;
			padding: 5px 0 7px 10px;
			}*/
				
		/* Changement de la puce des rubriques: en passant dessus - deuxième image 
		ul#sousmenu li a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#333333;
			font-weight: bold;
			background-repeat: no-repeat;
			background-position: 0px 50%;
			display: block;
			padding-left: 10px;
			}*/
/*------------------ Rubriques masquées --------------------*/

		/* couleur de fond 
		ul#sousmenu li.masque{
			background-color:#207F0A;
			}*/
			
		/* couleur du texte pour le lien 
		ul#sousmenu li.masque a{
			color:#29DB00;
			}*/

/*------------------ Rubriques protégées --------------------*/

		/* couleur de fond 
		ul#sousmenu li.protege{ 
			background-color:#F55F5F;
			}*/
			
		/* couleur du texte pour le lien
		ul#sousmenu li.protege a{ 
			color:#990000;
			} */

/*------------------------------------------------------------*/
		
		/* lorsque le menu est protégé 
		ul#sousmenu li.protected_menu a { 
			color:#FF3300;
			}*/
		
		/* Lorsque le menu est ouvert 	
		ul#sousmenu li.open {
			background-color:#5360B2;
			}*/	
					
		/*couleur du texte du menu ouvert
		ul#sousmenu li.open a {
			color:#FFDF06;	
			}*/