@impoErt url("non-standards/navigateurs-non-standards.css");
@import url("non-standards/ie-comportement.css");


/*#titre-page	{
	border: 1px solid red;
	margin-bottom: 1em;
	}
#en-tete	{
	border: 1px solid blue;
	margin-bottom: 1em;
	}
#texte-page	{
	border: 1px solid green;
	margin-bottom: 1em;
	}
#references-afas	{
	border: 1px solid orange;
	margin-bottom: 1em;
	}
#retour-haut	{
	border: 1px solid yellow;
	margin-bottom: 1em;
	}
#haut-titre h1	{
	Edisplay: none;
	}*/

/* ----------------------------------------------------------------- */
/* ------------------------POSITIONNEMENT GENERAL------------------- */
/* ----------------------------------------------------------------- */
/*ordre HTML :
->border-top
- bordure-haut-page
	- titre-association
	- bordure-haut-decoration
	- navigation4
	- en-tete
	- navigchapitre
	- haut-titre (automatique)

->border-left
- bordure-gauche
	- bordure-gauche-decoration

->vraie-page
- wrapper
	- info-page
		- navigation-chemin
		- nom-auteur
		- date-public
		- verification-liens
	- titre-page
	- texte-afas / texte-page / etc
	- references-afas
		- ref-internes
		- ref-externes
			- types-ressources
				- ressourcesx
	- retour-haut

->border-bottom
- pied-page-decoration
- pied-page
	- pied-page-navig
	- pied-page-texte
*/

/* ----------------------------------------------------------------- */
/* -----------------------------COULEURS---------------------------- */
/* ----------------------------------------------------------------- */
/*
gris pour fond, du plus clair au plus foncé :
#E9E9E9 	fond body
#E1E1E1 	fond tres tres clair
#D9D9D9 	fond tres clair
#CDCDCD 	fond clair
#C2C2C2 	fond moyen

gris polices
#3D3D3D 	plus foncé
#5B5B5B 	foncé = police
#848484 	plus clair

couleur contraste
#FE3600 	couleur contraste principale

*/

/* ----------------------------------------------------------------- */
/* ------------------------DECO EVENEMENTIELLE---------------------- */
/* ----------------------------------------------------------------- */
/* ----------------------deco sur page border top------------------- */
#bordure-haut-decoration	{
	position: absolute;
	/*background: url('../0_decoration/houxbaie.gif') no-repeat;*/
	width: 58px;
	height: 50px;
	top: 190px;
	left: 20%;
	}
/* ----------------------deco sur page border left------------------ */
#bordure-gauche	{
	/*background: url('../0_decoration/pommepin.gif') no-repeat 50% bottom;*/
	}
#bordure-gauche-decoration	{
	position: relative;
	/*background: url('../0_decoration/houx.gif') no-repeat;*/
	width: 95px;
	height: 50px;
	top: 0;
	left: 25%;
	}
/* ----------------------deco sur page border bottom---------------- */
#pied-page-decoration	{
	position: absolute;
	/*background: url('../0_decoration/sapin.gif') no-repeat;*/
	width: 75px;
	height: 50px;
	bottom: 0px;
	left: 2%;
	}

/* ---------------------supprimer ce qui est dessus----------------- */

#titre-page h1	{
	display: none;
	color: red;
	font-size: 150%;
	text-align: center;
	margin-top: .5em;
	margin-bottom: 2em;
	border-top : 1px solid red;
	padding-top : 0.5em;
	}

/* ----------------------------------------------------------------- */
/* ----------------------------HTML ET BODY------------------------- */
/* ----------------------------------------------------------------- */
/* --------------structure generale de HTML et body----------------- */

html, body	{
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	}
/* ------------------------------------------------------------------
réinitialiser les principales proprietes qui dépendent  des navigateurs
necessite de régler ensuite margin et padding pour chaque élément
-------------------------------------------------------------------- */
/* *	{
	margin: 0;
	padding: 0;
	}
*/
/* ---------------------------proprietes generiques----------------- */
body	{
	background: url("deco-permanente/degrade-gris-body.gif") repeat-x #E9E9E9 /*couleur fond body*/;
	color: #5B5B5B /*couleur texte generale*/;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em; 
	}
/* -----------------proprietes generiques des liens----------------- */
a:link	{
	color: black;
	}
a:visited	{ 
	color: #848484 /*couleur texte plus clair*/; 
	}
a:hover	{ 
	color: white;
	background-color: black;
	}
a:active	{ 
	color: white;
	background-color: #848484 /*couleur texte plus clair*/;
	}
/* ---------------proprietes particulieres des liens---------
----attention ordre : link - visited - hover - active--------------- */
a[href^="mailto:"]	{
	background: url("icones/courrier.gif") no-repeat left center;
	padding-left: 20px;
	}
a[href$=".pdf"]	{
	background: url("icones/pdf.gif") no-repeat left center;
	padding-left: 20px;
	}
a[href$=".wmv"], a[href$=".mpg"]	{
	background: url("icones/video-vlc.gif") no-repeat left center;
	padding-left: 20px;
	}
a[title~="telechargement"]	{
	background: url("icones/sauvegarde.gif") no-repeat left center;
	padding-left: 20px;
	}
