/*code écrit par Marie-Lise et Marie-Laure ROCHOY - 2008 - Ce document est valide conformément à la recommandation CSS niveau 2.1 */
/*corps de page------------------------------------------------------------------------*/
body {
	font-family: verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background: url(images/merfiligrane.jpg) repeat fixed;
	color: navy;
	text-align: center;
	margin: 20px;
	}

/*positionnement page accueil-------------------------------------------------------*/
div#imgaccueil {
	float: left;
	margin-left: 10px;
	}
div#boutonentree {
	margin-top: 10px;
	}
	
/*positionnement général-------------------------------------------------------------*/
div#header {
	height: 150px;
	}
div#haut {
	height: 60px;
	font-size: 8pt;
	}
div#haut2 {
	height: 30px;
	font-size: 8pt;
	}
div#gauche {
	margin-top: 10px;
	position: absolute;
	left: 20;
	width: 200px;
	font-size: 8pt;
	}
div#centre {
	margin-top: 30px;
	margin-left: 200px;
	margin-right: 50px;
	border-left: 2px solid purple;
	padding-left: 10px;
	}
div#pied {
	height: 60px;
	font-weight: normal;
	}

/*menu horizontal--------------------------------------------------------------------------*/	
ul.menuhaut {
	list-style-type: none;
	text-align: center;
	margin-top: 20px;
	}
ul.menuhaut li {
	display: inline;
	}
.menuhaut a {
	padding: 2px 2px;
	border: 5px outset blue;
	}
.menuhaut a:hover {
	border: 5px outset red; 
	}
.menuhaut a:active {
	border: 5px inset green;
	}
	
/*menu vertical--------------------------------------------------------------------------*/	
#menugauche {
	width:170px;
	margin-top: 30px;
	}
#menugauche a {
	display: block;
	padding: 2px 2px;
	border: 5px outset blue;
	}
#menugauche a:hover {
	border: 5px outset red; 
	}
#menugauche a:active {
	border: 5px inset green;
	}

/*liens-----------------------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: green;
	background-color: #dcfafb;
	}
a:hover {
	color: red;
	}
a:active {
	color: blue;
	}

/*paragraphes------------------------------------------------------------------------*/
p {
	text-align: justify;
	}

/*titres--------------------------------------------------------------------------------*/
h1 {
	font-size: 18pt; 
	color: blue;
	}
h2 {
	font-size: 16pt; 
	color: purple; 
	text-align: left;
	}
h3 {
	font-style: italic; 
	font-size: 14pt; 
	text-align: left;
	}

/*bouton entrée--------------------------------------------------------------------*/
.bouton {
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 16pt;
	padding: 5px;
	width: 252px;
	height: 27px;
	}
a.bouton {
	border-style: outset;
	border-width: 5px;
	border-color: blue;
	}
a.bouton:hover {
	border-style: outset;
	border-width: 5px;
	border-color: red;
	}
a.bouton:active {
	border-style: inset;
	border-width: 5px;
	border-color: green;
	}
	
/*ligne horizontale--------------------------------------------------------------*/
hr {
	color: purple;
	width: 100%;
	height: 2px;
	border: 0;
	background-color: purple;
	}

/*mots en couleur-------------------------------------------------------------*/
.vert {
	color: green;
	background-color: #dcfafb;
	}
.rouge {
	color: red;
	background-color: #dcfafb;
	}
.bleu {
	color: blue;
	background-color: #dcfafb;
	}

/*Liste à puces-----------------------------------------------------------------*/
ul {
	text-align: left;
	}

/*Galerie photos-------------------------------------------------------------*/
div#galerie {
	border: 1px solid navy;
	padding: 10px;
	margin: 15px 10px;
	text-align: center;
	font: 8pt Verdana, sans-serif;
	}
ul#galerie_mini {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
ul#galerie_mini li {
	display: inline;
	}
ul#galerie_mini li a img {
	margin: 2px 1px;
	border: 1px solid green;
	}
dl#photo {
	margin: 0 auto 10px auto;
	}
dl#photo dt {
	font: italic bold 12pt Verdana, sans-serif;
	color: navy;
	}
dl#photo dd {
	margin: 0;
	margin-top: 5px;
	}
dl#photo img {
	border: 1px solid blue;
	}

/*bloc de news------------------------------------------------------*/
#news {
	width: 550px;
	height: 250px;
	overflow: auto;
	border: 2px solid navy;
	padding: 10px;
	margin-left: auto;
	margin-right: 20px;
	margin-top:80px;
	}
.clignote {
	text-decoration: blink;
	}