@charset "utf-8";

/* CSS Document */

/**
 * global style resetting 
 */
	
html,body,div,span,

applet,object,iframe,

h1,h2,h3,h4,h5,h6,p,blockquote,pre,

a,abbr,acronym,address,big,cite,code,

del,dfn,em,font,img,ins,kbd,q,s,samp,

small,strike,strong,sub,sup,tt,var,

dd,dl,dt,li,ol,ul,

fieldset,form,label,legend,

table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style: none;
}

q:before,q:after,

blockquote:before,blockquote:after {
	content: "";
}

* { outline: none; }

.clear-both, .clear{
	clear:both;
}

.bold{
	font-weight:bold;
}
/**
 * LINKS
 */

a:link {text-decoration: none; color: #ff0000;}

a:visited {text-decoration: none; color: #ff0000;}

a:active {text-decoration: none; color: #ff0000;}

a:hover {text-decoration: underline; color: #ff0000;}

/**
 * TITRE H1H2H3H4
 */
 
/**
 * STRUCTURE
 */
	
html, body{}

body{
	font-family: "Tahoma", Verdana, Geneva;
    font: "Tahoma", Verdana, Geneva;
	font-size:14px;
	color:#000000;
	line-height:16px;
	background-color:#a8978c;
	background-image:url(../images/interface/bgBody.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

#wrapper{
	position:relative;
	width:840px;
	margin:0 0 0 160px;
}

/**
 * HEADER
 */
#header{
	width:840px;
	padding:95px 0 0 0;
	background-image:url(../images/interface/bgHeader.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

#titreSite{
	position:absolute;
	top:30px;
	left:10px;
}

#edito{
	float:left;
	width:250px;
	height:300px;
	padding:0 0 0 5px;
}

	#edito h1{
		width:250px;
		height:44px;
		font-size:0;
		line-height:-1000px;
		background-image:url(../images/interface/titres/titreEdito.gif);
		background-position:0 0;
		background-repeat:no-repeat;
	}
	
	#edito p{
		color:#FFF;
		padding:20px 0 0 0;
		font-weight:bold;
	}

#slideshow{
	float:left;
	width:465px;
	height:290px;
	padding:10px;
	background-image:url(../images/interface/bgSlideshow.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

#main{
	width:840px;
	padding:10px 0 0 5px;
}

#sidebar{
	float:left;
	width:250px;
}

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

	#content-header{
		float:left;
		width:485px;
		height:10px;
		background-image:url(../images/interface/bgContentHeader.gif);
		background-position:0 0;
		background-repeat:no-repeat;
	}
	#content-body{
		float:left;
		width:445px;
		padding:20px;
		background-image:url(../images/interface/bgContentBody.gif);
		background-position:0 0;
		background-repeat:repeat-y;
	}
	#content-footer{
		float:left;
		width:485px;
		height:10px;
		background-image:url(../images/interface/bgContentFooter.gif);
		background-position:0 0;
		background-repeat:no-repeat;
	}
	
/**
 * MENU PRINCIPAL
 */
ul#menu-principal{
	width:250px;
	margin:0 0 0 0;
	padding:5px 0 0 0;
	z-index:999;
}
	ul#menu-principal li{
		float:left;
		height:30px;
		width:250px;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
	}
		
		ul#menu-principal li a, ul#menu-principal li a:link, ul#menu-principal li a:active, ul#menu-principal li a:visited{
			float:left;
			display:block;
			cursor:pointer;
			height:25px;
			width:235px;
			padding:5px 15px 0 0;
			color:#FFF;
			font-weight:bold;
			text-transform:none;
			font-style:normal; 
			text-decoration: none;
			text-align:right;
			font-size:16px;
			background-image:url(../images/interface/menu/bgMenuPrincipalLi.gif);
			background-position:right;
			background-repeat:no-repeat;
		}
		
		ul#menu-principal li:hover a,  ul#menu-principal li.iehover a{
			text-decoration:underline;
		}
		
		ul#menu-principal li.active a, ul#menu-principal li.active a:link, ul#menu-principal li.active a:active, ul#menu-principal li.active a:visited{
			background-image:url(../images/interface/menu/bgMenuPrincipalLiActif.gif);
			background-position:right;
			background-repeat:no-repeat;
			color:#5e534b;
		}
		
		ul#menu-principal li a:hover{
			text-decoration:underline;
		}
		
		ul#menu-principal li.active a:hover{
			text-decoration:none;
		}
		
		ul#menu-principal li ul{
			position:absolute;
			float:left;
			top:30px;
			left:0;
			display:none;
			background-color:#fff;
			z-index:999;
			width:150px;
			
		}
		
		ul#menu-principal li:hover ul, ul#menu-principal li.iehover ul{
			display:block;
		}
		
		ul#menu-principal li ul:after /*From IE 7 lack of compliance*/{
			clear: both;
			display: block;
			font: 1px/0px serif;
			content: ".";
			height: 0;
			visibility: hidden;
		}
		
			ul#menu-principal li ul li{
				float: left; /*For IE 7 lack of compliance*/
				display: block !important;
				display: inline; /*For IE*/
				width:150px;
				height:20px;
				margin:0;
				background-image:none;
				padding:0;
			}
				ul#menu-principal li ul li:hover,  ul#menu-principal li ul li.iehover{
					background-image:none;
			}
			
				ul#menu-principal li ul li a, ul#menu-principal li ul li a:link, ul#menu-principal li ul li a:active, ul#menu-principal li ul li a:visited{
					width:140px;
					height:17px;
					padding: 0 0 0 0;
					color:#000;
					padding:3px 5px 0 5px;
					font-weight:normal;
					text-transform:none;
					font-style:normal; 
					text-decoration: none;
				}
					ul#menu-principal li ul li a:hover{
						color:#fff;
						background-color:#a9c606;
					}