a[href^="mailto:"]:hover, a[href$=".pdf"]:hover, a[href$=".wmv"]:hover, a[href$=".mpg"]:hover, a[title~="telechargement"]:hover,
a[href^="mailto:"]:active, a[href$=".pdf"]:active, a[href$=".wmv"]:active, a[href$=".mpg"]:active, a[title~="telechargement"]:active	{
	color: white;
	background-color: black;
	}
/* -----------------proprietes generiques images lien----------------- */
a img	{
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	border-right: 1px solid #FE3600 /* couleur contraste principale */;
	border-bottom: 1px solid #FE3600 /* couleur contraste principale */;
	}
a:active img	{
	border: 2px solid white;
	}
/* -----------------proprietes generiques titres----------------- */
h1, h2, h3, h4, h5, h6	{
	font-weight: bold; 
	font-family: "Trebuchet MS", Garamond, Georgia, sans-serif;
	}
h1	{
	font-size: 125%;
	margin-left: 0;
	}
h1:first-letter	{
	font-style: italic;
	color: #FE3600 /* couleur contraste principale */;
	font-size: 150%;
	}
h2	{
	font-size: 120%;
	margin-left: 1em;
	margin-top: 3em;
	}
h2:first-letter	{
	font-style: italic;
	color: black;
	font-size: 120%;
	}
h3	{
	font-size: 110%;
	margin-left: 2em;
	margin-top: 2em;
	}
h4	{
	font-size: 100%;
	margin-left: 3em;
	}
h5	{
	font-size: 95%;
	margin-left: 4em;
	}
h6	{
	font-size: 90%;
	margin-left: 6em;
	}
/* -------proprietes particulieres titres dans texte-page (remettre en generique lorsque toutes pages modifiees)-------- */
#texte-page h1	{
	margin-bottom: 4em;
	}
/* -------proprietes particulieres titres dans une liste-------- */
ul h1, ul h2, ul h3, ul h4, ul h5, ul h6, ol h1, ol h2, ol h3, ol h4, ol h5, ol h6	{
	margin-left: 0;
	}
/* -------------proprietes generiques listes a puces------------- */
ul	{ 
	list-style-image: url('puce1.gif'); 
	}
ul ul	{ 
	list-style-image: url('puce2bis.gif'); 
	}
ul ul ul	{ 
	list-style-image: url('puce3bis.gif'); 
	}
ul ul ul ul	{ 
	list-style-image: url('puce3bis.gif'); 
	}
ul ul ul ul ul	{ 
	list-style-image: url('puce3bis.gif'); 
	}
ul ul ul ul ul ul	{ 
	list-style-image: url('puce3bis.gif'); 
	}
/* --------------proprietes particulieres listes a puces---------- */
/* -----------------proprietes generiques tableaux----------------- */
caption	{
	caption-side: top;
	padding-bottom: 1em;
	font-size: 90%;
	}
/* ---------------proprietes generiques formulaires--------------- */
input	{
	color: black;
	background-color: #E1E1E1 /*fond tres tres clair*/;
	border: 2px outset #848484 /*couleur texte plus clair*/;
	}
input:hover, input:active {
	color: white;
	background-color: black;
	}
fieldset	{
	border: none;
	}
fieldset legend	{
	color: #5B5B5B /*couleur texte generale*//*pour IE 6 qui sinon ecrit en bleu*/;
	font-weight: bold;
	font-size: 90%;
	}
legend.invisible-ecran	{
	color: white /*couleur wrapper*/;
	font-size: 50%;
	}
select	{
	background-color: #E1E1E1 /*fond tres tres clair*/;
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	font-size: 96%;
	}
option	{
	}
optgroup	{
	color: black;
	background-color: #CDCDCD /*fond clair*/;
	font-weight: normal;
	}	
optgroup option	{
	color: black;
	background-color: #E1E1E1 /*fond tres tres clair*/;
	}
/* ---------------proprietes particulieres formulaires--------------- */
.champs-saisie	{
	color: #FE3600 /* couleur contraste principale */;
	background-color: white;
	text-align: right;
	font-weight: bold;
	}
.champs-resultats	{
	background-color: transparent;
	text-align: center;
	font-weight: bold;
	}
/* -----------proprietes generiques listes de definitions----------- */
dt	{
	font-weight: bold;
	}
/* -----------proprietes generiques barres horizontales----------- */
hr	{
	color: #5B5B5B /*couleur texte generale*/;
	background-color: #5B5B5B /*couleur texte generale*/;
	border: #5B5B5B /*couleur texte generale*/;
	height: 0.1em;
	}
/* ------elements n apparaissant que lorsque css desactivees-------- */
.sans-css	{
	display: none;
	}
/* -----------proprietes generiques fenetres explicatives----------- */
abbr:hover	{
	color: red;
	}
a.info-bulle1	{
	border-bottom: 1px dashed #5B5B5B /*couleur texte generale*/;
	text-decoration: none;
	position: relative;
	}
a.info-bulle1 span	{
	display: none;
	}
a.info-bulle1:hover	{
	cursor: help;
	}
a.info-bulle1:hover span	{
	color: black;
	background-color: #E1E1E1 /*fond tres tres clair*/;
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	display: block;
	position: absolute;
	width: 25em;
	top: 1em;
	left: 1em;
	z-index: 100;
	padding: 0.5em;
	text-align: left;
	}
a.info-bulle1 img, a.info-bulle1:visited img	{
	border: none;
	}
