* {
outline:none; }

body {
	overflow: auto ; 
	margin:0px 0% 35px 140px;
	padding: 0px;
	background-color:#ddba8a;
}

a img {
	border: 0;
}


a:link {
	text-decoration: none;
 	color: #610505;
}

a:visited {
	text-decoration: none;
	color: #610505;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
}

.en_tete { /* block fixe en haut de l'écran */
	position: fixed ; /* position du menu = par rapport à la boite parent (ici le body) */
	height:88px;
	top: 0 ; /* Le haut du menu est à 0 pixels du haut de l'écran */ 
	left: 0 ; /* La gauche du menu est à 0 pixels du bas de l'écran */ 
	width: 100% ; /* largeur du menu = 110% de l'écran (pour bug de IE) */
	z-index:20;}

div#banniere1 {
	position:absolute; /* La première partie sera à gauche*/
	left:0px;
	width:593px; /* On définit la largeur de l'image */
	height: 80px; /* On définit la hauteur de l'image */
	background-image: url("http://www.jardinamel.fr/images/banniere1.gif");
	background-repeat: no-repeat;
	margin-right: -5px;	/*Pour que la partie 1 se colle à la 2.*/
	border-top: 4px solid #008000;
	border-bottom: 4px solid #008000;
	border-left: 4px solid #008000;}

div#banniere3 {
	position:absolute; /* La dernière partie est à droite */
	right:0px;
	width:134px;
	height: 80px;
	background-image: url("http://www.jardinamel.fr/images/banniere3.gif");
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
	border-top: 4px solid #008000;
	border-bottom: 4px solid #008000;
	border-right: 4px solid #008000;}

div#banniere2 {
	width:auto; /* Se répétera sur la place qu'on lui donne. */
	height: 80px;
	background-image: url("http://www.jardinamel.fr/images/banniere2.gif");
	background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur, ce n'est pas la peine*/
	border-top: 4px solid #008000;
	border-bottom: 4px solid #008000;}

#banniere {
	padding-top:20px;
	margin-left:640px;
	font-family: Verdana,Helvetica,Arial,serif;
	font-size:1em;
	font-weight: bold;
	color: #008000;}

.content { /* boite prenant toute la page sauf le menu rouge */
	height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
	margin:auto;}

#menu { /* block fixe à gauche de l'écran */
	position: fixed; /* idem menu1 */
	top: 88px; /* Le haut du menu est à 88 pixels du haut de l'écran (pour ne pas recouvrir la zone du haut) */ 
	left: 0; /* idem menu1 */
	width: 140px; /* largeur du menu */
	height: 100%; /* hauteur du menu (toute la page) */
	background-color:#bdf7b3; /* idem menu1 */} /* bordure droite de la zone fixe */

#menu ul {
	position:absolute;
	list-style-type:none;
	margin-top:5px;
	padding:0;}

#menu ul a {
	display: block;
	width: 126px;
	line-height: 30px ;
	height: 30px;
	font-family: Verdana,Helvetica,Arial,serif;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: #008000;
	text-decoration: none;
	margin-top: 6px;
	margin-left: 7px;
	background: url(http://www.jardinamel.fr/images/menu.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */}

#menu ul li a:hover {
	background: url(http://www.jardinamel.fr/images/menu.png) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #ffcd1c;}

.rose {
	text-align:center;
	padding-top:350px;}

.pied_de_page { /* block fixe en bas de l'écran */
	position: fixed ; /* position du pied de page = par rapport à la boite parent (ici le body) */
	bottom:0 ; /* Le bas du pied de page est à 0 pixels du bas de l'écran */ 
	left: 0 ; /* La gauche du pied de page est à 0 pixels du bas de l'écran */ 
	width: 99.8% ; /* largeur du pied de page = 99.5% de l'écran */
	height: 2.4em ; /* hauteur du pied de page */
	color:#008000;
	background-color:#bdf7b3;
	border: 2px solid #008000;
	padding-bottom:0px;
	text-align:center;
	font-size: 80%;
	z-index:20;}

#copyright {
	margin-top:8px;
	text-align:center;}

#logo_html {
	float:left;
	margin-top:0px;
	margin-left:140px;
	padding:0;}

#logo_css {
	float:right;
	margin-top:0px;
	margin-right:130px;
	padding:0;}

.boite {
	width:100% ;
	height:100%;
	padding-top:88px;
	font-size:100%;}/* boite servant à faire défiler l'écran, en débordant de la page */

.chameleon {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #644e33;
	margin: 0px;
	padding: 0px;
	background: #ddba8a url(bg.gif) repeat-x;
}

.current {
	font-weight: bold;
 	color: #000000;
	background-color: #e0a759;
}

.cthumb {
	background-color: #f3e4cf;
	border: 0px;
}

.thumb {
	background-color: #e7d0b0;
	border: 0px;
}

.image { border: 1px solid #00cc00;}
a:link .image {  border-color: #00cc00;}
a:visited .image {  border-color: #00cc00;}
a:hover .image { border-color: #cccccc;}

.mthumb { border: 1px solid #00cc00;}
a:link .mthumb {  border-color: #00cc00;}
a:visited .mthumb {  border-color: #00cc00;}
a:hover .mthumb { border-color: #cccccc;}

.slideImage { border-width: 8px; border: 8px solid; border-color: #cc3300;}
a:link .slideImage { border-color: #cc3300;}
a:visited .slideImage { border-color: #cc3300;}

.title {
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}

.title a:link {
	text-decoration: none;
	color: #000000;
}

.title a:visited {
	text-decoration: none;
	color: #000000;
}

.title a:hover {
	text-decoration: none;
	color: #ffffff;
}

.infotable {
	border: 1px dotted #610505;
	border-collapse: collapse;
}

.infotable td {
	border: 1px dotted #610505;
}

.infotable table {
	border-collapse: separate;
}

.infotable table td {
	border: 0px;
}

.dirname {
	font-size: 100%;
	font-weight: bold;
	color: #000000;
}

.comment {
	color: #000000;
	font-weight: bold;
	font-size: 100%;
}

.smalltxt {
	color: #644e33;
	font-size: 90%;
}

.xsmalltxt {
	color: #644e33;
	font-size: 80%;
}

.newlabel {
	font-size: 70%;
	font-weight: bold;
	color: #ffffff;
	background-color: #CC2200;
}