/* contrairement à javascript, les chemins sont calculés relativement à la feuille de style ! */
/* MaJ - 2008-01 mars */

/* __________  FOND de page _____ */

body {
	background-color: #FFFFFF;
	}


/* _________ les BLOCS affichés _____ */

.sommaire {
		font-family: "Comic sans ms",Arial,Sans-serif;
		font-size: 10pt;
		color: #000000;
		text-align: justify;
		}

.sommaire img {
			border-style: none;
			}

.docu {
	font-family: "Comic sans ms",Arial,Sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: justify;
	padding-right: 5px;
	}

.docu .copyright {
				font-family: Arial,Sans-serif;
				font-size: 11pt;
				font-style: italic;
				font-weight: bold;
				text-align: center;
				color: #000000;
				}

.retrait {
		margin-left: 70px;
		}

	.retrait table {
			width: 80%;
			margin-left: 10px;
			border-style: none;
			text-align: justify;
			}

.ps {
	font-family: Arial,Sans-serif;
	font-size: 8pt;
	color: #000000;
	text-align: center;
	}



/* ________ les BLOCS non_affichés _____ */

.menu,
.xiti,
.naviguer {
	display: none;
	}


/* __________ LIENS _____ */

a:link 
a:visited,
a:hover {
	text-decoration: underline;
	color: #000000;
	}

a:active {
	text-decoration: none;
	color: #000000;
	 }


/* ___________Titrages et Lignes  ____*/

h1 {
   font-size: 16pt;
   text-align: center;
   }

	.sommaire h1 {
			font-size: 20pt;
			text-align: center;
			}

h2 {
   font-size: 14pt;
   text-align: center;
   }

h3 {
   font-size: 12pt;
   text-align: center;
   }


hr {
   color: #000000;
   text-align: center;
   }

	hr.courte {
	  	  width: 30%;
		  }



/* ________ IMAGES   bloc Docu _____ */

.docu img.pays_1 {
		 width: 200pt;
		 height: *;
	              }

.docu img.pays_2 {
		 width: 150pt;
		 height: *;
		 }

.docu img.pays_3 {
		 width: 100pt;
		 height: *;
		 }

.docu img.port_1 {
		height: 200pt;
		width: *;
		}

.docu img.port_2 {
		height: 150pt;
		width: *;
		}

.docu img.port_3 {
		height: 100pt;
		width: *;
		}

.docu img.petite {
		height: 80pt;
		width: *;
		}

.docu img.poster {
		height: 300pt;
		width: *;
		}

.docu img.matos {
		 width: 100pt;
		 height: *;
		 }

/* Tableaux  - IE n'héritant pas des #_blocs */

table {
	font-family: "Comic sans ms",Arial,Sans-serif;
	font-size: 10pt;
	color: #000000;
	}



/* _____ tablo Brico & anecdotes _____ */

table.icone {
	    border-style: none;
	    text-align: justify;
	    }


	table.icone td {
			padding : 3px;
			vertical-align: top;
			}

	table.icone img {
			 border-style: none;
			 height: 20px;
			 width: 20px;
			 }

	.sommaire table.icone {
				border-style: none;
				margin-left: 20%;
				}

/* _____ Page du Livre d'or _____ */

.livredor {
	font-family: Arial,Sans-serif;
	font-size: 10pt;
	color: #000000;
	}

form table {
	   margin-left: 5%;
	   width: 95%;
	   border-style: none;
	   vertical-align: top;
	   font-family: Arial,Sans-serif;
	   font-size: 90%;
	   font-weight: bold;
	   }

	form table td {
			padding-top: 10px;
			}

form input.submit {
	position: relative;
	left: 20%;
	color: #000000;
	font-weight: bold;
	}

form input.reset {
	position: relative;
	left: 20%;
	color: #000000;
	}



/* _____ tablo des Liens _____ */

table.liens {
	   width: 95%;
	   border-style: outset;
	   border-width: 2px;
	   }

table.annu {
	   width: 65%;
	   border-style: outset;
	   border-width: 2px;
	   }

th.lelogo {
	border-style: inset;
	border-width: 1px;
	}

td.lelogo {
	border-style: inset;
	border-width: 1px;
	font-size: 8pt;
	text-align: center;
	}

td.lelien {
	border-style: inset;
	border-width: 1px;
	padding: 5px;
	font-size: 8pt;
	text-align: justify;
	}