/* cette section est utilisée pour les vignettes sur le site  */


.transparent {
	float: right;
	z-index:5000;
}

.rouge {
	font-weight:bold;
	color:#C00;
	background-color:#CDE4A6;
}
	
#ligne_jaune1000bg {width:1024px; border-bottom:4px solid #ffcc00; margin-bottom:0px; margin-top:0px; background-color:#CDE4A6;}	
#ligne_jaune1000 {width:1024px; border-bottom:4px solid #ffcc00; margin-bottom:0px; margin-top:0px; background-color:#ffffff;}	

/*********************************************************************/
/* TABLEAUX                                                          */
/*********************************************************************/

.design7 {
	width: 1000px;
	padding: 0;
	margin: 0;
	background-color:#ffffff;
	border: thin #000000 solid;
	text-align:center;
}

.design7 caption {
	padding: 5px 5px 5px 0;
	width: 450px;	 
	font: italic 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.design7 th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #144E14;
	text-align: left;
	padding: 6px 6px 6px 3px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000000;
	vertical-align:top;
	border-left:thin solid #000;
}

.design7 th.right {
	color: #144E14;
	text-align: left;
	padding: 6px 6px 6px 3px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000000;
	vertical-align:top;
	border-right:thin solid #000000 ;
}


.design7 td {
/*	border: thin #00CC00 solid;
	padding: 6px 3px 6px 3px;*/
	color: #4f6b72;
	vertical-align:top;
	text-align:center;
	padding:1px;


}


.design7 td.right {
	padding: 6px 3px 6px 3px;
	color: #4f6b72;
	vertical-align:top;
	border-right:thin #000000 groove;
}

.design7 td.bottom {
	padding: 6px 3px 6px 3px;
	color: #4f6b72;
	vertical-align:top;
	border-left:thin #000000 groove;
	border-bottom:thin #000 solid;
}

.design7 td.bottom-right {
	padding: 6px 3px 6px 3px;
	color: #4f6b72;
	vertical-align:top;
	border-right:thin #000000 groove;
	border-bottom:thin #000 solid;
}

.design7 tr.alt {
	color: #000000;
	font-weight:bold;
/*	background-color: #B7E5C2;*/
	background-color: #CDE4A6;
}

.design7 td.centre {
	color: #000000;
	border-bottom:solid thin;
	font-weight:bold;
	background-color: #CDE4A6;
	text-align:center;
}

.design7 tr.althead {
	color: #000000;
	background-color: #C1E8DA;
}

#centre {
	text-align:center;
	background-color: #C1E8DA;
}


/*********************************************************************/
/* BOUTONS                                                           */
/*********************************************************************/


#hapboutons {
/*	width: 125px;*/
    text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	background-color:#CDE4A6;
	} 
#hapboutons ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
} 



#hapboutons li { 
/* border-bottom: 2px solid #330099;*/
 display:inline;
 line-height:25px;
 
} 

/* Change the button background colour below  */

#hapboutons li a {
/*	display: inline;*/
	padding: 3px 3px 3px 0.5em;
/*	border-left: 3px solid #ffcc00;
	border-right: 0px solid #ffcc00;
    border-bottom: 1px solid #ffcc00;*/
    background-color: #03572e;
	color: #ffcc00;
	text-decoration: none;
}

/* Change the button hover colour below  */

#hapboutons li a:hover { 
 background-color: #167d04; 
 color: #ffcc00; 
}


/*********************************************************************/
/* GALERIE                                                           */
/*********************************************************************/

a.galerie{
position: relative;
z-index: 0;
}


a.galerie:hover{
background-color: transparent;
z-index: 50;
	color:#FFFF00;
	background-color:#3333CC

}


a.galerie span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #ffffff;
	padding: 0px 0px 10px 0px;
	left: -100px;
	border: none; /*  1px inset #339;*/
	visibility: hidden;
	color: black;
	text-decoration: none;
}
a.galerie span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

a.galerie:hover span {
	visibility: visible;
	position: absolute;
	z-index:1000;
}


a.image1d span{ 
top: 13px;
left: 0px; 
}

/*****************************************
GALERIE1
******************************************/




a.galerie1{
position: relative;
z-index: 0;
}

/*
a.galerie1:link , a.galerie1:visited {
	text-decoration:none;
	color:#0033FF ;
	background-color:#ffff99 ;
}


a.galerie1:hover {
background-color: transparent;
z-index: 50;
color:#FFFF00;
background-color:#3333CC
}
*/

a.galerie1 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #000;
/*	padding: 1px;*/
/*	left: -100px;*/
/*	border: 1px inset #339;*/
	visibility: hidden;
	color: black;
	text-decoration: none;
}
a.galerie1 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

a.galerie1:hover span {
	visibility: visible;
	position: absolute;
	z-index:1000;
}

/**********************************************
GAUCHE CSS for enlarged image on hover
**********************************************/
a.image1g span{ top: -135px; left:215px; }
a.image2g span{ top: -158px; left:215px; }
a.image3g span{ top: -123px; left:180px; }
a.image4g span{ top: -154px; left:180px; }
a.image5g span{ top: -172px; left:180px; }
a.image6g span{ top: -190px; left:180px; }
a.image7g span{ top: -221px; left:180px; }
a.image8g span{ top: -239px; left:180px; }
a.image9g span{ top: -270px; left:180px; }
a.image10g span{ top: -301px; left:180px; }
a.image11g span{ top: -332px; left:180px; }
a.image12g span{ top: -363px; left:180px; }
a.image13g span{ top: -394px; left:180px; }
a.image14g span{ top: -425px; left:180px; }
a.image15g span{ top: -443px; left:180px; }
a.image16g span{ top: -474px; left:180px; }

a.image20g span{ top: -74px; left:0px; }