#zone-retractable1, #zone-retractable2, #zone-retractable3	{
	background-color: #E1E1E1 /*fond tres tres clair*/;
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	display: none;
	}
/* -----------------proprietes generiques cas particuliers----------- */
.arret-flottement	{
	clear: both; 
	}
.souligne	{
	text-decoration: underline;
	}
.texte-barre	{
	text-decoration: line-through;
	}
em	{
	font-style: italic;
	}
strong	{
	font-weight: bold;
	}
/* -----proprietes generiques cas particuliers alignement----------- */
.centre	{
	text-align: center;
	}
.a-droite	{
	text-align: right;
	}
.centre .a-gauche	{
	text-align: left;
	}
	/*re-aligner a gauche dans un bloc centre*/
.centre .a-droite	{
	text-align: right;
	}
	/*re-aligner a droite dans un bloc centre*/
.zone-contact-club	{
	background-color: white;
	width: 50%;
	margin: auto;
	text-align: center;
	font-family: "Lucida Bright", Courrier, "Courrier New", monospace;
	}
.zone-contact-club p	{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 93%;
	}
.legende-figure	{
	padding-bottom: 1em;
	font-size: 90%;
	}
	/*meme presentation que caption tableaux */
/* -----------------cas particuliers des fonds colores----------- */
.surligne	{
	background-color: yellow;
	}
.fond1	{
	background-color: #CDCDCD /*fond clair*/;
	}
.fond2	{
	background-color: #CDCDCD /*fond clair*/;
	}
.fond3	{
	background-color: #CDCDCD /*fond clair*/;
	}
.fond4	{
	background-color: #CDCDCD /*fond clair*/;
	}
.fond5	{
	background-color: #CDCDCD /*fond clair*/;
	}
.fond6	{
	background-color: #CDCDCD /*fond clair*/;
	}
.fond7	{
	background-color: #CDCDCD /*fond clair*/;
	}
/* -----------------cas particuliers des bordures colorees----------- */
.cadre1	{
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	}
/* -----------------cas particuliers des couleurs de texte----------- */
.estompe	{
	color: #E1E1E1 /*fond tres tres clair*/;
	}
.fond1 a:visited, .fond2 a:visited, .fond3 a:visited, .fond4 a:visited, th a:visited, thead th a:visited	{
	color: black;
	}
/* -----------------cas particuliers des marges de blocs----------- */
.marge1	{
	margin-left: 3em;
	}
.marge2	{
	margin-left: 6em;
	}
.marge3	{
	margin-left: 9em;
	}
/* -----------------cas particuliers des images----------- */
.image-float-droite	{
	position: relative;
	float: right; 
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	}
.image-float-gauche	{
	position: relative;
	float: left; 
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	}
.image-float-droite-large	{
	position: relative;
	float: right; 
	margin-right: 1em;
	margin-left: 4em;
	margin-bottom: 2em;
	}
/* -------------cas particuliers des largeurs de blocs--------- */
.zone-80pour100	{
	width: 80%;
	}
.zone-65pour100	{
	width: 65%;
	}
.zone-60pour100	{
	width: 60%;
	}
.zone-50pour100	{
	width: 50%;
	}
.zone-47pour100	{
	width: 47%;
	}
.zone-40pour100	{
	width: 40%;
	}
.zone-33pour100	{
	width: 33%;
	}
.zone-750-pixels	{
	width: 750px;
	}
.zone-700-pixels	{
	width: 700px;
	}
.zone-300-pixels	{
	width: 300px;
	}
/* ---------cas particuliers de positionnement de blocs---------- */
.flotte-droite	{
	position: relative;
	float: right;
	}
.flotte-gauche	{
	position: relative;
	float: left;
	}
.bloc-aligne-droite	{
	margin-left: auto;
	}
.bloc-centre	{
	margin: auto;
	}
/* -----------------cas particuliers des cellules----------- */
.cellule-texte-haut	{
	vertical-align: top;
	}
.cellule-texte-bas	{
	vertical-align: bottom;
	}
/* ----------cas particuliers de la largeur des cellules-------- */
.cellule-5	{
	width: 5%;
	}
.cellule-10	{
	width: 10%;
	}
.cellule-15	{
	width: 15%;
	}
.cellule-20	{
	width: 20%;
	}
.cellule-25	{
	width: 25%;
	}
.cellule-30	{
	width: 30%;
	}
.cellule-33	{
	width: 33%;
	}
.cellule-35	{
	width: 35%;
	}
.cellule-40	{
	width: 40%;
	}
.cellule-50	{
	width: 50%;
	}
.cellule-60	{
	width: 60%;
	}
.cellule-70	{
	width: 70%;
	}
.cellule-75	{
	width: 75%;
	}
.cellule-80	{
	width: 80%;
	}
/* -----------------cas particuliers des colonnes----------- */
colgroup	{
	}
col	{
	}
/* ----------------------- tableaux----------------------- */
table.tableau-basique, table.tableau-basique thead th, table.tableau-basique tfoot th, table.tableau-basique thead td, table.tableau-basique tfoot td, table.tableau-basique th, table.tableau-basique td	{
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	}
table.tableau-basique thead th, table.tableau-basique tfoot th	{
	background-color: #CDCDCD /*fond clair*/;
	}
