body{
	background-color:#4F433C;
	font-size:12px;

}

#erreur_1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
}
a{
	color:#996600;
	font-family:"Comic Sans MS", Verdana;
}
#set_a{
	width:690px;
}
a:hover{
	color:#660000;
}
#chemin{
	font-size:11px;
}
h1{
	color:#663300;
	font-style:normal;
	font-family:"Comic Sans MS", Verdana;
	font-size:30px;
	padding-left:60px;
	padding-top:2px;
	padding-bottom:6px;
	background-image:url(../img/h1_logo.png);
	background-repeat:no-repeat;
	width:390px;
	
}
h2{	

	background:url(http://cesarbrunner.dyndns.org/la-main-verte/img/h6_vu.png);
	background-repeat:no-repeat;
	padding-left:23px;
	padding-top:2px;
	padding-bottom:2px;
	height:18px;
	margin:0px;
	margin-left:5px;
	font-size:13px;
	font-family:"Comic Sans MS", Verdana;
	color:#009900;
	}
h3{	
	background:url(http://cesarbrunner.dyndns.org/la-main-verte/img/no_entry.png);
	background-repeat:no-repeat;
	padding-left:23px;
	padding-top:2px;
	padding-bottom:2px;
	height:18px;
	margin:0px;
	margin-left:5px;
	font-size:13px;
	font-family:"Comic Sans MS", Verdana;
	color:#FF0000;
	}
h4{
	font-size:16px;
	font-family:"Comic Sans MS", cursive;
}
#text_mini{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#site_global{
	width:100%;
	height:100%;
	padding-top:30px;
	padding-bottom:0px;
	
}
#global_bg_site{
	margin-left:auto;
	margin-right:auto;
	border:1px solid #666666;
	background-color:#f5f2e1;
	width:950px;
	min-height:600px;
	background-image:url(../img/ombrepave.jpg);
	background-repeat:repeat-x;
}
#footer{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	height:20px;
	margin-bottom:30px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#col_gauche{
	float:left;
	width:200px;
	height:500px;
}
#logo{
	width:200px;
	height:100px;
	background-image:url(../img/logo_ok.png);
}
#menu{
	width:200px;
	height:450px;
	margin-top:45px;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
#horaire_mag{
	float:right;
	margin:5px;
	font-family:"Comic Sans MS", Verdana;
	color:#660000;
	font-size:11px;
	
}
div#menu ul {
             padding: 0;
             width: 160px;
             border:0px solid;
             margin:0px;
            }

/*On positionne les elements du menu */
div#menu ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
                border-bottom:0px solid #000000; /*ajout d'une bordure de separation d'element:*/
				background-image:url(../img/fleur_normal.png);
				background-repeat:no-repeat;
				margin-bottom:8px;
				padding-top:0px;
				text-align:left;
				padding-left:30px;
               }

div#menu ul ul {
                position: absolute;
                top: 0;
                left: 160px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
				
				
               }  

div#menu li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              }
 /*fond jaune pr les sous-menu*/
div#menu li.sousmenu {
                      background: yellow;
                     } 


/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
                position: absolute;
                top: 0;
                left: 160px;
                display:none
               }

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
												 
                                                 }
		
/* fond blanc pour le menu */
div#menu a {
           }

/* fond different au survol de la souris entre les sous-menu et les "basiques"*/
div#menu li:hover {
                   background-image:url(../img/fleur_hover.png);
                  }

div#menu li.sousmenu:hover {
                            background-image:url(../img/fleur_hover.png);
                           }

/* Rajout d'une petite fleche pour les sous menu (j'ai pioché cette astuce sur le web ;) )*/
div#menu li.sousmenu {
                      background: url(fleche.gif) 95% 50% no-repeat;
                     }

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */
div#menu li a {
               text-decoration: none;
               padding: 4px 0 4px 8px;
               display:block; width:160px
              }

/* la bordure de chaque hauteur a une couleure de survol*/
div#menu li a:hover {
                     
                    }
div#menu ul ul li a:hover {
                          
                          }
div#menu ul ul ul li a:hover {
                           
                             }

#baniere_pub{
	width:750px;
	height:15px;
	float:left;
}

#slide_bar_h{
	float: left;
	height:85px;
	width:500px;
	margin-left:100px;
	/*background-image:url(../img/fetedesmeres.png);*/
}
#slide_bar_h1{
	float: left;
	height:85px;
	width:500px;
	margin-left:100px;
	/*background-image:url(../img/fetedesmeres.png);*/
}
#slide_show{
	width:300px;
	height:500px;
	float:left;
}
#site_bg{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	width:390px;
	margin-left:7px;
	margin-right:3px;
}
#site_bg_1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	width:690px;
	margin-left:7px;
	margin-right:3px;
}
#form_contact{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
}
#textarea_contact{
	width:380px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
}
#galerie{
	float:left;
	width:740px;
	border: 0px solid #000000;
	}
#text_contact{
	width:230px;
	margin-left:auto;
	margin-right:auto;
}
#titre_div{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding-left:45px;
	background-image:url(../img/h1_logo.png);
	background-repeat:no-repeat;
}
#text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#img_div_galerie{
	float:left;
	width:110px;
	height:120px;
	border:0px solid #000000;
	margin:2px;
	margin-left:5px;
	margin-right:3px;
}
#galerie_previsualisation_hauteur{
	margin-top:5px;
	max-width:80px;
	margin-left:13px;
	border:1px solid #000000;
	}
#galerie_previsualisation_largeur{	
	margin-top:22px;
	max-height:80px;
	margin-left:3px;
	border:1px solid #000000;
	}
#img_div_galerie_shop{
	text-align:center;
	float:left;
	width:170px;
	height:200px;
	border:0px solid #000000;
	margin:2px;
	margin-left:5px;
	margin-right:3px;
}
#img_div_galerie_shop_print{
	text-align:center;
	float:left;
	width:170px;
	height:270px;
	border:0px solid #000000;
	margin:2px;
	margin-left:5px;
	margin-right:3px;
}
#hauteur_shop_titre{
	height:28px;
	}
#galerie_previsualisation_hauteur_shop{
	max-width:80px;
	border:1px solid #000000;
	}
#galerie_previsualisation_largeur_shop{
	max-height:100px;
	border:1px solid #000000;
	}
#galerie_previsualisation_hauteur_shop_print{
	max-width:120px;
	border:1px solid #000000;
	}
#galerie_previsualisation_largeur_shop_print{
	max-height:130px;
	border:1px solid #000000;
	}
#select_commande{
	margin-top:3px;}
#recap_commande_left{
	border:0px solid #000000;
	float:left;
	width:340px;
	height:500px;
}
#recap_commande_right{
	border:0px solid #000000;
	float:right;
	width:340px;
	height:500px;
}
#text_vert{
	font-size:12px;
	font-weight:bold;
	font-family:"Comic Sans MS", cursive;
	color:#090;
	
	}
#text_rouge{
	font-size:12px;
	font-weight:bold;
	font-family:"Comic Sans MS", cursive;
	color:#F00;
	}

/*Lightbox effets pour les images*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }