/* Feuille de style CSS */

/*  Généralités  */
{
	margin: 0;
	padding: 0;	
	
}

/* Corps de la page web */
body
{
	background-image: url(fond.gif);
	background-attachment: fixed; 
	background-repeat: repeat-x;	
	font-family: Arial, Verdana;	
}

#body-bino
{
	background-color: #ffffff;
	font-family: Arial;	
}

/* Les zones de la page */

/* 1. "Conteneur" qui englobe tout le site  */
#Conteneur
{
	position: static;
	margin-left: auto;
	margin-right: auto;
	width: 800 px;
}

#Conteneur-index
{
	position: static;
	margin-left: auto;
	margin-right: auto;
	width: 900 px;
}

#Cont-iles
{
	position: static;
	margin-left: auto;
	margin-right: auto;
	width: 1000 px;
}


/* 2. En-tête  qui contient notamment le titre  */
#Entete
{
	width: 780px;
	/* Pour centrer l'image  */
	margin-left: auto;   
	margin-right: auto;
}

#banniere
{
	border: none;	 /* Pour éviter une bordure sur les liens sans la bannière */	
}


/* 3. Zone de corps de la page */

#Corps
{
	margin-left: auto;
	margin-right: auto;
	width: 778px;
	text-align: left;
}

#Corps-index
{
	background-image: url(fond.gif);
	background-image: url(index/parchemin-index.png);
	background-attachment: fixed; 
	background-repeat: no-repeat;	
	background-position : center;	
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height : 720px;
}

#Corps-iles
{
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}

#Corps-coll
{
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}

/* 4. Zone "pied de page" qui contient les informations du pied de page */
#pied
{
	height : 22px;
	text-align :center; 
	color: #FFFFFF;
}

#texte 
{
	width: 700px;
	/* Pour centrer  */
	margin-left: auto;   
	margin-right: auto; 
}

#texte-coll
{
	width: 750px;
	/* Pour centrer  */
	margin-left: auto;   
	margin-right: auto; 
}

/* Image de bordure en bas du corps */
#corpsbas 
{
	background-image: url(corpsbas.png);
	background-repeat: no-repeat;
	width: 778px;
	height: 169px;
	margin-top: 0px;
	margin-left: auto;   
	margin-right: auto; 
}

/* Les balises HTML */

/* 1. Décoration des titres */


H1 {
	font-size: 18px; font-weight: bold;  color: #422321;
	text-align: center
}

H2 {
	font-size: 28px; font-weight: bold;
	text-align: center; color: #422321
}

H3
{
	font-size: 14px; font-weight: bold;  color: #422321;
	text-align: center
}

H3.code
{
	font-size: 15px; font-weight: bold;  color: #422321;
	text-align: center; text-decoration: underline
}

H3.code2
{
	font-size: 18px; font-weight: bold;  color: #984242;
	text-align: center; text-decoration: underline
}

H4 
{
	font-size: 12px; color: #422321;
	text-align: center;
	font-style: italic
}

H4.code
{
	font-size: 12px; color: #422321;
	text-align: left;
	font-style: italic;
	margin-left: 15px;
}

H5
 {
	font-size: 24px; font-weight: bold; 
	text-align: center; color: #422321; text-decoration: underline;
}


H6 {
	font-size: 20px; font-weight: bold; 
	text-align: center; color: #422321
}

H6.big
 {
	font-size: 24px; font-weight: bold; 
	text-align: center; color: #422321
}

H6.listes {
	font-size: 18px; font-weight: bold;  color: #954175;
	text-align: center
}

/* 2. Décoration des liens */
a:link, a:visited
{
	color: #9A7A66;
	text-decoration: none;
	position: relative;
}

a:hover, a:active
{
	color: #422321;
	text-decoration: none;	
	position: relative;
}

a:link#liens, a:visited#liens
{
	color: #9A7A66;
	text-decoration: none;
	position: relative;
	font-weight: bold;
}

a:hover#liens, a:active#liens
{
	color: #422321;
	position: relative;
	text-decoration: none;
	font-weight: bold;
}

/* 2. Décoration des liens bino */
a:link#bino, a:visited#bino
{
	color: #422321;
	text-decoration: none;
	position: relative;
}

a:hover#bino, a:active#bino
{
	color: #9A7A66;
	text-decoration: none;
	position: relative;
}

/* 2. Décoration des liens collect */
a:link#collect, a:visited#collect
{
	color: #9A7A66;
	text-decoration: none;
	position: relative;
	font-weight: bold;
}

a:hover#collect, a:active#collect
{
	color: #422321;
	text-decoration: underline;
	position: relative;
	font-weight: bold;
}

/* 2. Décoration des liens Port-Neuf*/
a:link#portneuf, a:visited#portneuf
{
	color: #422321;
	text-decoration: none;
	position: relative;
}

a:hover#portneuf, a:active#portneuf
{
	color: ##422321;
	text-decoration: underline;
	position: relative;
}

.bouton {
	color: #e7d8bb;
	background-color: #422321;
	font-size: 12px;
	font-family: arial;
}
	
/* Décoration des paragraphes */
p
{
	text-align : justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	color: #422321;
}

p.portneuf
{
	text-align : justify;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 43px;
	margin-right: 15px;
	color: #422321;
}

p.centre
{
	text-align : center;
	margin-top: 25px;
	color: #422321;
}

p.gras
{
	text-align : justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	color: #422321;
	font-weight: bold;
}

p.poem1
{
	text-align : justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 160px;
	margin-right: 100px;
	color: #422321;
}

p.poem2
{
	text-align : justify;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 190px;
	margin-right: 100px;
	color: #422321;
}

p.liens
{
	text-align : center;
	font-size: 14px;
	color: #422321;
}

p.big
{
	text-align : center;
	font-size: 24px;
	font-weight: bold;
	color: #422321;
}

p.repart
{
	margin-left: 98px;
	font-weight: bold;
	color: #422321;
}

/* Effet typographique sur les premières lettres des paragraphes  */
p:first-letter 
{
	float: center;
	font-weight: bold;
	font-size: 20px;
	color: #422321; 
}


/* Décoration des tableaux */
table
{
	color: #422321;
	/* Pour centrer le tableau  */
	margin-left: auto;   
	margin-right: auto;  
}

table#forum
{
	color: #422321;
	margin-left: 25px;
}

table#portneuf1
{
	margin-left: 45px;
}

table#portneuf2
{
	margin-left: 43px;
	font-size: 15px;
}

table#iles
{
	margin-left: 60px;
}

table#forum td
{
	text-align : left;
}

table#cako
{
	width : 650 px; 
	border : none;
	margin-left: auto;   
	margin-right: auto;
}

table#cako td 
{
	border : none;
}

table#liens
{
	margin-left: 45px;
}

table#continent
{
	margin-left: 170px;
	border : none;
}

.gauche
{
	width : 66%;
	height : 65 px;
	text-align : left;
}

.milieudroit
{
	width : 33%;
	height : 65 px;
	text-align : right;
}

.milieugauche
{
	width : 33%;
	height : 65 px;
	text-align : left;
}

.entier
{
	text-align : center;
}

.entierGras
{
	text-align : center;
	font-weight: bold;
}

td.centre
{
	text-align : center;
}

td.left
{
	text-align : left;
}

td.gras
{
	color: #422321;
	font-weight: bold;
}

td.grasbis
{
	color: #AA4949;
	font-weight: bold;
	font-size: 18px;
}

ul
{
	list-style-type: square;
	color: #422321;
	font-size: 15px;
	margin-left: 75px;
	margin-right: 15px;
	text-align : justify;
}
 
ul.coll
{
	list-style-type: circle;
}