table.tableau-basique thead td, table.tableau-basique tfoot td	{
	background-color: #D9D9D9 /*fond tres clair*/;
	}
table.tableau-basique th	{
	background-color: #E1E1E1 /*fond tres tres clair*/;
	}
table.tableau-transparent	{
	background-color: transparent;
	border: none;
	}
table.centre, table.centre thead th, table.centre tfoot th, table.centre thead td, table.centre tfoot td, table.centre th, table.centre td	{
	text-align: center;
	}

/* ----------------------------------------------------------------- */
/* ---------------PROPRIETES PAR FRACTION DE PAGE------------------- */
/* ----------------------------------------------------------------- */

/* ---------------structure generale du wrapper------------ */
#wrapper	{
	background-color: white;
	position: relative;
	margin: 0;
	padding: 0.7em;
	}
#wrapper p	{ 
	text-indent: 1em;
	}
/* ---------------tableaux classiques du wrapper------------ */
#wrapper table	{
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	}
#wrapper table h2, #wrapper table h3, #wrapper table h4, #wrapper table h5, #wrapper table h6	{
	margin: 0;
	}
#wrapper table p	{
	text-indent: 0;
	}
/* ---------------tableaux particuliers du wrapper------------ */
#wrapper .tableau-largeur-auto	{
	table-layout: auto;
	width: auto;
	margin: auto;
	}
#wrapper .tableau-boutons table	{
	border-collapse: separate;
	border-spacing: 6px;
	}
.tableau-boutons td	{
	background-color: #E1E1E1 /*fond tres tres clair*/;
	border: 0.15em solid #848484 /*couleur texte plus clair*/;
	border-top: none;
	border-left: none;
	text-align: center;	
	}
.tableau-boutons a	{
	background-color: #CDCDCD /*fond clair*/;
	display: block;
	text-decoration: none;
	}
.tableau-boutons a:link	{
	color: black;
	}
.tableau-boutons a:visited	{
	color: black;
	background-color: #E1E1E1 /*fond tres tres clair*/;
	}
.tableau-boutons a:hover, .tableau-boutons a:active	{
	background-color: #E1E1E1 /*fond tres tres clair*/;
	}
/* ---------------structure generale de toutes les pages------------ */
/* ---------------structure generale sur page border top------------ */
#bordure-haut-page	{
	margin-bottom: 0.5em;
	}
#titre-association	{
	display: none;
	}
/* ----------div navigation generale haut ex navig-chapitres-------- */

/* -------------------general en-tete-------------------- */

#en-tete	{
	position: relative;
	background: url("deco-permanente/en-tete.gif") no-repeat 0 bottom transparent;
	height: 12.5em;
	}
#en-tete h1	{
	padding-top: 0.5em;
	font-size: 250%;
	font-weight: normal;
	text-align: center;
	border: none;
	font-family: Times, "Trebuchet MS", Garamond, Georgia, sans-serif;
	color: black;
	}
#en-tete h1 a	{
	color: #333333;
	text-decoration: none;
	}
#en-tete h1 a:hover, #en-tete h1 a:active	{
	background-color: transparent;
	border-bottom: 1px dotted #FE3600 /* couleur contraste principale */;
	}
#en-tete h1 span	{
	/*font-style: italic;*/
	color: #FE3600 /* couleur contraste principale */;
	}
#en-tete h2	{
	position: relative;
	width: 25%;
	margin: 0 0 0 auto;
	padding: 0.5em 0;
	color: black;
	background-color: #C2C2C2 /* fond moyen*/;
	text-align: right;
	font-style: italic;
	font-weight: normal;
	font-family: Times, "Comic Sans MS", "Trebuchet MS", Garamond, Georgia, sans-serif;
	letter-spacing: 1px;
	font-size: 80%;
	word-spacing: .25em;
	border-top: 1px solid #FE3600 /* couleur contraste principale */;
	border-bottom: 1px solid #FE3600 /* couleur contraste principale */;
	}
#en-tete h1:first-letter, #en-tete h2:first-letter	{
	font-size: 100%;
	color: #FE3600 /* couleur contraste principale */;
	font-weight: bold;
	}

/* -------------------navigation generale-------------------- */

#navigation4 ul #navigchapitre ul	{
	list-style: none; 
	}
#navigation4 ul li, #navigchapitre ul li	{
	display: inline; 
	list-style-image: none; /* pour navigation4 dans IE6 */
	/*vertical-align: middle;*/
	}
/* -------------------navigation generale-------------------- */
/* ---1er niveau du menu --*/
* html #navigation4 ul li	{
	height: 1px;
	}
#navigation4	{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	}
#navigation4 ul li	{
	float: left;
	vertical-align: middle;
	font-size: 95%;
	padding: 0.5em;
	margin-right: 0.4em /*0.2em*/;
	background: url('deco-permanente/navigation4-repos.gif') center left repeat-x;
	color: white; /* même couleur que pour les liens, pour avoir le même comportement quand il ne s'agit pas de liens */
	}
#navigation4 ul li.hover, #navigation4 ul li:hover	{
	position: relative;
	z-index: 7;
	cursor: default;
	background: url('deco-permanente/navigation4-hover.gif') center left repeat-x;
	/*color: black;*//* même couleur que pour les liens, pour avoir le même comportement quand il ne s'agit pas de liens */
	margin-top: 0.5em;
	}
