/*

//  Garrigue Gourmande
//  Fichier : 	gg_css.css
//  Vers.:		1.3.0
//  Fonction :	Feuille de style CSS.
//  (c) JCS Systems 2011

*/

.msg {
	font-size: 14px;
	text-align: center;
	color: #111111;
	font-weight:bold;
}

.ptitrel {
	font-size: 14px;
	text-align: center;
	color: #111111;
	background: #EEEEEE;
}

.pl {
	font-size: 12px;
	text-align: left;
	color: #000000;
	background: #CCFF99;
}

.ptitref {
	font-size: 22px;
	text-align: center;
	color: #111111;
	background: #ffffff;
}

.ptitreg {
	font-size: 18px;
	text-align: center;
	color: #111111;
	background: #ffffff;
}

.pelements {
	font-size: 10px;
	color: #222222;
	background: #ffffff;
}

.tablel {
	border: 0px;
}

/*  Table fiche test*/
table#fiche {
	background-color:#FFFFFF;
	border: solid #000 0px;
	width: 100%;
}

table#fiche td {
	padding: 5px;
	border: solid #DDDDDD 0px;
}

.data {
	color: #000000;
	text-align: right;
	background-color: #CCCCCC;
}

.toprow {
	font-style: italic;
	text-align: center;
	background-color: #FFFFCC;
}

.leftcol {
	font-weight: bold;
	text-align: left;
	width: 150px;
	background-color: #CCCCCC;
}
/*  fin Table fiche test */

/* Vignette */
*.vignette span {
	display: none;/* On masque le span par défaut */
}

a.vignette:hover {
	border: 0;/* Pour que ce soit fonctionnel sous IE */
}

a.vignette:hover span{
	display: block;
	position: relative;
	top: -50px;
	left: -50px;
	z-index:2
}

/* Infobulles */
a.info {
	position: relative;
	color: black;
	text-decoration: none;
	border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
	display: none; /* on masque l'infobulle */
}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: 30px; /* on positionne notre infobulle */
	left: 20px;
	background: white;
	color: green;
	padding: 3px;
	border: 1px solid green;
	border-left: 4px solid green;
}

/* Recherche */
.hlight {
	color: #FF0000;
}

/* Tableau liste */
.tlist-hg {
	height:30px;
	position:relative;
	background:#eeeeee url(css/thg.gif) no-repeat left top;
}

.tlist-hd {
	height:30px;
	position:relative;
	background:#eeeeee url(css/thd.gif) no-repeat right top;
}

.tlist-bg {
	height:15px;
	position:relative;
	background:#ccff99 url(css/tbg.gif) no-repeat left bottom;
}

.tlist-bd {
	height:15px;
	position:relative;
	background:#ccff99 url(css/tbd.gif) no-repeat right bottom;
}

.tlist-hg2 {
	height:15px;
	position:relative;
	background:#eeeeee url(css/thg.gif) no-repeat left top;
}

.tlist-hd2 {
	height:15px;
	position:relative;
	background:#eeeeee url(css/thd.gif) no-repeat right top;
}

/* Bouton menu */
.pmenu {
	font-size: 10px;
	text-align: center;
	color: #000000;
	background:#eeeeee;
}

.bm-g {
	height:20px;
	width:10px;
	position:relative;
	background:#ffffff url(css/bg.gif) no-repeat right top;
}

.bm-d {
	height:20px;
	width:10px;
	position:relative;
	background:#ffffff url(css/bd.gif) no-repeat left top;
}

/* Cadre aux bords ronds */
.cadre {
	width:100%;
	height:100%;
	font-size: 10px;
	border:0; border-collapse:collapse;
}

.cadre td {
	padding:0px;
}

.coinhg {
	width : 6px;
	height : 6px;
	background-image: url(images/hg.gif);
	background-repeat: no-repeat;
}

.coinhd {
	width : 6px;
	height : 6px;
	background-image: url(images/hd.gif);
	background-repeat: no-repeat;
}

.coinbg {
	width : 6px;
	height : 6px;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
}

.coinbd {
	width : 6px;
	height : 6px;
	background-image: url(images/bd.gif);
	background-repeat: no-repeat;
}

.bordg {
	width : 6px;
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #CCCCCC;
}

.bordd {
	width : 6px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #CCCCCC;
}

.bordh {
	height : 6px;
	border-top-style: solid;
	border-top-width: 1px;
	border-color: #CCCCCC;
}

.bordb {
	height : 6px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
}

/* Utiliser par javascript pour plier déplier un cadre en DIV */
.contenant {
	display : block;
	border: 0px solid #000000;
}

/* Utiliser par javascript pour faire un popup sur une image */
.pop {
	POSITION: absolute;
	VISIBILITY: hidden;
	z-index: 4;
}