@charset "iso-8859-1";
/* http://home.nordnet.fr/~jacfermaut */

/****** Présentation pour le body ******/

body { 
	background-color: #2C4163;
	margin: 0px; 
	padding: 0px;
	scrollbar-face-color: #2C6A89;
	scrollbar-track-color: #D1E0F2;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #000000;	
	scrollbar-hightlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-3Dlight-color: #000000;	
	scrollbar-darkshadow-color: #000000
	}

/****** Alignement *******/	
	
	/* Permet de centrer la page */
	#page {
	position: absolute;
	width: 980px;
	left: 50%;
	margin-left: -490px;
	}
	
	.center {
	text-align: center;
	} 
	
	.gauche {
	text-align: left;
	} 
	
	.droite {
	text-align: right;
	} 
	
	.align_top {
	vertical-align: top;
	}
	
	.align_bottom {
	vertical-align: bottom;
	}

	.align_middle {
	vertical-align: middle;
	}
	
	.flottantg {
  	float: left;
  	}
  	
	.flottantd {
  	float: right;
  	}  

/****** Disposition du webset ******/
	
	#menuhaut {
	background-image: url('images/sous_entete.jpg');	
	}
	
	#tabcentrale { 
	background-image: url('images/fond_page.jpg');
	backgrouns-repeat: repeat-y;
	padding: 0px;
	}
	
	#tabmenu {
	margin-left: 10px;
	border: 0px;
	}
	
	#pied {
	text-align: right; 
	margin-top:30px; 
	margin-right:30px
	}

	#alignmenu {
	margin-left: 8px;
	padding-left: 4px
	}
	
	#fondmenu {
	background-image: url('images/menu_mid.gif');
	backgrouns-repeat: repeat-y;
	vertical-align: top;
	}
	
	#fondpage {
	background-image: url('images/expose_mid.gif');
	backgrouns-repeat: repeat-y;
	}
	
	#fondpied {
	background-image: url('images/pied.jpg');
	}
	
/****** Partage de la page principale ******/
	
	/* Conteneur d'une partie de page */
	/* Avec cadre - marge 15px - padding 15px*/
	.calque {
	margin-left: 5px;
	margin-right: 15px;
	border: 2px #081B39 solid;
	padding-left: 15px;
	padding-right: 15px;
	}

	/* Conteneur pour la colonne de gauche - Pas de cadre */
	.calquegauche {
	margin-left: 15px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 0px;
	text-align: center;
	}

	/* Conteneur pour la colonne de gauche - Avec un cadre */
	.calquegaucheavc {
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
	border: 2px #081B39 solid;
	}

	/* Conteneur pour la colonne de droite - Pas de cadre */
	.calquedroit {
	margin-left: 5px;
	margin-right: 15px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	}
	
	/* Conteneur pour le tableau des associations */
	.calqueass {
	width: 350px;
	margin-left: 5px;
	margin-right: 15px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	border: 2px #081B39 solid;
	}
	
	/* Cadre des titres */
	#cadre_titre {
	background-color: #7298C2;
	border-width: 8px; 
	border-style: double; 
	border-color:#2D2D6D;
	text-align: center;
	}

	/* Cadre des boutons de n° de page */
	.menu_n°page {
	height: 15px;
	background-color: #7298C2;
	border-width: 3px; 
	border-style: solid; 
	border-color:#2D2D6D;
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 10pt;	
	font-weight: bold;
	font-style: normal;
	text-align: center;
	}
	