#navigation4 ul li a	{
	display: block;
	font-weight: bold;
	text-decoration: none;
	}
#navigation4 ul a:link, #navigation4 ul a:visited	{
	color: white;
	}
#navigation4 ul a:hover	{
	color: black;
	background: none;
	}
#navigation4 ul a:active	{
	color: gray;
	background: none;
	}
/* ---2em niveau du menu --*/
#navigation4 ul ul li	{
	display: block;
	padding: 0;
	margin: 0;
	}
#navigation4 ul ul li.hover, #navigation4 ul ul li:hover	{
	/*color: black;*//* même couleur que pour les liens, pour avoir le même comportement quand il ne s'agit pas de liens */
	margin-top: 0em; /* sinon hérite du margin top de ul li et l'espace empeche de derouler le menu dans IE6 en particulier */
	}
#navigation4 ul li ul 	{
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	width: 8em;
	padding: 0;
	margin: 0;
	}
#navigation4 ul ul li {
	float: none;
	border-bottom: 1px solid black;
	border-top: none;
	font-size: 80%;
	padding: 0.3em;
	}
#navigation4 ul li:hover ul{ /* pour IE 6*/
	visibility: visible;
	}
#navigation4 ul li:hover > ul { /* pour les autres */
	visibility: visible;
	}
/* -------------------navigation generale-------------------- */
#navigchapitre ul	{
	padding-left: 0.1em;
	}
#navigchapitre ul li	{
	padding: 0.3em 0.2em;
	margin-right: 0.2em;
	border-top: 4px solid #F93900 /*red*/;
	border-bottom: 1px dotted #F93900 /*red*/;
	font-size: 90%;
	}
#navigchapitre ul li.hover, #navigchapitre ul li:hover	{
	background-color: #FE3600 /* couleur contraste principale */;
	}
#navigchapitre ul li a	{
	padding: 0.3em 0.2em;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	}
#navigchapitre ul li a:link, #navigchapitre ul li a:visited	{
	color: black;
	}
#navigchapitre ul li a:hover	{
	color: black;
	background: #FE3600 /* couleur contraste principale */;
	}
#navigchapitre ul li a:active	{
	color: white;
	background: #CE2C11 /*rouge ++*/;
	}


/* ----------------------div titre haut de page--------------- */
#haut-titre h1	{
	color: black;
	font-size: 150%;
	text-align: center;
	margin-top: .5em;
	margin-bottom: .5em;
	}
/* ---------------structure generale sur page border bottom--------- */
#pied-page	{
	border-top: 1px dotted #FE3600 /* couleur contraste principale */;
	}
#pied-page-navig p	{
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0;
	}
#pied-page-texte	{
	background-color: #CDCDCD /*fond clair*/;
	margin-top: 0.5em;
	font-size: 86%;
	font-weight: bold;
	text-align: center;
	}
#pied-page-texte p	{
	margin-top: 0;
	margin-bottom: 0;
	}
/* ---------------structure generale sur page border left------------ */
#bordure-gauche	{
	position: relative;
	padding-top: 0;
	padding-bottom: 6em;
	font-size: 95%;
	min-width: 80px;
	}
#bordure-gauche p	{
	line-height: 1.7em;
	}
/* -----------------structure generale sur page centrale------------ */
/* -----------------div navigation-chemin depuis l index------------ */
#navigation-chemin	{
	background-color: #E9E9E9 /*couleur fond body*/;
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	}
#navigation-chemin ul	{
	display: inline;
	padding-left: 0;
	margin-left: 0;
	}
#navigation-chemin ul li	{
	display: inline;
	}
#navigation-chemin ul li a:link	{
	padding: 0.2em;
	}
#navigation-chemin ul ul li	{
	background: url('fleche.gif') no-repeat left;
	padding-left: 1.5em;
	}
#nom-auteur p, #date-public p, #verification-liens p	{
	font-size: 90%;
	text-align: right;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0;
	}
.vignette-titre	{
	position: relative;
	float: right;
	margin-left: 1em;
	margin-right: 1em;
	}
#texte-page	{
	border-top : 1px dotted #5B5B5B /*couleur texte generale*/;
	}
#retour-haut	{
	font-style: italic;
	margin-top: 2em;
	}
/* -------------------mise en page de la zone references------------- */
#references-afas	{
	}
#references-afas h1.ref-chapeau	{
	font-size: 90%;
	padding-left: 1.5em;
	background: url('icones/infos.gif') no-repeat left;
	margin-top: 3em;
	}
#ref-internes ul, #ref-internes-techniques ul, #ref-externes ul	{
	list-style-image: url('chevrons.gif');
	}
#ref-internes, #ref-internes-techniques, #ref-externes	{
	background-color:#E1E1E1 /*fond tres tres clair*/;
	border: 1px solid #FE3600 /* couleur contraste principale */;
	border-left: none;
	border-right: none;
	margin-top: 2em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	}
#ref-externes	{
	font-style: italic;
	}
#ref-internes h2, #ref-internes-techniques h2, #ref-externes h2	{
	background-color: #CDCDCD /*fond clair*/;
	font-size: 90%;
	margin: 0;
	padding: 0.5em;
	padding-left: 1em;
	}
