/** Menu déroulant 
------------------------------------
**/


#menu {
width:970px;
background: #5971AE;
}

#menu ul {
margin: 0;
padding: 0;
float:left;
}

#menu ul li h2,#menu a {
text-decoration: none;
font: 14px arial, helvetica, sans-serif;
display: block;
border: solid 1px #5971AE;
margin: 0;
padding: 6px 6px;
color: #ffffff;
background: #5971AE;
}

#menu ul li h2:hover,#menu a:hover {
color:#5971AE;
background: #ffffff;
}

#menu ul li ul li a {
font: 13px arial, helvetica, sans-serif;
width:190px;
display: block;
color: #ffffff;
background: #5971AE;
text-decoration: none;
margin-top: 1px;
padding: 6px 0px 6px 20px;
border: solid 1px #5971AE;
}

#menu ul li ul li a:hover {
color: #5971AE;
background: #ffffff;
}

#menu ul li ul {
background:#fcf3e3;
}

#menu li {
position: relative;
list-style-type: none;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/** Blocs 
------------------------------------
**/


body {
background-image: url('/images/Fond.gif');
}

#conteneur {
background: #fcf3e3;
border: solid 1px;
border-color: #711308;
width: 970px;
margin-left: auto;
margin-right: auto;
margin-top:10px;
}

#bloc {
background: #fcf3e3;
width:auto;
height:auto;
margin: 10px 10px 10px 10px;
}

#blocgauche {
font: 13px Times;
text-align: justify;
padding: 5px;
float:left;
width: 165px;
display:inline;
}

#blocmilieu {
font: 16px Times;
line-height: 25px;
padding: 5px 15px 5px 15px;
border-left: solid 1px;
border-right: solid 1px;
border-color: #5971AE;
width: auto;
text-align: justify;
margin-left: 185px;
margin-right: 185px;
}

#blocdroit {
font: 13px Times;
text-align: justify;
padding: 5px;
float: right;
width: 165px;
}

#footer {
font: 13px Times;
float:left;
color: #fcf3e3;
border-top: solid 1px;
border-color: #40527F;
text-align: center;
padding: 5px;
background-color: #5971AE;
width:960px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

#annonces {
width:180px;
float:left;
}

.clear {
clear: both;
}

label {
text-align: left;
display:inline;
width:110px;
float:left;
}

#catecss label {
text-align: left;
display:inline;
width:160px;
float:left;
}


/** Class 
------------------------------------
**/


a {
text-decoration: none;
color: #000099;
}

a:hover {
text-decoration: none;
color: #0066CC;
}

#footer a {
color: #fcf3e3;
border-width:0;
text-decoration: none;
margin-bottom: 10px;
}

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

#menucate a {
padding: 2px 10px;
margin:5px 8px;
border:1px solid;
}

a img {
border-width:0;
}

img {
padding:1px;
border:1px solid silver;
}  

h1 {
border-bottom: 1px solid #C0C0C0; 
color: black; 
font: italic 30px Garamond,Baskerville,Cambria,Georgia; 
letter-spacing: 1px; 
margin: 5px 5px 25px 5px; 
}

h2 {
color: #8c0e21; 
font: italic 25px Garamond,Baskerville,Cambria,Georgia; 
margin: 5px 0px 5px 5px; 
}

h2 a, h2 a:hover {
color: #8c0e21; 
font: italic 25px Garamond,Baskerville,Cambria,Georgia; 
margin: 5px 0px 5px 0px;
text-decoration: none;
padding:0px;
}

h3 {
text-decoration: none;
color: #5971AE;
margin: 0px;
}

#bloc li {
list-style-type: none;
line-height: 20px;
list-style-image: url(/images/lys.png);
vertical-align: middle;
}


/** Photos 
------------------------------------
**/


#album_container {
float:left;
height: auto; 
width: 47%; 
font-family: Cambria,Georgia,Garamond; 
font-size: 18px; 
margin: 5px;
height:95px;
}

.album_left { 
float: left; 
text-align: center; 
height: 80px; 
width:auto;
padding:1px;
margin:5px;
border:1px solid silver;
}

#album_right { 
float: left;
text-align: left; 
font-size: 14px; 
padding: 5px;
width:100px;
}

#album_right a {
color:black;
border-width:0;
text-decoration: none;
}

.thumbs{
height:72px;
width:auto;
padding:1px;
border:1px solid silver;
}

/**
**/