/* CSS Document */
body
{
	margin:0;
	padding:0; 
	background-color:#FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #4F4F4F; 
    scrollbar-face-color: #EBECEC; 
    scrollbar-shadow-color: #669999;
    scrollbar-highlight-color: #F7F7F7;
    scrollbar-3dlight-color: #CCE5E5; 
    scrollbar-darkshadow-color: #000000; 
    scrollbar-track-color: #F7F7F7; 
    scrollbar-arrow-color: #CCE5E5;
}

/* Calques */
#encadre
{ 
	border:1px solid #999999;
	width:760px;
	height:700px;
    position:absolute;
    left: 50%; 
	top:0px;
    margin-left: -380px; /* moitié de la largeur */
}
#haut
{
	width:760px;
	position:relative;
}
#haut_gauche
{
	width:232px;
	height:150px;
	float:left;
	position:relative;
}
#haut_droite
{
	width:232px;
	height:123px;
	margin-top:10px;
	float:right;
	position:relative;
}
#menu
{ 
	width:760px;
	top:150px;
	position:absolute;
}
#contenant
{ 
	width:760px;
	top:230px;
	position:absolute;
}
#encadre_home1
{ 
	width:360px; 
	float:left;
	margin:0px 10px 20px 10px;
	background-image:url(images/encadre_milieu.gif);
	position:relative;
}
#encadre_home2
{ 
	width:360px; 
	float: right;
	margin:0px 10px 20px 10px;
	background-image:url(images/encadre_milieu.gif);
	position:relative;
}
#encadre_page
{ 
	width:760px; 
	background-image:url(images/encadre_milieu_page.gif);
	position:relative;
}
#contenu
{
	margin:0px 30px 0px 30px; 
}
#contenu_catalogue
{
	margin:0px 0px 0px 30px;
	width:715px;
	height:370px;
	overflow:auto;
}
#footer
{
	width:740px;
	height:20px;
	background-image:url(images/pix_gris.gif);
	margin-top:10px;
	padding:10px 10px 0px 10px;
	position: absolute;
	top:660px;
	font-size: 0.9em;
	color: #FFFFFF;
}


/* Textes */
a
{ 	text-decoration: underline;
	color: #4F4F4F;
}
a:hover
{ 	text-decoration: none;
	color: #666666;
}
a.lien_footer
{ 	text-decoration: none;
	color: #FFFFFF;
}
a.lien_footer:hover
{ 	text-decoration: underline;
	color: #FFFFFF;
}
a.lien_home
{ 	text-decoration: none;
	font-weight: bold;
}
a.lien_home:hover
{ 	text-decoration: underline;
	font-weight: bold;
}
a.lien_sous
{ 	text-decoration: none;
	font-size:0.8em;
	font-weight: bold;
}
a.lien_sous:hover
{ 	text-decoration: underline;
	font-size:0.8em;
	font-weight: bold;
}
.titre
{
	font-weight: bold;
	color:#9C3B3B; 
}
.sous-titre
{
	font-size:0.7em;
}
ul
{ 
	margin:3px 0px 10px 25px;
	padding: 0px;
}
li
{ 
	list-style-image:url(images/fleche.gif); 
	margin:5px 5px 5px 5px;
	padding-left:5px;
	line-height:15px;
	
}
/* Images */
.vignette
{
border:1px;
border-color:#9C3B3B;
margin:5px 0px 5px 10px;
border-style:solid;
}
.vignette_ref
{
border:1px #9C3B3B solid;
}
.fleche
{
margin:0px 5px 0px 0px;
}

a.image_titre
{ 	border:0;
}

/* Forms */

.form_fond {
	BORDER-RIGHT: #4B4B4B 1px solid;
	BORDER-TOP: #4B4B4B 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	BORDER-LEFT: #4B4B4B 1px solid;
	WIDTH: 200px;
	COLOR: #000000;
	LINE-HEIGHT: normal;
	BORDER-BOTTOM: #4B4B4B 1px solid;
	FONT-FAMILY: Arial, Trebuchet MS, Geneva, sans-serif;
	background : #E9E9E9;
}
.form_bouton {
	BORDER-RIGHT: #666666 1px solid;
	BORDER-TOP: #666666 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	BORDER-LEFT: #666666 1px solid;
	COLOR: #666666;
	BORDER-BOTTOM: #666666 1px solid;
	FONT-FAMILY: Arial, Trebuchet MS, Geneva, sans-serif;
	BACKGROUND-COLOR: #FFFFFF ;
	FONT-VARIANT: normal;
	TEXT-DECORATION: none;
	text-align : center;
	padding-bottom : 1px;
	padding-left : 1px;
	padding-right : 1px;
	padding-top : 1px;
}