@charset "utf-8";
/* CSS Document */

body  {
    	font: 100% Tahoma, sans-serif;
    	background: #3d503c; /* Couleur du fond, une sorte de vert */ 
    	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    	padding: 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #000000; /* Couleur du texte : blanc */
    }
	
/* HAUT DE PAGE */
	
#container { 
    	width: 932px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background: #b4b9b2;
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
		background-image: url(images/droite.jpg);
		background-position: right;
		background-repeat: repeat-y;
    }
	
#header { 
    	background: #DDDDDD;
		background-image: url(images/banner.jpg);
		height: 115px; 
    	/* padding: 0 10px 0 20px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
    }
	
#survol {
    	width: 932px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
		Height: 21px; /* Hauteur du tableau */
		Margin-top: 0px;
    }
	
#barrehorizontale {
    	width: 932px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
		background-image:url(images/barrehorizontale2.jpg);
    	Height: 21px;
		Margin-top: 0px;
    }
	
/*  BLOC MENU et CONTAINER */

#blocprincipal { 
    	float: left;
		width: 932px;
		background-image: url(images/menu-long.jpg);
		background-position: left;
		background-repeat: repeat-y;
		Height: 100%;
    }

/*  MENU */
	
#blocmenu {
    	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 218px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
		height: 100%;
    }
	
#menuhaut {
		background-image:url(images/menu-haut.jpg);
		height: 75px;
	}

.sousmenu
	{
	color: #FFFFFF;
	font-family: Tahoma, sans-serif;
	}
	
.sousmenu h1
	{
	color: #CCCC66;
	font-family: Tahoma, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	text-indent: -15px;
	}
	
.sousmenu ul
	{
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	list-style: square url(images/puce.gif);
	padding-left: 65px;
	margin: 0px;
	}
	
.sousmenu a:link
	{
	color: #ffffff;
	text-decoration: none;
	}
	
.sousmenu a:visited
	{
	color: #ffffff;
	text-decoration: none;
	}
	
.sousmenu a:hover
	{
	color: #ff0000;
	text-decoration: none;
	}
	
/* CORPS DU SITE */

#main { 
    	float: left;
		width: 685px;
		margin: auto;
		margin-bottom: 10px;
    	padding: 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
		background-color: #b4b9b2;
		height: 100%;
		text-align: justify;
		font-size: 12px;
		position : relative;
    }
	
h2 {
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	color: #333333;
	font-variant: small-caps;
	padding-bottom: 15px;
}

h3 {
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #003333;
	font-variant: small-caps;
}

h3 a:link
	{
	color: #ff0000;
	text-decoration: none;
	}
	
h3 a:visited
	{
	color: #ff0000;
	text-decoration: none;
	}
	
h3 a:hover
	{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}

h4 {
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #003333;
	font-variant: small-caps;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3px;
}

h5 {
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #993333;
	font-variant: small-caps;
}
	
/*  BAS DE PAGE  */

#baspage { 
    	/* padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */ 
    	clear: both;
		background-image: url(images/footer.jpg); 
		height: 72px;
    }
	
/* IMAGES */

img {

	border: 0px;
	}
	
/* TOUTES LES PAGES */

.perso {

	border: 2px outset #cccccc; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	width: 90%;
}

.perso thead {

	border-bottom: 1px solid #cccccc; /* ... auront une bordure de 0px */
	text-align: center;
	background-color: #cccccc;
	color: #003333;

}

.perso tfoot {

	border-top: 1px solid #cccccc; /* ... auront une bordure de 0px */
	text-align: center;
	background-color: #cccccc;
	color: #003333;

}

.perso caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 14px;
   color: #003333;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
   margin-top: 20px;
}

.perso th /* Les cellules d'en-tête */
{
	width: 25%;
}

.perso td /* Les cellules normales */
{
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   border-bottom: 1px solid #cccccc;
   border-top: 1px solid #cccccc;
   
}

.perso a:link
	{
	color: #333333;
	text-decoration: none;
	}
	
.perso a:visited
	{
	color: #333333;
	text-decoration: none;
	}
	
.perso a:hover
	{
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
	}
	
#hautpage {

	font-size: 9px;
	color: #666666;
	margin: auto;
	text-align: center;
	margin-top: 15px;

}

#hautpage a:link
	{
	color: #666666;
	text-decoration: none;
	}
	
#hautpage a:visited
	{
	color: #666666;
	text-decoration: none;
	}
	
#hautpage a:hover
	{
	color: #333333;
	text-decoration: none;
	}
	
#chemin
	{
	font-size: 11px;
	color: #666666;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	}
	
#chemin a:link
	{
	color: #666666;
	text-decoration: none;
	}
	
#chemin a:visited
	{
	color: #666666;
	text-decoration: none;
	}
	
#chemin a:hover
	{
	color: #333333;
	text-decoration: none;
	}
	
#portrait img
	{
	border: solid black 1px;
	float: left;
	margin-right: 10px;
	z-index: 500;
	}
	
#description strong
	{
	text-decoration: underline;
	}
	
#description a:link
	{
	color: #333333;
	text-decoration: none;
	}
	
#description a:visited
	{
	color: #333333;
	text-decoration: none;
	}
	
#description a:hover
	{
	color: #ff0000;
	text-decoration: none;
	}
	
.imgborder img
	{
	border: solid black 1px;
	}

#txtcenter
	{
	text-align: center;
	}
	
/* TABLEAU DE LA CARTE DU MONDE */

.tablepays {

	border: 2px outset #cccccc; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	width: 90%;
}

.tablepays thead {

	border-bottom: 1px solid #cccccc; /* ... auront une bordure de 0px */
	text-align: center;
	background-color: #cccccc;

}

.tablepays tfoot {

	border-top: 1px solid #cccccc; /* ... auront une bordure de 0px */
	text-align: center;
	background-color: #cccccc;

}

.tablepays caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 14px;
   color: #003333;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
   margin-top: 20px;
}

