/* CSS Document */

html
{
height:100%;
}

body
{
	background-color:#DEE0DF;
	margin:0;
	padding:0;
	height:100%;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

#main
{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

#header {
background-image:url(images/accroche_bg.jpg);
background-repeat:no-repeat;
}

#header_content {
float:right;
	padding:5px;	
	font-size:0.9em;
}


#header_content input
{
font-size:0.9em;
background-color:#FFFFFF;
padding:1px;
margin-right:5px;
}

#header_content img {
padding:0 5px 0 0;
}

#visuel
{
background-image:url(images/header.jpg);
height:294px;
width:780px;
border-top:5px solid #8EB6CF;
}

#header
{
}

#left {
float:left;
width:200px;
margin-left:3px;
}

#block_milieu
{
	background-image:url(images/left2_haut.jpg);
	width:195px;
	background-color:#CFECFC;
	color:#4387D2;
	background-repeat: no-repeat;
	background-position: center top;
}

#block_bas
{
	width:195px;
	background-image:url(images/left2_bas.jpg);
	background-repeat: no-repeat;
	height:10px;
}

#block_milieu_2
{
width:195px;
background-color:#8EB6CF;
color:#FFFFFF;
background-image:url(images/left_haut.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#block_milieu_2 input {
font-size:0.9em;
background-color:#FFFFFF;
padding:2px;
margin-top:5px;
}

#block_milieu_2 p
{ font-size:0.8em; color: black; margin-top:0; width:170px; }

#block_bas_2
{
	width:195px;
	background-image:url(images/left_bas.jpg);
	background-repeat: no-repeat;
	height:10px;
}

.form_recherche
{
margin:5px 0 0 0;
padding:2px;
border:1px solid black;
}

#centre {
float:left;
width:395px;
margin:0 2px;
}

#centre a:link, a:visited {
text-decoration:none;
color:#4387D2;
}

#centre a:hover {
text-decoration:underline;
}

#centre p { 
line-height:1.2em; }

#right {
float:right;
width:150px;
margin-right:2px;
}

.centre-pic { float:right; border:1px solid #8EB6CF; margin: 0 0 5px 5px; }

.centre-gif { float:left; padding: 0 5px -5px 0;}

.detail { float:right; text-align:right; color:#4387D2; cursor: pointer; }

#block_milieu_right img  {
border:1px solid black;
}



#block_milieu_right p { 
font-size:0.9em;
margin: 3px;
color:#000000;
text-align:left;
}


#block_milieu_right
{
width:150px;
background-color:#F49E00;
background-image:url(images/right_haut.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#block_bas_right
{
width:150px;
background-image:url(images/right_bas.jpg);
background-repeat: no-repeat;
height:auto;
}

#content
{
width:780px;
}

h1
{ 
visibility:hidden;
margin:-25px;
padding:0;
 }

h2
{
margin:0;
padding:0;
font-size:1.4em;
}
h3
{
margin:5px 0 7px 3px;
padding:0;
font-size:1.1em;
}

#footer
{
text-align:center;
font-size:1em;
}
.spacer { clear:both; }

#flash {
text-align:center;
margin-top:20px;

}

.pic-detail
{
	float:left;
	margin: 5px;
	border: 1px solid #8EB6CF;
	cursor: hand;
}

.picture_big
{
margin: 5px;
border: 1px solid #8EB6CF;
}
	
.picture_det
{
	float:left;
	margin: 5px;
	border: 1px solid #8EB6CF;
	cursor: hand;
}

#logo {
height:100px;
}

#logo img {
float:left;
padding:5px;

}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
color:#000000;
}
#menu {
text-align:left;
padding:5px 0 0 0;
width: 195px;
}
dl#menu {
}

dl#menu dt {
cursor: pointer;
margin: 5px 0 0 0;
font-weight: bold;
}
dl#menu dd {

}
dl#menu li {
margin-left:20px;
}
dl#menu li a, dl#menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
	background: white;
	text-indent: 10px;
}

.breadcrumb {
text-decoration:none;
font-size:0.8em;
color:#CCCCCC;
margin:0 0 5px 0;
}