/**
 * Default stylesheet
 *
 * @autor Bob Gaudaen
 * @date  February 2008
 */

/** HTML TAGS ******************************/
html { overflow-y:scroll; }
html, body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	min-height:100%;
}
body * { margin:0; padding:0; }

h1, h2, h3, h4, h5 { margin-bottom:0.5em; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }
a acronym, a abbr, a img { border:none; }
p { margin:5px 0; }
small { display:block; font-size:0.9em; font-style:italic; color:#999; }

/* Form layout */
input, textarea, select, input.file { font-size:1em; }
input.text, input.password, textarea { border:1px solid #dedede; padding:2px 0; }
input.focus, textarea.focus { border-color:#fd7915; }
form fieldset { border:none; }
form kbd { display:block; padding:2px; }
form label { display:block; }
/** END HTML TAGS **************************/

.clr {
	display:block;
	clear:both;
	font-size:0;
	height:1px;
}
.hr {
	display:block;
	clear:both;
	font-size:0;
	height:1px;
	background-color:#fff;
	border-top:1px solid #dedede;
}
.notice {
    background-color:#FFFFCC;
    background-image:url(/img/icons/16x16/error.png);
    background-repeat:no-repeat;
    background-position:3px 3px;
    border:2px solid #9ca9ae;
    margin:0.5em 0;
    padding:5px 5px 5px 25px;
    color:#333;
}
.justify { text-align:justify; }
.relative { position:relative; }

img.puce {display:inline; float:none; border:none; margin:0; padding:0; background:none;}

/** Columns **/
.column_L { display:block; float:left; }
.column_R { padding-left:3px !important; padding-left:0; }

/** Shadows **/
.top-left, .top-right, .bottom-left, .bottom-right {
	background-repeat:no-repeat;
}
.left, .right {
	background-repeat:repeat-y;
}
.top, .bottom {
	background-repeat:repeat-x;
}
.top-left     { background-position:top left;     }
.top-right    { background-position:top right;    }
.bottom-left  { background-position:bottom left;  }
.bottom-right { background-position:bottom right; }
.left         { background-position:left;         }
.right        { background-position:right;        }
.top          { background-position:top;          }
.bottom       { background-position:bottom;       }

img.content-icon {
	display:inline;
	float:none;
	border:none;
	margin:0;
	padding:0;
	vertical-align: text-bottom;
	background: none;
	background-position: center;
	background-repeat: no-repeat;
}
img.content-icon.bull {
	background-image: url(/img/layout/puce.png);
}
img.content-icon.curren {
	background-image: url(/img/layout/yes.png);
}

/** HTML TAGS ******************************/
html { 
	background-color: #332e1b;
}
body {
	font-size:13px;
	color:#fff;
}
body, textarea, kbd, input, select {font-family:"Trebuchet MS", Corbel, Calibri, Arial, sans-serif;}

h1, h2, h3, h4, h5 { margin-bottom:0.5em; }
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a { color:#9ec324; text-decoration:none; font-weight:bold; font-style: italic; }

a { color:#fff; text-decoration: underline; font-weight: bold; }
a:hover { color:#9ec324; }

/*** Main skeleton ***/
#header-container, #main, #footer {
	width: 900px;
	margin: auto;
}
#main-container {
	background-position: center top;
	background-image: url(/img/layout/page-bg.jpg);
}

/** HEADER **/
#header {
	position: relative;
	height: 225px;
	
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(/img/layout/header.png);
}

#logo {
	display: block;
	position: absolute;
	top: 0;
	left: 18px;
	width: 190px;
	height: 215px;
}

#language-selector {
	position: absolute;
	top: 0;
	right: 0;
	
	list-style: none;
}
#language-selector li {
	float: left;
}
#language-selector a {
	display: block;
	padding: 7px;
}
#language-selector a img { display: block; }

#header .breadcrumbs {
	position: absolute;
	bottom: 5px;
	left: 218px;
}

/** CONTENT **/
#main {}
#main-left {
	float: left;
	width: 290px;
}
#main-right {
	float: right;
	width: 590px;
}
.breadcrumbs {
	font-size: 10px;
	line-height: 25px;
}
.breadcrumbs a.selected {
	color: #9ec324;
}

