/* Created using Style Master from Western Civilisation CSS1 { 49 95 451 409 } */
/* dated 2020-04-06 by JPS */
/* Status of this document This document has been reviewed by W3C Members and other interested parties and has been endorsed by the Director as a W3C Recommendation. It is a stable document and may be used as reference material or cited as a normative reference from another document. W3C's role in making the Recommendation is to draw attention to the specification and to promote its widespread deployment. This enhances the functionality and interoperability of the Web. */
/* Copyright � World Wide Web Consortium, (Massachusetts Institute of Technology, Institut National de Recherche en Informatique et en Automatique, Keio University). All Rights Reserved. */
/* http://www.w3.org/TR/1998/REC-CSS2-19980512 */
/* This style sheet describes the typical formatting of all HTML 4.0 ([HTML40]) elements based on extensive research into current UA practice. Developers are encouraged to use it as a default style sheet in their implementations. */
/* Import fa fa files (CSS School) */

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css) screen, print;

/* Nouveau format pour le box-model */
 * { box-sizing: border-box; }    

/* Styles communs */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE, .adresse { display: block; }
LI { display: list-item; }
HEAD { display: none; }
TABLE { display: table; }
TR { display: table-row; }
THEAD { display: table-header-group; }
TBODY { display: table-row-group; }
TFOOT { display: table-footer-group; }
COL { display: table-column; }
COLGROUP { display: table-column-group; }
TD, TH { display: table-cell; }
CAPTION { display: table-caption; }
*:lang(fr) { }

/* body, .compte-rendu, .marges, .contenu, .abeilles, .parcours, .album {border: 0.1em solid black;} */
/* Fin Styles communs */
/* Styles generiques */
/* Screen */

@media screen
{
	BODY
	{
		line-height: 1.3;
		padding: 0.5em;
		background-color: #ffffcc;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 16px;
		color: #003300;
		background-image: none;
	}
	
	H1
	{
		font-size: 2em;
		margin-bottom: .67em;
		margin-left: 0;
		margin-right: 0;
		margin-top: .67em;
	}
	
	H2
	{
		font-size: 1.5em;
		margin-bottom: .83em;
		margin-left: 0;
		margin-right: 0;
		margin-top: .83em;
	}
	
	H3
	{
		font-size: 1.17em;
		margin-bottom: 1em;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1em;
	}
	
	H4, P, BLOCKQUOTE, UL, FIELDSET, FORM, OL, DL, DIR, MENU
	{
		margin-bottom: 1.33em;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1.33em;
	}
	
	H5
	{
		font-size: .83em;
		line-height: 1.17em;
		margin-bottom: 1.67em;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1.67em;
	}
	
	H6
	{
		font-size: .67em;
		margin-bottom: 2.33em;
		margin-left: 0;
		margin-right: 0;
		margin-top: 2.33em;
	}
	
	H1, H2, H3, H4, H5, H6, B, STRONG 
	{ 
	font-weight: bolder; 
	}
	
	BLOCKQUOTE, .adresse
	{
		margin-left: 3em;
		margin-right: 3em;
	}
	
	I, CITE, EM, VAR, ADDRESS, .adresse
	{ 
	font-style: italic; 
	}
	
	PRE, TT, CODE, KBD, SAMP 
	{ 
	font-family: monospace; 
	}
	
	PRE 
	{ 
	whitespace: pre; 
	}
	
	BIG 
	{ 
	font-size: 1.17em; 
	}
	
	SMALL, SUB, SUP 
	{
	font-size: .83em; 
	}
	
	SUB 
	{ 
	vertical-align: sub; 
	}
	
	SUP 
	{ 
	vertical-align: super; 
	}
	
	S, STRIKE, DEL 
	{ 
	text-decoration: line-through; 
	}
	
	HR 
	{ 
	border: 1px inset; 
	}
	
	OL, UL, DIR, MENU, DD 
	{ 
	margin-left: 40px; 
	}
	
	OL 
	{ 
	list-style-type: decimal; }
	
	OL UL, UL OL, UL UL, OL OL
	{
		margin-bottom: 0;
		margin-top: 0;
	}
	
	U, INS 
	{ 
	text-decoration: underline; 
	}
	
	BR:before 
	{ 
	content: "\A"; 
	}
	
	
	/* An example of style for HTML 4.0's ABBR/ACRONYM elements */
	ABBR, ACRONYM
	{
		font-variant: small-caps;
		letter-spacing: 0.1em;
	}
	
	A[href] 
	{ 
	text-decoration: underline; 
	}
	
	:focus 
	{ 
	outline: thin; 
	}
	
	
	/* Begin bidirectionality settings (do not change) */
	BDO[DIR="ltr"]
	{
		direction: ltr;
		unicode-bidi: bidi-override;
	}
	
	BDO[DIR="rtl"]
	{
		direction: rtl;
		unicode-bidi: bidi-override;
	}
	
	*[DIR="ltr"]
	{
		direction: ltr;
		unicode-bidi: embed;
	}
	
	*[DIR="rtl"]
	{
		direction: rtl;
		unicode-bidi: embed;
	}
	
	/* Elements that are block-level in HTML4 */
	ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, COL, COLGROUP, TD, TH, CAPTION, .adresse 
	{ 
	unicode-bidi: embed; 
	}
	
	
	/* End bidi settings */
}

/* Fin Screen */
/* Print */