/************** Les textes ***************/

	h1 {
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 18pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	} 

	h2 {
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 16pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	} 
	
	/* Idem que H2 mais pour éviter le saut de ligne */	
	.titre2 {
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	} 

	h3 {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	} 
	
	/* Idem que H3 mais caractères noirs */	
	.titre3 {
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 16pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	} 

	h4 {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	} 

	.sous-titre1 {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	} 

	.sous-titre2 {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	} 

	.sous-titre3 {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;	
	font-weight: bold;
	font-style: normal;
	text-align: center;
	} 

	
	/* Normal - aligné à gauche */	
	.normalg {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	} 
	
	/* Normal - aligné à gauche - Caractères gras */	
	.normalgb {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;	
	font-weight: bold;
	font-style: normal;
	text-align: left;
	} 
	
	/* Normal - aligné à gauche - Caractères italiques */	
	.normalit {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;	
	font-weight: normal;
	font-style: italic;
	text-align: left;
	} 

	/* Normal - centré - Caractères gras */	
	.normalcb {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;	
	font-weight: bold;
	font-style: normal;
	text-align: center;
	} 
	
	/* Normal - texte justifié - */
	.normalj {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	} 

	/* Normal - texte justiié - aligné à gauche */
	.normaljret {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	text-indent:40px;
	}
	
	/*Normal - texte justifié Chanson de Roland 11 pt */
	.normal11j {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	}
	
	/*Normal - texte justifié gras Chanson de Roland 11 pt */
	.normal11jb {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 11pt;
	font-weight: bold;
	font-style: normal;
	text-align: justify;
	}

	
	/*Normal - texte justifié - aligné à gauche 11 pt - Chanson de Roland */
	.normal11jbi {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	text-align: justify;
	}
	
	/*Normal - texte justifié - aligné à gauche 11 pt - Chanson de Roland */
	.italic11j {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 11pt;
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	}
	



	/*Normal - texte justifié - aligné à gauche 11 pt - Chanson de Roland */
	.normal11retj {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	text-indent:40px;
	}
	
	/* Normal - texte justifié - 10 pt */
	.normal10j {
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	}
	
	
	/* Normal - 9 pt */
	.normal9 {
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	text-align: center;

	}

	
	/* Normal - texte gras centré - 10 pt */
	.normal10gc {
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	}

	/*Gras - texte justifié - 10 pt */
	.gras10j {
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	text-align: justify;
	}
	
	/*Gras - texte justifié - 10 pt */
	.gras11j {
	font-family : Arial, Times New Roman;
	color : #000000;
	font-size: 11pt;
	font-weight: bold;
	font-style: normal;
	text-align: justify;
	}



	/* Commentaire sous les images ou photos */
	.comment {
	font-family : Times New Roman, Arial;
	color : #000000;
	font-size: 12pt;	
	font-weight: normal;
	font-style: italic;
	text-align: left;
	}
	
	/* Commentaire sous les images ou photos */
	.comment10 {
	font-family : Times New Roman, Arial;
	color : #000000;
	font-size: 10pt;	
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	}

	
	/* Idem que comment mais centré */
	.commentc {
	font-family : Times New Roman, Arial;
	color : #000000;
	font-size: 12pt;	
	font-weight: normal;
	font-style: italic;
	text-align: center;
	}
