/* 
Nom du projet : Ardeche /Page Accueil
Date de realisation : 31/08/2007
URL :
Realisateur : Jean-Baptiste Bouillet
Contact :jbbouillet@aricie.fr
Societe : Aricie - jbbouillet@aricie.fr - www.aricie.net
Derniere modification : 07/09/2007
*/



html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
p {
	margin: 0px 10px 0px;
}
a {
		color: #981793;

}
div#header h1 {
	height: 80px;
	line-height: 80px;
	margin: 0;
	padding-left: 10px;
	/*background: #a89775;
	color: #79B30B;*/
}
div#container {
	text-align: left;
	width:1000px;
}
div#contentpane p {
	line-height: 1.4;
}

div#container {
	/*width: auto;*/
	margin: 0 auto 0 auto;
	position:relative;
}
.leftPaneClass{
	background: #FFF;
	float: left;
	width: 200px;
	/*position:relative;*/
	/*clear:left;*/
}
.rightPaneClass{
	float: left;
	width: 200px;
	background: #FFF;
}
.contentpaneClass{
margin:2px;
	background-color: #FFF;
	width:596px;
	float:left;
}

div#wrapper
{

}
div#header {
background: #FFF;
height:127px;

}
div#topRight{

	float:right;
position:relative;
	
}
div#recherche
{
	
	background-image: url(Images/ongletRecherche.gif);
	background-repeat:no-repeat;
	width:200px;
	/*height:30px;*/
	/*padding-top:6px;*/
	text-align:right;
	z-index: 100000; 
	right: 0px; 
	position: absolute; 
	top: 0px
	}
div#recherche input
{
	border: none 0 #FFF;
	width:100px;
	left: 40px; 
	position: absolute; 
	top: 5px;
	/*height:15px;*/
}

img
{
	border:none;
}

div#recherche img
{
	border:none;
}
div#menu{

			position: absolute;
			/*background-color: #FFF;*/
margin-top:100px;
width:1000px;
			
}
div#logo
{
position:absolute;
}

.floatLeft
{
	width: 200px;
	float:left;
	clear:left;
}

.clear
{
	clear:both;
}

.slantGrisSkin
{
background-image:url(images/container_Haut.jpg);
	background-repeat:no-repeat;
	
	height:40px;
	width:200px;
}
.skinGrisBottomPane
{
	background-image:url(images/container_Bas.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	height:30px;
	width:200px;
}
.user
{
	width:200px;
	height:auto;
	text-align: left;
	/*height: 10px;*/
	color:#fff;
	background-color: #C2CCD8;
}

.user a.SkinObject:link, .user a.SkinObject:hover, .user a.SkinObject:active, .user a.SkinObject:visited
{
	color:#fff;
	padding:5px 40px 5px 5px;
	background-image:url(images/lienInscription.gif);
	background-repeat: no-repeat;
	background-position:right top;
}
/**********************/
/* MENU SUCKERFISH   */
/********************/
#HouseMenuNav li:hover, #HouseMenuNav li.sfhover {
    position: static;
}


#HouseMenuNav, #HouseMenuNav ul {
	float: left;
	width: auto;
	list-style: none;
	line-height: 1;
	/*background: white;*/
	font-weight: bold;
	padding: 0;
	border: none #eda;
	border-width: 0px 0;
	margin: 0 0 1em 0;
	z-index:5;
	margin-right: 200px;
}

#HouseMenuNav a {
	display: block;
	width: 12em;
	w\idth: 8em;
	color: #7C6240;
	text-decoration: none;
	padding: 0.25em 2em;
	color: #fff;

}

/*#HouseMenuNav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}*/

#HouseMenuNav li {
	float: left;
	padding: 0;
	width: 12em;
	background-image: url(Images/onglet.gif);
	background-repeat: no-repeat;
	text-align: right;
	color: #fff;
	font-family: Arial;
	height:26px;
list-style-type:none ;
	
}

#HouseMenuNav li a {
	height:20px;
}

#HouseMenuNav li li a {
	height:auto;
	text-align:left;
	padding-left:1em;
	w\idth:7em;
}

#HouseMenuNav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12em/*14.4em*/;
	/*w\idth: 9.5em;*//*13.9em;*/
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	//margin-left:-12em;
	background-color: #99cc66;/*69c;*/
	background-image:url(Images/onglet_envers.gif);
	background-position:right bottom;
	background-repeat:no-repeat;

}

#HouseMenuNav li li {
background-image:none;
	padding-right: 1em;
	height:auto;
	width:12em;
	//width: 11em;
}

#HouseMenuNav li ul a {
	width: 15em;
	w\idth: 8em;
}

#HouseMenuNav li ul ul {
	margin: -1.75em 0 0 13em;
	//margin: -1.75em 0 0 1em;
	background-color: #99cc66;
}

#HouseMenuNav li:hover ul ul, #HouseMenuNav li:hover ul ul ul, #HouseMenuNav li:hover ul ul ul ul, #HouseMenuNav li:hover ul ul ul ul ul, #HouseMenuNav li.sfhover ul ul, #HouseMenuNav li.sfhover ul ul ul, #HouseMenuNav li.sfhover ul ul ul ul, #HouseMenuNav li.sfhover ul ul ul ul ul {
	left: -999em;
}

#HouseMenuNav li:hover ul, #HouseMenuNav li li:hover ul, #HouseMenuNav li li li:hover ul, #HouseMenuNav li li li li:hover ul, #HouseMenuNav li li li li li:hover ul, #HouseMenuNav li.sfhover ul, #HouseMenuNav li li.sfhover ul, #HouseMenuNav li li li.sfhover ul, #HouseMenuNav li li li li.sfhover ul, #HouseMenuNav li li li li li.sfhover ul {
	left: auto;
}

#HouseMenuNav li:hover, #HouseMenuNav li.sfhover {
	/*background: #ADCC8E;*/
	background-image: url(Images/onglet_survol.gif);
	background-repeat: no-repeat;
}

#HouseMenuNav li li:hover, #HouseMenuNav li li.sfhover {
	background: #ADCC8E;
	
}