@media print
{
	@page auto 
	{
	size: auto; margin: 0cm;
	}
	
	@page portrait 
	{
	size: portrait; margin: 0cm;
	}
	
	@page landscape 
	{
	size: landscape; margin: 0cm;
	}
	
	
	BODY
	{
		line-height: 1.3;
		padding: 0.3em;
		page: portrait;
		background-color: #fff;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color: #000000;
		font-size: 9pt;
		margin: 1.4em;
		background-image: none;
	}
	
	H1
	{
		font-size: 2em;
		margin-bottom: .67em;
		margin-left: 0;
		margin-right: 0;
		margin-top: .67em;
	}
	
	H2
	{
		font-size: 1.5em;
		margin-bottom: .83em;
		margin-left: 0;
		margin-right: 0;
		margin-top: .83em;
	}
	
	H3
	{
		font-size: 1.17em;
		margin-bottom: 1em;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1em;
	}
	
	H4, P, BLOCKQUOTE, UL, FIELDSET, FORM, OL, DL, DIR, MENU
	{
		margin-bottom: 1.33em;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1.33em;
	}
	
	H5
	{
		font-size: .83em;
		line-height: 1.17em;
		margin-bottom: 1.67em;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1.67em;
	}
	
	H6
	{
		font-size: .67em;
		margin-bottom: 2.33em;
		margin-left: 0;
		margin-right: 0;
		margin-top: 2.33em;
	}
	
	H1, H2, H3, H4, H5, H6, B, STRONG 
	{ 
	font-weight: bolder; 
	}
	
	BLOCKQUOTE, .adresse
	{
		margin-left: 3em;
		margin-right: 3em;
	}
	
	I, CITE, EM, VAR, ADDRESS, .adresse 
	{ 
	font-style: italic; 
	}
	
	PRE, TT, CODE, KBD, SAMP 
	{ 
	font-family: monospace; 
	}
	
	PRE 
	{ 
	whitespace: pre; 
	}
	
	BIG 
	{ 
	font-size: 1.17em; 
	}
	
	SMALL, SUB, SUP 
	{ 
	font-size: .83em; 
	}
	
	SUB 
	{ 
	vertical-align: sub; 
	}
	
	SUP 
	{ 
	vertical-align: super; 
	}
	
	S, STRIKE, DEL 
	{ 
	text-decoration: line-through; 
	}
	
	HR 
	{ 
	border: 1px inset; 
	}
	
	OL, UL, DIR, MENU, DD 
	{ 
	margin-left: 40px; 
	}
	
	OL 
	{ 
	list-style-type: decimal; 
	}
	
	
	OL UL, UL OL, UL UL, OL OL
	{
		margin-bottom: 0;
		margin-top: 0;
	}
	
	U, INS 
	{ 
	text-decoration: underline; 
	}
	
	BR:before 
	{ 
	content: "\A"; 
	}
	
	
	/* An example of style for HTML 4.0's ABBR/ACRONYM elements */
	ABBR, ACRONYM
	{
		font-variant: small-caps;
		letter-spacing: 0.1em;
	}
	
	A[href]
	{
		text-decoration: inherit;
		color: inherit;
	}
	
	:focus 
	{ 
	outline: thin; 
	}
	
	
	/* Begin bidirectionality settings (do not change) */
	BDO[DIR="ltr"]
	{
		direction: ltr;
		unicode-bidi: bidi-override;
	}
	
	BDO[DIR="rtl"]
	{
		direction: rtl;
		unicode-bidi: bidi-override;
	}
	
	*[DIR="ltr"]
	{
		direction: ltr;
		unicode-bidi: embed;
	}
	
	*[DIR="rtl"]
	{
		direction: rtl;
		unicode-bidi: embed;
	}
	
	/* Elements that are block-level in HTML4 */
	ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, COL, COLGROUP, TD, TH, CAPTION, .adresse 
	{ 
	unicode-bidi: embed; 
	}
	
	
	/* End bidi settings */
}

/* Fin Print */
/* Fin Styles generiques */
/* Speech */

@media speech
{
	H1, H2, H3, H4, H5, H6
	{
		richness: 90;
		stress: 20;
		voice-family: paul, male;
	}
	
	H1
	{
		pitch-range: 90;
		pitch: x-low;
	}
	
	H2
	{
		pitch-range: 80;
		pitch: x-low;
	}
	
	H3
	{
		pitch-range: 70;
		pitch: low;
	}
	
	H4
	{
		pitch-range: 60;
		pitch: medium;
	}
	
	H5
	{
		pitch-range: 50;
		pitch: medium;
	}
	
	H6
	{
		pitch-range: 40;
		pitch: medium;
	}
	
	LI, DT, DD
	{
		pitch: medium;
		richness: 60;
	}
	
	DT 
	{ 
	stress: 80; 
	}
	
	
	PRE, CODE, TT
	{
		pitch-range: 0;
		pitch: medium;
		richness: 80;
		stress: 0;
	}
	
	EM
	{
		pitch-range: 60;
		pitch: medium;
		richness: 50;
		stress: 60;
	}
	
	STRONG
	{
		pitch-range: 60;
		pitch: medium;
		richness: 90;
		stress: 90;
	}
	
	DFN
	{
		pitch-range: 60;
		pitch: high;
		stress: 60;
	}
	
	S, STRIKE 
	{ 
	richness: 0; 
	}
	
	
	I
	{
		pitch-range: 60;
		pitch: medium;
		richness: 50;
		stress: 60;
	}
	
	B
	{
		pitch-range: 60;
		pitch: medium;
		richness: 90;
		stress: 90;
	}
	
	U 
	{ 
	richness: 0; 
	}
	
	A:link 
	{ 
	voice-family: harry, male; 
	}
	
	A:visited 
	{ 
	voice-family: betty, female; 
	}
	
	A:active
	{
		pitch-range: 80;
		pitch: x-high;
		voice-family: betty, female;
	}
}

/* Fin Speech */
/* Created using Style Master from Western Civilisation CSS2 { 49 96 451 409 } */
/* Styles specifiques */
/* Styles communs Abeille*/
/* Conteneurs Abeille pour photos */
.boiboite_reglable
{
	
	margin: 0 0 1% 0;
	border: 0;
	padding: 0;
	clear: both;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 1.4;
	color: #003300;
}

.boiboite
{
	width: 100%;
	margin: 0 0 1% 0;
	border: 0;
	padding: 0;
	clear: both;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 1.4;
	color: #003300;
}

.boitegauche
{
	width: 49.9%;
	float: left;
	margin: 0 0.2% 0 0;
	border: 0;
	padding: 0;
}

.boitedroite
{
	width: 49.9%;
	float: right;
	margin: 0;
	border: 0;
	padding: 0;
}

.boiboitehaut
{
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	clear: both;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 1.4;
	color: #003300;
}

.boitegauchehaut
{
	width: 49.9%;
	float: left;
	margin: 0 0 0.3% 0;
	border: 0;
	padding: 0;
}

.boitedroitehaut
{
	width: 49.9%;
	float: right;
	margin: 0 0 0.3% 0;
	border: 0;
	padding: 0;
}

.boite33gauche
{
	width: 33.2%;
	float: left;
	margin: 0 0.2% 0 0;
	border: 0;
	padding: 0;
}

