/*******************************************
*CSS accueil album  intégré Jardinamel
********************************************/
* {
outline:none; }

body { /* redéfini les propriétés de toute la page */
	overflow: auto ; 
	margin:0px 0% 20px 140px;
	padding:0; /* marge intérieur à 0 pixels */
	background-color:#e1f0dd;}

.en_tete { /* block fixe en haut de l'écran */
	position: fixed ; /* position du menu = par rapport à la boite parent (ici le body) */
	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: 99.8% ;} /* largeur du menu = 110% de l'écran (pour bug de IE) */

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("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("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("images/banniere2.gif");
	background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur, ce n'est pas la peine*/
	margin-bottom: 20px;
	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-left:20px;}

#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(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(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;}

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

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

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

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

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

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

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

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

.infotable table {
	border-collapse: separate; }

.infotable table td {
	border: 0px; }

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

p {
	text-indent:30px;}

a {
	color:#5d80b4;
	font-weight: bold;
	text-decoration:none;}

a:hover {
	color:red;
	text-decoration:none;}

a img {
	border: 0;}