#ref-internes h3, #ref-internes-techniques h3, #ref-externes h3, #ref-internes h4, #ref-internes-techniques h4, #ref-externes h4	{
	font-size: 90%;
	margin-top: 1em;
	}
#ref-internes .enumer-sans-puce ul	{
	margin: 0;
	padding-left: 2em;
	}
#ref-externes #types-ressources ul	{
	margin: 0;
	padding: 0.4em;
	}
#ref-externes #types-ressources ul li	{
	color: black;
	border: 0.15em solid #5B5B5B /*couleur texte generale*/;
	border-top: none;
	border-left: none;
	list-style: none;
	display: inline;
	padding: 0;
	padding-bottom: 0.1em;
	margin-left: 0.3em;
	margin-right: 0;
	font-weight: bold;
	font-size: 90%;
	}
#ref-externes #types-ressources ul li a	{
	background-color: #CDCDCD /*fond clair*/;
	text-decoration: none;
	}
#ref-externes #types-ressources ul li a:visited	{
	/*color: black;*/
	}
#ref-externes #types-ressources ul li a:hover	{
	/*color: red;*/
	background-color: black;
	}
#ref-externes #types-ressources ul li a:active	{
	/*color: #005500;
	background-color: #FFECBD;*/
	}
#ressources1, #ressources2, #ressources3	{
	display: none;
	}
.ressourcesx	{
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	margin-top: 0;
	margin-bottom: 0.5em;
	}
.ressourcesx p, .ressourcesx ul li, .ressourcesx ol li, #ref-internes p, #ref-internes-techniques p, #ref-internes ul, #ref-internes-techniques ul, #ref-internes ol, #ref-internes-techniques ol	{
	margin-left: 4em;
	}
.ress-web-franco:before	{
	content: url("icones/drapeau-fr.gif");
	}
.ress-web-divers:before	{
	content: url("icones/iexplorer.gif");
	}
.ress-biblio:before	{
	content: url("icones/livre.gif");
	}
#ref-externes a[href^="http://"]	{
	background: url("icones/firefox.gif") no-repeat left center;
	padding-left: 20px;
	}
#ref-externes a[href$=".pdf"]	{
	background: url("icones/pdf.gif") no-repeat left center;
	padding-left: 20px;
	}
/*#ref-externes a[href^="http://www.afas-siamois"]	{
	background: none;
	padding-left: 0;
	}*/
#ref-externes a[href$=".wmv"], #ref-externes a[href$=".mpg"]	{
	background: url("icones/video-vlc.gif") no-repeat left center;
	padding-left: 20px;
	}

/* ----------------------------------------------------------------- */
/* -----------------PROPRIETES PAR TYPE DE PAGE--------------------- */
/* ----------------------------------------------------------------- */

/* ---------------------mise en page de la page index--------------- */
#index p, #index h1, #index h2, #index h3	{
	margin-left: 0;
	text-align: center;
	}
#index h1	{
	/*color: #730800;*/
	font-size: 210%;
	}
#index h2	{
	/*color: #FE3600 /* couleur contraste principale */;
	font-size: 130%;
	}
#index h3	{
	/*color: #F93900 /*red*/;
	font-size: 90%;
	}
#index-sous-titre	{
	border-bottom: 0.1em solid #FE3600 /* couleur contraste principale */;
	}
#navigateurs img	{
	padding: 0.5em;
	}
.index-chapitres ul li	{
	list-style: none;
	display: inline;
	}
.index-chapitres ul	{
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	}
.index-chapitres ul li a	{
	padding-left: 1.5em;
	padding-right: 1.5em;
	}
#normes-web ul li	{
	list-style: none;
	display: inline;
	}
#normes-web ul	{
	text-align: center;
	font-size: 30%;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	}
#groupe-photos	{
	position: relative;
	width: 73%;
	margin: auto;
	}
#presentation-chapitres	{
	position: relative;
	top: -30em;
	left: 0;
	}
#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7	{
	position: relative;
	width: 200px;
	height: 133px;
	}
#photo1	{
	top: 12px;
	left: 35%;
	}
#photo2	{
	top: -50px;
	left: 10%;
	}
#photo3	{
	top: -150px;
	left: 65%;
	}
#photo4	{
	top: -200px;
	left: 35%;
	}
#photo5	{
	top: -300px;
	left: 5%;
	}
#photo6	{
	top: -400px;
	left: 70%;
	}
#photo7	{
	top: -450px;
	left: 38%;
	}
/* ---------------------mise en page de la page accueil--------------- */
#accueil-barre	{ 
	border-top: 0.1em solid #848484 /*couleur texte plus clair*/;
	padding-bottom: 0.3em;
	}
#accueil th	{
	text-align: left;
	}
#accueil .tableau-boutons td	{
	font-weight: bold;
	}
#accueil fieldset legend	{
	font-style: italic;
	}
/* ------mise en page de la page galerie presentation generale----- */
#galeries-generales	{
	text-align: center;
	}
#galeries-generales td	{
	text-align: center;
	font-weight: bold;
	}
/* -----------------mise en page des pages galerie photos------------ */
#galerie-photos .tableau-boutons table, #galerie-photos-race .tableau-boutons table	{
	width: 80%;
	margin: auto;
	}
#galerie-photos, #galerie-photos-race, #galerie-photos td, #galerie-photos-race td	{
	text-align: center;
	}