/* Idem que comment mais centré et non italique */
	.commentn {
	font-family : Arial Narrow, Times New Roman;
	color : #000000;
	font-size: 12pt;	
	font-weight: normal;
	font-style: normal;
	text-align: center;
	}

	/* Idem que comment mais en caractère gras */
	.commentg {
	font-family : Times New Roman, Arial;	
	color : #000000;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	}
	
	/* Idem que comment mais en caractère gras */
	.commentgc {
	font-family : Times New Roman, Arial;	
	color : #000000;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	}

	/* Italique - norma (non gras) - 12 pt - aligné à gauche, justifié*/	
	.italic12ret {
	font-family: Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	text-indent:40px;
	} 
	
	/* Italique - Gras - 12 pt - centré*/	
	.italicb12 {
	font-family: Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	} 
	
	/* Italique - normal (non gras) - 12 pt - gauche */	
	.italic12g {
	font-family: Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	} 

	/* Italique - normal (non gras) - 12 pt - gauche - avec retrait */	
	.italic12ret {
	font-family: Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	text-indent:40px;
	} 
	
	/* Italique - normal (non gras) - 12 pt - justifié - avec retrait */	
	.italic12jret {
	font-family: Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	text-indent:40px;
	} 
	
	/* Italique - normal (non gras) - 11 pt - justifié - sans retrait */	
	.italic11j {
	font-family: Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	text-indent:0px;
	} 


	/* Italique - Gras - 10 pt - gauche */	
	.italicg10 {
	font-family: Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	} 
	
	/* Italique - Gras - 10 pt - justifié */
	.italic10gj {
	font-family: Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	text-align: justify;
	} 
	
	
	/* Italique - normal (non Gras) - 10 pt - gauche*/	
	.italic10 {
	font-family: Arial Narrow, Arial, Times New Roman;	
	color : #000000;
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	} 

	/* Italique - normal (non Gras) - 10 pt - justifié*/	
	.italic10j {
	font-family: Arial Narrow, Arial, Times New Roman;		
	color : #000000;
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	} 

	/* Italique - Rouge -  Gras - 10 pt - justifié*/	
	.italicrg {
	font-family: Arial Narrow, Arial, Times New Roman;		
	color : #FF0000;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	text-align: justify;
	} 
	
	/* Les exposants */
	.exp {
	vertical-align: super;	
	color : #000000;
	font-size: 6pt;
	font-weight: normal;
	font-style: normal;
	}

	
	/* Normal - aligné à gauche - caractères gras */	
	.titremenu {
	font-family: Times New Roman;
	color : #000000;
	font-size: 11pt;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	} 

	/* Page suivante en fin de page */	
	.suite {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
	text-align: right
	}

	/* Page Sites apparentés - Espacement entre les liens de 25px */	
	.liens {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin-bottom: 50px;
	}

	/* Pour que les boutons présédente, page haut et suivante ne soient pas entourer par un cadre bleu */	
	.border0 {
	border: 0px;
	}
	
	/* Cadre noir autour d'une image */	
	.border2 {
	border: 2px #000000 solid;
	}

/****** Les liens *******/
	
	/* Liens des menus - en dessous de l'entête*/
	a.menu1:link { 
	font-size: 9pt; color: #000000; font-family: Verdana, times; font-weight: bold; text-decoration: none;
	}
	a.menu1:visited { 
	font-size: 9pt; color: #000000; font-family: Verdana, Arial, times; font-weight: bold; text-decoration: none;
	}
	a.menu1:hover {
	font-size: 9pt; color: #970618; font-family: Verdana, Arial, times; font-weight: bold; text-decoration: none;
	} 
	a.menu1:active {
	font-size: 9pt; color: #000000; font-family: Verdana, Arial, times; font-weight: bold; text-decoration: none;
	}

	/* Liens des menus - côté gauche*/
	a.menu2:link { 
	font-size: 11pt; color: #000000; font-family: Arial Narrow, arial, times; text-decoration: none;
	}
	a.menu2:visited { 
	font-size: 11pt; color: #000000; font-family: Arial Narrow, arial, times; text-decoration: none;
	}
	a.menu2:hover {
	font-size: 11pt; color: #970618; font-family: Arial Narrow, arial, times; text-decoration: underline overline;
	} 
	a.menu2:active {
	font-size: 11pt; color: #000000; font-family: Arial Narrow, arial, times; text-decoration: none;
	}
	
	/* Liens des menus pour les numéros de page*/
	
	#bloc_btpage_intoduc {
		margin:0 auto;
		width: 562px;
  		height: 46px;
		}
		
	#bloc_btpage_germania {
		width: 702px;
		height: 88px;
		margin:0 auto;
		}

	#bloc_btpage_bierne {
		width: 702px;
		height: l6px;
		margin:0 auto;
		}

	#bloc_btpage_oera {
		width: 352px;
		height: 56px;
		margin: 0 auto;
		}
		
	#bloc_btpage_terrier {
		width: 702px;
		height: 88px;
		margin: 0 auto;
		}
	#bloc_btpage_chansrol {
		width: 708px;
		height: 88px;
		margin: 0 auto;
		}



	dl {
	list-style-type: none;
	width: 100%; /* précision pour Opera */
	}

	.btpage dt {
	float: left;
	}

	.btpage a {
	margin: 0 2px;
	width: 60px;
	height: 16px;
	display: block;
	text-align: center;
	font-family : Arial, Times New Roman;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background: #7298C2;
	border: 3px outset #D2BE51;
	text-decoration: none;
	}

	.btpage a:hover {
	background: #FFFF00;
	color: #000000;
	border: 3px solid #6D8FC4;
	text-align: center;
	}

	.btpage a:active {
	border: 3px solid #6D8FC4;
	color: #000000;
	background: #FFFF00;
	text-align: center;
	}

	.btpage_over {
	margin: 0 2px;
	width: 60px;
	height: 16px;
	display: block;
	height: 16px;
	font-family : Arial, Times New Roman;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	border: 3px outset #D2BE51;
	text-decoration: none;
	color: #000000;
	background: #00FFFF;
	}
	
/****** Les listes *******/
		
	dl {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	}
	
	dt {
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	}
	
	/* Normal - aligné à gauche */
	li {
	margin-left:-20px;
	font-family : Arial Narrow, Arial, Times New Roman;
	color : #000000;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	}