/* CSS issu des tutoriels css.alsacreations.com */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: white;
	font: 100% verdana, arial, sans-serif;
}
#colonne_gauche { 
	font-family:Geneva, Arial, Helvetica, sans-serif;  
    font-size: 65%;
	text-indent:0em; 
    text-align:left; 
	float:left; 
	width:25%;
}
#colonne_droite { 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	text-align:left;
	float:right;
	width:25p%;
	
}
p {margin: 1px 0 7px 0; text-indent:2em;}
h1 {
}
h2 {
}
h3 { font-size:18px; font-weight: bold;text-align:center;
}
h4 {
}
h5 { font-size:14px; font-weight: bold;text-align:center;
}
h6 { font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:small;
	 font-weight:bold;
}
#header {
	height: 100px;
	background-image:url(fonds_bandeau_melennec.jpg);
	color: #003399;
	margin-left: 0%;
	margin-right: 0%;
	font-size:38px;
	font-family: "CloisterBlack BT";
	text-align:center;
	font-weight:bold;
	background-repeat: repeat-x;
	vertical-align: top;
	letter-spacing: normal;
}
#haut {height: 30px;background-color:#CCCCFF;}
#conteneur {position: absolute;width: 1024px;height: auto;background-image: url(litegray1.jpg);}
	
#conteneur600 {
	position: absolute;
	width: 1000px;
	background-color: #FFFFFF;
	height: 600px;
}
#conteneur_lecteur {padding-top: 78%;
	padding-left: 0.1%;
	padding-bottom : 1%;
		color: #333399;
	font-weight:bold;
	font-size:0.9em;
	margin-left: 1%;
	margin-right: 18%;
	margin-top: 1%;
    float: left;
	width: 10em;
}
#accroche {
	background-image: url(litegray1.jpg);
	color: #333399;
	font-weight:bold;
	font-size:0.99em;
	margin-left: 18%;
	margin-right: 18%;
	margin-top:12%;
	border-bottom-color: #000033;
	border-bottom-style: solid;
	border-bottom-width: thin;
	padding-top: 1%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 1%;
	text-align:center;
}
#corpsdetexte {
	color: #666;
	font-size:0.8em;
	margin-left: 18%;
	margin-right: 18%;
	margin-top:1%;
	background-image: url(litegray1.jpg);
	padding-left:3%;
	padding-right: 4%;
	padding-top:2%
}
#findetexte {
	color: #666;
	font-size:0.6em;
	margin-left: 18%;
	margin-right: 18%;
	margin-top:1%;
	background-image: url(litegray1.jpg);
	padding-left:3%;
	padding-right: 4%;
	padding-top:2%;
	border-bottom-color: #000033;
	border-bottom-style: solid;
	border-bottom-width: thick;
	padding-top: 2%;
	padding-bottom: 1%;
	text-align:right;
	font-weight:bold;
}
#lettre {
	color: #666;
	font-size:0.8em;
	font-style:italic;
	margin-left: 18%;
	margin-right: 18%;
	margin-top:1%;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-image: url(litegray1.jpg);
	padding-left:1%;
	padding-right: 1%;
	padding-top:2%
}
#expediteur {
	color: #666;
	font-size:0.4em;
	font-style:italic;
	margin-left: 18%;
	margin-right: 18%;
	margin-top:1%;
	border-bottom-color: #000033;
	border-bottom-style: solid;
	border-bottom-width: thick;
	background-image: url(litegray1.jpg);
	padding-left:1%;
	padding-right: 1%;
	padding-top:2%
}
#date {
	color: #666;
	font-size:0.8em;
	font-style:italic;
	margin-left: 18%;
	margin-right: 18%;
	margin-top:1%;
	border-bottom-color: #000033;
	border-bottom-style: solid;
	border-bottom-width: thick;
	background-image: url(litegray1.jpg);
	padding-left:1%;
	padding-right: 1%;
	padding-top:2%
}
#destinataire {
	color: #666;
	font-size:0.8em;
	font-style:italic;
	margin-left: 18%;
	margin-right: 18%;
	margin-top:1%;
	border-bottom-color: #000033;
	border-bottom-style: solid;
	border-bottom-width: thick;
	background-image: url(litegray1.jpg);
	padding-left:1%;
	padding-right: 1%;
	padding-top:2%
}


.gauche {float:left;font-size:0.9em;width: 50px; height:10px;}
.droite {float:none;font-size:0.7em;width: 375px;margin-left:60px;clear:both;color:#888;}

#pied {
	clear:both;
	height: 120px;
	background-image:url(bandeau_melennec.jpg);
	color:#CCCCCC;
	margin-top:25px;
	background-repeat: repeat-x;
	font-size:9px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
font-size:9px;
position: absolute;
top: 100px;
left: 0;
z-index:85;
width: 100%;
display:inline;
}
#menu dl {
float: left;
width: 8em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background-image:url(bandeau_melennec.jpg);
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background-image:url(bandeau_melennec.jpg);
color:#00ccff;
}
#menu li a, #menu dt a {
color: #0000cc;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background-image:url(bandeau_melennec.jpg);
color:#333333;
font-weight:bold;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}
a:link {text-decoration: none;color: #0000cc;text-decoration: underline;font-weight: normal;}
a:visited {color: #660099;text-decoration: none;font-style:italic;}
a:hover {color: #000;background-color: #CCCCCC;text-decoration: none;font-weight: bold;}
a:active {color:#660000;background-color: #333333;text-decoration: underline;font-weight:normal;}
.table_gauche { text-align:left; font-size:x-small; float:left; padding-right:15%;
}
.table_centre {text-align:left; font-size:x-small; float:left; padding-right:15%;
}
.table_droite {text-align:left; font-size:x-small; float:left;
}
.image1 {
	padding-top: 35%;
	padding-left: 15%;
	padding-bottom : 10%;
}
.image1 {
	padding-top: 155%;
	padding-left: 15%;
}
.image_bord_gauche {
	padding-top: 78%;
	padding-left: 0.2%;
	padding-bottom : 1%;
	width: 12em;
}
.image_bord_droit {
	padding-top: 76%;
	padding-left: 0.1%;
	padding-bottom : 1%;
	width: 15em;
}
.image_centre {
	padding-top: 1em;
	padding-left: 2em;
	padding-right: 0.8%;
	padding-bottom : 0.2em;
	width: 41em;
	height:36em;
}
.legende_photo {color:#CCCC00; font-size:xx-small; font-weight:bolder; padding-left:2em; padding-top:0.1em
}
#tableau1 {
	width: 600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #cfc;
	padding-left:0.5em
	padding-bottom: 1%;
	heigh:auto;
	float:none;
	}
#tableau2 {
	width: 600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #6fc;
	float:none;
	}
#tableau3 {
	width: 600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #ff9;
	float:none;
	}
#tableau4 {
	width: 600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #ff3;
	float:none;
	}
#tableau5 {
	width: 600px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #f90;
	float:none;
	}