/* Couleurs Du marron foncé au marron clair
 * 2c1d0a  5f4f36  44321a  9e825a  af936c  e0d0b6  ec9f30 decfb2 */

html, body {
		margin:0;
		padding:0;
		background-color : black ;
		background-repeat : no-repeat ;
		background-attachment : fixed;
		background-position-x : left;
		background-position-y : top;
		border : none ;
 }

body, input, select, option {
	font-family:"Monotype Corsiva",Garamond,Times;
	font-size:16px;
	color : black ;
	text-decoration:none;
}

img { border : none ; width : 100%}

label {
	color : white ;
	font-size : 16px; letter-spacing:2px ;
}

a {
	text-decoration:none;
	/*color : #decfb2 ;*/
	color : white ;
	font-size : 16px; letter-spacing:2px ;}
a:hover {
	text-decoration:underline;
	color:#f39b1e;}
#container {
	width:950px;
	margin:0px auto;
	overflow:hidden;
	min-height:100%;
	height:100%;  }

#head {
	position:relative;
	height:75px;
	margin-bottom:10px;
	font-family:"Endor",Garamond,Times; }

#head #menu {
	font-size:12pt;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:750px;
	position:absolute;
	bottom:0px;
	right:0px;
	left : 300px ;
	height:44px;}

#head #menu li {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	height:26px; }

#head #menu li img {
	float:left;
	margin: 0px  0px 0px  0px;
	padding:0px 10px 0px 10px;
	width: 50%; 
	border:none
}
	
#head #menu li.current_page_parent, #head #menu li.current_page_item {

	margin-top:0px;
	border-top:2px solid #ec9f30;
 }

#head #menu li a {
	color:#decfb2;
	line-height:1.5em; }
	

#head #menu li.current_page_parent a, #head #menu li.current_page_item a {
	color:#f39b1e; }
#head h1 {
	border-bottom:1px solid;
	color:#e0d0b6 ;
	line-height : 1.7em ;
	font-family: "Endor",Garamond,Times ;
	font-size:40px; letter-spacing:0;
	margin:0px;
	overflow:hidden;
	padding:15px 0 0;
	text-indent:0.5em;
	opacity : 0.80;filter: alpha(opacity=80) }

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

#sidebar span {
	color : #2c1d0a ; }

#sidebar h3 {
	font-family:"Endor",Garamond,Times;
	width:250px;
	margin:5px 0 0 0;
	font-size:16px;
	letter-spacing:1px;
	background:#5f4f36;
	color:#ec9f30;
	text-indent:5px;
	line-height:2em;
	letter-spacing:3px ;
	filter: alpha(opacity=70);opacity:0.70 ;
	/* FireFox only */
	-moz-border-radius:5% 5% 0 0 ;
    -moz-border-radius:0 0 5% 5%;
	}

#sidebar span.panier{
		display: block;
		font-family:"Monotype Corsiva",Garamond,Times;
		font-size:16px;
		width:250px;
		margin:0 0 0 0;
		opacity:0.70;
		filter : alpha(opacity=70);
		background:#9e825a;
		color: white;
		text-decoration:none;
		line-height:1.25em;
		background:#9e825a url("../../images/chaudron_plein.gif") 185px 0px no-repeat  ;
}
#sidebar span.panier table {
		margin-left : 10px
		}

#sidebar span.panier a {
		padding:4px 0 4px 28px;
		}
#sidebar span.panier p {
		line-height : 3em ;
		background:#9e825a url("../../images/chaudron_vide.gif") 170px 0px no-repeat  ;
}


#sidebar ul {
	list-style-type:none;
	width:250px;
	margin:0 0 0 0;
	padding:0;
	opacity:0.70;filter : alpha(opacity=70);}

#sidebar ul li {
	font-family:"Monotype Corsiva",	Garamond,Times;font-size:16px;
	margin:0 0 1px 0;
	background:#9e825a url("../../images/soleil.gif") 2px 2px no-repeat;
	line-height:1.25em; padding:4px 0 4px 35px;}

#sidebar ul li.selected{
	background:#9e825a url("../../images/chapeau.gif") 2px 2px no-repeat;
	line-height:2em; padding:4px 0 4px 50px;}


#sidebar span {
	font-family:"Monotype Corsiva", Garamond,Times;font-size:16px;
	display:block;
	color:#ec9f30; line-height:1.5;
	font-size:16px;
	position:relative;
	text-decoration:none;
	font-weight:bold;
	text-indent:15px;
	margin:0 0 15px 0; }

#data {
	width:600px;
	padding-left : 50px ;
	filter: alpha(opacity=80);opacity:0.80 ;	
}
 
#data h2  {
	padding-bottom : 0px ;
	margin-bottom : 0px ;	
	font-family:"Endor",Garamond,Times;
	font-size:20px;
	background:#5f4f36;
	color:#ec9f30;
	text-indent:5px;
	line-height:2em;
	letter-spacing:5px ;
	/* FireFox only */
	-moz-border-radius:5% 5% 0 0 ;
    -moz-border-radius:0 0 5% 5%;
}	
	
#data h3 {
	padding-bottom : 0px ;
	margin-bottom : 0px ;
	font-family:"Endor",Garamond,Times;
	font-size:16px;
	background:#5f4f36;
	color:#ec9f30;
	text-indent:5px;
	line-height:2em;
	letter-spacing:5px ;
	/* FireFox only */
	-moz-border-radius:5% 5% 0 0 ;
    -moz-border-radius:0 0 5% 5%;
}

#data h4 {
	margin-top : 0px ;
	margin-bottom : 0px ;
	padding-top : 0px ;	
	padding-bottom : 0px ;
	font-family:"Monotype Corsiva",	Garamond,Times;
	font-size:16px;
	letter-spacing : 1px;
	line-height : 1.25em ;
	background:#9e825a ;
	color : white; 	
	padding:4px 0 4px 35px;
	/* FireFox only */
	-moz-border-radius:5% 5% 0 0 ;
    -moz-border-radius:0 0 5% 5%;
}

#data div {
	margin-top : 10px ;
	font-family:"Monotype Corsiva",	Garamond,Times;
	background:#9e825a ;
	color : white; 	
	padding:4px 0 4px 35px;
	font-size:14px;
	/* FireFox only */
	-moz-border-radius:5% 5% 0 0 ;
    -moz-border-radius:0 0 5% 5%;	
	
}

/* Polices / Fontes */
@font-face {
    font-family:  Endor ;
    font-style:  normal;
    font-weight: normal;
    src: url(../lib/fonts/ENDOR0.eot);
  }