body
{
	background-color:#666666;
}

#moncadre 
{
	width:800px;
	margin:auto;
	padding:0;
	background-color: #E6E6E6;
	border-left:1px solid   #666666; /* couleur du cadre */
	border-right:1px solid  #666666;
	border-bottom:1px solid #666666;
	border-top:1px solid    #666666;
}

.cadredumenugauche 
{
	float:left;
	text-align:left;
	width:200px;
	padding:0px;
	background-color:#E6E6E6;
	border-left:0px solid #000000; /* couleur du cadre */
	border-right:0px dashed #99CCFF;
	border-bottom:0px solid #000000;
	border-top:0px solid #00FFFF;
	color:red;
}

#cadrehaut 
{
	height:125px;
	background: url(photo/top_logo.gif);
	border-left:1px solid #666666; /* couleur du cadre */
	border-right:1px solid #666666;
	border-bottom:0px solid #666666;
	border-top:1px solid #666666;
	margin: 0px auto -1px auto;
}

#cadremenu
{
	height:55px;
	border-left:1px solid #666666; /* couleur du cadre */
	background-color:#FFFFFF;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	margin: 0px auto -1px auto;
}

#cadrebas
{
	height:40px;
	background-color:#99CCFF;
	border-left:0px solid #000000; /* couleur du cadre */
	border-right:0px solid #000000;
	border-bottom:0px solid #000000;
	border-top:1px solid #666666;
	margin: -1px auto 0px auto;
}

#cadretexte
{
	height:45px;
	background-color:#E6E6E6;;
	border-left:0px solid #000000; /* couleur du cadre */
	border-right:0px solid #000000;
	border-bottom:1px solid #666666;
	border-top:0px solid #666666;
	margin: -1px auto 0px auto;
}

#cadrecentrale
 { 
	margin-left:200px;
	min-height:900px;
	margin-right:1px;
	border-left:1px dashed #666666; /* couleur du cadre */
	border-right:30px solid #E6E6E6;
	border-bottom:1px solid #666666;
	border-top:0px solid #666666;
	background-color:#E6E6E6;
}


/* Menu horizontal */

body{
padding: 5px;
}

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding:0px;
height: 50px;
background: url(images/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:13.4px;
text-decoration:none;
font-weight: bold;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(images/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:14px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}

/* menu vertical*/
.outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu{
	width: 200px;
}
div.menu ul{
	list-style: none;
	text-indent: 0px;
}
div.menu li{
	margin-top: 3px;
}
div.menu a{
	font: 12.5px Verdana;
	padding: 4px;
	color: #646464;
	display:block;
	padding: 6px 20px;
	height: 20px;
	text-decoration: none;
	background: url('images/background.gif');
}
div.menu a:hover{
	background: url('images/highlight.gif') no-repeat right;
	padding: 15px 32px;
}:148px;background:url(images/nav_active.jpg) no-repeat;color:#b18211;}      



/*^'^ Galerie photos ^'^*/	

div#galerie
{
	width: 410px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

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

ul#galerie_mini li
{
	float:left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}
              
a {
text-decoration:none;
}







img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

/* Content */

#content {
	float: left;
	width: 598px;
}

.post {
}

.meta {
	margin: 0;
	padding: 10px 0 15px 20px;
	border-top: 1px solid #F3F3F3;
}

.meta a {
	text-decoration: none;
}

.meta a:hover {
	text-decoration: underline;
}

.meta .more {
	padding-left: 12px;
	background: url(images2/img09.gif) no-repeat left center;
}

.meta .comments {
	padding-left: 15px;
	background: url(images2/img10.gif) no-repeat left center;
}


/* Green Box */

.greenbox {
	background: #FFFFFF url(images2/img03.gif) repeat-x;
}

.greenbox .title {
	height: 60px;
	background: url(images2/img04.gif) no-repeat;
}

.greenbox .title h1, .greenbox .title h2 {
	height: 35px;
	margin: 0;
	padding: 15px 0 0 20px;
	background: url(images2/img05.gif) no-repeat right top;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

.greenbox .entry {
	padding: 10px 20px 0 20px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.btm { background: url(images2/img06.gif) repeat-x left bottom; }
.btm .l { background: url(images2/img07.gif) no-repeat left bottom; }
.btm .r { background: url(images2/img08.gif) no-repeat right bottom; }

/* Two Columns */

.two-columns {
	clear:both;
	background: url(images2/img11.gif) repeat-y;
	border-top: 10px solid #C3C3C3;
}

.two-columns .title {
}

.two-columns .title h2 {
	height: 53px;
	margin: 0;
	padding: 15px 0 0 20px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

.two-columns .blue {
	background: url(images2/img13.gif) no-repeat;
}

.two-columns .red {
	background: url(images2/img14.gif) no-repeat;
}

.two-columns .columnA, .two-columns .columnB {
	width: 290px;
}

.two-columns .columnA {
	float: left;
}

.two-columns .columnB {
	float: right;
}

.two-columns .btm {
	clear: both;
	background: url(images2/img12.gif) no-repeat left bottom;
}

 .lettrine {
	float: left;
	margin-right: 3px;
} 


