<!--
/* pour le menu vertical */
/*-----------------------*/

*
{
font-family:"MS Sans Serif", sans-serif, Verdana, Arial;
}

body
{
margin-top:0px;
}


.center_anim
{
width:600px;
margin-left:auto;
margin-right:auto;
}

.menu_v 
{
	background-color:#DDEFFF;
	color:#0069B5;
	font-size:8.0pt;
	font-weight:bold;
	border:0px;
	padding:0px;
	margin:0px;
	width:100%;
	height:20px;
}

.menu_v a:link
{
	color:#0069B5;
  font-size:8.0pt;
	text-decoration:none;
}

.menu_v a:visited
{
	color:#0069B5;
	font-size:8.0pt;
	text-decoration:none;
}

.menu_v a:hover, .menu_v a:focus, .menu_v a:active
{
	color:#F89F1B;
  font-size:8.0pt;
	text-decoration:none;
}

li
{
margin-bottom:.0001pt;
text-align:left;
margin-left:.25in;
margin-right:0in;
margin-top:0in;
color:#0069B5;
list-style: square;
}

/* text page principale */
/*----------------------*/
p
{	margin-bottom:.0001pt;
	text-align:justify;
	font-size:12.0pt;
	margin-left:.25in;
	margin-right:0in;
  margin-top:0in;
  color:#0069B5;
}

h1
{	margin-top:0in;
	margin-right:0in;
	margin-left:0in;
	margin-bottom:.0001pt;
	font-size:16.0pt;
	font-weight:normal;
	text-align:left;
	color:#E88F0B;
}

h2
{	margin-top:.1in;
	margin-right:0in;
	margin-left:.25in;
	margin-bottom:.0001pt;
	font-size:14.0pt;
	font-weight:normal;
	text-align:left;
	color:#E88F0B;
}

.sub-title
{	margin-top:.1in;
	margin-right:0in;
	margin-left:.25in;
	margin-bottom:.0001pt;
	font-size:14.0pt;
	font-weight:normal;
	text-align:center;
	color:#E88F0B;
}

/* nagivation horizontale */
/* -----------------------*/
.nav 
{
	background-color:#DDEFFF;
	color:#0069B5;
	font-size:8.0pt;
	font-weight:normal;
	border:0px;
	padding:1px;
	margin:1px;
	line-height:20px;
}

.nav a:link, .nav a:hover, .nav a:focus, .nav a:active, .nav a:visited
{
	color:#0069B5;
	font-weight:bold;
	font-size:8.0pt;
	text-decoration:none;
}

/* footer */
/* -----------------------*/
.footer 
{
	background-color:#FFFFFF;
	color:#A7A7A7;
	font-size:8.0pt;
	font-weight:normal;
	border:0px;
	padding:0px;
}

.footer a:link, .footer a:hover, .footer a:focus, .footer a:active, .footer a:visited
{
	color:#8BB7DC;
	font-weight:normal;
	font-size:8.0pt;
	text-decoration:underline;
}

/* menu horizontal */
/* -----------------------*/
.menu_h
{
	font-size:8.0pt;
	font-weight:bold;
}

.menu_h a, .menu_h a:visited
{
	color:#0069B5;
	padding:6px 0px;
	margin:2px;
	font-size:8.0pt;
	text-decoration:none;
}

.menu_h a:hover
{
	color:#E88F0B;
	padding:6px 0px;
	font-size:8.0pt;
	text-decoration:none;
}

.menu_h div
{
	background-color:#DDEFFF;
  color:#0069B5;
  border:1px solid #0069B5;
}

.menu_h ul
{
padding:0px;
margin:0px;
position:relative;
display:block;
line-height:20px;
}

.menu_h li
{
background-color:#DDEFFF;
color:#0069B5;
border:1px solid #0069B5;
display:inline;	
position:relative;
list-style:none;
padding:2px;
margin:0px;
margin-right:5px;
line-height:20px;
vertical-align:middle;	/* permet a IE de tracer tout le tour de son cadre (border).*/
}


.menu_h li ul
{
display:block;
width:100px;
position:absolute;
top:expression(this.parentNode.offsetHeight+1+"px");	/* IE */
left:0px;
left:expression("0px"); /*IE*/

}

.menu_h ul li ul li
{
display:block;
list-style:none;
}

/*picture to illustrate text */
.illustration_photo
{
margin:5px;
text-align:center;
display:block;
}

img 
{	
border:none;
}


.bloc_photo
{
width:80%;
text-align:center;  /*normalement inutile, mais IE ne comprend pas bien les margin auto pour centrer */
} 

.bloc_vignette
{
float:right;
width:20%;
min-width:236px;
border:1px solid #0069B5;
}


.bloc_photo_navigation
{
border:1px solid #0069B5;
background-color:#DDEFFF;
clear:left;
width:80%;
margin-left:auto;
margin-right:auto;
padding:4px;
}


.legend
{
color:#0069B5;
font-size:10.0pt;
font-weight:bold;
text-align:center;
}

.photo_commentaire
{
width:80%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#0069B5;
font-size:10.0pt;
font-weight:normal;
text-align:justify;
}


.vignette_navigation
{
width:70px;
margin-left:auto;
margin-right:auto;
}


.tableau_de_vignette
{
font-size:8.0pt;
}


.tableau_de_vignette a:link, .tableau_de_vignette a:visited
{
  font-size:8.0pt;
	text-decoration:none;
	color:#0069B5;
  font-weight:bold;
}
.tableau_de_vignette a:hover, .tableau_de_vignette a:focus, .tableau_de_vignette a:active
{
  font-size:8.0pt;
	text-decoration:none;
	color:#E88F0B;
  font-weight:bold;
}


.archives ul
{
padding:0px;
margin:0px;
}

.archives li
{
/*background-color:#DDEFFF;*/
color:#0069B5;
border:0px solid #0069B5;
list-style:none;
font-size:10.0pt;
font-weight:bold;
}

.archives a:link, .archives a:visited
{
  color:#0069B5;
	text-decoration:none;
}

.archives a:hover, .archives a:focus, .archives a:active
{
	color:#E88F0B;
	text-decoration:none;
}

label
{
font-size:10.0pt;
font-weight:bold;
background-color:#FFF;
color:#0069B5;
display:block;
float:left;
text-align:right;
width:200px;
margin:10px;
}


.bouton
{
font-size:10.0pt;
font-weight:bold;
background-color:#DDEFFF;
color:#0069B5;
border:1px solid #0069B5;
margin-left:50px;
width:200px;
text-align:center;
}

.bouton a:link, a:visited, a:hover, a:focus, a:active
{
	text-decoration:none;
	color:#0069B5;
	font-size:10.0pt;
  font-weight:bold;
}

.fine_print
{
font-size:8.0pt;
font-weight:normal;
color:#0069B5;
}


.fine_print li
{
list-style:square;
font-size:8.0pt;
font-weight:normal;
color:#0069B5;
}

.email a:link, a:visited
{
	text-decoration:none;
	color:#0069B5;
	font-size:10.0pt;
  font-weight:bold;
}
.email a:hover, a:focus, a:active
{
	text-decoration:none;
	color:#E88F0B;
	font-size:10.0pt;
  font-weight:bold;
}

-->