.boite33droite
{
	width: 33.2%;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

.boite33gauchehaut
{
	width: 33.2%;
	float: left;
	margin: 0 0.2% 0.3% 0;
	border: 0;
	padding: 0;
}

.boite33droitehaut
{
	width: 33.2%;
	float: left;
	margin: 0 0 0.3% 0;
	border: 0;
	padding: 0;
}

.boite25gauche
{
	width: 24.8%;
	float: left;
	margin: 0 0.2% 0 0;
	border: 0;
	padding: 0;
}

.boite25droite
{
	width: 24.8%;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

.boite20gauche
{
	width: 19.8%;
	float: left;
	margin: 0 0.2% 0 0;
	border: 0;
	padding: 0;
}

.boite20droite
{
	width: 19.8%;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

.boite17gauche
{
	width: 16.47%;
	float: left;
	margin: 0 0.2% 0 0;
	border: 0;
	padding: 0;
}

.boite17droite
{
	width: 16.47%;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

.boiteneufgauche
{
	width: 10.9%;
	float: left;
	margin: 0 0.2% 0 0;
	border: 0;
	padding: 0;
}

.boiteneufdroite
{
	width: 10.9%;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

.boite10gauche
{
	width: 9.8%;
	float: left;
	margin: 0 0.2% 0 0;
	border: 0;
	padding: 0;
}

.boite10droite
{
	width: 9.8%;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

.floatleft
{
	float: left;
	margin: 0 1% 1% 0;
	border: 0;
	padding: 0;
	clear: left;
}

.floatright
{
	float: right;
	margin: 0 0 1% 1%;
	border: 0;
	padding: 0;
}

.floatcenter
{
	margin: 0 0 1% 0;
	border: 0;
	padding: 0;
	clear: both;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 1.4;
	color: #003300;
}

.floatlefthaut
{
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	clear: left;
}

.floatrighthaut
{
	float: right;
	margin: 0;
	border: 0;
	padding: 0;
}

.floatcenterhaut
{
	margin: 0;
	border: 0;
	padding: 0;
	clear: both;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 1.4;
	color: #003300;
}

.floatleft_bulle
{
	float: left;
	width: auto;
	margin: 0.8em 2% 0 1%;
	height: auto;
	text-align: center;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
	/* On dimensionne la largeur en donnant juste � la bulle la largeur qu'on veut donner � la photo contenue */
	/* On donne � la photo contenue la largeur locale de 100% */
	/* En cas de chapelet de bulles, on dimensionne la largeur totale du chapelet par valeur cible (outil excel de chapelets) */
	/* Ceci donne la largeur de chacune des bulles du chapelet, qu'on assigne alors � leur bulle respective */
	/* Enveloppe une image (� flotter aussi) et un texte. C'est la bulle (qui la connait) qui donne la largeur */
	/* Pour flotter un chapelet de bulles � gauche, la 1� sera la derni�re */
}

.floatright_bulle
{
	float: right;
	width: auto;
	margin: 0.8em 0 1% 1%;
	height: auto;
	text-align: center;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
	/* On dimensionne la largeur en donnant juste � la bulle la largeur qu'on veut donner � la photo contenue */
	/* On donne � la photo contenue la largeur locale de 100% */
	/* En cas de chapelet de bulles, on dimensionne la largeur totale du chapelet par valeur cible (outil excel de chapelets) */
	/* Ceci donne la largeur de chacune des bulles du chapelet, qu'on assigne alors � leur bulle respective */
	/* Enveloppe une image (� flotter aussi) et un texte. C'est la bulle (qui la connait) qui donne la largeur */
	/* Pour flotter un chapelet de bulles � droite, la 1� sera la derni�re */
}

.floatleft_71p
{
	float: left;
	width: 71.8%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 2% 1% 0;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatright_71p
{
	float: right;
	width: 71.8%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 1% 2%;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatleft_61p
{
	float: left;
	width: 61.8%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 2% 1% 0;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatright_61p
{
	float: right;
	width: 61.8%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 1% 2%;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatleft_50p
{
	float: left;
	width: 50%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 2% 1% 0;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatleft_48p
{
	float: left;
	width: 48%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 2% 1% 0;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatright_50p
{
	float: right;
	width: 50%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 1% 2%;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatright_48p
{
	float: right;
	width: 48%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 1% 2%;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatleft_35p
{
	float: left;
	width: 36%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 2% 1% 0;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatright_35p
{
	float: right;
	width: 36%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 1% 2%;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatleft_25p
{
	float: left;
	width: 26%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 2% 1% 0;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatright_25p
{
	float: right;
	width: 26%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 1% 2%;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatleft_15p
{
	float: left;
	width: 16%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 2% 1% 0;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatright_15p
{
	float: right;
	width: 16%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 1% 2%;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatleft_10p
{
	float: left;
	width: 11%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 2% 1% 0;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.floatright_10p
{
	float: right;
	width: 11%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 1% 2%;
	border: 0;
	padding: 0;
	line-height: 1.4;
	color: #003300;
}

.blog1photo 
{ 
width: 80%; 
}

.blog2photos 
{ 
width: 61.8%; 
}

img#carte 
{ 
margin: 1% 0 1% 1%; 
}


/* Fin conteneurs Abeille pour photos */
/* Pullquote et autres*/
.pullquote_25p
{
	float: right;
	width: 25%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: justify;
	border: #33cc33 solid;
	border-width: 0.4em 0;
	padding: 3px 2px;
	margin: 0 0 0 1em;
	color: #003300;
	background-color: #ffffcc;
}

.pullquote_35p
{
	float: right;
	width: 35%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: justify;
	border: #33cc33 solid;
	border-width: 0.4em 0;
	padding: 3px 2px;
	margin: 0 0 0 1em;
	color: #003300;
	background-color: #ffffcc;
}

.pullquote_48p
{
	float: right;
	width: 48%;
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: justify;
	border: #33cc33 solid;
	border-width: 0.4em 0;
	padding: 3px 2px;
	margin: 0 0 0 1em;
	color: #003300;
	background-color: #ffffcc;
}

/* Fin Pullquote et autres  */
/* Preloader (screen et print)  */

@media screen
{
	div#preloader
	{
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	
	div#preloader img
	{
		display: block ;
	}
}

@media print
{
	div#preloader, div#preloader img
	{
		visibility: hidden;
		display: none;
	}
}

/*  Fin Preloader (screen et print)   */
.droit, .adresse
{
	text-indent: 0px;
	text-align: justify;
}

.gauche 
{
 text-align: left; 
 }
 
.centre 
{ 
text-align: center; 
}

.adroite 
{ 
text-align: right; 
}

.gras 
{ 
font-weight: 700; 
}

.italique 
{ 
font-style: italic; 
}

.souligne 
{ 
text-decoration: underline; 
}

.plusundemi 
{ 
font-size: 110%; 
}

.plusun 
{ 
font-size: 125%; 
}

.plusunetdemi 
{ 
font-size: 135%; 
}

.plusdeux 
{ 
font-size: 160%; 
}

.plustrois 
{ 
font-size: 200%; 
}

.moinsundemi 
{ 
font-size: 91%; 
}

.moinsun 
{ 
font-size: 80%; 
}

.moinsunetdemi 
{ 
font-size: 74%; 
}

.moinsdeux 
{ 
font-size: 62%; 
}

.evapore 
{ 
display: none; 
}

.transparent 
{ 
visibility: hidden; 
}

p.citation
{
	text-indent: 0;
	font-style: italic;
	font-size: small;
}

p.redacteur
{
	text-indent: 0;
	font-stretch: semi-expanded;
	font-style: italic;
	color: #336600;
}

p.adresse 
{ 
margin-left: 6em; 
}

/* Fin styles communs Abeille*/
/* Screen */

@media screen
{
	p { }
	.droit { }
	.centre { }
	.adroite { }
	td { }
	li { }
	h1 { }
	h2 { }
	h3 { }
	h3.url, td.url 
	{ 
	font-family: monaco, courier, "courier new", monospace; 
	}
	
	h4 { }
	h5 { }
	h6 { }
	
	td.titre
	{
		font-size: 150%;
		text-align: center;
	}
	
	.bouton { }
	
	.fauxbouton, .cacheplaquettes
	{
		text-align: center;
		background-color: #9F9;
		color: #060;
		border: medium #9F9 outset;
		border-radius: 0.5em;
:*  Ajout� le 12/4/25 des coins arrondis  */                		
	}
	
	.minibouton, .minititre 
	{ 
	font-size: 80%; 
	}
	
	.inactif
	{
		font-weight: bolder;
		text-align: center;
		background-color: #3C3;
		color: #060;
		border: medium #3C3 inset;
	}
	
	.miniinactif
	{
		font-weight: bolder;
		text-align: center;
		background-color: #33CC33;
		color: #006600;
		font-size: 80%;
		border: medium #3c3 inset;
	}
	
	.fauxmini
	{
		text-align: center;
		background-color: #9F9;
		color: #060;
		font-size: 80%;
		border: medium #9F9 outset;
	}
	
	td.bas
	{
		font-size: 80%;
		text-align: center;
	}
	
	td.garantie
	{
		font-family: "times new roman", times, serif;
		font-size: 66%;
	}
	
	td.url { font-size: 66%; }
	
	td.maxime
	{
		text-align: center;
		font-weight: bolder;
	}
	
	td.maj
	{
		font-family: "times new roman", times, serif;
		font-size: 80%;
		text-align: right;
	}
	
	td.gauche { text-align: left; }
	td.droite { text-align: right; }
	td.adroite { text-align: right; }
	
	/* Boutons de navigation Abeille */
	
	/*  Pour le hack openrunner  */
	table.hackCentre  
	{	
	margin-left: auto; margin-right: auto;
	}
	
 /*   .bouton, button.bouton  
  {
  background-color: #9f9; 
  width: 100%; height: auto; 
  font-weight: bolder;
  border-color: #9f9;
  }  
  �limine le 7/4/25 pour suppriemr width=100%  */
  
/*  .bouton:hover, button.bouton:hover  {
background-color: #3c3;
color:  #ffc ;
border: #3c3 outset;
}

.bouton:active, button.bouton:active  {
background-color: #3c3;
color:  #ff6 ;
border: #3c3 inset;
}
�limin� le 8/4/25 pour rem�dier au bavage sur hover  */

	/* On experimente les nouveaux boutons (qui n'ont que l'�quivalent de .bouton) sur .bouton et .inactif  */
	 a:link, a:visited {
	  text-decoration: none; 
	  } 
	 a:active, a:hover {
	  text-decoration: underline; 
	  } 
	 .bouton a, .minibouton a, .inactif a, .miniinactif a { 
	 text-align: center; 
	 font-weight: bolder; 
	 color: #060; 
	 display: block; 
	 margin: 0; border: medium #9F9; 
	 } 
	 .minititre a {  
	 text-align: center; font-weight: bolder; 
	 color: #ffc; display: block; margin: 0; border: medium #9F9; 
	 } 
	 .bouton a, .minibouton a {
	  background-color: #9F9; 
	  } 
	 .minititre a {
	  background-color: #630000; �
	 } 
	 .inactif a, .miniinactif a {
	  background-color: #3c3; 
	  }
	  .bouton a:link, .bouton a:visited, .bouton a:hover, .cacheplaquettes:hover { border: outset; } 
	  .bouton a:hover, .bouton a:active, .cacheplaquettes:hover, .cacheplaquettes:active {
	   text-decoration: inherit; background-color: #3c3; 
	   } 
	   .bouton a:hover, .cacheplaquettes:hover {
	   color: #ffc; 
	   } 
	   .bouton a:active, .cacheplaquettes:active {
	   color: #ff6; border: inset; 
	   } 
	   .minibouton a:link, .minibouton a:visited, .minibouton a:hover, .minititre a:link, .minititre a:visited, .minititre a:hover { 
	   border: outset; 
	   } 
	   .minibouton a:hover, .minibouton a:active, .minititre a:hover, .minititre a:active {
	    text-decoration: inherit; background-color: #3c3; 
	    } 
	    .minibouton a:hover, .minititre a:hover {
	     color: #ffc; 
	     }
	      .minibouton a:active, .minititre a:active {
	      color: #ff6; border: inset; 
	      }
	       .inactif a:link { } 
	       .inactif a:visited { } 
	       .inactif a:hover {
	        text-decoration: inherit; background-color: #3c3; color: #ffc;
	         }
	        .inactif a:active {
	         text-decoration: inherit; background-color: #3c3; color: #ff6; 
	         } 
	         .miniinactif a:link { }
	          .miniinactif a:visited { }
	           .miniinactif a:hover {
	            text-decoration: inherit; background-color: #3c3; color: #ffc; 
	            }
	            .miniinactif a:active { 
	            text-decoration: inherit; background-color: #3c3; color: #ff6; 
	            } 
	/* Fin Boutons de navigation Abeille */
	/* Boutons de tourne-pages haut et bas Abeille */
	/* .navbarh td.bas a, .navbarh1 td.bas a, .navbarb1 td.bas a, .superbouton a { background-color: ; color: #060; border: ; border-color: ; text-decoration: none; padding: 3px 8px; margin 7px 3px; font-size: 100%; font-weight: bolder; text-align: center; display: inline-block; cursor: pointer; box-sizing: border-box; } .navbarh td.bas a:link, .navbarh1 td.bas a:link, .navbarb1 td.bas a:link, .superbouton a { border-color: ; } .navbarh td.bas a:link, .navbarh td.bas a:visited, .navbarh td.bas a:hover, .navbarh td.bas a:active, .navbarh td.bas a:focus, .navbarh1 td.bas a:link, .navbarh1 td.bas a:visited, .navbarh1 td.bas a:hover, .navbarh1 td.bas a:active, .navbarh1 td.bas a:focus, .superbouton a:link, .superbouton a:visited, .superbouton a:hover, .superbouton a:active, .superbouton a:focus, .navbarb1 td.bas a:link, .navbarb1 td.bas a:visited, .navbarb1 td.bas a:hover, .navbarb1 td.bas a:active, .navbarb1 td.bas a:focus { border-width: medium; border-radius: 0.6em; margin-top: 2px; margin-bottom: 2px; } .navbarh td.bas a:link, .navbarh1 td.bas a:link, .superbouton a:link, .navbarb1 td.bas a:link { border-style: outset; border-color: #9f9; color: inherit; background-color: #9f9; } .navbarh td.bas a:visited, .navbarh1 td.bas a:visited, .superbouton a:visited, .navbarb1 td.bas a:visited { border-style: outset; border-color: #9f9; color: inherit; background-color: #9f9; } .navbarh td.bas a:hover, .navbarh1 td.bas a:hover, .superbouton a:hover, .navbarb1 td.bas a:hover { border-style: outset; border-color: #9f9; color: #ffc; background-color: #3c3; font-weight: bolder; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19); webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .navbarh td.bas a:active, .navbarh1 td.bas a:active, .superboutons a:active, .navbarb1 td.bas a:active { border-style: inset; border-color: #9f9; color: #ff6; background-color: #3c3; } .navbarh td.bas a:focus, .navbarh1 td.bas a:focus, .superbouton a:focus, .navbarb1 td.bas a:focus { background-color: #66e666; } */
	/* Fin Boutons de tourne-pages Abeille 
	�limin� le 7/4/25 car doublon  */
	/* Fauxbouton (ni lien ni texte � l'int�rieur") */
	/* vraifauxbouton: un faux bouton qui rougit comme un vrai bouton */
	/* En page d'accueil uniquement) */
	. .cacheplaquettes
	/*  effac� ;fauxbouton pour le ramener � la raison 11/4/25  */
	{
		text-decoration: none;
		text-align: center;
		font-size: 100%;
		font-weight: bolder;
		margin: 2px 2px;
		padding: 2px 8px;
		border-width: medium;
		border-radius: 0.5em;
		display: table-cell;
		/* et pas inline-block */
		
		box-sizing: border-box;
	}
	
	..cacheplaquettes, td block button.bouton
	/*  effac� .fauxbouton pour le ramener � la raison 11/4/25  */
	{
		border-color: #9f9;
		border-style: outset;
		background-color: #9f9;
		color: #060;
		text-align: center;
		font-size: 100%;
		font-weight: bolder;
		margin: 2px 2px;
		padding: 2px 8px;
		border-width: medium;
		border-radius: 0.5em;
		border-style: inset;
		border-color: #9f9;
		/* Toujours vert clair, c'est plus l�ger */
		display: block;
		/* et pas inline-block */
		box-sizing: border-box;
	}
	
	.inactif a:link, .inactif a:visited
	{
		border-style: none;
		background-color: #3c3;
		color: #060;
	}
	
	.inactif a:hover, .bouton a:hover,  button.bouton a:hover
	{
		border-style: outset;
		background-color: #3c3;
		color: #ffc;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		webkit-transition-duration: 0.4s;
		/* Safari */
		transition-duration: 0.4s;
	}
	
	.inactif a:active, .inactif a:focus
	{
		border-style: inset;
		background-color: #3c3;
		color: #ff6;
	}
	
	/* Bouton : cas normal */
	.bouton a
	{
		text-decoration: none;
		text-align: center;
		font-size: 100%;
		font-weight: bolder;
		margin: 2px 2px;
		padding: 2px 8px;
		border-width: medium;
		border-radius: 0.5em;
		border-color: #9f9;
		display: block;
		/* et pas inline-block */
		box-sizing: border-box;
	}
	
	.bouton a:link, .bouton a:visited
	{
		border-style: outset;
		border-color: #9f9;
		background-color: #9f9;
		color: #060;
	}
	
	.bouton a:hover, .cacheplaquettes:hover
	{
		border-style: outset;
		border-color: #9f9;
		background-color: #3c3;
		color: #ffc;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		webkit-transition-duration: 0.4s;
		/* Safari */
		transition-duration: 0.4s;
	}
	
	.bouton a:active, .bouton a:focus
	{
		border-style: inset;
		border-color: #9f9;
		background-color: #3c3;
		color: #ff6;
	}
	
	/* miniinactif (il y a un texte � l'int�rieur, avec un lien si ce bouton est en r�alit� actif, et le plus souvent sans le lien si on est sur la bonne page) */
	.inactif, .miniinactif
	/*  ajout� .inactif, le 12/4/25 pour arrondir ses coins  */
	{
		text-decoration: none;
		text-align: center;
		font-size: 100%;
		font-weight: bolder;
		margin: 0;
		padding: 0;
		border-width: 0;
		border-radius: 0.4em;
		display: ;
		/* ne pas sp�cifier (ou inline, sans doute) car block est sp�cifi� pour miniinactif a */
		box-sizing: border-box;
		border-color: #9f9;
		border-style: inset;
		background-color: #3c3;
		color: #060;
	}
	
	.miniinactif a
	{
		text-decoration: none;
		text-align: center;
		font-size: 100%;
		font-weight: bolder;
		margin: 1px 1px;
		padding: 1px 4px;
		border-width: medium;
		border-radius: 0.4em;
		border-style: inset;
		border-color: #9f9;
		/* Toujours vert clair, c'est plus l�ger */
		display: block;
		/* et pas inline-block */
		box-sizing: border-box;
	}
	
	.miniinactif a:link, .miniinactif a:visited
	{
		border-style: none;
		background-color: #3c3;
		color: #060;
	}
	
	.miniinactif a:hover
	{
		border-style: outset;
		background-color: #3c3;
		color: #ffc;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		webkit-transition-duration: 0.4s;
		/* Safari */
		transition-duration: 0.4s;
	}
	
	.miniinactif a:active, .miniinactif a:focus
	{
		border-style: inset;
		background-color: #3c3;
		color: #ff6;
	}
	
	/* minibouton : cas normal */
	.minibouton a
	{
		text-decoration: none;
		text-align: center;
		font-size: 100%;
		font-weight: bolder;
		margin: 1px 1px;
		padding: 1px 4px;
		border-width: medium;
		border-radius: 0.4em;
		border-color: #9f9;
		display: block;
		/* et pas inline-block */
		box-sizing: border-box;
	}
	
	.minibouton a:link, .minibouton a:visited
	{
		border-style: outset;
		border-color: #9f9;
		background-color: #9f9;
		color: #060;
	}
	
	.minibouton a:hover
	{
		border-style: outset;
		border-color: #9f9;
		background-color: #3c3;
		color: #ffc;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		webkit-transition-duration: 0.4s;
		/* Safari */
		transition-duration: 0.4s;
	}
	
	.minibouton a:active, .minibouton a:focus
	{
		border-style: inset;
		border-color: #9f9;
		background-color: #3c3;
		color: #ff6;
	}
	
	/* Fin Boutons de navigation Abeille*/
	/* Boutons de tourne-pages haut et bas Abeille, et .superbouton */
	.navbarh1 td.bas a, .navbarb1 td.bas a, .superbouton a
	{
		border-width: medium;
		border-radius: 0.5em;
		border-color: #9f9;
		text-decoration: none;
		margin: 2px 2px;
		padding: 2px 8px;
		font-size: 100%;
		font-weight: bolder;
		text-align: center;
		display: inline-block;
		/* inline-block, pas block */
		cursor: pointer;
		box-sizing: border-box;
		/* Devenu propri�t� g�n�rale du site par styles.css */
	}
	
	.navbarh1 td.bas a:link, .navbarb1 td.bas a:link, .superbouton a:link, .navbarh1 td.bas a:visited, .navbarb1 td.bas a:visited, .superbouton a:visited
	{
		border-style: outset;
		background-color: #9f9;
		color: #060;
	}
	
	.navbarh1 td.bas a:hover, .navbarb1 td.bas a:hover, .superbouton a:hover
	{
		border-style: outset;
		background-color: #3c3;
		color: #ffc;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		webkit-transition-duration: 0.4s;
		/* Safari */
		transition-duration: 0.4s;
	}
	
	.navbarh1 td.bas a:active, .navbarb1 td.bas a:active, .superbouton a:active
	{
		border-style: inset;
		background-color: #3c3;
		color: #ff6;
	}
	
	.navbarh1 td.bas a:focus, .navbarb1 td.bas a:focus, .superbouton a:focus
	{
		border-style: inset;
		background-color: #66e666;
		color: #ff6;
	}
	
	/* Fin Boutons de tourne-pages et superbouton Abeille*/
	td.annee
	{
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-weight: bolder;
		color: #FFFFCC;
		background-color: #33CC33;
		text-align: center;
	}
	
	span.gras { }
	span.italique { }
	span.souligne { }
	span.plusundemi { }
	span.plusun { }
	span.plusdeux { }
	span.plustrois { }
	span.moinsundemi { }
	span.moinsun { }
	span.moinsdeux { }
	p.citation { }
	p.redacteur { }
	div.tetiere1 { }
	div.tetiere2 { }
	div.bandeau1 { }
	div.bandeau2 { }
	div.bandeau3 { }
	div.bandeau4 { }
	div.navbarh1 { }
	div.navbarh2 { }
	div.page_a_imprimer 
	{
	display: block;
	 }
	div.titrage 
	{
	display: block;
	 }
	div.credit { display: none; }
	.auteur { display: none; }
	.non_ecran { display: none; }
	div.url { display: none; }
	div.basdepage1 { }
	div.basdepage2 { }
	div.navbarb1 { }
	div.navbarb2 { }
	div.infobas { }
	div.marqueurs { }
	div.marges { margin: 0 2em 0 2em; }
	#contenu { }
	div.contenu { margin: 0 2em 0 2em; }
	
	div.contenu p
	{
		text-indent: 3em;
		text-align: justify;
	}
	
	div.contenu p.droit
	{
		text-align: left;
		text-indent: 0px;
	}
	
	div.contenu p.centre
	{
		text-indent: 0px;
		text-align: center;
	}
	
	div.contenu p.adroite
	{
		text-align: right;
		text-indent: 0px;
	}
	
	.abeilles { margin: 0 2em 0 2em; }
	
	.abeilles p
	{
		text-indent: 3em;
		text-align: justify;
	}
	
	.abeilles ul
	{
		list-style: url(images/mini_abeille_16.gif) outside;
		margin: 0px;
		padding: 0px;
	}
	
	.abeilles li
	{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 53px;
		text-align: justify;
	}
	
	div.pullquote
	{
		float: right;
		width: 200px;
		color: #003300;
		text-align: justify;
		border: solid #33cc33;
		border-width: 7px 0;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		padding: 3px 2px;
		margin: 1px 30px 1px 7px;
	}
	
	div.album
	{
		margin-top: 0em;
		margin-bottom: 0em;
		margin-left: 2em;
		margin-right: 2em;
	}
	
	div.album table
	{
		border: thick #99ff99 outset;
		background-color: transparent;
		width: 620px;
		text-align: center;
	}
	
	div.album tr { }
	
	div.album th
	{
		font-size: 125%;
		font-weight: bold;
		border: thin #66ff66 solid;
		background-color: #99ff99;
		height: 30px;
		padding: 3px;
		text-align: center;
	}
	
	div.album td
	{
		border: thin #66ff66 solid;
		padding: 3px;
		text-align: center;
	}
	
	div.programme
	{
		margin-top: 0em;
		margin-bottom: 0em;
		margin-left: 2em;
		margin-right: 2em;
	}
	
	div.programme p
	{
		text-indent: 3em;
		text-align: justify;
	}
	
	div.programme table
	{
		border: thick #99ff99 outset;
		background-color: #ffffff;
		width: 100%;
		text-align: center;
	}
	
	div.programme tr { }
	
	div.programme th
	{
		font-size: 125%;
		font-weight: bold;
		border: thin #66ff66 solid;
		background-color: #99ff99;
		height: 30px;
		padding: 3px;
		text-align: center;
	}
	
	div.programme td
	{
		border: thin #66ff66 solid;
		padding: 3px;
		text-align: center;
	}
	
	div.parcours
	{
		margin-top: 0em;
		margin-bottom: 0em;
		margin-left: 2em;
		margin-right: 2em;
	}
	
	div.parcours p
	{
		text-indent: 3em;
		text-align: justify;
	}
	
	div.parcours p.droit
	{
		text-indent: 0px;
		text-align: justify;
	}
	
	div.parcours p.centre
	{
		text-indent: 0px;
		text-align: center;
	}
	
	div.parcours p.adroite
	{
		text-align: right;
		text-indent: 0px;
	}
	
	div.parcours table
	{
		border: thick #9f9 outset;
		background-color: #fff;
		width: 100%;
		font-size: 80%;
		text-align: center;
	}
	
	div.parcours tr { }
	
	div.parcours th
	{
		font-size: 125%;
		font-weight: bold;
		border: thin #6f6 solid;
		background-color: #ff9;
		height: 30px;
		padding: 3px;
		text-align: center;
	}
	
	div.parcours td
	{
		border: thin #6f6 solid;
		padding: 3px;
		text-align: center;
	}
	
	table.jean
	{
		border: thick #9f9 outset;
		background-color: #fff;
		width: 100%;
		font-size: 80%;
		text-align: center;
	}
	
	table.jean tr { }
	
	table.jean th
	{
		font-size: 125%;
		font-weight: bold;
		border: thin #66ff66 solid;
		background-color: #ff9;
		height: 30px;
		padding: 3px;
		text-align: center;
	}
	
	table.jean td
	{
		border: thin #66ff66 solid;
		padding: 3px;
		text-align: center;
	}
	
	tr.reunion td, td.reunion
	{
		border: thin #6f6 solid;
		padding: 3px;
		text-align: center;
		background-color: #ff9;
	}
	
	tr.velo_bestial td
	{
		border: thin #6f6 solid;
		padding: 3px;
		text-align: center;
		background-color: #ff9;
	}
	
	tbody.annule td, tr.annule td
	{
		border: thin #6f6 solid;
		padding: 3px;
		text-align: center;
		background-color: rgb(255, 204, 204);
	}
	
	td span.annule {background-color: rgb(255, 204, 204);}
	
	{
		border: thin #6f6 solid;
		padding: 3px;
		text-align: center;
		background-color: rgb(255, 204, 204);
	}
	
	table#quoi_de_neuf
	{
		background-color: #ff9;
		padding: 0 0.5em;
	}
	
	table#quoi_de_neuf td
	{
		background-color: #ff9;
		vertical-align: top;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	
	table.quoi_de_neuf_pbp td { background-color: #ff9; }
	div.compte_rendu { margin: 0 2em 0 2em; }
	
	div.compte_rendu p
	{
		text-indent: 3em;
		text-align: justify;
	}
	
	div.compte_rendu p.droit
	{
		text-indent: 0px;
		text-align: justify;
	}
	
	div.compte_rendu p.centre
	{
		text-indent: 0px;
		text-align: center;
	}
	
	div.compte_rendu p.adroite
	{
		text-align: right;
		text-indent: 0px;
	}
	
	div.compte_rendu ul
	{
		list-style: url(images/mini_abeille_16.gif) outside;
		margin: 0px;
		padding: 0px;
	}
	
	div.compte_rendu li
	{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 3em;
		text-align: justify;
	}
	
	div.compte_rendu h3.jour
	{
		font-stretch: semi-expanded;
		color: #336600;
		text-align: center;
	}
	
	div.compte_rendu h4.jour
	{
		font-stretch: semi-expanded;
		color: #336600;
		text-align: center;
	}
	
	.floatleft_225
	{
		float: left;
		width: 236px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 10px 10px 0;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.floatleft_300
	{
		float: left;
		width: 310px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 10px 10px 0;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.floatleft_350
	{
		float: left;
		width: 360px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 10px 10px 0;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.floatleft_400
	{
		float: left;
		width: 410px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 10px 10px 0;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.floatleft_450
	{
		float: left;
		width: 460px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 10px 10px 0;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.floatright_225
	{
		float: right;
		width: 236px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 0 10px 10px;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.floatright_300
	{
		float: right;
		width: 310px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 0 10px 10px;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.floatright_350
	{
		float: right;
		width: 360px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 0 10px 10px;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.floatright_400
	{
		float: right;
		width: 410px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 0 10px 10px;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.floatright_450
	{
		float: right;
		width: 460px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: center;
		margin: 0 0 10px 10px;
		border: 0;
		padding: 0;
		line-height: 1.4;
		color: #003300;
		background-color: #ffffcc;
	}
	
	.pullquote
	{
		float: right;
		width: auto;
		white-space: normal;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: justify;
		border: #33cc33 solid;
		border-width: 0.3em 0;
		padding: 3px 2px;
		margin: 0 0 0 1em;
		color: #030;
		background-color: #ffc;
	}
	
	div.compte_rendu div.pullquote_200
	{
		float: right;
		width: 200px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: justify;
		border: #33cc33 solid;
		border-width: 7px 0;
		padding: 3px 2px;
		margin: 0 0 0 12px;
		color: #003300;
		background-color: #ffffcc;
	}
	
	div.compte_rendu div.pullquote_300
	{
		float: right;
		width: 300px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: justify;
		border: #33cc33 solid;
		border-width: 7px 0;
		padding: 3px 2px;
		margin: 0 0 0 12px;
		color: #003300;
		background-color: #ffffcc;
	}
	
	div.compte_rendu div.pullquote_400
	{
		float: right;
		width: 400px;
		font: bold 1em Helvetica, Arial, Verdana, sans-serif;
		text-align: justify;
		border: #33cc33 solid;
		border-width: 7px 0;
		padding: 3px 2px;
		margin: 0 0 0 12px;
		color: #003300;
		background-color: #ffffcc;
	}
}

/* Fin Screen */
/* Print */

@media print
{
	H1, H2, H3, H4, P, UL, H5, H6, .jour
	{
		page-break-after: avoid;
		page-break-inside: avoid;
	}
	
	BLOCKQUOTE, PRE, .adresse, div#hautdepage, div#milieudepage { page-break-inside: avoid; }
	
;boiboite_reglable,	.boiboite, .boitegauche, .boitedroite, .boiboitehaut, .boitegauchehaut, .boitedroitehaut, .boite33gauche, .boite33droite, .boite25gauche, .boite25droite, .boite20gauche, .boite20droite, .boite17gauche, .boite17droite, .boite10gauche, .boite10droite, .boiteneufgauche, .boiteneufdroite, .floatcenter, .floatleft, .floatright, .floatcenterhaut, .floatlefthaut, .floatrighthaut, .floatleft_71p, .floatright_71p, .floatleft_61p, .floatright_61p, .floatleft_50p, .floatleft_48p, .floatright_50p, .floatright_48p, .floatleft_35p, .floatright_35p, .floatleft_25p, .floatright_25p, .floatleft_15p, .floatright_15p, .floatleft_10p, .floatright_10p, .floatleft_225, .floatleft_300, .floatleft_350, .floatleft_400, .floatleft_450, .floatright_225, .floatright_300, .floatright_350, .floatright_400, .floatright_450,
	{
		page-break-inside: avoid;
		text-align: justify;
	}
	
	table { page-break-inside: avoid; }
	UL, OL, DL { page-break-before: avoid; }
	P, LI, TD, TH, { text-align: justify; }
	
	td.titre
	{
		font-size: 150%;
		text-align: center;
	}
	
	td.maj
	{
		font-family: "times new roman", times, serif;
		font-size: 80%;
		text-align: right;
	}
	
	.tetiere1, .tetiere2, div.bandeau1, div.bandeau2, div.bandeau3, div.bandeau4, div.navbarh1, div.navbarh2, div.page_a_imprimer, div.navbarb1, div.navbarb2, div.infobas, div.marqueurs, .non_imprimable, #quoi_de_neuf  { display: none; }
	.transparent { visibility: hidden; }
	
	div.credit
	{
		font-family: Garamond, serif;
		text-align: right;
		font-style: italic;
		margin-top: 0;
		border-top: 1pt solid #030;
	}
	
	.auteur { }
	.non_imprime { display: none; }
	
	div.url
	{
		font-family: Monaco, Courier, monospace;
		text-align: right;
		font-size: 66%;
	}
	
	.abeilles ul, div.compte_rendu ul
	{
		list-style: url(images/mini_abeille_16.gif) outside;
		margin: 0;
		padding: 0;
	}
	
	.abeilles li, div.compte_rendu li
	{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 2em;
	}
	
	td.maxime
	{
		font-family: Garamond, serif;
		text-align: left;
		font-style: italic;
		border-top: 1pt solid #030;
	}
	
	.floatleft
	{
		float: left;
		margin: 0 10pt 10pt 0;
		border: 0;
		padding: 0;
	}
	
	.floatright
	{
		float: right;
		margin: 0 0 10pt 10pt;
		border: 0;
		padding: 0;
	}
	
	.floatlefthaut
	{
		float: left;
		margin: 0;
		border: 0;
		padding: 0;
	}
	
	.floatrighthaut
	{
		float: right;
		margin: 0;
		border: 0;
		padding: 0;
	}
	
	.floatcenter
	{
		margin: 0 auto  10pt auto;
		width: 100%
		border: 0;
		padding: 0;
	}
	
	.floatcenterhaut
	{
		margin: 0;
		border: 0;
		padding: 0;
	}
	
	.floatleft_225
	{
		float: left;
		width: 236px;
		font-weight: bold;
		text-align: center;
		margin: 0 10pt 10pt 0;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.floatleft_300
	{
		float: left;
		width: 310px;
		font-weight: bold;
		text-align: center;
		margin: 0 10pt 10pt 0;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.floatleft_350
	{
		float: left;
		width: 360px;
		font-weight: bold;
		text-align: center;
		margin: 0 10px 10px 0;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.floatleft_400
	{
		float: left;
		width: 410px;
		font-weight: bold;
		text-align: center;
		margin: 0 10pt 10pt 0;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.floatleft_450
	{
		float: left;
		width: 460px;
		font-weight: bold;
		text-align: center;
		margin: 0 10pt 10pt 0;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.floatright_225
	{
		float: right;
		width: 236px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 10pt 10pt;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.floatright_300
	{
		float: right;
		width: 310px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 10pt 10pt;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.floatright_350
	{
		float: right;
		width: 360px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 10px 10px;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.floatright_400
	{
		float: right;
		width: 410px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 10pt 10pt;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.floatright_450
	{
		float: right;
		width: 460px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 10pt 10pt;
		border: 0;
		padding: 0;
		color: #003300;
		background-color: white;
	}
	
	.pullquote_25p, .pullquote_35p, .pullquote_48p, .pullquote, .pullquote_300, .pullquote_400
	{
		background-color: white;
		font-size: 80%;
	}
	
	img#carte { margin: 10pt 0 10pt 10pt; }
	div.marges { margin: 0 0 0 0; }
	#contenu { }
	div.contenu { margin: 0 0 0 0; }
	
	div.contenu p
	{
		text-indent: 3em;
		text-align: justify;
	}
	
	div.contenu p.droit
	{
		text-indent: 0px;
		text-align: justify;
	}
	
	div.contenu p.centre
	{
		text-indent: 0px;
		text-align: center;
	}
	
	div.contenu p.adroite
	{
		text-align: right;
		text-indent: 0px;
	}
	
	.abeilles { margin: 0 2em 0 2em; }
	
	.abeilles p
	{
		text-indent: 3em;
		text-align: justify;
	}
	
	.abeilles ul
	{
		list-style: url(images/mini_abeille_16.gif) outside;
		margin: 0px;
		padding: 0px;
	}
	
	.abeilles li
	{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 53pt;
		text-align: justify;
	}
	
	div.compte_rendu { margin: 0 0 0 0; }
	
	div.compte_rendu p
	{
		text-indent: 2em;
		text-align: justify;
	}
	
	div.compte_rendu p.droit
	{
		text-align: justify;
		text-indent: 0px;
	}
	
	div.compte_rendu p.centre
	{
		text-indent: 0px;
		text-align: center;
	}
	
	div.compte_rendu p.adroite
	{
		text-align: right;
		text-indent: 0px;
	}
	
	div.compte_rendu ul
	{
		list-style: url(images/mini_abeille_16.gif) outside;
		margin: 0px;
		padding: 0px;
	}
	
	div.compte_rendu li
	{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 3em;
		text-align: justify;
	}
	
	div.compte_rendu h3.jour
	{
		font-stretch: semi-expanded;
		color: #336600;
		text-align: center;
	}
	
	div.programme
	{
		font-size: 8.0pt;
		margin-top: 0em;
		margin-bottom: 0em;
		margin-left: 0em;
		margin-right: 0em;
	}
	
	.programme + .basdepage1 { visibility: hidden; }
	
	div.titrage img
	{
		width: 60%;
		height: 60%;
	}
	
	div.titrage h2 { }
	
	div.programme table
	{
		border: 0.33em #99ff99 outset;
		background-color: #ffffff;
		width: 100%;
		border-collapse: collapse;
		text-align: center;
	}
	
	div.programme tr { }
	
	div.programme th
	{
		font-size: 115%;
		font-weight: bold;
		border: 0.13em #66ff66 solid;
		background-color: #99ff99;
		height: 1.8em;
		padding: 0.18em;
		text-align: center;
	}
	
	div.programme td
	{
		border: 0.09em #66ff66 solid;
		padding: 0.1em;
		text-align: center;
	}
	
	table.jean { font-size: 9pt; }
	
	table.jean
	{
		border: 0.33em #99ff99 outset;
		background-color: #ffffff;
		width: 100%;
		border-collapse: collapse;
		text-align: center;
	}
	
	table.jean tr { }
	
	table.jean th
	{
		font-size: 115%;
		font-weight: bold;
		border: 0.13em #66ff66 solid;
		background-color: #99ff99;
		height: 1.8em;
		padding: 0.18em;
		text-align: center;
	}
	
	table.jean td
	{
		border: 0.09em #66ff66 solid;
		padding: 0.1em;
		text-align: center;
	}
	
	div.parcours
	{
		font-size: 9pt;
		margin-top: 0em;
		margin-bottom: 0em;
		margin-left: 0em;
		margin-right: 0em;
	}
	
	div.parcours table
	{
		border: thin black solid;
		border-collapse: collapse;
		font-family: Arial Narrow, sans-serif;
		font-size: 100%;
		background-color: #fff;
		width: 100%;
		text-align: center;
	}
	
	div.parcours tr { }
	
	div.parcours th
	{
		font-size: 120%;
		font-weight: bold;
		border: thin black none;
		background-color: #ff9;
		padding: 0.7pt;
		text-align: center;
	}
	
	div.parcours td
	{
		border: thin black none;
		padding: 0.7pt;
		text-align: center;
		background-color: #fff;
	}
	
	.parcours .bouton a { visibility: hidden; }
	.parcours .bouton.imprimable a { visibility: visible; }
	.pullquote, .pullquote_25p, .pullquote_35p, .pullquote_48p, .pullquote_300, .pullquote_400 { background-color: #fff; }
}

/* Fin Print */
/* Fin Styles specifiques */