/** FOOTER **/
#footer-container {
	background-position: top center;
	background-repeat: repeat-x;
	background-image: url(/img/layout/footer-bg.gif);
	padding: 3px 0 10px 0;
}
#footer, #footer a, #footer a:hover {
	color: #bfb08d;
	font-weight: bold;
	font-style: italic;
}
#footer p {
	padding: 5px 0;
	margin: 0;
}
#footer .site-title, #footer .site-title a, #footer .site-title a:hover {
	color: #9ec324;
}

#footer .site-title {
	line-height: 27px;
	text-align: center;
}

#footer .bottom {
	border-top: 1px dashed #5f5233;
	min-height: 127px;
	padding: 0 0 0 130px;
	
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(/img/layout/footer-logo.gif);
}
* html #footer .bottom {
	height: 127px;
}
#footer .links {
	padding: 10px 0;
}
#footer .description {
}
#footer .shortcuts {
	float: left;
}
#footer .copyright {
	display: block;
	text-align: right;
}

/** MENU **/
#menu ul li a span.left,
#menu ul li a span.right {
	background-repeat: no-repeat;
}
#menu {
	display: block;
	position: absolute;
	top: 136px;
	left: 215px;
	padding: 0;
	list-style: none;
}
#menu li {
	display: block;
	float: left;
	padding: 0 0 0 1px;
	
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/img/layout/menu-item-separator.gif);
}
#menu li.none {
	background: none;
}
#menu li a {
	display: block;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	color: #625434;
	text-decoration: none;
	
	background-position: center;
	background-repeat: repeat-x;
}
#menu li a span { display: block; }
#menu li a span.left { background-position: center left; }
#menu li a span.right { background-position: center right; }
#menu li a span.label {
	padding: 0 8px;
	line-height: 39px;
}

#menu a:hover { color: #f29400; }
#menu li a.selected {
	color: #fff;
	background-image: url(/img/layout/menu-item-bg.gif);
}
/*
#menu li a.selected span.left {
	background-image: url(/img/layout/menu-item-left.gif);
}
#menu li a.selected span.right {
	background-image: url(/img/layout/menu-item-right.gif);
}
*/

/* sub menu */
#sub-menu {
	padding: 5px 0;
}

#sub-menu ul {
	list-style: none;
}

#sub-menu li,
#sub-menu li li.first {
	border-top: 1px dashed #5f5233;
}
#sub-menu li.first { border: none; }
#sub-menu li {
	display: block;
	clear: both;
}
#sub-menu li div.row {
	height: 23px;
}
#sub-menu li li div.row { padding-left: 14px; }
#sub-menu li li li div.row { padding-left: 28px; }

#sub-menu li.selected div.row {
	background-color: #211d0f;
}
#sub-menu li.selected li div.row {
	background: none;
}

#sub-menu li span.collapse {
	display: block;
	float: left;
	width: 26px;
	height: 100%;
	font-size: 0;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(/img/layout/submenu-list-image.png);
}
#sub-menu li.expanded > .row span.collapse,
#sub-menu li span.collapse.expanded {
	background-image: url(/img/layout/submenu-selected-list-image.png);
}

#sub-menu li a, #sub-menu li.selected li a {
	color: #fff;
}
#sub-menu li a {
	display: block;
	line-height: 23px;
	margin-left: 30px;
	text-decoration: none;
	/* font-style: italic; */
}
#sub-menu li a:hover,
#sub-menu li.selected li a:hover,
#sub-menu li.selected a {
	color: #f29400;
}
/*
#sub-menu li.selected > .row:first-child a {
	color: #fff;
}

/*
#sub-menu li li a {
	line-height: 17px;
	color: #fff;
	padding-left: 5px;
}
#sub-menu li li a:hover {
	color: #009ddf;
}
*/

/* side links */
ul#side-links {
	display: block;
	list-style: none;
	text-align: center;
}
ul#side-links li {
	padding: 5px 0;
}

#icon-links {
	display: block;
	list-style: none;
}
#icon-links li {
	display: block;
}
#icon-links li a {
	display: block;
	line-height: 38px;
	padding-left: 50px;
	
	font-size: 18px;
	/* font-style: italic; */
	text-decoration: none;
	
	background-position: 10px center;
	background-repeat: no-repeat;
}

/** COMMON CLASSES **/
.box-bg {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.65);
}
*:first-child+html .box-bg {
	background: transparent;
	background-image: url(/img/layout/box-bg.png);
}

a.lightwindow {
	outline: none;
	display: block;
	float: left;
	padding: 5px;
	
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/img/layout/thumb-border.png);
	margin: 4px 3px;
}
a.lightwindow:hover {
	background-image: url(/img/layout/thumb-border-hover.png);
}
a.lightwindow img {
	display: block;
}