#galerie-photos h2, #galerie-photos-race h2	{
	background-color: #CDCDCD /*fond clair*/;
	}
#galerie-photos h3, #galerie-photos-race h3	{
	background-color: #E1E1E1 /*fond tres tres clair*/;
	}
#galerie-photos h2, #galerie-photos h3, #galerie-photos h4, #galerie-photos-race h2, #galerie-photos-race h3, #galerie-photos-race h4	{
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	margin-left: 0;
	margin-top: 2em;
	margin-bottom: 2em;
	}
/* ------------pages galerie photos tableaux des photos----------- */
#galerie-photos thead th	{
	background-color: #E9E9E9 /*couleur fond body*/;
	}
#galerie-photos thead td, #galerie-photos th	{
	font-weight: bold;
	}
#galerie-photos-race th	{
	font-weight: normal;
	padding-bottom: 1.5em;
	}
#galerie-photos-race #ref-internes h3	{
	background-color: transparent;
	border: none;
	text-align: left;
	margin-left: 2em;
	}
#galerie-photos #ref-internes h2, #galerie-photos #ref-internes h3, #galerie-photos #ref-internes h4, #galerie-photos-race #ref-internes h2	{
	background-color: transparent;
	border: none;
	text-align: left;
	margin-left: 1em;
	}
/* ------------mise en page de la page illustration caractere------- */
#illustration-caractere td	{
	text-align: center;
	}
/* -----------------mise en page de la page arborescence------------ */
.texte-arborescence h2		{
	background-color: #CDCDCD /*fond clair*/;
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	}
.texte-arborescence h2 a:visited	{
	color: #848484 /*couleur texte plus clair*/;
	}
.texte-arborescence h4	{
	margin-left: 6em;
	font-size: 85%;
	margin-top: 0;
	margin-bottom: 0;
	}
.texte-arborescence ul	{
	margin-left: 8em;
	}
.texte-arborescence ul ul	{
	margin-left: 3em;
	}
.texte-arborescence ul ul ul	{
	margin-left: 3em;
	}
/* --------------mise en page des pages liens speciaux----------- */
#page-liens-speciaux h2	{
	background-color: #CDCDCD /*fond clair*/;
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	text-align: center;
	margin-left: 0;
	}
/*#page-liens-speciaux td h4	{
	margin-left: 0;
	}*/
/* -------------------mise en page des pages liens--------------- */
.page-liens th, .page-liens .centre th	{
	text-align: left;
	}
#texte-page .tableau-boutons td	{
	font-weight: bold;
	font-size: 120%;
	}
#texte-page .tableau-boutons table	{
	width: 72%;
	margin: auto;	
	}
.page-liens h2	{
	background: url('attitude3.gif') 70% bottom no-repeat;
	border-bottom: 1px solid #FE3600 /* couleur contraste principale */;
	padding-bottom: 1em;
	margin-bottom: 1em;
	}
/* -------------------mise en page des pages annuaires (devenues texte page page-liens voir au dessus)--------------- */
/*#page-annuaire .tableau-boutons td	{
	font-weight: bold;
	font-size: 120%;
	}
#page-annuaire .tableau-boutons table	{
	width: 72%;
	margin: auto;	
	}
#page-annuaire th	{
	text-align: left;
	}*/
/* -----------------mise en page des pages tableau punett------------- */
#tableaux-punnet-pivot .math	{
	font-weight: bold;
	font-size: 200%;
	}
#tableaux-punnet table, #tableaux-punnet td, #tableaux-punnet th	{
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	}
#tableaux-punnet table	{
	text-align: center;
	table-layout: auto;
	width: auto;
	margin: auto;
	}
#tableaux-punnet th	{
	background-color: #E9E9E9 /*couleur fond body*/;
	}
#tableaux-punnet caption	{
	text-align: center;
	}
.recap-tableau-punnet	{
	background-color: #E9E9E9 /*couleur fond body*/;
	border: 2px outset #5B5B5B /*couleur texte generale*/;
	width: 80%;
	margin: auto;
	}
/* -------------------mise en page des pages brisson--------------- */
p.question-brisson:first-letter, p.reponse-brisson:first-letter	{
	color: #FE3600 /* couleur contraste principale */;
	font-size: 300%;
	}
p.reponse-brisson1	{
	border-top: 2px solid #FE3600 /* couleur contraste principale */;
	padding-top: 1em;
	padding-bottom: 1em;
	}
p.reponse-brisson1:first-letter	{
	color: #FE3600 /* couleur contraste principale */;
	font-size: 300%;
	}
/* -----------mise en page des pages description couleurs---------- */
#description-couleurs th	{
	background-color: #E9E9E9 /*couleur fond body*/;
	border: 1px dotted;
	font-weight: normal;
	}
#description-couleurs td	{
	border: 1px dotted;
	border-left:none;
	border-right:none;
	text-align: center;
	}
#description-couleurs td.denomination-couleur	{
	border-right: 1px dotted;
	text-align: left;
	width: 40%;
	}
#description-couleurs table	{
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	}
#description-couleurs-theorie table, #description-couleurs-theorie td	{
	text-align: center;
	}
/* ------------------mise en page des pages listing--------------- */
#listing-couleurs h2, #listing-couleurs h3, #listing-couleurs h4, #listing-couleurs h5, #listing-couleurs h6	{
	margin-left: 0;
	text-align: center;
	}