.tablepays th /* Les cellules d'en-tête */
{
	width: 33,33%;
}

.tablepays td /* Les cellules normales */
{
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   border-bottom: 1px solid #cccccc;
   border-top: 1px solid #cccccc;
   
}

/*  TABLEAU DES VOLUMES  */

.tablevolume
	{
	border: none;
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	text-align: center;
	}


.tablevolume th /* Les cellules d'en-tête */
{
	text-align: center; /* Tous les textes des cellules seront centrés*/
	width: 24px;
}

.tablevolume tr /* Les Lignes */
{
	text-align: center; /* Tous les textes des cellules seront centrés*/
}

.tablevolume td /* Les cellules normales */
{
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   width: 0px;
   
}
	
.tablevolume img
	{
	border: none;
	}
	
.tablevolume a:link
	{
	color: #333333;
	text-decoration: none;
	}
	
.tablevolume a:visited
	{
	color: #333333;
	text-decoration: none;
	}
	
.tablevolume a:hover
	{
	color: #ff0000;
	text-decoration: none;
	}

/* TABLE DU SOMMAIRE DES VOLUMES   */

.sommaire {

	border: 2px outset #cccccc; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	width: 100%;
}

.sommaire thead {

	border-bottom: 1px solid #cccccc; /* ... auront une bordure de 0px */
	text-align: left;
	background-color: #cccccc;

}

.sommaire tfoot {

	border-top: 1px solid #cccccc; /* ... auront une bordure de 0px */
	text-align: left;
	background-color: #cccccc;

}

.sommaire caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 14px;
   color: #003333;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
   margin-top: 20px;
}

.sommaire th /* Les cellules d'en-tête */
{
	width: 10%;
}

.sommaire td /* Les cellules normales */
{
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   border-bottom: 1px solid #cccccc;
   border-top: 1px solid #cccccc;
   
}

.sommaire a:link
	{
	color: #333333;
	text-decoration: none;
	}
	
.sommaire a:visited
	{
	color: #333333;
	text-decoration: none;
	}
	
.sommaire a:hover
	{
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
	}
	
#bloclarge 
	{
	padding-top: 10px;
	clear: both;
	margin: auto;
	width: 100%;
	text-align: center;
	}
	
.txtcenter
	{
	text-align: center;
	}
	
.txtcenter a:link
	{
	color: #333333;
	text-decoration: none;
	}
	
.txtcenter a:visited
	{
	color: #333333;
	text-decoration: none;
	}
	
.txtcenter a:hover
	{
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
	}
	
.txtcenter p /* Les cellules normales */
{
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding-top: 1px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   border-top: 1px dotted #cccccc;
}

#newsauteur
	{
	text-align: left;
	font-size: 11px;
	}
	
#newscom
	{
	text-align: right;
	font-size: 11px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	float: right;
	width: 100%;
	}
	
#newscom a:link
	{
	color: #333333;
	text-decoration: none;
	}
	
#newscom a:visited
	{
	color: #333333;
	text-decoration: none;
	}
	
#newscom a:hover
	{
	color: #ff0000;
	text-decoration: none;
	}
	
/*  TABLEAU DES CHAPITRES  */

.tablechapitres
	{
	border: none;
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	text-align: center;
	width: 100%;
	}


.tablechapitres th /* Les cellules d'en-tête */
{
	text-align: center; /* Tous les textes des cellules seront centrés*/
	width: 300px;
}

.tablechapitres tr /* Les Lignes */
{
	text-align: center; /* Tous les textes des cellules seront centrés*/
}

.tablechapitres td /* Les cellules normales */
{
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   
}

.tech {

	border: 2px outset #cccccc; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	width: 90%;
}

.tech td /* Les cellules normales */
{
   text-align: justify; /* Tous les textes des cellules seront centrés*/
   padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   border-bottom: 1px solid #cccccc;
   border-top: 1px solid #cccccc;
   
}

.tech a:link
	{
	color: #333333;
	text-decoration: none;
	}
	
.tech a:visited
	{
	color: #333333;
	text-decoration: none;
	}
	
.tech a:hover
	{
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
	}

.tech .nom {
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #993333;
	font-variant: small-caps;
}
.stats 	{
	font-family: Tahoma, sans-serif;
	text-align: center;
	font-size: 12px;
	text-indent: -15px;
	padding-right: 5px;
	}
	
/*  TABLEAU DES FANARTS  */

.tablefanarts
	{
	border: none;
	/*border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 10px;
	margin: auto; /* Centre le tableau */
	text-align: center;
	}

.tablefanarts tr /* Les Lignes */
{
	text-align: center; /* Tous les textes des cellules seront centrés*/
}

.tablefanarts td /* Les cellules normales */
{
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   width: 0px;
   
}
	
.tablefanarts img
	{
	border: 1px;
	}
	
.tablefanarts a:link
	{
	color: #333333;
	text-decoration: none;
	}
	
.tablefanarts a:visited
	{
	color: #333333;
	text-decoration: none;
	}
	
.tablefanarts a:hover
	{
	color: #ff0000;
	text-decoration: none;
	}


/* ******FOOTER****** */

#footer {
	padding-top: 0px;
	color: #003333;
	font-size: 10px;
	vertical-align: middle;
}

.souligne {
	text-decoration:underline;
}