.content .gmap {
	height: 400px;
}

/**
 * Titles
 */
h1.title {
	padding: 3px 10px;
	font-size: 24px;
	
	color: #fff;
	background-color: #9ec324;
}

h2.title {
	font-size: 18px;
	padding-bottom: 0.2em;
	border-bottom: 1px dashed #5f5233;
}
h4.title {
	margin-top: -8px;
}

/**
 * Forms
 */
input.text, input.password, textarea {
	border: 2px solid #99835d;
	background-color: #dcdccc;
	padding: 3px;
}
textarea { display: block; }
input.focus, textarea.focus { background-color: #fff; border-color: #99835d; }

.notice {
	margin:0 0 5px 0;
	border-color:#d4dadd;
}

form dl {
	margin: auto;
}
form dl input.text, form dl textarea {
	width: 260px;
}
form dl dt, form dl dd { width: 270px; padding: 5px 0 0; }
form dl dt {
	/* display: none; */
	float: left;
	color: #fff;
	font-style: italic;
	text-align: right;
	line-height: 25px;
}
form dl dd {
	float: right;
}
form dl dd.hidden {
	display: none;
}
form dl dd.clr {
	float: none;
	padding: 0;
	margin: 0;
	height: 1px;
}

div.content-box {
	width: 570px;
	padding: 10px;
	margin-top: 22px;
	
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.65);
}
*:first-child+html div.content-box {
	background: transparent;
	background-image: url(/img/layout/box-bg.png);
}

div.content-box.galery,
*:first-child+html div.content-box.galery {
	background: none;
	width: auto;
	padding: 10px 0;
}
div.content-box.galery h2.title {
	color: #fff;
	border: none;
	margin-left: 10px;
	margin-right: 10px;
}

div.content-box.form,
div.content-box.gmap {
	padding-left: 0;
}

div.content-box.form h2.title,
div.content-box.gmap h2.title {
	float: left;
	border: none;
	
	padding: 3px 10px;
	margin-bottom: 10px;
	
	color: #fff;
	background-color: #9ec324;
}

div.content-box.form .content,
div.content-box.gmap .content {
	clear: both;
	margin-left: 10px;
}


div.content-box h2.title {
}
div.content-box .content {
}
div.content-box.gmap .content {
}

div.article .text ul { padding-left:18px; list-style-image:url(../img/layout/puce.gif); }

@charset "utf-8";
/**
 * Buttons layout
 */

input.btn {
	height:25px;
	background:none;
	background-color:#f19300;
	border:none;
	padding:0 9px;
	vertical-align:middle;
	font:bold 11px "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
	font-style: italic;
	color:#fff;
}
/* Correction des bug Internet Explorer */ 
* html input.btn {width:1%; overflow:visible;} 
*:first-child+html input.btn {overflow:visible;}

button, a.btn {
	display:-moz-inline-box;
	display:inline-block;
	margin:0;
	padding:0;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
	background:none;
	color:#fff;
	text-decoration:none;
}
button {
	margin:0 -3px 0 !important;
	margin: 0 !important!;
}

button span, a.btn span { float:left; }
button span span, a.btn span span { 
	float:left;
	padding:0 0 0 20px;
	vertical-align:middle;
	
	background-repeat:no-repeat;
	background-position:left 0px;
	background-image:url(../img/layout/button-left.gif);
}
button span span span, a.btn span span span { 
	padding:0 1px 0 0;
	
	background-position:right 0px;
	background-image:url(../img/layout/button-right.gif);
}
button span span span span, a.btn span span span span { 
	height:25px;
	padding:0 8px 0 5px;
	font-weight: bold;
	font-style: italic;
	line-height: 25px;
	/* font: bold 13px/25px Verdana, Arial, Helvetica, sans-serif; */
	
	background-repeat:repeat-x;
	background-position:center 0px;
	background-image:url(../img/layout/button-bg.gif);
	background-color:#f19300;
}
/* Correction des bug Internet Explorer */ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

/** HOVER **/
a.btn:hover { border:none; }
button.hover span span, a.btn:hover span span                     { background-position:left -25px; }
button.hover span span span, a.btn:hover span span span           { background-position:right -25px; }
button.hover span span span span, a.btn:hover span span span span { background-position:center -25px; }

/** Disabled **/
button.disabled { cursor:default; color:#a0a0a0; }