/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#FFFFFF;
}
a:link {
	color: #3333CC;
	text-decoration: underline;
}
a:visited {
	color: #3333CC;
	text-decoration: underline;
}
a:hover {
	color: #0099FF;
	text-decoration: none;
}
a:active {
	color: #0099FF;
	text-decoration: none;
}

#header {
height: 50px;
background-color: #99CCCC;
background-image: url(vignette.jpg);
background-repeat: no-repeat;
background-position:0% 0%;
}

#conteneur {
width: 100%;
background-color:#FFFFFF;
overflow: visible;

}
div#bandeau {
height:240px;
overflow: auto;
text-align:center;
}

#centre {
height: 100%;
margin :0;
overflow: visible;
}

#gauche {
position: absolute;
left:0;
width: 250px;
display :none;
}

#pied {
display :none;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

h6{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
text-align: left;
font-style: italic;
}

#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: left;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

.titre_h {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	text-align: right;
}

.titre {
font-family: Arial, Helvetica, sans-serif; 
font-size: 36px;
font-weight: bold;
color: #000080;
text-align: center
}

.titre1 {
font-family: Arial, Helvetica, sans-serif; font-size: 24px;
font-weight: bold;
color: #000080;
text-align: center
}
.titre2 {
font-family: Arial, Helvetica, sans-serif; font-size: 24px;
font-style: italic;
color: #000080;
text-align: center
}
.titre3 {
font-family: Arial, Helvetica, sans-serif; font-size: 20px;
font-weight: bold;
color: #000080;
text-align: center
}
.titre4 {
font-family: Arial, Helvetica, sans-serif; font-size: 20px;
font-style: italic;
color: #000080;
text-align: center
}

.titre5 {
font-family: Arial, Helvetica, sans-serif; font-size: 18px;
font-weight: bold;
font-style: italic;
color: #000080;
text-align: center
}
.titre10 {
font-family: Arial, Helvetica, sans-serif; font-size: 14px;
font-weight: bold;
color: #000080;
text-align: center
}

.nombre10 {
font-family: Arial, Helvetica, sans-serif; font-size: 20px;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #000000
}

.chapitre {
font-family: Arial, Helvetica, sans-serif; font-size: 16px;
font-weight: bold;
color: #000080;
text-align: left;
line-height: 20pt;
}
.citation {
font-family: Arial, Helvetica, sans-serif; font-size: 16px;
font-weight: bold;
font-style: italic;
color: #000080;
text-align: center;
line-height: 20pt;
}

.valeur {
font-family: Arial, Helvetica, sans-serif; font-size: 14px;
font-weight: bold;
color: #000080;
text-align: left
}
.petite_valeur {
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
font-weight: bold;
color: #000000;
text-align: left
}

.texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000080;
line-height: 14pt;
font-style: Normal;
}

.article {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-align: left;
line-height: 12pt;
}
.resume {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-align: justify;
	font-weight: normal;
	color: #000000
}
.legende {
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
font-weight: normal;
font-style: italic;
color: #000000;
text-align: left

}
.attention {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
color: #FF0000;
text-align: center
}
.une_date {
font-family: Arial, Helvetica, sans-serif;
color: #990000;
font-size: 18px;	
font-weight: bold;
}
.petite_date {
font-family: Arial, Helvetica, sans-serif;
color: #990000;
font-size: 14px;	
font-weight: bold;
}

.lenu {
font-family: Arial, Helvetica, sans-serif;
}

.lenu li {
margin: 0;
padding: 15px;
font-style: italic;
list-style-position: inside ;
list-style-image: url("puce.gif");

}
.lien a{
	font-size: 14px;	
	color: #9A5700;
	font-weight: bold;
	text-decoration: none;
}

.lien a:link {
	font-size: 14px;	
	color: #9A5700;
	font-weight: bold;
	text-decoration: none;
}
.lien a:visited {
	font-size: 14px;	
	color: #9A5700;
	font-weight: bold;
	text-decoration: none;
}
.lien a:hover {
	color: #000080;
	font-size:140%;
	font-weight: bold;
	text-decoration: none;
}
.lien a:active {
	color: #0099FF;
	font-weight: bold;
	text-decoration: none;
}

.vignette {
text-align: center
}

p {margin: 0 0 10px 0;}
div#galerie
{
	width: 800px ;
	background: #eed ;
	border: 1px solid #b2964e ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Arial, Helvetica, sans-serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #b2964e ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 1.5em/1.5em Arial, Helvetica, sans-serif ;
	color: #b2964e ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #b2964e ;
}

.suivant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.suivant a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(suiv.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: left center;
}
.suivant a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(suiv.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: left center;

}
.suivant a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FF9900;
	text-decoration: none;
	background-image: url(suiv.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: left center;
}
.precedent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.precedent a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(prec.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: left center;
}
.precedent a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(prec.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: left center;

}
.precedent a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FF9900;
	text-decoration: none;
	background-image: url(prec.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: left center;
}
.lienphoto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
.lienphoto a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(photo.gif);
	background-repeat: no-repeat;
	padding-right: 20px;
	background-position: right center;
}
.lienphoto a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(photo.gif);
	background-repeat: no-repeat;
	padding-right: 20px;
	background-position: right center;
}
.lienphoto a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FF2626;
	text-decoration: none;
	background-image: url(photo_h.gif);
	background-repeat: no-repeat;
	padding-right: 20px;
	background-position: right center;
}