/* ---------- FONT ----------- */
.arial9 {  font-family: Arial, Geneva; font-size: 9px; }
.arial10 { font-family: Arial, Geneva; font-size: 10px; }
.arial11 { font-family: Arial, Geneva; font-size: 11px; }
.arial12 { font-family: Arial, Geneva; font-size: 12px; }
.arial13 { font-family: Arial, Geneva; font-size: 13px; }
.arial14 { font-family: Arial, Geneva; font-size: 14px; }
.arial15 { font-family: Arial, Geneva; font-size: 15px; }
.arial20 { font-family: Arial, Geneva; font-size: 20px; }

.verdana9 {  font-family: Verdana; font-size: 9px; }
.verdana10 { font-family: Verdana; font-size: 10px; }
.verdana11 { font-family: Verdana; font-size: 11px; }
.verdana12 { font-family: Verdana; font-size: 12px; }
.verdana13 { font-family: Verdana; font-size: 13px; }
.verdana14 { font-family: Verdana; font-size: 14px; }
.verdana15 { font-family: Verdana; font-size: 15px; }
.verdana20 { font-family: Verdana; font-size: 20px; }


.trebuchet9 {  font-family: Trebuchet MS; font-size: 9px; }
.trebuchet10 { font-family: Trebuchet MS; font-size: 10px; }
.trebuchet11 { font-family: Trebuchet MS; font-size: 11px; }
.trebuchet12 { font-family: Trebuchet MS; font-size: 12px; }
.trebuchet13 { font-family: Trebuchet MS; font-size: 13px; }
.trebuchet14 { font-family: Trebuchet MS; font-size: 14px; }
.trebuchet15 { font-family: Trebuchet MS; font-size: 15px; }
.trebuchet20 { font-family: Trebuchet MS; font-size: 20px; }

/* ---------- MENU ----------- */
a.menurouge:link{color:#000000; text-decoration: none; }
a.menurouge:visited{color:#000000; text-decoration: none; }
a.menurouge:hover{color:#b41333; font-weight:bold;text-decoration: underline; }

a.menublanc:link{color:#FFFFFF; text-decoration: none; }
a.menublanc:visited{color:#FFFFFF; text-decoration: none; }
a.menublanc:hover{color:#FFFFFF; font-weight:bold;text-decoration: underline; }

/* ---------- LIENS ----------- */
a.lienrouge:link{color:#d71248; text-decoration: none; }
a.lienrouge:visited{color:#d71248; text-decoration: none; }
a.lienrouge:hover{color:#d71248;text-decoration: underline; }

a.lienblanc:link{color:#FFFFFF; text-decoration: none; }
a.lienblanc:visited{color:#FFFFFF;text-decoration: none; }
a.lienblanc:hover{color:#FFFFFF;text-decoration: underline; }

a.liengris:link{color:#666666; text-decoration: none; }
a.liengris:visited{color:#666666;text-decoration: none; }
a.liengris:hover{color:#666666;text-decoration: underline; }

a.liennav:link{color:#666666; text-decoration: none; }
a.liennav:visited{color:#666666;text-decoration: none; }
a.liennav:hover{color:#666666;text-decoration: underline; }

/* ---------- GENERAL ----------- */

A:link 
{ color: #666666; text-decoration: underline; }

A:visited 
{ color:#666666; text-decoration: underline; }

A:hover 
{ color:#c9a101; text-decoration: none; }
	
body
	{
	font-family:verdana;
	font-size:10px;
	color:#334948;
	margin:10px;
	background-color:#334948;
	background-image: url(../images/fond_page.jpg);
	background-repeat: repeat-x;
	}


input,select,textarea
{
	font-family: verdana;
	font-size: 11px;
}

.gris 
	{
	color:#666666;
	}

.vert_999966 
	{
	color:#999966;
	}
	
.jaune
	{
	color:#c9a101;
	}

#site
	{
	text-align:left;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	}

p, form,
dl,dt,dd,
ul,li,
a
	{
	margin: 0;
	padding: 0;
	}

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

h1
	{
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}	

h2
	{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}	
	
h3
	{
	font-family:arial;
	font-size:13px;
	color:#b41333;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}	
	
div.puce ul
	{
	margin:5px;
	padding:5px;
	}

div.puce li
	{ 
	margin-left:3px;
	padding:1px;
	list-style-image:url(../images/carre_fleche_vert_on.gif);
	}
	
div.cadre
	{
	background-color:white;
	clear:both;
	border:1px solid #dfe3e2;
	padding:3px;
	color:#000000;
	}
	
div.cadre_fond
	{
	background-color:#f2f2f2;
	clear:both;
	padding:2px;
	}

/* LISTE PHOTOS INDEX */

ul.vignettes
{
	margin:0;	
	padding:0;
	list-style-type: none;
}

ul.vignettes li
{
	float : left;
}

ul.vignettes li a
{
	display: block;
}

ul.vignettes li a:hover
{
	display: block;
}

ul.vignettes li a:hover img
{
	opacity: 2;
	filter: alpha(opacity=50);
}

ul.vignettes li a img
{
	opacity: 1;
	filter: alpha(opacity=100);
}

img.mosaique
{
	border:0;
}

img.logo
{
	border:0;
	padding-left: 20px;
	padding-top:27px;
}
img.equis
{
	border:0;
	padding-left: 140px;
	padding-top:0px;
}

img.image_droit
{
	border:0;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	margin-top:0px;
}

img.image_gauche
{
	border:0;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	margin-top:0px;
}