#listing-couleurs h5	{
	background-color: #E1E1E1 /*fond tres tres clair*/;
	padding-bottom: 1em;
	padding-top: 1em;
	line-height: 1em;
	margin-bottom: 0;
	margin-top: 0;
	}
/* ------------------mise en page des pages legislation--------------- */
#texte-afas-legislation table, #texte-afas-legislation td	{ 
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	}
/* -------------mise en page des pages compilations races----------- */
#compilation-races td	{
	text-align: center;
	}
#compilation-races .tableau-chapeau td	{
	background-color: #CDCDCD /*fond clair*/;
	border: 1px solid #5B5B5B /*couleur texte generale*/;
	}	
/* ------------------mise en page des pages races--------------- */
#fiche-race-photos td	{
	text-align: center;
	}
#fiche-race-complement	{
	/*border-bottom: 2px solid #005500;*/
	}
#fiche-race-complement ul	{
	margin-left: 8em;
	}
#fiche-race-complement ul ul	{
	margin-left: 3em;
	}
#fiche-race-complement ul ul ul	{
	margin-left: 3em;
	}
#echelle-points-standard table	{
	width: 45%;
	margin: auto;
	}
#echelle-points-standard th	{
	background-color: #E1E1E1 /*fond tres tres clair*/;
	text-align: left;
	}
#echelle-points-standard td	{
	text-indent: 1em;
	}
/* ----------------mise en page de la page glossaire---------------- */
.glossaire h2	{
	background: url('attitude3.gif') 70% bottom no-repeat;
	border-bottom: 2px solid #FE3600 /* couleur contraste principale */;
	padding-top: 2em;
	padding-bottom: 1em;
	margin-bottom: 2em;
	}
.glossaire #ref-externes h2	{
	border: none;
	background-color: #CDCDCD /*fond clair*/;
	margin: 0;
	padding: 0.5em;
	padding-left: 1em;
	}
.glossaire .tableau-boutons td	{
	font-weight: bold;
	font-size: 120%;
	}
#wrapper .glossaire .tableau-boutons table	{
	width: 72%;
	margin: auto;
	}
.glossaire dl	{
	}
.glossaire dt	{
	padding-top: 1em;
	margin-left: 1em;
	}
.glossaire dd	{
	margin-left: 4em;
	text-indent: -1em;
	}
.glossaire .definition-puce	{
	padding-left: 2em;
	}
.remonter-repetitif	{
	margin-top: 3em;
	background: url('fleche-haut.gif') left bottom no-repeat;
	padding-left: 1em;
	}
/* ----------mise en page de la page questions frequentes---------- */
.questions-frequentes h2	{
	background: url('attitude2.gif') 80% bottom no-repeat;
	border-bottom: 2px solid #FE3600 /* couleur contraste principale */;
	padding-top: 1em;
	padding-bottom: 1em;
	}
/* ------------mise en page de la page recherche google------------ */
.moteur-google-afas	{
	width: 520px;
	margin: auto;
	}
.moteur-google-afas a img	{
	border: none;
	}
.moteur-google-afas th	{
	font-weight: normal;
	}
.moteur-google-afas input#recherche-sur-site, .moteur-google-afas input#recherche-annuaire-site	{
	text-align: left;
	margin-right: 0em;
	}
.moteur-google-afas input.google-envoyer	{
	font-weight: bold;
	}
/* -----------------mise en page de la page calculette------------- */
.calculette-touches {
	width: 57px;
	text-align: center;
	font-family: System,sans-serif;
	}
.affiche {
	width: 100%;
	text-align: right;
	font-family: System,sans-serif;
	font-size: 100%;
	}
.calculette-complete table	{
	border-collapse: separate;
	border-spacing: 2px;
	}

.bilan-cout	{
	background-color: #E1E1E1 /*fond tres tres clair*/;
	width: 50%;
	margin: auto;
	text-align: center;
	font-weight: bold;
	}
.pedigree-levy td	{
	font-weight: bold;
	font-size: 80%;
	line-height: 100%;
	}
.pedigree-levy td p	{
	font-weight: normal;
	font-size: 80%;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 2em;
	}
/* ---------------------mise en page des pages adherents------------- */
#texte-afas p, #texte-article p, #texte-bastide p, #texte-brisson p, #texte-caniard p, #texte-courrier p, #texte-ducatel p, #texte-dubois p, #texte-dubos p, #texte-fellows p, #texte-gruet p, #texte-gullaud p, #texte-hansen p, #texte-kretz p, #texte-maillot p, #texte-payan p, #texte-potters p, #texte-tavera p, #texte-vieira p, #rapport-coperci p, #texte-afas-legislation p 	{ 
	}
/* ---------------------------deboguer----------------- */
/*
*	{
	border: 1px solid red;
	}
img[alt]	{
	border: 4px solid red;
	}
img[title]	{
	border: 4px solid orange;
	}
*/
#essai-haut2	{
	}

#bandeau-titre h2	{
	/*width: 55%;*/
	position: relative;
	height: 35px;
	width: 55%;
	max-width: 620px;
	margin: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: 2px solid blue;
	}
h2 span	{
	background:  no-repeat bottom left;
	position: absolute;
	height: 100%;
	width: 100%;
	border: 2px solid red;
	}
#boite	{
background: #b0b0b0;
}