/*
Bulle CSS
V2.0
Bertrand CASTELLI
16/07/2007
*/

/*
----------------------------------------
|HG |              H               | HD|
----------------------------------------
|outcontenu                            |
|     ---------------------------------|
|     |contenu                         |
|     ---------------------------------|
|                                      |
|--------------------------------------|
|BG |              B               | BD|
----------------------------------------
*/

/*couleur de fond utilisée ici :#f9fdfe*/

div.bulle {
	position : relative;
	
	padding-top : 10px;
	padding-bottom : 10px;
	
	width : 100%;
}

div.outcontenu {
	background-image : url(../style/G.gif);
	background-repeat : repeat-y;
	background-color : #f9fdfe;
	
	padding-left : 10px;
	
	color : black;
}

/*version sans dégradé*/
div.outcontenu2 {
	background-image : url(../style/G2.gif);
	background-repeat : repeat-y;
	background-color : #f9fdfe;
	
	padding-left : 10px;
	
	color : black;
}

div.contenu {
	background-image : url(../style/D.gif);
	background-color : #f9fdfe;
	background-position : right;
	background-repeat : repeat-y;
	
	padding-right : 15px;
	padding-left : 5px;
	
	color : black;
}

div.spacer {
	height : 5px;
}

div.H {
	background-image : url(../style/H.gif);
	background-repeat : repeat-x;
	
	height : 10px;
	width : 100%;
	
	position : absolute;
	top : 0;
	left : 0;
	
	z-index : 1;
	
	/*workaround IE*/
	line-height : 1px;
	font-size : 1px;
}

div.B {
	background-image : url(../style/B.gif);
	background-repeat : repeat-x;
	
	height : 14px;
	width : 100%;
	
	position : absolute;
	bottom : 0;
	left : 0;
	
	z-index : 1;
	
	/*workaround IE*/
	line-height : 1px;
	font-size : 1px;
}

div.HG {
	background-image : url(../style/HG.gif);
	background-repeat : no-repeat;
	
	height : 10px;
	width : 10px;
	
	position : absolute;
	top : 0;
	left : 0;
	
	z-index : 2;
	
	/*workaround IE*/
	line-height : 1px;
	font-size : 1px;
}

/*version sans dégradé*/
div.HG2 {
	background-image : url(../style/HG2.gif);
	background-repeat : no-repeat;
	
	height : 10px;
	width : 10px;
	
	position : absolute;
	top : 0;
	left : 0;
	
	z-index : 2;
	
	/*workaround IE*/
	line-height : 1px;
	font-size : 1px;
}

div.HD {
	background-image : url(../style/HD.gif);
	background-repeat : no-repeat;
	
	height : 10px;
	width : 10px;
	
	position : absolute;
	top : 0;
	right : 0;
	
	z-index : 2;
	
	/*workaround IE*/
	line-height : 1px;
	font-size : 1px;
}

div.BG {
	background-image : url(../style/BG.gif);
	background-repeat : no-repeat;
	
	height : 14px;
	width : 10px;
	
	position : absolute;
	bottom : 0;
	left : 0;
	
	z-index : 2;
	
	/*workaround IE*/
	line-height : 1px;
	font-size : 1px;
}

/*version sans dégradé*/
div.BG2 {
	background-image : url(../style/BG2.gif);
	background-repeat : no-repeat;
	
	height : 14px;
	width : 10px;
	
	position : absolute;
	bottom : 0;
	left : 0;
	
	z-index : 2;
	
	/*workaround IE*/
	line-height : 1px;
	font-size : 1px;
}

div.BD {
	height : 14px;
	width : 10px;
	
	position : absolute;
	bottom : 0;
	right : 0;
	
	z-index : 2;
	
	background-image : url(../style/BD.gif);
	background-repeat : no-repeat;
	
	/*workaround IE*/
	line-height : 1px;
	font-size : 1px;
}
/*fin bulle*/